@charset "utf-8";

body{font-size: 16px;}

.respo-mt1{margin-top: 60px;}
.respo-mt2{margin-top: 30px;}
.respo-mt3{margin-top: 20px;}
.respo-mt10{margin-top: 10px;}
.respo-mt5{margin-top: 5px;}
.h2after{margin-top: 30px;}

#pc-head,.pc-only,.sp-only{display: none;}
.br-blook-tb{ display:block}
.tb-img100{width: 100%;}
.img100{width: 100%;}
.img150{max-width: 150px;}

/*page　ID*/
#top-page{}
#voice-page{}

/*------------------------ベースレイアウト------------------------*/
.wrap1200{
  width: 100%;
  padding-right:25px;
  padding-left:25px;
  margin-right:auto;
  margin-left:auto;
}
.wrap1000{
  width: 100%;
}
.mainimg-wrap1200{
  width: 100%;
  padding-right:25px;
  padding-left:25px;
  margin-right:auto;
  margin-left:auto;
}
/*------セクション------*/
.section-1,.section-common{padding: 60px 0px;}
.section-common2{padding: 60px 0px 20px 0px;background-color:rgba(201,188,156,0.2); }
.section-common3{padding: 60px 0px 60px 0px;}
.section-common4{padding: 60px 0px 60px 0px;}
.section-common5{padding:60px 0px 30px 0px; background-color:rgba(43,100,186,0.8);background-image: url("../img/voicebg.png");background-repeat: no-repeat;background-position: center top;}

.section-nakah1{margin-top: 60px; padding: 40px 0px 40px 0px; background-color:rgba(43,100,186,0.8);background-image: url("../img/voicebg.png");background-repeat: no-repeat;background-position: center bottom;}

.section-voicesyousai{padding: 0px 0px 60px 0px;}

