@charset "utf-8";
/* CSS Document */

/*----------------------------
 style from 201808
-----------------------------*/

/*===== オプション =====*/

.option-box_2018 {
  position: relative;
  margin-bottom: 60px;
}
.option-box_2018:last-child {
  margin-bottom: 0;
}
.option-box_2018 .linkTex {
  color: #0b9be5;
  text-decoration: underline;
}
.col-2_2018 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -5%;
}
.col-2_2018 dl {
  width: 47.5%;
  margin-right: 5%;
  margin-bottom: 5%;
  border: 1px solid #de2219;
  padding: 1px;
}
.col-2_2018 dl:nth-child(2n) {
  margin-right: 0;
}
.col-2_2018 dl dt {
  position: relative;
  background: #de2219;
  color: #fff;
  text-align: center;
  padding: 15px 10px;
  font-size: 24px;
  height: 53px;
}
.col-2_2018 dl dt em {
  position: absolute;
  display: block;
  width: 21%;
  background: #fff;
  color: #de2219;
  text-align: center;
  padding: 7px 5px;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.2;
  top: 7px;
  left: 7px;
}
.col-2_2018 dl dt span {
  position: absolute;
  color: #fff;
  text-align: center;
  padding: 15px 10px;
  font-size: 24px;
  top: 5%;
  left: 23%;
}
.col-2_2018 dl .tel-10min {
  background: #de2219 url(../img/option/index/icon_tel-10.png) no-repeat 15px center /45px auto;
}
.col-2_2018 dl dd {
  padding: 18px;
  padding-bottom: 0;
}
.col-2_2018 dl dd p {
  padding: 15px 0;
  border-bottom: 1px dotted #000;
  height: 108px;
}

@media screen and (max-width:640px) {
	.col-2_2018 dl dd p {
	  height: auto;
	}
}
.col-2_2018 dl dd a {
  position: relative;
  display: block;
  color: #de2219;
  font-size: 20px;
  padding: 18px 0;
}
.col-2_2018 dl dd a em {
  font-size: 14px;
  font-weight: bold;
  margin-right: 1em;
  float: right;
  padding-top: 2px;
}
.arrow-right {
  position: relative;
}
.arrow-right::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 8px;
  height: 8px;
  margin: -6px 0 0 0;
  border-top: solid 4px #de2219;
  border-right: solid 4px #de2219;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.txt-red {
  color: #de2219;
}
.txt-red-b {
  color: #de2219;
  font-weight: bold;
}

.option-block {
  border: 1px solid #313131;
  padding: 20px;
  margin-bottom: 30px;
}
.option-block:last-of-type {
  margin-bottom: 0;
}
.option-block dt {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 15px;
  border-bottom: 1px dotted #313131;
  margin-bottom: 15px;
}
.option-block dt em {
  font-size: 24px;
  color: #de2219;
  line-height: 1.2;
}
.option-block dt span {
  font-size: 18px;
  line-height: 1.2;
}
.option-block .btn-option {
  display: block;
  max-width: 400px;
  margin: 15px auto 0;
  background: #313131;
  color: #fff;
  text-align: center;
  font-size: 22px;
  padding: 20px;
}
.option-block .btn-option::after {
  border-top: solid 4px #fff;
  border-right: solid 4px #fff;
  right: 20px;
}
.option-block dd p span {
  display: block;
  font-size: 12px;
  margin-top: 5px;
  margin-left: 1em;
  text-indent: -1em;
}
.brand {
  font-size: 60%;
  margin-left: 3px;
}


.img-center {
  width: 100%;
  margin: 0 auto;
text-align: center;
}

/* スマート留守電 */

#option-contents2018 {
  margin-top: -30px;
}
.option-nav {
  max-width: 970px;
  margin: 30px auto 50px;
  background: #E4E5E6;
  width: 100%;
  text-align: center;
  font-size: 0;
  padding: 15px 10px;
  border-radius: 20px;
}
.option-nav li {
  display: inline-block;
  font-size: 16px;
  border-right: 1px solid #707070;
}
.option-nav li:last-child {
  border-right: none;
}
.option-nav li a {
  font-size: 16px;
  display: block;
  padding: 0 20px;
  color: #343434;
}
#kakehoudai-option-nav li a {
  padding: 0 12px;
}
.option-nav li a:hover {
  color: #0b9be5;
}
.option-sec {
  background: #F8F8F8;
  padding: 40px 10px 80px;
}
.option-sec:nth-of-type(odd) {
  background: #fff;
}
.option-sec .inner {
  max-width: 970px;
  margin: 0 auto;
}
.option-sec h2::after {
  background: #FF5050;
  height: 2px;
}
.option-sec h2 span {
  font-size: 25px;
}
/**#about-sumarusu-box {
  background: url(../img/option/sumarusu/bg_about.png) no-repeat right top;
  min-height: 424px;
} **/

