@charset "utf-8";
/* CSS Document */

/* スマホ設定  768 以下*/
@media screen and (max-width:767px)
{	

.pt{display: none;}
.pc{display: none;}
.ps{display: inline;}
.tb{display: none;}
.ts{display: inline;}
.sp{display: inline;}
	
header .main {
position: static;
}

header .main img:first-child {
height: auto;
object-fit: none;
}

header .main img:nth-child(2) {
width: 100%;
height: auto;
}

header .main img:last-child {
display: none;
}

#block1 {
padding: 120px 0;
background-position: left 10% bottom 5%, right 5% top, left -5% top, right -5% bottom, center top;
background-size: 30%, 25%, 60%, 60%, cover;
}

#block1 h2 {
margin-bottom: 25px;
}

#block1 p {
font-size: 100%;
}

#block2 {
padding: 80px 0 40px;
background-size: 200%, cover;
}

#block2 h2 {
margin-bottom: 30px;
}

#block2 .lead {
font-size: 110%;
margin-bottom: 30px;
}

#block2 ul {
display: block;
}

#block2 li {
width: 100%;
margin-bottom: 40px;
}

#block2 li:first-child:before {
top: -20px;
left: 10px;
}

#block2 li:nth-child(2):before {
top: -20px;
left: 10px;
}

#block2 li:last-child:before {
top: -20px;
left: 10px;
}

#block2 li img {
width: 100%;
height: auto;
}

#block3 {
padding: 80px 0 40px;
}

#block3 ul {
width: 80%;
display: block;
}

#block3 li {
width: 100%;
margin-bottom: 40px;
text-align: center;
}

#block3 li img {
margin-bottom: 20px;
}

#block3 li .inbox {
max-width: 100%;
}

#block3 li p {
text-align: left;
}

#block4 h2 {
width: 80%;
margin: 0 auto 30px;
}

#block4 ul {
display: block;
}

#block4 li {
width: 100%;
margin-bottom: 40px;
}

#block4 li p {
text-align: left;
}

#block4 .comment_box {
padding: 25px;
position: static;
}

#block4 .comment_box p {
padding-right: 0;
margin-bottom: 20px;
}

#block4 .comment_box .about_4 {
position: static;
text-align: center;
}

#block5 {
padding-bottom: 100px;
}

#block5 h2 {
font-size: 220%;
text-align: center;
}

#block5 h3 img {
height: 220px;
}

#block5 .lead {
font-size: 100%;
}

#block5 section {
padding: 25px;
}

#block5 section .inbox {
margin-bottom: 10px;
display: block;
}

#block5 section .left_box {
width: 100%;
margin-bottom: 20px;
}

#block5 section .right_box {
width: 100%;
}

#block5 section .price_box {
display: block;
}

#block5 section .price_box .hayawari {
margin-right: 0;
margin-bottom: 10px;
}

#block5 section .btn {
display: block;
text-align: center;
}

#block5 section .btn img {
margin: 0 0 15px 0;
}

#block5 ul.inbox2 {
display: block;
margin-top: 40px;
}

#block5 ul.inbox2 li {
width: 100%;
}

#block5 ul.inbox2 li:nth-child(odd) {
padding-right: 0;
border-right: none;
}

#block5 ul.inbox2 li:nth-child(even) {
padding-left: 0;
}

#block5 ul.inbox2 li:nth-child(1) {
border-top: solid 1px #333333;
}

#block5 ul.inbox2 li:nth-child(2) {
padding-top:20px;
}

#block5 ul.inbox2 li:nth-child(3) {
border-bottom: solid 1px #333333;
padding-bottom: 20px;
}

#block5 .comment_box h3 {
font-size: 140%;
}

#block6 {
margin-bottom: 80px;
}

#block6 h2 {
font-size: 220%;
text-align: center;
}

#block6 .lead {
font-size: 100%;
}

#block6 ul {
display: block;
}

#block6 li {
width: 100%;
margin-bottom: 20px;
}

#block6 .btn3 {
margin-top: 30px;
}

#block7 {
margin: 0 auto 80px;
}


#block7 dl {
padding: 40px 0;
display: block;
}

#block7 dt {
width: 100%;
margin-bottom: 30px;
}

#block7 dt h3 {
margin-top: 0;
margin-bottom: 25px;
font-size: 130%;
}

#block7 dd {
width: 100%;
text-align: center;
}

#block8 {
padding: 80px 0;
}

#block8 h2 {
margin-bottom: 30px;
font-size: 200%;
}

#block8 ul {
display: block;
}

#block8 li {
width: 100%;
text-align: center;
}

#block9 {
margin-bottom: 100px;
padding: 80px 0;
}

#block9 h2 {
margin-bottom: 30px;
font-size: 200%;
}

#block9 .kome {
text-align: left;
}

#block10 {
padding: 70px 25px 25px;
}

#block10 h2 {
width: 260px;
top: -45px;
left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

#block11 .inbox {
display: block;
}

#block11 h2 {
margin-bottom: 30px;
font-size: 200%;
}

#block11 ul {
width: 100%;
}

#block11 .guide_calendar {
width: 260px;
text-align: center;
margin: 0 auto;
}

#block12 h2 {
margin-bottom: 30px;
font-size: 200%;
}

#block12 h3 {
margin-bottom: 25px;
font-size: 120%;
}

#block12 dl {
display: block;
}

#block12 dt {
width: 100%;
border-bottom: solid 2px #DDDDDD;
}

#block12 dd {
border-bottom: solid 2px #0F9093;
}

#block12 dl:first-of-type dd {
border-top: none;
}

#block12 dd img {
margin-right: 0;
margin-bottom: 10px;
}

footer .inbox1 {
display: block;
}

footer .left_box {
width: 100%;
}

footer .left_box img {
height: 200px;
}

footer .right_box {
width: 100%;
padding: 40px;
box-sizing: border-box;
}

footer .right_box h2 img {
max-width: 100%;
}

footer .inbox2 {
padding: 25px 0;
display: block;
text-align: center;
line-height: 140%;
}

footer .inbox2 p:last-child {
margin-top: 15px;
}

}