@charset "UTF-8";

@import "font.css";
@import "print.css";



/* リンク要素（a）
----------------------------------------------------------------------------------------------------- */
a {
	color: #2757A1;
}
a:focus {
	outline: thin dotted;
}
a:active,
a:hover {
	outline: 0;
	color: #d00f31;
	text-decoration: underline;
}


/* インライン要素
----------------------------------------------------------------------------------------------------- */
p {
	margin: 0;
	padding: 0;
	display:block;
}
rt {
	font-size: 22px;
	
}
.link-blk {
	color: #111;
	text-decoration: none;
}
.pdf-link {
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/price/icon-pdf_small.gif) no-repeat scroll 0 0.1em;
	padding: 0 0 2px 22px;
}

/* リスト要素（dl,ol,ul,li）
----------------------------------------------------------------------------------------------------- */
dl, dd, ol, ul {
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
}
ul.accordion ul {
	display: none;
}


/* テーブル要素（table,th,td）
----------------------------------------------------------------------------------------------------- */
table {
	border: 1px solid #ccc;
	font-size: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
table tr,
table th,
table td {
	border: 1px solid #ccc;
	padding: 12px 9px;
	vertical-align: baseline;
}
table th {
	background: #F0F0F0;
}


/* 画像（img,svg）
----------------------------------------------------------------------------------------------------- */
img {
	border: 0;
	vertical-align: text-bottom;
}
svg:not(:root) {
	overflow: hidden;
}
.M_hover a:hover img {
	opacity: 0.6;
	filter:alpha(opacity=60);
}
.M_pagetop {
	width: 920px;
}
.M_pagetop p{
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.M_pagetop p a {
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/common/btn_top_off.gif) no-repeat top left;
	display: block;
	height: 13px;
	width: 80px;
	float:right;
}
.M_pagetop p a:hover {
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/common/btn_top_on.gif) no-repeat top left;
}
.ver_top{
	vertical-align: top;
}
.ver_middle{
	vertical-align: middle;
}

/* レイアウト要素
----------------------------------------------------------------------------------------------------- */
.flt {
	float: left;
}
.frt {
	float: right;
}
.mb6 {
	margin-bottom: 6px !important;
}
.mb8 {
	margin-bottom: 8px !important;
}
.mb12 {
	margin-bottom: 12px !important;
}
.mb18 {
	margin-bottom: 18px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb45 {
	margin-bottom: 45px !important;
}
.ml5 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml17 {
	margin-left: 17px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.ml55 {
	margin-left:55px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr55 {
	margin-right: 55px !important;
}
.mt6 {
	margin-top: 6px !important;
}
.mt12 {
	margin-top: 12px !important;
}
.mt18 {
	margin-top: 18px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.pt0 {
	padding-top: 0 !important;
	border-top: 0 !important;
}
.pt30 {
	padding-top: 30px !important;
}
.textCenter {
	text-align: center;
}
.textLeft {
	text-align: left !important;
}
.textRight {
	text-align: right !important;
}
.va_m {
	vertical-align: middle;
}
.va_b {
	vertical-align: bottom;
}
.ft22{
	font-size: 22px;
	font-weight: bold;
}
.ft20{
	font-size: 20px;
	font-weight: bold;
}
.fw-b {
	font-weight: bold;
}

/* 回り込み解除（clearfix）
----------------------------------------------------------------------------------------------------- */
/* */
.clear { font-size: 1px; line-height: 1px; clear: both; display: block; visibility: hidden; height: 1px; }
/* new clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* ベース（html,body,wrapper）
----------------------------------------------------------------------------------------------------- */
html {
	font-size: 100%;
	height: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	background:#fff;
	color: #111;
	font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック",Arial,Helvetica,Verdana,Arial,sans-serif;
	font-size: 81.25%;
	height: 100%;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	min-width: 920px;
}
#wrapper {
	width:100%;
	height:auto !important;
	margin: 0;
	padding: 0;
	text-align: center;
}


/* ヘッダー（header）
----------------------------------------------------------------------------------------------------- */
#header {
	margin: 0 auto;
	width: 920px;
}
.ds_logo {
	float: left;
}
.top_tel{
	margin-top: -5px;
}
.phone-number{
	text-align: center;
	font-size: 150%;
	font-weight: bold;
	letter-spacing: 0;
	color: #01377f;
}
.phone-number img{
	position: relative;
	top: -10px;
}
.phone-number:before{
	display: block;
	content: "";
	width: 22px;
	height: 12px;
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/common/tel_mark.gif) no-repeat;
	position: relative;
	top: 19px;
}
.small{
	font-size: 80%;
}
.miffybus_sp{
	display: none;
}


/* グローバルナビ（globalnavi）
----------------------------------------------------------------------------------------------------- */
#miffy_menu{
	width: 895px;
	position:relative;
	margin: 0 auto 50px;
	overflow:hidden;
	height:125px;
}
#menu01, #menu02, #menu03, #menu04, #menu05, #menu06{
	position:absolute;
	height:125px;
	width:125px;
}
#menu02{
	margin:0px 0px 0px 153px;
}
#menu03{
	margin:0px 0px 0px 308px;
}
#menu04{
	margin:0px 0px 0px 460px;
}
#menu05{
	margin:0px 0px 0px 612px;
}
#menu06{
	margin:0px 0px 0px 765px;
}
#miffy_menu_bk{
	position:absolute;
}
.globNav-row{
	display: none;
}


