@charset "UTF-8";
.contentWrapper { position: relative; z-index: 10; }
.contentWrapper section { background: #fff; padding: 4%; }
.contentWrapper #content { background: #fff; }
/* flexHigh */
@media screen and (max-width: 889px) {
	.in-flex { display: flex; flex-direction: column; }
	.in-flex-Img { order: 1; height: 150px; }
	
	#anch01 .in-flex-Img { background: url("../img/common/bg01.png") center center no-repeat; background-size: cover; }
	#anch02 .in-flex-Img { background: url("../img/common/bg02.png") center center no-repeat; background-size: cover; }
	#anch03 .in-flex-Img { background: url("../img/common/bg03.png") center center no-repeat; background-size: cover; }
	
	.in-flex-Txt { order: 2; padding: 6% 4%; }
	.in-flex-Txt .ttl02 { text-align: left; margin-bottom: 10px; font-size: 1.4rem; line-height: 1.7; color: #333; }
	.in-flex-Txt .ttl02 span.subTtl02 { font-size: 0.7em; color: #333;}
	.in-flex-Txt .grad-bar { margin-bottom: 20px;}
	.in-flex-Txt .ttl03 { margin-bottom: 10px; }
	.in-flex-Txt .ttl03 span { font-size: 0.9rem; border: 1px solid #999; padding: 2px 20px; color: #333; }
	.in-flex-Txt p { font-size: 0.85rem; }
	.in-flex-Txt p.txt { margin-bottom: 20px; }
}
@media screen and (min-width: 600px) and (max-width: 889px) {
	.in-flex-Img { height: 300px; }
	.in-flex-Txt .ttl02 { font-size: 1.8rem; }
	.in-flex-Txt .ttl03 span { font-size: 0.9rem; }
	.in-flex-Txt p { font-size: 0.9rem; }
}
@media screen and (min-width: 900px) {	
	.in-flex { display: flex; justify-content: space-between; align-items:center; }
	.in-flex-Img { width: 42%; border-radius: 6px; }
	.in-flex-Txt { width: 54%; z-index: 1; padding: 5vh 4%; background: #fff; z-index: 1; }
	.in-flex-Txt .ttl02 { text-align: left; margin-bottom: 20px; font-size: 2.4rem; line-height: 1.4; color: #333; }
	.in-flex-Txt .grad-bar { margin-bottom: 20px;}
	.in-flex-Txt .ttl02 span.subTtl02 { font-size: 0.7em; color: #333;}
	.in-flex-Txt .ttl03 { margin-bottom: 10px; }
	.in-flex-Txt .ttl03 span { font-size: 1.2rem; border: 1px solid #999; padding: 5px 20px; color: #333; }
	.in-flex-Txt p.txt { margin-bottom: 40px; }
	#anch01 .in-flex-Img { background: url("../img/common/bg01.png") center center no-repeat; background-size: cover; }
	#anch02 .in-flex-Img { background: url("../img/common/bg02.png") center center no-repeat; background-size: cover; }
	#anch03 .in-flex-Img { background: url("../img/common/bg03.png") center center no-repeat; background-size: cover; }
	
	#anch04 .in-flex-L { width: 30%; }
	#anch04 .in-flex-Card { width: 66%; }
	
	.in-flex-Txt .box_link_btn_L:last-child { margin-bottom: 0px; }
}
@media screen and (min-width: 900px) and (max-width: 1089px) {
	.in-flex-Txt .ttl02 { font-size: 1.9rem; }
	.in-flex-Txt .ttl03 span { font-size: 1.1rem; }
	.in-flex-Txt p { font-size: 0.9rem; }
}
@media screen and (min-width: 1090px) and (max-width: 1189px) {
	.in-flex-Txt .ttl02 { font-size: 2.0rem; }
	.in-flex-Txt .ttl03 span { font-size: 1.15rem; }
	.in-flex-Txt p { font-size: 0.95rem; }
}
@media screen and (min-width: 1190px) {
	.in-boxLink { display: flex; justify-content: flex-start; }
	.in-boxLink .box_link_btn_L { margin-right: 10px; margin-bottom: 0px; }
	.in-boxLink .box_link_btn_L:last-child { margin-right: 0px; }
}
@media screen and (min-width: 1190px) and (max-width: 1289px) {
	.in-flex-Txt .ttl02 { font-size: 2.1rem; }
	.in-flex-Txt .ttl03 span { font-size: 1.1rem; }
}
@media screen and (min-width: 1290px) and (max-width: 1389px) {
	.in-flex-Txt .ttl02 { font-size: 2.2rem; }
	.in-flex-Txt .ttl03 span { font-size: 1.15rem; }
}
@media screen and (min-width: 1390px) and (max-width: 1489px) {
	.in-flex-Txt .ttl02 { font-size: 2.3rem; }
	.in-flex-Txt .ttl03 span { font-size: 1.15rem; }
}

.gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code { color: #fff; }