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


/*=========================================
_1. reset
=========================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, picture {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
	font-size: 100%;
}

body {
	line-height: 1.4;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif !important;
	background:#fafafa;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	border: none;
	}

strong {
	font-weight: bold;
	}

p {
	line-height: 1.7;
}


.show_pc {
	display:block;
}

.show_sp {
	display:none;
}

/*=======================================================================
大枠
========================================================================*/

.bodyBg {
	background:#fafafa;
}

.base	{
	width:950px;
	height:auto;
	margin:0 auto;
	background:#fff;
	box-shadow:0px 0px 5px #666;
	-webkit-box-shadow:0px 0px 5px #666;
	-moz-box-shadow:0px 0px 5px #666;
}



/*=======================================================================
ヘッダー
========================================================================*/


/*------ ロゴ ------*/
.header__logoBase {
	width:auto;
	height:92px;
	background:url(/sim/img/cp04/header_logo_bg.gif) repeat-x left top;
	background-size:10px 92px;
}

.header__logoBase__image {
	margin:20px 0 0 20px;
}

/*------ タイトル画像 ------*/
.header__titleBase {
	width:990px;
	height:609px;
	margin:0 -30px;
	border:10px solid #ffe7bf;
	background:url(/sim/img/cp04/header_title_bg.png) repeat left top;
	background-size:495px 371px;
	position:relative;
	box-sizing:content-box;
}

.header__titleBase:before {
	position:absolute;
	left:-10px;
	bottom:-40px;
	content:"";
	display: block;
    width: 0;
    height: 0;
    border-top: 15px solid #e09500;
    border-right: 15px solid #e09500;
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
}

.header__titleBase:after {
	position:absolute;
	right:-10px;
	bottom:-40px;
	content:"";
	display: block;
    width: 0;
    height: 0;
    border-top: 15px solid #e09500;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #e09500;
}

.header__titleBase__image1 {
	position:absolute;
	left:20px;
	top:10px;
	z-index:1;
}

.header__titleBase__image2 {
	position:absolute;
	left:20px;
	top:230px;
	z-index:2;
}

.header__titleBase__image2__image {
	vertical-align:bottom;
}

.header__titleBase__image3 {
	position:absolute;
	left:20px;
	top:316px;
	z-index:3;
}

.header__titleBase__image3__image {
	vertical-align:bottom;
}

.header__titleBase__image4 {
	position:absolute;
	left:20px;
	top:443px;
	z-index:4;
}

.header__titleBase__image4__image {
	vertical-align:bottom;
}

.header__titleBase__image5 {
	position:absolute;
	right:0px;
	bottom:-10px;
	z-index:5;
}



/*=======================================================================
あなたはどっち派
========================================================================*/

.docchihaBase__title {
	width:990px;
	height:167px;
	margin:0 -30px;
	position:relative;
}

.docchihaBase__title:before {
	position:absolute;
	left:0px;
	bottom:-30px;
	content:"";
	display: block;
    width: 0;
    height: 0;
    border-top: 15px solid #eb74ab;
    border-right: 15px solid #eb74ab;
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
}

.docchihaBase__title:after {
	position:absolute;
	right:-20px;
	bottom:-30px;
	content:"";
	display: block;
    width: 0;
    height: 0;
    border-top: 15px solid #eb74ab;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #eb74ab;
}

.docchihaBase__title__image {
}

.docchihaBase__image1 {
	position:absolute;
	width:340px;
	height:116px;
	top:150px;
	left:0;
	right:0;
	margin:0 auto;
	z-index:100;
}



.docchihaBase__selectBase {
	width:auto;
	height:auto;
	padding-top:65px;
	padding-bottom:30px;
	background:#ffffcc;
	overflow:hidden;
}

.docchihaBase__selectBase__image2 {
	float:left;
	width:430px;
	height:600px;
	margin-left:30px;
	position:relative;
}

.docchihaBase__selectBase__image2-btn {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
	padding-top:15px;
	top:510px;
	display:block;
	width:370px;
	height:58px;
	border:3px solid #774341;
	border-radius:6px;
	background:#ffff00;
	text-align:center;
	z-index:2;
}

.docchihaBase__selectBase__image3 {
	float:left;
	width:430px;
	height:600px;
	margin-left:30px;
	position:relative;
}

.docchihaBase__selectBase__image3-btn {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
	padding-top:15px;
	top:510px;
	display:block;
	width:370px;
	height:58px;
	border:3px solid #774341;
	border-radius:6px;
	background:#ffff00;
	text-align:center;
	z-index:2;
}

