@charset "UTF-8";
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,figure,nav,footer,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	  line-height: 1.6;
  font-size: 14px;
font-family: "M PLUS Rounded 1c", serif;
	color: #4D4D4D;
}
body{
	background: #FFF;
}
ol,ul,li,dl,dt,dd{
list-style: none;
  margin: 0;
  padding: 0;
}
a {
text-decoration: none;
}


a:hover {
	text-decoration: underline;
}
img {
vertical-align: bottom;
border: none;
-webkit-backface-visibility: hidden;
width: 100%;
}

#wrapper {
	overflow: hidden;
	width: 100%;
}

a:hover img {
filter: brightness(120%);
transition: all .3s;
}
section{
	clear: both;
}
/*---------------------------------------------------------------------------------------------*/
    h2.tit {
        background: #1F2A66;
        margin-bottom: 70px;
        padding: 20px 0px 20px 0px;
        position: relative;
        text-align: center;
    }
    h2.tit::after {
        border-left: 35px solid rgba(0, 0, 0, 0);
        border-right: 35px solid rgba(0, 0, 0, 0);
        border-top: 35px solid #1F2A66;
        bottom: -35px;
        content: "";
        height: 0;
        left: 50%;
        margin-left: -35px;
        position: absolute;
        width: 0;
    }
    h2.tit img{
		height: 95px;
		width: auto;
	    }
/*---------------------------------------------------------------------------------------------*/
header{
	width: 100%;
	overflow: hidden;
	margin: 0px auto;
	padding: 5px 0px;
	position: fixed;
	top:0px;
	background: #FFF;
	z-index: 4000;
	border-bottom: 1px solid #eee;
}
header .inner{
	width: 1100px;
	margin: 0px auto;
	display:flex;/*横並び*/
	align-items:center;/*天地センター*/
	flex-wrap:wrap;
	justify-content:space-between;
}
header .logo{
	float: left;
     width: 380px;
	padding-top: 0px;
}
 .logo img{
     width: 100%;
}
header .inner .right{
	width: 300px;
}
header .inner .right img{
	width: 100%;
}


