@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700;900&display=swap');


/*----------------------------------------------------
　
------------------------------------------------------*/
#SBT-main{
position: relative;
overflow: hidden;
margin: 0 0 70px;
}
#SBT-main h2{
clear: both;
margin:50px 0 50px;
font-size: 37px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
line-height: 1.5;
}
#SBT-main h2 .small{
display: inline-block;
font-size: 22px;
font-weight: 500;
line-height: 1.5;
}
#SBT-main h3{
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
}
#SBT-main .text{
width: 55%;
float: left;
font-size: 16px;
}
#SBT-main .img{
float: right;
width: 39%;
padding-top: 110px;
}
#content .cont{
}

#content img{
max-width: 100%;
}


@media screen and (max-width: 760px) {
/*#SBT-main h2{
font-size:2.35294em;
}
#SBT-main h2 .small{
font-size: 65%;
}
#SBT-main .text{
width: 100%;
float: none;
margin: 0 0 1em;
}
#SBT-main .img{
float: none;
}*/
}

/*----------------------------------------------------
　
------------------------------------------------------*/
.SBT-ContactBtn{
position: fixed;
right: 0;
bottom: 310px;
width: 360px;
z-index: 1000;
/* 初期状態（非表示） */
opacity: 0;
transform: translateY(20px); /* 下に20pxずらしておく */
transition: opacity 0.4s ease, transform 0.4s ease;
}

.SBT-ContactBtn2{
position: fixed;
right: 0;
bottom: 110px;
width: 210px;
z-index: 1000;
/* 初期状態（非表示） */
opacity: 0;
transform: translateY(20px); /* 下に20pxずらしておく */
transition: opacity 0.4s ease, transform 0.4s ease;
}

.SBT-ContactBtn.is-visible,
.SBT-ContactBtn2.is-visible {
opacity: 1;
transform: translateY(0);
}

.SBT-ContactBtn:hover,
.SBT-ContactBtn2:hover {
  transform: translateX(5px);
}
@media screen and (max-width: 760px) {
.SBT-ContactBtn{
width: 500px;
}
.SBT-ContactBtn2{
width: 290px;
}
}

/*----------------------------------------------------
　
------------------------------------------------------*/
#SBT-nayami{
clear: both;
overflow: hidden;
margin: 0 0 70px;
}

h2.sbt-title{
margin: 0 0 1em;
padding: 0.1em 0.5em 0.2em;
font-size: 29px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
line-height: 1.2;
border-left: 8px solid #B81D25;
border-bottom: 1px solid #333;
}

#SBT-nayami ul{
overflow: hidden;
}

#SBT-nayami ul li{
float: left;
width: 48.5%;
padding: 1em 1.5em;
margin: 0 3% 1.5em 0;
font-size: 16px;
border: 2px solid #22427d;
border-left: 5px solid #22427d;
border-radius: 0.5em 1em 1em 0.5em;/*[左上] [右上] [右下] [左下];*/
box-sizing: border-box;
background: #f2f6ff;
}
#SBT-nayami ul li:nth-child(2n){
margin-right: 0;
}

#SBT-nayami ul li h3{
font-size: 20px;
}


#SBT-nayami .text{
clear: both;
font-size: 16px;
}

@media screen and (max-width: 760px) {
#SBT-nayami ul li h3{
font-size: 1.17647em;
}
/*#SBT-nayami ul li{
float: none;
width: 100%;
padding: 1em 1.5em;
margin: 0 0 1.5em 0;
}*/
}

/*----------------------------------------------------
　
------------------------------------------------------*/

h3.sbt-title{
margin: 0 0 1em;
padding: 0.1em 0.5em 0.2em;
font-size: 29px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
line-height: 1.2;
border-left: 8px solid #B81D25;
border-bottom: 1px solid #333;
}

.sbt-detail{
clear: both;
font-size: 16px;
line-height: 1.8;
text-align: left;
}
@media screen and (max-width: 760px) {
.sbt-detail{
clear: both;
font-size: 18px;
line-height: 1.8;
text-align: left;
}
}
/*----------------------------------------------------
　
------------------------------------------------------*/
#SBT01{
clear: both;
overflow: hidden;
margin: 0 0 60px;
}

#SBT01 .text{
float: left;
width: 53%;
}
#SBT01 .img{
float: right;
width: 39%;
text-align: center;
}


/*----------------------------------------------------
　
------------------------------------------------------*/
#SBT02{
clear: both;
overflow: hidden;
margin: 0 0 40px;
}

#SBT02 h4{
margin: 0 0 0.8em;
color: #B81D25;
font-size: 23px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
line-height: 1.2;
}


#SBT02 .sbt-detail{
overflow: hidden;
margin: 0 0 3.5em;
}

#SBT02 .sub-area{
margin: 1em 0;
padding: 1.2em;
color: #fff;
background: #D9947A;
}

#SBT02 .text1{
margin: 0 0 1em;
}
#SBT02 .text{
float: left;
width: 53%;
}
#SBT02 .img{
float: right;
width: 39%;
}

#SBT02 .link{
clear: both;
padding: 1.5em 0 0;
overflow: hidden;
text-align: center;
}

#SBT02 .link .dd{
margin: 0 0 1em;
color: #B81D25;
font-size: 23px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
line-height: 1.2;
text-align: center;
}

#SBT02 .link a{
position: relative;
display: block;
width: 80%;
max-width: 486px;
margin: 0 auto;
padding: 1em;
color: #fff;
font-size: 20px;
font-weight: 700;
line-height: 1.3;
text-align: center;
text-decoration: none;
border-radius: 3em;
background: #B2292C;
background-color: rgba(178,41,44,1.00);
}
#SBT02 .link a:hover{
color: #fff !important;
background-color: rgba(178,41,44,0.7);
}

#SBT02 .link a:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 0;
  right: 1.2em;
  bottom: 0;
  margin: auto;
}




/*----------------------------------------------------
　
------------------------------------------------------*/
.contact-area{
clear: both;
overflow: hidden;
}

#SBT03{
clear: both;
overflow: hidden;
margin: 0 0 80px;
}

#SBT04{
clear: both;
overflow: hidden;
margin: 0 0 100px;
}

.contact-area h3{
margin: 0 0 1.8em;
color: #B81D25;
font-size: 23px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
line-height: 1.2;
text-align: center;
}



.contact-area .link{
clear: both;
padding: 0 0 2em;
overflow: hidden;
text-align: center;
}
.contact-area .link a{
position: relative;
display: inline-block;
width: 80%;
max-width: 486px;
margin: 0 auto;
padding: 1em;
color: #fff;
font-size: 20px;
font-weight: 700;
line-height: 1.3;
text-align: center;
text-decoration: none;
border-radius: 3em;
background: #B2292C;
background-color: rgba(178,41,44,1.00);
}
.contact-area .link a:hover{
color: #fff !important;
background-color: rgba(178,41,44,0.8);
}
.contact-area .link a:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 0;
  right: 1.2em;
  bottom: 0;
  margin: auto;
}


#SBT04.contact-area h3{

}
#SBT04.contact-area .link a{
font-size: 26px;
}

#SBT03.contact-area h3{
color: #22427d;
}
#SBT03.contact-area .link a{
background: #22427d;
background-color: rgba(34,66,125,1.00);
}
#SBT03.contact-area .link a:hover{
background: #22427d;
background-color: rgba(34,66,125,0.8);
}