@charset "utf-8";

/* --------------------------------------------
SEARCH
--------------------------------------------- */
#search{
	p{
		width : 460px;
		max-width : 100%;
		margin : 2em auto;
	}
	.search_sec1{
		width : 100%;
		padding : 2em 0;
		background-color : #f7f6f0;
	}
	.search_sec1 dl{
		width : 1000px;
		max-width : 95%;
		margin : 0 auto;
		overflow : hidden;
	}
	.search_sec1 dd{
		float : left;
		width : 20%;
	}
	.search_sec1 dd img{
		width : 200px;
		max-width : 100%;
		height : auto;
	}
	.search_sec1 dt{
		float : left;
		width : 60%;
		padding : 1em;
	}
	.search_sec1 dt h2{
		font-family : "ヒラギノ明朝 Pro W3" , "HG明朝E" , "ＭＳ Ｐ明朝" , "ＭＳ 明朝" , serif;
		font-size : 1.6em;
		text-align : center;
	}
	.search_sec1 dt h2 span{
		display : block;
		font-size : .8em;
		font-weight : 400;
	}
	.search_sec1 dt a{
		display : block;
		width : 500px;
		max-width : 100%;
		padding : .5em;
		margin : 1em auto;
		color : #c40f8f;
		text-align : center;
		text-decoration : none;
		background : #f0f0f0;
	}
	.search_sec2{
		width : 100%;
		overflow : hidden;
		background-color : #b1b5b4;
	}
	.search_sec2_left{
		float : left;
		width : 60%;
	}
	.search_sec2_left img{
		max-width : 100%;
		height : auto;
	}
	.search_sec2_right{
		display : inline-block;
		width : 40%;
	}
	.search_sec2_right h2{
		margin-top : 1em;
		font-family : "ヒラギノ明朝 Pro W3" , "HG明朝E" , "ＭＳ Ｐ明朝" , "ＭＳ 明朝" , serif;
	}
	.search_sec2_right p{
		width : 100%;
		margin : 1em 0;
	}
	.search_sec3{
		width : 100%;
		overflow : hidden;
		background-color : #f7fbf4;
	}
	.search_sec3 dl{
		width : 100%;
		margin : 0 0 0 auto;
		overflow : hidden;
	}
	.search_sec3 dd{
		float : left;
		width : 30%;
	}
	.search_sec3 dd img{
		max-width : 100%;
		height : auto;
	}
	.search_sec3 dt{
		float : left;
		width : 70%;
	}
	.search_sec3 dt h2{
		width : 600px;
		max-width : 95%;
		margin : 1em auto;
		margin-top : 1em;
		font-family : "ヒラギノ明朝 Pro W3" , "HG明朝E" , "ＭＳ Ｐ明朝" , "ＭＳ 明朝" , serif;
	}
	.search_sec3 dt p{
		width : 600px;
		max-width : 95%;
		margin : 1em auto 0;
	}
	.search_sec4{
		width : 100%;
		padding : 2em 1em;
		overflow : hidden;
		background : #a29ea6;
	}
	.search_sec4 dl{
		float : left;
		width : 49%;
		padding : 1em;
		background : #fff;
	}
	.search_sec4 dl:last-child{
		margin-left : 2%;
	}
	.search_sec4 dt h3{
		text-align : center;
	}
	.search_sec4 dt h3 span{
		display : block;
		font-family : "ヒラギノ明朝 Pro W3" , "HG明朝E" , "ＭＳ Ｐ明朝" , "ＭＳ 明朝" , serif;
		font-size : 1.4em;
		color : #f59c0f;
	}
	.search_sec4 dt p{
		width : 100%;
		padding : .5em;
		color : #fff;
		text-align : center;
		border-radius : 4px;
	}
	.search_sec4 dl:first-child dt p{
		background-color : #b50606;
	}
	.search_sec4 dl:last-child dt p{
		background-color : #143ce9;
	}
	.search_sec4 dd span{
		background : linear-gradient( transparent 60% , #ff6 60% );
	}
	.search_sec5{
		position : relative;
		width : 100%;
		background-color : #ddc9de;
	}
	.search_sec5 dl{
		width : 1000px;
		max-width : 95%;
		padding : 1em 0;
		margin : 0 auto;
		overflow : hidden;
	}
	.search_sec5 dl::before{
		position : absolute;
		top : 0;
		left : 40%;
		margin-left : -73px;
		content : url( "../images/search/bg04.png" );
	}
	.search_sec5 dt{
		display : inline-block;
		width : 70%;
		padding : 0 1em;
	}
	.search_sec5 dt p{
		width : 100%;
	}
	.search_sec5 dd{
		float : left;
		width : 30%;
	}
	.search_sec6{
		width : 100%;
		padding : 2em 0;
		background-color : #d9efef;
	}
	.search_sec6 h2{
		position : relative;
		width : 600px;
		max-width : 95%;
		padding : .5em .75em;
		margin : 0 auto 1em;
		text-align : center;
		background-color : #fff;
		border-radius : 6px;
	}
	.search_sec6 h2::after{
		position : absolute;
		top : 100%;
		left : 30px;
		width : 0;
		height : 0;
		content : "";
		border : 10px solid transparent;
		border-top : 15px solid #fff;
	}
	.search_sec6 p{
		width : 700px;
		max-width : 95%;
		margin : 2em auto 0;
	}
	.search_sec6 ul{
		width : 600px;
		max-width : 95%;
		padding : 1em;
		margin : 1em auto 0;
		background : #fff;
	}
	.search_sec6 li{
		margin-bottom : .2em;
		font-size : 1.4em;
		border-bottom : 1px dotted #7ecef4;
	}
	.search_sec6 li::before{
		margin-right : .5em;
		content : url( "../images/search/bg06.png" );
	}
	.search_sec6 li span{
		font-weight : 700;
		color : #b50606;
	}
	.search_sec7{
		width : 100%;
		padding : 2em 0;
	}
	.search_sec7 dl{
		width : 1200px;
		max-width : 95%;
		margin : 0 auto;
		overflow : hidden;
	}
	.search_sec7 dt{
		float : left;
		width : 70%;
	}
	.search_sec7 dt p{
		width : 100%;
	}
	.search_sec7 dt a{
		display : block;
		width : 500px;
		max-width : 100%;
		padding : .5em;
		margin : 1em auto;
		color : #c40f8f;
		text-align : center;
		text-decoration : none;
		background : #f0f0f0;
	}
	.search_sec7 dd{
		float : left;
		width : 30%;
	}
	.service h2 img{
		float : left;
		max-width : 100%;
		height : auto;
		margin-right : .5em;
	}
	.service h2 .p{
		width : 400px;
		max-width : 95%;
		margin : 0 auto;
		line-height : 2.5em;
	}
	.service h2 span{
		margin-left : 1em;
	}
	.service_sec1{
		width : 900px;
		max-width : 95%;
		margin : 0 auto 2em;
	}
	.service_sec1 p{
		width : 100%;
		font-family : "ヒラギノ明朝 Pro W3" , "HG明朝E" , "ＭＳ Ｐ明朝" , "ＭＳ 明朝" , serif;
		font-size : 1.4em;
		color : #c43737;
	}
	.service_sec2{
		width : 100%;
		padding : 2em 0;
		margin : 0 auto;
		background-color : #f0e5db;
	}
	.service_sec2_box{
		width : 1200px;
		max-width : 95%;
		margin : 0 auto;
	}
	.service_sec2 h2{
		width : 600px;
		max-width : 95%;
		margin : 0 auto 1em;
		overflow : hidden;
		text-align : center;
	}
	.service_sec2 h2 span{
		font-size : .8em;
		font-weight : 400;
		color : #c40f8f;
	}
	.service_sec2_text{
		float : left;
		width : 49%;
		padding : 1em;
		margin-bottom : 2em;
		background-color : #fff;
		border : 1px solid #000;
	}
	.service_sec2_text{
		width : 48%;
	}
	.service_sec2_text:nth-child( even ){
		margin-right : 1%;
	}
	.service_sec2_text h3{
		padding : .2em .5em;
		margin-block-end : .5em;
		background-color : #ffd563;
	}
	.service_sec2{
		.system_point{
			width : 1000px;
			max-width : 95%;
			padding : .5em 1em;
			margin : 0 auto;
			overflow : hidden;
			color : #c43737;
			border : 3px solid #c43737;
			border-radius : 6px;
		}
	}
	.service_sec3{
		width : 100%;
		padding : 2em 0;
		margin : 0 auto;
		background-color : #fefcea;
		border-top : 1px solid #858585;
		border-bottom : 1px solid #858585;
	}
	.service_sec3 h2{
		width : 600px;
		max-width : 95%;
		margin : 0 auto 2em;
		overflow : hidden;
		border-bottom : 1px solid #000;
	}
	.service_sec3 h2 span{
		font-size : .8em;
		font-weight : 400;
		color : #c40f8f;
	}
	.service_sec3 h2 .p{
		width : 300px;
	}
	.service_sec3_box{
		width : 1200px;
		max-width : 95%;
		padding : 1em;
		margin : 0 auto 1em;
		background-color : #fff;
	}
	.service_sec3_box h3{
		margin-bottom : 1em;
		font-size : 1.4em;
		font-weight : 400;
	}
	.service_sec3_box h3::first-letter{
		padding : 0 10px;
		margin-right : .2em;
		font-size : 1.6em;
		color : #fff;
		background : #94e3e9;
	}
	.service_sec3_box dl{
		width : 95%;
		margin : 0 0 0 5%;
		overflow : hidden;
	}
	.service_sec3_box dt{
		float : left;
		width : 35%;
		padding-right : 1em;
		overflow : hidden;
	}
	.service_sec3_box dt img{
		max-width : 100%;
		height : auto;
	}
	.service_sec3_box dd p{
		font-family : "ヒラギノ明朝 Pro W3" , "HG明朝E" , "ＭＳ Ｐ明朝" , "ＭＳ 明朝" , serif;
		font-size : 1.4em;
		color : #c43737;
	}
	.service_sec3_box dd{
		display : inline-block;
		width : 65%;
	}
	.service_sec3_box a{
		display : block;
		width : 600px;
		max-width : 80%;
		padding : .5em;
		margin : 1em auto;
		color : #c40f8f;
		text-align : center;
		text-decoration : none;
		background : #f0f0f0;
	}
	@media screen and ( width <= 420px ){
		.search_sec1 dt{
			float : left;
			width : 80%;
			padding : 1em 0 0 1em;
		}
		.search_sec1 dt h2{
			font-family : "ヒラギノ明朝 Pro W3" , "HG明朝E" , "ＭＳ Ｐ明朝" , "ＭＳ 明朝" , serif;
			font-size : 1.4em;
			text-align : left;
		}
		.search_sec1 dd:nth-child( 3 ){
			display : none;
		}
		.search_sec7 dt{
			float : none;
			width : 100%;
		}
		.search_sec7 dd{
			float : none;
			width : 100%;
		}
	}
	@media screen and ( width <= 768px ){
		.search_sec2_right h2{
			padding : 0;
			margin-top : 1em;
			font-family : "ヒラギノ明朝 Pro W3" , "HG明朝E" , "ＭＳ Ｐ明朝" , "ＭＳ 明朝" , serif;
		}
		.search_sec3 dd{
			float : none;
			width : 100%;
		}
		.search_sec3 dt p{
			width : 600px;
			max-width : 95%;
			margin : 1em auto 2em;
		}
		.search_sec3 dt{
			float : none;
			width : 100%;
		}
		.search_sec4 dl{
			float : none;
			width : 100%;
			padding : 1em;
			background : #fff;
		}
		.search_sec4 dl:last-child{
			margin : 2% 0 0;
			margin-left : 2%;
		}
		.search_sec5 dd{
			float : left;
			width : 100%;
		}
		.search_sec5 dd img{
			display : block;
			max-width : 50%;
			margin : 0 auto;
		}
		.search_sec5 dt{
			display : inline-block;
			width : 100%;
			padding : 0 1em;
		}
		.search_sec5 dl::before{
			position : absolute;
			top : 0;
			left : 60%;
			content : url( "../images/search/bg04.png" );
		}
		.service_sec2_text{
			float : none;
			width : 100%;
			padding : 1em;
			margin-bottom : 2em;
			border : 1px solid #000;
		}
	}
	@media screen and ( 768px < width <= 980px ){
		.search_sec3 dt{
			float : left;
			width : 60%;
		}
		.search_sec3 dd{
			float : left;
			width : 40%;
		}
		.search_sec3 dt h2{
			width : 600px;
			max-width : 95%;
			margin : 1em auto;
			margin-top : 1em;
			font-family : "ヒラギノ明朝 Pro W3" , "HG明朝E" , "ＭＳ Ｐ明朝" , "ＭＳ 明朝" , serif;
			font-size : 1.2em;
		}
	}
	@media screen and ( width <= 980px ){
		.search_sec2_right p br{
			display : none;
		}
		.search_sec5 dl::before{
			position : absolute;
			top : 0;
			left : 30%;
			content : url( "../images/search/bg04.png" );
		}
	}
	@media screen and ( width <= 1200px ){
		.search_sec2_left{
			float : none;
			width : 100%;
		}
		.search_sec2_right{
			display : inline-block;
			width : 100%;
			padding : 0 1em;
			background-color : #dfdfdf;
		}
		.search_sec2_right h2{
			margin-top : 1em;
			font-family : "ヒラギノ明朝 Pro W3" , "HG明朝E" , "ＭＳ Ｐ明朝" , "ＭＳ 明朝" , serif;
		}
		.search_sec3 dl br{
			display : none;
		}
		.search_sec5 dl::before{
			position : absolute;
			top : 0;
			left : 30%;
			margin-left : -73px;
			content : url( "../images/search/bg04.png" );
		}
	}
}