.docchihaBase__selectBase__image2-btn:hover,
.docchihaBase__selectBase__image3-btn:hover {
	background:#ffcc00;
	cursor:pointer;
}
	
/*=======================================================================
たっぷり派10GBプラン
========================================================================*/

.tappuriBase__title {
	width:980px;
	height:97px;
	margin:0  -15px;
	background:#f48c00;
	position:relative;
}

.tappuriBase__title__image {
	padding-top:27px;
	padding-left:30px;
}


.tappuriBase__title:before {
	position:absolute;
	left:0px;
	bottom:-14px;
	content:"";
	display: block;
    width: 0;
    height: 0;
    border-top:7.5px solid #b85b00;
    border-right:7.5px solid #b85b00;
    border-bottom:7.5px solid transparent;
    border-left:7.5px solid transparent;
}

.tappuriBase__title:after {
	position:absolute;
	right:0px;
	bottom:-14px;
	content:"";
	display: block;
    width: 0;
    height: 0;
    border-top:7.5px solid #b85b00;
    border-right:7.5px solid transparent;
    border-bottom:7.5px solid transparent;
    border-left:7.5px solid #b85b00;
}

.docchihaBase__detailBase {
	width:auto;
	height:auto;
	background:#eee;
}

.docchihaBase__detailBase__10gbTitle {
	background:url(/sim/img/cp04/tappuri_bg1.png) repeat left top;
	background-size:24px 24px;
	position:relative;
	overflow:hidden;
	padding:30px 0;
}

.docchihaBase__detailBase__10gbTitle:before {
	position:absolute;
	left:180px;
	top:0px;
	content:"";
	display: block;
    width: 0;
    height: 0;
    border-top:40px solid #f48c00;
    border-right:40px solid transparent;
    border-bottom:40px solid transparent;
    border-left:40px solid transparent;
}

.docchihaBase__detailBase__10gbTitle__image1 {
	float:left;
	width:385px;
	height:134px;	
	margin-left:30px;
}

.docchihaBase__detailBase__10gbTitle__image2 {
	float:left;
	width:505px;
	height:159px;	
}

.docchihaBase__tableBase {
	padding-top:30px;
	padding-bottom:60px;
}

.docchihaBase__tableBase__item {
	width:890px;
	margin:0 auto;
	border:2px solid #cacaca;
	border-collapse:collapse;
	background:#fff;
}

.docchihaBase__tableBase__itemTh {
	width:33.33333%;
	border:2px solid #cacaca;
	padding:10px 0;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
}

.docchihaBase__tableBase__itemTh__icon {
	vertical-align:middle;
	margin-right:10px;
}

.docchihaBase__tableBase__itemTd {
	width:33.33333%;
	border:2px solid #cacaca;
	padding:10px 0;
	text-align:center;
}

.docchihaBase__tableBase__itemTd__text {
	font-size:1.2em;
}

.docchihaBase__tableBase__itemTd__price {
	margin-top:10px;
}

.docchihaBase__attention {
	width:890px;
	margin:30px auto 0;
	font-size:0.8em;
	color:#666;
}

.docchihaBase__attention__list {
	padding-left:1em;
    text-indent:-1em;
}


/*=======================================================================
ちょびっと派10GBプラン
========================================================================*/

.chobittoBase__title {
	width:980px;
	height:97px;
	margin:0  -15px;
	background:#4988ce;
	position:relative;
}

.chobittoBase__title__image {
	padding-top:27px;
	padding-left:30px;
}


.chobittoBase__title:before {
	position:absolute;
	left:0px;
	bottom:-14px;
	content:"";
	display: block;
    width: 0;
    height: 0;
    border-top:7.5px solid #215895;
    border-right:7.5px solid #215895;
    border-bottom:7.5px solid transparent;
    border-left:7.5px solid transparent;
}

.chobittoBase__title:after {
	position:absolute;
	right:0px;
	bottom:-14px;
	content:"";
	display: block;
    width: 0;
    height: 0;
    border-top:7.5px solid #215895;
    border-right:7.5px solid transparent;
    border-bottom:7.5px solid transparent;
    border-left:7.5px solid #215895;
}

.docchihaBase__detailBase__3gbTitle {
	background:url(/sim/img/cp04/tappuri_bg2.png) repeat left top;
	background-size:24px 24px;
	position:relative;
	overflow:hidden;
	padding:30px 0;
}

