@charset "UTF-8";


/***

ベース

***/
body{
	font-weight:normal;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	background: #fff;

}

nav{
	margin:0;
	padding:0;
}

/***

メニュー（左）+コンテンツ枠（右）

***/

#nav{
    display: block;
	width: 100%;
	height: 80px;
	margin: 0;
	padding: 0;
	position: fixed;
	z-index: 99999;
	top: 0;

}
#nav img{
	width: 100%;
	height: auto;
}	
@media print, screen and (max-width: 800px) {
#nav{
    display: block;
	width: 100%;
	height: 80px;
	margin: 0;
	padding: 0;
	position: fixed;
	z-index: 99999;
	top: 0;
	background: #fff;
}
}
/***

左固定ナビ（PC）

***/
.menu1{
	width: 80px;
	height: 80px;
	margin: 0;
	padding: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	cursor: pointer;
	z-index: 999999;
	top: 0;
	right: 0;
	background: rgba(255,255,255,0.5);
}

@media print, screen and (max-width: 800px) {
.menu1{
	width: 18.75%;
	width: 80px;
	height: auto;
}
.menu1.recruit_menu1{
	background: rgba(255,255,255,0);
}
}
.menu1 img{
	width: 100%;
	height: auto;
}



/***

メニューボタン

***/
#nv_box{
	width:100%;
	height:100%;
	position:fixed;
	top: 0;
	left: 0;
	z-index:9999;
	display:none;
}
@media print, screen and (max-width: 800px) {
#nv_box{
	background: rgba(0,0,0,0.8);
	background: rgba(255,255,255,0.85);
	background: rgba(255,255,255,1.0);
}
}
@media print, screen and (min-width: 801px) {
#nv_box{
/*	background-image: linear-gradient(to right, black 100px, rgba(0,0,0,0.8) 100px 100% );*/
	background: rgba(255,255,255,0.85);
	background: rgba(255,255,255,0.92);
}
}



.nv_btn1{
	width:100%;
	height:auto;
	top: 0;
	left: 0;
	cursor: pointer;
}


#nv_box1{
	width:100%;
	height:auto;
	margin: 0;
	padding: 0;
	position:absolute;
	position: relative;
	left:0;
	top:0;
	
	display:none;
/*	cursor: pointer;*/
}

.nv_link1{
	clear: both;
	width:100%;
	height:auto;
	margin: 0;
	padding: 10px 0;
	
	font-family: 'Noto Serif JP' , 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif ;
	font-weight: 400;
	font-size: 14px;
	line-height: 101%;
	text-align: center;
	color: #fff;
}
.nv_link1 a{
	color: #fff;
	text-decoration: none;
}




.sns_box1{
	clear: both;
	width: 300px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	display: flex;
	justify-content: center;
}
.sns_btn1{
	width: 34px;
	height: auto;
	margin: 0 10px;
	padding: 0;
}
@media print, screen and (min-width: 801px) {
#nv_box .sns_box1{
	width: 162px;
	height: auto;
}
.nv_fr2{
	float: right;
}
}

header{
	clear: both;
	width: 100%;
	height: 80px;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	z-index: 99999;
	background: rgba(255,255,255,0.85);
}
header#recruit01{
	background: rgba(255,255,255,0);
}
@media print, screen and (max-width: 800px) {
header#recruit01 #nav{
	background: rgba(255,255,255,0);
}
}



.hd_logo1{
	width: 70%;
	height: auto;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
}
.hd_logo3{
	width: 100%;
	max-width: 274px;
	height: auto;
	margin: 12px 0 0 20px;
	padding: 0;
}
.hd_logo1 img{
	width: 100%;
	height: auto;
}




/***

ヘッダースペース（SP用）

***/
.hd_sp{
	display: block;
	
	clear: both;
	width: 100%;
	height: 80px;
	margin: 0;
	padding: 0;
}
@media print, screen and (min-width: 801px) {
.hd_sp{
	display: none;
}
}




/***

メニュー（内側）

***/
.nv_box_center{
	clear: both;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	display: flex;
	align-items:center;
	
/*	background: rgba(226,86,89,0.5);*/
}
@media print, screen and (max-width: 800px) {
.nv_box_center{
	align-items:flex-end;
	
/*	background: rgba(226,86,89,0.5);*/
}
}
.nav_btn_box1{
	clear: both;
	width: 90%;
	max-width: 380px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
/*	background: rgba(82,201,219,1.00);*/
}
@media print, screen and (max-width: 800px) {
.nav_btn_box1{
	margin: 0 auto 40px;
}
}

.nav_btn1 a{
	text-decoration: none;
}

.nav_btn1{
	clear: both;
	width:100%;
	height:48px;
	height:80px;
	height:70px;
	margin: 0 0 40px;
	margin: 0 0 2rem;
	margin: 0 0 2vh;
	margin: 0 0 0.8vh;
	padding: 0;
	position: relative;
/*	background: #ccc;*/
	border-radius: 6px;
	text-decoration: none;
}
@media print, screen and (max-width: 800px) {
.nav_btn1.p03_saiyo1{
	height:80px;
}
.nav_btn1{
	height:10vh;
	height:9vh;
	height:9.4vh;
}
}
.nav_btn1.on{
	background: #917e28;/*元*/
	background: #7d6600;
	background-image: url("../img/common/bg03-20p.png");
	background-position: top center;
	background-repeat: repeat;
	
	box-shadow:
    0 3px 3px rgba(0, 0, 0, 0.1),
    0 5px 5px rgba(0, 0, 0, 0.1),
    0 10px 10px rgba(0, 0, 0, 0.1),
    0 10px 10px rgba(0, 0, 0, 0.1),
    0 10px 10px rgba(0, 0, 0, 0.1),
    0 20px 20px rgba(0, 0, 0, 0.2);
}
.nav_btn1 span{
	clear: both;
	width:34px;
	height:100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
/*	background: rgba(204,113,114,1.00);*/
	display: flex;
	align-items: center;
	align-content: center;
	flex-wrap: nowrap;
}
.nav_btn1.on span{
	display: none;
}
.nav_btn1 span img{
	width:100%;
	height:auto;
	
}
@media print, screen and (max-width: 800px) {
.nav_btn1 span{
	width: 27px;
	height: auto;
	height:100%;
	top: 0;
	right: 0;
}
.nav_btn1 span img{
	width: 100%;
	height: auto;
}
}
.nav_btn1 p{
	clear: both;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	align-items: center;
	font-family: 'Noto Serif JP' , 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif ;
	font-family:"Noto Sans Jp" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	font-size: 15px;
	font-size: 1.1rem;
	font-size: 1rem;
/*	font-size: 0.9rem;*/
	line-height: 101%;
	text-align: center;
	color: #222;
	font-weight: 700;
}
.nav_btn1.on p{
	color: #fff;
}
.nav_btn1.m01 p,
.nav_btn1.m02 p{
	color: #fff;
}

.nav_btn1.m01,
.nav_btn1.m02,
.nav_btn1.m03{
	margin: 0 0 2.4rem;
	margin: 0 0 4vh;
	background: #036eb6;/*元*/
	background: #005099;
	background-image: url("../img/common/bg03-20p.png");
	background-position: top center;
	background-repeat: repeat;
/*	background: linear-gradient(to top, #192855, 30%, #154585);*/
	
	box-shadow:
    0 3px 3px rgba(0, 0, 0, 0.1),
    0 5px 5px rgba(0, 0, 0, 0.1),
    0 10px 10px rgba(0, 0, 0, 0.1),
    0 10px 10px rgba(0, 0, 0, 0.1),
    0 10px 10px rgba(0, 0, 0, 0.1),
    0 20px 20px rgba(0, 0, 0, 0.2);
	
}
.nav_btn1.m02{
	background: #6a3906;
	background: #492c0f;
	background-image: url("../img/common/bg03-20p.png");
}
.nav_btn1.m03{
	background:#B46C0B;
	background-image: url("../img/common/bg03-20p.png");
}
.nav_btn1.m03 p{
	color: #fff;
}
	
