@charset "UTF-8";


/* --------------------------------------
　=Toppage
------------------------------------- */
#flashcontent{
	height : 213px;
	padding : 2px 0 0 8px;
	background : url( "../../../en/img/bg_fla.gif" ) no-repeat 0 0;
}
#flashcontent object{
	padding : 0;
}
#field{
	padding : 0;
	margin : 20px 0 0;
}
#field.main_field--1 ,
#field_sp.main_field--1{
	margin-top : -50px;
}
#field_sp{
	display : none;
}
#field h2{
	padding : 7px 0 8px;
}
#field-left{
	float : left;
	width : 411px;
}
#field-right{
	float : right;
	width : 411px;
}
.fieldbox .ttl_img{
	width : 184px;
	height : 50px;
	text-indent : -9999px;
}
.fieldbox:nth-of-type( 2 ) .ttl_img{
	background : #022044 url( "../../../en/img/voice_ttl01-j.png" ) no-repeat center center;
	background-size : cover;
}
.fieldbox:nth-of-type( 3 ) .ttl_img{
	background : #022044 url( "../../../en/img/voice_ttl02-j.png" ) no-repeat center center;
	background-size : cover;
}
.fieldbox:nth-of-type( 4 ) .ttl_img{
	background : #022044 url( "../../../en/img/voice_ttl03-j.png" ) no-repeat center center;
	background-size : cover;
}
.fieldbox:nth-of-type( 5 ) .ttl_img{
	background : #022044 url( "../../../en/img/voice_ttl04-j.png" ) no-repeat center center;
	background-size : cover;
}
.fieldbox:nth-of-type( 6 ) .ttl_img{
	background : #022044 url( "../../../en/img/voice_ttl05-j.png" ) no-repeat center center;
	background-size : cover;
}
.fieldbox:nth-of-type( 7 ) .ttl_img{
	background : #022044 url( "../../../en/img/voice_ttl06-j.png" ) no-repeat center center;
	background-size : cover;
}
.fieldbox:nth-of-type( 8 ) .ttl_img{
	background : #022044 url( "../../../en/img/voice_ttl07-j.png" ) no-repeat center center;
	background-size : cover;
}
.fieldbox{
	position : relative;
	box-sizing : border-box;
	float : left;
	max-width : 410px;
}
.fieldbox:nth-of-type( even ){
	margin-right : 0;
}
.fieldbox .ttl_img{
	width : 44.8%;
	max-width : 184px;
}
.fieldbox .inner_box{
	position : relative;
	box-sizing : border-box;
	width : 250px;
	padding-top : 10px;
	background : #fff;
}
.fieldbox h3{
	box-sizing : border-box;
	width : 100%;
	height : 130px;
	font-size : 1.1em;
	font-weight : 500;
	line-height : 1.2;
	text-align : center;
	background : #fff;
}
.fieldbox h3 img{
	padding : 0 0 15px;
}
.fieldbox h3 a{
	font-size : 114.28%;
	font-weight : 700;
	line-height : 1.2;
	color : #0280d7;
	-webkit-text-decoration : none;
	text-decoration : none;
}
.fieldbox h3.no_logo{
	padding : 0 10px;
}
.fieldbox h3.no_logo a{
	line-height : 110px;
}
.fieldbox .large_txt{
	padding : 10px ;
	font-size : 114.28%;
	font-weight : 700;
	line-height : 1.3125;
	color : #022044;
}
.fieldbox .link_txt{
	padding : 10px ;
	text-align : right;
}
.fieldbox .link_txt a{
	padding : 0 0 0 0;
	font-size : 114.28%;
	font-weight : 700;
	line-height : 1.3125;
	color : #2796dc;
	-webkit-text-decoration : none;
	text-decoration : none;
}
.fieldbox:nth-of-type( 2 ) .link_txt a::after{
	padding-left : 10px ;
	content : "#01 >";
}
.fieldbox:nth-of-type( 3 ) .link_txt a::after{
	padding-left : 10px ;
	content : "#02 >";
}
.fieldbox:nth-of-type( 4 ) .link_txt a::after{
	padding-left : 10px ;
	content : "#03 >";
}
.fieldbox:nth-of-type( 5 ) .link_txt a::after{
	padding-left : 10px ;
	content : "#04 >";
}
.fieldbox:nth-of-type( 6 ) .link_txt a::after{
	padding-left : 10px ;
	content : "#05 >";
}
.fieldbox:nth-of-type( 7 ) .link_txt a::after{
	padding-left : 10px ;
	content : "#06 >";
}
.fieldbox:nth-of-type( 8 ) .link_txt a::after{
	padding-left : 10px ;
	content : "#07 >";
}
.fieldbox a:hover{
	opacity : .7;
	transition : all .2s ease-out;
}
.fieldbox2 a:hover{
	opacity : .7;
	transition : all .2s ease-out;
}
#rate{
	padding : 0 6px 7px;
	margin-bottom : 5px;
	background : #002d4b url( "../../../en/img/bg_field.gif" ) no-repeat left bottom;
}
#rate h2{
	padding : 7px 0 8px;
}
#rate-left{
	float : left;
}
#rate-right{
	float : right;
}
.ratebox{
	position : relative;
	width : 411px;
	height : 150px;
	margin-bottom : 5px;
	background : #fff url( "../../../en/img/bg_field.jpg" ) repeat-x left bottom;
}
.fieldbox_lp{
	position : relative;
	width : 331px;
	height : 230px;
	margin-bottom : 5px;
	background : #fff url( "../../../en/img/bg_field.jpg" ) repeat-x left bottom;
}
p.fieldtxt{
	padding : 5px 8px 4px 8px;
	line-height : 1.5;
}
p.fieldtxt_lp{
	padding : 5px 8px 4px 8px;
	font-size : 1.1em;
	line-height : 1.5;
}
p.fieldtxt_lp_b{
	margin : 5px 60px 4px 60px;
	font-size : 1.2em;
	line-height : 1.4;
	text-indent : 1em;
}
p.fieldtxt_lp_c{
	padding : 10px;
	margin : 5px 350px 4px 80px;
	font-size : 1.2em;
	line-height : 1.7;
	color : black;
	background-color : #93ccff;
}
p.fieldtxt_lp_d{
	padding : 10px;
	margin : 25px 230px -15px 230px;
	font-size : 1.5em;
	line-height : 1.5;
	color : #fff;
	background-color : #06c;
}
p.filedbtn{
	position : absolute;
	top : 150px;
	left : 220px;
}
p.filedbtn_lp{
	position : absolute;
	top : 195px;
	left : 220px;
}
.section{
	margin-bottom : 30px;
	clear : both;
}
.section h2{
	height : 49px;
	margin-bottom : 16px;
	font-size : 1.1em;
	font-weight : 700;
	line-height : 49px;
	text-indent : 1.5em;
	background : url( "../../../en/img/midashi/midashi2a.gif" );
}
.section_contact{
	margin : 10px 150px 20px 150px;
	margin-bottom : 30px;
	clear : both;
}
#top-about p{
	line-height : 1.7;
	text-indent : 1em;
}
#top-about table{
	border-color : #ccc;
}
#top-about tr{
	border-color : #ccc;
}
#top-about td{
	border-color : #ccc;
}
.servicebox01{
	margin-bottom : 18px;
	border-bottom : 1px solid #dbdbdb;
}
.service-left{
	float : left;
	width : 410px;
}
.service-right{
	float : right;
	width : 410px;
}
.example-left{
	float : left;
	width : 370px;
}
.example-right{
	float : right;
	width : 370px;
}
.example-left p{
	margin-left : 45px;
}
.example-right p{
	margin-left : 45px;
}
.servicebox01 dt ,
.servicebox02 dt{
	margin-bottom : 12px;
}
.servicebox01 dd ,
.servicebox02 dd{
	margin-bottom : 10px;
	line-height : 1.6;
	text-indent : 1em;
}
#top-flow dl{
	padding : 0 0 10px;
	margin-bottom : 10px;
	background : url( "../../../en/img/bg_flowline.gif" ) no-repeat left bottom;
}
#top-flow dl.flow-last{
	background : url( "../../../en/img/bg_flowline02.gif" ) no-repeat left bottom;
}
#top-flow dl dt{
	float : left;
	padding : 8px 0 20px 16px;
	clear : both;
}
#top-flow dl dd{
	padding : 0 0 8px 336px;
	line-height : 1.5;
}
#top-flow_lp dl{
	padding : 0 0 10px;
	margin-bottom : 10px;
	background : url( "../../../en/img/lp_bg_flowline.gif" ) no-repeat left bottom;
}
#top-flow_lp dl.flow-last{
	background : url( "../../../en/img/lp_bg_flowline02.gif" ) no-repeat left bottom;
}
#top-flow_lp dl dt{
	float : left;
	padding : 8px 0 20px 16px;
	clear : both;
}
#top-flow_lp dl dd{
	padding : 0 0 8px 336px;
	line-height : 1.5;
}
.topsbnr{
	margin-bottom : 15px;
}
.topsbnr_lp{
	padding-top : 23px;
	margin-bottom : 15px;
}


/* --------------------------------------
　=Quotation
------------------------------------- */
#quote{
	margin-bottom : 30px;
}
#content #quote h2{
	margin-bottom : 22px;
}
#quote #quote-left{
	width : 200px;
	height : 50px;
	font-size : 1.15em;
	font-weight : 700;
	text-align : center;
	background-color : #f6efd8;
}
#quote #quote-right{
	width : 400px;
	height : 50px;
	padding : 10px;
	font-size : 1.15em;
}
#quote #quote-colspan{
	width : 600px;
	height : 50px;
	font-size : 1.15em;
	text-align : center;
}
#quote dl dt{
	margin-bottom : 10px;
}
#quote dl dd{
	margin-bottom : 15px;
	line-height : 1.7;
}