.docchihaBase__detailBase__3gbTitle:before {
	position:absolute;
	left:180px;
	top:0px;
	content:"";
	display: block;
    width: 0;
    height: 0;
    border-top:40px solid #4988ce;
    border-right:40px solid transparent;
    border-bottom:40px solid transparent;
    border-left:40px solid transparent;
}

.docchihaBase__detailBase__3gbTitle__image1 {
	float:left;
	width:342px;
	height:113px;	
	margin-left:30px;
}

.docchihaBase__detailBase__3gbTitle__image2 {
	float:left;
	width:503px;
	height:158px;	
	margin-left:45px;
}

.docchihaBase__tableBase {
	padding-top:30px;
	padding-bottom:60px;
}

.docchihaBase__tableBase__item {
	width:890px;
	margin:0 auto;
	border:2px solid #cacaca;
	border-collapse:collapse;
	background:#fff;
}

.docchihaBase__tableBase__itemTh {
	width:33.33333%;
	border:2px solid #cacaca;
	padding:10px 0;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
}

.docchihaBase__tableBase__itemTh__icon {
	vertical-align:middle;
	margin-right:10px;
}

.docchihaBase__tableBase__itemTd {
	width:33.33333%;
	border:2px solid #cacaca;
	padding:10px 0;
	text-align:center;
}

.docchihaBase__tableBase__itemTd__text {
	font-size:1.2em;
}

.docchihaBase__tableBase__itemTd__price {
	margin-top:10px;
}

.docchihaBase__attention {
	width:890px;
	margin:30px auto 0;
	font-size:0.8em;
	color:#666;
}

.docchihaBase__attention__list {
	padding-left:1em;
    text-indent:-1em;
}



/*=======================================================================
まだ高いスマホ代を払い続けるのですか？
========================================================================*/

.takaiBase__title {
	width:990px;
	height:241px;
	margin:0 -30px;
	position:relative;
}

.takaiBase__title:before {
	position:absolute;
	left:0px;
	bottom:-30px;
	content:"";
	display: block;
    width: 0;
    height: 0;
    border-top: 15px solid #eb74ab;
    border-right: 15px solid #eb74ab;
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
}

.takaiBase__title:after {
	position:absolute;
	right:-20px;
	bottom:-30px;
	content:"";
	display: block;
    width: 0;
    height: 0;
    border-top: 15px solid #eb74ab;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #eb74ab;
}

.takaiBase__priceBase {
	width:auto;
	height:auto;
	margin-bottom:30px;
	padding-top:30px;
	padding-bottom:60px;
	background:#ffffcc;
}

.takaiBase__priceBase__image1 {
	width:890px;
	margin:0 auto;
}

.takaiBase__priceBase__image2 {
	width:890px;
	margin:30px auto 0;
}

.takaiBase__priceBase__text {
	width:890px;
	margin:10px auto 0 auto;
	font-size:0.8em;
	color:#666;
}

/*=======================================================================
MNP
========================================================================*/

.mnpBase__title {
	width:990px;
	height:197px;
	margin:0 -30px;
	position:relative;
}

.mnpBase__title:before {
	position:absolute;
	left:0px;
	bottom:-30px;
	content:"";
	display: block;
    width: 0;
    height: 0;
    border-top: 15px solid #eb74ab;
    border-right: 15px solid #eb74ab;
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
}

.mnpBase__title:after {
	position:absolute;
	right:-20px;
	bottom:-30px;
	content:"";
	display: block;
    width: 0;
    height: 0;
    border-top: 15px solid #eb74ab;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #eb74ab;
}

.mnpBase__stepBase {
	width:auto;
	height:auto;
	padding-bottom:60px;
	background:#eee;
}

.mnpBase__stepBase__image {
	background:url(/sim/img/cp04/mnp_bg1.png) repeat left top;
	background-size:24px 24px;
	overflow:hidden;
	padding:30px 0;
}

.mnpBase__stepBase__image1 {
	width:724px;
	height:291px;
	margin:0 auto;
}

.mnpBase__stepBase__image2 {
	width:416px;
	height:129px;
	margin:0 auto;
}

.mnpBase__stepBase__text {
	width:890px;
	margin:30px auto 0 auto;
	font-size:1.2em;
	font-weight:bold;
}

.mnpBase__stepBase__text-red {
	color:#e20012;
	background-image: linear-gradient(
    transparent 0,
    transparent 50%,
    rgb(255, 255, 0) 50%
  );
  background-repeat: repeat-x;
  text-decoration: none;
}

.mnpBase__stepBase__text-attention {
	width:890px;
	margin:20px auto 0 auto;
	text-align:right;
}