@media print, screen and (min-width: 801px) {
.nav_btn1{
	height:60px;
	height:70px;
	margin: 0 0 3rem;
	margin: 0 0 1vh;
}
.nav_btn1 p{
	font-size: 15px;
}
}



.nav_icon_box1{
	clear: both;
	width: 100%;
	max-width: 250px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
	display: flex;
	flex-flow: nowrap;
	justify-content: space-between;
}

.nav_icon1{
	clear: both;
	width:40px;
	height:auto;
	margin: 0;
	padding: 0;
}
.nav_icon1 img{
	width:100%;
	height:auto;
}




/***

グローバルナビ

***/
/***

PCボタン

***/
.gnv_pc{
	display: none;
}
@media print, screen and (min-width: 801px) {
.gnv_pc{
	clear: both;
	width: 92%;
	max-width: 1050px;
	height: auto;
	margin: 30px auto 0;
	padding: 0;
	
/*	background: rgba(92,202,110,0.5);*/
	
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	
	font-family: 'Noto Serif JP' , 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif ;
}

.gnv_btn1{
	width: 13.5%;
	max-width: 146px;
	height: 38px;
	margin: 0;
	padding: 0;
	position: relative;
	box-sizing: border-box;
	border-right: 1px solid #727171;
}
.gnv_btn1.m01{
	border-right: none;
}
.gnv_btn2{
	width: 19%;
	max-width: 174px;
	height: 38px;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	
	background: #006934;
}
.gnv_btn1 a ,
.gnv_btn2 a{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	text-decoration: none;
}
.gnv_btn1 a span ,
.gnv_btn2 a span{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
	font-size: 15px;
	line-height: 101%;
	text-align: center;
	
	color: #727171;
}
.gnv_btn2 a span{
	color: #fff;
}
	

.gnv_btn1 a .gnv_bar{
	display: none;
}
.gnv_btn1.on a .gnv_bar ,
.gnv_btn1 a:hover .gnv_bar{
	display: block;
	width: 100%;
	height: 1px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	bottom: 3px;
	left: 0;
}

.gnv_btn1 a .gnv_bar .gnv_bar2{
	
	width: 20%;
	height: 1px;
	margin: 0 auto;
	padding: 0;
/*	border-bottom: 4px solid #006934;*/
/*	transform: scale(0.5, 1);*/
/*	transition: transform .3s;*/
/*	transition: transform 100ms;*/
	
}
.gnv_btn1 a:hover .gnv_bar .gnv_bar2 ,
.gnv_btn1.on a .gnv_bar .gnv_bar2{
	
	width: 20%;
	height: 1px;
	margin: 0 auto;
	padding: 0;
	border-bottom: 4px solid #006934;
	transform: scale(1, 1);
	
	
}

}
@media print, screen and (min-width: 801px) {
.gnv_pc{
	clear: both;
	width: 92%;
	max-width: 1050px;
}

.gnv_btn1{
	width: 13.905%;
	max-width: 146px;
}
.gnv_btn2{
	width: 16.57%;
	max-width: 174px;
}
}



/***

SPボタン

***/
.gnv_btn1s{
	width: 100%;
	height: 10vh;
	height: 9vh;
	margin: 0;
	padding: 0;
	position: relative;
	box-sizing: border-box;
	border-bottom: 1px solid #727171;
	
	font-family: 'Noto Serif JP' , 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif ;
}
.gnv_btn1s a ,
.gnv_btn2s a{
	width: 100%;
	height: 100%;
	margin: 0;
/*	padding: 20px 0 0;*/
	display: flex;
	align-items: center;
	align-items: flex-end;
	text-decoration: none;
}
.gnv_btn2s a{
	align-items: center;
}
.gnv_btn1s a span ,
.gnv_btn2s a span{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	
	font-family: 'Noto Serif JP' , 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif ;
	font-size: 17px;
	line-height: 101%;
	text-align: center;
	color: #727171;
}
.gnv_btn2s a span{
	color: #fff;
}
.gnv_btn1s a span .gnv_bar1s{
	clear: both;
	width: 100px;
	height: 16px;
	margin: 0 auto;
	padding: 0;
}
.gnv_btn1s a span .gnv_bar1s{
	width: 100px;
	height: 16px;
	opacity: 1;
/*	background: rgba(96,224,193,1.00);*/
	background-image: url("../img/common/hd_sp_menu_btn_on1@2x.png");
	background-size: 100%;
}
.gnv_btn1s.off a span .gnv_bar1s{
	opacity: 0;
}
.gnv_btn1s.on a span .gnv_bar1s ,
.gnv_btn1s.off a:hover span .gnv_bar1s{
	opacity: 1;
}

.gnv_btn2s{
	width: 100%;
	height: 10vh;
	margin: 4vh 0 0;
	padding: 0;
	position: relative;
	font-family: 'Noto Serif JP' , 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif ;
	
	background: #006934;
}









/***

各ページ用　メニュー

***/

	
.page_btn2 a,
.page_btn3 a,
.page_btn4 a{
	text-decoration: none;
}

.page_btn2,
.page_btn3,
.page_btn4{
	clear: both;
	height:80px;
	margin: 0;
	padding: 0;
	position: relative;
	text-decoration: none;
	
	background: #036eb6;/*元*/
	background:#0085CD;
/*	background:#37A2E3;*/
/*	background: #7d6600;*/
	background-image: url("../img/common/bg03-20p.png");
	background-position: top center;
	background-repeat: repeat;
}
.page_btn2{
	width:50%;
}
.page_btn3{
	width:calc( 100% / 3 );
}
.page_btn4{
	width:50%;
}
@media print, screen and (min-width: 801px) {
.page_btn4{
	width:25%;
}
}
.page_btn2.m01,
.page_btn3.m01,
.page_btn4.m01{
	background: #917e28;/*元*/
	background:rgba(208,200,144,1.00);
	background-image: url("../img/common/bg03-20p.png");
}
.page_btn2.m02,
.page_btn3.m02,
.page_btn4.m02{
	background: #036eb6;/*元*/
	background:#0085CD;
	background:#37A2E3;
	background:#E1B858;
	background:#edd59c;
	background-image: url("../img/common/bg03-20p.png");
}
.page_btn2.on,
.page_btn3.on,
.page_btn4.on{
	background: #036eb6;/*元*/
	background: #005099;
	background: #004499;
	background:rgba(0,59,150,1.00);
/*	background: rgba(0,10,142,1.00);*/
/*	background:#0039AC;*/
	background-image: url("../img/common/bg03-20p.png");
	background-position: top center;
	background-repeat: repeat;
	
	box-shadow:
    0 3px 3px rgba(0, 0, 0, 0.1),
    0 5px 5px rgba(0, 0, 0, 0.1),
    0 10px 10px rgba(0, 0, 0, 0.1),
    0 10px 10px rgba(0, 0, 0, 0.1),
    0 10px 10px rgba(0, 0, 0, 0.1),
    0 20px 20px rgba(0, 0, 0, 0.2);
}
.page_btn2.m01.on,
.page_btn3.m01.on,
.page_btn4.m01.on{
	margin: 0 0 2.4rem;
	margin: 0 0 4vh;
	margin: 0;
	background: #917e28;/*元*/
	background: #7d6600;
	background-image: url("../img/common/bg03-20p.png");
	background-position: top center;
	background-repeat: repeat;
/*	background: linear-gradient(to top, #192855, 30%, #154585);*/
	
	box-shadow:
    0 3px 3px rgba(0, 0, 0, 0.1),
    0 5px 5px rgba(0, 0, 0, 0.1),
    0 10px 10px rgba(0, 0, 0, 0.1),
    0 10px 10px rgba(0, 0, 0, 0.1),
    0 10px 10px rgba(0, 0, 0, 0.1),
    0 20px 20px rgba(0, 0, 0, 0.2);
	
}
.page_btn2.m02.on,
.page_btn3.m02.on,
.page_btn4.m02.on{
	margin: 0 0 2.4rem;
	margin: 0 0 4vh;
	margin: 0;
	background: #036eb6;/*元*/
	background: #005099;
	background: #004499;
	background:#E1B858;
	background:#CC8E2A;
	background:#B46C0B;
	background-image: url("../img/common/bg03-20p.png");
	background-position: top center;
	background-repeat: repeat;
/*	background: linear-gradient(to top, #192855, 30%, #154585);*/
	
	box-shadow:
    0 3px 3px rgba(0, 0, 0, 0.1),
    0 5px 5px rgba(0, 0, 0, 0.1),
    0 10px 10px rgba(0, 0, 0, 0.1),
    0 10px 10px rgba(0, 0, 0, 0.1),
    0 10px 10px rgba(0, 0, 0, 0.1),
    0 20px 20px rgba(0, 0, 0, 0.2);
	
}





