@charset "utf-8";

/*** mynavi CSS Document *************************************

	custom.css
	(BtoB用)

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

div#contetns, div.columnSingle div#main {
  width: 100% !important;
}

#footer {
  margin-top: -50px;
}

/* --------------- コンテンツ部分共通 --------------- */

#btob {
  font-family: 'ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  line-height: 1.3;
  margin: 10px 0 0 0;
  color: #333;
}
#btob img{
	max-width: 100%;
}

/* --------------- MV / リード --------------- */
#btob_head{
	width: 100%;
	text-align: center;
	padding: 0 0 0px 0;
}
#btob_head h2 img{
	display: block;
	margin: 0 auto;
}
#btob_head dl{
	width: 960px;
	margin: 0 auto;
	padding: 10px 20px;
	background:url(../images/shine01.png) no-repeat left center,
	url(../images/shine02.png) no-repeat right center;
	background-size:auto, auto;
}
#btob_head dl dd{
	float:left;
	padding: 10px 0px 0 30px;
	box-sizing: border-box;
}
#btob_head dl dd h3{
	margin: 10px auto;
	font-size: 24px;
	font-weight: bold;
	text-align: left;
}
#btob_head dl dd h3 em{
	font-style: normal;
	color: #F7931E;
	font-size: 40px;
	line-height: 0.5;
	font-family: 'Montserrat', sans-serif;
}
#btob_head dl dd h3 span{
	display: block;
	font-size: 12px;
	font-weight: normal;
	margin: 5px 0 0 0;
}
#btob_head dl dt img{
	display: block;
	width: 220px;
	float:left;
	padding: 0 0 0 40px;
}

#btob_head dd p{
	margin: 0px auto 0;
	font-size: 18px;
	text-align: left;
	box-sizing: border-box;
	font-weight:normal;
		float:left;
}


/* --------------- コンタクトBOX --------------- */
.contact_box{
	padding: 30px 0;
	width: 100%;
	background: #333;
}
.contact_box section{
	width: 960px;
	margin: 0 auto;
	border-radius: 5px;
	background: #FFFFFF;
}
.contact_box section dl{
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
}
.contact_box section dl dd.tel{
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	line-height: 1.3;
	width: 450px;
	float: left;
	padding: 5px 0 0 0;
}
.contact_box section dd.mail{
	float: right;
	width: 450px;
}
.contact_box section dl dd.tel span{
	font-size: 16px;
	font-weight: normal;
	color: #000;
}
.contact_box section dl dd.mail{
	padding: 0px 0 0 0;
}
.contact_box section dl dd.mail a{
	display: block;
	background: url(../images/cantact_mail.png) no-repeat 30px center #3DBFF9;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	padding: 10px 0;
	border-bottom: 3px solid #04799E;
	border-radius: 5px;
	letter-spacing: 0.07em;
}
.contact_box section dl dd.mail a span{
	color: #fcee21;
	font-size: 28px;
}
.contact_box section dl dd.mail a:hover{
	display: block;
	background: url(../images/cantact_mail.png) no-repeat 30px center #3DBFF9;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	padding: 13px 0 10px 0;
	border-bottom: none;
	border-radius: 5px;
}
.contact_box dd.tel .number{
	background: url(../images/contact_num.png) no-repeat left 13px;
	background-size: 6.5% auto;
	font-size: 32px;
	font-weight: bold;
	padding: 10px 0 10px 35px !important;
	box-sizing: border-box;
	line-height: 1;
	letter-spacing: 0.05em;
	font-family: 'Montserrat', sans-serif;
	text-align: left;
}
.contact_box dd .number span{
		font-weight: lighter;
	font-size: 16px;
}


/* --------------- BOX共通指定 --------------- */
#price, #flow, #feature, #profile, #public, #voice, #schedule{
	width: 100%;
}
#price h2, #flow h2, #feature h2, #profile h2, #public h2, #voice h2, #schedule h2{
	padding: 10px;
	text-align: center;
	margin: 0 0 30px 0;
}
#price section, #flow section, #feature section, #profile section, #public section, #voice section, #schedule section{
	width: 960px;
	margin: 0 auto;
}
.arrow_box {
	position: relative;
	background: #F7931E;
}
.arrow_box:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(247, 147, 30, 0);
	border-top-color: #F7931E;
	border-width: 20px;
	margin-left: -20px;
}