/* --------------------------------------
　=Business
------------------------------------- */
#mainv-area{
	position : relative;
	width : 980px;
}
#mainv-area_lp{
	position : relative;
	width : 1200px;
}
#mainv-area_lp a.main_visual_btn{
	position : absolute;
	bottom : 25%;
	left : 43px;
	display : block;
	width : 250px;
}
#mainv-area_lp a.main_visual_btn--1{
	left : calc( 50% - 125px );
}
#mainv-area_lp a.main_visual_btn:hover{
	opacity : .7;
	transition : all .2s ease-out;
}
#blbtn{
	position : absolute;
	top : 133px;
	left : 617px;
	cursor : pointer;
}
#blbtn_lp{
	position : absolute;
	top : 130px;
	left : 710px;
	cursor : pointer;
}
#sim_blbtn_lp{
	position : absolute;
	top : 283px;
	left : 10px;
	cursor : pointer;
}
#filedlink{
	height : 43px;
	margin-bottom : 28px;
	background : url( "../../../en/img/bg_fieldmenu.gif" ) no-repeat 0 0;
}
#filedlink ul{
	padding : 7px 0 0 8px;
}
#filedlink ul li{
	display : inline;
	float : left;
}
#filedlink_680{
	height : 43px;
	margin-bottom : 28px;
	background : url( "../../../en/img/bg_fieldmenu_680.gif" ) no-repeat 0 0;
}
#filedlink_680 ul{
	padding : 7px 0 0 8px;
}
#filedlink_680 ul li{
	display : inline;
	float : left;
}
#blsec01{
	margin-bottom : 32px;
}
#blsec01 h3{
	margin-bottom : 10px;
}
#blsec01 p{
	line-height : 1.7;
}
#blsec02{
	margin-bottom : 110px;
}
#blsec02 h2{
	height : 49px;
	margin-bottom : 16px;
	font-size : 1.1em;
	font-weight : 700;
	line-height : 49px;
	text-indent : 1.5em;
	background : url( "../../../en/img/midashi/midashi2a.gif" );
}
#blsec02 h3{
	margin-bottom : 14px;
}
#blsec02 ul li{
	float : left;
	width : 330px;
	margin-bottom : 14px;
	cursor : pointer;
}
#blsec02 ul li.blleft{
	padding-right : 20px;
}


/*
2016.10.14 追記
*/
#voice h2{
	height : 49px;
	margin-bottom : 16px;
	font-size : 1.1em;
	font-weight : 700;
	line-height : 49px;
	text-indent : 1.5em;
	background : url( "../../../en/img/midashi/midashi2a.gif" );
}
#voice_contents{
	max-width : 620px;
	padding-top : 5%;
	padding-left : 5%;
	padding-right : 5%;
	margin : 0 auto;
	margin-bottom : 5%;
	overflow : hidden;
	background : #fff0b5;
	border-radius : 10px;
}
#voice_contents .vocie_box{
	padding : 20px;
	margin : 0 0 5%;
	background : #fff url( "../../../en/img/achievements/box_bg.png" ) no-repeat left top;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	border-radius : 5px;
}
#voice_contents .header_box{
	margin : 0 0 2%;
	overflow : hidden;
}
#voice_contents .vocie_box h3{
	float : left;
	margin : 5px 0 0 30px;
	font : 700 18px/140%  "游明朝" , "ヒラギノ明朝 Pro W3" , "ＭＳ Ｐ明朝" , "MS PMincho" , "Hiragino Mincho Pro" , serif;
	color : #ff3500;
}
#voice_contents .vocie_box h3 span{
	display : block;
}
#voice_contents .vocie_box .logo_img{
	float : right;
}
#voice_contents .vocie_box h4{
	display : block;
	padding : 5px;
	margin : 0 0 10px;
	font : 700 90%/160%  "游明朝" , "ヒラギノ明朝 Pro W3" , "ＭＳ Ｐ明朝" , "MS PMincho" , "Hiragino Mincho Pro" , serif;
	color : #fff;
	text-align : center;
	background : #002d4b;
}
#voice_contents .plan_box{
	display : block;
	margin : 0 0 2%;
	font-size : 80%;
	text-align : left;
	border : 1px solid #f90;
}
#voice01 .plan_box{
	margin : 0 0 2%;
}
#voice_contents .plan_box span{
	display : inline-block;
	padding : 1px 8px;
	margin : 0 10px 0 0;
	font-size : 100%;
	color : #fff;
	background : #f90;
}
#voice_contents .txt_box{
	font-size : 100%;
	line-height : 160%;
}
#voice_contents .color_box{
	display : block;
	padding : 3%;
	margin : 5% 0 0;
	overflow : hidden;
	background : #ececec;
}
#voice_contents .color_box .left_box{
	display : block;
	float : left;
	width : 60%;
	font-size : 100%;
	line-height : 140%;
	color : #353535;
}
.fontb{
	font-weight : 700;
}
#voice_contents .color_box .left_box a{
	font-weight : 700;
	color : #00a0c6;
	-webkit-text-decoration : none;
	text-decoration : none;
}
#voice_contents .color_box .right_box{
	display : block;
	float : right;
	width : 35%;
	max-width : 186px;
}
.slider{
	width : 100%;
	padding : 10px 30px 15px 35px;
	background : #022f4c url( "../../../en/img/top_voice/voice_bg01.png" ) no-repeat right bottom;
}
.sp_h3 ,
.sp_h4 ,
.plan_box_sp{
	display : none ! important;
}
@media screen and ( max-width : 768px ){
	.slider{
		display : none;
	}
	#voice_contents{
		margin : 0 3% 5%;
		overflow : hidden;
	}
	#voice_contents .header_box{
		margin : 0 0 2%;
		overflow : hidden;
	}
	#voice_contents .vocie_box h3{
		float : none;
		margin : 0 0 15px 30px;
		font : 700 16px/140%  "游明朝" , "ヒラギノ明朝 Pro W3" , "ＭＳ Ｐ明朝" , "MS PMincho" , "Hiragino Mincho Pro" , serif;
		color : #ff3500;
	}
	#voice_contents .vocie_box h3 span{
		display : inline;
	}
	#voice_contents .vocie_box .logo_img{
		float : none;
		width : 128px;
		margin : 0 auto;
	}
	#voice_contents #sanwacompany.vocie_box .logo_img{
		float : none;
		width : 190px;
		margin : 0 auto;
	}
	#voice_contents .vocie_box .sp_h4{
		display : block;
		padding : 5px;
		margin : 0 0 15px;
		font : 700 100%/160%  "游明朝" , "ヒラギノ明朝 Pro W3" , "ＭＳ Ｐ明朝" , "MS PMincho" , "Hiragino Mincho Pro" , serif;
		color : #fff;
		text-align : center;
		background : #002d4b;
	}
	#voice_contents .vocie_box .sp_h4 span{
		display : block;
	}
	#voice_contents .plan_box_sp{
		display : block;
		margin : 0 0 5%;
		text-align : center;
		border : 1px solid #f90;
	}
	#voice_contents .plan_box_sp span{
		display : block;
		padding : 3px 5px;
		margin : 0 0 0 0;
		font-size : 100%;
		color : #fff;
		background : #f90;
	}
	#voice_contents .txt_box{
		font-size : 100%;
		line-height : 140%;
	}
	#voice_contents .color_box{
		padding : 3%;
		margin : 5% 0 0;
	}
	#voice_contents .color_box .left_box{
		float : none;
		width : 100%;
	}
	.fontb{
		font-weight : 700;
	}
	#voice_contents .color_box .right_box{
		display : block;
		float : none;
		width : 100%;
		max-width : 186px;
		margin : 3% auto 0;
	}
	#side_voice{
		display : none;
	}
	.sp_h3 ,
	.sp_h4 ,
	.plan_box_sp{
		display : block ! important;
	}
	.pc_h3 ,
	.pc_h4 ,
	.plan_box{
		display : none ! important;
	}
}