/* コンテンツ枠（container）
----------------------------------------------------------------------------------------------------- */
#container {
	margin-bottom: 40px;
	width: 100%;
	text-align: center;
}
#maincontents {
	width: 920px;
	margin: 0 auto;
	text-align: left;
}
#cont-second {
	width: 920px;
	margin-bottom: 12px;
}
ul div.li-box a:hover img {
	opacity: 0.6;
	filter:alpha(opacity=60);
}
#maincontents-02 {
	width: 920px;
	margin: 0 auto;
	text-align: left;
}
.feature_contents,
.feature_contents_service{
	width: 920px;
}
.cstudy_description{
	display: none;
}


/* ぱんくずリスト（panlist）
----------------------------------------------------------------------------------------------------- */
ul#panlist {
	width: 920px;
	margin: 0 auto;
	padding: 12px 0;
	text-align: left;
	word-break:break-all;
	word-wrap:break-word;
}
ul#panlist li {
	display: inline;
	float: left;
	font-size: 84.61%;
	margin-right: 6px;
}
ul#panlist li a {
	text-decoration: none;
}
ul#panlist li a:hover {
	text-decoration: underline;
}

/* 問合せ
----------------------------------------------------------------------------------------------------- */
.bottom_toiawase{
	position: relative;
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/common/bottom_toiawase.gif) no-repeat left top;
	min-height: 292px;
}
.bottom_toiawase_01,
.bottom_toiawase_01_tb{
	position:absolute;
	top:70px;
	left:27px;
}
.bottom_toiawase_02,
.bottom_toiawase_02_tb{
	position:absolute;
	top:70px;
	left:264px;
}
.bottom_toiawase_03,
.bottom_toiawase_03_tb{
	position:absolute;
	top:70px;
	left:500px;
}
.bottom_toiawase_01_tb,
.bottom_toiawase_02_tb,
.bottom_toiawase_03_tb,
.toiawase_sp{
	display: none;
}


/* フッター（footer）
----------------------------------------------------------------------------------------------------- */
#footer {
	width: 100%;
	background: #f3f3f3;
	padding: 30px 0 20px;
}
#footer h2 {
	border-bottom: 0;
	font-size: 100%; /* font reset */
	padding: 0;
}
#footer a {
	color: #111;
/*	font-size: 92.3%;  */
	text-decoration: none;
}
#footer a:hover {
	color: #d00f31;
	text-decoration: underline;
}
#ft-navi {
	width: 920px;
	margin: 0 auto 15px;
	line-height: 3em;
	text-align: left;
}
#copyright {
	font-size: 80.76%;
	width: 920px;
	margin: 0 auto;
}
#copyright img {
	vertical-align: middle;
	display: block;
	margin: 0 auto;
}
.ft-menu ul{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-top: 15px;
}
.ft-menu li{
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/common/btn.gif) no-repeat left center;
	background-size: 6px 7px;
	padding-left: 10px;
}
.copy{
	display: inline-block;
	margin-right: 10px;
}


/* トップ（home）
----------------------------------------------------------------------------------------------------- */
/* 共通 */
.wrapper{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap:         nowrap;
}
.wrap,
.wrapper2{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap:         nowrap;
}
.pc_del{
	display:none;
}

/*######## 「ミッフィーバスロケサービス」の特徴 ########*/
.feature_bg01{
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/feature_bg01.gif) no-repeat left;
	height:200px;
	width:300px;
	margin-left:5px;
}
.feature_bg02{
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/feature_bg02.gif) no-repeat left;
	height:200px;
	width:300px;
	margin-left:5px;
}
.feature_bg03{
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/feature_bg03.gif) no-repeat left;
	height:200px;
	width:300px;
	margin-left:5px;
}
.feature-logo{
	margin:20px 10px 10px 40px;
}
.feature-cate-title{
	font-size:20px;
	font-weight:bold;
	margin-top:28px;
	line-height:21px;
	height: 58px;
}
.feature-text{
	margin:0 auto;
	width:250px;
}

/*######## どんなサービス？ ########*/
.function_bg{
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/top_functions_bg.gif) no-repeat left;
	height:202px;
	width:450px;
	margin-right:7px;
}
.function-logo{
	margin:15px 10px 20px 40px;
	width:115px;
	text-align:left;
	font-size:80%;
	
}
.function-left-text{
	width:230px;
	font-size:130%;
	font-weight:bolder;
	margin:25px 0 10px 0;

}
.function-right-text{
	width:260px;
	font-size:130%;
	font-weight:bolder;
	margin:25px 0 10px 0;

}

.function-text02{
	width:240px;
	margin:0 0 10px 0;

}

/*######## 利用猟料金 ########*/
.top_price_text {
	padding: 0 40px;
}
.top_price_box .inner_go {
	text-align: right;
	padding: 0 20px 20px 0;
}
.sp_btn {
	display: none;
}

