@charset "utf-8";


/*resetCSS*/
html{
font-size: 62.5%;
-webkit-text-size-adjust: 100%;
color:#3B220C;
background:#FFF;
}
body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
form,fieldset,input,textarea,
p,
th,td{
margin:0;
padding:0;
}
table{
border-collapse:collapse;
border-spacing:0;
}
fieldset,
img{ border:0; }
address,
caption,
em{
font-style:normal;
font-weight:normal;
}
ol,ul{ list-style:none; }
caption, th{ text-align:left; }
h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
}
q:before,q:after{ content:''; }
abbr,acronym{
border:0;
font-variant:normal;
}
sup{ vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
input,textarea,select{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
*font-size:100%;
}
*{
margin:0;
padding:0;
}
strong,
th{ font-weight:bold;}

#content{ }
.section{
clear:both;
margin-bottom:30px;
}

body{
font-size:1.6rem;
font-family: "Noto Sans Japanese";
}

*, *:before, *:after{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}

h1{
font-size:2.8rem;
font-weight:bold;
margin-bottom:30px;
}
h2{
font-size:2.8rem;
font-weight:bold;
margin-bottom:1.5em;
}
h2 span{ }
h3{
font-size:24px;
font-weight:bold;
margin-bottom:15px;
}
h3 span{ }
h4{
font-size:95%;
font-weight:bold;
margin-bottom:15px;
}
h5{
font-size:90%;
font-weight:bold;
margin-bottom:10px;
}
p{ font-size:16px;
margin-bottom:1.5em;
line-height:180%; }
.anchor a{ }

a{
text-decoration: none;
color: #440D24;
}
a:hover{
text-decoration:underline;
}
a:hover img{
opacity: 0.7;
transition: all .3s;
}

/*clear Fix*/
.clearFix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearFix{
display:inline-table;
min-height:1%;
}
* html .clearFix{
height:1%;
}
.clearFix{
display:
block;
}
/* フォント指定
=========================================================================================== */
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/NotoSansCJKjp-Medium.woff2') format('woff2'),
	     url('../fonts/NotoSansCJKjp-Medium.woff') format('woff'),
	     url('../fonts/NotoSansCJKjp-Medium.ttf')  format('truetype'),
         url('../fonts/NotoSansCJKjp-Medium.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/NotoSansCJKjp-Bold.woff2') format('woff2'),
	     url('../fonts/NotoSansCJKjp-Bold.woff') format('woff'),
	     url('../fonts/NotoSansCJKjp-Bold.ttf')  format('truetype'),
         url('../fonts/NotoSansCJKjp-Bold.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/NotoSansCJKjp-Black.woff2') format('woff2'),
	     url('../fonts/NotoSansCJKjp-Black.woff') format('woff'),
	     url('../fonts/NotoSansCJKjp-Black.ttf')  format('truetype'),
         url('../fonts/NotoSansCJKjp-Black.eot') format('embedded-opentype');
}
/*--------------------ここまで-----------------------------------*/
/* Header Setting
=========================================================================================== */
#headerSet{
	position:fixed;
	top:0;
	left:0;
	width: 100%;
	z-index:999;
    padding-left: 4%;
	display: flex;
    justify-content: flex-end;
	transition: all .3s;
}
#headerSet #headerLogoSet{
	margin-right:auto;
    display: flex;
    z-index: 9999;
}
#headerSet #headerLogoSet #headerLogo{
    margin-bottom: 0;
    display: flex;
}
#headerSet #headerLogoSet a{    
    color: #FFF;
    padding: 10px 0 10px 0.5em;   
    display: flex;
    align-items: center;
    /*display: flex;
    flex-direction: column;
    justify-content: center;*/
	text-decoration:none;
    position: relative;
	transition: all .3s;
}
#headerSet #headerLogoSet a:before{
    content: "";
    display: inline-block;
    background-image: url(../images/logo.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 40px;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
/*#headerSet #headerLogoSet a:hover{
	background: #d5ba06;
}*/
#headerSet #headerLogoSet a span{
    font-size: 14px;
    margin-right: 0.5em;
}
#headerSet #headerLogoSet a strong{
    font-weight: 900;
    font-size: 24px;
}

#headerSet #headerMenuSet{
    display: flex;
    align-items: center;
}

#headerSet .headerSnsList {
    display: flex;
    align-items: center;
}
#headerSet .headerSnsList ul{
    display: flex;
    margin-bottom: 0;
}
#headerSet .headerSnsList ul li{
    margin-right: 1em;
    filter: drop-shadow(1px 1px 2px #000);
}
#headerSet .headerSnsList ul li:last-child{
    margin-right: 2em;
}


