@charset "UTF-8";
main {width: 100%!important; max-width: 1920px; margin: 0 auto; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

@media screen and (min-width: 768px),print {
main #form{width: 1200px;margin: 160px auto 100px;}

.main-ttl {text-align: center; margin-bottom: 0px; margin-top: 50px;}
#main-inner {width: 100%; max-width: 1920px; margin: 0 auto; background: url(../images/contact/main-bg.png) no-repeat top center; padding: 55px 0; position: relative;;}
#main-inner .inner{width: 1200px; margin: 0 auto; position: relative;}
#main-inner .inner .icon{position: absolute; left: 135px; bottom: 55px;}
#main-inner .inner .ttl1{font-size: 32px; font-weight: bold; letter-spacing: 1.5px; color: #fff; text-align: center; line-height: 1.55; margin-bottom: 30px;}
#main-inner .inner .ttl1 span{font-size: 41px; letter-spacing: 2px; margin-left: 25px;}
#main-inner .inner .list{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;  justify-content: center;}
#main-inner .inner .list li{width: 165px; margin-right: 27px;}
#main-inner .inner .list li:last-child{margin-right: 0}
.main-txt {width: 920px; margin: 0 auto; font-size: 20px; letter-spacing: 1px; font-weight: bold; text-align: center; margin-bottom: 80px; line-height: 2;}
.form-tel {text-align: center;margin-bottom: 120px;}

.form-Box{ width: 1200px; margin: 0 auto; border: 3px solid; }
h2.sub-title::before{content: url(../images/common/mail-icon01.png);position: absolute;top: -80px;left: 50%;transform: translateX(-50%);-ms-transform: translateX(-50%);}


}


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

.main-ttl {width: 60vw; margin: 5vw auto 1vw;}
#main-inner {width: 100vw; margin: 0 auto; background: url(../images/contact/sp-main-bg.png) no-repeat top center; padding: 8vw 0 5vw; position: relative; background-size: 100%;}
#main-inner .inner{width: 90vw; margin: 0 auto; position: relative; left: -5vw;}
#main-inner .inner .icon{width: 30vw; margin: 0 auto 3vw;}
#main-inner .inner .ttl1{font-size: 4vw; font-weight: bold; letter-spacing: 0.2vw; color: #fff; text-align: center; line-height: 1.55; margin-bottom: 3vw;}
#main-inner .inner .ttl1 span{font-size: 4.8vw; letter-spacing: 0.2vw; }
#main-inner .inner .list{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;  justify-content: center;}
#main-inner .inner .list li{width: 25vw; margin-right: 2vw;}
#main-inner .inner .list li:last-child{margin-right: 0}
.main-txt {width: 90vw; margin: 0 auto; font-size: 4vw; letter-spacing: 0.2vw; font-weight: bold; text-align: center; margin-bottom: 8vw; line-height: 1.8;}
.form-tel {width: 90vw; margin: 0 auto 11vw;}

.form-Box{padding-top: 15vw;margin-top: 24vw;}
h2.sub-title{ margin: -19vw auto 6vw; position: relative; }
h2.sub-title::before{content: url(../images/common/mail-icon01.png);position: absolute;top: -17vw; left: 30vw; transform: scale(0.7); }

}