/* functions（どんなサービス？）
----------------------------------------------------------------------------------------------------- */
#cont-second ul.functions_bg li.navi-box {
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/functions/functions_bg_foot.gif) no-repeat left bottom;
	float: left;
	width: 921px;
}
#cont-second ul.functions_bg .li-box {
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/functions/functions_bg_head.gif) no-repeat left top;
	width: 921px;
	margin:0 0 0 0;
	background-position: 1px 0;	
}
#cont-second ul.functions_bg .li-box .title {
	margin: 0 0 5px 0;
	padding:29px 0 0 25px;
	font-size:200%;
	font-weight:bolder;
}
#cont-second ul.functions_bg .li-box .text {
	width:560px;
	margin:0 0 0 60px;
}
#functions_inner ul.functions_inner_bg{
	margin-bottom: 30px;
}
#functions_inner ul.functions_inner_bg li.inner_navi-box {
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/functions/functions_inner_bg_foot.gif) no-repeat left bottom;
	float: left;
	width: 269px;
	margin: 0 0 0 25px;
}
#functions_inner ul.functions_inner_bg .inner_li-box {
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/functions/functions_inner_bg_head.gif) no-repeat left top;
	width: 269px;
	min-height:230px;
}
#functions_inner ul.functions_inner_bg .inner_li-box .inner_title {
	margin:0 0 0 10px;
	padding:10px 0 0 0;
	font-size:130%;
	font-weight:bolder;
	color:#FFF;
}
#functions_inner ul.functions_inner_bg .inner_li-box .inner_text {
	width:250px;
	margin:0 0 5px 10px;
	color:#FFF;
	line-height:15px;
}
#functions_inner ul.functions_inner_bg .inner_li-box .inner_img {
	margin:10px 0 10px 0;
	text-align:center;
}
.functions_kinou{
	font-size:130%;
	font-weight:bolder;
}
.table_main_title{
	font-size: 200%;
	font-weight: bold;
}
table.func-miffy-shosai{
	table-layout:fixed;
	margin-bottom: 12px;
}
table.func-miffy-shosai th {
	text-align: center;
	table-layout:fixed;
}
table.func-miffy-shosai td {
	text-align: center;
	table-layout:fixed;
}
.table_title{
	background-color: #00487f;
	color: #fff;
	font-size: 120%;
	text-align: left !important;
	padding-left: 20px;
	width: 100%;
}
.title_list{
	width: 300px;
}
.title_description{
	width: 645px;
}
.title_function{
	width: 190px;
}
.title_function2{
	width: 250px;
}
.phone_img{
	float:left;
	margin:-60px 0 20px 20px;
	padding-top:15px
}
.functions_main_title{
	background: url("/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/functions/functions_title.gif") no-repeat;
	min-height: 120px;
}
.functions_main_title img{
	display: none;
}
.functions_main_title p{
	display: none;
}
.functions_sub_title{
	font-size: 220%;
	font-weight: bold;
}
*+html .ie_pd{
	padding-bottom:50px;
}


/*  cstudy
----------------------------------------------------------------------------------------------------- */
.cstudy_main_title{
	background: url("/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/cstudy/cstudy_title.gif") no-repeat;
	min-height: 120px;
}
.cstudy_main_title img{
	display: none;
}
.cstudy_main_title p{
	display: none;
}
.cstudy_main_bg{
	margin-bottom: 8px;
}
#cont-second ul.cstudy_main_bg li.navi-box {
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/cstudy/cstudy_main_bg_foot.gif) no-repeat left bottom;
	float: left;
	width: 452px;
	min-height:175px;
}
.cstudy_sub_title{
	display: none;
}
.cstudy_contents_title{
	font-size: 160%;
	font-weight: bolder;
}
#cont-second ul.cstudy_main_bg .li-box {
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/cstudy/cstudy_main_bg_head.gif) no-repeat left top;
	width: 452px;
}
.cstudy_main_bg .navi-box .li-box .cstudy_inner .cstudy_picture {
	margin: 15px 0 0 15px;
	float:left;
}
.cstudy_text{
	padding:15px 0 15px 0px;
}
.cstudy_text ul.cstudy_inner_bg li.inner_navi-box {
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/cstudy/cstudy_inner_bg_foot.gif) no-repeat left bottom;
	float: left;
	width: 226px;
	margin: 0 0 0 5px;
	min-height:145px;
}
.cstudy_text ul.cstudy_inner_bg .inner_li-box {
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/cstudy/cstudy_inner_bg_head.gif) no-repeat left top;
	width: 226px;
}
.cstudy_text ul.cstudy_inner_bg li.inner_navi-box .inner_li-box .inner_title{
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/cstudy/flower.gif) no-repeat left top;
	background-position:10px 8px;
	padding:6px 0 5px 38px;
	font-size:16px;
	font-weight:bolder;
}
.cstudy_text ul.cstudy_inner_bg li.inner_navi-box .inner_li-box .inner_text{
	margin:0 5px 0 10px;
	min-height:70px;
}
.cstudy_text ul.cstudy_inner_bg li.inner_navi-box .inner_li-box .inner_go{
	margin:0 10px 15px 0;
	float:right;
}
#cont-second ul.cstudy_bg li.navi-box {
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/cstudy/cstudy_bg_foot.gif) no-repeat left bottom;
	float: left;
	width: 921px;
}
#cont-second ul.cstudy_bg .li-box {
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/cstudy/cstudy_bg_head.gif) no-repeat left top;
	padding:1px 0 0 0;
	width: 921px;
	background-position: 1px 0;	
}
#cont-second ul.cstudy_bg li.navi-box .title{
	margin: 40px 0 0 80px;
}
#cont-second ul.cstudy_bg li.navi-box .text{
	margin: 20px 0 0 80px;
	width:770px;
}
#cont-second ul.cstudy_bg li.navi-box .title .title_text{
	margin:0 0 0 20px;
	bottom:0px;
	width:655px;
}
#cont-second ul.cstudy_bg li.navi-box .text .text_01{
	font-size:130%;
	font-weight:bolder;
}
.cstudy_line{
	margin-left:37px;
}
.sp_line{
		display: none;
}
.cstudy_photo{
	margin:0 0 0 10px;
	float: right;
}
.cstudy_picture .inner_title{
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/cstudy/flower.gif) no-repeat left top;
	background-position: 10px 8px;
	padding: 6px 0 5px 38px;
	font-size: 16px;
	font-weight: bolder;
}


