/* Media Query
======================================================================================= */
/* =Mobile (Portrait) */
@media screen and (max-width: 750px) {


	.modepc{display:none!important;}
	.modesp{display:block!important;}

	body{
		width: 100%;
		-webkit-text-size-adjust: 100%;
		padding-top: 13.3vw;
	}
	#wrap {
		min-width: inherit;
	}
	.inner{
		max-width: 670px;
		margin: 0 5%;
	}
 img{
	 width: 100%;
 }
	/* header
	-------------------------------------------*/
	#wrap header {
		min-width: inherit;
	}
	#wrap header > .inner{
		height: 13.3vw;
		padding: 2vw 0 0 0;
	}
	#h_logo{
		width: 46vw;
		margin: 1vw 0 2vw 0;
	}
	#btn_h_contact{
		display: none;
	}

	#btn_menu{
		top: 2vw;
		right: 5%;
		width: 6.2vw;
	}

	/* Global Menu */
	#g_menu{
		height: 100vh;
		padding: 0;
		overflow-y: auto;
		-ms-overflow-style: none;
	}
	#g_menu .close{
		top: 2vw;
		right: 5.3vw;
		width: 6.2vw;
	}
	#g_menu .inner{
		display: block;
		padding: 2vw 0 0 0;
	}
	#g_menu .logo_gm{
		width: 46vw;
		margin: 2vw 0;
	}
	#g_menu .logo_gm img{
		display: block;
	}
	#g_menu nav{
		position: absolute;
		top: 13.3vw;
		width: 90%;
		padding: 6.0vw 0 12.0vw 0;
		border-top: 2px solid #FFF;
	}
	#g_menu ul{
	}
	#g_menu ul.gm2{
		border-top: 2px solid #FFF;
	}
	#g_menu li{
		float: none;
		background-image: url(../img/arrow_l_wht.png);
		background-size: 2.2vw 3.3vw;
		font-size: 3.7vw;
		line-height: 1.0;
	}
	#g_menu li.exlink{
		background-size: 3.7vw 2.6vw;
	}

	#g_menu li.blk_spc{
		display:none;
	}

	#g_menu li a{
		font-size: 3.7vw;
	}
	#g_menu li:nth-child(odd),
	#g_menu li:nth-child(even){
		width: 100%;
		margin: 0 0 5.3vw 0;
	}

	#gmsd{
		display:none;
	}


	/* contents
	-------------------------------------------*/
	#wrap #contents {
		min-width: auto;
		padding-bottom: 8.0vw;
	}
	#wrap #contents .content{
		padding: 0 0 10.6vw 0;
	}
	#wrap #contents .content_tp{
		padding: 10.6vw 0;
	}
	#wrap #contents .content_tp_only{
		padding: 10.6vw 0 0 0;
	}


	#btn_cv{
		display: none;
		position: fixed;
		top: auto;
		bottom: 0;
		width: 86.4%;
		min-width: auto;
		height: 13.3vw;
	}
	#btn_cv a{
		float: none;
		width: 100%;
		height: 13.3vw;
		padding: 1.3vw 5.3vw;
		align-items: flex-start;
		border-right: 1px solid #FFF;
		background-size: 2.7vw 4.0vw;
	}
	#btn_cv a:hover{
		border: auto;
		color: auto;
		background-color: auto;
		background-image: auto;
	}
	#btn_cv a span{
		font-size: 4.3vw;
		font-weight: normal;
		line-height: 1.2;
	}
	#btn_cv a span:first-child{
		font-size: 3.2vw;
	}

	/* コンテンツ毎のナビゲーション */
	#content_nav{
		border-bottom: 2px solid #F1F1F1;
	}
	#breadcrumbs{
		position: relative;
	}
	#breadcrumbs ul{
		max-width: 83.0vw;
		padding: 2.3vw 0 3.3vw 0;
		margin: 0 5%;
		flex-wrap: wrap;
	}
	#breadcrumbs li{
		font-size: 2.7vw;
		line-height: 1.35;
		white-space: normal;
		margin: 0;
	}
	#breadcrumbs li a,
	#breadcrumbs li span{
		margin-right: 0.8vw;
		line-height: 1.35;
	}
	#breadcrumbs li:after{
		height: 2.7vw;
		margin: 0 0.2em 0 0.4em;
	}
	#btn_submenu{
		display: block;
		position: absolute;
		top: 50%;
		right: 5%;
		width: 4.8vw;
		height: auto;
		margin-top: -1.8vw;
	}

	/* サブメニュー */
	#submenu{
		display:none;
		padding: 6.7vw 0 4.0vw 0;
		background-color: #FFF;
		border-top: 2px solid #F1F1F1;
	}
	#submenu ul{
		display: block;
	}

	#submenu li{
		line-height: 2.8;
	}
	#submenu li:after{
		display: none;
	}

	#submenu li a,
	#submenu li span{
		display: block;
		font-size: 3.2vw;
	}
	#submenu li a{
		background: url(../img/arrow_l_gray.png) 100% center no-repeat;
		background-size: 2.1vw 3.2vw;
	}

	/* footer
	-------------------------------------------*/
	#wrap footer {
		border-top:none;
	}
	#wrap footer p{
		margin-bottom: 4.0vw;
		font-size: 3.2vw;
	}

	#wrap footer #foot_nav{
		padding: 0;
		border-top:none;
	}
	#foot_nav div.inner{
		display: block;
		padding: 8.5vw 0 10.6vw 0;
		border-top:2px solid #d92c1e;
	}
	#foot_nav #f_logo{
		width: auto;
		margin-bottom: 5.3vw;
	}
	#foot_nav #f_logo img{
		width: 42.0vw;
	}
	#foot_nav nav{
		width: auto;
		font-size: 3.2vw;
	}
	#foot_nav ul{
		padding: 0;
	}
	#foot_nav ul.gm1{
		padding-bottom: 4.0vw;
	}
	#foot_nav ul.gm2{
		padding-top: 6.6vw;
		border-top: 2px solid #999;
	}
	#foot_nav li{
		float: none;
		height: 4.8vw;
		margin-bottom: 5.3vw;
		background-image: url(../img/arrow_l_gray.png);
		background-size: 2.2vw 3.3vw;
		font-size: 3.2vw;
		line-height: 1.0;
}
	#foot_nav li a{
		color: #231815;
		font-size: 3.2vw;
		line-height: inherit;
	}
	#foot_nav li.exlink{
		background-size: 3.7vw 2.6vw;
	}
	#foot_nav li:nth-child(odd),
	#foot_nav li:nth-child(even){
		width: 100%;
	}

	#foot_nav li.blk_spc{
	display:none;
	}

	#wrap footer #foot_bottom{
		padding: 6.0vw 0 5.3vw 0;
	}
	#wrap footer #foot_bottom p{
		max-width: inherit;
		margin: 0 5%;
		font-size: 2.8vw;
		line-height: 1.5;
	}

	#foot_bottom .inner{
		justify-content: flex-start ;
		align-items: center;
	}
	#footcopy{
		width: 70vw;
		margin: 2.0vw 0 0 0;
	}
	#pmark, #jis{
		width: auto;
		height: 7.3vw;
		margin: 0 0 0 2.0vw;
	}
	#btn_top{
		display: none;
		bottom: 0;
		min-width: auto;
		height: 13.3vw;
	}
	#btn_top a{
		float: right;
		width: 13.6%;
		height: 13.3vw;
		margin: 0;
		background: #d92c1e url('../img/btn_top_sp.png') 0 0 no-repeat;
		background-size: contain;
	}
	#btn_top a img{
		display: none;
	}