#about-sumarusu-box  {
   display: flex;
  flex-direction: row;
}
#about-sumarusu-box p {
  font-size: 20px;
  margin: 40px 0 30px 100px;
  max-width: 400px;
  padding-top: 30px;
text-align: left;
}
#about-sumarusu-box p:last-of-type {
  font-size: 20px;
  padding-top: 0;
  margin-bottom: 0;
	text-align: left;
}

.display-sp {
display: flex;
 width: 300px;
 margin-left: -50px;
}

.display-sp  img {
display: block;
  width: auto;
  margin: 0 auto;
}


#feature-sumarusu-box dl {
  max-width: 765px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 30px;
}
#feature-sumarusu-box dl:last-child {
  margin-bottom: 70px;
}
#feature-sumarusu-box dl dt {
  background: #E01C2C;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  border-radius: 30px;
  padding: 20px 10px;
  color: #fff;
  width: 220px;
  position: relative;
  left: -40px;
  z-index: 2;
}
#feature-sumarusu-box dl dd {
  border: 1px solid #C3C3C3;
  padding: 30px 40px 20px;
  position: relative;
  margin-top: -30px;
  z-index: 1;
}
#feature-sumarusu-box dl dd h3 {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}
#feature-sumarusu-box dl dd div {
  width: 100%;
  display: flex;
  align-items: center;
}
#feature-sumarusu-box dl dd div figure {
  width: 280px;
  margin-left: 20px;
}
#feature-sumarusu-box dl dd div figure img {
  display: block;
  width: auto;
  margin: 0 auto;
}
#feature-sumarusu-box dl dd div p {
  width: calc(100% - 300px);
  font-size: 14px;
text-align: left;
}
#feature-sumarusu-box dl dd div p span {
  display: block;
  font-size: 10px;
  margin-top: 10px;
  margin-left: 1em;
  text-indent: -1em;
}
#feature-sumarusu-box dl:nth-child(even) dd div figure {
  order: 1;
  width: 120px;
  margin-left: 0;
  margin-right: 40px;
}
#feature-sumarusu-box dl:nth-child(even) dd div p {
  order: 2;
  width: calc(100% - 160px);
}
#other-sumarusu-option h3 {
  text-align: center;
  font-size: 28px;
  margin-bottom: 60px;
}
#other-sumarusu-option div {
  width: 100%;
  max-width: 870px;
  margin: 0 auto -60px;
  display: flex;
  flex-wrap: wrap;
}
#other-sumarusu-option dl {
  border: 1px solid #C3C3C3;
  position: relative;
  padding: 15px;
  padding-top: 0;
  width: 19.5%;
  margin-right: 2%;
  margin-bottom: 60px;
}
#other-sumarusu-option dl:nth-child(4n) {
  margin-right: 0;
}
#other-sumarusu-option dl dt {
  position: relative;
  background: #E01C2C;
  border-radius: 30px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  margin: 0 auto;
  padding: 10px;
  text-align: center;
  height: 45px;
  top: -25px;
  white-space: nowrap;
}
#other-sumarusu-option dl dt::after {
  content: "";
  height: 0;
  position: absolute;
  width: 0;
  border: 10px solid transparent;
  border-top-color: #E01C2C;
  border-width: 18px 7px 18px 7px;
  top: 99%;
  left: 50%;
  margin-left: -7px;
  z-index: 10;
}
#other-sumarusu-option dl dd figure {
  height: 90px;
  display: flex;
  align-items: center;
}
#other-sumarusu-option dl dd img {
  display: block;
  width: auto;
  margin: 0 auto 15px;
}
#other-sumarusu-option dl dd p {
  font-size: 12px;
	text-align: left;
}
#other-sumarusu-option dl dd p span {
  display: block;
  font-size: 10px;
  margin-top: 5px;
}

#flow-sumarusu .flow-sumarusu-box .option-app li {
  width: 50%;
  text-align: center;
}

#flow-sumarusu .flow-sumarusu-box dl .flow-kakehoudai-dd {
  padding: 40px 0 40px 30px;
}