/* price
----------------------------------------------------------------------------------------------------- */
.event01{
	position:relative;
}
.event01 a:hover img{
	opacity: 0.6;
	filter:alpha(opacity=60);
}
.event01_btn{
	position:absolute;
	top:146px;
	left:667px;
}
.price_main_title{
	position:relative;
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/price/price_title.gif) no-repeat left bottom;
	min-height: 100px;
}
.price_pdf_down{
	position:absolute;
	top:5px;
	left:670px;
}
.price_main_title a:hover img{
	opacity: 0.6;
	filter:alpha(opacity=60);
}
.price_main_title p{
	display: none;
}
.price_title_sp{
	display: none;
}
.event_gaiyou{
	margin:0 0 0 20px;
	width:100%;
}
.event_gaiyou_price{
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/price/event_gaiyou.gif) no-repeat left top;
	min-height: 45px;
}
.event_gaiyou_price p{
	display: none;
}
.price_sub_title{
	display: none;
}
.event_zyouken01{
	margin:0 0 0 20px;
	width:880px;
}
.event_zyouken01 table,
.event_zyouken01 table tr,
.event_zyouken01 table tr td{
	border:none;
	padding:5px 0 0 0;
}
.event_zyouken table tr td.title{
	background-position:4px 11px;
	background-repeat:no-repeat;
	padding:0 0 0 15px;
}
.event_zyouken02{
	margin:0 0 15px 20px;
	width:880px;
}
.event_zyouken02 table{
	width:680px;
	border:none;
	margin:0 0 0 20px;
}
.event_zyouken02 table tr,
.event_zyouken02 table tr td{
	border:none;
	text-align:left;
	padding:2px 0 0 5px;
}
.event_zyouken03{
	width:880px;
}
.event_zyouken03 ul li{
	list-style-type: inherit;
	margin:0 0 0 15px;
}


/* procedure
----------------------------------------------------------------------------------------------------- */
.procedure_main_title{
	background: url("/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/procedure/procedure_title.gif") no-repeat;
	min-height: 130px;
}
.procedure_main_title img{
	display: none;
}
.procedure_main_title p{
	display: none;
}
#cont-second ul.procedure_bg li.navi-box {
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/procedure/procedure_bg_foot.gif) no-repeat left bottom;
	float: left;
	width: 920px;
}
#cont-second ul.procedure_bg .li-box {
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/procedure/procedure_bg_head.gif) no-repeat left top;
	padding:1px 0 0 0;
	width: 920px;
}
.procedure_title01{
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/procedure/procedure01.gif) no-repeat left top;
	min-height: 41px;
}
.procedure_title02{
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/procedure/procedure02.gif) no-repeat left top;
	min-height: 41px;
}
.procedure_title03{
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/procedure/procedure03.gif) no-repeat left top;
	min-height: 41px;
}
.procedure_title04{
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/procedure/procedure04.gif) no-repeat left top;
	min-height: 41px;
}
.procedure_title05{
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/procedure/procedure05.gif) no-repeat left top;
	min-height: 41px;
}
.procedure_title01 p,
.procedure_title02 p,
.procedure_title03 p,
.procedure_title04 p,
.procedure_title05 p{
	display: none;
}
.procedure_mail{
	width: 300px;
	margin: 18px 0 0 55px;
	float: left;
}
.procedure_tel{
	width: 300px;
	margin: 18px 0 0;
	float: left;
}
.procedure_mail span,
.procedure_tel span{
	display: none;
}
.procedure_text{
	margin: 18px 0 0 55px;
}
.procedure_triangle{
	background: url("/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/procedure/procedure_next.gif") no-repeat center top;
	text-align: center;
	color: #00487f;
}
#cont-second ul.procedure_bg .li-box .title {
	margin:30px 0 0 55px;
	width:808px;
}

#cont-second ul.procedure_bg .li-box .title a:hover img{
	opacity: 0.6;
	filter:alpha(opacity=60);
}

#cont-second ul.procedure_bg .li-box .title .center_bar{
	margin:0 46px 0 46px;
}

#procedure_inner .inner-box{
	background-color: #42632e;
	border-radius: 5px;
	margin-bottom: 30px;
	padding: 1.5% 2.5%;
	color: #fff;
}