/* ========================
実績・お客様の声
========================== */
.strength img{
	max-width : 100%;
	height : auto;
}
.strength{
	box-sizing : border-box;
	max-width : 680px;
}
#head_box{
	box-sizing : border-box;
	display : block;
	width : 100%;
	padding : 0 13% 0 8.2%;
	overflow : hidden;
	background : url( "../../../en/img/strength/head_bg.png" ) no-repeat center bottom;
	background-size : 100% auto;
}
#head_box dt{
	display : block;
	float : left;
	width : 43.6%;
	max-width : 234px;
}
#head_box dd{
	display : block;
	float : right;
	width : 52.2%;
	max-width : 280px;
	padding : 20px 0 0;
}
#reason_list{
	width : 100%;
	padding : 5% 0 5%;
	margin : 0 0 5%;
	background : linear-gradient( 180deg , rgb( 255 252 242 / 1 ) 0% , rgb( 255 241 182 / 1 ) 100% );
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr="#FFFCF2" , endColorstr="#FFF1B6" , GradientType=0 );
}
#reason_list .ttl_img{
	max-width : 173px;
	padding : 0% 0 2%;
	margin : 0 auto;
}
#reason_list ul{
	box-sizing : border-box;
	width : 100%;
	padding : 0 8.8%;
	margin : 0;
}
#reason_list li{
	display : inline-block;
	width : 29.5%;
	max-width : 166px;
	vertical-align : top;
}
#reason_list li:nth-of-type( 2 ){
	margin : 0 4.5%;
}
#high_quality h2{
	height : 49px;
	margin-bottom : 16px;
	font-size : 1.1em;
	font-weight : 700;
	line-height : 49px;
	text-indent : 1.5em;
	background : url( "../../../en/img/midashi/midashi2a.gif" );
}
#high_quality .img_right{
	float : right;
	width : 39%;
	max-width : 265px;
	margin : 0 0 5px 5px;
}
#high_quality .service_btn{
	display : block;
	width : 60%;
	max-width : 248px;
	margin : 30px auto 50px;
	clear : both;
}
#contents_link{
	box-sizing : border-box;
	display : block;
	padding : 30px 4.4%;
	background : #b6c4cc;
}
#contents_link li{
	display : inline-block;
	width : 48%;
	max-width : 297px;
	margin : 0 2.5% 15px 0;
}
#contents_link li:nth-of-type( even ){
	margin : 0 0 15px 0;
}
#contact_btn{
	display : block;
	width : 90%;
	max-width : 300px;
	margin : 30px auto 50px;
}
@media screen and ( max-width : 639px ){
	#reason_list ul{
		box-sizing : border-box;
		width : 94%;
		padding : 0 0%;
		margin : 0 auto;
	}
	#reason_list li{
		display : inline-block;
		width : 31%;
		max-width : 166px;
		vertical-align : top;
	}
	#high_quality .img_right{
		width : 35%;
		max-width : 265px;
		margin : 0 2%;
	}
	#high_quality p{
		margin : 0 2%;
	}
	#reason_list li:nth-of-type( 2 ){
		margin : 0 2%;
	}
}
@media screen and ( max-width : 480px ){
	#head_box{
		padding : 0 4% 0 5%;
	}
	#head_box dt{
		width : 43.6%;
	}
	#head_box dd{
		width : 52.2%;
		max-width : 280px;
		padding : 20px 0 0;
	}
	#contents_link{
		display : block;
		padding : 30px 4.4%;
		background : #b6c4cc;
	}
	#contents_link li{
		display : block;
		width : 90%;
		max-width : 297px;
		margin : 0 auto 15px;
	}
	#contents_link li:nth-of-type( even ){
		margin : 0 auto 15px;
	}
}
@media screen and ( max-width : 360px ){
	#reason_list li{
		display : block;
		width : 46%;
		max-width : 166px;
		margin : 0 auto 15px;
	}
	#reason_list li:nth-of-type( 2 ){
		margin : 0 auto 15px;
	}
}
#ttl_box{
	box-sizing : border-box;
	width : 100%;
	padding : 2% 1%;
	text-align : center;
	background : linear-gradient( 180deg , rgb( 56 91 114 / 1 ) 0% , rgb( 0 45 75 / 1 ) 100% );
}
#reason01_contents , #reason02_contents , #reason03_contents{
	padding : 15px 0 0;
}
#reason01_contents .reason01_img01 ,
#reason02_contents .reason02_img01 ,
#reason03_contents .reason03_img01{
	float : right;
	width : 21.6%;
	max-width : 147px;
	margin : -55px 2% 30px 5%;
}
#reason03_contents .reason03_img01{
	float : right;
	width : 21.6%;
	max-width : 147px;
	margin : -55px 2% 60px 5%;
}
.contents_box p{
	margin : 0 0 1em;
	line-height : 1.8;
	letter-spacing : .72px;
}
.contents_box p.color_box{
	display : block;
	width : 70.5%;
	max-width : 480px;
	padding : 2%;
	font-size : 107.6%;
	font-weight : 700;
	line-height : 1.57;
	color : #002d4b;
	background : #fff6d0;
}
#reason01_contents .look_example{
	width : 100%;
	padding : 10px 0 30px;
	background : linear-gradient( 180deg , rgb( 255 252 242 / 1 ) 0% , rgb( 255 241 182 / 1 ) 100% );
}
#reason01_contents .look_example .reason01_img02 ,
#reason02_contents .reason02_img02{
	display : block;
	max-width : 248px;
	margin : 0 auto 3% ;
	text-align : center;
}
#reason01_contents .look_example ul{
	width : 81.5%;
	max-width : 554px;
	margin : 0 auto;
	font-size : 0;
	line-height : 0px;
}
#reason01_contents .look_example li{
	display : inline-block;
	width : 30%;
	max-width : 166px;
	margin : 0 0 0 4.5%;
	font-size : 14px;
	line-height : 20px;
}
#reason01_contents .look_example li:first-child{
	margin : 0 0 0 0%;
}
#reason01_contents .our_case dl{
	padding : 20px 0 30px;
	overflow : hidden;
	font-size : 0;
	line-height : 0px;
}
#reason01_contents .our_case dt{
	float : left;
	width : 67.6%;
	max-width : 460px;
	font-size : 13px;
	line-height : 1.69;
	color : #3f3f3f;
	letter-spacing : .72px;
	vertical-align : top;
}
#reason01_contents .our_case dd{
	float : right;
	width : 28.6%;
	max-width : 195px;
	font-size : 100%;
	line-height : 1.69;
}
#reason01_contents .our_case .inner_box{
	width : 100%;
	padding : 2% 0;
	background : linear-gradient( 180deg , rgb( 255 255 255 / 1 ) 0% , rgb( 219 226 230 / 1 ) 100% );
}
#reason01_contents .our_case .inner_box .reason01_img03{
	display : block;
	max-width : 178px;
	margin : 0 auto 5px;
}
#reason01_contents .our_case .inner_box ul{
	display : block;
	max-width : 460px;
	margin : 0 auto;
}
#reason01_contents .our_case .inner_box li{
	display : inline-block;
	width : 46.5%;
	max-width : 214px;
	margin : 0 0 0 5.8%;
}
#reason01_contents .our_case .inner_box li:first-child{
	margin : 0 0 0 0%;
}
#next_btn_contents{
	padding : 0 3.6%;
}
#next_btn_contents #contact_btn{
	display : inline-block;
	width : 47.6%;
	max-width : 300px;
	margin : -12px 3.6% 0 0;
}
#next_btn_contents #next_btn{
	display : inline-block;
	width : 47.6%;
	max-width : 300px;
	margin : 10px 0 0 0;
}
@media screen and ( max-width : 768px ){
	#ttl_box{
		width : 100%;
		padding : 2% 10%;
	}
	#reason01_contents{
		padding : 15px 0 0;
	}
	#reason01_contents .reason01_img01 ,
	#reason02_contents .reason02_img01 ,
	#reason03_contents .reason03_img01{
		float : right;
		margin : 0 2% 10px 3%;
	}
	#reason01_contents p.color_box{
		width : 70.5%;
		max-width : 480px;
	}
	#reason01_contents .look_example ul{
		width : 90%;
		max-width : none;
	}
	#reason01_contents .look_example li{
		width : 30%;
		max-width : 166px;
		margin : 0 0 0 4.5%;
	}
}
@media screen and ( max-width : 640px ){
	#ttl_box{
		width : 100%;
		padding : 2% 10%;
	}
	#reason01_contents{
		padding : 15px 0 0;
	}
	#reason01_contents .reason01_img01 ,
	#reason02_contents .reason02_img01 ,
	#reason03_contents .reason03_img01{
		float : right;
		margin : 0 2% 10px 3%;
	}
	#reason01_contents p.color_box{
		width : 70.5%;
		max-width : 480px;
	}
	#reason01_contents .look_example ul{
		width : 90%;
		max-width : none;
	}
	#reason01_contents .look_example li{
		width : 30%;
		max-width : 166px;
		margin : 0 0 0 4.5%;
	}
}
@media screen and ( max-width : 480px ){
	#reason01_contents .look_example ul{
		width : 100%;
		max-width : 166px;
	}
	#reason01_contents .look_example li{
		width : 100%;
		max-width : 166px;
		margin : 0 auto 20px;
	}
	#reason01_contents .look_example li:first-child{
		margin : 0 auto 20px;
	}
	#reason01_contents .our_case .inner_box ul{
		width : 90%;
		max-width : 460px;
		margin : 0 auto;
	}
	#reason01_contents .our_case .inner_box li{
		display : inline-block;
		width : 46.5%;
		max-width : 214px;
		margin : 0 0 0 5.8%;
	}
	#reason01_contents .our_case .inner_box li:first-child{
		margin : 0 0 0 0%;
	}
	#next_btn_contents{
		padding : 5% 0 10%;
	}
	#next_btn_contents #contact_btn{
		display : block;
		width : 96%;
		max-width : 300px;
		margin : 0 auto 15px;
	}
	#next_btn_contents #next_btn{
		display : block;
		width : 96%;
		max-width : 300px;
		margin : 0 auto ;
	}
}
@media screen and ( max-width : 414px ){
	#reason01_contents .our_case dl{
		padding : 20px 3% 30px;
	}
	#reason01_contents .our_case dt{
		width : 62%;
	}
	#reason01_contents .our_case dd{
		width : 35%;
	}
	#reason01_contents .our_case .inner_box li{
		display : block;
		width : 90%;
		max-width : 214px;
		margin : 0 auto 10px;
	}
	#reason01_contents .our_case .inner_box li:first-child{
		margin : 0 auto 10px;
	}
}
@media screen and ( max-width : 360px ){
	#reason01_contents p.color_box{
		box-sizing : border-box;
		width : 100%;
	}
}
#compare_box , #compare_box02{
	background : linear-gradient( 0deg , rgb( 255 252 242 / 1 ) 0% , rgb( 255 241 182 / 1 ) 100% );
}
#compare_box03{
	background : linear-gradient( 0deg , rgb( 255 255 255 / 1 ) 0% , rgb( 219 226 230 / 1 ) 100% );
}
.compare{
	box-sizing : border-box;
	width : 100%;
	max-width : 680px;
	padding : 0 0 5%;
	margin : 5% auto 0;
}
.compare h3.ttl_img{
	width : 100%;
	max-width : 680px;
	margin : 0 auto 30px;
}
.compare h3.ttl_img img{
	max-width : 100%;
	height : auto;
}
.compare p{
	font-size : 13px;
	line-height : 22px;
	color : #3f3f3f;
	letter-spacing : .72px;
}
.compare .txt_box{
	width : 90%;
	max-width : 564px;
	margin : 0 auto;
}
.compare .work_flow{
	width : 90%;
	max-width : 564px;
	margin : 0 auto 5%;
	text-align : center;
}
.compare h4.ttl_txt{
	margin : 0 0 3%;
	font-size : 12px;
	font-weight : 700;
	line-height : 15px;
	color : #000;
	text-align : center;
	letter-spacing : 1.2px;
}
.compare .work_graph{
	width : 90%;
	max-width : 564px;
	margin : 0 auto 2%;
	text-align : center;
}
#compare_box03 ul{
	width : 90%;
	max-width : 564px;
	margin : 4% auto 0;
	font-size : 0;
	line-height : 0px;
}
#compare_box03 li{
	display : inline-block;
	width : 32.2%;
	max-width : 184px;
	margin : 0 auto;
	font-size : 13px;
	line-height : 20px;
}
#compare_box03 li:nth-of-type( 2 ){
	margin : 0 6px;
}
@media screen and ( max-width : 360px ){
	#compare_box03 li{
		display : block;
		width : 100%;
		margin : 0 auto 10px;
		text-align : center;
	}
	#compare_box03 li:nth-of-type( 2 ){
		margin : 0 auto 10px;
	}
}
#contents_list{
	width : 100%;
	max-width : 680px;
	padding : 10px 0 30px;
	text-align : center;
	background : linear-gradient( 180deg , rgb( 255 252 242 / 1 ) 0% , rgb( 255 241 182 / 1 ) 100% );
}
.reason03_img02{
	width : 204px;
	max-width : 204px;
	margin : 0 auto 20px;
}
.reason03_img06{
	width : 245px;
	max-width : 245px;
	margin : 0 auto ;
}
#contents_list ul{
	width : 94%;
	max-width : 575px;
	margin : 0 auto 30px;
}
#contents_list li{
	margin : 0 auto 15px;
}
#contents_list .claim{
	width : 94%;
	max-width : 575px;
	margin : 20px auto 0;
}
#top-about.column_cnt{
	width : 100%;
	max-width : 820px;
	font-size : 15px;
}
#top-about.column_cnt h2{
	width : 100%;
	max-width : 680px;
	margin : 0 auto;
}