.flow-sumarusu-box {
  max-width: 770px;
  margin: 0 auto 30px;
  background: #fff;
  border: 1px solid #838383;
  padding: 20px;
}
.flow-sumarusu-box:last-of-type {
  margin-bottom: 0;
}
.flow-sumarusu-box dl {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flow-sumarusu-box dl dt {
  font-size: 20px;
  font-weight: bold;
  width: 100px;
  margin-right: 30px;
  text-align: center;
}
.flow-sumarusu-box dl dt span {
  font-size: 40px;
  display: block;
  margin-top: 10px;
}
.flow-sumarusu-box dl dd {
  border-left: 1px solid #838383;
  padding: 10px 0 10px 30px;
  width: calc(100% - 130px);
}
.flow-sumarusu-box dl dd h3 {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 1.2;
	text-align: left;
}
.flow-sumarusu-box dl dd p {
text-align: left;
  font-size: 14px;
}
.flow-sumarusu-box dl dd p:first-child {
  margin-bottom: 25px;
	text-align: left;
}
.flow-sumarusu-box .flow-last-title {
  margin-bottom: 0;
}
.flow-sumarusu-box dl dd h3 + div {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.flow-sumarusu-box dl dd h3 + div > div:first-child {
  padding: 0 15px 0 0;
}
.flow-sumarusu-box dl dd h3 + div > div:last-child {
  padding: 0 0 0 15px;
  border-left: 1px solid #838383;
}

.flow-sumarusu-icon {
  display: block;
  width: auto;
  height: auto;
  margin: 15px auto 0;
}
#flow-sumarusu-icon_pc {
  width: 44px;
}
#flow-sumarusu-icon_mail {
  width: 44px;
}
#flow-sumarusu-icon_sumarus {
  width: 70px;
}
#flow-sumarusu-icon_sphone {
  width: 33px;
  margin-top: 5px;
}
#flow-sumarusu .tellink {
  font-size: 15px;
}

.btn-entry2018 {
  display: block;
  background: #FFBF47;
  color: #343434;
  text-align: center;
  padding: 15px 10px;
  position: relative;
  font-size: 15px;
  font-weight: bold;
  max-width: 250px!important;
}
.btn-entry2018::before {
  content: "";
  background: url(../images/icon_apply.png) no-repeat left center /17px 17px;
  display: inline-block;
  width: 17px;
  height: 17px;
  position: relative;
  margin-right: 10px;
  top: 2px;
}
.flow-sumarusu-box .option-info {
  font-size: 15px;
  font-weight: bold;
  padding: 5px;
	margin:-15px auto -15px;
  border: 1px solid #707070;
  text-align: center;
	line-height: 1.3;
}
.flow-sumarusu-box .option-info span {
  font-size: 12px;
}
.flow-sumarusu-box .option-app {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
}
.flow-sumarusu-box .option-app li:not(:last-child) {
  margin-right: 20px;
}

.option-btn {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-top: 25px;
}
.option-btn li {
  width: 48%;
  margin-right: 4%;
}
.option-btn li:nth-child(2n) {
  margin-right: 0;
}
.option-btn a {
  display: block;
  position: relative;
  background: #fff;
  border: 1px solid #707070;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  padding: 15px 10px;
}

#caution-sumarusu ul li {
  font-size: 18px;
  margin-bottom: 10px;
  line-height: 1.4;
	text-align: left;
}
#caution-sumarusu ul li:last-child {
  margin-bottom: 0;
}
#caution-sumarusu ul > li {
  margin-left: 1em;
  text-indent: -1em;
}
#caution-sumarusu ul > li::before {

}
#caution-sumarusu ul > li ol {
  margin-left: .5em;
  margin-top: 10px;
}
#caution-sumarusu ul > li ol li {
  margin-left: 1.5em;
  text-indent: -1.5em;
  font-size: 16px;
  line-height: 1.6;
}
#caution-sumarusu ul li a {
  word-wrap: break-word;
}

#kiyaku-option .inner {
  max-width: 770px;
  margin: 0 auto;
}
.kiyaku-pdf {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -4%;
}
.kiyaku-pdf li {
  width: 48%;
  margin-right: 4%;
  margin-bottom: 4%;
}
.kiyaku-pdf li:nth-child(2n) {
  margin-right: 0;
}
.kiyaku-pdf li a {
  font-size: 20px;
  display: block;
  position: relative;
  border-bottom: 2px solid #ddd;
  padding-bottom: 10px;
}
.kiyaku-pdf li a::before {
  content: "";
  display: inline-block;
  position: relative;
  top: 6px;
  background: url(../images/icon_pdf.png) no-repeat left center /23px 30px;
  width: 23px;
  height: 30px;
  margin-right: 10px;
}

/* かけ放題 */
.inner770 {
  max-width: 770px;
  margin: 0 auto;
}
#about-kakehoudai-box > p {
  font-size: 20px;
  margin-bottom: 100px;
 text-align: left;
}
#kakehoudai-type {
  width: 100%;
  max-width: 695px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
#kakehoudai-type > div {
  max-width: 337px;
  position: relative;
}
#kakehoudai-type > div dl {
  position: relative;
  border: 1px solid #707070;
  background: #fff;
  width: 100%;

}
#kakehoudai-type > div dl dt {
  position: relative;
  background: #E3E0E0;
  text-align: center;
  font-size: 15px;
  padding: 30px 10px 20px;
}

#kakehoudai-type > div:nth-child(2) dl dt {
  background: #FCAEAE;
}
#kakehoudai-type > div dl dt span {
  font-size: 18px;
  font-weight: bold;
}
#kakehoudai-type > div dl dd {
  padding: 20px 10px;
}