/* faq
----------------------------------------------------------------------------------------------------- */
.faq_main_title{
	background: url("/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/faq/faq_title.gif") no-repeat;
	min-height: 120px;
}
.faq_main_title img{
	display: none;
}
.faq_main_title p{
	display: none;
}
#cont-second ul.faq_bg li.navi-box {
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/faq/faq_bg_foot.gif) no-repeat left bottom;
	float: left;
	width: 920px;
}
#cont-second ul.faq_bg .li-box {
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/faq/faq_bg_head.gif) no-repeat left top;
	padding:1px 0 0 0;
	width: 920px;
}
#cont-second ul.faq_bg .li-box .title {
	margin:30px 0 0 55px;
	width:808px;
}
ul.faq_bg li.navi-box .li-box .title ul.miffy_faq{
	width:750px;
}
ul.faq_bg li.navi-box .li-box .title ul.miffy_faq li.miffy_question {
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/faq/q.gif) no-repeat scroll left top transparent;
	color: #0A78C3;
	font-weight: bold;
	min-height: 25px;
	padding: 1px 0 10px 35px;
	cursor: pointer;
}
ul.faq_bg li.navi-box .li-box .title ul.miffy_faq li.miffy_question ul {
	margin-left : -35px;
}
ul.faq_bg li.navi-box .li-box .title ul li.miffy_answer {
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/faq/a.gif) no-repeat scroll left top transparent;
	margin: 1.25em 0 1.25em 0;
	min-height: 25px;
	padding: 0 0 0.5em 35px;
	font-weight: normal;
	color: #111;
}
.doco_car-faqlist{
	margin: 18px 0 30px 30px;
}
.faq_title01{
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/faq/faq01.gif) no-repeat left top;
	min-height: 41px;
}
.faq_title02{
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/faq/faq02.gif) no-repeat left top;
	min-height: 41px;
}
.faq_title03{
	background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/faq/faq03.gif) no-repeat left top;
	min-height: 41px;
}
.faq_title01 p,
.faq_title02 p,
.faq_title03 p{
	display: none;
}



/*****************************************************
                   レスポンシブ対応                   
*****************************************************/
/* タブレット */
@media (max-width: 991px) {
	.top_mail,
	.top_tel,
	#miffy_menu{
		display: none;
	}
	.globNav-row {
		width: 100%;
		text-align: right;
		display: block;
	}
	.globNav-toggle {
		position: relative;
		left: -2%;
	}
	.globNav-inner{
		display: none;
		width: 100%;
		text-align: left;
		line-height: 4em;
		background-color: #42632e;
		position: relative;
		top: 5px;
	}
	.globNav-inner li{
		float: none;
		border-bottom: #ccc 1px solid;
	}
	.globNav-inner a{
		text-decoration: none;
		color: #fff;
		padding: 0 30px;
		display: block;
	}
	.globNav-inner li .inner_mail:hover,
	.globNav-inner li:hover{
		background-color: #ff5b10;
		cursor: pointer;
	}
	.globNav-row .M_hover:hover{
		cursor: pointer;
		opacity: 0.6;
		filter:alpha(opacity=60);
	}
	.inner{
		float: right;
	}
	.inner_mail{
		background-color: #ffbf1f;
		display: block;
		text-align: center;
	}
	.inner_mail a{
		color: #000;
	}
	.inner_tel{
		background-color: #fff;
		padding: 2px 30px;
		display: block;
		text-align: center;
		cursor: text;
		line-height: 18px;
	}
	.inner_tel img{
		height: 48px;
		max-width: 100%;
	}
	.inner_tel img:hover{
		cursor: auto;
	}
	.phone-number:before{
		display: inline-block;
		height: 22px;
		top: 9px;
		left: -3px;
	}
	span.phone-number a{
		color:#01377f;
		display:contents;
	}


/*######## 利用料金 ########*/
	.inner_go,
	.pc_btn{
		display: none;
	}
	.sp_btn{
		display: block;
	}

.bottom_toiawase_01,
.bottom_toiawase_02,
.bottom_toiawase_03{
	display: none;
}
.bottom_toiawase_01_tb,
.bottom_toiawase_02_tb,
.bottom_toiawase_03_tb{
	display: block;
}
}
@media screen and (max-width: 767px) {

/* --------------- リンク要素（a） -------------- */
	.M_pagetop p a {
		padding: 0 20px 20px 0;
	}


/* --------------- インライン要素 --------------- */


/* ----------- リスト要素（dl,ol,ul,li）--------- */


/* --------- テーブル要素（table,th,td） -------- */


/* --------------- 画像（img,svg） -------------- */


/* --------------- レイアウト要素 --------------- */
	.pb10{
		padding-bottom: 10px !important;
	}
	.mr2{
		margin-right: 2px !important;
	}
	.mb0{
		margin-bottom: 0 !important;
	}
	.mb10{
		margin-bottom: 10px !important;
	}
	.mb40{
		margin-bottom: 40px !important;
	}
	.ft22{
		font-size: 22px !important;
		font-weight: bold !important;
	}
	.ft18{
		font-size: 18px !important;
		font-weight: bold !important;
	}
	.ft16{
		font-size: 16px !important;
		font-weight: bold !important;
	}
	.ft12{
		font-size: 12px !important;
	}
	.ft10{
		font-size: 10px !important;
	}
	.c_orange{
		color: #ff5b10;
	}
	.c_blue{
		color: #00487f;
	}


/* ------------------- ベース ------------------- */
	body {
		min-width: 320px;
		font-size: 12px;
	}


/* ------------------ ヘッダー ------------------ */
	#header{
		width: 100%;
	}
	#header .mb30 {
		margin-bottom: 0 !important;
	}
	.ds_logo {
		text-align: left;
		float: none;
		width: 95%;
		margin: 0 auto;
	}
	.ds_logo img {
		float: none;
	}


/* --------------- グローバルナビ --------------- */
	.miffybus{
		display: none;
	}
	.globNav-toggle {
		top: -30px;
	}
	.globNav-inner{
		top: -15px;
	}

