@charset "utf-8";
@import url(reset.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

body{
	font-family: 'Noto Sans JP', sans-serif;
	color: #3b342b;
}

.inner{
	position: relative;
	width: 90%;
	max-width: 1024px;
	margin: 0 auto;
}

h2{
	position: relative;
	font-size: 40px; font-weight: 700;
	opacity: 0;
	transform: translateY(100px);
	transition: ease .5s all
}
h2.show{ 
	opacity: 1;
	transform: translateY(0)
}
h3{position: relative;z-index: 1;}
h3 div{ font-size: 32px; font-weight: 700; margin: 0 0 10px -2px ;line-height: 1.5em;}
h3 span{ font-size: 12px; font-weight: 700; text-transform: uppercase}
br.sp{display: none}
a:visited {
	color:#3b342b;
}

@media screen and (max-width:768px) {
	h2{ font-size: 20px; line-height: 1.5em;}
	h3 div{ font-size: 20px; line-height: 24px; margin: 0 0 8px -2px}
	br.sp{display: block}	
}

.header{
	background: #fff;
	box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.35);
	height: 60px;
	display: flex;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
}
.header .inner{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.header ul.pc{
	display: flex;
	align-items: center;
}
.header ul.pc li{
	display: flex;
	align-items: center;
	margin: 0 20px;
}
.header ul.pc li a{
	font-size: 16px;
	color: #3b342b;
	text-decoration: none;
	transition: .3s all ease;
}
.header ul.pc li a:hover{
	color:#0B5E73;
}
.header ul.pc li:last-child{
	margin: 0;
}
.header ul.pc li:last-child a{
	background: #0B5E73;
	color: #fff;
	border: 2px solid #0B5E73;
	box-sizing: border-box;
	padding: 10px 15px;
	transition: .3s all ease;
}
.header ul.pc li:last-child a:hover{
	opacity: 0.7
}
.main{ margin: 60px 0 0; position: relative}

@media screen and (max-width:768px) {
	.header{height: 45px;}
	.header .logo img{ height: 26px;}
	.header ul.pc{ display: none;}
	.main{ margin: 45px 0 0;}
}

.btn_menu_sp{
	z-index: 9999;
	display: none;
	position: absolute;
	top: 1px;
	right: 0px;
	width: 25px;
	height: 22px;
	transition: all .2s ease;
}
@media screen and (max-width:640px) { 
	.btn_menu_sp{
		display: block;
	}
}
.btn_menu_sp span{
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 100%;
	height: 3px;
	border-radius: 1.5px;
	margin: 0 auto;
	background: #18ABD0;
	transition: .1s;
}
.btn_menu_sp span:before,
.btn_menu_sp span:after{
	display: block;
	content: "";
	position: absolute;
	left: 0;
	width: 100%;;
	height: 3px;
	border-radius: 1.5px;
	background: #18ABD0;
	transition: .2s;
}
.btn_menu_sp span:before{
	margin-top: -8px;
}
.btn_menu_sp span:after{
	margin-top: 8px;
}
.btn_menu_sp.close span{
	background: rgba(0,0,0,0);
}
.btn_menu_sp.close span:before,
.btn_menu_sp.close span:after{
	margin-top: 0;
	background: #fff;
}
.btn_menu_sp.close span:before{
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.btn_menu_sp.close span:after{
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}

.menu_sp{
	display: none;
	position: fixed;
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	z-index: 9998;
}
.menu_sp .inner{
	position: relative;
	background: #18ABD0;
	padding: 70px 0 0;
	width: 100%;
	height: auto;
	border-top: 1px solid #ffffff;
	top: -100px;
	transition: .3s all ease;
}
.menu_sp .inner.show{
	top: 0;
}
.menu_sp ul{
	display: block;
	width: 100%;
}
.menu_sp ul li{
	border-bottom: 1px solid #ffffff;
	margin: 0;
	display: flex;
	align-items: center;
	height: 50px;
}
.menu_sp ul li a{
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	margin: 0 0 0 5%;
}
.menu_sp ul li:last-child a{
	color: #fff4ad;
}


.block_top{
	position: relative;
	padding: 0 0 80px;
	height: 400px;
	width: 100%;
	background-size:cover;
	background-image: url(/web-service/_assets/img/top_illust.png);
	background-repeat: no-repeat;
	background-position: center;
}

@media screen and (max-width:768px) {
.block_top {
	height: 200px;
}
}

.top_title{
	position: absolute;
	top: 180px;

	opacity: 0;
	transition: 1s all ease;
}
.top_title.is-show{

	opacity: 1;
}

.top_tagline{
	position: absolute;
	top: 100px;

	opacity: 0;
	transition: 1.5s all ease;
	transition-delay: .3s
}
.top_tagline.is-show{

	opacity: 1;
}
.top_title img,
.top_tagline img{
	width: auto;
}
.top_title img,
.top_tagline img{
	display: block;
	width: auto;
	
	transition: 1s all ease-out;
}
.top_title img{
	position: absolute;
	transform: translateY(200px);
}
.top_tagline img{
	position: absolute;
	transform: translateY(50px);
}
.top_title.is-show img,
.top_tagline.is-show img{
	transform: translateY(0);
}

.top_ttl{
	font-size: 30px;
	letter-spacing: 0.01em;
	font-weight: 900;
	color: #3b342b;
	line-height: 60px;
	margin-top: 80px;
}

.top_txt{
	font-size: 18px;
	color: #3b342b;
	line-height: 2em;
	margin: 15px 0 0;
}
@media screen and (max-width:768px) {
	.block_top{
		position: relative;
		padding: 0 0 50px;
	}
	.top_title{
		position: relative;
		width: 100%;
		top: inherit;
		padding:  45px 0 0;
		transform: translateY(0);
	}
	.top_tagline{
		position: relative;
		width: 100%;
		top: inherit;
		padding:  50px 0 0;
		transform: translateY(0);
	}
	.top_title img,
	.top_tagline img{
		display: block;
		width: 100%;
		
		transition: 1s all ease-out;
	}
	.top_title img{
		position: absolute;
		transform: translateY(150px);
	}
	.top_tagline img{
		transform: translateY(50px);
	}
	.top_title.is-show img,
	.top_tagline.is-show img{
		transform: translateY(0);
	}

	.top_img{
		width: 100%;
		align-items: flex-start;
		justify-content: center;
		padding: 180px 0 0;
	}
	.top_img img{
		display: block;
		width: 90%;
		height: auto;
	}
	.top_ttl{
		font-size: 23px;
		line-height: 43px;
	}
	.top_txt{
		font-size: 18px;
		line-height: 2em;
	}
}


.block_01{
	padding: 30px 0 75px;
}
.block_01 h2{
	color: #71b59b;
}
.block_01 .chart{
	max-width: 800px;
	width: 90%;
	margin: 0 auto;
	
	opacity: 0;
	transition: 1s all ease;
	transition-delay: .3s;
}
.block_01 .chart.show{
	opacity: 1;
}
.block_01 .chart img{
	width: 100%;
}

@media screen and (max-width:768px) {
	.block_01{
		padding: 15px 0 40px;
	}
	.block_01 .chart{
		margin: 30px auto 0;
	}
}

.block_02{
	background: #ebfffb;
}
.block_02 .inner{
	padding: 60px 0;
	font-size: 16px;
	line-height: 2em;
}
.block_02 .inner a{
	color: #3b342b;
}

@media screen and (max-width:768px) {
	.block_02 .inner{
		padding: 40px 0;
	}
}


.block_03{
	background: #f5f5f5;
	padding: 60px 0 75px;
}
.block_03 h2{
	color: #71b59b;
}

.block_03 .btn_area{
	width: calc(100% + 20px);
	margin: 50px 0 0 -10px;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.block_03 .btn_area .btn_cell{
	position: relative;
	width: calc( (100% / 3) - 20px);
	margin: 0 10px 20px;
	padding: 15px 20px 60px;
	box-sizing: border-box;
	background: #fff;
	box-shadow: 3.536px 3.536px 10px 0px rgba(0, 0, 0, 0.09);
	border-radius: 20px;
	text-decoration: none;
	transition: .5s all ease;
	
	transform: translateY(100px);
	opacity: 0;
}
.block_03 .btn_area .btn_cell:hover{
	opacity: 0.7;
}
.block_03 .btn_area .btn_cell.show{
	opacity: 1;
	transform: translateY(0);
}

.block_03 .btn_area .btn_cell .img{
	width: 100%;
	height: 125px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.block_03 .btn_area .btn_cell .ttl{
	color: #3b342b;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5em;
	margin: 5px 0 0;
}


.block_03 .btn_area .btn_cell .btn{
	position: absolute;
	bottom: 15px;
	left: 0;
	right: 0;
	width: 124px;
	height: 30px;
	border: 1px solid #e1f6f2;
	box-sizing: border-box;
	background: #efefef;
	color: #474747;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	font-size: 14px;
	margin: 20px auto 0;
}

@media screen and (max-width:768px) {
	.block_03{
		padding: 30px 0 25px;
	}
	.block_03 .btn_area{
		width: 100%;
		margin: 10px 0 0 0;
	}
	.block_03 .btn_area .btn_cell{
		width: 100%;
		margin: 0 5px 15px;
	}
}


.contents{
	overflow: hidden;
	padding: 50px 0;
	border-bottom: 1px solid #bfbfbf;
}
@media screen and (max-width:768px) {
	.contents{
		padding: 20px 0;
	}
}

.contents .maru{
	position: absolute;
	display: block;
	background: #efefef;
	width: 560px;
	height: 560px;
	border-radius: 50%;
	top: 0;
	margin: 0 0 0;
	left: -280px;
	z-index: 0;
}
.contents:nth-child(even) .maru{
	right: -280px;
	left: inherit;
}
@media screen and (max-width:768px) {
	.contents .maru{
		width: 280px;
		height: 280px;
		left: -140px;
	}.contents:nth-child(even) .maru{
		right: -140px;
	}
}

.contents .tag{
	position: relative;
	z-index: 1;
	display: flex;
	margin: 44px 0 70px -20px;
	width: calc(100% + 40px);
}

.contents .tag li{
	background: #18ABD0;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	color: #fff;
	height: 70px;
	margin: 0 20px;
	width: calc( 100% / 4 - 40px );
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
}
.contents .tag li:nth-child(even){
	background: #13C5F1;
}
.contents .tag.num_5 li{
	margin: 0 10px;
	width: calc( 100% / 5 - 20px );
}
.contents .tag.num_6 li{
	margin: 0 5px;
	width: calc( 100% / 6 - 10px );
}

@media screen and (max-width:768px) {
	.contents .tag{
		margin: 30px 0 25px;
		width: 100%;
		flex-wrap: wrap;
	}
	.contents .tag li,
	.contents .tag.num_5 li,
	.contents .tag.num_6 li{
		margin: 0 15px 15px;
		width: calc(50% - 30px);
		font-size: 10px;
		line-height: 15px;
		height: 50px;
	}
}

.contents .column .info:nth-child(odd){
	flex-flow: row-reverse;
}

.contents .column .info{
	justify-content: space-between;
	display: flex;
}

.contents .column .info .column_main{
	width: 50%;
}

.pack_intro {
	margin-top: 20px;
	margin-bottom:60px ;
}
.pack_intro h3{
	font-size: 20px;
	font-weight: bold;
	color: #0EAED6;
	line-height: 1.5em;
	margin-bottom: 20px;
}

.pack_intro p{
	line-height: 2em;
	font-size: 1em;
}

@media screen and (max-width:768px) {
.contents .column .info .column_main {
    width: 100%;
}
}

@media screen and (max-width:768px) {
	.contents2 .column .info .column_main {
		width: 100%;
	}
	}



.contents .column .img img{
	width: 90%;
}
.contents .column .info{
	padding: 0 0 60px;
}
.contents .column .info .ttl{
	/* background:  #fff7d6; */
	margin: 60px 0 0;
	padding: 0 20px 13px 20px;
	font-size: 16px;
	font-weight: bold;
	color: #0EAED6;
}
.contents .column .info .ttl:first-child{
	margin: 0;
}
.contents .column .info .head{
	margin: 10px 0 0 24px;
	padding: 10px 18px;
	border-left: 7px solid #0B5E73;
	color: #0B5E73;
}
.contents .column .info .txt{
	margin: 10px 10px 0 20px;
	font-size: 14px;
	line-height: 1.8em;
}
@media screen and (max-width:768px) {
	.contents .column{
		flex-wrap: wrap;
	}
	
	.contents:nth-child(even) .column{
		flex-flow: column;
	}
	.contents .column .img,
	.contents .column .info{
		width: 100%;
	}
	.contents .column .img{
		margin-bottom: 25px;
		text-align: center;
	}
	}
	.contents .column .info{
		padding: 0 0 80px;
	}
	/* .contents .column .info .ttl{
		font-size: 16px;
		line-height: 2em;
		margin: 20px 0 0;
		padding-top: 0px;
		padding-right: 15px;
		padding-bottom: 10px;
		padding-left: 0px;
	} */
	.contents .column .img,
	.contents:nth-child(even) .column .img{
		justify-content: center;
	}

	.contents .column .info .head{
		margin: 15px 0 0 0;
		padding: 5px 0 5px 10px;
		font-size: 14px;
	}
	.contents .column .info .txt{
		margin: 10px 0 0;
		font-size: 14px;
		line-height: 1.8em;
		padding-bottom: 20px;
	}

.contents .feature{
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
.contents .feature div{
	width: 45%;
}
.contents .feature div span{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 350px;
    height: 48px;
    margin: 0 auto 20px;
    border: 2px solid #00ACE2;
    border-radius: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background-color: #00ACE2;
}

.contents .feature div ul li{
	font-size: 14px;
	line-height: 2em;
	text-indent: -14px;
	margin: 10px 20px 10px 10px;
	padding: 0 0 0 14px;
}
.contents .feature div p{
	font-size: 14px;
	line-height: 2em;
	margin: 10px 20px 10px 10px;
}

.contents .feature_title {
    text-align: center;
    width: 300px;
    height: 48px;
    margin: 0 auto 40px;
    border: 2px solid #00ACE2;
    border-radius: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background-color: #00ACE2;
}

.contents .feature_title h3{
	padding-top: 15px;
}

.contents .feature div h4{
	margin-top: 30px;
    color: #00ACE2;
}


.contents .feature2 div {
	margin-bottom: 40px;
}
.contents .feature2 div ul li{
font-size: 14px;
line-height: 2em;
text-indent: -14px;
margin: 10px 20px 10px 10px;
padding: 0 0 0 14px;
}

.contents .feature2 div p{
	font-size: 14px;
	line-height: 2em;
	text-indent: -14px;
	margin: 10px 20px 10px 10px;
	padding: 0 0 0 14px;
	}


@media screen and (max-width:768px) {
	.contents .feature{
		flex-wrap: wrap;
	}
	.contents .feature div{
		width: 100%;
		margin-bottom: 15px;
	}
	.contents .feature div span{
		width: 90%;
		font-size: 14px;
		margin: 0 auto 13px;
	}
	.contents .feature div ul li{
		font-size: 14px;
		line-height: 18px;
		padding: 0 30px 0 30px;
	}
	.contents .feature div p{
		margin: 20px 20px 20px 20px;
		}
		.contents .column .info{
			padding: 0 0 40px;
		}
	}


.contents .price{
	position: relative;
	border: #e2e2e2 2px solid;
	padding: 46px 40px 50px;
	margin: 40px 0 0;
}

.merit {
	margin-top: 20px;
}

.merit span{
	color: #2ea160;
	padding: 0 0 0 14px;
}


.merit ul li {
	font-size: 14px;
    line-height: 2em;
    text-indent: -14px;
    margin: 10px 20px 10px 10px;
    padding: 0 0 0 14px;
}

/* .contents .price:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 6px);
	height: calc(100% - 6px);
	border: #f3f3f3 3px solid;
} */

@media screen and (max-width:768px) {
	.contents .price{
		margin: 20px 0 0;
		padding: 22px 10px;
	}
}

.contents .price .head{
	display: flex;
	background: #f5f5f5;
	border-radius: 14px;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 40px;
}
.contents  .price .head div{
	padding: 10px 20px 10px 25px;
}

.contents  .price .head div p{
	margin-top: 22px;
}

.contents .price .head div:last-child{
	background: #0EAED6;
	color: #fff;
	flex-grow: 1;
	text-align: center;
	border-radius: 14px;
	line-height: 1.5em;
    padding-bottom: 20px;
}
@media screen and (max-width:768px) {
	.contents .price .head{
		font-size: 10px;
		border-radius: 7px;
		margin-bottom: 10px;
	}
	.contents  .price .head div{
		font-size: 14px;
		padding: 5px 8px 5px 13px;
	}
	.contents .price .head div:last-child{
		border-radius: 7px;
		font-size: 14px;
		padding-bottom: 5px;
	}
}


.contents .price .area{
	/* display: flex; */
	margin: 20px 0 0;
	width: 100%;
	text-align: center;
}
.contents .price .price_1{
	/* width: 80%; */
	text-align: center;
	box-sizing: border-box;
	line-height: 1.5em;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.08em;
	color: #a8a8a8;
	margin-bottom: 20px;
}

.contents .price .price_2{
	/* width: 70%; */
	/* display: flex; */
	text-align: center;
	box-sizing: border-box;
	line-height: 1.5em;
}


#CONTENTS08.contents .price .price_1{
	font-size: 20px;
	line-height: 1.5em;
}

.contents .price .price_1 span{
	font-size: 10px;
	font-weight: normal;
	color: #3b342b;
	align-items: center;
}

/* .contents .price .price_1:after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 0 12px 20px;
	border-color: transparent transparent transparent #000;
	margin: 0 0 0 24px; 
}
*/
.contents .price .price_2{
	position: relative;
	flex-wrap: wrap;
	padding: 0;
	font-size: 26px;
	font-weight: bold;
	color: #047A97;
	margin-bottom: 16px;
}

#CONTENTS08.contents .price .price_2{
	font-size: 32px;
}
.contents .price .price_2 span{
	font-size: 10px;
	font-weight: normal;
	color: #3b342b;
	align-items: center;
}
.contents .price .price_2 p{
	position: absolute;
	bottom: -24px;
	display: block;
	width: 100%;
	font-size: 16px;
	font-weight: normal;
	color: #3b342b;
}
@media screen and (max-width:768px) {
	.contents .price .area{
		flex-wrap: wrap;
		margin: 10px 0 0;
	}
	.contents .price .price_1,
	.contents .price .price_2{
		width: 100%;
	}
	.contents .price .price_1{
		justify-content: center;
		flex-wrap: wrap;
		padding: 0;
		font-size: 14px;
		letter-spacing: 0.08em;
		color: #a8a8a8;
		text-align: center;

	}
	.contents .price .price_1 span{
		display: block;
		text-align: center;
		width: 100%;
		margin-top: 12px;
	}
	/* .contents .price .price_1:after{
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 5.5px 0 5.5px;
		border-color: #000 transparent transparent transparent;
		margin: 10px 0 0 0;
	} */
	.contents .price .price_2{
		font-size: 22px;
		text-align: center;
		justify-content: center;
		margin: 10px 0 20px 0;
	}
	.contents .price .price_2 span{
		font-size: 12px;
		margin-top: 10px;
	}
	.contents .price .price_2 p{
		font-size: 12px;
		bottom: -14px;
	}
}

.contents .btn_contact{
	display: flex;
	justify-content: center;
	text-align: center;
	position: relative;
	margin: 45px auto 0;
	width: 300px;
	padding: 15px ;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: #0B5E73;
	
	border: #0B5E73 solid 2px;
	transition: .3s all ease;
	cursor: pointer;
	text-decoration: none;
}
.contents .btn_contact:hover{
	opacity: 0.7;
}

@media screen and (max-width:768px) {
	.contents .btn_contact{
		width: 80%;
		font-size: 12px;
		margin: 15px auto 0;
	}
}

.btn_contents_open-close{
	display: none
}

@media screen and (max-width:768px) {
	.contents .column .info{
		display: none;
	}
	.hook_open-close{
		display: none;
	}
	.btn_contents_open-close{
		display: flex;
		justify-content: center;
		margin: 13px 0 0;
	}
	.btn_contents_open-close .close{
		display: none;
	}
	.btn_contents_open-close.is-open .open{
		display: none;
	}
	.btn_contents_open-close.is-open .close{
		display: block;
	}
}


.block_04{
	padding: 60px 0 50px;
}
.block_04 h2{
	color: #047A97;
}
.block_04 .column{
	display: flex;
	flex-direction: row-reverse;
	margin: 60px 0 0;
}
.block_04 .column .block:last-child{
	flex-grow: 1;
}
.block_04 .column .block .ttl{
	font-size: 24px;
	font-weight: bold;
}

.block_04 .column .block ul li{
	position: relative;
	display: flex;
	align-items: flex-start;
	margin-bottom: 30px;
	margin-right: 20px;
}
/* .block_04 .column .block ul li:after{
	content: "";
	position: absolute;
	top:60px;
	left: 33px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 11px 11.5px 0 11.5px;
	border-color: #00b34e transparent transparent transparent;
} */
.block_04 .column .block ul li:last-child:after{
	display: none;
}
.block_04 .column .block ul li .box{
	margin: 0 12px 0 0;
}
.block_04 .column .block ul li p{
	font-size: 18px;
	font-weight: bold;
	color: #0EAED6;
	line-height: 1.5em;
	padding-block-start: 6px;
}
.block_04 .column .block ul li:nth-child(even) p{
	font-weight: normal;
	color: #3b342b;
}
.txt{
	margin: 20px 0 0;
	padding: 0 0 0 12px;
	font-size: 16px;
	line-height: 1.8em;
	/* text-indent: -12px; */
}

.block_04 .pc{display: block}
.block_04 .sp{display: none}
@media screen and (max-width:768px) {
	.block_04{
		padding: 30px 0 20px;
	}
	.block_04 .column{
		flex-wrap: wrap;
		margin: 20px 0 0;
	}
	.block_04 .column .block .ttl{
		font-size: 18px;
		margin: 20px 0 0;
	}
	.block_04 .pc{display: none}
	.block_04 .sp{display: block; width: 100%;}
	
	
	.block_04 .column .block ul{
		margin: 20px 0 0 ;
	}
	.block_04 .column .block ul li{
		height: auto;
		padding: 10px 0;
		margin-bottom: 0;
	}
	.block_04 .column .block ul li:after{
		display: none;
	}
	.block_04 .column .block ul li .box{
		width: 60px;
		margin: 0 10px 0 0;
	}
	.block_04 .column .block ul li .box img{
		width: 100%;
	}
	.block_04 .column .block ul li p{
		font-size: 16px;
		width: calc(100% - 60px);
		padding-block-start:0px;
	}
	.block_04 .column .block ul li:after{
		left: 20px;
		border-width: 7px 7px 0 7px;
	}
}

.sme {
	padding: 30px 0 20px;
}

.lead_next {
	margin-top: 40px;
	margin-bottom: 40px;
	}

	.lead_next p{

		line-height: 2em;
		}


	.lead_next h3{
		font-size: 22px; font-weight: 700; margin: 0 0 10px -2px ;line-height: 1.5em;
		}

.lead_next .sme_img {
    display: block;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}


.block_05{
	background: #ebfffb;
	padding: 0 0 60px;
}
.block_05 img.arrow{
	position: relative;
	display: block;
	margin: 0 auto;
}

.block_05 .column{
	display: flex;
	flex-direction: row-reverse;
	margin: 30px 0 0;
}
.block_05 .column .block{
	width: 50%;
}
.block_05 .column .block .ttl{
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 0 40px;
}
.block_05 .column .block ul{
	margin: 20px 0 0 40px;
}
.block_05 .column .block ul li{
	font-size:  20px;
	line-height: 2.5em;
}
.block_05 .column .block ul li span{
	color: #008c3d;
}
@media screen and (max-width:768px) {
	.block_05 .column{
		flex-wrap: wrap;
	}
	.block_05 .column .block,
	.block_05 .column .block img{
		width: 100%;
	}
	.block_05 img.arrow{
		width: 70%;
	}
	.block_05 .column .block .ttl{
		font-size: 18px;
		margin: 0;
	}
	.block_05 .column .block ul{
		margin: 20px 0 20px;
	}
	.block_05 .column .block ul li{
		font-size:  15px;
	}
}


.block_06{
	padding: 60px 0 50px;
}
.block_06 h2{
	color: #047A97;
}
.block_06 .ttl{
	font-size: 16px;
	line-height: 21px;
	font-weight: bold;
	margin: 50px 0 0;
}
.block_06 .privacy{
	font-size: 14px;
	line-height: 28px;
	margin: 30px 0 0;
	padding: 30px 25px;
	border: 1px solid #c4c4c4;
	height: 180px;
	overflow-y: scroll;
}
.block_06 .txt{
	margin: 20px 0 0;
	padding: 0 0 0 12px;
	font-size: 12px;
	line-height: 22px;
	text-indent: -12px;
}

@media screen and (max-width:768px) {
	.block_06{
		padding: 30px 0 50px;
	}
	.block_06 .ttl{
		margin: 20px 0 0;
		font-size: 16px;
		line-height: 2em;
	}
	.block_06 .privacy{
		font-size: 14px;
		padding: 15px 12px 15px;
	}
	.block_06 .txt{
		font-size: 12px;
		line-height: 19px;
		padding: 0 0 0 10px;
	}
}

.block_done{
	padding: 60px 0 50px;
	min-height: calc(100vh - 200px);
}
.block_done h2{
	color: #71b59b;
}
.block_done .ttl{
	font-size: 17px;
	line-height: 40px;
	font-weight: normal;
	margin: 50px 0 0;
}
.block_done ul{
	margin: 30px 0 0;
}
.block_done ul li{
	font-size: 17px;
	
	line-height: 1.8em;
	margin-bottom: 20px;
	padding: 0 0 0 17px;
	text-indent: -17px;
}
.block_done .btn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 550px;
	height: 90px;
	margin: 50px auto 0;
	background: #000;
	color: #fff;
	border: 2px solid #383838;
	font-size: 22px;
	text-decoration: none;
}
@media screen and (max-width:768px) {
	.block_done .btn{width: 90%;}
}


.form{
	background: #eeeeee;
	padding: 80px 0 60px;
}
.form .input_area{
	margin: 0 0 30px;
}

.form .input_head{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin: 0 0 12px;
}

.form label{
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight: bold;
	height: 30px;
}
.form label span{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	background: #a0a0a0;
	color: #f6f6f6;
	font-size: 14px;
	line-height: 10px;
	height: 30px;
	width: 86px;
	border-radius: 4px;
	margin: 0 20px 0 0;
}
.form .error{
	color: #c11e03;
	font-size: 12px;
	letter-spacing: 0.2em;
	margin: 0 20px 0 0;
}
@media screen and (max-width:768px) {
	.form .input_head{
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.form label{
		width: 100%;
		font-size: 14px;
		height: 18px;
	}
	.form label span{
		font-size: 14px;
		width: 55px;
		height: 26px;
		margin: 0 10px 0 0;
	}
	.form .error{
		margin: 10px 0 0;
		font-size: 10px;
	}
}


.form input{
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	font-size: 12px;
	outline: 1px #aeaeae solid;
	border: none
}

.form textarea{
	border-color: transparent;
	outline: 1px #aeaeae solid;
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	font-size: 12px;
}
input:focus,
textarea:focus {
	outline: 1px #1ac9aa solid;
}

.select-wrap {
    position: relative;
}
.select-wrap:before {
    z-index: 1;
    position: absolute;
    right: 15px;
    top: 18px;
    content: "";
    color: #7F878C;
    pointer-events: none;
    background: url(../img/contact_arrow.png) no-repeat;
    width: 20px;
    height: 9px;
}
select{
    outline:none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: auto;
    border:1px solid #aeaeae;
    color:#666;
    background: #fff;
    width:100%;
    padding: 15px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 12px;
}
select option{
	background-color: #fff;
	color: #333;
}
select::-ms-expand {
	display: none;
}
select:-moz-focusring { 
	color: transparent; 
	text-shadow: 0 0 0 #000;
}

.form .btn_area{
	display: flex;
	justify-content: center;
}
.form .btn_area .btn_submit,
.form .btn_area .btn_back{
	text-align: center;
	width: 310px;
	height: auto;
	padding: 15px 0;
	width: 310px;
	background: #0B5E73;
	border: 2px solid #0B5E73;
	box-sizing: border-box;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
}
.form .btn_area .btn_submit{
	display: block;
}
.form .btn_area .btn_back{
	background: #000;
	border: 2px solid #383838;
	margin: 0 100px 0 0;
}
.form .text_confirm{
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 60px;
	margin-bottom: 60px;
	border-bottom: 1px solid #c6c6c6;
}
.form .confirm_area{
	font-size: 18px;
	line-height: 1.5em;
	font-weight: bold;
	padding: 0 0 30px 20px;
	border-bottom: 1px solid #c6c6c6;
}
@media screen and (max-width:768px) {
	.form .btn_area{
		flex-wrap: wrap;
	}
	.form .btn_area .btn_submit,
	.form .btn_area .btn_back{
		width: 70%;
		margin: 0;
	}
	.form .btn_area .btn_back{
		margin: 0 0 30px;
	}
	.form .confirm_area{
		padding: 0 0 20px 10px;
		font-size: 12px;
	}
}

.btn_pagetop {
	position: fixed;
	right: 20px;
	bottom: -100px;
	opacity: 0;
	transition: .5s all ease;
	cursor: pointer;
}
.btn_pagetop.show {
	bottom: 20px;
	opacity: 1;
}
.btn_pagetop.is-absolute {
 	position: absolute;
}
.btn_pagetop:hover {
	opacity: 0.5;
}
@media screen and (max-width: 640px) {
	.btn_pagetop {
		width: 35px;
		right: 5%;
	}
	.btn_pagetop img {
		width: 100%;
	}
}

.footer{
	background: #313131;
	color: #fff;
	
	padding: 25px 0 20px;
}
.footer .column{
	display: flex;
	margin: 0 auto;
	width: 700px;
}
.footer .column .info{
	margin: 0 0 0 15px;
}
.footer .column .info .name{
	font-size: 14px;
	font-weight: bold;
}
.footer .column .info .adress{
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	margin: 7px 0 0;
}
.footer .copyright{
	text-align: center;
	font-size: 10px;
}
@media screen and (max-width:768px) {
	.footer .column{
		width:  90%
	}
	.footer .column .info .name{
		font-size: 12px;
	}
	.footer .column .info .adress{
		font-size: 10px;
		line-height: 16px;
	}
	.footer .copyright{
		margin: 10px 0 0;
	}
}