#kakehoudai-type > div dl dd p {
  font-size: 18px;
  margin: 0px 10px 20px;
	text-align: left;
}

#kakehoudai-type > div dl dd p span {
  font-weight: bold;
}
#kakehoudai-type > div dl dd p img {
  display: block;
  width: 28px;
  margin: 10px auto;
}
#kakehoudai-type > div dl dd a {
  display: block;
  border: 1px solid #080707;
  text-align: center;
  font-size: 15px;
  padding: 10px;
  width: 230px;
  margin: 20px auto 5px;
}
#kakehoudai-type > div:first-child figure,
#kakehoudai-type + figure{
  margin-top: 10px;
text-align-last: center;
}



/*** ***/

#kakehoudai-case {
  margin-top: 80px;
}
#kakehoudai-case dt {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 30px;
  line-height: 1.2;
}
#howto-kakehoudai-box {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 40px;
	margin-top:40px;
}
#howto-kakehoudai-box figure {
  margin-right: 30px;
}
#howto-kakehoudai-box > div {
  width: 390px;
}
#howto-kakehoudai-box > div p {
  font-size: 19px;
  letter-spacing: -.025em;
	text-align: left;
}
#howto-kakehoudai-box > div p span {
  font-weight: bold;
}
.howto-kakehoudai-caution ul li {
  font-size: 12px;
  line-height: 1.4;
  margin-bottom: 5px;
	text-align: left;
}
.howto-kakehoudai-caution p {
  font-size: 16px;
  margin-top: 20px;
}
#comparison-kakehoudai .howto-kakehoudai-caution ul li {
  font-size: 15px;
  margin-top: 15px;
}
#flow-kakehoudai .flow-sumarusu-box dl dd h3 + div > div:first-child {
  width: 54%;
}
#flow-kakehoudai .flow-sumarusu-box dl dd h3 + div > div:last-child {
  width: 46%;
}
#flow-kakehoudai .flow-sumarusu-box .option-app li {
  width: 50%;
  text-align: center;
}
#flow-kakehoudai .flow-sumarusu-box dl .flow-kakehoudai-dd {
  padding: 40px 0 40px 30px;
}
.flow-kakehoudai-icon {
  display: block;
  width: auto;
  height: auto;
  margin: 15px auto 0;
}
#flow-kakehoudai-icon_pc {
  width: 44px;
}
#flow-kakehoudai-icon_denwa {
  width: 67px;
}
#flow-kakehoudai-icon_denwa2 {
  width: 33px;
  margin-top: 5px;
}
#flow-kakehoudai .tellink {
  font-size: 15px;
}
#howto-kakehoudai-app h3 {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 20px;
}
#howto-kakehoudai-app .col-2_2018 {
  margin-bottom: 20px;
 text-align: center;
	margin: 0 auto;
}
#howto-kakehoudai-app .col-2_2018 dl {
	margin-left: 2%;
  margin-right: 1%;
  margin-bottom: 0;
  max-width: 30%;
  position: relative;
}
#howto-kakehoudai-app .col-2_2018 dl:nth-child(2n) {
    margin-right: 1%;
margin-left: 1%;
}
#howto-kakehoudai-app .col-2_2018 dl:nth-child(3n) {
    margin-right: 2%;
margin-left: 1%;
}
#howto-kakehoudai-app .col-2_2018 dl dt {
  font-size: 16px;
  padding: 10px;
  line-height: 1.2;
	height:auto!important;
}
#howto-kakehoudai-app .col-2_2018 dl dd {
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
}
#howto-kakehoudai-app .col-2_2018 dl dd a {
  padding: 0 ;
  width: 125px;
  margin: 0 auto -10px;
}
#howto-kakehoudai-app .col-2_2018 dl dd a img {
  width: 100%;
}
#howto-kakehoudai-app .col-2_2018 dl dd a:not(:first-of-type) {
  margin-top: 10px;
  display: block;
}
#howto-kakehoudai-app .col-2_2018 dl dd figure img {
  width: 85%;
  display: block;
  margin: 0 auto;

}
#howto-kakehoudai-app .caution {
  font-size: 13px;
  margin-bottom: 15px;
  color: #de2219;
text-align: left;
}
.howto-appapp-manual {
  margin-bottom: 30px;
	text-align: left;
}
.howto-appapp-manual p {
  margin-bottom: 10px;
	text-align: left;
}
.howto-appapp-manual ul li:not(:last-child) {
  margin-bottom: 10px;
	text-align: left;
}
.howto-appapp-manual ul li a {
  color: #0b9be5;
}
#caution-kakehoudai ul li {
  font-size: 18px;
  margin-bottom: 10px;
  line-height: 1.4;
	text-align: left;
}
#caution-kakehoudai ul li:last-child {
  margin-bottom: 0;
	text-align: left;
}
#caution-kakehoudai ul > li {
  margin-left: 1em;
  text-indent: -1em;
}