header h1{
	width: 1100px;
	margin: 0px auto;
	font-size: 90%;
}
#contents{
	padding-top: 113px;
}
/*---------------------------------------------------------------------------------------------*/
.main{
	width: 100%;
	height:
	auto;
	overflow: hidden;
	padding-top: 15px;
	background: url(../images/main-back.png) repeat-x;
	background-position-y: -160px;
}
.main .inner{
    width: 1100px;
    text-align: center;
	overflow: hidden;
	margin: 0px auto;
}
.main .inner img{
	width: 100%;
}
.main section.bnr{
	padding: 10px 0px 60px;
}
/*-nav--------------------------------------------------------------------------------------------*/
nav#pc{
width: 100%;
padding: 60px 0px;
background: #F8D7DE;
}
nav#pc ul{
width: 1000px;
margin:0px auto;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
nav#pc ul li{
width: calc( 290px) ;
text-align: center;
}
nav#pc ul li img{
    width: calc( 100%) ;
}
.bar_title {
    padding: 5px 0px;
    font-size: 130%;
    /* border-top: 1px solid #0092FF;
    border-bottom: 1px solid #0092FF; */
    color: #4D4D4D;
    text-align: center;
    background: #C1DCEF;
}
/*-price--------------------------------------------------------------------------------------------*/
section.price{
	overflow: hidden;
	background: #EDF5F9;
	padding: 0px 0px 45px 0px;
}
section.price h2.tit {
	background: #57A2D8;
}
section.price h2.tit::after {
	border-left: 35px solid rgba(0, 0, 0, 0);
	border-right: 35px solid rgba(0, 0, 0, 0);
	border-top: 35px solid #57A2D8;
}
.price .inner{
	width: 1100px;
	margin: 0px auto;
}
.price p.img{
	width: 1100px;
	margin:0px auto;
	margin-bottom: 20px;
}
.price ul.waribiki{
width: 100%;
margin-bottom: 30px;
display:flex;/*横並び*/
align-items:top;/*天地センター*/
flex-wrap:wrap;
justify-content:space-between;

}
.price ul.waribiki li{
	width:calc(100% / 3 - 30px);
}
.price ul.waribiki li img{
	width:calc(100%);
}
.price ul.txt li.red{
	color: #DF375D;
	font-size: 20px;
}
.price_box_list{
	width: 100% ;
	display:flex;/*横並び*/
	align-items:center;/*天地センター*/
	flex-wrap:wrap;
	justify-content:space-between;
}
.price_box_list li{
	width:calc(100% / 2 - 10px);
}
.price_box{
	width: 100%;
	margin-bottom: 25px;
}
.price_box div.tit{
	padding: 20px 10px 10px;
	background: #57A2D8;
	position: relative;
	min-height:120px;
}
.price_box div.tit h4{
	font-size: 44px;
	line-height: 100%;
	color: #FFF;
	text-align: left;
}
.price_box div.tit p{
	padding: 5px;
	font-size: 16px;
	line-height: 110%;
	color: #FFF;
	text-align: left;
}
.price_box div.tit p.car{
	position: absolute;
	top:-15px;
	right:4px;
	width: 260px;
}
.price_box div.tit p.car.kei{
	width: 230px;
}
.price_box div.tit p.car.ogata {
	top:-20px;
}
.price_box div.tit p.car.kogata {
	top:-20px;
}
.price_box div.tit p.car.chugata {
	top:-20px;
}
.price_box div.tit p.car.tokudai {
	top:-20px;
}
.price_box div.tit p.car.kamotsu {
	top:-20px;
}
.price_box div.tit p.car img{
	width: 100%;
}
.price_box div.txt{
	padding: 10px;
	background: #FFF;
	display: flex;
	justify-content: space-between;
	align-items:center;
}
.price_box div.txt table{
	width: 52%;

}
.price_box div.txt table th,.price_box div.txt table td{
	font-size: 17px;
	line-height: 140%;
	font-weight: bold;
}
.price_box div.txt table th{
	text-align: left;
}
.price_box div.txt table th span{
	font-size:80%;
}
.price_box div.txt table td{
	text-align: right;
}
.price_box div.txt div.max_price{
	width: 46%;
}
.price_box div.txt div.max_price p.tit{
	margin-bottom: 15px;
	padding: 2px;
	font-size: 30px;
	border-radius: 10px;
	background: #F6638F;
	text-align: center;
	color: #FFF;
}
.price_box div.txt div.max_price p.price{
	text-align: center;
	font-size: 38px;
	line-height: 100%;
	color: #F6638F;
	font-weight: bold;
}
.price_box div.txt div.max_price p.price_warigiki_tekiyou{
	font-size: 20px;
	line-height: 160%;
	color: #F6638F;
	font-weight: bold;
}
.price_box div.txt div.max_price p.price span{
	font-size: 26px;
	line-height: 100%;
	color: inherit;
	font-weight: bold;
}
.price_box div.txt div.max_price p.price span .zeibetsu{
	display:inline-block;
	font-size:12px;
	line-height: 0.6;
	text-align: left;
	font-weight:normal;
}
.price_box div.txt div.max_price p.price span .zeibetsu .zeibetsu__kara{
	display: inline-block;
	font-weight:bold;
	/* transform: scale(1,1); */
	font-size:20px;
	/* line-height:0.1; */
}
.price_box div.txt div.max_price p.price span.goukei{
	display: inline-block;
	margin:0 4px 0 0;
	font-size: 16px;
}
/*-reason--------------------------------------------------------------------------------------------*/
section.reason{
	background: #FEFCEF;
}
section.reason h2.tit {
	background: #91C770;
}
section.reason h2.tit::after {
	border-left: 35px solid rgba(0, 0, 0, 0);
	border-right: 35px solid rgba(0, 0, 0, 0);
	border-top: 35px solid #91C770;
}
.reason-block{
width: 1100px;
margin:0px auto;
padding: 40px 0px;
position: relative;
}
.reason-block:last-of-type{
	width: 1100px;
	margin:0px auto;
	padding: 40px 0 100px;
	position: relative;
	}