/* --------------------------------------------
SERVICE
--------------------------------------------- */
#service{
	h2 img{
		float : left;
		max-width : 100%;
		height : auto;
		margin-right : .5em;
	}
	h2 .p{
		width : 400px;
		max-width : 95%;
		margin : 0 auto;
		line-height : 2.5em;
	}
	h2 span{
		margin-left : 1em;
	}
	.service_sec3{
		width : 100%;
		padding : 2em 0;
		margin : 0 auto;
		background-color : #fefcea;
		border-top : 1px solid #858585;
		border-bottom : 1px solid #858585;
	}
	.service_sec3 h2{
		width : 600px;
		max-width : 95%;
		margin : 0 auto 2em;
		overflow : hidden;
		border-bottom : 1px solid #000;
	}
	.service_sec3 h2 span{
		font-size : .8em;
		font-weight : 400;
		color : #c40f8f;
	}
	.service_sec3 h2 .p{
		width : 300px;
	}
	.service_sec3_box{
		width : 1200px;
		max-width : 95%;
		padding : 1em;
		margin : 0 auto 1em;
		background-color : #fff;
	}
	.service_sec3_box h3{
		margin-bottom : 1em;
		font-size : 1.4em;
		font-weight : 400;
	}
	.service_sec3_box h3::first-letter{
		padding : 0 10px;
		margin-right : .2em;
		font-size : 1.6em;
		color : #fff;
		background : #94e3e9;
	}
	.service_sec3_box dl{
		width : 95%;
		margin : 0 0 0 5%;
		overflow : hidden;
	}
	.service_sec3_box dt{
		float : left;
		width : 35%;
		padding-right : 1em;
		overflow : hidden;
	}
	.service_sec3_box dt img{
		max-width : 100%;
		height : auto;
	}
	.service_sec3_box dd p{
		font-family : "ヒラギノ明朝 Pro W3" , "HG明朝E" , "ＭＳ Ｐ明朝" , "ＭＳ 明朝" , serif;
		font-size : 1.4em;
		color : #c43737;
	}
	.service_sec3_box dd{
		display : inline-block;
		width : 65%;
	}
	.service_sec3_box a{
		display : block;
		width : 600px;
		max-width : 80%;
		padding : .5em;
		margin : 1em auto;
		color : #c40f8f;
		text-align : center;
		text-decoration : none;
		background : #f0f0f0;
	}
	@media screen and ( width <= 768px ){
		.service_sec3_box dt{
			float : none;
			width : 100%;
			height : 200px;
			padding-right : 1em;
			overflow : hidden;
		}
		.service_sec3_box dt img{
			max-width : 100%;
			height : auto;
		}
		.service_sec3_box dd{
			display : inline-block;
			width : 100%;
		}
	}
}
.fbnnr{
	width : 600px;
	max-width : 90%;
	margin : 2em auto;
}

