@charset "utf-8";
/*PCのみorスマホのみで表示*/
.pc { display:block!important;}
.sp { display:none!important;}

@media screen and (max-width:600px){.pc { display:none!important; }.sp { display:block!important;}}

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

調整用

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

/*画像を幅にフィット*/
.fitImg{ max-width:100%; height:auto;}

/*マージン*/
.m0 { margin: 0 !important; }
.m10 { margin: 10px !important; }
.m20 { margin: 20px !important; }
.m30 { margin: 30px !important; }
.m40 { margin: 40px !important; }
.m50 { margin: 50px !important; }

/*下マージン*/
.mb0 { margin-bottom:0px !important;}
.mb5 { margin-bottom:5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb50 { margin-bottom:50px !important;}
.mb55 { margin-bottom:55px !important;}
.mb60 { margin-bottom:60px !important;}
.mb70 { margin-bottom:70px !important;}
.mb75 { margin-bottom:75px !important;}
.mb80 { margin-bottom:80px !important;}
.mb100 { margin-bottom:100px !important;}
.mb120 { margin-bottom:120px !important;}

/*上マージン*/
.mt0 { margin-top:0px !important;}
.mt10 { margin-top:10px !important;}
.mt20 { margin-top:20px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}
.mt50 { margin-top:50px !important;}
.mt60 { margin-top:60px !important;}
.mt70 { margin-top:70px !important;}

/*右マージン*/
.mr0 { margin-right: 0px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.mr-20 { margin-right: -20px !important; }
.mr-26 {margin-right: -2.6% !important;}

/*左マージン*/
.ml0 { margin-left: 0px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; }
.ml70 { margin-left: 70px !important; }

@media screen and (max-width:600px){
.mr0,.mr20,.mr30,.mr40,.mr50{margin-right:0 !important;}
.ml5,.ml0,.ml20,.ml30,.ml40,.ml50{margin-left:0 !important;}
}

/*パディング*/
.p0 { padding:0px;}
.p10 { padding:10px;}
.p20 { padding:20px;}
.p30 { padding:30px;}
.p40 { padding:40px;}
.p50 { padding:50px;}
.p60 { padding:60px;}
.p70 { padding:70px;}
.p80 { padding:80px;}
.p90 { padding:90px;}
.p100 { padding:100px;}

/*下パディング*/
.pb0 { padding-bottom:0 !important;}
.pb10 { padding-bottom:10px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb30 { padding-bottom:30px !important;}
.pb40 { padding-bottom:40px !important;}
.pb50 { padding-bottom:50px !important;}
.pb60 { padding-bottom:60px !important;}
.pb70 { padding-bottom:70px !important;}
.pb80 { padding-bottom:80px !important;}
.pb90 { padding-bottom:90px !important;}
.pb100 { padding-bottom:100px !important;}

/*上パディング*/
.pt0 { padding-top:0px !important;}
.pt10 { padding-top:10px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt30 { padding-top:30px !important;}
.pt40 { padding-top:40px !important;}
.pt50 { padding-top:50px !important;}
.pt60 { padding-top:60px !important;}
.pt70 { padding-top:70px !important;}
.pt80 { padding-top:80px !important;}
.pt90 { padding-top:90px !important;}
.pt100 { padding-top:100px !important;}

/*左パディング*/
.pl10 { padding-left:10px;}
.pl20 { padding-left:20px;}
.pl30 { padding-left:30px;}
.pl40 { padding-left:40px;}
.pl50 { padding-left:50px;}
.pl60 { padding-left:60px;}
.pl70 { padding-left:70px;}
.pl80 { padding-left:80px;}
.pl90 { padding-left:90px;}
.pl100 { padding-left:100px;}

/*右パディング*/
.pr0 { padding-right:0px;}
.pr10 { padding-right:10px;}
.pr20 { padding-right:20px;}
.pr30 { padding-right:30px;}
.pr40 { padding-right:40px;}
.pr50 { padding-right:50px;}
.pr60 { padding-right:60px;}
.pr70 { padding-right:70px;}
.pr80 { padding-right:80px;}
.pr90 { padding-right:90px;}
.pr100 { padding-right:100px;}


/*FontSize*/
.txt-size140{font-size:1.4rem !important;}
.txt-size130{font-size:1.3rem !important;}
.txt-size120{font-size:1.2rem !important;}
.txt-size110{font-size:1.1rem !important;}
.txt-size100{font-size:1rem !important;}
.txt-size90{font-size:0.9rem !important;}
.txt-size80{font-size:0.8rem !important;}

.txt-weight-normal { font-weight:normal !important;}
.txt-weight-bold { font-weight:bold !important;}

/*width*/
.w85p {width:85%;min-width: 1000px;margin:0 auto;min-width: 900px;}
.w20p{ width:20%!important;}
.w25p{ width:25%!important;}
.w30p{ width:30%!important;}
.w40p{ width:40%!important;}
.w50p{ width:50%!important;}
.w60p{ width:60%!important;}
.w70p{ width:70%!important;}
.w80p{ width:80%!important;}
.w100p{ width:100%!important;}

.w220px { width:220px; }
.w340px { width:340px; }
.w460px { width:460px; }

@media screen and (max-width:600px){
	.w220px,.w340px,.w460px{ width:100%;}
}

strong  { color: #F00; font-weight: bold; }
em { font-weight: bold; }
b  { font-weight: bold; }

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

レイアウト

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

/*整列*/
.t-center { text-align: center !important; }
.t-right { text-align: right !important; }
.t-left { text-align: left !important; }
.m-center { margin:0 auto; }
.v-middle { vertical-align: middle !important; }

/*配置*/
.fl { float:left; }
.fr { float:right; }


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

プロパティ

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

/*color*/
.red { color: #F7575B!important;}
.blue { color:#0053A7 !important;}
.bgGray { background:#E7EBEF!important;}

/*line*/
.lineT { border-top:solid 1px;}
.lineB { border-bottom:solid 1px;}
.lineL { border-left:solid 1px;}
.lineR { border-right:solid 1px;}

.line_wide { border-width: 5px; }

.line_colorW { border-color: #FFF; }
.line_colorBk { border-color: #000; }
.line_colorR { border-color: #F00; }

/*shadow*/
.shadow{-webkit-box-shadow: rgba(0,0,0,.5) 0 1px 2px 1px; -moz-box-shadow: rgba(0,0,0,.5) 0 1px 2px 1px; box-shadow: rgba(0,0,0,.5) 0 1px 2px 1px;}

/*alha*/
.alpha80{filter:alpha(opacity=80); /* IE 6,7*/-ms-filter: "alpha(opacity=80)"; /* IE 8,9 */-moz-opacity:0.8; /* FF , Netscape */-khtml-opacity: 0.8; /* Safari 1.x */opacity:0.8;zoom:1; /*IE*/}
.alpha50{filter:alpha(opacity=50); /* IE 6,7*/-ms-filter: "alpha(opacity=50)"; /* IE 8,9 */-moz-opacity:0.5; /* FF , Netscape */-khtml-opacity: 0.5; /* Safari 1.x */opacity:0.5;zoom:1; /*IE*/}
.alpha30{filter:alpha(opacity=30); /* IE 6,7*/-ms-filter: "alpha(opacity=30)"; /* IE 8,9 */-moz-opacity:0.3; /* FF , Netscape */-khtml-opacity: 0.3; /* Safari 1.x */opacity:0.3;zoom:1; /*IE*/}
.alpha10{filter:alpha(opacity=10); /* IE 6,7*/-ms-filter: "alpha(opacity=10)"; /* IE 8,9 */-moz-opacity:0.1; /* FF , Netscape */-khtml-opacity: 0.1; /* Safari 1.x */opacity:0.1;zoom:1; /*IE*/}




abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}/ change colours to suit your needs /
ins{background-color:#ff9;color:#000;text-decoration:none}/ change colours to suit your needs /
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

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

common

//////////////////////////////////////////////////////////////////////font-family: 'Noto Sans JP', sans-serif;////////////////////////////////////////////////////////*/


*{font-family: 'Noto Sans JP', sans-serif; margin: 0; padding: 0; box-sizing:border-box; }
body{ font-weight:normal; line-height:1.8em; background:#fff; color:#000; /*text-align:center;*/overflow-x: hidden;}

a,a:link, a:visited { color: #000;
    /* text-decoration: none; */
    -webkit-transition: opacity 0.5s ease-out 0s;
    -o-transition: opacity 0.5s ease-out 0s;
    -ms-transition: opacity 0.5s ease-out 0s;
    transition: opacity 0.5s ease-out 0s;}
a:active, a:hover { color:#000; text-decoration: none; }
a:hover{color:#000; text-decoration:none;;}

h1, h2, h3, h4, h5 {font-weight: normal;}
li { list-style-type: none; }
dl,dt,dd { margin: 0; padding: 0; }
p { margin: 0 0 1em; padding: 0; text-align:left; }
img {border: 0; line-height: 0; vertical-align: bottom; max-width: 100%;}
hr { display: none; }
table { margin: 0; padding: 0; }
th { text-align: left; font-weight: bold; margin: 0; }
td { margin: 0; }
em {font-weight: bold; font-style: normal;}
form { margin: 0; padding: 0; }
label { margin: 0; padding: 0;}
input.btn { margin: 0 0.5em; padding: 0 1em; }

 @media screen and (max-width: 960px) {
	 p{
		 font-size:.9em;
	 }
}





.contents_wrap_h {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
    align-items: center;
}
 /* @media screen and (max-width: 900px) {
	 .contents_wrap_h {
    height: 60px;
	background:#fff;
} */
.bg_gray {
    background: #f2f2f2;
    padding: 60px 20px 30px;
    margin-bottom: 0;
}
 }
 .page-header .contents_wrap_h .header-logo {
    padding-left: 60px;
    font-size: 1.2rem;
    font-weight: bold;
    letter-spacing: .06em;
    line-height: 100%;
	margin: 0;
	padding-left: 20px;
	font-family: 'Noto Sans JP', sans-serif;
}
.page-header .contents_wrap_h {
	text-align: right;
    color: #000;
}
.page-header .contents_wrap_h a {
	text-decoration: none;
}
.page-header .contents_wrap_h .logo p {
	font-size: .6em;
	font-weight: bold;
	line-height: 1.2em;
	-webkit-transform: scale(1, .9);
	-ms-transform: scale(1, .9);
	transform: scale(1, .9);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
}
.page-header .contents_wrap_h .logo {
	float: left;
	margin-top: .6em;
	text-align: left;
	font-size: 1.2em;
}
.page-header .header-logo {
    font-size: 1.2rem;
    font-weight: bold;
    letter-spacing: .06em;
    line-height: 100%;
    padding: 30px 0px 30px 10px;
}

.clearfix::after {content: "";display: table;clear: both;}


.gNavi {
	width: 100%;
	position: relative;
	left: auto;
	top: auto;
}
.gNavi>li {
	display: block;
	text-align: left;
	height: auto;
	font-weight: bold;
	font-size: 1.2rem;
	text-align: center;
}
.gNavi>li a {
	padding: 1em 0;
	display: block;
	line-height: 120%;
}
.gNavi>li+li {
	margin-left: 0;
	margin-top: 1rem;
}
.gNavi>li:nth-child(n + 2)+li {
	margin-left: 0;
}
.gNavi>li:after {
	width: 1.5rem;
	top: 1.8rem;
	right: auto;
}
.gNavi .sp_menu {
	display: block;
	margin-top: 0;
}
.gNavi .sp_menu>li {
	font-size: 1rem;
}
.gNavi .sp_menu a {
	padding: .5em 0;
	;
}
.gNavi>li {
	display: inline-block;
	font-weight: bold;
	position: relative;
}
.gNavi>li a {
	height: 100%;
	display: block;
	position: relative;
	-ms-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
	font-size: .9em;
	padding: 15px 8.5px 30px 0px;
    color: #000;
}
.gNavi>li:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #e8390c;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin: auto;
	-ms-transform: scale(0, 1);
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-ms-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.gNavi>li+li {
	margin-left: 1.6em;
}
.gNavi.hover>li a:hover {
	opacity: .7;
}
.gNavi li:last-child a {
    padding-right: 5px;
/*
	background: #342521;
	padding-right: 30px;
	color: #fff;
*/
}
.gNavi.top-nav {
	font-size: .8em;
}


.gNavi.hover .btn-head-contact i, .gNavi.hover .btn-head-contact:before, .gNavi.hover .btn-head-contact:after {
	-ms-transition: all .3s;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.gNavi.hover .btn-head-contact:hover {
	opacity: 1;
}
.gNavi.hover .btn-head-contact:hover i {
	-ms-transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
}
.gNavi.hover .btn-head-contact:hover:before, .gNavi.hover .btn-head-contact:hover:after {
	width: calc(100% - 1em);
	height: calc(100% - 1em);
}
.gNavi .sp_menu {
	display: none;
}

.main_visual img {
	width: 100%;
	margin-bottom: 50px;
}

  /* --------------------------------------------------------------------------------------- */ 
h3.catch { font-family: 'Noto Serif JP', serif; padding: 16px 0;}
h3.catch { line-height:2em; font-family: 'Noto Serif JP', serif; padding: 16px 0;}
.top-menu { max-width: 1064px; margin: 0 auto ; text-align: center; }
.top-menu-box {
    width: 46%;
    border: solid 1px #342521;
    box-shadow: 0 0 20px #34252138;
    font-size: 125%;
    margin: 15px;
    padding: 40px 0;
    display: block;
    float: left;
    transition: background-color 0.3s !important;
    text-decoration: none;
    color: #000;
    font-family: 'Noto Sans JP'!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-display: swap!important;
}

.top-menu-box:hover {
    background-color: #e6e4dc;
}

.page-line-gray { border-top: 1px solid #636566; margin-bottom:50px; }
.page-line-sp1 { border-top: 1px solid #c18b24; }

.sub-contents { max-width: 980px; margin: 0 auto; }
p.under-line { border-bottom: 1px solid #e6e4dc; margin: 1em 0; padding-bottom: 1em; }

@media screen and (max-width: 900px) {
  .top-menu { max-width: 90%; }
  .top-menu-box { width:100%; margin:15px auto; }

}
@media screen and (max-width: 600px) {
  .top-menu-box { padding: 24px; }
  .page-line-gray { margin-bottom:24px; }

}