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


body {
	text-size-adjust: 100%;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	max-height: 999999px;
	color: #4d4d4d;
}

p, span, dt, dd, th, td, ul, li, h1, h2, h3, h4 {
	max-height: 999999px;
	background-image: url(../images/spacer.gif);
}

/*a:link {	color: #009ee7;	text-decoration: none;}
a:visited {	color: #009ee7;	text-decoration: none;}
a:hover {	color:#009ee7;	text-decoration: underline;}
a:active {	color:#009ee7;	text-decoration: none;}
*/

/*------------※イレギュラー　トップのみ適用--------------*/
h1 {
    top: 0px;
}
.callContBlock02 h2 {
    color: #bf0000;
    font-size: 42px;
    font-weight: bold;
    line-height: 54px;
    margin-bottom: 34px;
}
/*-----------------*/

p {
	margin: 0px;
	padding: 0px;
}

a:hover img.hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

.pt0 {
	padding-top: 0px !important;
}
.pt80 {
	padding-top: 80px !important;
}
.pt70 {
	padding-top: 70px !important;
}
.pt60 {
	padding-top: 60px !important;
}

.pb0 {
	padding-bottom: 0px !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pb25 {
	padding-bottom: 25px !important;
}
.pb50 {
	padding-bottom: 50px !important;
}
.pb60 {
	padding-bottom: 60px !important;
}

.mb0 {
	margin-bottom: 0px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.mb70 {
	margin-bottom: 70px !important;
}

.anc {
	position: relative;
}
.ancIn {
	position: absolute;
	top: -63px;
}


#page-trail_wrap #page-trail {
    margin-bottom: 10px;
}

/*-----------------*/



.callTopMainvisualWrap {
	background-image: url(../images/mobile_top_mainvisual_wrap.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #ffffff;
	height: 479px;
	position: relative;
	/*margin-top: 40px;*/
	border-top: 1px solid #dadada;
}

.callTopMainvisual {
	width: 954px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

.callTopMainvisualBtn01 {
	position: absolute;
	left: 35px;
	top: 262px;
}



/*.callSubNaviWrap {
	border-bottom: 1px solid #dadada;
	text-align: center;
	width: 100%;
	position: relative;
	top: 0px;
	left: 0px;
	background-color: #ffffff;
}

.callSubNaviWrap.fixed {
	position: fixed;
	top: 0px;
	left: 0px;
}

.callSubNaviWrap.callSubNaviWrap02 {
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	text-align: center;
	margin-bottom: 54px;
}*/

/*--------------------------*/

.callSubNaviBase {
	height: 61px;
	position: relative;
	background-color: ffffff;
	width: 100%;
}

#cloudNav {
	/* border-top: 1px solid #dadada; */
	/* border-bottom: 1px solid #dadada; */
	text-align: center;
	width: 100%;
	position: relative;
	top: 0px;
	left: 0px;
	background-color:#137f8c;
	z-index: 2;
}

#cloudNav.fixed {
	position: fixed;
	top: 0px;
	left: 0px;
}

#cloudNav.callSubNaviWrap02 {
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	text-align: center;
	/*margin-bottom: 54px;*/
}

/*---------


#btmLink {
	width: 100%;
	display: none !important;
}
#btmLink .inner {
	background: #bf0000;
	width: 100%;
}
#btmLink .inner ul {
	width: 954px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}

#btmLink .inner ul li {
	float: left;
	padding-right: 11px;
	padding-top: 3px;
	padding-bottom: 2px;
}
#btmLink .inner ul .links a {
	display: block;
}

#btmLink .inner ul .pagetop {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
}
#btmLink .inner ul .pagetop a {
	display: block;
	background: #FFF;
}
*/


/*--------------------------*/

.callSubNavi {
	display: table;
	width: 954px;
	margin-right: auto;
	margin-left: auto;
}

.callSubNavi li {
	display: table-cell;
	text-align: center;
	width: 16%;
	border-right:1px solid #9bd2de;
}
.callSubNavi li.callSubNaviLogo {
	padding: 10px 30px 0px 0px;
	text-align: left;
}

.callSubNavi li a {
	display: block;
	/*padding: 22px 10px;*/
	height: 58px;
	font-size: 15px;
	line-height: 1em;
	font-weight: bold;
	border-bottom: 3px solid #ffffff;
}
.mobilSubNavi01 {
	display: block;
	padding-top: 22px;
}
.mobilSubNavi02 {
	display: block;
	padding-top: 12px;
}