/* .reason-block.reverse{
  flex-flow: row-reverse;
} */
.reason-block h3{
	width: calc(620px - 20px) ;
	padding: 20px 10px;
	background: #53bf1195;
	border-radius: 10px;
}
.reason-block h3 img{
	max-height: 80px;
	width: auto;
}
.reason-block div.txt-block{
position:absolute;
z-index: 2000;
top:-0px;
left:480px;
}
.reason-block div.img-block{
width: 580px;
z-index: 1000;
}
.reason-block div.img-block img{
	width: 100%;
	border-radius: 25px;
}
.reason-block p{
	width: calc(100% - 0px);
	padding: 10px 10px 0px 120px;
	font-size: 130%;
	line-height: 1.8;
}
.reason-block p span{
    color: #DF375D;
    font-size: 75%;
    line-height: 1.8;
    display: block;
}
div.card{
	width: 1100px;
	margin: 0px auto;
	margin-bottom: 30px;
}
.reason-block div.card p{
    width: auto;
    padding: 20px 0 0;
    font-size: 140%;
    line-height: 100%;
}
.reason-block div.card p:nth-last-of-type(1){
    width: auto;
    padding: 10px 0;
    font-size: 140%;
    line-height: 100%;
}
/*--------------------------------------*/
.reason-block.reverse h3{
	width: 695px;
	padding: 20px 10px;
	background: #53bf1195;
	border-radius: 10px;
}
.reason-block.reverse h3 img{
	max-height: 80px;
	width: auto;
}

.reason-block h3.block02 img,.reason-block.reverse h3.block02 img{
	max-height: max-content;
	width: auto;
}
.reason-block.reverse div.txt-block{
position:absolute;
z-index: 2000;
top:-0px;
left:0px;
}
.reason-block.reverse div.img-block{
    width: 580px;
    z-index: 1000;
    margin-left: 520px;
}
.reason-block.reversediv.img-block img{
	width: 100%;
}
.reason-block.reverse p{
    width: calc(100% - 600px);
    padding: 10px 0px 0px 0px;
}
.reason-block.reverse:nth-of-type(2) p{
    width: 500px;
    padding: 10px 0px 0px 0px;
}

/*-bnr--------------------------------------------------------------------------------------------*/
.bnr{
	width: 100%;
	padding: 70px 0px;
}
.bnr img{
	width: 100%;
}
.bnr .inner{
width: 1000px;
margin:0px auto;
}

/*-footer--------------------------------------------------------------------------------------------*/
footer{
	clear: both;
	width: 100%;
	padding: 30px 0px;
    text-align: center;
    background: #808080;
}
footer .inner{
	text-align: center;
	color: #FFF;
}
footer .inner div.copy{
	text-align: center;
	font-size: 85%;
	overflow: hidden;
	color: #FFF;
}


/*page-top------------------------------------------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 90%;
}

#page-top a {
    text-decoration: none;
    color: #333;
    padding: 10px 10px;
    text-align: center;
    display: block;
    border-radius: 5px;
    border: none;
    background: #DDD;
}
#page-top a:hover {
    text-decoration: none;
	background: #555;
}

/*---------------------------------------------------------------------------------------------*/
.red{
color: #E8080C;
    font-size:inherit;}
.gold{
color: #E9D200;
    font-size:inherit;}
.blue{
color: #00265e;
}
.yellow{
color:yellow;
}
.line-yellow{
	background-color: yellow;
}
.bold{
	font-weight: bold;
}
.column{
	margin: 0px auto;
	margin-bottom:40px;
	text-align: center;
}
.center{
	text-align: center;

}
.lead{
	padding: 20px 0px;
	font-size: 130%;
}

.column{
		margin-bottom: 40px;
}
.txt{
	font-size: 145%;
	line-height: 190%;
}
.tel-txt .inner{
width: 780px;
margin: 0px auto;
padding: 40px 0px;
}
.tel-txt .inner p{
margin: 0px auto;
padding: 10px;
border: 1px solid #0D2137;
font-size: 110%;
line-height: 180%;
}

