@charset "UTF-8";
/* 
Theme Name:talknavi.biz
Description:女子アナ広報室のテーマです。
Author:株式会社ジュイタ
Author URI:https://juita.co.jp/
Version: 1.0
*/
@media screen and (max-width: 768px) {
body{padding: 0;min-width: inherit;}
.wmain,.header .hti h1{max-width: 90%;min-width: 90%;}
}
@media screen and (max-width: 767px) {
html,body{font-size: 3.4vw;}
body {min-width: 100%;}
.wmain,.header .hti h1{max-width: 90%;min-width: 90%;}
.w12{max-width: 100%;}
h2{font-size: 5.5vw;letter-spacing: 0;}
.sp{display: block;}
.pc{display: none;}
.fv{background: none;text-align: center;}
.fvbg{background: #f8f7fa;}
.fv .wmain{max-width: 100%;min-width: 100%}
.header .txt{width: 100%;float: none;}
.header h1{font-size: 2.5vw;text-align: center;line-height: 1.4em;}
.header .logo{width: 100%;overflow: hidden;text-align: center;margin: 0;}
.header .logo img{width: 45vw;}
.header .head-cta{width: 100%;position: fixed;bottom: 0;left: 0;background: #fffeac;padding: 3vw 0 0;border-top: 1px solid #ddd;z-index: 9;}
.header .head-cta ul{display: block;text-align: center;margin: 0;}
.header .head-cta ul li{margin: 0 0 1vw;}
.fv .fvimg{display: none;}
.fv .btn{position: relative;bottom: inherit;text-align: center;left: inherit;right: inherit;background: #ffe9eb;padding: 0 4vw 8vw;text-align: center;}
.ability ul{display: block;margin: 0 auto;}
.ability li{width: 85%;padding: 4vw;margin: 0 auto 2vw;border: none;}
.desc .txt{float: none;width: 100%;padding: 0;margin: 3vw auto 0;}
.desc .img{float: none;width: 65%;}
.desc .imgs{width: 45%;top: 20%;right: 0;z-index: 2;}
.exp .ctn{padding: 4vw;}
.exp .txt{float: none;width: 100%;}
.exp .img{float: none;width: 65%;margin: 0 auto;}
.exp .inr li{font-size: 100%;line-height: 1.8em;display: flex;}
.exp .inr li p:before{display: none;}
.exp .inr li:before{content: "●";color: #27bcaf;margin: 0 2vw 0 0;}
.exp .ti span{font-size: 100%;width: 90%;}
.exp .staff li{width: 48%;margin: 0 0 3vw;}
.can ul{display: block;}
.can li{width: 80%;margin: 0 auto 3vw;}
.can .img{max-width: 22%;padding: 4vw 0;margin: 0 auto;}
.can .ctn{padding: 4vw;font-size: 100%;text-align: left;}
.cta {padding: 5vw 0;}
.cta .img{display: none;}
.cta .ctn{padding: 4vw;width: 90%;}
.cta ul{display: block;margin: 2vw auto 0;}
.cta li{width: 100%;margin: 0 auto 1vw;}
.cta li img{width: 100%;}
.cta .ctn{width: 100%;margin: 0 auto;padding: 0;}
.cta .ctn .btn{margin: 0 auto;}
.int .sub span{width: 85%;}
.int ul{display: block;}
.int li{width: 85%;margin: 3vw auto ;padding: 4vw;background: #fff;border: 1px solid #eee;border-radius: 5px;}
.int .sch-img{float: none;width: 100%;}
.int .sch-txt{float: none;width: 100%;margin: 3vw auto 0;}
.int th,.int td{font-size: 90%;}
.int th{width: 14%;}
.int .sns{padding: 4vw;}
.int .sns .snsli{display: block;}
.int .sns .snsli li{width: 100%;margin: 0 auto 1vw;padding: 0;border: none;text-align: center;}
.int .sns .btn {display: block;}
.int .sns .btn li{padding: 0;border: none;width: 100%;text-align: center;}
.voice li{padding: 3vw;}
.voice .img{float: none;width: 40%;margin: 0 auto 3vw;}
.voice .txt{float: none;width: 100%;}
.voice .tis{text-align: center;}
.flow{padding: 4vw 0;}
.flow .fls{width: 100%;}
.flow .fls li:after{top: 18%;width: 10px;height: 24px;right: -20px;}
.flow .ctn{margin: 4vw auto 0;width: 90%;padding: 4vw;}
.flow .ctn li{font-size: 95%;line-height: 1.8em;display: flex;}
.flow .ctn li p:before{display: none;}
.flow .ctn li:before{content: "●";color: #27bcaf;margin: 0 2vw 0 0;}
.contact .wmain{padding: 5vw 0;background-size: 80px;}
.contact .sub{font-size: 3.4vw;}
.contact input[type=radio] + label{font-size: 3.4vw;}
.contact table th,.contact table td{width: 100%;overflow: hidden;display: block;padding: 0;}
.contact table th{padding: 5px 0;background: #f5f5f5;}
.contact table td{margin: 0 0 10px;padding: 0 0 10px;border-bottom: 1px dotted #ddd;}
.terms-block .terms-inner{font-size: 2.5vw;}
.contact .mailform{width: 90%;padding: 4vw;}
.footer h2{font-size: 3vw!important;}
.footer{font-size: 3vw;line-height: 1.6em;}
.footer ul{display: block;}
.footer li{width: 100%;}
.copyright{margin: 6vw 0 31vw;font-size: 1.6vw;line-height: 2.4em;}
.gotop{bottom:31vw;width: 38px;height: 38px;background-size: 50%;}
}