/* --------------------------------------------
POLICY
--------------------------------------------- */
#policy{
	h1{
		margin-top : 2em;
		font-family : "ヒラギノ明朝 Pro W3" , "HG明朝E" , "ＭＳ Ｐ明朝" , "ＭＳ 明朝" , serif;
		font-weight : 400;
		text-align : center;
	}
	h2{
		max-width : 95%;
		margin-bottom : 3em;
		font-weight : 400;
		text-align : center;
	}
	.policy_sec{
		width : 100%;
		padding : 2em 0;
		margin : 0;
		background-image : url( "../images/ui/pattern/border01.png" );
		border-bottom : 1px solid #d1d1d1;
	}
	.policy_sec:nth-child( 4 ){
		background-color : #f7f6f0;
		border-top : 1px solid #d1d1d1;
	}
	.policy_sec:nth-child( 5 ){
		background-color : #e8f3f2;
	}
	.policy_sec:nth-child( 6 ){
		background-color : #f7f4dc;
	}
	.policy_sec:nth-child( 7 ){
		background-color : #edf6e1;
	}
	.policy_sec:nth-child( 8 ){
		background-color : #f6eff6;
	}
	.policy_sec:nth-child( 9 ){
		background-color : #fcf3ef;
	}
	.policy_sec:nth-child( 10 ){
		background-color : #ecf2fe;
	}
	.policy_sec_box{
		width : 1000px;
		max-width : 95%;
		margin : 0 auto;
		overflow : hidden;
		background-color : #fff;
	}
	.policy_sec_box_left{
		float : left;
		width : 30%;
		padding : 1em;
	}
	.policy_sec_box_right{
		float : left;
		width : 70%;
		padding : 0 1em 1em;
	}
	.policy_sec_box_right h2{
		position : relative;
		max-width : 100%;
		padding : .5em .75em;
		text-align : left;
		background-color : #ffd563;
		border-radius : 6px;
	}
	.policy_sec h2::before{
		padding-right : .5em;
		margin-right : .5em;
		content : "";
		border-right : 1px dotted;
	}
	.policy_sec:nth-child( 4 ) h2::before{
		content : "1";
	}
	.policy_sec:nth-child( 5 ) h2::before{
		content : "2";
	}
	.policy_sec:nth-child( 6 ) h2::before{
		content : "3";
	}
	.policy_sec:nth-child( 7 ) h2::before{
		content : "4";
	}
	.policy_sec:nth-child( 8 ) h2::before{
		content : "5";
	}
	.policy_sec:nth-child( 9 ) h2::before{
		content : "6";
	}
	.policy_sec:nth-child( 10 ) h2::before{
		content : "7";
	}
	.policy_sec_box_right h2::after{
		position : absolute;
		top : 100%;
		left : 30px;
		width : 0;
		height : 0;
		content : "";
		border : 10px solid transparent;
		border-top : 15px solid #ffd563;
	}
	.policy_sec h2{
		margin : 1em auto;
	}
	.policy_sec dl{
		width : 900px;
		max-width : 100%;
		margin : 1em auto 1em;
		overflow : hidden;
		background-color : rgb( 255 255 255 / .5 );
		border-radius : 10px;
	}
	.policy_sec dl:last-child{
		margin-bottom : 0;
	}
	.policy_sec dt{
		float : left;
		width : 30%;
		padding : 1em;
	}
	.policy_sec dd{
		float : left;
		width : 70%;
		padding : 1em 1em 0 0;
	}
	.policy_sec dd h3{
		font-weight : 400;
		color : #c40f8f;
	}
	@media screen and ( width <= 768px ){
		.policy_sec_box_left{
			float : none;
			width : 100%;
			max-height : 300px;
			padding : 0;
			overflow : hidden;
		}
		.policy_sec_box_right{
			float : none;
			width : 100%;
			padding : 0 1em 1em;
		}
		.policy_sec_box_right h2{
			position : relative;
			max-width : 100%;
			padding : .5em .75em;
			font-size : 1.2em;
			text-align : left;
			background-color : #ffd563;
			border-radius : 6px;
		}
	}
}