/* リニューアルスタイル */
.clear{
	clear : both ! important;
}
#topArea{
	max-width : 1340px;
	margin-left : auto;
	margin-right : auto;
	text-align : center;
}
#topArea .pcsize{
	max-width : 100%;
	margin-top : 0;
	margin-bottom : 20px;
	margin-left : 0;
	margin-right : 0;
}
#topArea .spsize{
	display : none;
	margin : 0;
}
#topArea p{
	width : 70%;
	margin-top : 30px;
	margin-bottom : 50px;
	margin-left : auto;
	margin-right : auto;
	font-size : 15px;
	font-weight : 700;
	line-height : 2.5em;
	color : #666;
	text-align : left;
}
#topArea .top-pc{
	position : relative;
	max-width : 100%;
}
#topArea .top-pc .abs-top{
	position : absolute;
	top : 50%;
	left : 37%;
}
#topArea .top-sp{
	display : none;
}
img[usemap]{
	max-width : 100%;
	height : auto;
}
#topArea a{
	transition : 1s;
}
#topArea a:hover{
	opacity : .9;
}
#mainArea{
	max-width : 1200px;
	margin-left : auto;
	margin-right : auto;
	text-align : center;
}
#mainArea a{
	transition : 1s;
}
#mainArea a:hover{
	opacity : .5;
}
#mainArea a img{
	transition : 1s;
}
#mainArea a img:hover{
	opacity : .5;
}
#mainArea .pcsize{
	max-width : 100%;
	margin-top : 0;
	margin-bottom : 20px;
	margin-left : 0;
	margin-right : 0;
}
#mainArea .spsize{
	display : none;
	margin : 0;
}
#mainArea .box{
	width : 43%;
	padding-bottom : 3px;
	margin-top : 20px;
	margin-bottom : 0;
	margin-left : auto;
	margin-right : auto;
	text-align : center;
	border-bottom-color : #003759;
	border-bottom-style : solid;
	border-bottom-width : 5px;
}
#mainArea h1{
	padding : 0;
	margin-top : 20px;
	margin-bottom : 0;
	margin-left : auto;
	margin-right : auto;
	font-size : 30px;
	font-weight : 700;
	line-height : 36px;
	color : #f29400;
	text-align : center;
}
#mainArea h2{
	width : 100%;
	padding : 0;
	margin-top : 0;
	margin-bottom : 0;
	margin-left : auto;
	margin-right : auto;
	font-size : 32px;
	font-weight : 700;
	line-height : 36px;
	color : #003759;
	text-align : center;
}
#mainArea .small-h2{
	margin-top : 40px;
	margin-bottom : 15px;
	font-size : 30px;
	line-height : 36px;
}
#mainArea .reason{
	width : 80%;
	padding : 0;
	margin-top : 20px;
	margin-bottom : 35px;
	margin-left : auto;
	margin-right : auto;
}
#mainArea .reason ul{
	width : 100%;
	padding : 0;
	margin : 0;
}
#mainArea .reason ul li{
	float : left;
	width : 30%;
	margin-top : 10px;
	margin-bottom : 10px;
	margin-left : 2%;
	margin-right : 1%;
}
#mainArea .reason ul li p{
	padding : 0;
	margin-top : 10px;
	margin-bottom : 0;
	margin-left : 0;
	margin-right : 0;
	font-size : 15px;
	font-weight : 700;
	line-height : 18px;
	color : #3f3f3f;
	text-align : center;
}
#mainArea .reason ul .text{
	width : 31%;
	height : 60px;
	margin-top : 10px;
	margin-left : 1%;
	margin-right : 1%;
	font-size : 15px;
	font-weight : 400;
	line-height : 1.8em;
	color : #4a4a4a;
	text-align : left;
}
#mainArea .box2{
	width : 32%;
	padding-bottom : 3px;
	margin-top : 20px;
	margin-bottom : 0;
	margin-left : auto;
	margin-right : auto;
	text-align : center;
	border-bottom-color : #003759;
	border-bottom-style : solid;
	border-bottom-width : 5px;
}
#mainArea .textArea h3{
	width : 100%;
	padding : 0;
	margin-top : 0;
	margin-bottom : 0;
	margin-left : auto;
	margin-right : auto;
	font-size : 24px;
	font-weight : 700;
	line-height : 26px;
	color : #003759;
	text-align : center;
}
#mainArea .textArea{
	margin-top : 60px;
	margin-bottom : 30px;
	margin-left : auto;
	margin-right : auto;
}
#mainArea .textArea p{
	margin-top : 45px;
	margin-left : 10%;
	margin-right : 10%;
	font-size : 14px;
	color : #000;
	text-align : left;
}
.yellowB{
	font-weight : 700;
	color : #f29400 ! important;
}
#mainArea .strengthArea{
	position : relative;
	width : 80%;
	padding-top : 40px;
	padding-bottom : 55px;
	margin-top : 30px;
	margin-bottom : 30px;
	margin-left : auto;
	margin-right : auto;
	background-color : #f5f5f5;
}
#mainArea .strengthArea .absolute{
	position : absolute;
	top : -40px;
	left : 53%;
	transform : translateX( -50% );
}
#mainArea .strengthArea h3{
	margin-top : 15px;
	margin-bottom : 40px;
	margin-left : auto;
	margin-right : auto;
	font-size : 18px;
	font-weight : 700;
	line-height : 20px;
	color : #003759;
	text-align : center;
}
#mainArea .strengthArea h4{
	padding-bottom : 7px;
	margin-top : 30px;
	margin-bottom : 40px;
	margin-left : 8%;
	margin-right : 8%;
	font-size : 15px;
	font-weight : 700;
	line-height : 17px;
	color : #000;
	text-align : center;
	border-bottom-color : #003759;
	border-bottom-style : solid;
	border-bottom-width : 2px;
}
#mainArea .strengthArea h5{
	margin-top : 60px;
	margin-bottom : 0;
	font-size : 16px;
	font-weight : 700;
	line-height : 18px;
	color : #f29400;
}
#mainArea .strengthArea .fontB{
	margin-top : 50px;
	margin-bottom : 35px;
	font-size : 26px;
	font-weight : 400;
	line-height : 30px;
}
#mainArea .strengthArea p{
	margin-top : 40px;
	margin-bottom : 30px;
	margin-left : 8%;
	margin-right : 8%;
	font-size : 14px;
	color : #000;
	text-align : left;
}
.marginT40px{
	margin-top : 40px ! important;
}
.marginT25px{
	margin-top : 25px ! important;
}
.marginT15px{
	margin-top : 15px ! important;
}
.marginT10px{
	margin-top : 10px ! important;
}
.marginT0px{
	margin-top : 0 ! important;
}
.marginB20px{
	margin-bottom : 20px ! important;
}
.marginB10px{
	margin-bottom : 10px ! important;
}
.marginR10px{
	margin-right : 10px ! important;
}
.padding0px{
	padding : 0 ! important;
}
.paddingT0px{
	padding-top : 0 ! important;
}
.Bold{
	font-size : 13px;
	font-weight : 700 ! important;
}
#mainArea .strengthArea .photoArea{
	margin-top : 5px;
	margin-bottom : 20px;
	margin-left : 8%;
	margin-right : 8%;
}
#mainArea .strengthArea .photoArea .floatLeft{
	float : left;
	width : 50%;
	margin : 0;
}
#mainArea .strengthArea .photoArea .floatRight{
	float : right;
	width : 50%;
	padding : 0;
	margin : 0;
}
#mainArea .strengthArea .photoArea p{
	padding : 0;
	margin-top : 0;
	margin-bottom : 0;
	margin-left : 5%;
	margin-right : 5%;
}
#mainArea .strengthArea ul.advantage{
	margin-left : 8%;
	margin-right : 8%;
}
#mainArea .strengthArea ul.advantage li{
	display : flex;
	flex-wrap : wrap;
	justify-content : space-between;
	margin-bottom : 30px;
}
#mainArea .strengthArea .advantage-ttl{
	display : flex;
	flex-wrap : wrap;
	align-items : center;
	width : 43%;
}
#mainArea .strengthArea .advantage-ttl::before{
	margin-right : 10px;
	content : url( "../../../en/img/common/check.png" );
}
#mainArea .strengthArea .advantage-ttl::after{
	flex : 1;
	height : 1px;
	margin-left : 10px;
	content : "";
	background : #c9c9c9;
}
#mainArea .strengthArea .advantage-cont{
	width : 55%;
	margin : 0;
	font-size : 17px;
}
#mainArea .strengthArea .strengthArea-list{
	display : flex;
	flex-wrap : wrap;
	justify-content : space-between;
	margin-left : 8%;
	margin-right : 8%;
}
#mainArea .strengthArea .strengthArea-list li{
	width : 48%;
	padding-bottom : 20px;
	margin-bottom : 30px;
	box-shadow : 0 0 10px rgb( 0 0 0 / .35 );
}
#mainArea .strengthArea .strengthArea-list li img ,
#mainArea .strengthArea-group li img{
	width : 100%;
}
#mainArea .strengthArea .strengthArea-list li .list-num{
	transform : translateY( -50% );
}
#mainArea .strengthArea .strengthArea-list li .list-num span{
	padding : 0 10.5px;
	font-size : 24px;
	line-height : 1;
	color : #fff;
	background : #003759;
}
#mainArea .strengthArea .strengthArea-list li p{
	margin : 0 8%;
	font-size : 16px;
}
#mainArea .strengthArea .strengthArea-list li p span{
	font-weight : 700;
}
#mainArea .strengthArea .strengthArea-list li .list-ttl{
	font-size : 24px;
	font-weight : 700;
	color : #003759;
	text-align : center;
	letter-spacing : .02em;
}
#mainArea .strengthArea-group li{
	width : 23%;
	padding-bottom : 20px;
	margin-bottom : 30px;
	box-shadow : 0 0 5px rgb( 0 0 0 / .45 );
}
#mainArea .strengthArea-group li p{
	margin : 10px 8% 15px;
	font-size : 16px;
	line-height : 1.5;
}
#mainArea .strengthArea-group li .strengthArea-ttl{
	font-size : 20px;
	font-weight : 700;
	line-height : 1.3;
}
#mainArea .strengthArea-group{
	display : flex;
	flex-wrap : wrap;
	justify-content : space-between;
}
#mainArea .strengthArea-group li a{
	display : block;
	width : 70%;
	max-width : 140px;
	margin : 0 auto;
}
@media screen and ( max-width : 768px ){
	#mainArea .strengthArea .advantage-ttl{
		width : 100%;
	}
	#mainArea .strengthArea .advantage-cont{
		width : 100%;
		margin-top : 10px;
	}
	#mainArea .strengthArea .advantage-ttl::after{
		display : none;
	}
	#mainArea .strengthArea-group{
		margin : 0 5%;
	}
	#mainArea .strengthArea-group li{
		width : 48%;
	}
}
@media screen and ( max-width : 600px ){
	#mainArea .strengthArea .strengthArea-list li{
		width : 100%;
	}
}
#mainArea .reason-h2{
	margin-top : 0;
	margin-bottom : 10px;
	margin-left : auto;
	margin-right : auto;
	font-size : 18px;
	font-weight : 700;
	line-height : 24px;
	color : #003759;
	text-align : center;
}
#mainArea .reason-h3{
	margin-top : 20px;
	margin-bottom : 30px;
	margin-left : auto;
	margin-right : auto;
	font-size : 30px;
	font-weight : 700;
	line-height : 36px;
	color : #f29400;
	text-align : center;
}
#mainArea p{
	margin-left : 10%;
	margin-right : 10%;
	font-size : 14px;
	color : #333;
	text-align : left;
}
#mainArea .img-txt{
	text-align : right;
}
#mainArea .reason-block{
	max-width : 700px;
	padding : 30px;
	margin : 0 auto;
	font-size : 18px;
	font-weight : 700;
	line-height : 35px;
	color : #000;
	text-align : center;
	letter-spacing : .02em;
	background : #f29400;
}
#mainArea .reason-block span{
	font-size : 30px;
}
#mainArea .reason-block span.col-white{
	font-size : 23px;
	color : #fff;
}
#mainArea .list-reason{
	margin-top : 10px;
	margin-bottom : 10px;
	margin-left : 10%;
	margin-right : 10%;
}
#mainArea .list-reason li{
	padding-top : 3px;
	padding-bottom : 3px;
	padding-left : 0;
	padding-right : 0;
	font-size : 20px;
	color : #666;
	text-align : left;
	border-bottom-color : #bbb;
	border-bottom-style : dotted;
	border-bottom-width : 2px;
}
#mainArea .list-reason li h2{
	font-size : 22px;
	color : #f29400;
	text-align : left;
}
#mainArea .list-reason li a{
	font-weight : 700;
	color : #003759;
	-webkit-text-decoration : none;
	text-decoration : none;
}
#mainArea .strengthArea .floatList{
	float : left;
	width : 30%;
	height : 430px;
	margin-right : 4%;
	background-color : #fff;
	border : 2px solid #7f7f7f;
}
#mainArea .strengthArea .floatList .balloon{
	padding-top : 15px;
	padding-bottom : 15px;
	margin : 0;
	font-size : 15px;
	font-weight : 700;
	color : #fff;
	background-color : #7f7f7f;
}
#mainArea .strengthArea .floatList.right0px{
	margin-right : 0;
}
#mainArea .strengthArea .floatList ul{
	margin-left : auto;
	margin-right : auto;
}
#mainArea .strengthArea .floatList ul li{
	padding-top : 10px;
	padding-bottom : 10px;
	padding-left : 3%;
	padding-right : 3%;
	margin-left : 6%;
	margin-right : 6%;
	font-size : 12px;
	line-height : 2em;
	color : #000;
	border-bottom-color : #7f7f7f;
	border-bottom-style : dotted;
	border-bottom-width : 2px;
}
#mainArea .strengthArea .floatList ul .head{
	font-size : 14px;
	font-weight : 700;
	line-height : 18px;
	color : #7f7f7f;
}
#mainArea .strengthArea .floatList ul .bottom{
	border-bottom-style : none;
}
#mainArea .strengthArea .textBold{
	margin-bottom : 10px;
	margin-left : 13%;
	margin-right : 13%;
	font-size : 15px;
	font-weight : 700;
	line-height : 1.8em;
	color : #4d4d4d;
}
#mainArea .planArea ul{
	display : flex;
	flex-wrap : wrap;
	justify-content : space-between;
	margin-left : 10%;
	margin-right : 10%;
}
#mainArea .planArea ul li{
	width : 33%;
	margin-bottom : 15px;
	background : #e9e9e9;
}
@media screen and ( max-width : 768px ){
	#mainArea .planArea ul li{
		width : 100%;
	}
}
#mainArea .planArea ul li .plan{
	padding : 15px 0 10px 0;
	font-size : 14px;
	font-weight : 700;
	color : #000;
	text-align : center;
}
#mainArea .planArea ul li:nth-child( 1 ) .plan{
	background : #f29400;
}
#mainArea .planArea ul li:nth-child( 2 ) .plan{
	background : #ef7100;
}
#mainArea .planArea ul li:nth-child( 3 ) .plan{
	background : #dd3821;
}
#mainArea .planArea ul li .plan-cont{
	padding : 20px 15px 30px;
	color : #333;
}
#mainArea .planArea ul li .plan-cont p{
	margin : 0;
}
#mainArea .planArea ul li .plan-ttl{
	font-size : 20px;
	color : #f29400;
	text-align : center;
}
#mainArea .twoCol{
	width : 80%;
	margin-left : auto;
	margin-right : auto;
}
#mainArea .twoCol li{
	float : left;
	width : 50%;
	text-align : center;
}
#mainArea .twoCol li p{
	padding : 0;
	margin : 0;
	font-size : 14px;
	line-height : 2em;
	text-align : left;
}
#mainArea .langList{
	padding : 0;
	margin-top : 10px;
	margin-left : 10%;
	margin-right : 10%;
}
#mainArea .langList ul{
	float : left;
	width : 50%;
	margin-top : 0;
	margin-bottom : 20px;
	margin-left : auto;
	margin-right : auto;
}
#mainArea .langList ul li{
	display : block;
	width : 88%;
	margin-top : 10px;
	margin-bottom : 10px;
	margin-left : 4%;
	margin-right : 3%;
	font-size : 14px;
	color : #002d4b;
	text-align : left;
	background-color : #fff;
	border : 1px solid #002d4b;
	-webkit-border-radius : 5px;
	-moz-border-radius : 5px;
	border-radius : 5px;
}
#mainArea .langList ul li a{
	display : block;
	padding-top : 5px;
	padding-bottom : 5px;
	padding-left : 4%;
	padding-right : 3%;
	font-weight : 700;
	color : #002d4b;
	-webkit-text-decoration : none;
	text-decoration : none;
	background-image : url( "../../../en/img/languages/arrow.png" );
	background-repeat : no-repeat;
	background-position : 95% center;
}
#mainArea .langList ul .liHead{
	padding : 0;
	margin-top : 0;
	margin-bottom : 10px;
	font-size : 15px;
	font-weight : 700;
	color : #f29400;
	background-color : #f5f5f5;
	border-top-style : none;
	border-bottom-style : none;
	border-left-style : none;
	border-right-style : none;
}
#mainArea .linkArea{
	max-width : 100%;
	margin-bottom : 40px;
}
#mainArea .linkArea ul{
	margin-top : 5%;
	margin-bottom : 5%;
	margin-left : 10%;
	margin-right : 10%;
}
#mainArea .linkArea ul li{
	display : block;
	float : left;
	width : auto;
	padding-top : 5px;
	padding-bottom : 5px;
	padding-left : 3%;
	padding-right : 2%;
	margin-top : 0;
	margin-bottom : 5px;
	margin-left : 1%;
	font-size : 14px;
	font-weight : 700;
	color : #002d4b;
	text-align : center;
	white-space : nowrap;
	background-image : url( "../../../en/img/languages/arrow2.png" );
	background-repeat : no-repeat;
	background-position : 7% center;
	border : 1px solid #bfbfbf;
	-webkit-border-radius : 5px;
	-moz-border-radius : 5px;
	border-radius : 5px;
}
#mainArea .linkArea ul li a{
	display : block;
	color : #002d4b;
	-webkit-text-decoration : none;
	text-decoration : none;
}
#mainArea .flagArea{
	max-width : 80%;
	margin-top : 10px;
	margin-bottom : 20px;
	margin-left : auto;
	margin-right : auto;
}
#mainArea .flagArea h2{
	font-size : 20px;
	line-height : 24px;
	color : #000;
}
#mainArea .flagArea ul{
	margin-top : 20px;
	margin-bottom : 10px;
}
#mainArea .flagArea ul li{
	float : left;
	width : 22%;
	padding-top : 3%;
	padding-bottom : 3%;
	margin-top : 5px;
	margin-bottom : 10px;
	margin-right : 2%;
	text-align : center;
	background-color : #eee;
}
#mainArea .flagArea ul li p{
	margin-top : 15px;
	margin-bottom : 0;
	font-size : 13px;
	font-weight : 700;
	color : #000;
	text-align : center;
}
#mainArea .flagArea ul .marNo{
	margin-right : 0;
}
#mainArea .writingsArea{
	margin-top : 50px;
	margin-bottom : 60px;
	margin-left : 10%;
	margin-right : 10%;
}
#mainArea .writingsArea h2{
	font-size : 20px;
	line-height : 24px;
	color : #000;
}
#mainArea .writingsArea p{
	margin-top : 20px;
	margin-left : auto;
	margin-right : auto;
}
#mainArea .writingsArea table{
	width : 100%;
	margin-top : 50px;
	margin-bottom : 20px;
	margin-left : auto;
	margin-right : auto;
}
#mainArea .writingsArea table tr th{
	padding-top : 5px;
	padding-bottom : 5px;
	padding-left : 1%;
	padding-right : 1%;
	background-color : #2e3b4f;
}
#mainArea .writingsArea table tr td{
	padding-top : 30px;
	padding-bottom : 20px;
	background-color : #e5e5e5;
}
#mainArea .writingsArea table tr td ul{
	padding : 0;
	margin-top : 0;
	margin-bottom : 0;
	margin-left : 3%;
	margin-right : 3%;
}
#mainArea .writingsArea table tr td ul li{
	float : left;
	width : 31%;
	padding-top : 2%;
	padding-bottom : 2%;
	margin-top : 0;
	margin-bottom : 0;
	margin-left : 1%;
	margin-right : 1%;
	background-color : #fff;
}
#mainArea .writingsArea h4{
	width : 100%;
	padding-bottom : 10px;
	margin-top : 40px;
	margin-bottom : 30px;
	margin-left : auto;
	margin-right : auto;
	font-size : 16px;
	font-weight : 700;
	color : #206a9a;
	border-bottom-color : #919191;
	border-bottom-style : solid;
	border-bottom-width : 1px;
}
#mainArea .column2{
	width : 100%;
	margin-top : 10px;
	margin-bottom : 30px;
	margin-left : auto;
	margin-right : auto;
}
#mainArea .column2 .boxL{
	float : left;
	width : 43%;
	padding : 0;
	margin-top : 10px;
	margin-bottom : 10px;
	margin-left : auto;
	margin-right : auto;
}
#mainArea .column2 .boxR{
	float : right;
	width : 57%;
	padding : 0;
	margin-top : 10px;
	margin-bottom : 10px;
	margin-left : auto;
	margin-right : auto;
}
#mainArea .column2 .boxR p{
	margin : 0;
	font-size : 14px;
	font-weight : 700;
	line-height : 1.8em;
	color : #2e3b4f;
}
#mainArea .bg1{
	padding : 3%;
	margin-bottom : 5px;
	font-size : 14px;
	line-height : 1.8em;
	color : #fff;
	text-align : left;
	background-color : #1e99a4;
	-webkit-box-shadow : 0 5px 5px 0 #999;
	-moz-box-shadow : 0 5px 5px 0 #999;
	box-shadow : 0 5px 5px 0 #999;
}
#mainArea .bg2{
	padding : 3%;
	margin-bottom : 5px;
	font-size : 14px;
	color : #fff;
	text-align : left;
	background-color : #f4a11b;
	-webkit-box-shadow : 0 5px 5px 0 #999;
	-moz-box-shadow : 0 5px 5px 0 #999;
	box-shadow : 0 5px 5px 0 #999;
}
#mainArea .bg3{
	padding : 3%;
	margin-bottom : 5px;
	font-size : 14px;
	color : #fff;
	text-align : left;
	background-color : #8dc328;
	-webkit-box-shadow : 0 5px 5px 0 #999;
	-moz-box-shadow : 0 5px 5px 0 #999;
	box-shadow : 0 5px 5px 0 #999;
}
#mainArea .bg4{
	padding : 3%;
	margin-bottom : 5px;
	font-size : 14px;
	color : #fff;
	text-align : left;
	background-color : #e25124;
	-webkit-box-shadow : 0 5px 5px 0 #999;
	-moz-box-shadow : 0 5px 5px 0 #999;
	box-shadow : 0 5px 5px 0 #999;
}
#mainArea .bg5{
	padding : 3%;
	margin-bottom : 5px;
	font-size : 14px;
	color : #fff;
	text-align : left;
	background-color : #454391;
	-webkit-box-shadow : 0 5px 5px 0 #999;
	-moz-box-shadow : 0 5px 5px 0 #999;
	box-shadow : 0 5px 5px 0 #999;
}
#mainArea .strengthArea table.price{
	width : 83%;
	margin-left : auto;
	margin-right : auto;
	line-height : 1.5;
	text-align : left;
	border-collapse : collapse;
}
#mainArea .strengthArea table.price thead th{
	width : 38%;
	padding : 2%;
	font-weight : 700;
	color : #000;
	vertical-align : top;
	border-bottom-color : #009;
	border-bottom-style : solid;
	border-bottom-width : 2px;
}
#mainArea .strengthArea table.price td{
	width : 38%;
	padding : 2%;
	vertical-align : top;
	border-bottom-color : #ccc;
	border-bottom-style : solid;
	border-bottom-width : 1px;
}
#mainArea .strengthArea table.price tbody{
	background-color : #f9f9f9;
}
#mainArea .strengthArea table.price tbody .bgColor{
	background-color : #fff;
}
#mainArea .bgBlue{
	position : relative;
	width : 80%;
	padding-top : 40px;
	padding-bottom : 55px;
	margin-top : 40px;
	margin-bottom : 30px;
	margin-left : auto;
	margin-right : auto;
	background-color : #1b75b3;
}
#mainArea .bgBlue .absolute{
	position : absolute;
	top : -15px;
	left : 47%;
}
#mainArea .bgBlue h2{
	margin-top : 30px;
	margin-bottom : 40px;
	font-size : 36px;
	font-weight : 400;
	color : #fff100;
}
#mainArea .bgBlue h3{
	margin-top : 10px;
	margin-bottom : 30px;
	font-size : 15px;
	font-weight : 700;
	color : #fff;
}
#mainArea .bgBlue p{
	font-size : 14px;
	line-height : 1.8em;
	color : #fff;
}
#mainArea .bgBlue .detailBtn a{
	display : block;
	width : 25%;
	padding-top : 5px;
	padding-bottom : 5px;
	margin-top : 30px;
	margin-bottom : 40px;
	margin-left : auto;
	margin-right : auto;
	color : #fff;
	-webkit-text-decoration : none;
	text-decoration : none;
	border : 1px solid #fff;
	-webkit-border-radius : 35px;
	-moz-border-radius : 35px;
	border-radius : 35px;
}
#mainArea .top-pc{
	width : 100%;
	max-width : auto;
	height : auto;
	padding-top : 16%;
	padding-bottom : 16%;
	padding-left : 0;
	padding-right : 0;
	margin-top : 0;
	margin-bottom : 10px;
	margin-left : auto;
	margin-right : auto;
	background-image : url( "../../../en/img/languages/top-img.jpg" );
	background-repeat : no-repeat;
	background-position : center center;
	background-size : cover;
}
#mainArea .top-pc h1{
	color : #fff;
	text-align : center;
}
#mainArea .top-pc p{
	font-size : 16px;
	color : #fff;
	text-align : center;
}
#mainArea .top-sp{
	display : none;
}
#mainArea .point{
	width : 55%;
	margin-top : 10px;
	margin-bottom : 10px;
	margin-left : auto;
	margin-right : auto;
}
#mainArea .point li{
	padding-top : 0;
	padding-left : 28px;
	margin-bottom : 5px;
	font-size : 16px;
	font-weight : 700;
	line-height : 1.8em;
	color : #000;
	text-align : left;
	background-image : url( "../../../en/img/languages/arrow3.png" );
	background-repeat : no-repeat;
	background-position : left 3px;
}
.gMap{
	position : relative;
	width : 100%;
	height : 0;
	padding-bottom : 56.25%;
	overflow : hidden;
}
.gMap iframe{
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
}
.alignC{
	text-align : center ! important;
}
.alignL{
	text-align : left ! important;
}
.alignR{
	text-align : right ! important;
}
.imgL{
	float : left ! important;
}
.font20px{
	font-size : 20px ! important;
}
.font30px{
	font-size : 30px ! important;
}
.font13px{
	font-size : 13px ! important;
}
.blueB{
	font-weight : 700 ! important;
	color : #3c8abd ! important;
}
.width85per{
	width : 85% ! important;
	margin-left : auto;
	margin-right : auto;
}
.width90per{
	width : 90% ! important;
	margin-left : auto;
	margin-right : auto;
}