.page_btn2 span,
.page_btn3 span,
.page_btn4 span{
	clear: both;
	width:17px;
	height:auto;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 25px;
/*	bottom: -50%;*/
	right: 0;
/*	border-right: 1px solid #fff;*/
}
@media print, screen and (max-width: 800px) {
.page_btn2 span.border-r1,
.page_btn3 span.border-r1,
.page_btn4 span.border-r1{
	border-right: 1px solid #fff;
}
}
@media print, screen and (min-width: 801px) {
.page_btn2 span,
.page_btn3 span,
.page_btn4 span{
	clear: both;
	width:34px;
	height:auto;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 10px;
/*	bottom: -50%;*/
	right: 0;
	border-right: 1px solid #fff;
}
.page_btn2 span.border-none1,
.page_btn3 span.border-none1,
.page_btn4 span.border-none1{
	border-right: none;
}
}
.page_btn2.on span,
.page_btn3.on span,
.page_btn4.on span{
	display: none;
}
.page_btn2 span img,
.page_btn3 span img,
.page_btn4 span img{
	width:100%;
	height:auto;
}

.page_btn2 p,
.page_btn3 p,
.page_btn4 p{
	clear: both;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	align-items: center;
	font-family:"Noto Sans Jp" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 700;
	
	font-size: 15px;
	font-size: 1.1rem;
	font-size: 1rem;
	font-size: 0.9rem;
	line-height: 101%;
	text-align: center;
	color: #222;
	color: #fff;
}
.page_btn2.on p,
.page_btn3.on p,
.page_btn4.on p{
	color: #fff;
}
.page_btn2.m01 p,
.page_btn3.m01 p,
.page_btn4.m01 p,
.page_btn2.m02 p,
.page_btn3.m02 p,
.page_btn4.m02 p{
	color: #222;
}
.page_btn2.m01.on p,
.page_btn3.m01.on p,
.page_btn4.m01.on p,
.page_btn2.m02.on p,
.page_btn3.m02.on p,
.page_btn4.m02.on p{
	color: #fff;
}

@media print, screen and (min-width: 801px) {
.page_btn2,
.page_btn3,
.page_btn4{
	margin: 0 0 3rem;
	margin: 0 0 1vh;
	margin: 0;
}
.page_btn2 p,
.page_btn3 p,
.page_btn4 p{
	font-size: 18px;
}
	
.page_btn2.m01 p,
.page_btn3.m01 p,
.page_btn4.m01 p,
.page_btn2.m02 p,
.page_btn3.m02 p,
.page_btn4.m02 p{
	color: #222;
}
.page_btn2.m01.on p,
.page_btn3.m01.on p,
.page_btn4.m01.on p,
.page_btn2.m02.on p,
.page_btn3.m02.on p,
.page_btn4.m02.on p{
	color: #fff;
}
}













.contents100_bg{
	clear:both;
	width:100%;
	height:auto;
	margin:0;
	background: #e6e6e6;
}
/*白*/
.contents100w_bg{
	clear:both;
	width:100%;
	height:auto;
	margin:0;
	background:#fff;
}

.contents1{
	clear:both;
	width:92%;
	width:100%;
	max-width: 1000px;
	height:auto;
	margin:0 auto;
}

.contents300{
	clear:both;
	width:92%;
	max-width:300px;
	height:auto;
	margin:0 auto;
}
.contents380{
	clear:both;
	width:92%;
	max-width:360px;
	height:auto;
	margin:0 auto;
}
.contents440{
	clear:both;
	width:92%;
	max-width:440px;
	height:auto;
	margin:0 auto;
}
.contents480{
	clear:both;
	width:92%;
	max-width:480px;
	height:auto;
	margin:0 auto;
}
.contents500{
	clear:both;
	width:92%;
	max-width:500px;
	height:auto;
	margin:0 auto;
}
.contents600{
	clear:both;
	width:92%;
	max-width: 600px;
	height:auto;
	margin:0 auto;
}
.contents640{
	clear:both;
	width:92%;
	max-width: 640px;
	height:auto;
	margin:0 auto;
}
.contents700{
	clear:both;
	width:92%;
	max-width: 700px;
	height:auto;
	margin:0 auto;
}
.contents800{
	clear:both;
	width:92%;
	max-width: 800px;
	height:auto;
	margin:0 auto;
}
.contents800.m01{
	width:100%;
}
.contents840{
	clear:both;
	width:92%;
	max-width: 840px;
	height:auto;
	margin:0 auto;
}
.contents1000{
	clear:both;
	width:92%;
	max-width: 1000px;
	height:auto;
	margin:0 auto;
	
/*	background: rgba(236,55,58,0.2);*/
}
.contents1000.m01{
	width:100%;
}
.contents1100{
	clear:both;
	width:92%;
	max-width: 1100px;
	height:auto;
	margin:0 auto;
}
.contents1200{
	clear:both;
	width:92%;
	max-width: 1200px;
	height:auto;
	margin:0 auto;
	
/*	background: rgba(230,211,109,1.00);*/
}
.contents1200.m01{
	width:100%;
}
.contents1400{
	clear:both;
	width:92%;
/*	width:100%;*/
	max-width: 1400px;
	height:auto;
	margin:0 auto;
}
.contents1600{
	clear:both;
	width:100%;

	max-width: 1600px;
	height:auto;
	margin:0 auto;
}




.resizeimage{
	width:100%;
	/*max-width:960px;*/
}
	
.resizeimage img {
	width: 100%;
	height:auto;
}

.resizeimage1100{
	max-width:1100px;
	margin:0 auto;
}
	
.resizeimage1100 img {
	width: 100%;
	height:auto;
}

.position-r {
	position: relative;
}