/*=======================================================================
お客様の声
========================================================================*/

.voiceBase__title {
	width:990px;
	height:167px;
	margin:0 -30px;
	position:relative;
}

.voiceBase__title:before {
	position:absolute;
	left:0px;
	bottom:-30px;
	content:"";
	display: block;
    width: 0;
    height: 0;
    border-top: 15px solid #eb74ab;
    border-right: 15px solid #eb74ab;
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
}

.voiceBase__title:after {
	position:absolute;
	right:-20px;
	bottom:-30px;
	content:"";
	display: block;
    width: 0;
    height: 0;
    border-top: 15px solid #eb74ab;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #eb74ab;
}

.voiceBase__image1 {
	position:absolute;
	width:181px;
	height:172px;
	top:38px;
	right:20px;
	z-index:100;
}

.voiceBase__itemBase {
	width:auto;
	height:auto;
	margin-bottom:30px;
	padding-top:65px;
	padding-bottom:30px;
	background:#ffffcc;
	overflow:hidden;
}

.voiceBase__selectBase__image2 {
	width:890px;
	margin:0 auto;
}

.voiceBase__selectBase__image3 {
	width:890px;
	margin:10px auto 0;
}

.voiceBase__selectBase__image4 {
	width:890px;
	margin:10px auto 0;
}

.voiceBase__selectBase__attentionBase {
	width:790px;
	margin:30px auto 0;
}

.voiceBase__selectBase__attentionBase__text {
	font-size:0.8em;
	color:#999;
}

/*=======================================================================
ご利用開始までの流れ
========================================================================*/

.stepBase {
	background:#eee;
}

.stepBase__title {
	width:990px;
	height:167px;
	margin:0 -30px;
	position:relative;
}

.stepBase__title:before {
	position:absolute;
	left:0px;
	bottom:-30px;
	content:"";
	display: block;
    width: 0;
    height: 0;
    border-top: 15px solid #eb74ab;
    border-right: 15px solid #eb74ab;
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
}

.stepBase__title:after {
	position:absolute;
	right:-20px;
	bottom:-30px;
	content:"";
	display: block;
    width: 0;
    height: 0;
    border-top: 15px solid #eb74ab;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #eb74ab;
}

.stepBase__title__image {
}




.stepBase__itemBase {
	width:auto;
	height:auto;
	padding-top:65px;
	padding-bottom:30px;
	background:#eee;
	overflow:hidden;
	position:relative;
}

.stepBase__itemBase__image1 {
	float:left;
	width:170px;
	height:263px;
	margin-left:30px;
	position:relative;
}

.stepBase__itemBase__image2 {
	float:left;
	width:170px;
	height:263px;
	margin-left:70px;
	position:relative;
}

.stepBase__itemBase__image3 {
	float:left;
	width:170px;
	height:275px;
	margin-left:70px;
	position:relative;
}

.stepBase__itemBase__image4 {
	float:left;
	width:170px;
	height:263px;
	margin-left:70px;
	position:relative;
}

.stepBase__itemBase__image5 {
	position:absolute;
	bottom:100px;
	right:-60px;
	z-index:2;
}

.stepBase__itemBase__image6 {
	width:910px;
	margin:30px auto 0;
}

.stepBase__itemBase__text-attention {
	width:890px;
	margin:20px auto 0 auto;
	padding-bottom:60px;
}

/*=======================================================================
申し込みボタン
========================================================================*/
.applyBtnBase {
	width:791px;
	height:auto;
	margin:50px auto;
	padding:0;
	background:#fff;
}

.applyBtnBase__date {
	text-align:right;
}

.applyBtnBase__s {
	width:590px;
	height:auto;
	padding:50px 0;
	background:#fff;
	margin:0 auto;
}

.applyBtnBase__kochira {
	width:789px;
	height:auto;
	padding:50px 0;
	background:#fff;
	margin:0 auto;
}

/*=======================================================================
税抜注意
========================================================================*/
.tax__attention {
	width:890px;
	text-align:right;
	margin:0 auto 60px;
}

/*=======================================================================
フォームの進捗ナビゲーション
========================================================================*/

.applyform_navi2 ol {
	width: 900px;
	margin: 30px auto 0 auto;
	background: url(/sim/img/cp04/apply_navi_bg.gif) no-repeat center 16px;
	overflow: hidden;
}

.applyform_navi2 ol li {
	float: left;
	width: 300px;
	padding-top: 68px;
	text-align: center;
	background: url(/sim/img/cp04/apply_navi_bg_off.png) no-repeat top center;
}