.tel-txt .inner span.tel{
	font-size: 140%;
	color: #E9D200;
}
/*shop-list*/
.shop-list{
    width: 100%;
    background: #FEFCEF;
}
.shop-list .inner{
    width: 1100px;
    margin: 0px auto;
}
.shop-list p.shop_logo{
	padding: 30px 0px;
	text-align: center;
}
.shop-list p.shop_logo img{
	width: 965px;
}
.shop-block{
width: 100%;
margin:0px auto;
margin-bottom: 20px;
display:flex;/*横並び*/
align-items:top;/*天地センター*/
flex-wrap:wrap;
justify-content:space-between;
}
.shop-block .map{
	width: 550px;
}
.shop-block .txt{
	width: 500px;
}
.shop-block .txt p{
    margin-bottom: 15px;
    font-size: 90%;
}
.shop-block .txt p a{
    font-size:  inherit;
	
}
.shop-block .txt p.notice{
    padding: 10px;
    background: #E70014;
    color: #FFF;
}
.shop-list .bnr{
	padding: 30px 0px 60px 0px;
}
/*-----------------------------------------------------------------------------------------*/
.center{
	text-align: center;
	margin: 0px auto;
}
/*top_info------------------------------------------------*/

.top_info{
 width: 1000px;
 margin: 20px auto 50px auto;
border-radius:10px 10px 10px 10px;
border: 1px solid #1F2A66;
 }
  .top_info h3{
  padding:14px 0px;
  border-radius:10px 10px 0px 0px;
  background:#1F2A66;
  font-size:32px;
  font-weight: bold;
  text-align:center;
  color:#FFF;
  }
  .top_info div.block{
	padding: 15px;
	display: flex;
	}
  .top_info div.block div.txt{
	width: 100%;
	padding-right: 10px;
	  }
	  .top_info div.block div.txt p{
		margin-bottom: 10px;
		font-size: 15px;
		line-height: 150%;
}

.price_txt{
	width:96%;
	font-size:19px;
	margin:0 auto 20px;
}
.price_item{
	display:
	flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 20px;
	padding: 20px;
	background: #fff;
}
.price_item div.block{
	width:48%;
}

.price_item img{
	padding:10px;
}


/*slide*/
.container {
	margin: 0 auto;
	padding: 40px;
	width: 80%;
	color: #333;
	background: #419be0;
  }

  .slick-slide {
	text-align: center;
	color: #419be0;
	background: white;
}

/*-procourse--------------------------------------------------------------------------------------------*/
section.procourse h2.tit{
	background: #ff9700;
}
section.procourse h2.tit::after{
	border-left: 35px solid rgba(0, 0, 0, 0);
    border-right: 35px solid rgba(0, 0, 0, 0);
    border-top: 35px solid #ff9700;
}
.procourse .inner{
	max-width: 750px;
	margin: 0 auto;
}
.procourse .underline-yellow{
	width: fit-content;
	font-size: 2em;
	font-weight: bold;
	color: #000;
	background: linear-gradient(transparent 30%, #ffff00 30%);
	padding: 0 5px;
	margin: 1em auto;
}
.hikaku-title{
	position: relative;
	font-size: 3em;
	font-weight: bold;
	text-align: center;
	color: #000;
	line-height: 1;
	margin: 1.5em 0 0.5em 0;
}
.hikaku-title .tx-orange{
	font-size: 1em;
	font-weight: bold;
	color: #f15a24;
}
.hikaku-title .tx-lightblue{
	font-size: 1em;
	font-weight: bold;
	color: #0092db;
}
.hikaku-title::before,
.hikaku-title::after{
	content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 15%;
    height: 6px;
    background-color: #000;
}
.hikaku-title::before{
    left: 0;
    transform: rotate(60deg);
}
.hikaku-title::after{
    right: 0;
    transform: rotate(120deg);
}
.procourse .txt{
	margin-top: 15px;
}
.pro-hikaku a{
  display: block;
  text-align: right;
  text-decoration: underline;
  color: #000;
}