#foot_banner_kurasel{
	background-color: #45b035;
	padding:5.2vw 0 8.0vw;
}

.foot_banner_pc{display:none;}
.foot_banner_sp{display:block;}

.foot_banner_ttl_sp{
	text-align:center;
	margin-bottom:5.2vw;
}
.foot_banner_ttl_sp span{
	position: relative;
	display: inline-block;
	color: #fff;
	font-size:4.0vw;
	line-height:1.66;
	font-weight:bold;
	padding: 0 10vw;
}

.foot_banner_ttl_sp span:before{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 12.6vw;
	height: 1px;
	background-color: #fff;
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
	left:0;
}
.foot_banner_ttl_sp span:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 12.6vw;
	height: 1px;
	background-color: #fff;
	-webkit-transform: rotate(-60deg);
	transform: rotate(-60deg);
	right:0;
}


/* Parts
======================================================================================= */
/* Font
	-------------------------------------------*/
	body{
		font-size: 3.7vw;
		line-height: 1.6;
	}

/* margin */
	.ma10 { margin: 1.3vw!important; }
	.ma15 { margin: 2.0vw!important; }
	.ma20 { margin: 2.6vw!important; }
	.ma25 { margin: 3.3vw!important; }
	.ma30 { margin: 4.0vw!important; }

	.mt10 { margin-top: 1.3vw!important; }
	.mt15 { margin-top: 2.0vw!important; }
	.mt20 { margin-top: 2.6vw!important; }
	.mt25 { margin-top: 3.3vw!important; }
	.mt30 { margin-top: 4.0vw!important; }
	.mt35 { margin-top: 4.6vw!important; }
	.mt40 { margin-top: 5.3vw!important; }
	.mt45 { margin-top: 6.0vw!important; }
	.mt50 { margin-top: 6.6vw!important; }

	.ml10 { margin-left: 1.3vw!important; }
	.ml15 { margin-left: 2.0vw!important; }
	.ml20 { margin-left: 2.6vw!important; }
	.ml25 { margin-left: 3.3vw!important; }
	.ml30 { margin-left: 4.0vw!important; }
	.ml35 { margin-left: 4.6vw!important; }
	.ml40 { margin-left: 5.3vw!important; }
	.ml45 { margin-left: 6.0vw!important; }
	.ml50 { margin-left: 6.6vw!important; }

	.mr10 { margin-right: 1.3vw!important; }
	.mr15 { margin-right: 2.0vw!important; }
	.mr20 { margin-right: 2.6vw!important; }
	.mr25 { margin-right: 3.3vw!important; }
	.mr30 { margin-right: 4.0vw!important; }
	.mr35 { margin-right: 4.6vw!important; }
	.mr40 { margin-right: 5.3vw!important; }
	.mr45 { margin-right: 6.0vw!important; }
	.mr50 { margin-right: 6.6vw!important; }

	.mb10 { margin-bottom: 1.3vw!important; }
	.mb15 { margin-bottom: 2.0vw!important; }
	.mb20 { margin-bottom: 2.6vw!important; }
	.mb25 { margin-bottom: 3.3vw!important; }
	.mb30 { margin-bottom: 4.0vw!important; }
	.mb35 { margin-bottom: 4.6vw!important; }
	.mb40 { margin-bottom: 5.3vw!important; }
	.mb45 { margin-bottom: 6.0vw!important; }
	.mb50 { margin-bottom: 6.6vw!important; }

	/* padding */
	.pa10 { padding: 1.3vw!important; }
	.pa15 { padding: 2.0vw!important; }
	.pa20 { padding: 2.6vw!important; }
	.pa25 { padding: 3.3vw!important; }
	.pa30 { padding: 4.0vw!important; }

	.pt10 { padding-top: 1.3vw!important; }
	.pt15 { padding-top: 2.0vw!important; }
	.pt20 { padding-top: 2.6vw!important; }
	.pt25 { padding-top: 3.3vw!important; }
	.pt30 { padding-top: 4.0vw!important; }

	.pl10 { padding-left: 1.3vw!important; }
	.pl15 { padding-left: 2.0vw!important; }
	.pl20 { padding-left: 2.6vw!important; }
	.pl25 { padding-left: 3.3vw!important; }
	.pl30 { padding-left: 4.0vw!important; }

	.pr10 { padding-right: 1.3vw!important; }
	.pr15 { padding-right: 2.0vw!important; }
	.pr20 { padding-right: 2.6vw!important; }
	.pr25 { padding-right: 3.3vw!important; }
	.pr30 { padding-right: 4.0vw!important; }

	.pb10 { padding-bottom: 1.3vw!important; }
	.pb15 { padding-bottom: 2.0vw!important; }
	.pb20 { padding-bottom: 2.6vw!important; }
	.pd25 { padding-bottom: 3.3vw!important; }
	.pb30 { padding-bottom: 4.0vw!important; }

