@charset "UTF-8";

#bodyID #contents {background: #fff;}
a[id]{
	padding-top: 2em;
	margin-top: 2em;
display: block;	
}

@media screen and (min-width:641px) {

#contents{ width: 100%; max-width: 1920px; margin: 0 auto; }
#contents .inner{ width: 100%!important; max-width: 1920px!important; margin: 0 auto; }
#leftcolumn{ display: none; }
#rightcolumn{ width: 1280px!important; margin: 0 auto; float: none!important; }

/* CSS Document */
h2.page-title { background: url(../images/model/bg_h2.jpg) no-repeat center top; }
.lh-01 { letter-spacing: 3px; }

#con01{ width: 1280px; margin: 0 auto 80px; }
#con01 .ttl{ text-align: center; width: 1089px; margin: 0 auto; }
#con01 .pic{ margin-top: -100px; }
#con01 .box1{ width: 880px; margin: -40px auto 60px; background-color: #fff; border: 3px solid #114268; padding: 60px 30px 30px; position: relative; }
#con01 .box1 .ttl1{ font-size: 20px; font-weight: 700; line-height: 22px; letter-spacing: 1px; width: 500px; text-align: center; background-color: #114268; color: #fff; padding: 12px; position: absolute; top: -25px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); }
#con01 .box1 .list{ margin-bottom: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#con01 .box1 .list li{ width: 390px; margin-right: 34px; border-bottom: 1px dotted; padding-left: 30px; font-size:16px; font-weight: 700; line-height: 40px; letter-spacing: 0.8px; position: relative; }
#con01 .box1 .list li:nth-child(2n){ margin-right: 0; }
#con01 .box1 .list li::before{ content: url(../images/model/check.png); position: absolute; top: 0; left: 0;  transform: scale(1); }
#con01 .box1 .tel{ float: left; margin-right: 50px; padding-top: 8px; }
#con01 .box1 .btn{ float: left; }
#con01 .box2{ width: 965px; margin: 0 auto; }
#con01 .box2 .ttl2{ width: 351px; text-align: center; margin: 0 auto 30px; background-color: #114268; color: #fff; padding: 12px; font-size: 22px; font-weight: 700; line-height: 32px; letter-spacing: 1px; position: relative; }
#con01 .box2 .ttl2::before{ content: url(../images/model/arrow.png); position: absolute; bottom: -23px; left: 160px;  transform: scale(1); }
#con01 .box2 .list{ display: flex; justify-content: space-between; }

#con02{ margin-bottom: 80px; }

#con03{ width: 1100px; margin: 0 auto 80px; }
#con03 .ttl{ background-color: #114268; color: #fff; text-align: center; padding: 12px; font-size: 20px; font-weight: 700; line-height: 22px; letter-spacing: 1px; margin-bottom: 30px; }
#con03 .vr-box{ width: 1100px; height: 680px; }
#con03 .vr-box iframe{ width: 1100px; height: 680px; }

#con04{ width: 1100px; margin: 0 auto; }
#con04 .ttl{ width: 300px; margin: 0 auto 40px; text-align: center; font-size: 36px; line-height: 22px; font-weight: 700; letter-spacing: 1px; position: relative; }
#con04 .ttl::before{ content: url(../images/model/con04-ttl01.png); position: absolute; bottom: -25px; left: 110px; transform: scale(1); }
#con04 .map{ width: 1100px; height: 440px; margin-bottom: 30px; }
#con04 .map iframe{ width: 1100px; height: 440px; }
#con04 .btn{ width: 390px; color: #fff; background-color: #114268; margin: 0 auto 50px; text-align: center; padding: 12px; font-size: 20px; font-weight: 700; line-height: 32px; letter-spacing: 1px; position: relative; }
#con04 .btn::before{ content: '>'; position: absolute; top: 11px; right: 15px; }
#con04 .btn a{ color: #fff; }

#form-box .f-ttl{ background-color: #114268; color: #fff; text-align: center; padding: 12px; font-size: 20px; font-weight: 700; line-height: 22px; letter-spacing: 1px; margin-bottom: 30px; }

#page_model #form-box{ width: 1100px; margin: 0 auto 80px; background: #f0f1e7; padding: 60px 0; }
#page_model #form-box .inner-box{ width: 720px; margin: 0 auto; }
#page_model table.tb { width: 100%; margin: 0 0 20px; background: #fff; border: 10px solid #fff; }
#page_model table.tb tr { border: 5px solid #fff; }
#page_model table.tb th { width: 225px; text-align: left; vertical-align: middle; padding: 30px 14px 28px; background: #dadbd5; border-right: 5px solid #fff; }
#page_model table.tb td { padding: 30px 14px 28px; position: relative; }
#page_model table.tb td:before, #page_contact table.tb td:after { width: 480px; height: 1px; content: ''; position: absolute; left: 0; background: #d2d2d2; }
#page_model table.tb td:before { top: 0; }
#page_model table.tb td:after { bottom: 0; }
#page_model table.tb td input, #page_contact table.tb td textarea { width: 80%; padding: 2px;margin-bottom: 5px; }
#page_model table.tb td input[type="checkbox"], #page_contact table.tb td input[type="radio"] { width: 4%; }
#page_model .error { color: #8C0407; }
.red{color: #FF0004;}
#page_model table.tb td input, #page_model table.tb td textarea { width: 80%; padding: 2px; margin-bottom: 5px; }

.c-ttl{ display: none!important; }
#contact-area{ display: none!important; }

}

/*SP用*/
@media screen and (max-width:640px) {

/* CSS Document */
h2.page-title { background: url(../images/model/bg_h2.jpg) no-repeat center top; }
.lh-01 { letter-spacing: 3px; }

#con01{ margin: 0 auto 8vw; }
#con01 .ttl{ text-align: center; }
#con01 .pic{ margin-top: -32vw; }
#con01 .box1{ margin: -4vw auto 10vw; background-color: #fff; border: 3px solid #114268; padding: 8vw 3vw 3vw; position: relative; overflow: inherit; }
#con01 .box1 .ttl1{ font-size: 4vw; font-weight: 700; line-height: 1.8; letter-spacing: 0.242vw; width: 90%; text-align: center; background-color: #114268; color: #fff; padding: 1.6vw 1vw; position: absolute; top: -5vw; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); }
#con01 .box1 .list{ margin-bottom: 3vw; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#con01 .box1 .list li{ width: 100%; border-bottom: 1px dotted; padding-left: 3vw; font-size:3.6vw; font-weight: 700; line-height: 2; letter-spacing: 0.19vw; position: relative; margin-bottom: 3vw; }
#con01 .box1 .list li::before{ content: url(../images/model/check.png); position: absolute; top: 00.5vw; left: -1.5vw;  transform: scale(0.8); }
#con01 .box1 .tel{ text-align: center; margin: 0 15vw 8vw; }
#con01 .box1 .btn{ text-align: center; margin: 0 8vw; }
#con01 .box2{ width: 100%; margin: 0 auto 3vw; }
#con01 .box2 .ttl2{ width: 80%; text-align: center; margin: 0 auto 8vw; background-color: #114268; color: #fff; padding: 1.2vw; font-size: 4.2vw; font-weight: 700; line-height: 1.8; letter-spacing: 0.242vw; position: relative; }
#con01 .box2 .ttl2::before{ content: url(../images/model/arrow.png); position: absolute; bottom: -5.5vw; left: 34vw;  transform: scale(0.8); }
#con01 .box2 .list li{ margin: 0 10vw 6vw; }

#con02{ margin-bottom: 10vw; }

#con03{ margin: 0 5vw 10vw; }
#con03 .ttl{ background-color: #114268; color: #fff; text-align: center; padding: 1.6vw; font-size: 4.2vw; font-weight: 700; line-height: 1.8; letter-spacing: 0.242vw; margin-bottom: 3vw; }
#con03 .vr-box{ width: 100%; height: 68vw; }
#con03 .vr-box iframe{ width: 100%; height: 68vw; }

#con04{ margin: 0 5vw 10vw; }
#con04 .ttl{ width: 80%; margin: 0 auto 4vw; text-align: center; font-size: 6vw; line-height: 1.8; font-weight: 700; letter-spacing: 0.242vw; position: relative; }
#con04 .ttl::before{ content: url(../images/model/con04-ttl01.png); position: absolute; bottom: -6vw; left: 25vw; transform: scale(0.8); }
#con04 .map{ width: 100%; height: 60vw; margin-bottom: 5vw; }
#con04 .map iframe{ width: 100%; height: 60vw; }
#con04 .btn{ width: 86%; color: #fff; background-color: #114268; margin: 0 auto 5vw; text-align: center; padding: 2vw 1vw; font-size: 4vw; font-weight: 700; line-height: 1.8; letter-spacing: 0.242vw; position: relative; }
#con04 .btn::before{ content: '>'; position: absolute; top: 1.5vw; right: 2vw; }
#con04 .btn a{ color: #fff; }

#form-box .f-ttl{ background-color: #114268; color: #fff; text-align: center; padding: 1.6vw; font-size: 4.2vw; font-weight: 700; line-height: 1.8; letter-spacing: 0.242vw; margin-bottom: 3vw; }

#page_model #form-box{ width: 100%; margin: 0 auto 8vw; background: #f0f1e7; padding: 6vw 0; }
#page_model #form-box .inner-box{ width: 90%; margin: 0 auto; }
#page_model table.tb { width: 100%; margin: 0 0 20px; background: #fff; }
#page_model table.tb tr { border: 5px solid #fff; }
#page_model table.tb th { text-align: left; vertical-align: middle; padding: 3vw; background: #dadbd5; border-right: 5px solid #fff; display: block; }
#page_model table.tb td { padding: 3vw; display: block; }
#page_model table.tb td input, #page_contact table.tb td textarea { width: 80%; padding: 2px; }
#page_model table.tb td input[type="checkbox"], #page_contact table.tb td input[type="radio"] { width: 4%; }
#page_model table.tb td label { display: block; margin-bottom: 5px; }
#page_model .error { color: #8C0407; }
.red{color: #FF0004;}
#page_model table.tb td input, #page_model table.tb td textarea { width: 100%; padding: 2px; margin-bottom: 5px; }

.c-ttl{ display: none!important; }
#contact-area{ display: none!important; }

}