.applyform_navi2 ol li.active {
	background: url(/sim/img/cp04/apply_navi_bg_on.png) no-repeat top center;
	color: #cc0000;
	font-weight: bold;
}


/*=======================================================================
フッター
========================================================================*/

.footerBase {
	width: 100%;
	margin: 80px 0 0 0;
	padding: 35px 0 40px 0;
	background: #e9e6e6;
}

.footerBase__logo {
	text-align:center;
}

.footerBase__copyright {
	font-size: 0.5em;
	text-align: center;
	margin-top: 15px;
}

.footerBase__menu {
	width: 510px;
	height: 1.5em;
	margin: 15px auto 0 auto;
	padding: 0;
	font-size: 0.8em;
	list-style-type: none;
	overflow: hidden;
}

.footerBase__menu__item {
	float: left;
	width: 169px;
	text-align: center;
	border-right: 1px solid #000000;
}

.footerBase__menu__item:last-child {
	border: none;
}

.footerBase__menu__item a {
	color: #000000;
}


/*=======================================================================
確認画面
========================================================================*/
.kakuninBase {
	width:890px;
	margin:60px auto 0;
}

.kakuninBase__text {
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
}

.btnKakuteiBase {
	width:769px;
	margin:0 auto;
	overflow:hidden;
}

.btnKakuteiBase__kakutei {
	float:right;
	width:569px;
	margin-left:50px;
	border:0;
	background:transparent;
}

.btnKakuteiBase__kakutei:hover {
	opacity:0.8;
	cursor:pointer;
}

.btnKakuteiBase__back {
	float:right;
	width:150px;
}

.btnKakuteiBase__back__btn {
	display:block;
	box-sizing:border-box;
	width:150px;
	height:auto;
	margin-top:20px;
	padding:15px;
	background:#aaa;
	color:#fff;
	border-radius:10px;
	text-align:center;
	text-decoration:none;
}

.btnKakuteiBase__back__btn:hover {
	opacity:0.8;
}

/*=======================================================================
完了画面
========================================================================*/
.kanryoBase {
	width:890px;
	margin:60px auto 0;
}

.kanryoBase__text1 {
	text-align:center;
	font-size:2em;
	font-weight:bold;
	margin-bottom:60px;
}

.kanryoBase__text1-red {
	color: #e20012;
	background-image: linear-gradient( transparent 0, transparent 50%, rgb(255, 255, 0) 50% );
	background-repeat: repeat-x;
	text-decoration: none;
}

.kanryoBase__text2 {
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
}

.kanryoBase__text2-red {
	color: #e20012;
	background-image: linear-gradient( transparent 0, transparent 50%, rgb(255, 255, 0) 50% );
	background-repeat: repeat-x;
	text-decoration: none;
}

.kanryoBase__osasoiBase {
	width:70%;
	margin:100px auto 0;
	padding:30px 180px 30px 40px;
	border:10px solid #ffd000;
	border-radius:20px;
	box-sizing:border-box;
	position:relative;
}

.kanryoBase__osasoiBase__text {
	text-align:left;
	font-size:1.5em;
	font-weight:bold;
}

.kanryoBase__osasoiBase__text-red {
	color: #e20012;
	background-image: linear-gradient( transparent 0, transparent 50%, rgb(255, 255, 0) 50% );
	background-repeat: repeat-x;
	text-decoration: none;
}

.kanryoBase__osasoiBase__image1 {
	position:absolute;
	width:185px;
	height:278px;
	bottom:0;
	right:0;
}

.kanryoBase__osasoiBase__image1__image {
	width:100%;
	height:auto;
}

.kanryoBase__osasoiBase__image2 {
	text-align:center;
	margin-top:50px;
}

.kanryoBase__snsBase {
	width:890px;
	margin-top:60px;
	height:auto;
	overflow:hidden;
}

.kanryoBase__snsBase__facebook {
	float:left;
	width:438px;
}

.kanryoBase__snsBase__facebook__image:hover {
	opacity:0.8;
}

.kanryoBase__snsBase__twitter__image:hover {
	opacity:0.8;
}

.kanryoBase__snsBase__twitter {
	float:left;
	width:438px;
	margin-left:14px;
}

.kanryoBase__text3 {
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	margin-top:60px;
}

.kanryoBase__text4 {
	margin-top:30px;
	text-align:center;
	background:#ffeeee;
	border:1px solid #ff2500;
	color:#ff2500;
	font-weight:bold;
	padding:10px;
	word-wrap: break-word;
}