#caution-kakehoudai ul > li ol {
  margin-left: .5em;
  margin-top: 10px;
}
#caution-kakehoudai ul > li ol li {
  margin-left: 1.5em;
  text-indent: -1.5em;
  font-size: 16px;
  line-height: 1.6;
	text-align: left;
}
#caution-kakehoudai ul li a {
  word-wrap: break-word;
}

/* タブホ */
#about-tabuho {
  padding-bottom: 0;
}
#about-tabuho .inner {
 
 
}
#about-tabuho p {
  font-size: 20px;
  padding-left: 0px;
}
#about-tabuho-box  {
   display: flex;
  flex-direction: row;
}
#about-tabuho-box  p {
  font-size: 20px;
  margin: 40px 0 30px 100px;
  max-width: 400px;
  padding-top: 30px;
}

#about-tabuho-box  p:last-of-type {
  font-size: 17px;
  padding-top: 0;
  margin-bottom: 0;
}

#feature-tabuho dl {
  position: relative;
  border: 1px solid #C3C3C3;
  padding: 30px;
  padding-top: 0;
  max-width: 750px;
  margin: 0 auto 70px;
}
#feature-tabuho dl:first-of-type {
  margin-top: 30px;
}
#feature-tabuho dl:last-of-type {
  margin-bottom: 70px;
}
#feature-tabuho dl dt {
  position: relative;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  background: #E01C2C;
  border-radius: 30px;
  padding: 20px 10px;
  max-width: 415px;
  margin: 0 auto;
  top: -30px;
}
#feature-tabuho dl dd {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#feature-tabuho dl dd figure {
  width: 100px;
  margin-left: 40px;
  margin-right: 40px;
}
#feature-tabuho dl dd figure img {
  display: block;
  width: auto;
  margin: 0 auto;
}
#feature-tabuho dl dd div {
  width: calc(100% - 20px);
}
#feature-tabuho dl p {
	text-align: left;
  font-size: 16px;
}
#feature-tabuho dl .tabuho-caution {
  font-size: 12px;
  margin-top: 30px;
}
#feature-tabuho dl:nth-child(odd) dd figure {
  order: 1;
  margin-left: 20px;
  margin-right: 60px;
}
#feature-tabuho dl:nth-child(odd) dd div {
  order: 2;
}
#feature-tabuho h3 {
  text-align: center;
  font-size: 28px;
  line-height: 1.2;
  margin-bottom: 40px;
}
#feature-tabuho h3 span {
  display: block;
  margin-top: 10px;
  font-size: 14px;
}
.tabuho-thumb {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: -2%;
}
.tabuho-thumb li {
  width: 18%;
  margin-right: 2%;
  margin-bottom: 2%;
}
.tabuho-thumb li:nth-child(5n) {
  margin-right: 0;
}
.tabuho-thumb li img {
  display: block;
  margin: 0 auto;
  
}

.tabuho-thumb {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: -2%;
}
.btn-tabuho {
  border: 1px solid #1C1C1C;
  border-radius: 30px;
  display: block;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  max-width: 415px;
  margin: 30px auto 0!important;
  padding: 10px;
  line-height: 1.2;
}
.btn-tabuho span {
  display: block;
  margin-top: 5px;
  font-size: 12px;
}

#operating-tabuho figure img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
#operating-tabuho h2 img + div {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#operating-tabuho h2 img + div > div:first-child {
  padding: 0 15px 0 0;
}
#operating-tabuho h2 img + div > div:last-child {
  padding: 0 0 0 15px;
  border-left: 1px solid #838383;
}

#flow-tabuho .flow-sumarusu-box .option-app li {
  width: 50%;
  text-align: center;
}
#flow-tabuho .flow-sumarusu-box dl .flow-kakehoudai-dd {
  padding: 40px 0 40px 30px;
}

.flow-tabuho-icon {
  display: block;
  width: auto;
  height: auto;
  margin: 15px auto 0;
}
#flow-tabuho-icon_pc {
  width: 44px;
}
#flow-tabuho-icon_mail {
  width: 44px;
}
#flow-tabuho-icon_tabuho {
  width: 70px;
}
#flow-tabuho-icon_sphone {
  width: 33px;
  margin-top: 5px;
}

#flow-tabuho .tellink {
  font-size: 15px;
}
.btn-setup {
  display: block;
  background: #fff;
  color: #343434;
  text-align: center;
  padding: 15px 10px;
  position: relative;
  font-size: 15px;
  font-weight: bold;
  max-width: 500px;
  border: 1px solid #707070;
  margin: 0 auto;
  margin-top: 20px;
}
.btn-setup::before {
  content: "";
  background: url(../images/icon_apply.png) no-repeat left center /17px 17px;
  display: inline-block;
  width: 17px;
  height: 17px;
  position: relative;
  margin-right: 10px;
  top: 2px;
}

