@charset "utf-8";

/*topSlider*/
.sliderWrapper{
	width: clamp(200px, 100%, 960px);
	margin: 0 auto 2em;
}
.sliderWrapper img{
	width: 100%;
	max-width: auto;
	height: auto;
}
.sliders .sliderChild:not(#theFirst){
	display: none;
}
.sliderWrapper ul{
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: clamp(160px, calc(100vw/3), 560px);
	margin: 0 auto;
}
.sliderWrapper ul .sliderBtn{
	cursor: pointer;
	margin: 1em 0 0;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #333;
}
/*topSlider*/



.sent {
    display: inline-block;
    padding-left: 0px;
    text-indent: 0px;
}
.mb1em {
    margin-bottom: 1em;
}
.mb2em {
    margin-bottom: 2em;
}
.hl-box {
    text-align: center;
    padding-top: 32px;
    margin-bottom: 16px;
}
.hl-box h2 {
    font-size: 5.2vw;
    line-height: 130%;
}
.header {
}
.hd-logo-box .inner {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
}
.hd-nav .inner {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
}
.hd-imgbox .inner {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
}
.footer {
    background-color: #3890FF;
}
.footer .inner {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    color: #FFFFFF;
    padding-top: 16px;
    padding-bottom: 16px;
}
.header .hd-logo-box {
    background-color: #FFFFFF;
}
.header .hd-nav {
    background-color: #73CBFF;
    display: none;
}
.hd-tel-mb {
    text-align: center;
    width: 80%;
    margin-left: 0px;
    margin-right: auto;
    margin-bottom: 16px;
}
.hd-logo {
    width: 80%;
    margin-left: 0px;
    margin-bottom: 16px;
}
.hd-subnav {
    display: none;
}
.hd-subnav ul {
}
.hd-nav .inner ul {
}
.hd-nav .inner ul li a {
}
.hd-imgbox {
    background-image: url(../images/main-imgbg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: none;
}

.hd-nav .inner ul li a:hover {
	opacity: 0.7;
}
.main-contents {
    background-color: #EDF3FF;
    padding-bottom: 32px;
}
.main-contents .inner {
    width: 96%;
}
.ft-nav ul li {
}

.fcolor-pp {
    color: #810DCF;
}
.fcolor-br {
    color: #784623;
}
.ft-nav ul li a {
    color: #FFFFFF;
    text-decoration: none;
    font-size: 14px;
    line-height: 150%;
}
.qr-line p {
}

.ft-nav ul li a:hover {
    color: #F97400;
}
.qr-line {
    display: none;
}
.qr-line img {
}
.ft-nav {
    display: none;
}
.ft-add {
    line-height: 150%;
    font-size: 2.5vw;
    color: rgba(255,255,255,1.00);
    text-align: center;
}
.bn-box a img{
    width: 98%;
}
.qr-line-mb {
    margin-top: 16px;
}
a.inq-bt:hover {
	opacity: 0.7;
}
.inq-bt {
    background-color: #FF8130;
    display: block;
    text-align: center;
    width: 80%;
    height: auto;
    font-size: 4vw;
    text-decoration: none;
    color: #FFFFFF;
    -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.50);
    box-shadow: 0px 2px 8px rgba(0,0,0,0.50);
}
.inq-bt .sub {
    font-size: 33%;
}
.qr-line-mb a {
    background-color: rgba(53,189,65,1.00);
    display: block;
    width: 80%;
    text-align: center;
    font-size: 3vw;
    color: rgba(255,255,255,1.00);
    text-decoration: none;
    border-radius: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.qr-line-mb a:hover {
	opacity: 0.7;
}
.tel-icon{
    position: fixed;
    z-index: 9999;/*ボタンを最前面に*/
    top: 64px;
    right: 20px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    font-size: 50px;
    text-align: center;
}
.tel-icon a {
    font-size: 50px;
    text-decoration: none;
}
.hd-tel-pc {
    display: none;
}
.ft-add h1 {
    margin-bottom: 0px;
    padding-bottom: 0px;
}











@media print,screen and (min-width: 960px) {
.hl-box {
    padding-top: 32px;
    padding-bottom: 32px;
    margin-bottom: 0px;

}
.hl-box h2 {
    font-size: 36px;
    line-height: 150%;
}
.header {
}
.hd-logo-box .inner {
    width: 1100px;
    display: flex;
	justify-content: space-between;
	}
.hd-nav .inner {
    width: 1100px;
    padding-top: 4px;
    padding-bottom: 4px;
}
.hd-imgbox .inner {
    width: 1100px;
    position: relative;
    height: 350px;
}
.header .hd-logo-box {
    padding-top: 8px;
    padding-bottom: 8px;

	}
.header .hd-nav {
    display: inherit;
}
.hd-tel-pc {
    width: 450px;
    margin-right: 0px;
    margin-left: 10px;
    margin-bottom: 0px;
    display: inherit;
}
.hd-logo {
    width: 390px;
    margin-left: 0px;
    margin-right: 170px;
    margin-bottom: 0px;
}
.hd-subnav {
    display: inherit;
}
.hd-subnav ul {
    width: 100px;
    text-align: center;
}
.hd-subnav ul li a {
    background-color: #AACDE9;
    width: 100px;
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    padding-top: 8px;
    padding-bottom: 6px;
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: normal;
}
.hd-subnav ul li a:last-child {

}
.hd-nav .inner ul {
    display: flex;
    justify-content: space-around;
    padding-top: 4px;
    padding-bottom: 4px;
}
.hd-nav .inner ul li a {
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: 0px 0px 4px #12438F;
    font-size: 20px;
}
.main-contents {
    padding-bottom: 64px;
}
.main-contents .inner {
    width: 1000px;
}
.footer {
    padding-bottom: 32px;
}
.footer .inner {
    width: 1100px;
    padding-top: 16px;
    padding-bottom: 16px;
    position: relative;
    display: flex;
	justify-content: space-between;
	align-items: flex-end;
	align-self:flex-end;
}
.ft-nav ul li {
    display: inline;
}
.ft-nav ul li:not(:last-child):after {
content:" | ";
}
.qr-line p {
    background-color: #35BD41;
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    font-size: 14px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    margin-right: 0px;
    text-align: left;
}
.qr-line {
    display: flex;
    width: 320px;
    margin-top: 0px;
    margin-bottom: -24px;
}
.qr-line img {
    margin-left: 0px;
}
.ft-nav {
    margin-top: 0px;
    margin-bottom: 0px;
    display: inherit;
}
.ft-add {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 150%;
    text-align: left;
}
.bn-box a {
}
.qr-line-mb {
    display: none;
}
.openbtn1 {
    display: none;
}
.inq-bt {
    background-color: #FF8130;
    display: block;
    text-align: center;
    width: 600px;
    height: auto;
    font-size: 36px;
    text-decoration: none;
    color: #FFFFFF;
    -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.50);
    box-shadow: 0px 2px 8px rgba(0,0,0,0.50);
}
.qr-line-mb a {

}
.tel-icon{
display:none;
}
.hd-tel-mb {
    display: none;
}




	
}