/* --------------- ナビ --------------- */
nav{
	padding: 30px 0;
}
nav ul{
	width: 960px;
	margin: 0 auto;
}
nav ul li{
	width: 150px;
	float: left;
	margin: 0 10px 0 0;
}
nav ul li:last-child{
	float: right;
}
nav ul li a{
	display: block;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	color: #F7931E !important;
	font-weight: bold;
}
li.nav_01 a{
	background: url(../images/nav_01.png) no-repeat center 10px #F4F3EF;
	padding:40px 0 10px 0; 
	border-bottom: 3px solid #E6E6E6;
}
li.nav_02 a{
	background: url(../images/nav_02.png) no-repeat center 10px #F4F3EF;
	padding:40px 0 10px 0; 
	border-bottom: 3px solid #E6E6E6;
}
li.nav_03 a{
	background: url(../images/nav_03.png) no-repeat center 10px #F4F3EF;
	padding:40px 0 10px 0; 
	border-bottom: 3px solid #E6E6E6;
}
li.nav_04 a{
	background: url(../images/nav_04.png) no-repeat center 10px #F4F3EF;
	padding:40px 0 10px 0; 
	border-bottom: 3px solid #E6E6E6;
}
li.nav_05 a{
	background: url(../images/nav_05.png) no-repeat center 10px #F4F3EF;
	padding:40px 0 10px 0; 
	border-bottom: 3px solid #E6E6E6;
}
li.nav_06 a{
	background: url(../images/nav_06.png) no-repeat center 10px #F4F3EF;
	padding:40px 0 10px 0; 
	border-bottom: 3px solid #E6E6E6;
}
li.nav_01 a:hover{
	background: url(../images/nav_01.png) no-repeat center 13px #F4F3EF;
	padding:43px 0 10px 0; 
	border-bottom: none;
	text-decoration: none;
}
li.nav_02 a:hover{
	background: url(../images/nav_02.png) no-repeat center 13px #F4F3EF;
	padding:43px 0 10px 0; 
	border-bottom: none;
	text-decoration: none;
}
li.nav_03 a:hover{
	background: url(../images/nav_03.png) no-repeat center 13px #F4F3EF;
	padding:43px 0 10px 0; 
	border-bottom: none;
	text-decoration: none;
}
li.nav_04 a:hover{
	background: url(../images/nav_04.png) no-repeat center 13px #F4F3EF;
	padding:43px 0 10px 0; 
	border-bottom: none;
	text-decoration: none;
}
li.nav_05 a:hover{
	background: url(../images/nav_05.png) no-repeat center 13px #F4F3EF;
	padding:43px 0 10px 0; 
	border-bottom: none;
	text-decoration: none;
}
li.nav_06 a:hover{
	background: url(../images/nav_06.png) no-repeat center 13px #F4F3EF;
	padding:43px 0 10px 0; 
	border-bottom: none;
	text-decoration: none;
}


/* --------------- 掲載料金 --------------- */

#price{
	background-color: #3dbff9;
	margin: -30px 0 0 0;
	padding: 35px 0 0 0;
}
#price section dl{
	width:470px;
	float: left;
	box-sizing: border-box;
	text-align: center;
}
#price section dl:last-child{
	margin: 0 0 0 20px;
}
#price section dl dt{
	text-align: center;
	padding: 5px 0;
	font-weight: bold;
	font-size: 20px;
	color: #fff;
	border:1px solid #FFFFFF;
	letter-spacing: 0.1em;
}
#price section dl dd{
	padding: 5px 0;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
	letter-spacing: 0.05em;
}
#price section dl dd span{
	color: #fcee21;
	font-size: 26px;
	width: auto;
}
#price section dl dd span em{
	color: #fcee21;
	font-size: 50px;
	width: auto;
	font-weight:bolder;
	font-family: 'Montserrat', sans-serif;
}
#price a{
	width: 320px;
	margin: 0 auto;
	display: block;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding: 5px 0px 10px 0;
	box-sizing: border-box;
	background: url(../images/arrow_w.png) no-repeat  90% 8px;
}
/* -#price{
	background: url(../images/price_bg.png) no-repeat center bottom;
	background-size: 100% 100%;
	padding:40px 0 20px 0;
} 
dt.base_price{
	background: #F7931E;
}
dt.application_price{
	background: #FBB03B;
}
dt.post_period{
	background: #3DBFF9;
}
#price section dl dd{
	font-size: 18px;
	text-align: center;
}
#price section dl dd em{
	font-style: normal;
	font-size: 26px;
}
#price section dl dd span{
	font-size: 12px;
	text-align: right;
	display: block;
}*/
em.en{
	font-size: 40px !important;
	font-family: 'Montserrat', sans-serif;
}
/*#price section dl:last-child dd{
	padding: 35px 0 20px 0;
	font-size: 60px !important;
}*/