.tabuho-kiyaku-pdf {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -4%;
}
.tabuho-kiyaku-pdf li {
  width: 70%;
  margin-right: 4%;
  margin-bottom: 4%;
}
.tabuho-kiyaku-pdf li:nth-child(2n) {
  margin-right: 0;
}
.tabuho-kiyaku-pdf li a {
  font-size: 20px;
  display: block;
  position: relative;
  border-bottom: 2px solid #ddd;
  padding-bottom: 10px;
}
.tabuho-kiyaku-pdf li a::before {
  content: "";
  display: inline-block;
  position: relative;
  top: 6px;
  background: url(../images/icon_pdf.png) no-repeat left center /23px 30px;
  width: 23px;
  height: 30px;
  margin-right: 10px;
}

.tel {
    cursor: default;
    pointer-events: none;
}

.btn-over{
	margin: 0 auto;}


@media screen and (max-width:640px) {
/*===== レイアウト =====*/
#one-column {
  padding: 0;
  margin-bottom: 0;
}
/*===== オプション =====*/
.option-box_2018 {
  margin-bottom: 9.375%;
}
.option-box_2018:last-child {
  margin-bottom: 0;
}
.col-2_2018 {
  flex-direction: column;
}
.col-2_2018 dl {
  width: 100%;
  margin-right: 0;
}
.col-2_2018 dl dt {
  font-size: 21px;
}
.col-2_2018 dl dd {
  padding: 15px 10px;
  padding-bottom: 0;
  display: block;
  text-align: center;
}
.col-2_2018 dl dd img {
  margin: 0 auto;
  margin-bottom: 10px;
}
.col-2_2018 dl dd a {
  font-size: 18px;
}
.option-block {
  padding: 15px 10px;
  margin-bottom: 4.6875%;
}
.option-block:last-of-type {
  margin-bottom: 0;
}
.option-block dt em {
  font-size: 21px;
  margin-right: 1em;
}
.option-block dt span {
  font-size: 16px;
}
.option-block .option-head {
  display: block;
}
.option-block .option-head span {
  display: block;
  margin-top: 5px;
}
.option-block .btn-option {
  max-width: 100%;
  font-size: 20px;
  padding: 15px 10px;
}
.option-block .btn-option::after {
  right: 10px;
}
.simulator-btn {
  width: auto;
  font-size: 24px;
  padding-top: 10px;
  margin-bottom: 80px;
}
.simulator-btn span {
  font-size: 15px;
  display: block;
}
.simulator-btn a {
  font-size: 20px;
  line-height: 120%;
  padding: 10px;
}
.simulator-btn a:hover {
  background: #e2261a;
  color: #fff;
}


/* スマート留守電 */
.option-nav {
  display: none;
}
.option-sec {
  padding: 6.25% 10px 12.5%;
}
.option-sec h2 span {
  font-size: 20px;
}
#about-sumarusu-box {
  background: none;
  min-height: inherit;
}
#about-sumarusu-box p {
  font-size: 18px;
  margin: 0 0 20px 0;
  max-width: 100%;
  padding-top: 0;
}
#about-sumarusu-box p:last-of-type {
  font-size: 15px;
  padding-top: 0;
  margin-bottom: 15px;
}
#about-sumarusu-box figure img {
  display: block;
  width: 50%;
  margin: 0 auto;
}
#feature-sumarusu-box dl {
  max-width: 100%;
  margin-bottom: 4.6875%;
}
#feature-sumarusu-box dl:last-child {
  margin-bottom: 10%;
}
#feature-sumarusu-box dl dt {
  font-size: 17px;
  border-radius: 30px;
  padding: 15px 10px;
  width: 220px;
  left: -10px;
  z-index: 2;
}
#feature-sumarusu-box dl dd {
  padding: 40px 10px 20px;
  position: relative;
  margin-top: -30px;
}
#feature-sumarusu-box dl dd h3 {
  font-size: 20px;
  margin-bottom: 15px;
  line-height: 1.8em;
}
#feature-sumarusu-box dl dd div {
  flex-direction: column;
}
#feature-sumarusu-box dl dd div figure {
  width: 280px;
  margin-left: 0;
}
#feature-sumarusu-box dl dd div p {
  width: 100%;
  margin-bottom: 15px;