.read{font-weight: 700;font-size: 1em;}
span.marker {
    background: linear-gradient(transparent 50%, rgba(0,159,232,0.2) 50%);
}
/*------------------------h1------------------------*/
#top-page h1{font-size: 1.3em;color: #333;text-align: center;font-weight: 700;}
#naka-page h1{font-size: 1.3em;color: #FFF;text-align: left;font-weight: 700;}
h2{font-size: 1.3em;color: #333;text-align: center;font-weight: 700;}
.section-common2 h2,.section-common3 h2,.section-common4 h2{font-size: 1.3em;color: #2B64BA;text-align: center;}
.flex-voice1 h2{font-size: 1.3em;color: #fff;text-align: left;}
footer h2{font-size: 1.3em;color: #fff;text-align: center;}

.section-voicesyousai h2{  display: flex;
    align-items: center;font-size: 1.2em;color:rgba(43,100,186,1);}

.section-voicesyousai h2:after,.section-voicesyousai h2:before {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: rgba(43,100,186,1);
}
.section-voicesyousai h2:before {
    margin-right: 1rem;
}
.section-voicesyousai h2:after {
    margin-left: 1rem;
}
h3{font-weight: 700;}
.s-1bg h3{color: #009FE8;font-size: 1em;}
.flex-c-features h3{background-color:#F39800;  color: #fff;font-size: 1em;text-align: center;padding: 8px 10px 10px 10px;}
.flex-c-example h3{ color:#2B64BA;font-size: 1em;text-align: center;padding: 20px 0px 10px 0px;}
.section-common4 h3{ display: inline-block;background-color:#2B64BA;  color: #fff;font-size: 1em;text-align: center;padding: 5px 20px 8px 20px;}

/*------------------------ボタン------------------------*/
.btn-box2{text-align: center;margin-top: 30px;}
.btn-box3{text-align: center;margin-top: 5px;}
.gocontactbtn,.gocontactbtn:visited{max-width: 400px; /* ボタン幅 */}
.common-btn01,.common-btn01:visited{max-width: 400px; /* ボタン幅 */}
/*------------------------セクション1　T-Switchとは------------------------*/
.section-1 img{width: 100%;}

/*------------------------セクション2　特長------------------------*/
.flex-features{display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
  align-items:stretch;}

.flex-c-features{width: 48%;background-color: #FFF;padding: 10px;margin: 0px 0px 20px 0px;}
.flex-c-features .text{padding: 10px; line-height: 180%; color:#2B64BA;font-weight: 500; }

/*------------------------セクション3　ご利用例------------------------*/
.flex-example{display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
  align-items:stretch;}

.flex-c-example{width: 30%;margin: 0px 1% 40px 1%; text-align: center;}
.flex-c-example p{padding: 0px; line-height: 180%;text-align: center;}
.flex-c-example img{width: 100%; max-width: 250px; }

/*------------------------セクション4　料金------------------------*/
.flex-plan{display: block;
}
.flex-fee{display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items:stretch;}

.flex-plan-c1{background-color:#009FE8;color: #FFF; width: 100%;padding:10px 20px 13px 20px; text-align: left;font-weight: 500; }
.flex-plan-c2{background-color:#f2f2f2;width: 100%;padding:10px 20px 13px 20px; }

.flex-plan-c1{display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items:center;}

.flex-fee-c{background-color:#E3E3E3;width: 32%;padding:10px 20px 13px 20px;text-align: center;  font-weight: 500;}

/*------------------------セクション5　導入事例------------------------*/
.flex-voice1{display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items:stretch;}
.flex-voice1-c1{ width: 25%;}
.flex-voice1-c2{color:#fff;width: 75%;}

.flex-voice-box{display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
  align-items:stretch;}
.flex-voice-box-c{ width: 30%;text-align: center;}
.flex-voice-box-c p{padding: 0px 0px 30px 0px;}
.flex-voice-box-c img{width: 100%;}

/*------------------------導入事例------------------------*/
.flex-voicepage{display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items:stretch;}
.flex-voicepage-c1{ width: 40%;}
.flex-voicepage-c2{width: 55%;}
.flex-voicepage-c1 img{ width: 100%;}

.flex-voicelist{display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
  align-items:stretch;
  border-bottom: solid 1px #ccc;
  }
.flex-voicelist-c1{ width: 25%; border-top: solid 1px #ccc;padding: 10px 10px 13px 10px;}
.flex-voicelist-c2{ width: 75%; border-top: solid 1px #ccc;padding:10px 10px 13px 10px;}
.flex-voicelist-c3{ width: 100%; border-top: solid 1px #ccc;padding: 10px 10px 13px 10px;}

.voicesyousai-img img{ width: 100%;}
.voicesyousai-img600 img{ width: 100%;}
.voicesyousai-img600{max-width: 600px;margin-left: auto;margin-right: auto;}
.voicesyousai-img800 img{ width: 100%;}
.voicesyousai-img800{max-width: 800px;margin-left: auto;margin-right: auto;}


.flex-voicesyousai-img{display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items:stretch;}
.flex-voicesyousai-c3{width: 33%;}
.flex-voicesyousai-c2{width: 47%;}
.flex-voicesyousai-c1{width: 100%;}
.flex-voicesyousai-img img{width: 100%;}

/*------------------------セクション6 機器仕様------------------------*/
.flex-siyou{display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items:stretch;}
.flex-siyou-c{ width: 49%; font-size: 0.9em;}
.flex-siyou-c2{ width: 49%; font-size: 0.9em;}

/*------------------------お問い合わせ------------------------*/
.flex-contact{display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
  align-items:stretch;
 border-bottom: 1px solid #ccc;}
.contents1{width: 25%; border-top: 1px solid #ccc;padding: 15px 10px 10px 10px;}
.contents2{width: 75%; border-top: 1px solid #ccc;padding: 10px;}
/*------------------------ヘッダー------------------------*/
#head-sp{ 
	background-color: #ffffff;
	height: 60px;
	width: 100vw;
	z-index: 5;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}
#headlogosp{
	position: fixed;
	margin-top: 5px;
    	margin-bottom: 5px;
	left: 10px;
	height: 50px;
}
#headlogosp img{height: 100%;}
#spbtn{
	position: fixed;
	height: 40px;
	margin-top: 10px;
	right: 10px;
width: 40px;
}
#spbtn img{
	float: right;
    height: 40px;
}
/*------spmenu------*/
#spmenu{
	background-color:rgba(43,100,186,1);
	font-size: 1.1em;
	font-weight: 500;
display: none;
	line-height: 250%;
	top:60px;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	overflow: auto;
}
#spmenu a,#spmenu a:visited,#spmenu a:hover,#spmenu a:active, #spmenu i {
	color: #FFFFFF;
	text-decoration: none;
}
#spmenu .spmenu1{
	padding: 10px 0px 13px 0px;
    border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;
	text-align: center;
    }

#spmenu a:last-child .spmenu1{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}
.spnavi-line{
    border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;
    }

/*------------------------メインイメージ------------------------*/
#topmainbg{ margin-top: 60px; height: 600px; background-image: url("../img/topimgbg.png");background-position: center;}
#topmainimg img{width: 100%;}
#topmainimg-sp{display: none;}

/*------------------------footer------------------------*/
#footer{padding: 100px 0px 60px 0px; background-color:#009FE8;color: #FFF;}

/*コンタクト*/
.contact-wrap{text-align: center;}
.teldial{font-size: 40px;margin-top: 20px;font-weight: 700;}
.teldial a,.teldial a:visited{color: #FFF;text-decoration: none;}
.teldial a:hover{color: #FFF;text-decoration: underline;}
.telwelname{font-weight: 500;font-size: 1.2em;line-height: 160%;}

/*------copy　審査------*/
.flex-copy{display: flex;
  width: 100%; 
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
  align-items:stretch;
  margin-top: 60px;}
.flex-copy-c1{width: 80%;font-size: 0.8em;}
.flex-copy-c2{width: 20%;text-align: right;font-size: 0.8em;}
.sinsa{border: 1px solid #ccc;padding: 2px 5px 5px 5px;}

/*------gotop------*/
.gotop{
	height: 40px;
	width: 40px;
	position: fixed;
	right: 0px;
	bottom: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.gotop img{	width: 100%;}


a.anchor{
    display: block;
    padding-top: 0px;
    margin-top: 0px;
}