/* --------------------------------------------
SYSTEM
--------------------------------------------- */
#system{
	h2 img{
		float : left;
		max-width : 100%;
		height : auto;
		margin-right : .5em;
	}
	h2 .p{
		width : 400px;
		max-width : 95%;
		margin : 0 auto;
		line-height : 2.5em;
	}
	h2 span{
		margin-left : 1em;
	}
	.system_point{
		width : 1000px;
		max-width : 95%;
		padding : .5em 1em;
		margin : 0 auto;
		overflow : hidden;
		color : #c43737;
		border : 3px solid #c43737;
		border-radius : 6px;
	}
	.system_link{
		width : 900px;
		max-width : 95%;
		margin : 2em auto 3em;
		background : #f0f0f0;
	}
	.system_link ul{
		display : table;
		width : 100%;
		padding : 1em;
		border-spacing : 4px 0;
		border-collapse : separate;
	}
	.system_link li{
		position : relative;
		display : table-cell;
		width : 33.3333333333333%;
		vertical-align : middle;
		background-color : #fff;
	}
	.system_link li img{
		max-width : 100%;
		height : auto;
		margin-right : .5em;
	}
	.system_link li a{
		display : block;
		width : 100%;
		padding : 1em 1em 1em 4em;
		font-size : 1.2em;
		color : #4b4b4b;
		text-decoration : none;
		background-color : #fff;
		-webkit-transition : all .6s ease;
		transition : all .6s ease;
	}
	.system_link li:nth-child( 1 ) a{
		background-image : url( "../images/system/list_01_off.png" );
		background-repeat : no-repeat;
		background-position : 10% center;
	}
	.system_link li:nth-child( 2 ) a{
		position : absolute;
		top : 0;
		left : 0;
		width : 100%;
		height : 100%;
		background-image : url( "../images/system/list_02_off.png" );
		background-repeat : no-repeat;
		background-position : 10% center;
	}
	.system_link li:nth-child( 3 ) a{
		position : absolute;
		top : 0;
		left : 0;
		width : 100%;
		height : 100%;
		background-image : url( "../images/system/list_03_off.png" );
		background-repeat : no-repeat;
		background-position : 10% center;
	}
	.system_link li a:hover{
		color : #fff;
		background-color : #c40f8f;
	}
	.system_link li:nth-child( 1 ) a:hover{
		background-image : url( "../images/system/list_01.png" );
		background-repeat : no-repeat;
		background-position : 10% center;
	}
	.system_link li:nth-child( 2 ) a:hover{
		background-image : url( "../images/system/list_02.png" );
		background-repeat : no-repeat;
		background-position : 10% center;
	}
	.system_link li:nth-child( 3 ) a:hover{
		background-image : url( "../images/system/list_03.png" );
		background-repeat : no-repeat;
		background-position : 10% center;
	}
	.system_sec2{
		width : 1200px;
		max-width : 95%;
		margin-inline : auto;
	}
	.system_sec2 h2{
		width : 600px;
		max-width : 95%;
		margin : 0 auto 2em;
		overflow : hidden;
		border-bottom : 1px solid #000;
	}
	.system_sec2 h2 span{
		font-size : .8em;
		font-weight : 400;
		color : #c40f8f;
	}
	.system_sec2 h3{
		font-size : 1.4em;
		color : #c40f8f;
	}
	.system_sec2 dl{
		width : 100%;
		margin-bottom : 2em;
		overflow : hidden;
	}
	.system_sec2 dt{
		float : left;
		width : 70%;
		padding : 1em;
	}
	.system_sec2 dd{
		float : left;
		width : 30%;
		padding : 1em;
	}
	.system_sec2 dd img{
		max-width : 100%;
		height : auto;
	}
	.system_sec3{
		width : 100%;
		padding : 2em 0;
		margin : 0 auto 3em;
		background : #fefcea;
	}
	.system_sec3 h2{
		margin-bottom : 1em;
		text-align : center;
	}
	.system_sec3 dl{
		width : 1200px;
		max-width : 95%;
		margin : 0 auto 2em;
		overflow : hidden;
	}
	.system_sec3 dd{
		float : left;
		width : 25%;
		text-align : center;
	}
	.system_sec3 dd img{
		max-width : 100%;
		height : auto;
	}
	.system_sec4{
		width : 1200px;
		max-width : 95%;
		margin : 0 auto 3em;

		/* padding-bottom: 200px; */
	}
	.system_sec4 h3 span{
		margin-left : 1em;
		font-size : .8em;
		font-weight : 400;
	}
	.system_Comparison{
		width : 1000px;
		max-width : 100%;
		padding : 3em 2em 2em;
		margin : 0 auto 2em;
		background : #f0f0f0;
	}
	.system_Comparison table{
		width : 100%;
		background : #fff;
		border-top : 1px solid #b7b7b7;
		border-bottom : 1px solid #b7b7b7;
		border-left : 1px solid #b7b7b7;
	}
	.system_Comparison tr{
		border-bottom : 1px solid #b7b7b7;
	}
	.system_Comparison tr:nth-child( 1 ){
		color : #fff;
		text-align : center;
	}
	.system_Comparison tr:nth-child( 1 ) td:nth-child( 2 ) , .system_Comparison tr:nth-child( 1 ) td:nth-child( 3 ){
		background : #c5c5c5;
	}
	.system_Comparison tr:nth-child( 1 ) td:nth-child( 4 ){
		background : var( --primary );
	}
	.system_Comparison tr:nth-child( 5 ) , .system_Comparison tr:nth-child( 16 ) , .system_Comparison tr:nth-child( 17 ){
		color : #c43737;
	}
	.system_Comparison tr:last-child{
		border-bottom : none;
	}
	.system_Comparison td{
		width : 25%;
		padding : .5em 1em;
		border-right : 1px solid #b7b7b7;
	}
	.system_sec5{
		width : 100%;
		background : #fefcea;
		border-top : 1px solid #858585;
		border-bottom : 1px solid #858585;
	}
	.system_sec5 h2{
		width : 600px;
		max-width : 95%;
		margin : 0 auto 2em;
		overflow : hidden;
		border-bottom : 1px solid #000;
	}
	.system_sec5 h2 .p{
		width : 300px;
	}
	.system_sec5 h2 span{
		font-size : .8em;
		font-weight : 400;
		color : #c40f8f;
	}
	.system_sec5 dl{
		position : relative;
		width : 900px;
		max-width : 95%;
		padding : 1em;
		margin : 0 auto 2em;
		background-color : #fff;
		border : 6px solid #d5cfcf;
		border-radius : 8px;
	}
	.system_sec5 dl::after{
		/* content: url(/wp-content/themes/gamma/library/images/system_Arrow.png); */
		position : absolute;
		top : 100%;
		left : 50%;
		margin-top : 10px;
	}
	.system_sec5 dl:nth-child( 8 )::after{
		content : "";
	}
	.system_sec5 dd{
		display : inline-block;
		width : 80%;
		padding : 1em 0;
	}
	.system_sec5 dt{
		float : left;
		width : 20%;
		color : #c40f8f;
		text-align : center;
	}
	.system_prelusion{
		width : 900px;
		max-width : 95%;
		padding : 1em;
		margin : 0 auto 3em;
		overflow : hidden;
		color : #fff;
		background : #9c9797 url( "../images/system/img02.jpg" ) no-repeat top right;
		border : 6px solid #d5cfcf;
		border-radius : 8px;
	}
	.system_prelusion p{
		display : inline-block;
		max-width : 70%;
	}
	.system_prelusion span{
		display : block;
		font-size : 1.4em;
	}
	.system_prelusion img{
		float : left;
		width : 100px;
		max-width : 20%;
		margin-right : 1em;
	}
	.system_sec6{
		width : 1200px;
		max-width : 95%;
		margin-inline : auto;
		margin-bottom : 3em;
	}
	.system_sec6 h2{
		width : 600px;
		max-width : 95%;
		margin : 2em auto 2em;
		overflow : hidden;
		border-bottom : 1px solid #000;
	}
	.system_sec6 h2 .p{
		width : 300px;
	}
	.system_sec6 h2 span{
		font-size : .8em;
		font-weight : 400;
		color : #c40f8f;
	}
	.system_sec6 dl{
		padding : 1em;
		margin : 0 auto 2em;
		overflow : hidden;
		border : 1px solid #5a5a5a;
	}
	.system_sec6 dt{
		padding : .5em;
		background : #ffd563;
	}
	.system_sec6_left{
		float : left;
		padding : .5em 0;
	}
	.system_sec6_left span{
		display : block;
		width : 55px;
		padding : 1em;
		background : #94e3e9;
	}
	.system_sec6_right{
		display : inline-block;
		width : 90%;
		width : -webkit-calc( 100% - 55px );
		width : calc( 100% - 55px );
		padding : 1em;
	}
	@media screen and ( width <= 768px ){
		.system_Comparison{
			padding : 0;
			margin-bottom : 2em;
			background : #f0f0f0;
		}
		.system_link ul{
			display : block;
			width : 100%;
			padding : 1em;
		}
		.system_link li{
			display : block;
			width : 100%;
			margin-bottom : .5em;
			background-color : #fff;
		}
		.system_link li a{
			padding : 1em 1em 1em 5em;
		}
		.system_link li:nth-child( 1 ) a , .system_link li:nth-child( 2 ) a , .system_link li:nth-child( 3 ) a , .system_link li:nth-child( 1 ) a:hover , .system_link li:nth-child( 2 ) a:hover , .system_link li:nth-child( 3 ) a:hover{
			position : static;
			background-position : 1em center;
		}
		.system_sec2 dt{
			float : none;
			width : 100%;
			padding : 1em;
		}
		.system_sec2 dd{
			display : none;
		}
		.system_prelusion{
			background-size : cover;
		}
	}
}
#system{
	.credit-sett{
		padding : 1.75em;
		margin : 0 auto 3em;
		overflow : hidden;
		color : #fff;
		text-shadow : 1px 1px 3px rgb( 0 0 0 / .9 );
		background : #9c9797 url( "../images/system/bg_credits.jpg" ) no-repeat top right;
		border : 2px solid #555;
		border-radius : 5px;
	}
	.credit-sett::after{
		display : block;
		height : 0;
		clear : both;
		font-size : 0;
		visibility : hidden;
		content : "";
	}
	.credit-marc{
		display : block;
		float : left;
		width : 100px;
		max-width : 20%;
		border : 4px solid #fff;
	}
	.credit-sett div{
		float : left;
		width : 80%;
		padding-left : 2em;
	}
	.credit-sett h3{
		width : 80%;
		font-size : 1.5em;
		line-height : 1.3;
		color : #fff;
	}
	.credit-sett h3 span{
		display : block;
		font-size : .7em;
		font-weight : 400;
	}
	.credit-sett p{
		width : 80%;
		margin : .25em 0 .75em;
	}
	.credit-sett p span{
		display : block;
		margin-top : .75em;
		font-size : 1.25em;
		font-weight : 700;
	}
	.credit-sett p span i{
		padding-right : .3em;
	}
	.credit-img{
		display : block;
		max-width : 300px;
	}
}
#system .price_confirmation{
	max-width : 1200px;
	margin : 70px auto 100px;
	border : 5px solid #ddd;
	.ttl_box{
		padding : 30px 0;
		background : #ddd;
	}
	.ttl_box .box01{
		position : relative;
		width : 320px;
		padding : 15px 0;
		margin : 0 auto 20px;
		color : #fff;
		text-align : center;
		background : #797979;
	}
	.ttl_box .box01::before{
		position : absolute;
		top : 100%;
		left : 50%;
		margin-top : 0;
		margin-left : -5px;
		content : "";
		border : 5px solid transparent;
		border-top : 5px solid #797979;
	}
	.ttl_box .box02{
		text-align : center;
	}
	.ttl_box .box02 p{
		font-size : 20px;
		font-weight : 800;
	}
	.ttl_box .box02 p span{
		display : inline-block;
		width : 40px;
		height : 40px;
		padding : 8px 0 0;
		margin : 0 20px 0 0;
		font-size : 21px;
		font-weight : 700;
		line-height : 21pt;
		color : #fff;
		background : #9d1427;
	}
	.text_area{
		padding : 50px 90px;
	}
	.text_area .box01{
		padding : 0 0 30px;
		border-bottom : solid 1px #ddd;
	}
	.text_area .box01 p.ttl_p{
		margin : 0 0 20px;
		font-size : 19px;
		font-weight : 600;
		text-align : center;
	}
	.text_area .box02{
		padding : 30px 0 0;
	}
	.text_area .box02 p.ttl_p{
		margin : 0 0 20px;
		font-size : 18px;
		font-weight : 600;
	}
	.text_area .box02 p.ttl_p span{
		display : inline-block;
		padding : 4px 15px;
		margin : 0 10px 0 0;
		font-size : 14px;
		color : #fff;
		background : #393939;
	}
	.text_area .box02 dl{
		display : flex;
		margin : 0 0 15px;
	}
	.text_area .box02 dl:last-child{
		margin : 0;
	}
	.text_area .box02 dt{
		min-width : 130px;
		margin : 0 20px 0 0;
		text-align : center;
	}
	.text_area .box02 dt span{
		display : inline-block;
		width : 100%;
		padding : 5px 0;
		font-size : 12px;
		line-height : 12pt;
		border : 1px solid #c5c5c5;
	}
	@media screen and ( width <= 768px ){
		max-width : 93%;
		margin : 40px auto 50px;
		.ttl_box{
			padding : 20px 0;
		}
		.ttl_box .box01{
			width : auto;
			max-width : 310px;
		}
		.text_area{
			padding : 30px 20px;
		}
		.text_area .box01{
			font-size : 13px;
		}
		.text_area .box01 p.ttl_p{
			font-size : 17px;
		}
		.text_area .box02{
			font-size : 13px;
		}
		.text_area .box02 p.ttl_p{
			font-size : 16px;
		}
	}
}
#system .important{
	padding : 4em 0;
	margin-bottom : 5%;
	background : url( "../images/system/bg_important.jpg" ) no-repeat center top;
	background-size : cover;
	.inner{
		width : 100%;
		max-width : 1080px;
		margin : 0 auto;
	}
	h2{
		display : inline-block;
		margin-bottom : 1em;
		border-bottom : solid 1px #ff0;
	}
	h2 figure{
		margin-bottom : .5em;
	}
	h2 .main{
		font-size : 32px;
		line-height : 1.4em;
		color : #ff0;
	}
	.spi{
		display : none ! important;
	}
	p{
		font-size : 16px;
		color : #fff;
	}
	@media screen and ( width <= 768px ){
		padding : 1em;
		background-size : cover;
		.inner{
			max-width : initial;
			margin : 0 auto;
		}
		h2{
			width : 100%;
			margin-bottom : .5em;
		}
		h2 .main{
			display : block;
			font-size : 16px;
			text-align : center;
		}
		.spi{
			display : inline-block ! important;
		}
		p{
			font-size : 12px;
			text-align : left;
		}
		.important_bloc{
			width : 82%;
			margin : 0 auto;
		}
	}
}