.callSubNavi li a:link {	color: #fff;	text-decoration: none;border-bottom: 3px solid #137f8c;}
.callSubNavi li a:visited {	color: #fff;	text-decoration: none;border-bottom: 3px solid #137f8c;}
.callSubNavi li a:hover {
	color:#fff;
	text-decoration: none;
	border-bottom: 3px solid #95c036;
}
.callSubNavi li a:active {	color:#137f8c;	text-decoration: none;}

.callSubNavi li.active a {
	/*color: #303999;*/
	border-bottom: 3px solid #95c036;
}


.callContBlock01Wrap {
	background-color: #f4f4f4;
	text-align: center;
	margin-bottom: 60px;
}

.callContBlock01 {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 36px;
}

.callH301 {
	font-size: 42px;
	line-height: 54px;
	color: #bf0000;
	font-weight: bold;
	border: none;
	padding: 0px;
	margin-bottom: 34px;
}

.callH301 .callContBlock02Span01 {
	position: relative;
}

.callH301 .callContBlock02Span02 {
	font-size: 20px;
	line-height: 1em;
	position: absolute;
	left: 0px;
	top: -20px;
}

.callRead01 {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 40px;
}

.callContBlock02Wrap {
	/*border-top: 1px solid #dadada;*/
	text-align: center;
}

.callContBlock02 {
	width: 954px;
	margin-right: auto;
	margin-left: auto;
	/*padding-top: 30px;*/
	padding-bottom: 60px;
}


.callRead02 {
	font-size: 22px;
	line-height: 1.6em;
	font-weight: bold;
	margin-bottom: 40px;
}

.callTopUl01 li.callTopLi01 {
	width: 464px;
	height: 490px;
	float: left;
	/*background-image: url(../images/call_top_riyu_bg01.png);
	background-repeat: repeat-y;
	background-position: left top;*/
	background-color: #ffffff;
	margin-bottom: 24px;
	/*margin-right: 8px;*/
}

.callTopUl01 li.callTopLi02 {
	width: 464px;
	height: 490px;
	float: right;
	/*background-image: url(../images/call_top_riyu_bg01.png);
	background-repeat: repeat-y;
	background-position: left top;*/
	background-color: #ffffff;
	margin-bottom: 24px;
}

.callTopRiyuH401 {
	background-image: url(../images/mobile_top_merit_icon01.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #c00000;
	font-size: 24px;
	line-height: 38px;
	padding-left: 120px;
	text-align: left;
	height: 110px;
}

.callTopRiyuH402 {
	background-image: url(../images/mobile_top_merit_icon02.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #c00000;
	font-size: 24px;
	line-height: 38px;
	padding-left: 120px;
	text-align: left;
	position: relative;
	height: 110px;
}

.mobilSpan01 {
	display: block;
	color: #333333;
	padding-top: 17px;
}

.callTopRiyuH403 {
	background-image: url(../images/mobile_top_merit_icon03.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #c00000;
	font-size: 24px;
	line-height: 38px;
	padding-left: 120px;
	text-align: left;
	height: 110px;
}

.callTopRiyuH404 {
	background-image: url(../images/mobile_top_merit_icon04.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #c00000;
	font-size: 23px;
	line-height: 38px;
	letter-spacing: -0.05em;
	padding-left: 120px;
	text-align: left;
	height: 110px;
}

.callTopUl02.ul01 {
/*	padding-left: 32px;
	padding-right: 18px;*/
	padding-left: 25px;
	padding-right: 20px;
	word-break: break-all;
}

.callTopUl02.ul02 {
/*	padding-left: 32px;
	padding-right: 18px;*/
	padding-left: 25px;
	padding-right: 20px;
	word-break: break-all;
}

.callTopUl02.ul03 {
/*	padding-left: 32px;
	padding-right: 18px;*/
	padding-left: 25px;
	padding-right: 20px;
	word-break: break-all;
}

.callTopUl02.ul04 {
/*	padding-left: 32px;
	padding-right: 18px;*/
	padding-left: 25px;
	padding-right: 20px;
	word-break: break-all;
}

.callTopUl02 li {
	font-size: 16px;
	line-height: 1.6em;
	/*font-size: 18px;
	line-height: 28px;*/
	text-align: left;
	margin-bottom: 6px;
}

.callTopUl02 li span {
	color: #c00000;
}


.callOsusumeUl01 {
	margin-bottom: 20px;
}

.callOsusumeUl01 a:link {	color: #333333;	text-decoration: none;}
.callOsusumeUl01 a:visited {	color: #333333;	text-decoration: none;}
.callOsusumeUl01 a:hover {	color:#333333;	text-decoration: none;}
.callOsusumeUl01 a:active {	color:#333333;	text-decoration: none;}



.callOsusumeli01 {
	float: left;
	width: 310px;
	margin-right: 12px;
}

.callOsusumeli02 {
	float: left;
	width: 310px;
	margin-right: 12px;
}

.callOsusumeli03 {
	float: left;
	width: 310px;
}

.callOsusumeH401 {
	display: block;
	font-size: 17px;
	line-height: 26px;
	font-weight: bold;
	color: #ffffff;
	background-color: #137f8c;
	text-align: left;
	padding-top: 14px;
	padding-bottom: 14px;
	padding-left: 76px;
}
.callOsusumeH401.icon01 {
	background-image: url(../images/mobile_top_osusume_icon01.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.callOsusumeH401.icon02 {
	background-image: url(../images/mobile_top_osusume_icon02.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.callOsusumeH401.icon03 {
	background-image: url(../images/mobile_top_osusume_icon03.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.callOsusumeBox01 {
	display: block;
	border-right: 1px solid #aad1d6;
	border-bottom: 1px solid #aad1d6;
	border-left: 1px solid #aad1d6;
	text-align: left;
	height: 490px;
}

.callOsusumeText01 {
	font-size: 16px;
	line-height: 25px;
	padding-top: 12px;
	padding-bottom: 5px;
}

.callOsusumeText02 {
	font-size: 14px;
	line-height: 1.4em;
	font-weight: bold;
	color: #32389a;
	padding-top: 20px;
	padding-bottom: 5px;
}

.callOsusumeUl02 li {
	font-size: 13px;
	line-height: 20px;
	padding-left: 1em;
	text-indent: -1em;
}

.callOsusumeText03 {
	display: block;
	padding: 5px 20px 0px 28px;
	font-size: 16px;
	line-height: 1.6em;
}


.callContBlock03Wrap {
	background-color: #f5f1e5;
	text-align: center;
	margin-bottom: 0px;
}

.callJireiBg01 {
	background-image: url(../images/call_top_jirei_bg01.png);
	background-repeat: no-repeat;
	background-position: center top;
	/*height: 705px;*/
	padding-top: 30px;
}

.callJireiUl01 {
	margin-bottom: 35px;
}

.callJireiLi01 {
	width: 295px;
	float: left;
	margin-right: 34px;
}

.callJireiLi02 {
	width: 295px;
	float: left;
	margin-right: 34px;
}

.callJireiLi03 {
	width: 295px;
	float: left;
}


.calljireiBox {
	display: block;
	height: 216px;
	border-right: 1px solid #ebedec;
	border-bottom: 1px solid #ebedec;
	border-left: 1px solid #ebedec;
	background-color: #ffffff;
	text-align: center;
}

.callJireiText01 {
	display: block;
	font-size: 15px;
	line-height: 1.2em;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 5px;
}

.callJireiText02 {
	display: block;
	font-size: 16px;
	line-height: 1.6em;
	margin-bottom: 20px;
}

.callJireiSpan01 {
	font-size: 22px;
	font-weight: bold;
}

.callJireiUl01 a:link {	color: #333333;	text-decoration: none;}
.callJireiUl01 a:visited {	color: #333333;	text-decoration: none;}
.callJireiUl01 a:hover {
	color:#333333;
	text-decoration: none;
	background-color: #f0f0f0;
/*	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;*/
}
.callJireiUl01 a:active {	color:#333333;	text-decoration: none;}


.callBtnWrap01 {
	text-align: center;
}

.callBtnWrap02 {
	text-align: center;
	margin-top: 35px;
}

.callBtnWrap02 a {
	display: inline-block;
	/*border: 2px solid #bf0000;*/
	color: #bf0000;
	background-color: #ffffff;
	font-size: 26px;
	line-height: 1em;
	font-weight: bold;
	/*padding: 7px 22px;*/
	background-image: url(../images/mobile_top_btn01.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 500px;
	height: 76px;
}

.callBtnWrap02 a span {
	display: block;
	padding-top: 24px;
}

.callBtnWrap02 a:link {	color: #bf0000;	text-decoration: none;}
.callBtnWrap02 a:visited {	color: #bf0000;	text-decoration: none;}
.callBtnWrap02 a:hover {
	color:#bf0000;
	text-decoration: none;
	/*background-color: #bf0000;*/
}
.callBtnWrap02 a:active {	color:#bf0000;	text-decoration: none;}








.callContactAreaWrap {
	text-align: center;
	padding: 50px 0px;
}

.caalContactArea {
	background-color: #2799a6;
	width: 954px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 25px;
	padding-bottom: 25px;
	display: table;
}

.callContactDl01 {
	color: #ffffff;
	font-size: 16px;
	line-height: 1em;
	display: table-cell;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-left: 42px;
	width: 470px;
}

.callContactDl01 .callContactTel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 54px;
	line-height: 1em;
	font-weight: bold;
	background-image: url(../images/mobile_contact_icon_free.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 65px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.callContactBtnWrap {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}

.callContactBtnWrap li {
	display: inline-block;
}

#btmLink .inner ul .pagetop{
	float:right;
	margin-left:auto;
}


/*-----------------------------------*/

.callRead03 {
	font-size: 22px;
	line-height: 1.6em;
	font-weight: bold;
	letter-spacing: -0.05em;
	margin-bottom: 40px;
}

.mobilReadWrap01 {
	padding: 40px 0px 50px 0px;
	text-align: center;
}
.mobilReadBox01 {
	display: table;
	width: 954px;
	margin: 0px auto;
}
.mobilReadBox01In01 {
	display: table-cell;
	width: 126px;
	text-align: left;
}
.mobilReadBox01In02 {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #137f8c;
	padding: 0px 20px 0px 32px;
	font-size: 22px;
	line-height: 35px;
	font-weight: bold;
}

.mobilShikumiImg01 {
	background-image: url(../images/mobile_top_shikumi_img01_wrap.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 500px;
}

.mobilContIn01 {
	padding: 60px 0px;
}

.mobilTopJireiWrap {
	width: 954px;
	margin: 0px auto;
	border: 1px solid #c6c6c7;
	padding-bottom: 40px;
	margin-bottom: 34px;
}
.mobilTopJireiH3 {
	color: #ffffff;
	background-color: #666666;
	font-size: 28px;
	line-height: 28px;
	font-weight: normal;
	border: none;
	padding: 8px 0px;
	margin: 0px;
}
.mobilTopJireiBox {
	width: 710px;
	margin: 0px auto;
	padding: 20px 0px 74px 0px;
}
.mobilTopJireiBoxRight {
	width: 375px;
	float: right;
	text-align: left;
}
.mobilTopJireiH4 {
	font-size: 15px;
	line-height: 22px;
	padding: 13px 0px;
}
.mobilTopJireiIn01 {
	padding-left: 7px;
}
.mobilTopJireiIn02 {
	border-top: 2px solid #e5e5e5;
	display: table;
	width: 100%;
	padding-top: 21px;
	padding-bottom: 24px;
}
.mobilTopJireiIn02 .logo01 {
	display: table-cell;
	padding-right: 14px;
}
.mobilTopJireiIn02 .text01 {
	display: table-cell;
	font-size: 16px;
	line-height: 27px;
}
.mobilTopJireiBtn01 {
	text-align: right;
}
.mobilTopJireiBtn01 a {
	display: block;
	width: 170px;
	color: #ffffff;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	text-decoration: none;
	padding: 6px 0px;
	text-align: center;
	background-color: #bf0000;
	background-image: url(../images/mobile_top_jirei_btn_ar01.png);
	background-repeat: no-repeat;
	background-position: right center;
	margin: 0px 0px 0px auto;
}
.mobilTopJireiBtn01 a:hover {
	text-decoration: none;
}
.mobilTopJireiBtn02 a {
	display: block;
	width: 290px;
	margin: 0px auto;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	text-decoration: none;
	padding: 10px 0px;
	text-align: center;
	color: #2799a6;
	border: 1px solid #2799a6;
}




/*-----------------------------------------------------------
	活用シーン
------------------------------------------------------------*/

.mobilSceneH301 {
	border: none;
	padding: 0px;
	margin-bottom: 55px;
}
.mobilSceneH301 span {
	font-size: 44px;
	line-height: 44px;
	font-weight: bold;
	border-bottom: 2px solid #bf0000;
}
.mobilReadBox01In02.sceneReadBox {
	padding: 0px 20px 0px 32px;
	font-size: 20px;
	line-height: 29px;
	font-weight: bold;
}
.mobilReadBox01In02.sceneReadBox li span {
	font-size: 15px;
}

.sceneH301 {
	font-size: 36px;
	line-height: 36px;
	font-weight: bold;
	color: #bf0000;
	border: none;
	margin-bottom: 40px;
	padding: 0px;
}
.sceneH301 .sceneSpan01 {
	font-size: 22px;
	display: block;
	padding-bottom: 20px;
}

.mobilRead01 {
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 45px;
}







/*-----------------------------------------------------------
	導入事例
------------------------------------------------------------*/

.mobilTopJireiBox.jireiBox01 {
	width: 710px;
	margin: 0px auto;
	padding: 3px 24px 3px 3px;
	background-color: #ffffff;
	margin-bottom: 10px;
	border: 1px solid #ebecec;
}
.callH301.jireiH301 {
	font-size: 42px;
	line-height: 55px;
	color: #bf0200;
	font-weight: bold;
	border: none;
	margin-bottom: 34px;
}
.mobilJireiMediaTextWrap {
	width: 630px;
	margin: 0px auto 0px auto;
	border-top: 1px solid #333333;
}
.mobilJireiMediaText01 {
	font-size: 37px;
	line-height: 37px;
	width: 9em;
	background-color: #ffffff;
	margin: -18px auto 0px auto;
}
.mobilJireiMediaUl01 {
	width: 954px;
	margin: 0px auto;
}
.mobilJireiMediaUl01 li {
	border: 4px solid #137f8c;
	width: 460px;
	height: 560px;
}
.mobilJireiMediaDl01 {
	padding-top: 26px;
}
.mobilJireiMediaDl01 dt {
	font-size: 22px;
	line-height: 31px;
	border-left: 28px solid #137f8c;
	padding-left: 18px;
	text-align: left;
}
.mobilJireiMediaDl01 dd {
	padding: 27px 10px 0px 25px;
}
.mobilJireiMediaImg01 {
	text-align: center;
	margin-bottom: 30px;
}
.mobilJireiMediaImg01 img {
	border: 1px solid #cccccc;
}
.mobilJireiMediaText02 {
	font-size: 24px;
	line-height: 32px;
	font-weight: bold;
	text-align: left;
}
.mobilJireiMediaText02 a {
	color: #4d4d4d;
}






/*-----------------------------------------------------------
	導入事例、詳細
------------------------------------------------------------*/

.mobilCaseBlock01 {
	width: 954px;
	margin: 0px auto;
	padding: 50px 0px 55px 0px;
}

.mobilCaseReadWrap {
	border-bottom: 1px solid #bf0000;
	padding-bottom: 24px;
	margin-bottom: 40px;
}
.mobilCaseH301 {
	border: none;
	display: table;
	margin-bottom: 20px;
}
.mobilCaseH301 .mobilCaseSpan01 {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	width: 4em;
	padding: 5px 16px;
	font-size: 29px;
	line-height: 29px;
	font-weight: bold;
	color: #ffffff;
	background-color: #137f8c;
}
.mobilCaseH301 .mobilCaseSpan02 {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	padding-left: 14px;
	font-size: 27px;
	line-height: 27px;
	font-weight: bold;
}
.mobilCaseText01 {
	font-size: 27px;
	line-height: 47px;
	font-weight: bold;
}

.mobilCaseMainImgWrap {
	position: relative;
	margin-bottom: 40px;
}
.mobilCaseMainImgText01 {
	font-size: 24px;
	line-height: 31px;
	font-weight: bold;
	text-align: left;
	background-image: url(../images/mobile_casestudy_img01_bg01.png);
	background-repeat: repeat;
	background-position: left top;
	padding-top: 14px;
	padding-right: 20px;
	padding-bottom: 14px;
	padding-left: 20px;
	position: absolute;
	left: 36px;
	top: 38px;
}
.mobilCaseCap01 {
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	text-align: right;
}
.mobilCaseText02 {
	font-size: 18px;
	line-height: 30px;
	text-align: left;
}

.mobilCaseBoxWrap01{
	display: table;
	width: 100%;
	margin-top: 60px;
}
.mobilCaseBox01 {
	display: table-cell;
	width: 428px;
	text-align: left;
	vertical-align: top;
	padding-left: 9px;
	position: relative;
}
.mobilCaseBox02 {
	display: table-cell;
	text-align: left;
	vertical-align: top;
	padding-right: 31px;
	padding-left: 37px;
	padding-top: 160px;
}
.mobilCaseBox01 dt {
	background-image: url(../images/mobile_casestudy_bg01.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 70px;
	width: 334px;
	position: absolute;
	left: 0px;
	top: 11px;
}
.mobilCaseBox01 dt span {
	display: table-cell;
	height: 58px;
	text-align: left;
	vertical-align: middle;
	padding-left: 38px;
	font-size: 26px;
	line-height: 26px;
	font-weight: bold;
	color: #ffffff;
}
.mobilCaseBox01 dd {
	height: 300px;
}
.mobilCaseBox01 dd p {
	font-size: 16px;
	line-height: 25px;
	padding: 88px 20px 0px 24px;
}
.mobilCaseBox01In01 {
	border: 6px solid #999999;
}
.mobilCaseBox01In02 {
	border: 6px solid #bf0000;
}

.mobilCaseH401 {
	color: #bf0000;
	font-size: 38px;
	line-height: 38px;
	font-weight: bold;
	text-align: left;
	border-bottom: 1px solid #bf0000;
	padding-bottom: 10px;
	margin-bottom: 32px;
}
.mobilCaseRead01 {
	font-size: 28px;
	line-height: 38px;
	text-align: left;
	margin-bottom: 25px;
}
.mobilCaseText03 {
	font-size: 15px;
	line-height: 30px;
	text-align: left;
	margin-bottom: 25px;
}
.mobilCaseText04 {
	font-size: 15px;
	line-height: 30px;
	text-align: left;
}
.mobilCaseUl01 li {
	font-size: 22px;
	line-height: 32px;
	text-align: left;
	padding-left: 16px;
}
.mobilCaseImgWrap01 {
	float: right;
	padding-left: 85px;
}
.mobilCaseImgWrap01 p {
	font-size: 14px;
	line-height: 30px;
	font-weight: bold;
	text-align: left;
}
.mobilCaseImgWrap02 {
	float: right;
	padding-left: 25px;
}

.mobilCaseBox03 {
}
.mobilCaseBox03 dl {
}
.mobilCaseBox03 dt {
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	height: 40px;
	width: 954px;
	background-color: #bf0000;
	color: #ffffff;
}
.mobilCaseBox03 dt .span01 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 28px;
	line-height: 28px;
	vertical-align: middle;
}
.mobilCaseBox03 dt .span02 {
	font-size: 14px;
	line-height: 14px;
	vertical-align: middle;
}
.mobilCaseBox03 dd {
	border-right: 1px solid #c6c6c7;
	border-bottom: 1px solid #c6c6c7;
	border-left: 1px solid #c6c6c7;
	padding-top: 40px;
	padding-bottom: 50px;
	padding-left: 70px;
	background-color: #ffffff;
}
.mobilCaseProfileWrap {
	display: table;
	width: 100%;
}
.mobilCaseProfile {
	display: table-cell;
	text-align: left;
	vertical-align: top;
}
.mobilCaseProfile .text01 {
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 15px;
}
.mobilCaseProfile .ul01 {
	font-size: 15px;
	line-height: 30px;
}
/*.mobilCaseProfile .ul01 a {
}*/
.mobilCaseProfileLogo {
	display: table-cell;
	width: 262px;
	text-align: center;
	vertical-align: middle;
}



/*-----------------------------------------------------------
	モバイル通話録音サービスとは？
------------------------------------------------------------*/

.mobilYouwireUl01 {
}
.mobilYouwireLi01 {
	width: 460px;
	float: left;
	margin-bottom: 30px;
}
.mobilYouwireLi02 {
	width: 460px;
	float: right;
	margin-bottom: 30px;
}

.mobilYouwireH401 {
	background-color: #137f8c;
	display: table;
	height: 96px;
	width: 100%;
}
.mobilYouwireSpan01 {
	display: table-cell;
	font-size: 18px;
	line-height:24px;
	font-weight: normal;
	background-color: #f9f7bd;
	border-left: 24px solid #137f8c;
	text-align: center;
	vertical-align: middle;
	padding: 0px 6px;
}
.mobilYouwireSpan01 .span01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 48px;
	line-height: 48px;
}
.mobilYouwireSpan02 {
	display: table-cell;
	font-size: 18px;
	line-height:24px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	vertical-align: middle;
	padding: 0px 0px 0px 22px;
}

.mobilYouwireUl01In {
	border-right: 4px solid #137f8c;
	border-bottom: 4px solid #137f8c;
	border-left: 4px solid #137f8c;
	height: 308px;
}
.mobilYouwireText01 {
	font-size: 14px;
	line-height:14px;
	text-align: left;
	padding-left: 18px;
}

.mobilYouwireUl02 {
	font-size: 13px;
	line-height:24px;
	/*letter-spacing: -0.05em;*/
	text-align: left;
}

.mobilSceneH301 span.span01 {
	font-size: 30px;
	line-height: 30px;
	vertical-align: middle;
	border: none;
}

.mobilYouwireBox01 {
	margin-bottom: 85px;
}
.mobilYouwireBox01Left {
	width: 690px;
	float: left;
}
.mobilYouwireBox01Text01 {
	font-size: 22px;
	line-height:35px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 15px;
}
.mobilYouwireBox01Logo01 {
	float: right;
}
.mobilYouwireUl03 {
	font-size: 14px;
	line-height:22px;
	text-align: left;
	color: #999999;
}

.mobilYouwireText02 {
	font-size: 20px;
	line-height:20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 28px;
}
.mobilYouwireImg01 {
	background-image: url(../images/mobile_youwire_img05_wrap.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 408px;
}

.mobilYouwireUl04 {
	padding-bottom: 50px;
}
.mobilYouwireUl04 li {
	background-image: url(../images/mobile_youwire_bg01.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 90px;
	width: 455px;
	margin-bottom: 25px;
}
.mobilYouwireText03 {
	color: #ffffff;
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	height: 90px;
	width: 155px;
	font-size: 21px;
	line-height: 21px;
	padding-left: 20px;
}
.mobilYouwireText03 span.span01 {
	vertical-align: middle;
}
.mobilYouwireText03 span.span02 {
	font-size: 40px;
	line-height: 40px;
	vertical-align: middle;
}
.mobilYouwireText04 {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	height: 90px;
	font-size: 20px;
	line-height: 31px;
	font-weight: bold;
}

.mobilYouwirePriceTit {
	width: 630px;
	margin: 0px auto 45px auto;
	border-top: 2px solid #333333;
	text-align: center;
}
.mobilYouwirePriceTit p {
	font-size: 21px;
	line-height: 21px;
	font-weight: bold;
	background-color: #f4f4f4;
	width: 12em;
	margin: -10px auto auto auto;
}

.mobilYouwireTable01 {
	border-top: 2px solid #666666;
	border-left: 2px solid #666666;
	width: 100%;
}
.mobilYouwireTable01 th {
	border-bottom: 2px solid #666666;
	border-right: 2px solid #666666;
	font-size: 21px;
	line-height: 21px;
	font-weight: bold;
	text-align: left;
	background-color: #d3f4f4;
	padding: 10px 0px 10px 20px;
}
.mobilYouwireTable01 th.th01 {
	width: 216px;
}
.mobilYouwireTable01 .mobilYouwireTr01 th.th02 {
	text-align: center;
	padding: 10px 45px 10px 45px;
}
.mobilYouwireTable01 td.td02 {
	text-align: center;
	padding: 10px 45px 10px 45px;
}
.mobilYouwireTable01 .mobilYouwireTr01 th {
	background-color: #ededed;
	text-align: right;
	padding: 10px 60px 10px 30px;
}

.mobilYouwireTable01 td {
	border-bottom: 2px solid #666666;
	border-right: 2px solid #666666;
	background-color: #ffffff;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
	padding: 10px 60px 10px 30px;
}

.mobilYouwireCompanyTit {
	width: 640px;
	margin: 0px auto 30px auto;
	border-top: 2px solid #333333;
	text-align: center;
}
.mobilYouwireCompanyTit p {
	margin-top: -10px
}
.mobilYouwireCompanyTit p span {
	font-size: 21px;
	line-height: 21px;
	font-weight: bold;
	background-color: #ffffff;
}
.mobilYouwireCompanyCont {
	display: table;
	width: 640px;
	margin: 0px auto;
}
.mobilYouwireCompanyCont01 {
	display: table-cell;
	width: 142px;
	padding-left: 8px;
	text-align: left;
	vertical-align: middle;
}
.mobilYouwireCompanyCont02 {
	display: table-cell;
	text-align: left;
	vertical-align: top;
}
.mobilYouwireCompanyCont02 dt {
	font-size: 21px;
	line-height: 35px;
	font-weight: bold;
}
.mobilYouwireCompanyCont02 dt .span01 {
	font-size: 16px;
	letter-spacing: -0.05em;
	font-weight: normal;
	color: #00cccc;
}
.mobilYouwireCompanyCont02 dd {
	font-size: 16px;
	line-height: 35px;
	font-weight: bold;
}




/*-----------------------------------------------------------
	固定電話録音セットプラン
------------------------------------------------------------*/

.mobilSceneH301 span.mobilKoteiSpan01 {
	font-size: 30px;
	line-height: 30px;
	vertical-align: middle;
	border: none;
}
.mobilKoteiK401 {
	font-size: 41px;
	line-height:41px;
	font-weight: bold;
	text-align: center;
	color: #bf0000;
	margin-bottom: 40px;
}

.mobilKoteiText01 {
	font-size: 22px;
	line-height:35px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
}
.mobilKoteiDl01 {
	width: 310px;
}
.mobilKoteiDl01.dl01 {
	float: left;
	margin-right: 12px;;
}
.mobilKoteiDl01.dl02 {
	float: left;
}
.mobilKoteiDl01.dl03 {
	float: right;
}
.mobilKoteiDl01 dt {
	font-size: 29px;
	line-height:29px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	background-color: #137f8c;
	padding: 23px 0px;
}
.mobilKoteiDl01 dd {
	font-size: 16px;
	line-height:27px;
	text-align: left;
	height: 155px;
	border-right: 2px solid #137f8c;
	border-bottom: 2px solid #137f8c;
	border-left: 2px solid #137f8c;
	background-color: #ffffff;
}
.mobilKoteiDl01 dd {
	padding: 24px 24px 0px 30px;
}
.mobilKoteiText02 {
	font-size: 18px;
	line-height:30px;
	text-align: left;
	margin-bottom: 14px;
}

.mobilKoteiUl01 {
	font-size: 22px;
	line-height:35px;
	text-align: left;
}

.mobilKoteiText03 {
	font-size: 18px;
	line-height:30px;
	text-align: center;
	margin-bottom: 14px;
	margin-bottom: 28px;
}

.mobilKoteiTable01 {
	border-top: 2px solid #cccccc;
	border-left: 2px solid #cccccc;
	width: 100%;
	margin-bottom: 10px;
}
.mobilKoteiTable01 th {
	border-bottom: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	text-align: center;
	vertical-align: middle;
	font-size: 21px;
	line-height:21px;
	font-weight: bold;
	background-color: #ededed;
	padding: 14px 0px;
}
.mobilKoteiTable01 td {
	border-bottom: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	text-align: center;
	vertical-align: middle;
	font-size: 21px;
	line-height:30px;
	font-weight: bold;
	padding: 5px 0px;
}
.mobilKoteiRubi01 {
	font-size: 12px;
	line-height:12px;
	vertical-align: super;
}

.mobilKoteiUl02 {
	font-size: 16px;
	line-height:26px;
	text-align: left;
	margin-bottom: 90px;
}

.mobilYouwireCompanyTit.mobilKoteiCompanyTit {
	width: 860px;
}
.mobilYouwireCompanyCont.mobilKoteiCompanyCont {
	width: 860px;
}
.mobilYouwireCompanyCont01.mobilKoteiCompanyCont01 {
	width: 210px;
}




/*-----------------------------------------------------------
	料金
------------------------------------------------------------*/

.mobilFeeText01 {
	font-size: 20px;
	line-height:30px;
	font-weight: bold;
	text-align: left;
}
.mobilFeeText02 {
	font-size: 16px;
	line-height:20px;
	text-align: left;
}
.mobilFeeText03 {
	font-size: 16px;
	line-height:20px;
	text-align: left;
	color: #4d4d4d;
}
.mobilFeeTable01 {
	border-top: 2px solid #cccccc;
	border-left: 2px solid #cccccc;
	width: 100%;
	margin-bottom: 10px;
}
.mobilFeeTable01 th {
	border-bottom: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	background-color: #edfbfc;
	width: 528px;
	height: 54px;
	text-align: left;
	vertical-align: middle;
}
.mobilFeeTable01 th.mobilFeeTh02 {
	background-color: #fcfbeb;
}
.mobilFeeTable01 td {
	border-bottom: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	text-align: right;
	vertical-align: middle;
}
.mobilFeeTable01 th p {
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	padding-left: 30px;
}
.mobilFeeTable01 td p {
	font-size: 17px;
	line-height: 17px;
	padding-right: 10px;
}
.mobilFeeTable01 td p span {
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
	color: #137f8c;
	margin-right: 7px;
}

.mobilFeeH401 {
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
	color: #137f8c;
	margin-bottom: 15px;
	text-align: left;
}

.mobilKoteiUl01 li a {
	color: #00cccc;
}


/*-----------------------------------------------------------
	国際料金
------------------------------------------------------------*/

/*kokusai tab*/
#tab #tt {
	width: 796px;
	margin: 0px;
	padding: 0;
	/*height:40px;*/
	display: table;
	border-top: 2px solid #cccccc;
	border-left: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
}
#tab #tt a {
	color: #4d4d4d;
	text-decoration: none;
	list-style: none;
	display: table-cell;
	width: 132px;
	height:45px;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	vertical-align: middle;
	border-right: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
}
#tab #tt a.lastTab {
	color: #4d4d4d;
	text-decoration: none;
	list-style: none;
	display: table-cell;
	width: 126px;
	height:45px;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	vertical-align: middle;
	border-right: none;
	border-bottom: 2px solid #cccccc;
}

#tab #tt a:link {	color: #4d4d4d;	text-decoration: none;}
#tab #tt a:visited {	color: #4d4d4d;	text-decoration: none;}
#tab #tt a:hover {
	color:#4d4d4d;
	text-decoration: none;
	background-color: #edfbfc;
	border-right: 2px solid #cccccc;
	border-bottom: 2px solid #edfbfc;
}
#tab #tt a:hover.lastTab {
	border-right: none;
}

#tab #tt a:active {	color:#4d4d4d;	text-decoration: none;}

#tab #tt a.current {
	background-color: #edfbfc;
	border-right: 2px solid #cccccc;
	border-bottom: 2px solid #edfbfc;
}
#tab #tt a.lastTab.current {
	border-right: none;
}

/*--------------------*/

.mobilFeeWorldWrap {
	width: 800px;
	margin: 0px auto;
	padding-bottom: 20px;
}

.h3_050 {
	border-right: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	border-left: 2px solid #cccccc;
	background-color: #edfbfc;
	font-size: 19px;
	line-height: 20px;
	font-weight: bold;
	text-align: center;
	padding: 10px 0px;
}
.h3_050.mobilFeeWorldTit02 {
	border-top: 2px solid #cccccc;
}

#tc table {
	width: 100%;
}
#tc table th {
	text-align: left;
	vertical-align: top;
	padding: 2px 0px 2px 12px;
}
#tc table td {
	text-align: left;
	vertical-align: top;
	padding: 2px 0px 2px 12px;
}


.notice.text10 {
	font-size: 10px;
	line-height: 1.2;
	margin: 0 0 20px 1em;
	text-align: left;
	text-indent: -1em;
}

.contactArea {
    background-color: #002896;
}
/*---------追加--------*/


.callTopUl01 h4 span {
    line-height: 36px;
    font-size: 24px;
    font-weight: bold;
    border-bottom: none;
}
.callTopUl01 h4, .mobilTopJireiBoxRight h4{
margin-top: 0;
margin-bottom: 0;
font-weight: bold;
}

.callContactAreaWrap p{
	font-size:16px;
	line-height: 1em;
	}
/*------------サブナビ--------------*/
#subNaviBase{
	z-index:100;
	background-color: #137f8c;
	border-bottom: none;
	}
.subNavi{
	background-color: #137f8c;
	}
.subNavi li{
	border-right: 1px solid #9bd2de;
	}

.subNavi li a:link {
  color: #FFF;
	text-decoration: none;
}
.subNavi li a:visited {
  color: #FFF;
	text-decoration: none;
}
.subNavi li a:hover {
  color: #FFF;
	text-decoration: none;
  border-bottom: 3px solid #95c036;
}
.subNavi li.active a {
  border-bottom: 3px solid #95c036;
}



.mobilReadWrap01 h3{
	color: #4d4d4d;
	}

.callContBlock02Wrap h4 span{
	border-bottom:none;
	}

.mobilYouwireSpan01 .span01{
	font-weight:normal;
	}
.mobilYouwireUl01 h4{
	margin-top: 0px;
margin-bottom: 0px;
	}


.callContBlock01Wrap h3{
	color: #4d4d4d;
	}

.callContBlock01Wrap h4{
	margin-top: 0px;
	}
.callContBlock01Wrap h4.mobilKoteiK401 span{
	border-bottom:none;
	font-size: 41px;
	}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
.mobilYouwireTable01 a:link {	color: #009ee7;	text-decoration: none;}
.mobilYouwireTable01 a:visited {	color: #009ee7;	text-decoration: none;}
.mobilYouwireTable01 a:hover {	color:#009ee7;	text-decoration: underline;}
.mobilYouwireTable01 a:active {	color:#009ee7;	text-decoration: none;}



.callContBlock01Wrap h3.sceneH301{
	color: #bf0000;
	}

h3 .mobilCaseSpan02{
	color: #4d4d4d;
	}
.even {
    background-color: #f5f5f5;
}
#tc{
	line-height: 1.7;
	}
/*1ページへのまとめ修正*/
.mobilYouwireUl04 {
  padding-bottom: 0;
}
.flowServiceWrap {
  border: 2px solid #137f8c;
  text-align: left;
}
.flowServiceWrap h3 {
  background: #137f8c;
  color: #fff;
  padding-left: 2em;
  margin-bottom: 0;
  font-size: 22px;
}
.flowServiceWrap h4 {
  margin: 10px 0;
  font-size: 22px;
}
.flowServiceWrap h4 + p{
  font-size: 16px;
}
.flowServiceWrap > div {
  padding: 10px 2em;
}
.flowServiceWrap > div > div {
  text-align: center;
}
.flowServiceWrap > div > div a {
  background: #137f8c;
  color: #fff;
  width: 470px;
  height: 66px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  transition: 0.4s;
  font-size: 21px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.flowServiceWrap > div > div a:hover {
  text-decoration: none;
  background-color: rgba(19, 127, 140, 0.5);
}
.sampleTip {
  background: #137f8c;
  color: #fff;
  padding: 8px 16px;
  float: left;
  margin-left: 20px;
}
.mobilFeeTable01.tableCenter p {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  font-weight: bold;
}
.mobilFeeTable01.tableCenter a {
  color: #009ee7;
  font-size: 20px;
  font-weight: bold;
  padding: 10px 0;
  display: block;
}
.mobilFeeTable01.tableCenter tr th:first-of-type {
  width: 200px;
}
.mobilFeeTable01.tableCenter td {
  height: 54px;
}
#internationalBtn {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-bottom: 40px;
}
#internationalBtn span {
  display: inline-flex;
  width: 40px;
}
#internationalBtn img {
  width: 100%;
  height: auto;
  transform: rotate(180deg);
}
#internationalWrap {
  display: none;
}
#tab #tt {
  width: 954px;
  box-sizing: border-box;
}
#tab #tt a {
  width: 159px;
}
#tab #tt a.lastTab {
  width: 158px;
}
.btnCtaWrap {
  display: flex;
  justify-content: space-between;
  padding: 20px 46px;
}
.btnCtaWrap a {
  background: #fff;
  width: 400px;
  height: 67px;
  font-size: 21px;
  font-weight: bold;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #000;
  transition: 0.4s;
  border-radius: 8px;
}
.btnCtaWrap a:hover {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.5);
}
.optsp-link_txt{
	margin-top:-10px;
	font-size:14px;
	text-align: center;
}
.optsp-link_txt2{
	margin-top:-10px;
	padding-left:45px;
	font-size:14px;
	color:#fff;
}