/* --------------- コンテンツ枠 ----------------- */
	#container{
		width: 95%;
		margin: 0 auto;
	}
	.miffybus_sp{
		text-align: center;
		margin: 0 auto;
		display: block;
		background: url(/content/dam/nttcom/hq/jp/business/services/docodesucar/service/miffy/images/top_main_bg.gif) repeat-x left bottom;
	}
	.miffybus_sp img{
		max-width: none;
	}
	.pagetitle{
		margin: 0 auto;
		width: 95%;
	}
	#maincontents-02,
	#cont-second,
	.M_pagetop,
	#copyright{
		width: 100% !important;
		clear: both;
	}


/* ----------------- パンくず ------------------- */
	ul#panlist {
		width: 100%;
	}


/* ------------------ 問合せ -------------------- */
	.bottom_toiawase{
		display: none;
	}
	.toiawase_sp{
		border: #917D70 5px solid;
		border-radius: 10px;
		margin-bottom: 30px;
		display: block;
	}
	.toiawase_sp_wrap{
		border-radius: 5px;
		background-color: #00487f;
	}
	.toiawase_sp_title{
		color: #fff;
		padding: 20px 20px 0;
	}
	.btn_area p{
		background-color: #ffbf1f;
		border-radius: 5px;
		margin: 20px;
		box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
	}
	.btn_area p:hover{
		background-color: #f4d076;
	}
	.btn_area a{
		color: #000;
		font-weight: bold;
		text-align: center;
		display: block;
		padding: 12px 0 10px;
		text-decoration: none;
		
	}
	.btn_area a:hover{
		opacity: 0.6;
		filter:alpha(opacity=60);
	}
	.toiawase_sp_box{
		padding: 0 20px 20px;
	}
	.toiawase_sp_inner{
		background-color: #fff;
		border-radius: 5px;
		text-align: center;
	}
	.toiawase_sp_inner a{
		text-decoration: none;
	}


/* ----------------- フッター ------------------- */
	.fds_logo{
		text-align: center;
	}
	#ft-navi {
		width: 95%;
		text-align: left;
	}
	.copy{
		width: 100%;
		margin-right: 0;
	}
	.ft-menu{
		display: none;
	}
/* ---------------- トップページ ---------------- */

	.miffy_banner{
		float: none;
		margin:0 auto;
		width: 250px;
		text-align:center;
	}

/*######## 共通 ########*/
	.del{
		display: none;
	}
	.sp_del{
		display: none;
	}
	.pc_del{
		display: block;
		text-align: center;
	}
	.ver_top{
		vertical-align: middle;
	}
	.b_boder{
		padding: 7px;
		width:40%;
		margin:0 auto;
	}

	.b_boder_blue{
		border-bottom: inset 7px #00487f;
	}
	.b_boder_orange{
		border-bottom: inset 7px #ff5b10;
	}
	.b_boder_yellow{
		border-bottom: inset 7px #ffbf1f;
	}



/*######## 「ミッフィーバスロケサービス」の特徴 ########*/
	.wrapper{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction:column;
		flex-direction:column;
	}
	.wrapper2{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: nowrap;
		flex-wrap:         nowrap;
	}
	.feature_bg01{
		background: none;
		height: auto;
		margin-left: 0;
		width: 96.5%;
		border: #ff5b10 5px solid;
		border-radius: 5px;
		margin-bottom: 7px;
	}
	.feature_bg02{
		background: none;
		height: auto;
		width: 96.5%;
		margin-left: 0;
		border: #ffbf1f 5px solid;
		border-radius: 5px;
		margin-bottom: 7px;
	}
	.feature_bg03{
		background: none;
		height: auto;
		width: 96.5%;
		margin-left: 0;
		border: #42632e 5px solid;
		border-radius: 5px;
		margin-bottom: 7px;
	}
	.feature-logo{
		text-align:center;
		margin:20px 10px 10px 20px;
	}
	.feature-logo img{
		max-width: none;
	}
	.feature-cate-title{
		margin:23px 0 10px 0;
		line-height:normal;
		width:85%;
		height: 0;
	}
	.feature-text{
		margin:0 auto;
		width:80%;
		padding-bottom:20px;
	}


/*######## お客さまの声 ########*/
	.out_line{
		border: solid 1px #aba887;
		margin-bottom: 10px;
		padding: 20px 0;
		border-radius: 5px;
	}
	.out_line:hover{
		opacity: 0.6;
		filter: alpha(opacity=60);
	}
	.out_line a{
		text-decoration: none;
		color: #000;
	}
	.out_line a:hover{
		text-decoration: none;
		color: #000;
	}
	.cstudy_text ul.cstudy_inner_bg li.inner_navi-box .inner_li-box .inner_go{
		margin: 25px 20px 0 0;
	}


/*######## どんなサービス？ ########*/
	.function_bg{
		background: none;
		height: auto;
		width: 96.5%;
		margin-right: 0;
		border: #42632e 5px solid;
		border-radius: 5px;
		margin-bottom: 7px;
	}
	.function-logo{
		margin: 20px auto;
		/* width: 110px; */
		text-align: center;
	}
	.function-logo img{
		max-width: none;
	}
	.function_box{
		width: 70%;
		margin: 0 auto;
	}
	.function-left-text{
		width: 95%;
		font-weight: bolder;
		margin:40px 0 10px 0;
	}
	.function-right-text{
		width: 95%;
		font-weight:bolder;
		margin:40px 0 10px 0;
	}
	.function-text02{
		width: 95%;
		margin-bottom: 20px;
	}


