@charset "UTF-8";
@media screen and (min-width: 768px),print {

#con01{ width:100%; max-width:1920px; margin:0 auto; padding:0 0 130px; background: url(../images/minokamo-studio/con01-bg01.png) no-repeat center bottom,#EAECEE; }
#con01 .inner-Box{ position:relative; margin-bottom:97px; }
#con01 .inner-Box .ttl {position: absolute;top: -9.5%;left: 50%;transform: translateX(-50%);width: 52.3%; /* ← 1004px ÷ 1920px × 100 = 52.3% */}
#con01 .inner-Box .ttl img {width: 100%;height: auto;display: block;}
#con01 .inner-Box .txt{ position:absolute; bottom:-22px; right:0; }
#con01 .inner-Box .pic{  }
#con01 .inner-Box .pic img{ width:100%; }

#con01 .inner-Box2{ width:1200px; margin:0 auto 120px; background-color:#DADFE3;padding:70px 90px 60px; position:relative; }
#con01 .inner-Box2::before{ content: url(../images/minokamo-studio/con01-icon02.png); position: absolute; bottom: -10px; left: 130px; z-index:10; }
#con01 .inner-Box2 .ttl{ position:absolute; top:-30px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); }
#con01 .inner-Box2 .txt-box{ background-color:#fff; padding:58px 0 71px; position:relative; }
#con01 .inner-Box2 .txt-box::before{ content: url(../images/minokamo-studio/con01-icon01.png); position: absolute; bottom: 10px; right: 20px;  }
#con01 .inner-Box2 .txt-box .tel{ text-align:center; margin-bottom:34px; }
#con01 .inner-Box2 .txt-box .btn{ text-align:center; }

#con01 .inner-Box3{ width:1100px; margin:0 auto; background:#fff; padding:58px 120px 173px; position:relative; }
#con01 .inner-Box3 .ttl{ text-align:center; margin-bottom:38px; }
#con01 .inner-Box3 .txt-box{ padding-right: 548px; position:relative; }
#con01 .inner-Box3 .txt-box .pic{ position:absolute; top:0; right:-30px; }
#con01 .inner-Box3 .txt-box .ttl1{ font-size:30px; font-weight:700; line-height:44px; letter-spacing:1.5px; margin-bottom:39px; }
#con01 .inner-Box3 .txt-box .txt{ font-size:14px; font-weight:400; line-height:24.5px; letter-spacing:0.7px; color:#666666; }
#con01 .inner-Box3 .txt-box .mb1{ margin-bottom:22px; }

#con02{ width:100%; max-width:1920px; margin:0 auto 119px; background-color:#EAECE7; padding:140px 50px 140px; }
#con02 .inner-Box{ width:100%; max-width:1400px; min-width:1100px; background-color:#fff; margin:0 auto; padding:80px 0 142px; }
#con02 .inner-Box .ttl{ text-align:center; position:relative; right:24px; margin-bottom:80px; }
#con02 .inner-Box .box1{ width:1040px; margin:0 auto 130px; position:relative; }
#con02 .inner-Box .box1 .pic{ position:absolute; top:30px; left:0; }
#con02 .inner-Box .box1 .ttl-box{ width: 542px; margin-left:auto; position:relative; padding: 80px 90px 80px 90px; border: 2px solid #DADFE3; background-color:#fff;box-shadow: 10px 10px 30px rgba(0, 0, 0, .1); }
#con02 .inner-Box .box1 .ttl-box .num{ position:absolute; top:-2px; left:0; }
#con02 .inner-Box .box1 .ttl-box .ttl1{ font-size:30px; font-weight:700; line-height:44px; letter-spacing:1.5px; margin-bottom:29px; }
#con02 .inner-Box .box1 .ttl-box .txt{ font-size:14px; font-weight:400; line-height:24.5px; letter-spacing:0.7px; color:#666666; }
#con02 .inner-Box .box1 .ttl-box .mb1{ margin-bottom:22px; }
#con02 .inner-Box .box2{ width:1040px; margin:0 auto 155px; position:relative; }
#con02 .inner-Box .box2 .pic{ position:absolute; top:30px; right:0; }
#con02 .inner-Box .box2 .ttl-box{ width: 542px; position:relative; padding: 80px 90px 80px 90px; border: 2px solid #DADFE3; background-color:#fff; box-shadow: 10px 10px 30px rgba(0, 0, 0, .1); }
#con02 .inner-Box .box2 .ttl-box .num{ position:absolute; top:-2px; left:0; }
#con02 .inner-Box .box2 .ttl-box .ttl1{ font-size:30px; font-weight:700; line-height:44px; letter-spacing:1.5px; margin-bottom:29px; }
#con02 .inner-Box .box2 .ttl-box .txt{ font-size:14px; font-weight:400; line-height:24.5px; letter-spacing:0.7px; color:#666666; }
#con02 .inner-Box .box2 .ttl-box .mb1{ margin-bottom:22px; }
#con02 .inner-Box .box2.last-box{ margin-bottom:0; }

#con03{ width:1200px; margin:0 auto 160px; }

#con04{ width: 100%; max-width:1920px; background-color:#fff; padding:0px 50px 0px; margin:0 auto 217px; }
#con04 .inner-Box{ width: 100%; max-width:1500px; min-width:1100px; background-color:#EAECE7; padding:100px 0 100px; margin:0 auto; }
#con04 .ttl{ text-align:center; margin-bottom:50px; }
#con04 .inbox1{ width:1100px; margin:0 auto 120px; overflow:hidden; }
#con04 .inbox1 .l-box{ width:660px; float:left; }
#con04 .inbox1 .r-box{ width:380px; float:right; }
#con04 .inbox1 .r-box h3{ margin-bottom:9px; }
#con04 .inbox1 .r-box iframe{ width:380px; height:674px; }
#con04 .inbox2{ width:1100px; margin:0 auto 30px; overflow:hidden; }
#con04 .inbox2 .l-box{ width:520px; float:left; }
#con04 .inbox2 .r-box{ width:550px; float:right; position:relative; }
#con04 .inbox2 .r-box .map-box{ width:550px; height:390px; }
#con04 .inbox2 .r-box .map-box iframe{ width:550px; height:390px; }
#con04 .inbox2 .r-box .txt{ font-size:14px; line-height:24.5px; letter-spacing:0.7px; color:#666666; padding-top:9px; }
#con04 .inbox2 .r-box .txt2{ font-size:14px; line-height:14.5px; letter-spacing:0.7px; color:#666666; padding-top:9px; border-bottom: 1px solid #000; position:absolute; bottom:0; right:0; }
#con04 .access-txt{ width:870px; margin:0 auto; font-size:14px; line-height:24.5px; letter-spacing:0.7px; color:#666666; }

#con05{ width:100%; max-width:1920px; margin: 0 auto; background-color:#DADFE3; padding:70px 0 70px; position:relative; }
#con05 .ttl{ position:absolute; top:-25px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); }
#con05 .box1{ width: 1020px; margin:0 auto; background-color:#fff; padding:50px; position:relative; text-align:center; }
#con05 .box1::after{ content: url(../images/minokamo-studio/con05-icon01.png); position: absolute; bottom: -78px; left: 60px;  }
#con05 .box1::before{ content: url(../images/minokamo-studio/con05-icon02.png); position: absolute; bottom: 10px; right: 20px;  }

.form-Box .form-sub-ttl{ font-size:32px!important; font-weight:700!important; line-height:47px!important; letter-spacing:3.2px!important; }
  .form-Box th .holiday {
    color: #c41729;
    font-size: 13px;
    line-height: 1.5;
    display:block;
  }

}
@media screen and (max-width: 767px) {

#con01{ max-margin:0 auto; padding:0 0 12vw; background: url(../images/minokamo-studio/sp-con01-bg01.png) no-repeat center bottom,#EAECEE; background-size: 100%; }
#con01 .inner-Box{ position:relative; margin-bottom:15vw; }
#con01 .inner-Box .ttl {position: absolute;top: 14vw; left: 8vw; width: 84vw;}
#con01 .inner-Box .ttl img {height: auto;display: block; }
#con01 .inner-Box .txt{ width:92vw; margin:-12vw auto 0; }
#con01 .inner-Box .pic{ }
#con01 .inner-Box .pic img{ }

#con01 .inner-Box2{ margin:0 5vw 15vw; background-color:#DADFE3;padding:12vw 5vw 5vw; position:relative; }
#con01 .inner-Box2::before{ content: url(../images/minokamo-studio/sp-con01-icon02.png); position: absolute; bottom: -8vw; left: 21vw; z-index:10; transform: scale(0.5); }
#con01 .inner-Box2 .ttl{ position:absolute; top:-6vw; left:-1vw; width:92vw; }
#con01 .inner-Box2 .txt-box{ background-color:#fff; padding:10vw 0 29vw; position:relative; }
#con01 .inner-Box2 .txt-box::before{ content: url(../images/minokamo-studio/sp-con01-icon01.png); position: absolute; bottom: -4vw; right: -2vw; transform: scale(0.5); }
#con01 .inner-Box2 .txt-box .tel{ text-align:center; margin: 0 8vw 5vw; }
#con01 .inner-Box2 .txt-box .btn{ text-align:center; margin:0 5vw; }

#con01 .inner-Box3{ margin:0 5vw; background:#fff; background-size: 100%; padding:10vw 6vw 12vw; position:relative; }
#con01 .inner-Box3 .ttl{ text-align:center; margin: 0 8vw 9vw; }
#con01 .inner-Box3 .txt-box{ position:relative; }
#con01 .inner-Box3 .txt-box .pic{ margin-bottom:6vw; }
#con01 .inner-Box3 .txt-box .ttl1{ font-size:6.8vw; font-weight:700; line-height: 1.6; letter-spacing: 0.24vw; margin-bottom:7vw; text-align:center; }
#con01 .inner-Box3 .txt-box .txt{ font-size:3.38vw; font-weight:400; line-height: 1.6; letter-spacing: 0.24vw; color:#666666; }
#con01 .inner-Box3 .txt-box .mb1{ margin-bottom:5.31vw; }

#con02{ margin:0 auto 12vw; background-color:#EAECE7; padding:9vw 5vw 6vw; }
#con02 .inner-Box{ background-color:#fff; margin:0 auto; padding:10vw 3vw 10vw; }
#con02 .inner-Box .ttl{ text-align:center; position:relative; margin: 0 3vw 10vw; }
#con02 .inner-Box .box1{ margin:0 auto 12vw; position:relative; }
#con02 .inner-Box .box1 .pic{ margin-bottom:6vw; }
#con02 .inner-Box .box1 .ttl-box{ width: 80vw; margin: 0 auto -5vw; position:relative; padding: 10vw 5vw 5vw 5vw; border: 0.48vw solid #DADFE3; background-color:#fff; }
#con02 .inner-Box .box1 .ttl-box .num{ position:absolute; top:-0.48vw; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); }
#con02 .inner-Box .box1 .ttl-box .ttl1{ font-size:6.4vw; font-weight:700; line-height: 1.6; letter-spacing: 0.24vw; text-align:center; }
#con02 .inner-Box .box1 .txt{ font-size:3.38vw; font-weight:400; line-height: 1.6; letter-spacing: 0.24vw; color:#666666; padding:0 1vw; }
#con02 .inner-Box .box1 .mb1{ margin-bottom:5.31vw; }
#con02 .inner-Box .box2{ margin:0 auto 12vw; position:relative; }
#con02 .inner-Box .box2 .pic{ margin-bottom:6vw; }
#con02 .inner-Box .box2 .ttl-box{ width: 80vw; margin: 0 auto -5vw; position:relative; padding: 10vw 5vw 5vw 5vw; border: 0.48vw solid #DADFE3; background-color:#fff; }
#con02 .inner-Box .box2 .ttl-box .num{ position:absolute; top:-0.48vw; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); }
#con02 .inner-Box .box2 .ttl-box .ttl1{ font-size:6.4vw; font-weight:700; line-height: 1.6; letter-spacing: 0.24vw; text-align:center; }
#con02 .inner-Box .box2 .txt{ font-size:3.38vw; font-weight:400; line-height: 1.6; letter-spacing: 0.24vw; color:#666666; padding:0 1vw; }
#con02 .inner-Box .box2 .mb1{ margin-bottom:5.31vw; }

#con03{ margin:0 5vw 14vw; }

#con04{ background-color:#fff; padding:0vw 5 vw 0vw; margin:0 3vw 14vw; }
#con04 .inner-Box{ background-color:#EAECE7; padding:14vw 5vw 10vw; margin:0 auto; }
#con04 .ttl{ text-align:center; margin: 0 15vw 5vw; }
#con04 .inbox1{ margin:0 auto 15vw; overflow:hidden; }
#con04 .inbox1 .l-box{ margin-bottom:6vw; }
#con04 .inbox1 .r-box{ width:64vw; margin:0 auto; }
#con04 .inbox1 .r-box h3{ margin-bottom:2.17vw; }
#con04 .inbox1 .r-box iframe{ width: 100%; height:115vw; }
#con04 .inbox2{ margin:0 auto 7.24vw; overflow:hidden; }
#con04 .inbox2 .l-box{ margin-bottom:6vw; }
#con04 .inbox2 .r-box{ position:relative; width:100%; }
#con04 .inbox2 .r-box .map-box{ width:100%; }
#con04 .inbox2 .r-box .map-box iframe{ width: 100%; height:78vw; }
#con04 .inbox2 .r-box .txt{ font-size:3.38vw; line-height: 1.6; letter-spacing: 0.24vw; color:#666666; padding-top:2.17vw; text-align:center; }
#con04 .inbox2 .r-box .txt2{ font-size:3.38vw; line-height: 1; letter-spacing: 0.24vw; color:#666666; padding-top:3vw; border-bottom: 0.24vw solid #000; text-align:center; display:inline-block; margin:0 21vw; }
#con04 .access-txt{ margin:0 3vw; font-size:3.38vw; line-height: 1.8; letter-spacing: 0.24vw; color:#666666; }

#con05{ margin: 0 auto; background-color:#DADFE3; padding:14vw 8vw 9vw; position:relative; }
#con05 .ttl{ position:absolute; top:-6vw; left:4vw; right:4vw; }
#con05 .box1{ margin:0 auto; background-color:#fff; padding: 12vw 8vw 18vw; position:relative; text-align:center; }
#con05 .box1::after{ content: url(../images/minokamo-studio/sp-con05-icon01.png); position: absolute; bottom: -22.84vw; left: 11.49vw; transform: scale(0.5); }
#con05 .box1::before{ content: url(../images/minokamo-studio/sp-con05-icon02.png); position: absolute; bottom: -3.59vw; right: -3.17vw; transform: scale(0.5); }

.form-Box .form-sub-ttl{ font-size:5.2vw!important; font-weight:700!important; line-height:1.8!important; letter-spacing:0.4vw!important; }
.form-Box th .holiday {
color: #c41729;
font-size:2.898vw;
}

}