/* --------------------------------------------
ABOUT
--------------------------------------------- */
#about{
	h2 img{
		float : left;
		max-width : 100%;
		height : auto;
		margin-right : .5em;
	}
	h2 .p{
		width : 400px;
		max-width : 95%;
		margin : 0 auto;
		line-height : 2.5em;
	}
	h2 span{
		margin-left : 1em;
	}
	.about_sec1 h2{
		width : 600px;
		max-width : 95%;
		margin : 2em auto;
		overflow : hidden;
		border-bottom : 1px solid #000;
	}
	.about_sec1 h2 .p{
		width : 250px;
		max-width : 95%;
		margin : 0 auto;
		line-height : 2.5em;
	}
	.about_sec1 h2 span{
		font-size : .8em;
		font-weight : 400;
		color : #c40f8f;
	}
	.about_sec2 h2{
		width : 600px;
		max-width : 95%;
		margin : 0 auto 2em;
		overflow : hidden;
		border-bottom : 1px solid #000;
	}
	.about_sec2 h2 .p{
		width : 500px;
		max-width : 95%;
		margin : 0 auto;
		line-height : 2.5em;
	}
	.about_sec2 h2 span{
		font-size : .8em;
		font-weight : 400;
		color : #c40f8f;
	}
	.about_sec3 h2{
		width : 600px;
		max-width : 95%;
		margin : 0 auto 2em;
		overflow : hidden;
		border-bottom : 1px solid #000;
	}
	.about_sec3 h2 span{
		font-size : .8em;
		font-weight : 400;
		color : #c40f8f;
	}
	.about_sec1{
		width : 1200px;
		max-width : 95%;
		margin-inline : auto;
	}
	.about_box{
		display : -webkit-box;
		display : -moz-box;
		display : -ms-box;
		display : -webkit-flexbox;
		display : -moz-flexbox;
		display : -ms-flexbox;
		display : -webkit-flex;
		display : -moz-flex;
		display : -ms-flex;
		display : flex;
		-webkit-flex-flow : flex-wrap;
		flex-flow : flex-wrap;
		-webkit-flex-wrap : wrap;
		flex-wrap : wrap;
		-webkit-justify-content : flex-start;
		justify-content : flex-start;
		width : 100%;
		margin : 0 auto 1rem;
		overflow : hidden;
	}
	.about_sec1 dl{
		float : left;
		width : 31.53333333333%;
		padding : 1em;
		margin : .5%;
		border : 1px solid #c40f8f;
	}
	.about_sec1 dd{
		padding : .1em .5em;
		font-size : 1.4em;
		background-color : #f0f0f0;
	}
	.about_sec1 dt{
		padding : .5em 0 0;
	}
	.about_sec1 dt p{
		padding : 0 .5em 0 0;
		overflow : hidden;
	}
	.about_sec1 dt span{
		display : block;
		color : #c40f8f;
	}
	.about_text{
		width : 800px;
		max-width : 95%;
		margin : 0 auto 2em;
	}
	.about_text span{
		color : #c43737;
	}
	.about_sec2{
		width : 1200px;
		max-width : 95%;
		margin-inline : auto;
		margin-bottom : 3em;
	}
	.about_sec2 li{
		padding : .5em 0;
	}
	.about_sec2 li h2{
		width : auto;
		padding : 0;
		margin : 0;
		text-align : left;
		border : none;
	}
	.about_sec2 li h3{
		font-weight : 400;
		color : #c40f8f;
	}
	.about_sec2 li ul li{
		padding : .2em 0;
		margin : 0 0 0 3em;
		list-style-type : decimal;
	}
	.about_sec3{
		position : relative;
		width : 100%;
		min-height : 500px;
		margin-bottom : 3em;
		overflow : hidden;
	}
	.tabs{
		position : relative;
		float : none;
		width : 100%;
		margin : 2em 0 0 0;
		text-align : left;
		list-style : none;
	}
	.tabs li{
		display : block;
		float : left;
		color : #fff;
	}
	.tabs li:first-child{
		margin-left : 15%;
	}
	.tabs input[type="radio"]{
		position : absolute;
		position : fixed;
		top : -9999px;
		left : -9999px;
	}
	.tabs label{
		position : relative;
		top : 4px;
		display : block;
		padding : 14px 21px;
		font-size : 20px;
		font-weight : 400;
		text-transform : uppercase;
		cursor : pointer;
		background : #94e3e9;
		border-radius : 4px 4px 0 0;
		-webkit-transition : all .2s ease-in-out;
		-moz-transition : all .2s ease-in-out;
		-o-transition : all .2s ease-in-out;
		transition : all .2s ease-in-out;
	}
	.tabs label:hover{
		background : #78ccd2;
	}
	.tabs .tab-content{
		position : absolute;
		top : 53px;
		left : 0;
		z-index : 2;
		display : none;
		width : 100%;
		padding : 15px 0;
		overflow : hidden;
		font-size : 17px;
		line-height : 25px;
		background : #ffd563;
	}
	.tabs [id^="tab"]:checked + label{
		top : 0;
		padding-top : 17px;
		background : #ffd563;
	}
	.tabs [id^="tab"]:checked ~ [id^="tab-content"]{
		display : block;
	}
	@media screen and ( width <= 768px ){
		.about_box{
			display : inline;
			width : 100%;
			padding : 1em;
		}
		.about_sec1 dl{
			display : block;
			width : 100%;
			padding : 1em;
			margin-bottom : 1em;
			border : 1px solid #c40f8f;
		}
		.about_sec1 dt{
			padding : .5em 0 0;
			overflow : hidden;
		}
		.about_sec1 dt p{
			float : left;
			width : 50%;
			padding : 0 .5em;
		}
		.about_sec1 dt span{
			display : block;
			float : none;
			width : auto;
			margin-right : 1em;
			color : #c40f8f;
		}
	}
}

