@charset "UTF-8";
@font-face{
	font-family : couture-B;
	src : url( "../font/couture-bld.otf" ) format( "opentype" );
}
.add-page-main{
	font-size : 14px;
	color : #333;
}
.body-wrapper{
	overflow-x : hidden;
}
#footer{
	position : relative;
	z-index : 999;
}
.add-page-main *{
	box-sizing : border-box;
	-webkit-text-decoration : none;
	text-decoration : none;
}
.add-page-main figure{
	margin : 0;
	line-height : 0;
}
.add-page-main .f-bold{
	font-weight : 700;
}
.col-y{
	color : #f9bd00 ! important;
}
.text-center{
	text-align : center;
}
.disflex{
	display : flex;
	flex-wrap : wrap;
	justify-content : space-between;
}
.flex-1{
	flex : 1;
}
.wrapper{
	width : 100%;
	max-width : 1220px;
	padding : 0 10px;
	margin : 0 auto;
}
.sp-show{
	display : none;
}

/******************************************
***************** 契約書翻訳 ***************
******************************************/
#contract{
	background : #f3f3f3;
}
.contract-kv{
	padding : 90px 0;
	color : #fff;
	background : url( "../../../en/img/contract/contract-kv.jpg" ) center / cover;
}
.contract-kv h2{
	font-size : 60px;
	font-weight : 700;
	line-height : 1.2;
	text-align : center;
	letter-spacing : .1em;
}
.contract-kv .kv-en{
	font-size : "couture-B";
	font-size : 10px;
	text-align : center;
	text-transform : uppercase;
	letter-spacing : .3em;
}
.contract-kv .kv-txt ul{
	width : 49%;
	margin-top : 40px;
}
.contract-kv .kv-txt ul li{
	padding-left : 30px;
	margin-top : 15px;
	font-size : 20px;
	font-weight : 700;
	line-height : 1.5;
	background : url( "../../../en/img/contract/contract-icon-check.jpg" ) no-repeat left top 7px;
}
.contract-kv .kv-txt ul li span{
	display : inline;
	border-bottom : 1px solid #f9bd00;
}
.contract-link{
	margin : -30px 0 70px;
}
.contract-link ul li{
	width : 25%;
	padding : 0 7px;
}
.contract-link ul li a{
	position : relative;
	display : flex;
	align-items : center;
	width : 100%;
	height : 60px;
	padding : 0 5px 0 58px;
	font-weight : 700;
	line-height : 1.25;
	color : #666;
	background : #fff;
	box-shadow : 0 0 5px rgb( 0 0 0 / .1 );
}
.contract-link ul li a:hover{
	color : #fff;
	background : #005e93;
}
.contract-link ul li a:hover::after{
	position : absolute;
	bottom : 0;
	left : 50%;
	line-height : 1;
	content : url( "../../../en/img/contract/contract-icon-down.png" );
	transform : translate( -50% , 50% );
}
.contract-link ul li a::before{
	position : absolute;
	top : 50%;
	left : 20px;
	width : 23px;
	height : 23px;
	content : "";
	transform : translateY( -50% );
}
.contract-link ul li.link-work a::before{
	background : url( "../../../en/img/contract/contract-icon-trophy-y.png" ) no-repeat center / contain;
}
.contract-link ul li.link-work a:hover::before{
	background : url( "../../../en/img/contract/contract-icon-trophy-w.png" ) no-repeat center / contain;
}
.contract-link ul li.link-plan a::before{
	background : url( "../../../en/img/contract/contract-icon-plan-y.png" ) no-repeat center / contain;
}
.contract-link ul li.link-plan a:hover::before{
	background : url( "../../../en/img/contract/contract-icon-plan-w.png" ) no-repeat center / contain;
}
.contract-link ul li.link-introduce a::before{
	background : url( "../../../en/img/contract/contract-icon-user-y.png" ) no-repeat center / contain;
}
.contract-link ul li.link-introduce a:hover::before{
	background : url( "../../../en/img/contract/contract-icon-user-w.png" ) no-repeat center / contain;
}
.contract-link ul li.link-contact a::before{
	background : url( "../../../en/img/contract/contract-icon-contact-y.png" ) no-repeat center / contain;
}
.contract-link ul li.link-contact a:hover::before{
	background : url( "../../../en/img/contract/contract-icon-contact-w.png" ) no-repeat center / contain;
}
.contract-main{
	margin : 50px 0;
}
.contract-main-bg{
	position : relative;
	display : flex;
	align-items : center;
	width : calc( 50% + 80px );
}
.contract-main-bg::after{
	position : absolute;
	top : -20px;
	left : 0;
	width : 100%;
	height : calc( 100% + 40px );
	content : "";
	background : linear-gradient( to right , #d0d0d0 , #7a7979 );
	transform : skew( -15deg , 0deg );
	transform-origin : top right;
}
.contract-main-bottom .contract-main-bg::after{
	left : auto;
	right : 0;
	background : linear-gradient( to left , #005e93 , #004973 );
	transform : skew( -15deg , 0deg );
	transform-origin : bottom left;
}
.contract-main-top .contract-main-bg{
	justify-content : flex-end;
	padding : 0 90px 0 10px;
	margin-right : -90px;
}
.contract-main-bottom .contract-main-bg{
	padding : 0 10px 0 90px;
	margin-left : -90px;
}
.contract-bg-cont{
	position : relative;
	z-index : 1;
	display : flex;
	justify-content : center;
	width : 100%;
	max-width : 510px;
	font-family : Hannari;
	font-size : 30px;
	line-height : 1.3;
	color : #fff;
}
.contract-main-txt{
	position : relative;
	z-index : 3;
	display : flex;
	width : calc( 50% + 10px );
	padding : 25px;
	background : #fff;
}
.contract-txt-cont{
	max-width : 510px;
}
.contract-main-bottom .contract-main-txt{
	justify-content : flex-end;
}
.contract-contact{
	padding : 40px 0;
	margin-top : 70px;
	font-size : 24px;
	color : #005184;
	background : #dee3e5;
}
.contract-contact p{
	margin-bottom : 25px;
	font-family : Hannari;
}
#content .common-contact a ,
#content .contract-contact a{
	position : relative;
	display : inline-block;
	width : 300px;
	height : 60px;
	padding-left : 55px;
	font-size : 18px;
	line-height : 60px;
	color : #fff;
	background : #ee8827;
	border-radius : 8px;
}
#content .common-contact a:hover ,
#content .contract-contact a:hover{
	filter : opacity( .65 );
	opacity : .65;
}
#content .common-contact a::before ,
#content .contract-contact a::before{
	position : absolute;
	top : 50%;
	left : 28px;
	line-height : 0;
	content : url( "../../images/multilingual/ui/icon/contact.png" );
	transform : translateY( -50% );
}
#contract section{
	margin-top : 80px;
}
#contract section .sec-header-img figure{
	position : relative;
}
#contract section .sec-header-img figure::before ,
#contract section .sec-header-img figure::after{
	position : absolute;
	top : 50%;
	width : calc( 50% - 30px );
	height : 1px;
	content : "";
	background : #bababa;
}
#contract section .sec-header-img figure::before{
	left : 0;
}
#contract section .sec-header-img figure::after{
	right : 0;
}
#contract section h3{
	margin : 25px 0 60px;
	font-family : Hannari;
	font-size : 34px;
	line-height : 1.2;
	color : #004973;
	text-align : center;
}
#contract section#work h3{
	margin-bottom : 70px;
}
#contract section#work ul li + li{
	margin-top : 40px;
}
#contract section h4{
	margin-bottom : 30px;
	font-size : 22px;
	font-weight : 700;
	line-height : 1.2;
	text-align : center;
}
#contract section#work ul li .work-cont{
	align-items : center;
}
#contract section#work ul li .work-cont figure ,
#contract section#work ul li .work-cont p{
	width : 49%;
	margin-bottom : 20px;
}
#contract section#plan .plan-cont{
	max-width : 940px;
	margin : 0 auto;
}
#contract section#plan .plan-cont .text-center{
	margin-bottom : 25px;
}
#contract section#plan .scroll-txt{
	display : none;
}
#contract section#plan .table-wrapper{
	overflow-x : scroll;
}
#contract section#plan table{
	line-height : 1.3;
	table-layout : fixed;
	background : #fff;
	border : 1px solid #cacaca;
}
#contract section#plan table tr th{
	width : 190px;
	min-width : 130px;
	font-weight : 700;
	background : #efefef;
}
#contract section#plan table tr th ,
#contract section#plan table tr td{
	padding : 20px;
	border : 1px solid #cacaca;
}
#contract section#plan table tr td{
	width : 250px;
	min-width : 200px;
}
#contract section#plan table thead td{
	font-weight : 700;
	text-align : center;
}
#contract section#plan table tbody td{
	vertical-align : top;
}
#contract section#plan table tbody td ul li{
	padding-left : 10px;
	margin-bottom : 20px;
}
#contract section#plan table tbody td ul.message li ,
#contract section#plan table tbody td ul.check li{
	position : relative;
	padding-left : 30px;
}
#contract section#plan table tbody td ul.message li::before{
	position : absolute;
	top : 2px;
	left : 0;
	content : url( "../../../en/img/contract/contract-icon-message.png" );
}
#contract section#plan table tbody td ul.check li::before{
	position : absolute;
	top : 0;
	left : 0;
	content : url( "../../../en/img/contract/contract-icon-case.png" );
}
#contract section#plan table tbody td ul li p span{
	font-size : 130%;
}
#contract section#plan .f-12{
	margin-top : 20px;
	font-size : 12px;
}
#contract section#plan .balance{
	margin-top : 70px;
}
#contract section#plan .balance .balance-kv{
	width : 100%;
	height : 350px;
	background : url( "../../../en/img/contract/contract-balance.jpg" ) center / auto 100%;
}
#contract section#plan .balance .balance-txt{
	position : relative;
	z-index : 2;
	max-width : 920px;
	padding : 20px;
	margin : -35px auto 0;
	background : #fff;
}
#contract section#introduce ul{
	max-width : 700px;
	margin : 0 auto;
}
#contract section#introduce ul li{
	width : 48%;
	margin-top : 40px;
	color : #033333;
	background : #fff;
}
#contract section#introduce ul li a:hover{
	display : block;
	filter : opacity( .65 );
	opacity : .65;
}
#contract section#introduce ul li div{
	padding : 20px 30px 30px;
}
#contract section#introduce ul li div .list-name{
	font-size : 18px;
	font-weight : 700;
}
#contract section#introduce ul li div .introduce-link{
	margin-top : 10px;
	color : #f9bd00;
	background : url( "../../../en/img/contract/contract-icon-right.png" ) no-repeat bottom / 100% auto;
}
@media ( max-width : 768px ){
	.contract-kv .kv-txt{
		padding : 0 20px;
	}
	.contract-kv .kv-txt ul + ul{
		margin-top : 0;
	}
	.contract-kv .kv-txt ul ,
	#contract section#work ul li .work-cont figure ,
	#contract section#work ul li .work-cont p{
		width : 100%;
	}
	.contract-link ul li{
		width : 50%;
		margin-bottom : 20px;
	}
	.contract-main-bg{
		justify-content : center ! important;
		width : 100% ! important;
		padding : 80px 30px 120px ! important;
		margin : 0 ! important;
	}
	.contract-main-bg::after{
		top : 0;
		height : 100%;
		transform : none ! important;
	}
	.contract-main-txt{
		justify-content : center ! important;
		width : calc( 100% - 40px ) ! important;
		margin : -40px 20px 0 ! important;
	}
	.contract-main-bottom{
		flex-direction : column-reverse;
	}
}
@media ( max-width : 735px ){
	#contract section#plan .scroll-txt{
		display : block;
	}
}
@media ( max-width : 480px ){
	.sp-hide{
		display : none;
	}
	.sp-show{
		display : block;
	}
	.contract-kv h2{
		font-size : 48px;
	}
	.contract-link ul{
		justify-content : center;
	}
	.contract-link ul li{
		width : 100%;
		max-width : 265px;
	}
	#contract section#introduce ul li{
		width : 100%;
	}
	#contract section#plan table tr th ,
	#contract section#plan table tr td{
		padding : 20px 10px;
	}
}