/***

pc-sp切替

***/
.pc_on{
	display:none;
}
.pc_on2{
	display:none;
}
.smart_on{
	display:block;
}
.smart_on2{
	display:block;
}
@media print, screen and (min-width: 801px) {
.pc_on{
	display:block;
}
.smart_on{
	display:none;
}
}
@media print, screen and (min-width: 1001px) {
.pc_on2{
	display:block;
}
.smart_on2{
	display:none;
}
}



/***

hover画像拡大

***/
.hover_img img {
	width: 100%;
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.hover_img img:hover {
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -o-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06);
}



.bg_000{
	clear: both;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	background: rgba(0,0,0,1.00);
}




a{
	text-decoration: underline;
}




/***

ヘッダー　

***/
#loader-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #FFF;
  z-index: 999999;
}



header{
	margin:0;
	padding:0;
}
@media print, screen and (min-width: 801px) {
header{
	margin:0;
	padding:0;
}
}
/***

/ヘッダー　

***/






.top_btn1{
	width: 300px;
	width: 90%;
	max-width: 300px;
	height: 62px;
	float: none;
	margin: 0 auto;
	padding: 0;
	background: #c4a377;
	border-radius: 8px;
	position: relative;
}
.top_btn1 a{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	
	padding: 0;
	margin: 0;
	font-family: 'Noto Serif JP' , 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif ;
	font-weight: 400;
	font-size: 16px;
	line-height: 105%;
	color: #fff;
	display: table;
	table-layout: fixed;
	border-collapse: collapse; /* 境界線の重複を解除 */
	text-decoration: none;
}
.top_btn1 a p.top_btn_txt1{
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle; /* 縦方向の高さを調整 */
	
	padding: 0;
	margin: 0;
	font-family: 'Noto Serif JP' , 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif ;
	font-weight: 400;
	font-size: 16px;
	font-size: 20px;
	line-height: 150%;
	color: #fff;
	text-align: center;
	text-decoration: none;
	letter-spacing: 0.2em;
}

.top_btn1 span.arrow_btn{
	padding: 0;
	margin: 0;
	font-family:"Noto Sans Jp" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 700;
	font-size: 10px;
	font-size: 11px;
	line-height: 101%;
	color: #fff;
	text-align: center;
	text-decoration: none;
	position: absolute;
	right: 15px;
	top: 45%;
}









/***

フッター

***/
.ft_bg1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 30px 0 80px;
	position: relative;
	z-index: 20;
	z-index: 21;
	
	background: #fff;
	background-image: url("../img/common/bg03-20p.png");

	background-position: top center;
	background-repeat: repeat;
	background-size: 75%;
	/*
	border-top: 5px solid #eee;
	
	/* box-shadow */
	/*
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.4);
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.4);
	*/
}
.ft_bg1.m01{
	margin: 0;
	padding: 0 0 80px;
}
.ft_bg1.m02{
	border-top: 5px solid #eee;
}
@media print, screen and (min-width: 801px) {
.ft_bg1{
	padding: 30px 0 83px;
	background-size: 50%;	
}
.ft_bg1.m01{
	padding: 0 0 83px;
}
}

.ft_bg2{
	clear: both;
	width: 100%;
	height: 1px;
	border: none;
	border-bottom: 5px solid #ccc;
/*	background: #ccc;*/
}


.ft_bar1{
	clear: both;
	width: 80%;
	height: 1px;
	margin: 30px auto;
	padding: 0;
	border: none;
	border-bottom: 1px solid #ccc;	
}

.ft_flex1{
	clear: both;
	width: 90%;
	max-width: 398px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
}
@media print, screen and (min-width: 801px) {
.ft_flex1{
	width: 100%;
	max-width: 1000px;
	flex-wrap: nowrap;
}
}


.ft_box1_btn1{
	clear: both;
	width: 46.232%;
	max-width: 184px;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
@media print, screen and (min-width: 801px) {
.ft_box1_btn1{
	clear: both;
	width: 21.75%;
	max-width: 174px;
	height: auto;
	margin: 0;
	padding: 0;
}
}




.ft_flex2{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;

}
@media print, screen and (min-width: 801px) {
.ft_flex2{
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-self: stretch;
}
}

.ft_box2_fl1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
@media print, screen and (min-width: 801px) {
.ft_box2_fl1{
	clear: both;
	width: 37.5%;
	max-width: 300px;
	height: auto;
	margin: 0;
	padding: 0;

}
}

.ft_ph1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.ft_logo1{
	clear: both;
	width: 100%;
	max-width: 320px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}
@media print, screen and (min-width: 801px) {
.ft_logo1{
	clear: both;
	width: 73.334%;
	max-width: 220px;
	height: auto;
	margin: 0;
	padding: 0;

}
}


.ft_txt1,
.ft_txt1 a{
	clear: both;
	width: 70%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	font-size: 2.8vw;
	line-height: 160%;
	font-weight: 400;
	text-align: center;
	color: #222;
	letter-spacing: 0;
}
.ft_txt1 a{
	font-size: 2.8vw;
	color: #036eb8;
	text-decoration: underline;
}
.ft_txt1.m01{
	margin: 0 auto;
	padding: 0;
	line-height:200%;
}
.ft_txt1.m02{
	margin: 0 auto;
	padding: 0;
}
@media print, screen and (min-width: 801px) {
.ft_txt1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 0 8px;
	padding: 0;
	font-size: 13px;
	text-align: left;
	line-height: 140%;
}
.ft_txt1 a{
	font-size: 13px;
}
.ft_txt1.m01{
	margin: 0;
	padding: 0;
	line-height:200%;
}
.ft_txt1.m02{
	margin: 0;
	padding: 0;
}
}








.ft_box2_fr1{
	clear: both;
	width: 100%;
	height: auto;
	height: 400px;
	margin: 0;
	padding: 0;
	background: #fff;
	border: rgba(146,121,40,1.00) 5px solid;
	box-sizing:border-box;
}
@media print, screen and (min-width: 801px) {
.ft_box2_fr1{
	width: 56.25%;
	max-width: 450px;
}
}
@media print, screen and (min-width: 801px) {
.ft_box1_btn1{
	clear: both;
	width: 21.75%;
	max-width: 174px;
	height: auto;
	margin: 0;
	padding: 0;
}
}



.ft_cap1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 12px 0 12px;
	
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 11px;
/*	font-size: 2.6vw;*/
	line-height: 101%;
	font-weight: 700;
	text-align: center;
	color: #fff;
	letter-spacing: 0;
	background: #000;
}




/***

フッター（テキストナビ）

***/
.ft_txt_nav1bg{
	clear: both;
	width: 100%;
	height: auto;
/*	background:rgba(0,0,0,0.85);*/
	background:rgba(51,51,51,1.00);
/*	background-blend-mode: multiply;*/
	mix-blend-mode: multiply;
	margin: 0;
	padding: 0;
	
}
/***

/フッター（テキストナビ）

***/


/***

フッター（固定）

***/
.footer_bg2022{
	clear: both;
	width: 100%;
	height: 80px;
	background: #fff;
	margin: 0;
	padding: 0;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 99999;
	z-index: 9999;
	border: none;
/*	border-top: 1px solid #eee;*/
	
	
}
@media print, screen and (min-width: 801px) {
.footer_bg2022{
	height: 81px;
	border-top: rgba(146,121,40,1.00) 5px solid;

	/* box-shadow */
	box-shadow: 0px -5px 10px -5px rgba(0,0,0,0.6);

}
}