/* -------------- どんなサービス --------------- */
	img{
		max-width: 100%;
	}
	.functions_main_title{
		background: none;
		min-height: 0;
	}
	.functions_main_title img{
		display: inline-block;
		vertical-align: middle;
	}
	.functions_main_title p{
		display: inline-block;
		letter-spacing:3px;
		vertical-align: middle;
		margin: 0 30px;
		width: 200px;
	}
	.border{
		border: #ff5b10 5px solid;
		border-radius: 5px;
		margin-bottom: 20px;
	}
	#cont-second ul.functions_bg li.navi-box{
		background: none;
		width: 100%;
		background-size: 100%;
	}
	#cont-second ul.functions_bg .li-box{
		background: none;
		width: 100%;
		background-size: contain;
	}
	#cont-second ul.functions_bg .li-box .title{
		padding: 3% 3% 2%;
	}
	#cont-second ul.functions_bg .li-box .text{
		width: 94% !important;
		margin: 0;
		padding: 0 3%;
	}
	.functions_kinou{
		margin: 0 3% !important;
	}
	.phone_img{
		float: none;
		margin: 0 auto;
		padding: 0 0 30px 0;
		text-align: center;
		max-width: 85%;
	}
	#functions_inner ul.functions_inner_bg{
		margin-bottom: 0;
	}
	#functions_inner ul.functions_inner_bg li.inner_navi-box{
		background: none;
		float: none;
		width: 100%;
		margin: 0;
	}
	#functions_inner ul.functions_inner_bg .inner_li-box{
		background: none;
		width: 100%;
		min-height: 0;
		margin-bottom: 20px;
	}
	#functions_inner ul.functions_inner_bg .inner_li-box .inner_title,
	#functions_inner ul.functions_inner_bg .inner_li-box .inner_text{
		width: 90%;
		color: #000;
		margin: 0 5%;
	}
	#functions_inner ul.functions_inner_bg li.ml30{
		margin: 0 !important;
	}
	#functions_inner ul.functions_inner_bg .inner_li-box .inner_img{
		display: none;
	}
	#functions_inner ul.functions_inner_bg .inner_li-box .mb45{
		margin-bottom: 0 !important;
	}


/* ---------------- お客様の声 ----------------- */
	.cstudy_main_title{
		background: none;
		min-height: 0;
	}
	.cstudy_main_title img{
		display: inline-block;
		vertical-align: middle;
	}
	.cstudy_main_title p{
		display: inline-block;
		letter-spacing:3px;
		vertical-align: middle;
		margin: 0 30px;
		width: 200px;
	}
	.cstudy_sub_title{
		display: block;
		margin-bottom: 20px;
	}
	.cstudy_text{
		width: 100%;
		display: inline-block;
	}
	.cstudy_main_bg{
		margin: 0;
	}
	.cstudy_main_bg.mb30{
		margin: 0 !important;
	}
	#cont-second ul.cstudy_main_bg li.navi-box,
	#cont-second ul.cstudy_main_bg .li-box,
	.cstudy_text ul.cstudy_inner_bg li.inner_navi-box,
	.cstudy_text ul.cstudy_inner_bg .inner_li-box{
		background: none;
		float: none;
		width: inherit;
		max-width: 100%;
	}
	#cont-second ul.cstudy_main_bg li.navi-box{
		border: #ffbf1f 5px solid;
		border-radius: 5px;
		margin-bottom: 20px;
	}
		
	#cont-second ul.cstudy_main_bg li.ml10{
		margin-left: 0 !important;
	}
	.cstudy_picture img{
		max-width: none;
	}


/*######## 個別ページ ########*/
	.cstudy_bg{
		border-radius: 5px;
		border: #ffbf1f 5px solid;
	}
	#cont-second ul.cstudy_bg li.navi-box,
	#cont-second ul.cstudy_bg .li-box{
		background: none;
		max-width: 100%;
	}
	#cont-second ul.cstudy_bg li.navi-box .title,
	#cont-second ul.cstudy_bg li.navi-box .title .title_text,
	#cont-second ul.cstudy_bg li.navi-box .text{
		margin: 0;
		width: 94%;
		padding: 3%;
	}
	.cstudy_line{
		display: none;
	}
	.sp_line{
		display: block;
		width: 94%;
	}
	.children_photo{
		display: none;
	}
	.cstudy_photo{
		float: none;
		text-align: center;
		margin-left: 0;
	}


/* ----------------- 利用料金 ------------------ */
	.price_main_title{
		background: none;
		min-height: 0;
	}
	.price_main_title .mb8{
		margin-bottom: 0 !important;
	}
	.price_main_title img{
		display: inline-block;
		vertical-align: middle;
	}
	.price_main_title p{
		display: inline-block;
		letter-spacing:3px;
		vertical-align: middle;
		margin: 0 30px;
		width: 200px;
	}
	.price_down_btn{
		width: 200px;
		margin-left: auto;
	}
	.event_gaiyou{
		width: 96%;
		margin: 0 2% 5%;
	}
	.event_gaiyou_price{
		background: none;
		min-height: 0;
		border: #000 2px solid;
		background-color: #42632e;
		border-radius: 5px;
		margin-bottom: 20px;
		padding: 5px 0;
	}
	.price_title_sp{
		display: block;
	}
	.event_gaiyou_price p{
		display: block;
		color: #fff;
	}
	.price_sub_title{
		display: block;
		margin: 0 0 20px;
	}
	.price_pdf_down{
		display: none !important;
	}
	.price_down_btn a{
		color: #000;
		text-decoration: none;
		text-align: center;
		border: #42632e 5px solid;
		border-radius: 5px;
		display: block;
		padding: 10px;
		box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
	}