/* --------------------------------------------
CONTACT
--------------------------------------------- */
#contact{
	padding : 3% 3% 1%;
	margin : 2em auto;
	background : rgb( 255 255 255 / 1 );
	p{
		line-height : 2em;
		text-align : center;
	}
	.cont1{
		width : 100%;
		margin : 4em auto;
	}
	.cont1 ul{
		width : 100%;
		font-size : 2.3em;
		text-align : center;
	}
	.cont1 li i{
		margin-right : 20px;
	}
	.cont1 li:nth-child( 1 ){
		font-style : italic;
		font-weight : 700;
		color : #f66661;
		letter-spacing : .2em;
	}
	.cont1 li:nth-child( 2 ){
		font-style : italic;
		font-weight : 700;
		color : #3895dd;
		letter-spacing : .2em;
	}
	.cont2{
		width : 100%;
		margin : 0 auto;
	}
	.wpcf7{
		width : 800px;
		max-width : 95%;
		margin : 2em auto ! important;
	}
	.wpcf7 dl{
		display : table;
		width : 100%;
	}
	.wpcf7 dl:nth-child( even ){
		background-color : rgb( 234 234 234 / .7 );
	}
	.wpcf7 dl:nth-child( odd ){
		background-color : rgb( 234 234 234 / .3 );
	}
	.wpcf7 dt{
		display : table-cell;
		width : 35%;
		padding : 2%;
		background-color : rgb( 234 234 234 / .3 );
	}
	.wpcf7 dt span{
		padding-left : 1%;
		font-size : .7em;
		color : #d60101;
	}
	.wpcf7 dd{
		display : table-cell;
		width : 65%;
		padding : 2%;
	}
	.wpcf7 div{
		width : 200px;
		max-width : 80%;
		margin : 2em auto 0;
	}
	.wpcf7-submit{
		width : 100%;
		padding : 5% 3%;
		font-size : 1.2em;
		font-weight : 700;
		color : #fff;
		background-color : rgb( 0 0 0 / 1 );
		border-style : none;
		border-radius : 5px;
		transition : all ease .3s;
	}
	.wpcf7-submit:hover{
		background-color : rgb( 51 51 51 / 1 );
	}
	.wpcf7-text{
		width : 100%;
		max-width : 100%;
		padding : 1%;
		background-color : #fff;
		border : 1px solid #eee;
	}
	.wpcf7-text:focus , .wpcf7-textarea:focus{
		background-color : #f9f9f9;
	}
	.wpcf7-textarea{
		width : 100%;
		max-width : 100%;
		padding : 1%;
		background-color : #fff;
		border : 1px solid #eee;
	}
}