/* --------------- 掲載の流れ --------------- */
#flow{
	background: #F7F6F0;
	padding:0 0 40px 0;
}
#flow section h3{
	text-align: center;
	margin: 0 0 20px 0;
}
#flow section dl{
	width: 305px;
	height: 360px;
	padding: 20px;
	float: left;
	margin: 0 22px 0 0;
	box-sizing: border-box;
	border-radius: 5px;
	position: relative;
}
#flow section dl:last-child{
	float: right;
	margin: 0;
}
dl.f_step01{
	background: url(../images/flow_bg01.png) no-repeat center top;
}
dl.f_step02{
	background: url(../images/flow_bg02.png) no-repeat center top;
}
dl.f_step03{
	background: url(../images/flow_bg03.png) no-repeat center top;
}
#flow section dl dd p{
	width: 90%;
	position: absolute;
	bottom: 20px;
	font-size: 14px;
}


/* --------------- 特長 --------------- */
#feature{
	padding:0 0 40px 0;
}
#feature section h3{
	text-align: center;
	margin: 0 0 20px 0;
}


/* --------------- プロフィール --------------- */
#profile{
	background: #F7F6F0;
	padding:0 0 40px 0;
	margin: 40px 0 0 0;
}
#profile section h3{
	text-align: center;
	margin: 0 0 30px 0;
}
#profile section article{
	width: 480px;
	float: left;
}
#profile section article:last-child{
	float: right;
}
#profile section article:last-child p{
	font-size: 21px;
	text-align: center;
	margin: 0 0 30px 0;
}
#profile section article:last-child img{
	display: block;
	margin: 0 auto;
}


/* --------------- 画面イメージ --------------- */
#public{
	padding: 0 0 40px 0;
}
#public h3{
	margin: 10px auto;
	font-size: 24px;
	text-align: center;
	font-weight: bold;
}
#public h3 em{
	font-style: normal;
	color: #F7931E;
	font-size: 40px;
	line-height: 1;
}
#public p{
	text-align: center;
	font-size: 12px;
	margin: 0 0 30px 0;
}


/* --------------- ご活用事例 --------------- */
#voice{
	background: #F7F6F0;
	padding: 0 0 40px 0;
	margin: 40px 0 0 0;
}
#voice h3{
	margin: 10px auto;
	font-size: 24px;
	text-align: center;
	font-weight: bold;
}
#voice h3 em{
	font-style: normal;
	color: #F7931E;
	font-size: 40px;
	line-height: 1;
}
#voice p{
	text-align: center;
	font-size: 12px;
	margin: 0 0 30px 0;
}
#voice section dl{
	width: 300px;
	float: left;
	margin: 0 28px 0 0;
}
#voice section dl:last-child{
	float: right;
	margin: 0;
}
#voice section dl dd{
	font-size: 14px;
}


/* --------------- 特集スケジュール --------------- */
#schedule{
	padding: 0 0 40px 0;
}
#schedule h3{
	margin: 10px auto;
	font-size: 24px;
	text-align: center;
	font-weight: bold;
}
#schedule h3 em{
	font-style: normal;
	color: #F7931E;
	font-size: 40px;
	line-height: 1;
}
#schedule p{
	text-align: center;
	font-size: 12px;
	margin: 0 0 30px 0;
}
#schedule section a{
	display: block;
	width: 500px;
	margin: 0 auto;
	text-align: center;
	background: #FBB03B;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	padding: 10px 0;
	border-bottom: 3px solid #F7931E;
	border-radius: 5px;
}
#schedule section a:hover{
	padding: 13px 0 10px 0;
	border-bottom: none;
}


/* --------------- ページトップ --------------- */

#btob #page-top {
  position: fixed;
  bottom: 0;
  right: 50px;
  z-index: 2000;
}

#btob #page-top a {
  background: #999;
  text-decoration: none;
  color: #fff;
  padding: 10px 0;
  text-align: center;
  display: block;
  width: 80px;
  border: 2px solid #fff;
  border-bottom: 0;
  font-size: 12px;
  line-height: 1;
}

#btob #page-top a:hover {
  text-decoration: none;
  background: #F18B00;
}




