@charset "UTF-8";
:root{
	--body : #333;
	--link : #333;
	--red : #a5c13a;
	--gray : #e7e7e7;
}
#form p{
	letter-spacing : 0;
}
#form dl{
	letter-spacing : 0;
}
#form dl > div{
	display : flex;
}
#form dt , #form dd{
	border-bottom-style : solid;
}
#form dt{
	flex-shrink : 0;
	border-bottom-color : var(--red);
}
#form dt label{
	width : 100%;
	height : 100%;
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
}
#form dd{
	border-bottom-color : #d2c9ba;
}
#form input[type="text"]{
	background-color : #efefef;
	border : 0;
}
#form select{
	border-style : solid;
	border-color : #efefef;
	background-color : #fff;
	background-image : url("../images/ui/icon/triangle.svg");
	background-repeat : no-repeat;
}
#form input[type="submit"]{
	background-color : var(--red);
	color : #fff;
	display : flex;
	align-items : center;
	justify-content : center;
	text-align : center;
	margin-left : auto;
	margin-right : auto;
	letter-spacing : 0;
	background-image : url("../images/ui/icon/search.svg");
	background-repeat : no-repeat;
}
@media screen and (max-width: 768px){
	#form .wrap{
		padding-top : calc( ( 40 - 7 ) * 100vw / 768 );
		padding-bottom : calc( 116 * 100vw / 768 );
	}
	#form p{
		font-size : 2.6rem;
		line-height : 1.54;
	}
	#form .title01{
		margin-top : calc( ( 85 - 7 ) * 100vw / 768 );
	}
	#form dt , #form dd{
		padding-top : calc( 35 * 100vw / 768 );
		padding-bottom : calc( 8 * 100vw / 768 );
		border-width : calc( 3 * 100vw / 768 );
	}
	#form dt{
		width : calc( 200 * 100% / 720 );
	}
	#form dt label{
		font-size : 2.6rem;
	}
	#form dd{
		flex-grow : 1;
		padding-left : calc( 32 * 100% / 520 );
	}
	#form input[type="text"] , #form select{
		height : calc( 60 * 100vw / 768 );
		font-size : 2.6rem;
		padding-left : calc( 18 * 100vw / 768 );
		padding-right : calc( 18 * 100vw / 768 );
	}
	#form input[type="text"]{
		width : 100%;
	}
	#form select{
		border-width : calc( 6 * 100vw / 768 );
		background-position : top 50% right calc( 16 * 100vw / 768 );
		background-size : calc( 16 * 100vw / 768 ) auto;
	}
	#form select.m{
		width : 100%;
	}
	#form select.s{
		width : calc( 182 * 100vw / 768 );
	}
	#form select + select{
		margin-left : calc( 14 * 100vw / 768 );
	}
	#form span{
		font-size : 2.6rem;
		display : block;
	}
	#form input[type="submit"]{
		width : calc( 400 * 100% / 720 );
		height : calc( 60 * 100vw / 768 );
		margin-top : calc( 46 * 100vw / 768 );
		background-position : top 50% right  calc( 131 * 100vw / 768 );
		background-size : auto calc( 28 * 100vw / 768 );
		padding-right : calc( 39 * 100vw / 768 );
		font-size : 2.6rem;
	}
}
@media print,screen and (min-width: 769px){
	#form .wrap{
		padding-top : 48px;
		padding-bottom : 93px;
	}
	#form p{
		text-align : center;
		font-size : 1.6rem;
	}
	#form .title01{
		margin-top : 46px;
	}
	#form dl{
		margin-top : 12px;
		display : flex;
		flex-wrap : wrap;
		width : 1000px;
		margin-left : auto;
		margin-right : auto;
	}
	#form dl > div:not(.w50){
		width : 100%;
	}
	#form dl > div:not(.w50) dd{
		flex-grow : 1;
	}
	#form dl > div.w50 dd{
		width : 350px;
	}
	#form dt , #form dd{
		padding-top : 16px;
		padding-bottom : 8px;
		border-bottom-width : 3px;
	}
	#form dt{
		width : 150px;
	}
	#form dt label{
		font-size : 1.6rem;
	}
	#form dd{
		padding-left : 15px;
		padding-right : 15px;
	}
	#form input[type="text"] , #form select{
		height : 48px;
		padding-left : 21px;
		padding-right : 21px;
		font-size : 1.6rem;
	}
	#form input[type="text"]{
		width : 521px;
	}
	#form select{
		border-width : 3px;
		background-position : top 50% right 15px;
		background-size : 16px auto;
	}
	#form select.m{
		width : 299px;
	}
	#form select.s{
		width : 132px;
	}
	#form span{
		font-size : 1.6rem;
		margin-left : 9px;
		margin-right : 9px;
	}
	#form select + select{
		margin-left : 8px;
	}
	#form input[type="submit"]{
		width : 265px;
		height : 50px;
		margin-top : 20px;
		font-size : 1.6rem;
		background-position : top 50% right 88px;
		padding-right : 23px;
		background-size : auto 19px;
	}
}
/*--------------------------------------------
FIELD
---------------------------------------------*/
#field form{
	letter-spacing : 0;
}
#field a{
	text-decoration : underline;
}
#field .kind{
	display : flex;
	align-items : center;
	justify-content : space-between;
	border-style : solid;
	backface-visibility : hidden;
	will-change : border-color;
	transition : border-color .3s ease-in;
}
#field .kind:not(.is-toggle){
	border-color : #e7e7e7;
}
#field .kind.is-toggle{
	border-color : var(--red);
}
#field .kind a{
	flex-grow : 1;
}
#field .kind:only-child{
	background-image : url("../images/ui/icon/arrow03.png");
	background-repeat : no-repeat;
}
#field button{
	display : block;
	background-position : center;
	background-repeat : no-repeat;
	background-image : url("../images/ui/icon/menu.png");
	backface-visibility : hidden;
	will-change : background-image;
	flex-shrink : 0;
	margin-left : 1em;
}
#field .kind:not(.is-toggle) button{
	background-image : url("../images/ui/icon/menu.png");
}
#field .kind.is-toggle button{
	background-image : url("../images/ui/icon/close02.png");
}
#field .field{
	overflow : hidden;
	max-height : 0;
	transition : max-height .3s ease-in;
}
#field .kind.is-toggle + .field{
	max-height : 100vh;
}
@media screen and (max-width: 768px){
	#field .wrap{
		padding-bottom : calc( 234 * 100vw / 768 );
	}
	#field .box{
		margin-top : calc( 55 * 100vw / 768 );
	}
	#field .box > li + li{
		margin-top : calc( 20 * 100vw / 768 );
	}
	#field .row > li + li{
		margin-top : calc( 20 * 100vw / 768 );
	}
	#field .kind{
		border-width : calc( 3 * 100vw / 768 );
		height : calc( 80 * 100vw / 768 );
		padding-left : calc( 26 * 100vw / 768 );
		padding-right : calc( 24 * 100vw / 768 );
	}
	#field .kind a{
		font-size : 2.6rem;
	}
	#field .kind:only-child{
		background-position : top 50% right calc( 24 * 100vw / 768 );
		background-size : auto calc( 22 * 100vw / 768 );
	}
	#field button{
		width : calc( 28 * 100vw / 768 );
		height : calc( 28 * 100vw / 768 );
	}
	#field .kind:not(.is-toggle) button{
		background-size : auto calc( 22 * 100vw / 768 );
	}
	#field .kind.is-toggle button{
		background-size : auto calc( 23 * 100vw / 768 );
	}
	#field .field > li:first-child{
		margin-top : calc( ( 23 - 5 ) * 100vw / 768 );
	}
	#field .field > li:last-child{
		margin-bottom : calc( ( 23 - 5 ) * 100vw / 768 );
	}
	#field .field li + li{
		margin-top : calc( 30 * 100vw / 768 );
	}
	#field .field ul{
		margin-top : calc( 30 * 100vw / 768 );
	}
	#field .field a{
		font-size : 2.6rem;
		line-height : 1.38;
		padding-left : calc( 22 * 100vw / 768 );
		padding-right : calc( 22 * 100vw / 768 );
	}
	#field .field ul a{
		padding-left : 2em;
		padding-right : 2em;
	}
}
@media print,screen and (min-width: 769px){
	#field .wrap{
		padding-bottom : 43px;
	}
	#field .box{
		margin-top : 36px;
		display : flex;
		align-items : flex-start;
		justify-content : space-between;
	}
	#field .box > li{
		width : 340px;
	}
	#field .row > li + li{
		margin-top : 10px;
	}
	#field .kind{
		border-width : 3px;
		height : 50px;
		padding-left : 13px;
		padding-right : 10px;
	}
	#field .kind a{
		font-size : 1.8rem;
	}
	#field .kind:only-child{
		background-position : top 50% right 13px;
		background-size : auto 22px;
	}
	#field button{
		width : 28px;
		height : 28px;
	}
	#field .kind:not(.is-toggle) button{
		background-size : auto 22px;
	}
	#field .kind.is-toggle button{
		background-size : auto 23px;
	}
	#field .field > li:first-child{
		margin-top : calc( 15px - 4px );
	}
	#field .field > li:last-child{
		margin-bottom : calc( 22px - 4px );
	}
	#field .field li + li{
		margin-top : 10px;
	}
	#field .field ul{
		margin-top : 10px;
	}
	#field .field a{
		font-size : 1.6rem;
		line-height : 1.5;
		padding-left : 13px;
		padding-right : 13px;
	}
	#field .field ul a{
		padding-left : 2em;
		padding-right : 2em;
	}
}
.isWebp #field .kind.is-toggle button{
	background-image : url("../images/ui/icon/close02.png.webp");
}
/*# sourceMappingURL=../maps/translation.css.map */