/* Tag
======================================================================================= */
/* Hxタグ
------------------------------------------ */
	H1{
		margin-bottom: 9.3vw;
		font-size: 7.2vw;
		line-height: 1.29;
	}
	H1.typeB span{
		font-size: 4.5vw;
	}
	H2{
		margin-bottom: 5.3vw;
		font-size: 5.9vw;
		line-height: 1.45;
	}
	H2.typeB{height: 25.0vw;}
	H2.typeC{line-height: 1.22;}
	H2.typeC span{
		padding-bottom: 0.7vw;
		font-size: 3.7vw;
		line-height: 1.78;
	}
/*
	H2.typeD{
		height: 10.9vw;
	}
*/
	H2.typeD:after{
		width: 13.3vw;
		height: 4px;
		margin-top: 2.3vw;
	}
	H2.typeE{
		max-width: auto;
	}
	H2.typeE span{
		padding: 0 10.7vw;
		font-size: 4.8vw;
	}
	H2.typeF,
	H2.typeF_2{
		height: auto;
		padding: 4.0vw;
		font-size: 4.0vw;
	}
	H2.typeF_2{
		padding: 2.0vw 4.0vw;
		font-size: 3.0vw;
	}

	H3{
		margin-bottom: 2.0vw;
		font-size: 4.8vw;
	}
	H3.typeB span{
		font-size: 3.2vw;
	}
	H3.typeB i{
		display: inline-block;
		height: 6.7vw;
		margin-right: 2.6vw;
		padding: 0 2.0vw;
		color: #FFF;
		font-size: 4.5vw;
		font-style: normal;
		background-color: #D21518;
	}
	H3.typeB i:before{
		margin-right: 0;
		font-size: 3.2vw;
	}
	H3.point{
		position: relative;
		padding-left: 20.0vw;
	}
	H3.point i{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
	}


	H4{
		font-size: 4.5vw;
	}

	/* pタグ
	------------------------------------------ */
	p.ttl{
		font-size: 4.0vw;
	}
	/* aタグ
	------------------------------------------ */
	.a_exlink{
		padding-right: 8.0vw;
		background-size: 3.7vw 2.7vw;
	}
	.a_pdf{
		padding-right: 11.5vw;
		background-size: 3.7vw 4.5vw;
	}
	.a_pdf_in_text{
		padding-right: 5.7vw;
		background-size: 3.7vw 4.5vw;
	}
/* tableタグ
------------------------------------------ */
	table{
	}
	th, td{
		font-size: 3.5vw;
	}

	/* ピンチ・スクロール画像
	------------------------------------------ */
	.area_pinch{
		position: relative;
	}
	.area_pinch img.pinch{
		width: 25vw!important;
		position: absolute;
		right: 1.5vw;
		bottom: -8.5vw;
	}
	.area_scroll{
		display: flex;
		align-items: flex-start;
		justify-content: flex-end;
		margin-top: 1vw;
	}
	.area_scroll img.scroll{
		width: 32vw!important;
	}

}