@charset "utf-8";
/****************************************************
 RESET
****************************************************/
h1,h2,h3,h4,h5,p,ul,ol,dl,li,dt,dd,form{margin:0px; padding:0px;}
h1{font-size:22px; font-size:2.2rem; line-height:180%;}
h2{font-size:20px; font-size:2.0rem; line-height:160%;}
h3{font-size:18px; font-size:1.8rem; line-height:120%;}
h4{font-size:16px; font-size:1.6rem; line-height:100%;}
h5{font-size:14px; font-size:1.4rem; line-height:100%;}
p {font-size:1.0em; line-height:130%;}

ul,ol,dl{list-style:none outside;}
ul.disc{list-style:disc outside; margin-left:20px;}
ul.circle{list-style:circle outside; margin-left:20px;}
ul.square{list-style:square outside; margin-left:20px;}

address{text-decoration:none; font-style:normal;}

a{display:inline-block; color:#06f; text-decoration:underline; border:none; outline:none;}
a:link{color:#06f; text-decoration:underline;}
a:visited{color:#039; text-decoration:underline;}
a:active{color:#06f; text-decoration:underline;}
a:hover{color:#09f; text-decoration:underline;}
a:focus{color:#09f; text-decoration:underline; border:none;}

a img{border:none;}

a.rover:hover{
	opacity: 0.6;
	filter: progid:DXImageTransform.Microsoft.alpha(style=0, opacity=60);
	-moz-transition: opacity 0.12s linear;
	-webkit-transition: opacity 0.12s linear;
	transition: opacity 0.12s linear;
}

img{
 width:100%;
 border:none;
 display:block;
}

.wBG{background-color:#fff;}
.gBG{background-color:#b1b1b1;}
.bBG{background-color:#18719f;}

/************************************************
 CLEARFIX
************************************************/
.clearfix:after, .cfx:after{
	content:".";
	display:table;
	height:0;
	clear:both;
	visibility:hidden;
}
/************************************************
 COMMON
************************************************/
*{margin:0;padding:0;}
html{height:100%; width:100%; font-size:62.5%;}
body{
	min-width:100%;
	min-height:100%;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
	font-size:12px; font-size:1.2rem;
	line-height:130%;
	letter-spacing:0;
	text-align:center;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	color:#333;
	background-color:#fff;
}
#wrapper{
	width:100%;
 	max-width:906px;
	margin:0 auto;
	padding:0;
	position:relative;
	background:none;
}

/* ヘッダー
---------------------------------*/
h1{
 display:block;
 width:100%;
 max-width:906px;
 height:auto;
 margin:0 auto 30px;
}

/* メイン
---------------------------------*/
.content-box{
 width:100%;
 margin:0 auto;
}
.img-box{
 width:100%;
 margin:0 auto;
 padding:0!important;
 display:block;
 line-height:0;
}
.img-box img{
 margin:0;
 padding:0;
 width: 100%;
 max-width: 981px;
 height: 100%;
 max-height: 456px;
}
@media screen and (max-width: 767px) {
.img-box img{
 max-width: 720px;
 max-height: 853px;
}
}

.inner-box{
 width:85%;
 max-width:764px;
 margin:0 auto!important;
}
.text-box{
 padding:0.8em 0 0.5em;
 border-radius:3px;
}
.red{
 color:#fff;
 background-color:#e0001b;
}
.red span{
 font-weight:bold;
 color:#fff200;
}
.other01, .other02{
 display:inline-block;
 width:48%;
 padding:0;
 margin-bottom:40px;
 max-width:362px;
}
.other01{
 float:left;
}
.other02{
 float:right;
}
.other03{
 clear:both;
}
.blue-hd,
.efax02-blue-hd{
 padding:5% 0 0;
 background-color:#18719f;
}
.efax02-blue-hd{
 padding:0;
}
.efax02-blue-hd p{
 color:#fff;
 font-weight:bold;
 font-size:18px;
 font-size:1.8rem;
 line-height:1.5;
 text-align:left;
 padding:1em 0 2em;
}
.more-box{
 padding:0;
}
.border-box{
 width:100%;
 background-color:#fff;
 border:none;
 border-top:0px;
 box-sizing:border-box;
}
.border-box h3{
 font-weight:bold;
 font-size:20px;
 font-size:2.0rem;
 text-align:center;
 padding:2em 0;
 margin:0;
}
.step{
 display:block;
 width:95%;
 max-width:715px;
 margin:0 auto 20px;
 text-align:center;
 letter-spacing:-0.4em;
}
.step li{
 display:inline-block;
 width:48%;
 max-width:342px;
 margin:0 0.8% 10px;
 padding:0;
 letter-spacing:normal;
}

.step img {
  width: 100%;
  max-width: 280px;
  height: 100%;
  max-height: 110px;
  margin: 0 0 10px;
}

@media screen and (max-width: 767px) {
  .step .serlogo {
    width: 60%;
	height: auto;
} 
}

.content-box.bBG{
 padding:4em 0;
}
.content-box.bBG > .img-box{
 width:85%;
 max-width:764px;
 margin:0 auto;
}

.efax02-example{
 position:relative;
}
.efax02-example img.efax02-photo{
 width:14.5%;
 max-width:132px;
 position:absolute;
 bottom:0;
 left:12%;
}


/* トライアル */
.trial{
 margin:0 auto;
 padding:10px 0 0;
 text-align:left;
 line-height: 160%;
}
.trial p{width:100%;}
.trial p > a{
 text-decoration:underline;
 color:#0152a1;
 font-size:10px!important;
 font-size:1.0rem!important;
 line-height:1.5;
}
.trial a:hover{
 opacity:0.6;
 -webkit-transition:opacity 0.4s;
 -moz-transition:opacity 0.4s;
 transition:opacity 0.4s;
}
a.trial-btn{
 display:inline-block;
 min-width:51%!important;
 box-sizing:border-box;
 text-decoration:none;
 background-color:#e0001b;
 color:#fff;
 font-weight:bold;
 font-size:24px!important;
 font-size:2.4rem!important;
 line-height:1.2;
 padding:1em!important;
 margin:0 auto 0.5em;
}
a.trial-btn span{
 display:inline;
 margin-right:1em;
}
.trial.lp02 a.trial-btn,
.trial.lp03hd a.trial-btn{
 font-size:18px!important;
 font-size:1.6rem!important;
 padding:0.5em 1em!important;
}
.trial.lp02 a.trial-btn span,
.trial.lp03hd a.trial-btn span{
 font-size:14px;
 font-size:1.0rem;
}

.trial.lp03hd{
  padding:0 0 12%;
  background:url(https://www.efax.co.jp/sf-images/default-source/eFaxJP/jp_15/efax_lp03_img02.png?Status=Temp&sfvrsn=2) no-repeat 50% 0;
  background-size:100% auto;
}

.efax01-text01,
.efax01-text02,
.efax01-text03,
.efax01-text04,
.efax01-text05,
.efax01-text06,
.efax02-text01,
.efax02-text03,
.efax02-text04,
.efax03-text01{
 font-size:16px!important;
 font-size:1.45rem!important;
 font-weight:bold!important;
 line-height:1.3!important;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif!important;
}
.efax01-text02 span{
 font-size:28px;
 font-size:2.8rem;
 margin:0 0.2em;
}
.efax01-text03 img,
.efax01-text04 img,
.efax01-text06 img,
.efax01-text07 img,
.efax02-text03 img,
.efax02-text04 img{
 width:auto;
 height:33px;
 display:inline-block;
 vertical-align:middle;
 margin:0 0.2em 0.2em 0.2em;
}
.efax01-text04{
 padding:0.4em 0 0.2em;
}
.efax01-text06{
 padding:0.4em 0 0.2em;
}
.efax01-text07{
 font-size:16px!important;
 font-size:1.45rem!important;
 font-weight:bold!important;
 line-height:1.3;
 padding:0.5em 0 0.3em;
 background-color:#fff200;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif!important;
}
.efax01-text08{
 font-size:12px!important;
 font-size:1.2rem!important;
 font-weight:bold!important;
 line-height:1.3!important;
 padding-top:5%!important;
 margin-bottom:20px!important;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif!important;
}

.efax02-text03{
 padding:0.5em 0 0.3em;
 margin:30px auto;
}
.efax02-text04{
 text-align:left;
 box-sizing:border-box;
 padding:0.5em 0 0.3em 20%;
}

.ma10{margin:10px;} .mt10{margin-top:10px;} .mb10{margin-bottom:10px;}
.ma20{margin:20px;} .mt20{margin-top:20px;} .mb20{margin-bottom:20px;}
.ma30{margin:30px;} .mt30{margin-top:30px;} .mb30{margin-bottom:30px;}
.ma40{margin:40px;} .mt40{margin-top:40px;} .mb40{margin-bottom:40px;}
.ma50{margin:50px;} .mt50{margin-top:50px;} .mb50{margin-bottom:50px;}
.ma60{margin:60px;} .mt60{margin-top:60px;} .mb60{margin-bottom:60px;}
.ma70{margin:70px;} .mt70{margin-top:70px;} .mb70{margin-bottom:70px;}

.pa10{padding:10px;} .pt10{padding-top:10px;} .pb10{padding-bottom:10px;}
.pa20{padding:20px;} .pt20{padding-top:20px;} .pb20{padding-bottom:20px;}
.pa30{padding:30px;} .pt30{padding-top:30px;} .pb30{padding-bottom:30px;}
.pa40{padding:40px;} .pt40{padding-top:40px;} .pb40{padding-bottom:40px;}
.pa50{padding:50px;} .pt50{padding-top:50px;} .pb50{padding-bottom:50px;}
.pa60{padding:60px;} .pt60{padding-top:60px;} .pb60{padding-bottom:60px;}
.pa70{padding:70px;} .pt70{padding-top:70px;} .pb70{padding-bottom:70px;}

/************************************************
 Sitefinity tag
************************************************/
.sfContentBlock p {
    margin: 0;
}
.sfContentBlock h1 {
    margin-bottom: 0;
}

.sfContentBlock h2 {
    margin:0;
}

.sfContentBlock h3 {
    margin:0;
	padding:0.2em;
    border-bottom: none;
	font-weight: bold;
}
h3, .h3, .sfContentBlock h3 {
    font-family:  "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif!important;}

@media only screen and (max-width:820px){
 .trial{
  padding:40px 0 0;
 }
}
@media only screen and (max-width:767px){
 .trial a.trial-btn{
  min-width:68%;
 }
 .trial.lp03hd a.trial-btn{
  font-size:1.6rem!important;
  padding:0.5em 1em;
 }

 .trial.lp03hd a.trial-btn span{
  font-size:1.1rem!important;
 }
 .trial.lp03hd p > a{
  font-size:0.7rem!important;
 }
}
@media only screen and (max-width:480px){
 .content-box.bBG{
  padding:2em 0;
 }
 .inner-box{
  width:90%;
 }
 .step{
  margin-bottom:20px;
 }
 .step li{
  display:block;
  width:95%;
  max-width:100%;
  margin:0 auto 1.5em;
 }
 .trial p > a{
  font-size:1.0rem;
 }
 .trial a.trial-btn{
  min-width:68%;
  font-size:2.2rem;
  padding:0.5em 1.5em;
 }
 .trial a.trial-btn span{
  display:block;
  margin:0 auto;
  font-size:1.8rem;
 }
 .trial.lp02 a.trial-btn{
  font-size:1.6rem;
 }
 .trial.lp02 a.trial-btn span{
  font-size:1.2rem;
 }
 .trial.lp02 p{
  font-size:1.4rem;
 }
 .trial.lp03hd{
  padding:0 0 21%;
  background:url(https://www.efax.co.jp/sf-images/default-source/eFaxJP/jp_15/sp/efax_lp03_img02.png?Status=Temp&sfvrsn=2) no-repeat 50% 0;
  background-size:100% auto;
 }
.trial.lp03hd p{
  font-size: 0.8em;
	}
 .efax01-text01,
 .efax01-text02,
 .efax01-text03,
 .efax01-text04,
 .efax01-text05,
 .efax01-text06,
 .efax01-text02 span,
 .efax02-text01,
 .efax02-text03,
 .efax02-text04,
 .efax03-text01{
  font-size:12px;
  font-size:1.2rem;
 }
 .efax01-text02{
  margin:20px auto 0;
  padding:0.2em 0;
 }
 .efax01-text03 img,
 .efax01-text04 img,
 .efax01-text06 img,
 .efax01-text07 img,
 .efax02-text03 img,
 .efax02-text04 img{
  height:30px;
  margin:0 0 0.2em;
 }
 .efax01-text07{
  font-size:20px;
  font-size:2.0rem;
  padding:0.3em 0 0;
 }
 .efax01-text08{
  font-size:13px;
  font-size:1.3rem;
  margin-bottom:20px;
 }

 .efax02-text01{
  padding:0.2em 0;
 }
 .efax02-blue-hd p{
  font-size:16px;
  font-size:1.6rem;
  line-height:1.5;
  padding:1em 0;
 }
 .efax02-text04{
  text-align:center;
  box-sizing:border-box;
  padding:0.2em 0;
 }
 .other01,
 .other02,
 .other03{
  width:100%;
  max-width:100%;
  margin:0 auto 20px;
  float:none;
 }
 .other03{
  margin-bottom:0;
 }
	
 .ma10{margin:5px;} .mt10{margin-top:5px;} .mb10{margin-bottom:5px;}
 .ma20{margin:10px;} .mt20{margin-top:10px;} .mb20{margin-bottom:10px;}
 .ma30{margin:15px;} .mt30{margin-top:15px;} .mb30{margin-bottom:15px;}
 .ma40{margin:20px;} .mt40{margin-top:20px;} .mb40{margin-bottom:20px;}
 .ma50{margin:25px;} .mt50{margin-top:25px;} .mb50{margin-bottom:25px;}
 .ma60{margin:30px;} .mt60{margin-top:30px;} .mb60{margin-bottom:30px;}
 .ma70{margin:35px;} .mt70{margin-top:35px;} .mb70{margin-bottom:35px;}

 .pa10{padding:5px;} .pt10{padding-top:5px;} .pb10{padding-bottom:5px;}
 .pa20{padding:10px;} .pt20{padding-top:10px;} .pb20{padding-bottom:10px;}
 .pa30{padding:15px;} .pt30{padding-top:15px;} .pb30{padding-bottom:15px;}
 .pa40{padding:20px;} .pt40{padding-top:20px;} .pb40{padding-bottom:20px;}
 .pa50{padding:25px;} .pt50{padding-top:25px;} .pb50{padding-bottom:25px;}
 .pa60{padding:30px;} .pt60{padding-top:30px;} .pb60{padding-bottom:30px;}
 .pa70{padding:35px;} .pt70{padding-top:35px;} .pb70{padding-bottom:35px;}
}

ol.asterisk {
  margin: 0 0 40px;
}

@media screen and (max-width: 767px) {
  ol.asterisk {
    margin: 0 0 30px;
} 
}

/* geo */
#geo {
  width: 90%;
  margin: 40px auto 60px;
  font-size: 16px;
  text-align: left;
  line-height: 1.4;
}

#geo .flow_note {
  display: block;
  width: 100%;
  margin: 0 0 10px;
}

#geo .flow_documents {
  margin: 0 auto 20px;
  background: #e8e8e8;
  padding: 20px 0;
  display: inline-block;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#geo .flow_documents span {
  width: 35%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
}

#geo .flow_documents ul {
  width: 65%;
  border-left: 1px solid #CCCCCC;
  padding-left: 50px;
}

#geo .flow_documents ul li {
  padding: 5px 0;
  position: relative;
  padding-left: 20px;
}

#geo .flow_documents ul li::after {
  content: "・";
  position: absolute;
  left: 0;
}
#geo .flow_documents a:link {
  text-decoration: none;
}

@media screen and (max-width: 767px) {
#geo {
  margin: 50px auto 60px;
}

#geo span .flow_note {
    font-size: 12px;
    margin: 0 auto 40px;
  }

#geo .flow_documents {
    padding: 20px;
    display: block;
  }

#geo .flow_documents span {
    width: 100%;
    display: block;
    font-size: 16px;
    text-align: center;
    margin-bottom: 10px;
  }

#geo .flow_documents ul {
    width: 100%;
    border-top: 1px solid #CCCCCC;
    border-left: none;
    padding: 10px 0 0;
  }

#geo .flow_documents ul li {
    padding: 5px 0;
    position: relative;
    padding-left: 20px;
  }

#geo .flow_documents ul li::after {
    content: "・";
    position: absolute;
    left: 0;
    top: 5px;
  }
}
/* geo */	

/* ページの先頭へ */
p#pagetop{
 display:inline-block;
 width:45px;
 height:45px;
 position:fixed;
 bottom:5%;
 right:5%;
 margin:0;
 padding:0;
 font-size:20px;
 font-size:2.0rem;
 line-height:45px;
 text-align:center;
 color:#fff;
 border-radius:50%;
 background-color:#195c8c;
 cursor:pointer;
}
p#pagetop:hover{
 opacity:0.6;
 -webkit-transition:opacity 0.4s;
 -moz-transition:opacity 0.4s;
 transition:opacity 0.4s;
}

.is-pc{display:inline-block !important;}
.is-sp{display:none !important;}

@media only screen and (max-width:480px){
.is-pc{display:none !important;}
.is-sp{display:inline-block !important;}
}
.is-pc p{
	font-size:12px;
}
.is-sp p{
	font-size:12px;
}