/* responsive style */
@media screen and ( max-width : 768px ){
	#topArea{
		position : relative;
		max-width : 768px;
	}
	#topArea .top-pc{
		display : none;
	}
	#topArea .top-sp{
		display : inline;
		max-width : 100%;
	}
	#topArea .top-sp .abs-top2{
		position : absolute;
		top : 49%;
		left : 15%;
		max-width : 70%;
		margin : 0;
		margin-left : auto;
		margin-tight : auto;
	}
	#topArea .pcsize{
		display : none;
	}
	#topArea .spsize{
		display : inline;
		max-width : 100%;
		margin-top : 0;
		margin-bottom : 20px;
		margin-left : 0;
		margin-right : 0;
	}
	#topArea p{
		width : 90%;
		margin-top : 20px;
	}
	img[usemap]{
		max-width : 100%;
		height : auto;
	}
	#mainArea{
		max-width : 768px;
	}
	#mainArea .pcsize{
		display : none;
	}
	#mainArea .spsize{
		display : inline;
		max-width : 100%;
		margin-top : 0;
		margin-bottom : 20px;
		margin-left : 0;
		margin-right : 0;
	}
	#mainArea .box ,
	#mainArea .box2{
		width : 60%;
	}
	#mainArea h1{
		font-size : 20px;
		line-height : 24px;
	}
	#mainArea h2{
		font-size : 28px;
		line-height : 30px;
	}
	#mainArea .reason ul li{
		float : none;
		width : 100%;
		margin-top : 15px;
		margin-bottom : 15px;
		margin-left : auto;
		margin-right : auto;
	}
	#mainArea .reason ul .text{
		width : 80%;
		margin-top : 15px;
		margin-bottom : 15px;
		margin-left : auto;
		margin-right : auto;
		font-size : 14px;
	}
	#mainArea .textArea h3{
		font-size : 22px;
		line-height : 24px;
	}
	#mainArea .textArea p{
		margin-left : 5%;
		margin-right : 5%;
	}
	#mainArea .strengthArea{
		width : 90%;
	}
	.width95per{
		width : 95% ! important;
	}
	#mainArea .strengthArea .photoArea .floatLeft{
		float : none;
		width : 100%;
	}
	#mainArea .strengthArea .photoArea .floatRight{
		float : none;
		width : 100%;
		margin-top : 25px;
	}
	#mainArea .bgBlue{
		width : 90%;
		margin-top : 10px;
	}
	#mainArea .bgBlue .absolute{
		position : absolute;
		left : 45%;
	}
	#mainArea .bgBlue h2{
		font-size : 20px;
	}
	#mainArea p{
		margin-left : 5%;
		margin-right : 5%;
	}
	#mainArea .list-reason li{
		font-size : 16px;
	}
	#mainArea .list-reason li h2{
		font-size : 18px;
	}
	#mainArea .strengthArea .floatList{
		float : none;
		width : 96%;
		height : auto;
		padding-bottom : 3%;
		margin-bottom : 30px;
		margin-left : auto;
		margin-right : auto;
	}
	#mainArea .strengthArea .floatList.right0px{
		margin-right : auto;
	}
	#mainArea .twoCol li{
		float : none;
		width : 90%;
		margin-top : 20px;
		margin-left : auto;
		margin-right : auto;
	}
	#mainArea .twoCol .alignR ,
	#mainArea .twoCol .alignL{
		margin-top : 0 ! important;
		margin-bottom : 0 ! important;
		text-align : center ! important;
	}
	#mainArea .langList ul{
		float : none;
		width : 100%;
		margin-bottom : 30px;
		margin-left : auto;
		margin-right : auto;
	}
	#mainArea .langList ul li{
		width : 90%;
		margin-left : auto;
		margin-right : auto;
	}
	#mainArea .linkArea ul li{
		padding-top : 5px;
		padding-bottom : 5px;
		padding-left : 3%;
		padding-right : 1%;
		font-size : 13px;
	}
	#mainArea .flagArea ul li{
		width : 42%;
		margin-left : 4%;
		margin-right : 4%;
	}
	#mainArea .flagArea ul .marNo{
		margin-right : 4%;
	}
	#mainArea .writingsArea{
		margin-left : 5%;
		margin-right : 5%;
	}
	#mainArea .writingsArea h2{
		font-size : 16px;
		line-height : 18px;
	}
	#mainArea .writingsArea table tr td{
		padding-left : 1%;
		padding-right : 1%;
	}
	#mainArea .small-h2{
		margin-top : 20px;
		font-size : 18px;
		line-height : 22px;
	}
	#mainArea .column2 .boxL{
		float : none;
		width : 100%;
	}
	#mainArea .column2 .boxR{
		float : none;
		width : 90%;
		margin-top : 30px;
	}
	#mainArea .writingsArea table tr td ul li{
		float : none;
		width : 80%;
		margin-top : 20px;
		margin-left : auto;
		margin-right : auto;
	}
	#mainArea .bgBlue .detailBtn a{
		width : 40%;
		-webkit-border-radius : 20px;
		-moz-border-radius : 20px;
		border-radius : 20px;
	}
	#mainArea .top-pc{
		display : none;
	}
	#mainArea .top-sp{
		display : block;
		width : 100%;
		max-width : 768x;
		height : auto;
		padding-top : 57%;
		padding-bottom : 28%;
		padding-left : 0;
		padding-right : 0;
		margin-top : 0;
		margin-bottom : 30px;
		margin-left : auto;
		margin-right : auto;
		background-image : url( "../../../en/img/languages/top-img-sp.jpg" );
		background-repeat : no-repeat;
		background-position : center center;
		background-size : cover;
	}
	#mainArea .top-sp h1{
		margin-bottom : 8px;
		color : #fff;
		text-align : center;
	}
	#mainArea .top-sp p{
		font-size : 14px;
		line-height : 1.5em;
		color : #fff;
		text-align : center;
	}
	#mainArea .point{
		width : 70%;
	}
}
@media screen and ( max-width : 640px ){
	#mainArea .linkArea ul li{
		padding-left : 4%;
	}
}
@media screen and ( max-width : 480px ){
	#mainArea .linkArea ul li{
		padding-left : 5%;
	}
}
@media screen and ( max-width : 360px ){
	#mainArea .linkArea ul li{
		padding-left : 6%;
	}
}