/***PC***/
.ft_bar_flex1{
	clear: both;
	width: 100%;
	height: 40px;
	margin: 20px 0 0;
	padding: 0;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	
/*	background: rgba(132,190,233,1.00);*/
}
.ft_bar1_title1{
	width: 36px;
	height: 36px;
	margin: 0;
	padding: 0;
}
.ft_bar1_title1-2{
	width: auto;
	height: auto;
	margin: 0;
	padding: 0 10px 0 0;
	
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 11px;
/*	font-size: 2.2vw;*/
	line-height: 130%;
	font-weight: 400;
	text-align: left;
	color: #222;
	letter-spacing: 0;
}
.ft_bar1_tel1{
	width: 35%;
	max-width: 280px;
	height: auto;
	margin: 0;
	padding: 0;
}
.ft_bar1_tel1-2{
	width: auto;
	height: auto;
	margin: 0;
	padding: 0 10px 0 0;
	
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 11px;
/*	font-size: 2.2vw;*/
	line-height: 130%;
	font-weight: 400;
	text-align: left;
	color: #222;
	letter-spacing: 0;
}
.ft_bar1_tel1-2 span{
	position: relative;
	left: -0.4rem;
}

.ft_bar1_btn1{
	clear: both;
	width: 30%;
	max-width: 200px;
	height: 40px;
	margin: 0;
	padding: 0;
}
.ft_bar1_btn2{
	clear: both;
	width:100%;
	height:40px;
	margin: 0 0 40px;
	margin: 0 0 2rem;
	margin: 0 0 2vh;
	padding: 0;
	position: relative;
/*	background: #ccc;*/
	border-radius: 6px;
	text-decoration: none;
}
.ft_bar1_btn2.on{
	background: #917e28;/*元*/
	background: #7d6600;
	background-image: url("../img/common/bg03-20p.png");
	background-position: top center;
	background-repeat: repeat;
	
	box-shadow:
    0 3px 3px rgba(0, 0, 0, 0.1),
    0 5px 5px rgba(0, 0, 0, 0.1),
    0 3px 3px rgba(0, 0, 0, 0.1),
    0 5px 5px rgba(0, 0, 0, 0.1);
}


@media print, screen and (max-width: 800px) {
.ft_bar1_tel1s{
	width: 25%;
	height: 80px;
	margin: 0;
	padding: 0;
	background: #036eb6;
	float: right;
	position: relative;
}
.ft_bar1_tel1s a{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	align-content: center;
}
.ft_bar1_tel2s{
	width: auto;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}
.ft_bar1_tel2s img{
	width: auto;
	height: 100%;
}
.ft_bar1_btn1s{
	width: 75%;
	height: 80px;
	margin: 0;
	padding: 0;
	background: #036eb6;
	background: #002864;
	float: left;
	position: relative;
	text-decoration: none;
}
}


.ft_bar1_btn2 a,
.ft_bar1_btn2s a{
	text-decoration: none;
}


.ft_bar1_btn2 span,
.ft_bar1_btn2s span{
	clear: both;
	width:auto;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
}
.ft_bar1_btn2 span{
	height:40px;
}
.ft_bar1_btn2s span{
	height:50px;
	margin: 15px 0;
}


.ft_bar1_btn2.on span{
	display: none;
}
.ft_bar1_btn2 span img{
	width:auto;
	height:40px;
}
.ft_bar1_btn2s span img{
	width:auto;
	height:50px;
}
.ft_bar1_btn2 a,
.ft_bar1_btn2s a{
	clear: both;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
}

.ft_bar1_btn2 p,
.ft_bar1_btn2s p{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
	font-family: 'Noto Serif JP' , 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif ;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	font-size: 15px;
	font-size: 1.1rem;
	font-size: 1rem;
	line-height: 101%;
	text-align: center;
	color: #222;
	color: #fff;
	font-weight: 700;
}
.ft_bar1_btn2.on p{
	color: #fff;
}
.ft_bar1_btn2.m01 p{
	color: #fff;
}
.ft_bar1_btn2s p{
	color: #fff;
}
.ft_bar1_btn2.m01{
	margin: 0 0 2.4rem;
	margin: 0 0 4vh;
	background: #036eb6;/*元*/
	background: #005099;
	background-image: url("../img/common/bg03-20p.png");
	background-position: top center;
	background-repeat: repeat;
/*	background: linear-gradient(to top, #192855, 30%, #154585);*/
	
/*
	box-shadow:
    0 3px 3px rgba(0, 0, 0, 0.1),
    0 5px 5px rgba(0, 0, 0, 0.1),
    0 10px 10px rgba(0, 0, 0, 0.1),
    0 10px 10px rgba(0, 0, 0, 0.1),
    0 10px 10px rgba(0, 0, 0, 0.1),
    0 20px 20px rgba(0, 0, 0, 0.2);
*/
	
	box-shadow:
    0 3px 3px rgba(0, 0, 0, 0.1),
    0 5px 5px rgba(0, 0, 0, 0.1),
    0 3px 3px rgba(0, 0, 0, 0.1),
    0 5px 5px rgba(0, 0, 0, 0.1);
	
}
@media print, screen and (min-width: 801px) {
/*
.ft_bar1_btn2{
	margin: 0 0 3rem;
	margin: 0 0 1vh;
}
*/
.ft_bar1_btn2 p{
	font-size: 15px;
}
}






.ft_sns_btn1{
	display: none;
	width: 60px;
	height: auto;
	margin: 0;
	padding: 0;
	
	position: absolute;
	bottom:100%;
	right: 0;
}
/***

フッター（固定）

***/








/*フッター　テキストボックス*/
/*
.ft_box1{
	display: none;
}
*/