/******************************************
************** 実績・お客様の声 ************
******************************************/
.fix-side{
	width : 220px;
	padding-left : 20px;
}
@media print , screen and ( width > 750px ){
	.fix-side{
		position : sticky;
		top : 0;
	}
}
.fix-side a:hover{
	filter : opacity( .65 );
	opacity : .65;
}
.fix-side.fixed{
	position : fixed;
	top : 0;
	right : calc( 50% - 600px );
}
#voice-page h2{
	margin-bottom : 30px;
	font-size : 24px;
	font-weight : 700;
	color : #001e42;
}
#voice-page .voice-page-wrapper{
	margin-top : 40px;
}
.side-page-cont{
	/* width: calc(100% - 220px); */
	width : calc( 100% - 270px );
}
#voice-page section{
	margin-bottom : 80px;
}
#voice-page section .voice-num{
	position : relative;
	z-index : 2;
	margin-bottom : -30px;
	text-align : center;
}
#voice-page section .voice-num span{
	display : inline-block;
	width : 300px;
	height : 60px;
	font-size : 24px;
	font-weight : 700;
	line-height : 60px;
	color : #fff;
	text-transform : uppercase;
	background : #0182c5;
}
#voice-page section .voice-kv{
	display : flex;
	align-items : center;
	justify-content : center;
	height : 240px;
	padding : 15px 10px 0;
	color : #446575;
}
#voice-page section#voice1 .voice-kv{
	max-width : 1080px;
	height : 300px;
	margin : 0 auto;
	border : 1px solid #000;
}
#voice-page section#voice2 .voice-kv{
	max-width : 1080px;
	height : 300px;
	margin : 0 auto;
	border : 1px solid #000;
}
#voice-page section#voice3 .voice-kv{
	max-width : 1080px;
	height : 300px;
	margin : 0 auto;
	border : 1px solid #000;
}
#voice-page section#voice4 .voice-kv{
	max-width : 1080px;
	height : 300px;
	margin : 0 auto;
	border : 1px solid #000;
}
#voice-page section#voice5 .voice-kv{
	max-width : 1080px;
	height : 300px;
	margin : 0 auto;
	border : 1px solid #000;
}
#voice-page section#voice6 .voice-kv{
	max-width : 1080px;
	height : 300px;
	margin : 0 auto;
	border : 1px solid #000;
}
#voice-page section#voice7 .voice-kv{
	max-width : 1080px;
	height : 300px;
	margin : 0 auto;
	border : 1px solid #000;
}
#voice-page section#voice8 .voice-kv{
	max-width : 1080px;
	height : 300px;
	margin : 0 auto;
	border : 1px solid #000;
}
#voice-page section .voice-kv .voice-ttl{
	margin : 10px 0;
	font-size : 24px;
	line-height : 1.2;
}
#voice-page section .voice-txt{
	padding : 25px 15px;
	background : #f3f6f8;
}
#voice-page section .voice-txt h3{
	max-width : 600px;
	margin : 0 auto;
	margin-bottom : 20px;
	font-size : 18px;
	font-weight : 700;
	color : #0182c5;
	text-align : center;
}
#voice-page section .voice-txt p{
	max-width : 720px;
	margin : 0 auto;
}
#voice-page section .voice-plan{
	padding : 25px 15px;
	font-weight : 700;
	color : #003c83;
	background : #e8e8e8;
}
#voice-page section .voice-plan span{
	color : #333;
}
#voice-page section#voice4 .disflex{
	max-width : 720px;
	margin : 15px auto 0;
}
#voice-page section#voice4 .voice-right{
	flex : 1;
	padding-left : 20px;
}
#voice-page section#voice4 .voice-right .f-bold{
	margin-bottom : 25px;
}
#voice-page .partner-list{
	margin-top : 50px;
}
#voice-page .partner-list h3{
	padding : 20px 0;
	font-size : 24px;
	font-weight : 700;
	border-bottom : 1px solid #999;
}
#voice-page .partner-list ul li{
	width : 49%;
	margin-top : 50px;
}
#voice-page .partner-list ul li h4{
	margin-bottom : 30px;
	font-size : 18px;
}
.ma_50{
	margin : 50px auto;
}
#voice-page .fix-side ul li{
	height : 60px;
	margin-bottom : 3px;
	font-weight : 700;
}
#voice-page .fix-side .side-num ul li{
	display : flex;
	align-items : center;
	justify-content : center;
	font-size : 8px;
	line-height : 1.2;
	color : #fff;
	text-align : center;
	text-transform : uppercase;
	background : #0182c5;
}
#voice-page .fix-side .side-num ul li .num{
	font-size : 20px;
}
#voice-page .fix-side .side-txt{
	width : 155px;
}
#voice-page .fix-side .side-txt ul li a{
	display : flex;
	align-items : center;
	width : 155px;
	height : 60px;
	padding : 0 13px;
	line-height : 1.3;
	color : #0182c5;
	background : #e8e8e8;
}
@media ( max-width : 768px ){
	.fix-side{
		display : none;
	}
	.side-page-cont{
		width : 100%;
	}
}
@media ( max-width : 480px ){
	#voice-page section .voice-kv .voice-ttl{
		font-size : 20px;
	}
	#voice-page section .voice-plan{
		text-align : left;
	}
	#voice-page .partner-list ul li{
		width : 100%;
	}
	#voice-page section#voice4 figure{
		margin-bottom : 20px;
	}
	#voice-page section#voice4 .voice-right{
		padding-left : 0;
	}
}