#headerSet #headerTelSet ul{
    display: flex;
    align-items: center;
    margin-bottom: 0;
}
#headerSet #headerTelSet ul li a{
    padding: 1em;
    background: #953925;
    color: #FFF;
    display: block;
    text-align: center;
	text-decoration:none;
    font-size: 20px;
	transition: all .3s;
}
#headerSet #headerTelSet ul li a:hover{
    background: #7d220e;
}
#headerSet #headerTelSet ul li a span{
    display: block;
    font-size: 13px;
}
#headerSet #headerTelSet ul li a strong:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/icon_tel_w.svg);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 10px;
}

.current #headerSet{
	background: rgb(0,0,0,0.4);
}
.current #headerSet #headerMenuSet .gnav ul li a:hover{
	color:#F2F23F;
}

/* ALL Setting
=========================================================================================== */
article section{
	padding:60px 0;
	width:1100px;
	margin:0 auto;
}
article .fullSection{
	width:100%;
}
article .fullSection .innerSection{
	width:1100px;
	margin:0 auto;
}
.ttlStyle1{
	font-weight:900;
	text-align:center;
	font-size:3.6rem;
	margin-bottom: 1.5em;
	padding-bottom: 0.5em;
}
.ttlStyle2{
	font-weight:900;
	text-align:center;
	font-size:5.4rem;
	margin-bottom: 1em;
    background: #953925;
    padding: 0.5em 1em;
    line-height: 1.4;
    color: #FFF;
}


.centerAdjust{
	text-align:center;
}
.columnSet{
	display: flex;
    justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.columnSet .column2{
	width:48%;
	margin-left:4%;
}
.columnSet .column2:nth-child(2n+1){
	margin-left:0;
}
.columnSet .column2 img{
	max-width:100%;
}
.reverseColumnSet{
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
}
.reverseColumnSet .column2{
	width:48%;
	margin-left:4%;
}
.reverseColumnSet .column2:last-child{
	margin-left:0;
}
.reverseColumnSet .column2 img{
	width:100%;
}
.columnSetAB.typeA{
	display: flex;
    justify-content: center;
	margin-bottom: 4em;
}
.columnSetAB.typeB{
	display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
	margin-bottom: 4em;
}
.columnSetAB:last-child{
	margin-bottom:0;
}
.columnSetAB.typeA .columnText{
	width:48%;
}
.columnSetAB.typeA .columnImg{
	width:48%;
	margin-left:4%;
}
.columnSetAB.typeB .columnText{
	width:48%;
	margin-left:4%;
}
.columnSetAB.typeB .columnImg{
	width:48%;
}
.columnSetAB .columnImg img{
	width:100%;
}
.columnSetAB .columnText .h2StyleLeft{
	display:inline-block;
}
.columnSetAB .columnText .h2StyleLeft img{
	display:block;
	margin: 0 auto;
	margin-bottom:0.5em;
}
.columnSetAB .columnText .h2StyleLeft span{
	display:block;
}
.map{
	font-size: 0;
}
.map iframe{
	width: 100%;
}



/* index Setting
=========================================================================================== */
/***メインビジュアル***/
#indexContentsHead{
	position:relative;
}
#mainVisualImgSet{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	/*height: 100vh;*/
	margin: 0;
	background-image: url(../images/mainvisual.jpg);
	padding:94px 1em 6em 1em;
}
#indexContentsHead .mainCatch{
	text-align:center;
	font-weight:900;
}
.mainCatch .ttl{
	margin-bottom:1em;
}
.mainCatch .ttl span{
    background:#953925;
	color:#FFF;
    font-size:4.8rem;
    display: inline-block;
    padding:0.2em 1em;
    line-height: 1.2;
}
.mainCatch #logo{
	margin-bottom:0;
}
.mainCatch #logo span{
	display: inline-block;
    background: rgb(255,255,255,0.7);
    padding: 1em;
}


/***contents01***/
.borderBox1{
	text-align:center;
	border-radius:20px;
	border:6px solid #953925;
	padding:0 4% 2em 4%;
}
.borderBox1 h3{
	font-size:4.2rem;
	transform: translateY(-50%);
}
.borderBox1 h3 span{
	background:#953925;
	color:#FFF;
	padding:0.5em 1em;
    display: inline-block;
}
.borderBox1 p{
	font-size:4.2rem;
	font-weight:900;
	margin-bottom:0;
}
.borderBox1 .waribiki{
    border-bottom: 4px solid #953925;
    font-size: 4.2rem;
    margin-bottom: 1em;
}
.borderBox1 .waribiki strong{
	font-size:6.0rem;
	color:#DF0000;
	margin-left:1em;
}