/* --------------------------------------------
FIELD SURVEY
--------------------------------------------- */
#field-survey{
	.main_visual img{
		width : auto;
		height : auto;
		padding : 0;
		margin : 0 auto;
	}
	.main_visual{
		width : 100%;
		padding : 0;
		margin : 0;
		text-align : center;
		background-image : url( "../images/survey/bg_title.jpg" );
	}
	small span{
		color : #f00;
	}
	.omakase_area{
		display : block;
		width : 100%;
		padding : 0;
		margin : 0;
		background-color : #ef6d99;
	}
	.omakase_area .inner{
		max-width : 1000px;
		padding : 75px 0;
		margin : auto;
		line-height : 1.8em;
		color : #fff;
		text-align : center;
	}
	.contact_bnr{
		display : flex;
		align-items : center;
		justify-content : center;
		margin : 20px auto 0;
	}
	.contact_bnr img{
		padding : 0 5%;
		margin : 0;
	}
	.contact_bnr a:hover{
		opacity : .85;
	}
	.case_area{
		display : block;
		width : 100%;
		padding : 0;
		margin : 0;
		background-color : #ddd;
	}
	.case_area .inner{
		max-width : 1000px;
		padding : 75px 0;
		margin : auto;
	}
	.case_area .inner h2{
		text-align : center;
	}
	.case_area .inner ul{
		display : flex;
		flex-direction : column;
	}
	.case_area .inner ul li{
		display : inline-block;
		padding : 20px 0;
		background-repeat : no-repeat;
	}
	.case_area .inner ul li:nth-child( odd ){
		padding-left : 75px;
		text-align : left;
		background-image : url( "../images/survey/case_left.png" );
		background-position : left center;
	}
	.case_area .inner ul li:nth-child( even ){
		padding-right : 75px;
		text-align : right;
		background-image : url( "../images/survey/case_right.png" );
		background-position : right center;
	}
	.case_area .inner ul li p{
		display : inline-block;
		padding : 20px;
		font-size : 18px;
		font-weight : 700;
		background-color : #fff;
		border-radius : 999px;
	}
	.case_area .inner ul li p span{
		color : #c43737;
	}
	.riyuu_area{
		width : 100%;
		padding : 75px 0;
		margin : 0;
		overflow : hidden;
		background-image : url( "../images/survey/bg_riyuu.png" );
		background-repeat : no-repeat;
		background-position : left;
		background-size : contain;
	}
	.riyuu_area h2{
		margin-bottom : 20px;
		color : #c40f8f;
		text-align : center;
	}
	.riyuu_area .inner{
		align-items : center;
		max-width : 1200px;
		margin : auto;
	}
	.riyuu_area .inner .txt{
		float : right;
		width : 65%;
		padding : 35px;
		background-color : #fff9;
		border-radius : 10px;
	}
	.riyuu_area .inner .txt p{
		margin-bottom : 20px;
	}
	.free_area{
		display : block;
		width : 100%;
		padding : 75px 0;
		margin : 0;
	}
	.free_area .inner{
		max-width : 1000px;
		margin : auto;
		text-align : center;
		border : 1px solid #ddd;
	}
	.free_area .inner .midashi{
		padding-bottom : 25px;
		background-repeat : no-repeat;
		background-position : bottom center;
	}
	.free_area .inner h2{
		padding : 25px 0;
		color : #fff;
		background-color : #c43737;
	}
	.free_area .inner .txt{
		padding : 0 25px 25px;
		line-height : 1.8em;
	}
	.naiyou_area{
		display : block;
		width : 100%;
		padding : 75px 0;
		margin : 0;
		background-image : url( "../images/survey/bg_naiyou.png" );
		background-repeat : no-repeat;
		background-position : center;
		background-size : cover;
		.inner{
			max-width : 1000px;
			padding : 35px;
			margin : auto;
			overflow : hidden;
			background-color : #fff9;
			border-radius : 10px;
		}
		h2{
			margin-bottom : 30px;
			text-align : center;
		}
		.txt p{
			margin-bottom : 20px;
		}
		.inner ul{
			display : flex;
			flex-wrap : nowrap;
			align-items : center;
			justify-content : space-between;
			margin-bottom : 30px;
		}
		.inner ul li{
			margin : 0 10px;
		}
		.inner ul li:first-child{
			margin-left : 0;
		}
		.inner ul li:last-child{
			margin-right : 0;
		}
	}
	.contact_area{
		display : block;
		width : 100%;
		padding-top : 35px;
		margin : 0;
	}
	.contact_area .inner{
		display : flex;
		align-items : center;
		justify-content : center;
		width : 100%;
		padding : 0;
		margin : 0;
	}
	.contact_area .inner .txt{
		float : right;
		width : 65%;
		padding : 0 35px;
	}
	.contact_area .inner .txt h2{
		color : #f864cc;
	}
	.contact_area .inner .txt h2 ,
	.contact_area .inner .txt p{
		margin-bottom : 20px;
	}
	.contact_area .inner .txt .contact_bnr{
		justify-content : left;
	}
	#field-survey{
		@media screen and ( width <= 768px ){
			h2{
				font-size : 18px;
			}
			.omakase_area .inner ,
			.case_area .inner ,
			.free_area ,
			.naiyou_area{
				padding : 30px 10px;
			}
			.contact_bnr{
				display : flex;
				flex-direction : column;
			}
			.contact_bnr a{
				padding : 8px 0;
			}
			.omakase_area p{
				text-align : left;
			}
			.riyuu_area .inner .txt{
				float : none;
				width : 100%;
				padding : 0;
				background : none;
			}
			.free_area .inner h2{
				padding : 15px 0;
			}
			.free_area .inner .midashi{
				padding-bottom : 15px;
			}
			.case_area .inner ul li p{
				padding : 15px 25px;
				font-size : 14px;
				text-align : left;
			}
			.free_area .inner .txt{
				padding : 0 10px 10px;
			}
			.free_area .inner .txt p{
				margin-bottom : 20px;
				text-align : left;
			}
			.naiyou_area{
				padding : 20px 10px;
			}
			.naiyou_area .inner{
				padding : 5px;
			}
			.naiyou_area h2{
				margin-bottom : 20px;
			}
			.naiyou_area .inner ul{
				align-items : center;
				justify-content : center;
				margin-bottom : 0;
			}
			.naiyou_area .inner ul li{
				width : 22%;
				margin : 2%;
			}
			.naiyou_area .txt p{
				margin : 10px 0;
			}
			.riyuu_area{
				padding : 0;
				background-position : center;
				background-size : cover;
			}
			.riyuu_area .inner{
				width : 100%;
				padding : 35px 10px;
				background-color : #fffc;
			}
			.contact_area{
				padding-top : 0;
			}
			.contact_area .inner{
				flex-flow : column-reverse;
			}
			.contact_area .inner .txt{
				width : 100%;
				padding : 10px;
			}
			.contact_area .inner .txt h2{
				padding : 15px 0;
				text-align : center;
			}
			.contact_area .inner .image{
				width : 80%;
				margin : auto;
			}
			.contact_area .inner .image img{
				display : block;
				margin : auto;
			}
		}
	}
}