font-size:17px;
}
#feature-sumarusu-box dl:nth-child(even) dd div figure {
  margin: 0 auto 15px;
}
#feature-sumarusu-box dl:nth-child(even) dd div p {
  width: 100%;
}
#other-sumarusu-option h3 {
  font-size: 24px;
  margin-bottom: 12.5%;
}
#other-sumarusu-option div {
  margin: 0 auto -12.5%;
}
#other-sumarusu-option dl {
  padding: 15px 10px;
  padding-top: 0;
  width: 49%;
  margin-bottom: 12.5%;
}
#other-sumarusu-option dl:nth-child(2n) {
  margin-right: 0;
}
#other-sumarusu-option dl dt {
  font-size: 12px;
  padding: 10px 5px;
}
.flow-sumarusu-box {
  padding: 15px 10px;
}
.flow-sumarusu-box dl {
  flex-direction: column;
}
.flow-sumarusu-box dl dt {
  font-size: 18px;
  width: 100%;
  margin-right: 0;
  border-bottom: 1px solid #838383;
  padding-bottom: 10px;
  margin-bottom: 10px;
  position: relative;
}
.flow-sumarusu-box dl dt span {
  font-size: 35px;
  margin-top: 0;
  margin-left: 0;
}
.flow-sumarusu-box dl dd {
  border-left: none;
  padding: 10px;
  width: 100%;
}
.flow-sumarusu-box dl dd h3 {
  font-size: 20px;
  margin-bottom: 10px;
  line-height: 1.3;
  text-align: center;
}
.flow-sumarusu-box dl dd h3 br {
  display: none;
}
.flow-sumarusu-box dl dd p:first-child {
  margin-bottom: 20px;
}
.flow-sumarusu-box dl dd h3 + div {
  flex-direction: column;
}
.flow-sumarusu-box dl dd h3 + div > div:first-child {
  padding: 0;
}
.flow-sumarusu-box dl dd h3 + div > div:last-child {
  padding: 0;
  border-left: none;
  border-top: 1px solid #838383;
  margin-top: 15px;
  padding-top: 15px;
}
.btn-entry2018 {
  width: 100%;
  font-size: 16px;
}
.flow-sumarusu-box .option-app {
  margin-top: 15px;
}
.flow-sumarusu-box .option-app li:not(:last-child) {
  margin-right: 10px;
}
.option-btn {
  margin-top: 20px;
  display: block;
}
.option-btn li {
  width: 100%;
  margin-right: 0;
}
.option-btn li:nth-child(2n) {
  margin-top: 15px;
}
.option-btn a {
  line-height: 1.2;
}
.kiyaku-pdf {
  flex-direction: column;
}
.kiyaku-pdf li {
  width: 100%;
  margin-right: 0;
}
.kiyaku-pdf li a {
  font-size: 18px;
}
/* かけ放題ダブル */
#about-kakehoudai-box > p {
  font-size: 16px;
  margin-bottom: 50px;
}
#kakehoudai-type {
  flex-direction: column;
}
#kakehoudai-type > div {
  width: 100%;
}
#kakehoudai-type > div:first-child {
  margin-bottom: 3px;
}
#kakehoudai-type > div dl dt {
  padding: 20px 10px 15px;
}
#kakehoudai-type > div:first-child dl dt::before {
  width: 160px;
  height: 60px;
  top: -40px;
  left: -10px;
}
#kakehoudai-type > div:nth-child(2) dl dt::before {
  width: 160px;
  height: 60px;
  top: -40px;
  left: -10px;
}
#kakehoudai-type > div dl dd {
  padding: 15px;
}
#kakehoudai-type > div:last-child dl dd p {
  margin-bottom: 0;
}
#kakehoudai-type > div dl dd p img {
  width: 38px;
}
#kakehoudai-type > div dl dd a {
  width: 80%;
}
#kakehoudai-case {
  margin-top: 12.5%;
}
#kakehoudai-case dt {
  font-size: 18px;
  margin-bottom: 20px;
}
#howto-kakehoudai-box {
  flex-direction: column;
  margin-bottom: 20px;
}
#howto-kakehoudai-box figure {
  width: 260px;
  margin: 0 auto 15px;
}
#howto-kakehoudai-box > div {
  width: 100%;
}
#howto-kakehoudai-box > div p {
  font-size: 18px;
  margin-bottom: 20px;
}
.howto-kakehoudai-caution p {
  font-size: 14px !important;
}
#comparison-kakehoudai .howto-kakehoudai-caution ul li {
  font-size: 14px !important;
}
#flow-kakehoudai .flow-sumarusu-box dl dd h3 + div > div:first-child {
  width: 100%;
}
#flow-kakehoudai .flow-sumarusu-box dl dd h3 + div > div:last-child {
  width: 100%;
}
#flow-kakehoudai .flow-sumarusu-box dl .flow-kakehoudai-dd {
  padding: 10px;
}

#howto-kakehoudai-app h3 {
  font-size: 20px;
  margin-bottom: 15px;
}
#howto-kakehoudai-app .col-2_2018 {
  margin-bottom: 0;
}
#howto-kakehoudai-app .col-2_2018 dl {
  width: 100%;
  margin-right: 0;
  margin-bottom: 5%;
}
#howto-kakehoudai-app .col-2_2018 dl:nth-child(2n) {
  margin-right: 0;
}
#howto-kakehoudai-app .col-2_2018 dl:nth-child(3n) {
  margin-right: 0;
}
.howto-appapp-manual {
  margin-bottom: 20px;
}
.howto-appapp-manual p,
.howto-appapp-manual ul li a {
  font-size: 14px;
}
#caution-kakehoudai ul li {
  font-size: 16px;
}
#caution-kakehoudai ul > li ol {
  margin-left: 0;
}
#caution-kakehoudai ul > li ol li {
  font-size: 15px;
}
#caution-kakehoudai ul > li ol li br {
  display: none;
}