/* -------------- 導入までの流れ --------------- */
	.procedure_main_title{
		background: none;
		min-height: 0;
	}
	.procedure_main_title img{
		display: inline-block;
		vertical-align: middle;
	}
	.procedure_main_title p{
		display: inline-block;
		letter-spacing:3px;
		vertical-align: middle;
		margin: 0 30px;
		width: 200px;
	}
	.procedure_bg{
		border-radius: 5px;
		border: #00487f 5px solid;
	}
	#cont-second ul.procedure_bg li.navi-box,
	#cont-second ul.procedure_bg .li-box {
		background: none;
		width: 100%;
	}
	#cont-second ul.procedure_bg .li-box .title{
		margin: 0;
		width: 94%;
		padding: 3%;
	}
	#procedure_inner ul.procedure_inner_bg li.inner_navi-box,
	#procedure_inner ul.procedure_inner_bg .inner_li-box{
		width: 100%;
	}
	.procedure_mail,
	.procedure_tel{
		width: 100%;
		margin: 0;
		float: none;
		text-align: center;
		margin-bottom: 20px;
	}
	.shadow{
		box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
	}
	.shadow:hover{
		opacity: 0.6;
		filter:alpha(opacity=60);
	}
	.procedure_mail a,
	.procedure_tel span{
		color: #000;
		border: 2px #000 solid;
		border-radius: 5px;
		padding: 15px 20px;
		background-color: #ffbf1f;
		display: inline-block;
		max-width: 300px;
		margin: 0 auto;
	}
	.procedure_mail span{
		display: block;
	}
	.procedure_mail img,
	.procedure_tel img{
		display: none;
	}
	.none-border{
		border: none !important;
		padding: 0 !important;
	}
	.center_bar{
		display: none;
	}
	.procedure_text{
		margin: 0 0 15px;
	}
	.procedure_triangle{
		background: none;
		margin-top: 0 !important;
	}
	.procedure_title01,
	.procedure_title03,
	.procedure_title05{
		background: none;
		min-height: 0;
		border: #000 2px solid;
		background-color: #ffbf1f;
		border-radius: 5px;
		margin-bottom: 20px;
		padding: 5px 0;
	}
	.procedure_title02,
	.procedure_title04{
		background: none;
		min-height: 0;
		border: #000 2px solid;
		background-color: #ff5b10;
		border-radius: 5px;
		margin-bottom: 20px;
		padding: 5px 0;
	}
	.procedure_title01 p,
	.procedure_title02 p,
	.procedure_title03 p,
	.procedure_title04 p,
	.procedure_title05 p{
		display: block;
	}
	.procedure_title01 p.flt,
	.procedure_title02 p.flt,
	.procedure_title03 p.flt,
	.procedure_title04 p.flt,
	.procedure_title05 p.flt{
		margin-left: 15px;
	}
	.procedure_title01 p.frt,
	.procedure_title02 p.frt,
	.procedure_title03 p.frt,
	.procedure_title04 p.frt,
	.procedure_title05 p.frt{
		margin-right: 15px;
	}

/* -------------- よくあるご質問 --------------- */
	.faq_main_title{
		background: none;
		min-height: 0;
	}
	.faq_main_title img{
		display: inline-block;
		vertical-align: middle;
	}
	.faq_main_title p{
		display: inline-block;
		letter-spacing:3px;
		vertical-align: middle;
		margin: 0 30px;
		width: 200px;
	}
	#cont-second ul.faq_bg{
		border: #944B24 5px solid;
		border-radius: 5px;
		padding: 10px 20px;
	}
	#cont-second ul.faq_bg li.navi-box,
	#cont-second ul.faq_bg .li-box{
		background: none;
		width: 100%;
	}
	.faq_title01,
	.faq_title02,
	.faq_title03{
		background: none;
		min-height: 0;
		border: #000 2px solid;
		background-color: #ffbf1f;
		border-radius: 5px;
		margin-bottom: 20px;
		padding: 5px 0;
	}
	.faq_title01 p,
	.faq_title02 p,
	.faq_title03 p{
		display: block;
	}
	#cont-second ul.faq_bg .li-box .title{
		margin: 0;
		width: 100%;
	}
	ul.faq_bg li.navi-box .li-box .title ul.miffy_faq{
		width: 100%;
	}
	.doco_car-faqlist{
		margin: 0;
	}
}


/* レスポンシブ */
@media screen and (max-width: 475px) {
	.wrap{
		display: block;
	}
	.cstudy_text{
		width: 100%;
	}
	.cstudy_text ul.cstudy_inner_bg li.inner_navi-box,
	.cstudy_text ul.cstudy_inner_bg li.inner_navi-box .inner_li-box .inner_text{
		min-height: auto;
	}
	.cstudy_main_bg .navi-box .li-box .cstudy_inner .cstudy_picture{
		float: none;
		margin: 20px auto 0;
		text-align: center;
	}
}