/*@media print, screen and (min-width: 801px) {*/
.ft_box1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	flex-wrap: wrap;
}
/*}*/
.ft_box1-10{
	width: 48%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-11{
	width: 48%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-12{
	width: 48%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-13{
	width: 48%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-14{
	width: 48%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}

.ft_box1-15{
	width: 48%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-16{
	width: 48%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-17{
	width: 48%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-18{
	width: 48%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-19{
	width: 48%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}

.ft_box1-20{
	width: 48%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-21{
	width: 48%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-22{
	width: 48%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-23{
	width: 48%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-24{
	width: 48%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}

.ft_box1-25{
	width: 48%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-26{
	width: 48%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-27{
	width: 48%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-28{
	width: 48%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-29{
	width: 48%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}

.ft_box1-30{
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-31{
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-32{
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-33{
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-34{
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}

.ft_box1-35{
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-36{
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-37{
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-38{
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-39{
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}

.ft_box1-40{
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-41{
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-42{
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-43{
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-34{
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}

.ft_box1-45{
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-46{
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-47{
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-48{
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-49{
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}

.ft_box1-50{
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-51{
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-52{
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-53{
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-54{
	width: 54%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}

.ft_box1-55{
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-56{
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-57{
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-58{
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-59{
	width: 100%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
@media print, screen and (min-width: 801px) {
.ft_box1-10{
	width: 10%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-11{
	width: 11%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-12{
	width: 12%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-13{
	width: 13%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-14{
	width: 14%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}

.ft_box1-15{
	width: 15%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-16{
	width: 16%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-17{
	width: 17%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-18{
	width: 18%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-19{
	width: 19%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}

.ft_box1-20{
	width: 20%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-21{
	width: 21%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-22{
	width: 22%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-23{
	width: 23%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-24{
	width: 24%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}

.ft_box1-25{
	width: 25%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-26{
	width: 26%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-27{
	width: 27%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-28{
	width: 28%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-29{
	width: 29%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}

.ft_box1-30{
	width: 30%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-31{
	width: 31%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-32{
	width: 32%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-33{
	width: 33%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-34{
	width: 34%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}

.ft_box1-35{
	width: 35%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-36{
	width: 36%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-37{
	width: 37%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-38{
	width: 38%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-39{
	width: 39%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}

.ft_box1-40{
	width: 40%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-41{
	width: 41%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-42{
	width: 42%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-43{
	width: 43%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-34{
	width: 34%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}

.ft_box1-45{
	width: 45%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-46{
	width: 46%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-47{
	width: 47%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-48{
	width: 48%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-49{
	width: 49%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}

.ft_box1-50{
	width: 50%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-51{
	width: 51%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-52{
	width: 52%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-53{
	width: 53%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-54{
	width: 54%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}

.ft_box1-55{
	width: 55%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-56{
	width: 56%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-57{
	width: 57%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-58{
	width: 58%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
.ft_box1-59{
	width: 59%;
	height: auto;
	margin: 0 0 30px;
	padding: 0;
}
}


.ft_txt_title1,
.ft_txt_title1 a{
	padding: 0;
	margin: 0;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 400;
	font-weight: 700;
	font-size: 13px;
	line-height: 110%;
	color: #ccc;
	text-align: left;
	letter-spacing: 0.1rem;
	text-decoration: none;
}
.ft_txt1.text_btn_on3{
	width: 100%;
	height: auto;
	padding: 6px 0;
	margin: 0;

/*	background: rgba(186,105,107,1.00);*/
}
.ft_txt1.text_btn_on3 a{
	padding:0;
	margin: 0;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 400;
	font-weight: 700;
	font-size: 12px;
	line-height: 110%;
	color: #aaa;
	text-align: left;
	letter-spacing: 1px;
	text-decoration: none;
}
.ft_bar1{
	width: 100%;
	height: 1px;
	margin: 5px 0 8px;
	padding: 0;
	border: none;
	border-bottom: 1px solid #727171;
}

.ft_txt1_box1{
	width: 100%;
	height: auto;
	padding:0;
	margin: 0;
	flex-wrap: wrap;
	display: flex;
	justify-content: space-between;
	
}
.ft_txt1.ft01{
	width: 48%;
	
}















.ft_copylight_box1{
	clear: both;
	width: 300px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
@media print, screen and (min-width: 801px) {
.ft_copylight_box1{
	width: auto;
	flex-wrap: nowrap;
}
}

.ft_copylight1 a{
	width: auto;
	height: auto;
	margin: 0;
	padding: 0 10px;
	
	font-family: 'Noto Serif JP' , 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif ;
	font-weight: 400;
	font-size: 12px;
	line-height: 101%;
	color: #727171;
	text-align: center;
	letter-spacing: 1px;
}
.ft_copylight2{
	width: auto;
	height: auto;
	margin: 30px 0 0;
	padding: 0 10px;
	
	font-family: 'Noto Serif JP' , 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif ;
	font-weight: 400;
	font-size: 12px;
	line-height: 101%;
	color: #727171;
	text-align: center;
	letter-spacing: 1px;
}
@media print, screen and (min-width: 801px) {
.ft_copylight2{
	margin: 0;
	padding: 0 10px;
}
}





.list_txt_btn1,
.list_txt_btn2{
	width: auto;
	height: 20px;
	float: right;
	display: inline-block;
}
.list_txt_btn2{
	float: left;
}
.list_txt_btn1 a,
.list_txt_btn2 a{
	font-size:3.5vw;
	line-height:101%;
	color:#222;
	font-weight: 400;
	letter-spacing: 0;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: right;
	vertical-align: middle;
	text-decoration: none;
/*	display: inline-block;*/
}
.list_txt_btn2 a{
	text-align: left;
}
.list_txt_btn1 span,
.list_txt_btn2 span{
	width: 14px;
	height: 20px;
	margin: 0 0 0 10px;
	vertical-align: middle;
	display: inline-block;
	position: relative;
	top: -1px;
/*	background:rgba(144,193,196,1.00);*/
}
.list_txt_btn1 span img,
.list_txt_btn2 span img{
	width: 100%;
	height: auto;
}
@media print, screen and (min-width: 801px) {
.list_txt_btn1 a,
.list_txt_btn2 a{
	font-size:14px;
}
}





/***

キャプション

***/
.cap_left{
	font-size:2.4vw;
	line-height:150%;
	color:#222;
	font-weight: 400;
	letter-spacing: 0;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	text-align:left;	
}
.cap_left.m01{
	line-height:250%;
}
@media print, screen and (min-width: 801px) {
.cap_left{
	font-size:12px;
}
}

.cap_right{
	font-size:2.4vw;
	line-height:150%;
	color:#222;
	font-weight: 400;
	letter-spacing: 0;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	text-align:right;
}
@media print, screen and (min-width: 801px) {
.cap_right{
	font-size:12px;
}
}

.cap_center{
	font-size:2.4vw;
	line-height:150%;
	color:#222;
	font-weight: 400;
	letter-spacing: 0;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	text-align:center;
}
@media print, screen and (min-width: 801px) {
.cap_center{
	font-size:12px;
}
}

.cap_left_fff{
	font-size:2.4vw;
	line-height:150%;
	color:#fff;
	font-weight: 400;
	letter-spacing: 0;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	text-align:left;	
}
.cap_left_fff.m01{
	line-height:250%;
}
.cap_left_fff.m02{
	line-height:101%;
}
@media print, screen and (min-width: 801px) {
.cap_left_fff{
	font-size:12px;
}
}

.cap_right_fff{
	font-size:2.4vw;
	line-height:150%;
	color:#fff;
	font-weight: 400;
	letter-spacing: 0;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	text-align:right;
}
@media print, screen and (min-width: 801px) {
.cap_right_fff{
	font-size:12px;
}
}

.cap_center_fff{
	font-size:2.4vw;
	line-height:150%;
	color:#fff;
	font-weight: 400;
	letter-spacing: 0;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	text-align:center;
}
@media print, screen and (min-width: 801px) {
.cap_center_fff{
	font-size:12px;
}
}

.cap_left_fff.pa1{
	position: absolute;
	top: 100.5%;
	left: 0;
}

.cap_right_fff.pa1{
	position: absolute;
	top: 100.5%;
	right: 0;
}



/***

キャプション position-absolute

***/
.cap_left_pa{
	font-size: 2.2vw;
	line-height:150%;
	color:#222;
	font-weight: 400;
	letter-spacing: 0;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	text-align:left;
	position: absolute;
	bottom: 5px;
	left: 2%;
}
.cap_left_pa.m01{
	font-weight: bold;
	text-shadow: 0 0 1px #000 , 0 0 3px #000 , 0 0 3px #000;
}
@media print, screen and (min-width: 801px) {
.cap_left_pa{
	font-size:11px;
}
}

.cap_left_fff_pa{
	font-size: 2.2vw;
	line-height:150%;
	color:#fff;
	font-weight: 400;
	letter-spacing: 0;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	text-align:left;
	position: absolute;
	bottom: 5px;
	left: 2%;
}
.cap_left_fff_pa.m01{
	font-weight: bold;
	text-shadow: 0 0 1px #fff , 0 0 3px #fff , 0 0 3px #fff;
}
@media print, screen and (min-width: 801px) {
.cap_left_fff_pa{
	font-size:11px;
}
}

.cap_right_pa{
	font-size: 2.2vw;
	line-height:150%;
	color:#222;
	font-weight: 400;
	letter-spacing: 0;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	text-align:left;
	position: absolute;
	bottom: 5px;
	right: 2%;
}
.cap_right_pa.m01{
	font-weight: bold;
	text-shadow: 0 0 1px #fff , 0 0 3px #fff , 0 0 3px #fff;
}
.cap_right_pa.m02{
	bottom: 0;
	right: 0;
}
@media print, screen and (min-width: 801px) {
.cap_right_pa{
	font-size:11px;
}
}


@media print, screen and (min-width: 801px) {
.cap_left_fff_pa{
	font-size:11px;
}
}

.cap_right_fff_pa{
	font-size: 2.2vw;
	line-height:150%;
	color:#fff;
	font-weight: 400;
	letter-spacing: 0;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	text-align:left;
	position: absolute;
	bottom: 5px;
	right: 2%;
}
.cap_right_fff_pa.m01{
	font-weight: bold;
	text-shadow: 0 0 1px #000 , 0 0 3px #000 , 0 0 3px #000;
}
@media print, screen and (min-width: 801px) {
.cap_right_fff_pa{
	font-size:11px;
}
}




.cap_left_pa2{
	font-size: 11px;
	font-size:2.2vw;
	line-height:150%;
	color:#222;
	font-weight: 400;
	letter-spacing: 0;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	text-align:left;
	position: absolute;
	top:100%;
	left: 0;
	letter-spacing: 0;
	padding: 4px 0 0;
}
.cap_left_fff_pa2{
	font-size: 11px;
	font-size:2.2vw;
	line-height:150%;
	color:#fff;
	font-weight: 400;
	letter-spacing: 0;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	text-align:left;
	position: absolute;
	top:100%;
	left: 0;
	letter-spacing: 0;
	padding: 4px 0 0;
}
.cap_right_pa2{
	font-size: 11px;
	font-size:2.2vw;
	line-height:150%;
	color:#222;
	font-weight: 400;
	letter-spacing: 0;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	text-align:right;
	position: absolute;
	top:100%;
	right: 0;
	letter-spacing: 0;
	padding: 4px 0 0;
}
.cap_right_fff_pa2{
	font-size: 11px;
	font-size:2.2vw;
	line-height:150%;
	color:#fff;
	font-weight: 400;
	letter-spacing: 0;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	text-align:right;
	position: absolute;
	top:100%;
	right: 0;
	letter-spacing: 0;
	padding: 4px 0 0;
}
@media print, screen and (min-width: 801px) {
.cap_left_pa2{
	font-size: 11px;
}
.cap_left_fff_pa2{
	font-size: 11px;
}
.cap_right_pa2{
	font-size: 11px;
}
.cap_right_fff_pa2{
	font-size: 11px;
}
}




/***

ロールオーバー

***/
.rollover {
  display: inline-block;
  position: relative;
}
.rollover .off {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
  transition: 0.4s ease;
}
.rollover .on {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.rollover .on, .rollover .off {
  display: block;
}

.rollover:hover .off {
  opacity: 0;
}




/***

スマホ　スペース

***/
@media print, screen and (max-width: 800px) {
span.smart_on.m01{
	display: inline-block;
}
}
/***

スマホ　スペース

***/
@media print, screen and (min-width: 801px) {
span.pc_on.m01{
	display: inline-block;
}
}




/***

オプティ0.3

***/
.btn_off2{
	opacity: 0.3;
}





/***

オプティ0.3

***/
.topics_title1{
	clear: both;
	width: 42%;
	max-width: 200px;
	height: auto;
	margin: 0 auto;
	padding: 0;
}







.btn_flex{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	position: relative;
	z-index: 100;
}
.btn_flex.wrap1{
	flex-wrap: wrap;
}
@media print, screen and (min-width: 801px) {
.btn_flex.wrap1{
	flex-wrap: nowrap;
}
}
.btn2{
	width: calc( 100% / 2 );
	height: auto;
	margin: 0;
	padding: 0;
}
.btn3{
	width: calc( 100% / 3 );
	height: auto;
	margin: 0;
	padding: 0;
}
.btn4{
	width: calc( 100% / 2 );
	height: auto;
	margin: 0;
	padding: 0;
}
@media print, screen and (min-width: 801px) {
.btn4{
	width: calc( 100% / 4 );
}
}
/****

切り替え表示css

***/

.blocks {
	display: none;
}

#block-01 {
	display: block;
}




/***

各ページ
メイン画像

***/
.page_main_ph1{
	clear: both;
	width: 100%;
	height: auto;
	max-height: 300px;
	margin: 0;
	padding: 0;
	position: relative;
	
	overflow: hidden;
}
.page_main_ph1 img{
	width: 100%;
	height: auto;
}
.page_main_txt1_bg{
	clear: both;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	
	display: flex;
	align-content: center;
	align-items: center;
}
.page_main_txt1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: relative;
/*	top: 3rem;*/
	font-family:"Noto Sans Jp" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 700;
	text-decoration: none;
	font-size: 32px;
	font-size: 6.4vw;
	font-size: 6vw;
	line-height: 130%;
	text-align: center;
	color: #fff;
	
	text-shadow: 0 0 12px #000 , 0 0 8px #000 ;
}
@media print, screen and (min-width: 801px) {
.page_main_txt1{
	top: 3rem;
	font-size: 32px;
	font-size: 24px;
}
}



/***

各ページ
テキスト

***/
.text-align12{
/*
	clear: both;
	width: 100%;
	height: auto;
*/
	margin: 0;
	padding: 0;
	
	text-decoration: none;
	font-family:"Noto Sans Jp" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 400;
	font-size: 12px;
	font-size: 3vw;
	line-height: 160%;
	text-align: justify;
	letter-spacing: 0;
	color: #222;
}
@media print, screen and (min-width: 801px) {
.text-align12{
	font-size: 12px;
}
}

.text-align13{
/*
	clear: both;
	width: 100%;
	height: auto;
*/
	margin: 0;
	padding: 0;
	
	text-decoration: none;
	font-family:"Noto Sans Jp" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 400;
	font-size: 13px;
	font-size: 3.25vw;
	line-height: 160%;
	text-align: justify;
	letter-spacing: 0.1rem;
	color: #222;
}
@media print, screen and (min-width: 801px) {
.text-align13{
	font-size: 13px;
}
}

.text-align16{
/*
	clear: both;
	width: 100%;
	height: auto;
*/
	margin: 0;
	padding: 0;
	
	text-decoration: none;
	font-family:"Noto Sans Jp" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 400;
	font-size: 16px;
	font-size: 4vw;
	line-height: 190%;
	text-align: justify;
	letter-spacing: 0.1rem;
	letter-spacing: 0.03rem;
	color: #222;
}
@media print, screen and (min-width: 801px) {
.text-align16{
	font-size: 16px;
}
}


.text-align20{
/*
	clear: both;
	width: 100%;
	height: auto;
*/
	margin: 0;
	padding: 0;
	
	text-decoration: none;
	font-family:"Noto Sans Jp" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 400;
	font-size: 20px;
	font-size: 5vw;
	line-height: 190%;
	text-align: justify;
	letter-spacing: 0.1rem;
	color: #222;
}
@media print, screen and (min-width: 801px) {
.text-align20{
	font-size: 20px;
}
}


.text-align24{
/*
	clear: both;
	width: 100%;
	height: auto;
*/
	margin: 0;
	padding: 0;
	
	text-decoration: none;
	font-family:"Noto Sans Jp" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 400;
	font-size: 24px;
	font-size: 6vw;
	line-height: 190%;
	text-align: justify;
	letter-spacing: 0.1rem;
	color: #222;
}
@media print, screen and (min-width: 801px) {
.text-align24{
	font-size: 24px;
}
}


/***

バック地グレー
文字白抜き

***/
.bg_gray-color_fff1{
	clear: both;
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0;
	background: #727171;
	display: table;
	vertical-align: middle;
}
.bg_gray-color_fff1 p{
	clear: both;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 0;
	display: table-cell;
	vertical-align: middle;
	
	text-decoration: none;
	font-family:"Noto Sans Jp" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 400;
	font-weight: 700;
	font-size: 20px;
	font-size: 5vw;
	line-height: 101%;
	text-align: center;
	letter-spacing: 0.1rem;
	color: #fff;
	background: #727171;
	
}
@media print, screen and (min-width: 801px) {
.bg_gray-color_fff1 p{
	font-size: 20px;
}
}



/***

基本工事　タイトル

***/
.page_title1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 0 5px;
	vertical-align: middle;
	
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position: relative;
	
	font-size: 18px;
	font-size: 4.5vw;
	line-height: 101%;
	text-align: left;
	color: #222;
	font-weight: 400;
	border: none;
	border-bottom: 1px solid #000;
	border-bottom: 1px solid #888;
}
@media print, screen and (min-width: 801px) {
.page_title1{
	font-size: 18px;
}
}
/***

基本工事　テキスト

***/
.page_txt1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position: relative;
	
	font-size: 13px;
	font-size: 3.25vw;
	line-height: 170%;
	text-align: left;
	text-align: justify;
	color: #222;
	font-weight: 400;
	border: none;
}
@media print, screen and (min-width: 801px) {
.page_txt1{
	font-size: 13px;
}
}

/***

基本工事　flex

***/
.page_flex1{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.page_flex2{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
@media print, screen and (min-width: 801px) {
.page_flex2{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
}






/***

キャプション

***/
.cap01{
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#222;
	font-weight: 400;
	letter-spacing: 0;

	font-size: 2.2vw;
	line-height:150%;
	
	font-feature-settings: "palt";/*（自動カーニング）*/
	letter-spacing: 0.01em;
}
.cap01.lh110{
	line-height:110%;
}
.cap01.lh120{
	line-height:120%;
}
.cap01.lh130{
	line-height:130%;
}
.cap01.fs12{
	font-size: 2.5vw;
}
.cap01.fs13{
	font-size: 3vw;
}
.cap01.fs14{
	font-size: 3vw;
}
.cap01.fs15{
	font-size: 3vw;
}
.cap01.fs16{
	font-size: 3.5vw;
}
.cap01.m01{
	text-align: center;
}
.cap01.left01{
	text-align:left;
}
.cap01.right01{
	text-align:right;
}
.cap01.center01{
	text-align:center;
}
.cap01.center02{
	text-align:center;
}
.cap01.center03{
	text-align:center;
}

@media print, screen and (max-width: 800px) {
.cap01.center02{
	text-align:justify;
}
.cap01.center04{
	text-align:center;
}
}
@media print, screen and (min-width: 801px) {
.cap01.center03{
	text-align:left;
}
}
.cap01.left01.pa01{
	position: absolute;
	bottom: 0.3em;
	left: 0.5em;
}
.cap01.left01.pa02{
	position: absolute;
	top:100%;
	left: 0;
	letter-spacing: 0;
	padding: 0.3em 0 0;
}
.cap01.right01.pa01{
	position: absolute;
	bottom: 0.3em;
	right: 0.5em;
}
.cap01.right01.pa02{
	position: absolute;
	top:100%;
	right: 0;
	letter-spacing: 0;
	padding: 0.3em 0 0;
}
.cap01.right01.pa02.m01{

	padding: 0.3em 8px 0;
}
.cap01.logopl01{
	position: relative;
	left: -0.2em;
}



.cap01.shd01{
	font-weight: 700;
	text-shadow: 0 0 1px #000 , 0 0 3px #000 , 0 0 3px #000 , 0 0 5px #000 , 0 0 5px #000;
	text-shadow: 0 0 1px #000 , 0 0 3px #000 , 0 0 5px #000 ;
}
.cap01.shd02{
	text-shadow: 0 0 1px #fff , 0 0 3px #fff , 0 0 3px #fff , 0 0 5px #fff , 0 0 5px #fff;
	text-shadow: 0 0 1px #fff , 0 0 3px #fff , 0 0 5px #fff ;
}
.cap01.fff01{
	color:#fff;
}
.cap01.min01{
/*	font-family: 'Noto Serif JP' , 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif ;*/
	font-family: 'NotoSerifCJKjp' , 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif ;
}
@media print, screen and (min-width: 801px) {
.cap01{
	font-size:11px;
}
.cap01.fs12{
	font-size: 12px;
}
.cap01.fs13{
	font-size: 13px;
}
.cap01.fs14{
	font-size: 14px;
}
.cap01.fs15{
	font-size: 15px;
}
.cap01.fs16{
	font-size: 16px;
}
}



.cap01.left01.pa03{
	padding: 0.3em 0 0;
}
.cap01.right01.pa03{
	padding: 0.3em 0 0;
}
@media print, screen and (min-width: 801px) {
.cap01.left01.pa03{
	position: absolute;
	top:100%;
	left: 0;
	letter-spacing: 0;
	padding: 0.3em 0 0;
}
.cap01.right01.pa03{
	position: absolute;
	top:100%;
	right: 0;
	letter-spacing: 0;
	padding: 0.3em 0 0;
}
}

.cap01.color-white {
	color: #fff;
}

.cap01.color-gray01{
	color: #ccc;
}
.cap01.color-gray02{
	color: #999;
}
.cap01.color-gray03{
	color: #515151;
}
.cap01.color-gray04{
	color: #222;
}
.cap01.color-black,
.cap01.color-gray05 {
	color: #000;
}

.cap01.color-red01{
	color: #e99;
}
.cap01.color-red02{
	color: #e66;
}
.cap01.color-red03,
.cap01.color-red{
	color: #f00;
}
.cap01.color-red04{
	color: #c00;
}
.cap01.color-red05 {
	color: #800;
}



.por-top01em {
	position: relative;
	top: -0.1em;
}
.por-top02em {
	position: relative;
	top: -0.2em;
}
.por-top03em {
	position: relative;
	top: -0.3em;
}
.por-top04em {
	position: relative;
	top: -0.4em;
}
.por-top03em {
	position: relative;
	top: -0.5em;
}

.por-topp01em {
	position: relative;
	top: 0.1em;
}
.por-topp02em {
	position: relative;
	top: 0.2em;
}
.por-topp03em {
	position: relative;
	top: 0.3em;
}
.por-topp04em {
	position: relative;
	top: 0.4em;
}
.por-topp03em {
	position: relative;
	top: 0.5em;
}



/***

各ページ　インデントキャプション

***/
.cap_indent1{
	width: 100%;
	height: auto;
	margin: 7px 0 15px;
	padding: 0;
/*	background: rgba(237,113,214,1.00);*/
}
.cap_indent1 p{
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#222;
	font-weight: 400;
	letter-spacing: 0;
	text-align: justify;

	font-size: 2.4vw;
	line-height:150%;
	padding-bottom: 4px;
	padding-left: 1em;
	text-indent:-1em;
}
@media print, screen and (min-width: 801px) {
.cap_indent1 p{
	font-size:14px;
}
}


/***

リンク位置 ヘッダー、フッター分位置ずらし

***/
#link_position1{
	clear: both;
	width: 100%;
	height: 1px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: -100px;
}




/******************************

SEO対策　テキスト挿入

******************************/
.t_pa01{
	position: absolute;
	left: -15000px;
}