.borderBox1 .priceTableStyle1{
    width: 100%;
    font-size: 20px;
}
.borderBox1 .priceTableStyle1 tr{
    border-bottom: 1px dashed #3B220C;
}
.borderBox1 .priceTableStyle1 th,
.borderBox1 .priceTableStyle1 td{
    padding: 1em;
}
.borderBox1 .priceTableStyle1 th{
    padding-left: 0;
}
.borderBox1 .priceTableStyle1 td{
    text-align: right;
    padding-right: 0;
}
.borderBox1 .priceTableStyle1 td span{
    text-decoration: line-through;
    margin-right: 10px;
}
.borderBox1 .priceTableStyle1 td strong{
    font-size: 3.2rem;
    color:#DF0000;
    margin-left: 10px;
}
.borderBox1 .priceTableStyle1 td strong.colorBk{
    color: #3B220C;
}
/***contents02***/
.contents02{
	background:#FDEDF7;
}
.columnTopSet{
	display: flex;
    justify-content: flex-start;
	flex-wrap: wrap;
}
.columnTopSet .column3{
	text-align:center;
	width:30%;
	margin-left:5%;
}
.columnTopSet .column3:nth-child(3n+1){
	margin-left:0;
}
.columnTopSet .column3 .img{
	margin-bottom:1em;
}
.columnTopSet .column3 img{
	width:100%;
}
.columnTopSet .column3 p{
	text-align:left;
}


/***contents03***/
.catchStyle1{
    font-size: 2.4rem;
    text-align: center;
}
.reliefList > li{
    display: flex;
    align-items: center;
    border: 2px solid #953925;
    padding: 1em 4%;
    margin-bottom: 1em;
}
.reliefList > li .icon{
    width: 92px;
}
.reliefList > li dl{
    width: calc(96% - 92px);
    margin-left: 4%;
}
.reliefList > li dl dt{
    font-size: 20px;
    color: #953925;
    font-weight: bold;
    margin-bottom: 0.5em;
}
.reliefList > li dl dd .listStyle1{
    list-style: disc;
    padding-left: 1em;
    font-size: 16px;
}
/***contents04***/
.contents04{
	background:#FDEDF7;
}
.infoColumnSet .column2{
    width: 48%;
    text-align: center;
}

.infoColumnSet .snsColumn{
    margin-left: 4%;
}

.infoTtl{
    font-size: 2.8rem;
    color: #953925;
    text-align: center;
}
.infoTtl span{
    display: inline-block;
    border: 2px solid #953925;
    padding: 0.5em 2em;
    border-radius: 3em;
}
.infoColumnSet .infoTtl span{
    display: block;
}
.infoColumnSet .telColumn a{
    font-size: 4.2rem;
}
.infoColumnSet .snsColumn .infoSnsList{
    display: flex;
    align-items: center;
    justify-content: center;
}
.infoColumnSet .snsColumn .infoSnsList li{
    margin: 0 10px;
}


.stepList{
	margin-bottom:6em;
}
.stepList li{
	background:#FFF;
	padding:2em;
	margin-bottom:2em;
	font-size:18px;
	display: flex;
	align-items: center;
    flex-wrap: wrap;
	position:relative;
}
.stepList li:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -24px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #FFF transparent transparent transparent;
    border-width: 24px 28px 0 28px;
}
.stepList li:last-child:before{
	content:none;
}
.stepList li span{
	font-size:4.2rem;
	font-weight:900;
	margin-right:2em;
    color: #953925;
}

.saiyouBtn{
    text-align: center;
}
.saiyouBtn a{
    background: #953925;
    color: #FFF;
    padding: 1em 2em;
    font-size: 2.4rem;
    display: inline-block;
    border-radius: 3em;
}
/***contents05***/
.open{
    border: 4px solid #953925;
    padding: 1em;
    font-size: 2.4rem;
    text-align: center;
    font-weight: 900;
    color: #953925;
}
/***bannerArea***/
.bannerList{
    display: flex;
    flex-wrap: wrap;
}
.bannerList li{
    margin-bottom: 6px;
    width: calc(90% / 5);
    margin-left: 2%;
}
.bannerList li:nth-child(5n+1){
    margin-left: 0;
}
.bannerList li img{
    max-width: 100%;
}
/* footer Setting
=========================================================================================== */
footer #footerArea{
	background:#953925;
	padding:2em 0 1em;
	color:#FFF;
	text-align:center;
}
footer #footerArea #footerLogo{
	margin-bottom:1em;
}
footer #footerArea h2{
	font-size:18px;
	margin-bottom:0.5em;
}
footer #footerArea .footerTel{
    font-size: 2.8rem;
    display: inline-block;
    color: #FFF;
    font-weight: bold;
}
footer #footerArea .footerSnsList{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2em;
}
footer #footerArea .footerSnsList li{
    margin: 0 10px;
}
footer #footerArea #copy{
	font-size:14px;
	text-align:center;
	margin-bottom:0;
}

@media all and (-ms-high-contrast: none) {
}
/* After Setting
=========================================================================================== */
.mt0{margin-top:0;}
.ml0{ margin-left:0;}
.mb0{margin-bottom:0;}
.mb20{margin-bottom:20px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}
.mb3{margin-bottom:3em;}
.mb6{margin-bottom:6em;}
.pb0{ padding-bottom:0;}
.pb20{ padding-bottom:20px;}
.pr20{ padding-right:20px;}
.vat{ vertical-align:top;}
.vam{ vertical-align:middle;}