/* リニューアルスタイルここまで */
.bold{
	font-weight : 700 ! important;
	color : #000 ! important;
}
.clear{
	clear : both ! important;
}
.font22px{
	font-size : 22px ! important;
}
.marT20px{
	margin-top : 20px ! important;
}
.message-page{
	box-sizing : border-box;
	min-width : auto;
}
.message-page *{
	box-sizing : border-box;
}
#messageB{
	background-color : #fff;
}
#messageB .imgTop{
	position : relative;
	min-width : 1200px;
}
#messageB .imgTop figure{
	width : calc( 50% + 370px );
	margin : 0 0 0 auto;
}
#messageB .imgTop figure img{
	width : 100%;
	height : auto;
}
#messageB .imgToptxt{
	position : absolute;
	top : 50%;
	left : 0;
	width : 100%;
	font-family : Hannari;
	font-size : 37px;
	line-height : 1.7;
	transform : translateY( -50% );
}
#messageB .imgToptxt p{
	max-width : 1200px;
	padding-left : 50px;
	margin : 0 auto;
}
#messageB .imgToptxt span{
	color : #0d6fb9;
	letter-spacing : .04em;
	background-color : #fff;
}
#messageB .imgToptxt p.imgTopEn{
	margin-top : 20px;
	font-family : NotoSansCJK;
	font-size : 14px;
	color : #002f40;
	letter-spacing : .1em;
}
#messageB .imgTopmsg{
	position : absolute;
	top : 30px;
	bottom : 0;
	left : 0;
	width : 100%;
}
#messageB .imgTopmsg p{
	position : relative;
	max-width : 1200px;
	padding-bottom : 20px;
	margin : 0 auto;
	font-size : 16px;
	color : #0d6fb9;
	transform : rotate( 90deg );
	transform-origin : left;
}
#messageB .imgTopmsg p::after{
	position : absolute;
	top : 17px;
	left : 115px;
	width : 500px;
	height : 1px;
	content : "";
	background-color : #0d6fb9;
}
#messageB .imgTop .pText{
	position : absolute;
	bottom : 15px;
	right : 15px;
	font-size : 14px;
	text-align : right;
}
#messageB .topArea{
	position : relative;
	z-index : 10;
	display : flex;
	flex-direction : row-reverse;
	flex-wrap : wrap;
	align-items : flex-start;
	width : 1200px;
	padding : 40px 0;
	margin : 0 auto 100px;
	background-color : #fff;
}
#messageB .topArea::after{
	position : absolute;
	top : 100%;
	left : 50%;
	width : 1px;
	height : 70px;
	content : "";
	background-color : #0d6fb9;
}
#messageB .topArea .profile{
	width : 300px;
	padding : 30px;
	margin : -100px 30px 0;
	font-size : 14px;
	color : #fff;
	letter-spacing : .1em;
	background-color : #0d6fb9;
}
#messageB .topArea .profile .ttl{
	margin-bottom : 25px;
	font-size : 24px;
	font-weight : 700;
	letter-spacing : 0;
}
#messageB .topArea .profile .name{
	margin-bottom : 25px;
	font-size : 22px;
}
#messageB .topArea .profile .link{
	margin-top : 30px;
	font-size : 16px;
	text-align : right;
	letter-spacing : .1em;
}
#messageB .topArea .profile .link a{
	color : #fff;
	-webkit-text-decoration : none;
	text-decoration : none;
}
#messageB .topArea .profile .link i{
	margin-left : 5px;
	color : #f9bd00;
}
#messageB .topArea .profile .link a:hover{
	-webkit-text-decoration : underline;
	text-decoration : underline;
}
#messageB .topArea .text{
	flex : 1;
	font-size : 15px;
	letter-spacing : .04em;
}
#message .textArea{
	background-color : #e5e5e5;
}
#message .textArea .box{
	max-width : 857px;
	padding : 0 20px;
	margin : 0 auto;
	background-color : #fff;
}
#message .textArea h2{
	font-size : 27px;
	font-weight : 700;
	color : #000;
	text-align : center;
	letter-spacing : .3em;
}
#message .textArea p{
	max-width : 695px;
	margin : 30px auto 0;
	font-size : 15px;
	text-align : left;
	letter-spacing : .04em;
}
#message .textArea2{
	position : relative;
	width : 100%;
	padding-top : 20px;
	padding-bottom : 0;
}
#message .textArea2 .box{
	display : flex;
	flex-wrap : wrap;
	align-items : flex-start;
	width : 1200px;
	padding-top : 80px;
	margin : 0 auto;
	background-color : #fff;
}
#message .textArea2 .box:nth-of-type( 2n ){
	flex-direction : row-reverse;
}
#message .textArea2 .box figure{
	width : 75%;
	margin : 0;
}
#message .textArea2 .box figure img{
	width : 100%;
	height : auto;
}
#message .textArea2 .box .txt{
	position : relative;
	width : 62%;
	padding : 40px 0 40px 40px;
	margin : 90px 0 0 -37%;
	font-size : 16px;
	line-height : 2.5;
	color : #0c0c0c;
	letter-spacing : .04em;
	background-color : #fff;
}
#message .textArea2 .box:nth-of-type( 2n ) .txt{
	padding : 40px 40px 40px 0;
	margin : 90px -37% 0 0;
}
#message .textArea2 .box .txt h3{
	margin-bottom : 20px;
	font-size : 27px;
	font-weight : 700;
	line-height : 1.5;
	letter-spacing : .3em;
}
#message .naviArea{
	position : relative;
	width : 1200px;
	padding : 0 40px;
	margin : 100px auto 20px;
	text-align : center;
	background-color : #e5e5e5;
}
#message .naviArea .head{
	display : inline-block;
	padding : 7px 70px;
	font-size : 20px;
	color : #fff;
	text-align : center;
	background-color : #0d6fb9;
	transform : translateY( -50% );
}
#message .naviArea ul{
	display : flex;
	flex-wrap : wrap;
	justify-content : space-between;
	width : 100%;
	max-width : 900px;
	margin : 0 auto;
}
#message .naviArea ul li{
	width : 31%;
	margin-bottom : 40px;
	box-shadow : 0 0 15px rgb( 0 0 0 / .35 );
}
#message .naviArea ul li img{
	width : 100%;
}
#message .menuBox{
	width : 1200px;
	padding-top : 70px;
	margin : 0 auto;
	background : #fff;
}
#message .menuBox h3{
	position : relative;
	z-index : 2;
	display : flex;
	align-items : center;
	height : 100px;
	font-size : 27px;
	font-weight : 700;
	color : #000;
	letter-spacing : .3em;
}
#message .menuBox h3 span{
	position : absolute;
	top : 50%;
	left : 0;
	z-index : -1;
	font-family : "Times New Roman";
	font-size : 140px;
	font-style : italic;
	font-weight : 700;
	color : #dbf1ff;
	transform : translateY( -50% );
}
#message .menuBox section{
	margin-top : 70px;
	letter-spacing : .04em;
}
#message .menuBox section h4{
	margin-bottom : 25px;
	font-size : 22px;
	font-weight : 700;
	color : #0d6fb9;
}
#message .menuBox section.sec-right h4{
	padding-left : 360px;
}
#message .menuBox section figure{
	position : relative;
	z-index : 2;
	margin : 0 0 20px;
}
#message .menuBox section figure img{
	width : 100%;
	height : auto;
}
#message .menuBox section p{
	font-size : 16px;
	line-height : 2;
	color : #333;
	text-align : left;
}
#message .menuBox section.sec-left figure{
	width : 330px;
	padding-right : 30px;
	margin-left : 30px;
}
#message .menuBox section.sec-left figure::before{
	position : absolute;
	top : -30px;
	right : 0;
	z-index : -1;
	width : 60px;
	height : 60px;
	content : "";
	background-color : #f9bd00;
}
#message .menuBox section.sec-right figure{
	width : 330px;
	padding-left : 30px;
	margin-right : 30px;
}
#message .menuBox section.sec-right figure::before{
	position : absolute;
	top : -30px;
	left : 0;
	z-index : -1;
	width : 60px;
	height : 60px;
	content : "";
	background-color : #f9bd00;
}
#message .menuBox section .box{
	display : flex;
	flex-wrap : wrap;
	align-items : flex-start;
}
#message .menuBox section.sec-left .box{
	flex-direction : row-reverse;
}
#message .menuBox section .box p{
	flex : 1;
}
#message .bnr{
	margin : 80px 0;
	text-align : center;
}
#main .topImg{
	margin-bottom : 30px;
	text-align : center;
}
#main .textBox .meBox{
	margin-top : 10px;
	margin-bottom : 40px;
}
#main .textBox{
	width : 100%;
	margin-top : 20px;
	margin-bottom : 35px;
	margin-left : auto;
	margin-right : auto;
}
#main .textBox h3{
	margin-top : 20px;
	margin-bottom : 5px;
	font-size : 28px;
	font-weight : 700;
	color : #0d6fb9;
	text-align : left;
}
#main .textBox p{
	margin-top : 5px;
	margin-bottom : 10px;
	margin-left : auto;
	margin-right : auto;
}
#main .textBox ul{
	width : 98%;
	margin-top : 5px;
	margin-bottom : 10px;
	margin-left : auto;
	margin-right : auto;
}
#main .textBox ul li{
	margin-bottom : 3px;
	list-style-position : inside;
	list-style-type : disc;
}
#main .textBox a:hover img ,
#message a:hover img ,
#messageB a:hover img{
	opacity : .7;
}
#main .sp{
	display : none;
}
#message .sp{
	display : none;
}
#messageB .sp{
	display : none;
}
@media screen and ( max-width : 768px ){
	#message .pc{
		display : none;
	}
	#message .sp{
		display : block;
	}
	#messageB .pc{
		display : none;
	}
	#messageB .sp{
		display : block;
	}
	#messageB{
		width : 100%;
	}
	#messageB .imgTop{
		width : 100%;
		min-width : 0;
	}
	#messageB .imgTop figure{
		width : 77.5%;
	}
	#messageB .imgToptxt{
		font-size : 5vw;
	}
	#messageB .topArea{
		width : 100%;
		padding : 0 20px 40px;
	}
	#messageB .topArea .profile{
		width : 75%;
		max-width : 460px;
		margin : -50px 0 40px auto;
	}
	#messageB .topArea .text{
		flex : none;
		width : 100%;
	}
	#message .textArea2 .box{
		width : 100%;
		padding : 50px 20px 0;
	}
	#message .textArea2 .box figure{
		width : 100%;
	}
	#message .textArea2 .box .txt{
		width : calc( 100% - 30px );
		padding : 20px ! important;
		margin : -30px auto 0 ! important;
	}
	#message .naviArea{
		width : 100%;
		margin : 50px 0 0;
	}
	#message .naviArea .head{
		width : 100%;
		padding : 7px;
	}
	#message .naviArea ul{
		justify-content : center;
	}
	#message .naviArea ul li{
		width : 95%;
	}
	#message .menuBox{
		width : 100%;
		padding : 70px 20px 0;
	}
	#message .menuBox section.sec-right h4{
		padding-left : 0;
	}
	#message .menuBox section.sec-right figure ,
	#message .menuBox section.sec-left figure{
		width : 100%;
		margin : 0 0 20px;
	}
	#message .menuBox section .box p{
		flex : none;
		width : 100%;
	}
	#message .bnr{
		padding : 0 20px;
		margin : 50px 0;
	}
	#message .bnr img{
		margin : 0 auto;
	}
}
@media screen and ( max-width : 640px ){
	#main .pc{
		display : none;
	}
	#main .sp{
		display : block;
	}
	#main .textBox h3{
		width : 94%;
		margin-left : auto ! important;
		margin-right : auto ! important;
	}
	#main .textBox p{
		width : 90%;
	}
	#main .textBox ul{
		width : 90%;
	}
	.fieldbox{
		margin-left : auto ! important;
		margin-right : auto ! important;
	}
	.fieldbox:nth-of-type( even ){
		margin-right : auto ! important;
	}
	.fieldbox2:nth-of-type( even ){
		margin-right : auto ! important;
	}
}
.fieldbox2{
	float : left;
	max-width : 210px;
	padding-bottom : 20px;
}
.fieldbox2 .inner_box{
	position : relative;
	box-sizing : border-box;
	width : 100%;
	height : 260px;
	padding : 10px;
	margin-bottom : 5px;
	background : #e5e5e5;
}
.fieldbox2 .inner_box a img{
	width : 100%;
}
.fieldbox2 p.fieldtxt{
	padding : 0 8px 2px 8px;
	font-size : 1.3em;
	line-height : 1.5;
}
.fixed{
	float : left;
	width : 50%;
}
.fieldbox2 .link{
	padding : 10px;
	text-align : right;
}
.fieldbox2 .link a{
	padding : 0 0 0 0;
	font-size : 114.28%;
	font-weight : 700;
	line-height : 1.3125;
	color : #2796dc;
	-webkit-text-decoration : none;
	text-decoration : none;
}
@media screen and ( max-width : 768px ){
	.fieldbox2{
		position : relative;
		box-sizing : border-box;
		display : inline-block;
		float : none;
		width : 300px;
		height : 373px;
		margin-bottom : 15px;
		margin-right : 0;
	}
	.fieldbox2 .head{
		width : 180px;
		height : 40px;
	}
	.fieldbox2 .inner_box{
		position : relative;
		box-sizing : border-box;
		width : 100%;
		padding : 10px;
		margin-bottom : 5px;
		white-space : normal;
		background : #e5e5e5;
	}
	.fieldbox2 .inner_box img{
		margin-top : 0;
		margin-bottom : 3px;
	}
	.fieldbox2 p.fieldtxt{
		padding-left : 0;
		padding-right : 0;
		margin-top : 0;
		margin-bottom : 62px;
	}
	.fieldbox2 .link{
		padding-left : 0;
		padding-right : 0;
	}
	.fieldbox2 .link a{
		font-size : 14px;
	}
}
.fieldbox3{
	position : relative;
	box-sizing : border-box;
	float : left;
	max-width : 410px;
	margin-bottom : 20px;
	margin-right : 20px;
}
.fieldbox3 .inner_box{
	position : relative;
	box-sizing : border-box;
	width : 100%;
	padding : 10px;
	margin-bottom : 5px;
	background : #e5e5e5;
}
.fieldbox3 .inner_box a img{
	width : 100%;
}
.fieldbox3 p.fieldtxt{
	height : 100px;
	padding : 0 8px 2px 8px;
	font-size : 1.2em;
	font-weight : 600;
	line-height : 1.4;
}
.fixed{
	float : left;
	width : 50%;
}
.fieldbox3 .link{
	padding : 0;
	text-align : right;
}
.fieldbox3 .link a{
	padding : 0 0 0 0;
	font-size : 114.28%;
	font-weight : 700;
	line-height : 1.3125;
	color : #2796dc;
	-webkit-text-decoration : none;
	text-decoration : none;
}
@media screen and ( max-width : 768px ){
	.fieldbox3{
		position : relative;
		box-sizing : border-box;
		display : inline-block;
		float : none;
		width : 300px;
		margin-bottom : 15px;
		margin-right : 0;
	}
	.fieldbox3 .head{
		width : 180px;
		height : 40px;
	}
	.fieldbox3 .inner_box{
		position : relative;
		box-sizing : border-box;
		width : 100%;
		padding : 10px;
		margin-bottom : 5px;
		white-space : normal;
		background : #e5e5e5;
	}
	.fieldbox3 .inner_box img{
		margin-top : 0;
		margin-bottom : 3px;
	}
	.fieldbox3 p.fieldtxt{
		padding-left : 0;
		padding-right : 0;
		margin-top : 0;
		margin-bottom : 0;
	}
}
.font{
	font-family : Hannari;
}
@media screen and ( max-width : 600px ){
	#messageB .imgTopmsg{
		top : 0;
	}
	#messageB .imgTopmsg p{
		padding-bottom : 25px;
		font-size : 10px;
	}
	#messageB .imgTopmsg p::after{
		top : 9px;
		left : 70px;
	}
	#messageB .imgToptxt p{
		padding-left : 30px;
	}
	#messageB .imgToptxt p.imgTopEn{
		margin-top : 12px;
		font-size : 12px;
	}
	#messageB .topArea .profile{
		padding : 15px;
		margin : -20px 0 25px auto;
		font-size : 12px;
	}
	#messageB .topArea .profile .ttl{
		margin-bottom : 10px;
		font-size : 18px;
	}
	#messageB .topArea .profile .name{
		margin-bottom : 10px;
		font-size : 16px;
	}
	#messageB .topArea .profile .link{
		margin-top : 15px;
		font-size : 13px;
	}
	#messageB .topArea .text ,
	#message .textArea p ,
	#message .textArea2 .box .txt ,
	#message .menuBox section p{
		font-size : 13px;
	}
	#message .textArea h2{
		font-size : 16px;
		letter-spacing : .2em;
	}
	#message .textArea2{
		padding-top : 0;
	}
	#message .textArea2 .box .txt{
		line-height : 2;
	}
	#message .textArea2 .box .txt h3{
		margin-bottom : 12px;
		font-size : 15px;
		letter-spacing : .1em;
	}
	#message .menuBox{
		padding : 50px 20px 0;
	}
	#message .menuBox h3{
		height : 80px;
		font-size : 20px;
		line-height : 1.5;
		letter-spacing : .1em;
	}
	#message .menuBox h3 span{
		font-size : 90px;
	}
	#message .menuBox section{
		margin-top : 40px;
	}
	#message .menuBox section h4{
		font-size : 15px;
	}
}
.news-part{
	padding : 5px;
	text-align : center;
	background-color : #0d6fb9;
}
.news-part.--red{
	background-color : #e11616;
}
.news-part a{
	font-size : 14px;
	color : #fff;
	-webkit-text-decoration : none;
	text-decoration : none;
	letter-spacing : .1em;
}
@media screen and ( max-width : 500px ){
	.news-part a{
		font-size : 12px;
		letter-spacing : 0;
	}
}
.news-part a:hover{
	color : silver;
}