/* タブホ */
#about-tabuho .inner {
  background: none;
  min-height: 220px;
}
#about-tabuho p {
  font-size: 16px;
  padding-left: 5px;
}
#about-tabuho p br {
  display: none;
}
#feature-tabuho dl {
	padding: 10px;
}	

	
.tabuho-kiyaku-pdf {
  flex-direction: column;
}
.tabuho-kiyaku-pdf li {
  width: 100%;
  margin-right: 0;
}
.tabuho-kiyaku-pdf li a {
  font-size: 18px;
}

.tel {
   pointer-events: auto;
}


}




@media screen and (max-width:414px) {
	
.display-sp {
display: block;
 margin-left: 0px;
}

.display-sp  img {
width: 200%;
  margin: 0 auto;
}

	.ttl-h2 {	
  font-size: 22px;


}

	
/* かけ放題 */

	
#kakehoudai-type > div {
  max-width: 100%;
  
}
	
	
#howto-kakehoudai-app .col-2_2018 dl {
	margin:3px;
  max-width: 98%;
 
}	
	
#howto-kakehoudai-app .col-2_2018 dl:nth-child(2n) {
	margin:3px;
  max-width: 98%;
}
#howto-kakehoudai-app .col-2_2018 dl:nth-child(3n) {
	margin:3px;
  max-width: 98%;
}	
	
#caution-kakehoudai ul li {
  font-size: 15px;
}


#caution-kakehoudai ul > li ol li {
  font-size: 13px;
}	
	
	/* スマート留守電*/


#other-sumarusu-option h3 {
 
  font-size: 20px;

}
#other-sumarusu-option div {
  width: 98%;
  margin: 0 auto ;

}
#other-sumarusu-option dl {
 width: 100%;
}
#other-sumarusu-option dl:nth-child(4n) {
  margin-right: 2;
}
#other-sumarusu-option dl dt {
  font-size: 14px;
 
}
#other-sumarusu-option dl dt::after {

  border-width: 80%;

}
#other-sumarusu-option dl dd figure {

}
#other-sumarusu-option dl dd img {
  max-width: 100%;
  margin: 0 auto 15px;
}
#other-sumarusu-option dl dd p {
  font-size: 14px;
}
#other-sumarusu-option dl dd p span {
  font-size: 12px;
  margin-top: 5px;
}
	
#caution-sumarusu ul li {
  font-size: 15px;
}


#caution-sumarusu ul > li ol li {
  font-size: 13px;
}	
	
#about-sumarusu-box  {
 display: block;
}	
	

#feature-sumarusu-box dl {
  max-width: 100%;

}
#feature-sumarusu-box dl:last-child {
  margin-bottom: 10%;
}
#feature-sumarusu-box dl dt {
  font-size: 14px;

}
#feature-sumarusu-box dl dd {

}
#feature-sumarusu-box dl dd h3 {
  font-size: 17px;

}
#feature-sumarusu-box dl dd div {

}
#feature-sumarusu-box dl dd div figure {
  width: 280px;
  margin-left: 0;
}
#feature-sumarusu-box dl dd div p {

font-size:14px;
}
#feature-sumarusu-box dl:nth-child(even) dd div figure {
  margin: 0 auto 15px;
}
#feature-sumarusu-box dl:nth-child(even) dd div p {
  width: 100%;
}

/** タブホ　**/
#about-tabuho .inner {
width:100%;
}
	
#about-sumarusu-box figure img {
  width: 100%;
}	
	
#feature-tabuho dl {
  max-width: 98%;
  margin: 0 2;
	
}
#feature-tabuho dl dt {
  color: #fff;
  font-size: 17px;
}
#feature-tabuho dl dd {
  width: 100%;
  display: block;
  justify-content: center;
  align-items: center;
}
#feature-tabuho dl dd figure {
  max-width: 100px;
align-items: center;
	 margin: 0 auto;
}
#feature-tabuho dl:nth-child(odd) dd figure {
  max-width: 100px;
align-items: center;
	 margin: 0 auto;
}
#feature-tabuho dl dd figure img {
  width: auto;
  ;
}
#feature-tabuho dl dd div {
 width: 100%;
margin: 0 auto;
}
#feature-tabuho dl p {
  font-size: 15px;
}

#feature-tabuho h3 {
  text-align: center;
  font-size: 22px;
}


#feature-tabuho h3 span {
  display: block;
  margin-top: 10px;
  font-size: 14px;
}	
.tabuho-thumb {
  
}
.tabuho-thumb li {
}	
	
.tabuho-thumb li img {

}
}