/******************************************
*************** よくあるご質問 *************
******************************************/
#faq-page .faq-kv{
	background : url( "../../images/multilingual/faq/faq-kv.jpg" ) right center / cover;
}
#faq-page .faq-kv-txt{
	width : 60%;
	padding : 45px 20px;
	color : #fff;
}
#faq-page .faq-kv-txt h2{
	font-size : 24px;
	font-weight : 700;
}
#faq-page section{
	margin-top : 35px;
}
#faq-page section .faq-ttl{
	align-items : center;
	font-weight : 700;
}
#faq-page section .faq-ttl .all-open{
	width : 90px;
	color : #042246;
	text-align : right;
	cursor : pointer;
}
#faq-page section .faq-ttl .all-open:hover{
	-webkit-text-decoration : underline;
	text-decoration : underline;
}
#faq-page section h3{
	font-size : 20px;
	line-height : 1.2;
}
#faq-page section ul li{
	margin-top : 10px;
	line-height : 1.25;
}
#faq-page section ul li .question{
	position : relative;
	padding : 12px 50px 12px 20px;
	font-size : 16px;
	font-weight : 700;
	cursor : pointer;
	background : #fff;
	border : 1px solid #999;
}
#faq-page section ul li .question::after{
	position : absolute;
	top : 50%;
	right : 20px;
	font-size : 28px;
	line-height : 1;
	content : "+";
	transform : translateY( -60% );
}
#faq-page section ul li .question:hover{
	color : #fff;
	background : #0182c5;
}
#faq-page section ul li.active .question{
	color : #fff;
	background : #042246;
}
#faq-page section ul li.active .question::after{
	content : "－";
}
#faq-page section ul li .answer{
	display : none;
	padding : 12px 20px;
	background : #f6f6f6;
	border : 1px solid #999;
	border-top : none;
}
#faq-page section ul li .answer span{
	font-size : 16px;
}
@media ( max-width : 480px ){
	#faq-page .faq-kv{
		background : url( "../../../en/img/company/faq-kv-sp.jpg" ) no-repeat right bottom / cover;
	}
	#faq-page .faq-kv-txt{
		width : 200px;
		padding : 45px 15px;
	}
}
.answer{
	overflow : hidden;
}