/* --------------- 料金表--------------- */
#money_table{
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	font-family: 'ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:14px; 
}
#money_table img{
	max-width: 100%;
}
.t_bold{
	font-weight: bold;
}
.t_center{
	text-align: center;
}
.bg_cl{
	background: #F8FBFE;
}
#money_table table{
	width: 100%;
	border:3px solid #2EA9E8;
	border-collapse: collapse;
	border-spacing: 0;
}
#money_table table th,
#money_table table td{
	padding: 10px;
	box-sizing: border-box;
	vertical-align: middle;
}
#money_table table th{
	background: #2EA9E8;
	color: #fff;
	border-right:1px solid #f2f2f2;
}
#money_table table td{
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.premium, .super, .standard_plus,
.standard, .light, .entry_plus, .entry{
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}
.premium{
	background: url(../images/mny_td_01.png) no-repeat left top;
}
.super{
	background: url(../images/mny_td_02.png) no-repeat left top;
}
.standard_plus{
	background: url(../images/mny_td_03.png) no-repeat left top;
}
.standard{
	background: url(../images/mny_td_04.png) no-repeat left top;
}
.light{
	background: url(../images/mny_td_05.png) no-repeat left top;
}
.entry_plus{
	background: url(../images/mny_td_06.png) no-repeat left top;
}
.entry{
	background: url(../images/mny_td_07.png) no-repeat left top;
}
#money_table em{
	font-style: normal;
	font-size: 12px;
	text-align: right;
	display: block;
}
#money_table article{
	border:5px solid #444;
	padding: 20px;
	box-sizing: border-box;
	text-align: center;
	color: #EE7800;
	font-size: 18px;
	line-height: 1.3;
	margin: 20px 0 40px 0;
}
#money_table section{
	margin: 40px 0 0 0;
}
#money_table section h2{
	font-size: 26px;
	text-align: center;
	padding: 10px 0;
	margin: 0 0 20px 0;
	background: #2CAC38;
	color: #fff;
	border-radius: 5px;
	line-height: 1.3;
}
#money_table section dl{
	margin: 20px 0 5px 0!important;
	padding: 0;
	border-bottom:1px solid #3DBFF9;
}
#money_table section dl dt{
	background: #3DBFF9;
	padding: 10px 0;
	color: #fff;
	font-size: 21px;
	font-weight: bold;
	text-align: center;
	border-radius: 5px;
}
#money_table section dl dd{
	width: 49.5%;
	float: left;
	border-right:1px solid #3DBFF9;
	padding: 10px 0;
}
#money_table section dl dd:last-child{
	float: right;
	border-right:none;
}
.mny_web h3{
	background: url(../images/mny_web.png) no-repeat left center;
	background-size: auto 100%;
	padding: 0 0 0 30px;
	margin: 0 0 10px 0;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: bold;
	color: #3DBFF9;
}
.mny_tel h3{
	background: url(../images/mny_tel.png) no-repeat left center;
	background-size: auto 100%;
	padding: 0 0 0 20px;
	margin: 0 0 10px 0;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: bold;
	color: #3DBFF9;
}
#money_table section p{
	margin: 20px 0 0 0;
	text-align: center;
}

/* --------------- 料金表コンタクトBOX --------------- */
.mny_contact_box{
	padding: 30px 10px;
	width: 100%;
	background: #333;
}
.mny_contact_box section{
	width: 100%;
	margin: 0 auto;
	border-radius: 5px;
	background: #FFFFFF;
}
.mny_contact_box section dl{
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
}
.mny_contact_box section dl dd.tel{
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	line-height: 1.3;
	width: 48%;
	float: left;
	padding: 5px 0 0 0;
}
.mny_contact_box section dd.mail{
	float: right;
	width: 48%;
}
.mny_contact_box section dl dd.tel span{
	font-size: 16px;
	font-weight: normal;
	color: #000;
}
.mny_contact_box section dl dd.mail{
	line-height: 1.3;
	padding: 0px 0 0 0;
}
.mny_contact_box section dl dd.mail a{
	display: block;
	background: url(../images/cantact_mail.png) no-repeat 10px center #3DBFF9;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 0;
	border-bottom: 3px solid #04799E;
	border-radius: 5px;
	letter-spacing: 0.07em;
}
.mny_contact_box section dl dd.mail a span{
	color: #fcee21;
	font-size: 24px;
}
.mny_contact_box section dl dd.mail a:hover{
	display: block;
	background: url(../images/cantact_mail.png) no-repeat 10px center #3DBFF9;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	padding: 13px 0 10px 0;
	border-bottom: none;
	border-radius: 5px;
}
.mny_contact_box dd.tel .number{
	background: url(../images/contact_num.png) no-repeat left 13px;
	background-size: 6.5% auto;
	font-size: 28px;
	font-weight: bold;
	padding: 10px 0 10px 35px !important;
	box-sizing: border-box;
	line-height: 1;
	letter-spacing: 0.05em;
	font-family: 'Montserrat', sans-serif;
	text-align: left;
}
.mny_contact_box dd .number span{
		font-weight: lighter;
	font-size: 16px;
}