/******************************************
****************** 会社案内  ****************
******************************************/
#company-page .company-kv{
	position : relative;
	height : 270px;
	background : url( "../../images/multilingual/aboutus/company-kv.jpg" ) no-repeat right center / auto 100%;
}
#company-page .company-kv-txt{
	position : absolute;
	top : 50%;
	left : 0;
	padding : 20px 30px;
	line-height : 1.6;
	color : #fff;
	background : linear-gradient( to right , #0080c3 , #2eb6fd );
	transform : translateY( -50% );
}
#company-page .company-kv-txt h2{
	position : relative;
	font-size : 24px;
	font-weight : 700;
}
#company-page .company-kv-txt h2::before{
	position : absolute;
	top : calc( 50% - 1px );
	left : -30px;
	width : 20px;
	height : 2px;
	content : "";
	background : #fff;
}
#company-page section{
	margin-top : 75px;
}
#company-page .sec-ttl{
	align-items : center;
}
#company-page .sec-ttl h3{
	margin-right : 30px;
	font-family : Bebas;
	font-size : 44px;
	text-transform : uppercase;
	background : linear-gradient( to right , #0080c3 0% , #2eb6fd 100% );
	-webkit-background-clip : text;
	-webkit-text-fill-color : transparent;
}
#company-page .sec-ttl .ttl-line{
	height : 2px;
	background : #0080c3;
}
#voice-page .sec-ttl{
	align-items : center;
}
#voice-page .sec-ttl h3{
	margin-right : 30px;
	font-family : Bebas;
	font-size : 44px;
	text-transform : uppercase;
	background : linear-gradient( to right , #0080c3 0% , #2eb6fd 100% );
	-webkit-background-clip : text;
	-webkit-text-fill-color : transparent;
}
#voice-page .sec-ttl .ttl-line{
	height : 2px;
	background : #0080c3;
}
#company-page section.who ul{
	margin-top : 20px;
}
#company-page section.who ul li{
	width : 16%;
	padding : 20px 5px;
	font-weight : 700;
	line-height : 1.25;
	text-align : center;
	background : #f0f0f0;
}
#company-page section.who ul li figure{
	margin-bottom : 20px;
}
#company-page .company-man{
	position : relative;
	padding : 45px 30% 45px 5%;
	margin-top : 80px;
	font-family : HonokaMincho;
	font-size : 30px;
	line-height : 1.2;
	color : #0182c5;
	background : linear-gradient( to left , #fff 10% , #f0f0f0 10% );
}
#company-page .company-man figure{
	position : absolute;
	bottom : 0;
	right : 0;
	width : 43%;
}
#company-page .company-man figure img{
	width : 100%;
}
#company-page .company-profile .profile-list{
	max-width : 800px;
	margin : 0 auto;
	margin-top : 30px;
}
#company-page .company-profile .profile-list dl{
	display : flex;
	flex-wrap : wrap;
	justify-content : space-between;
	padding : 15px 0;
	border-top : 1px solid #c4c4c4;
}
#company-page .company-profile .profile-list dl dt{
	width : 170px;
	font-weight : 700;
	color : #011f43;
}
#company-page .company-profile .profile-list dl dt span{
	font-weight : 400;
}
#company-page .company-profile .profile-list dl dd{
	flex : 1;
}
#company-page .company-profile .profile-list dl dd ul.company-office li + li{
	margin-top : 15px;
}
#company-page .company-profile .profile-list dl dd ul.company-office li figure{
	margin-right : 10px;
}
#company-page .company-profile .profile-list dl dd ul.partner-list li{
	width : 49%;
}
@media ( max-width : 480px ){
	#company-page .company-kv-txt{
		top : 30%;
	}
	#company-page section.who ul li{
		width : 48%;
		margin-bottom : 15px;
	}
	#company-page .company-man{
		padding : 45px 5% 0;
		text-align : center;
		background : #f0f0f0;
	}
	#company-page .company-man figure{
		position : relative;
		width : 100%;
		margin-top : 20px;
	}
	#company-page .company-profile .profile-list dl dt{
		width : 100%;
		margin-bottom : 10px;
	}
	#company-page .company-profile .profile-list dl dd ul.company-office li{
		flex-direction : column-reverse;
	}
	#company-page .company-profile .profile-list dl dd ul.company-office li figure{
		margin : 10px 0 0;
	}
	#company-page .company-profile .profile-list dl dd ul.partner-list li{
		width : 100%;
	}
	#company-page .company-profile .profile-list dl dd ul.partner-list li + li{
		margin-top : 15px;
	}
}

