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

/*———————————–———————————–

　　料金プラン

———————————–———————————–*/

/* アイキャッチ */
#plan .eye_catch {
	background: url('../images/plan_bg@2x.jpg');
	background-size:cover;
}
#plan .sec_bg {
	background: #FFD000;
}
/* 高さ・下線色 */
#plan >.sec_title {
    width: 100%;
    height: 200px;
}
#plan .sec_title .head_hr_solid {
    border-color: #fff;
}

/*———————————–———————————–

　　編集箇所

———————————–———————————–*/

/* プラン診断　文字色 */
#plan_info>ul li{
	color:#f58d00;
}

/*———————————–———————————–

　　任意で編集

———————————–———————————–*/


#plan .choose{
	display:inline-block;
	width: 33.333%;
}

#plan .choose:after .icon-arrow-down:before {
  content: "\ea36";
}

#plan .three_col{width:33.333%;}

/* ホームページの悩みを解決 */

#plan_head{
	width:100%;
	max-width:650px;
	display:block;
	margin:auto;
	padding:120px 0 20px 0;
}

#plan_head h1+div{
	text-align:center;
	padding-top:20px;
	font-size:18px;
}

#plan_info>ul{
	padding-top:0px;
	margin: auto;
}
#plan_info .icon-arrow-down{
	color:#e95513;
	font-size:20px;}

/* キャッシュバック */
.cash_back a {
    display: inline;
    text-align: right;
    right: 10px;
    bottom: 0px;
	color: #00C4AD;
    font-weight: 400;
    font-size: 14px;
}

.cash_back h4{
	color: #CF0003;
font-size: 16px;
display: inline;
padding-left: 10px;
}
.cash_back{
	background:#f9f9f9;
	border:1px solid #dedede;
	border-right:none;
	border-left:none;
	padding:10px;
}


/* プラン診断 */
#plan_info{ text-align:center;padding-top: 60px;}
#plan_info .box{
	background:#fff;
	display:block;
	border:2px dotted #666666;
	padding:3px;
	margin:10px 15px 10px 15px;
	border-radius:5px;
	font-weight:600;
}

.half{ width:50%;display: inline-block;}


/* プラン セレクト 共通 */
#plan_select>ol{
	width:100%;
	padding: 0;
	display: table;
	padding-bottom: 80px;
}
#plan_select>ol>li{
	width:33.333%; 
	font-size:16px;
	height: 300px;
	display: table-cell;
	vertical-align: middle;
	text-align:center;
	background: #ffd200;
	border: 5px solid white;
	padding: 20px 0;
}
#plan_select > ol > li h2{
	line-height: 1.5em;
	padding: 0 0 10px 0;
}
#plan_select > ol > li h2+img{padding: 5px 0px 15px 0;}

#plan_select > ol > li .c ul{
	padding:0 0 20px 0;
}
#plan_select > ol > li .c ul li{
}

/* プラン 詳細　共通　 */


#plan_detail {
    padding-bottom: 80px;
	background:url(../images/corrugation.png);
}

#plan_detail h3{
	font-size:28px;
	color:#e95513;
	padding:20px 0;
	text-align: center;
	font-weight:400;
	background: #FFFCF9;
}

#plan_detail>ul>li{
	vertical-align: top;
	padding: 20px;
	box-sizing: border-box;
	padding-top: 50px;
}
#plan_detail td li{
	width:50%;
}
#plan_detail .choose h3{
	text-align: left;
	color: #e95513;
	font-weight: 500;
	font-size: 1.75em;
	padding: 10px 0;
}



.plan_vision table {
    background: #fff;
}
.plan_vision table{ width:100%;margin-top: 10px;}
.plan_vision table th{
	background: #e1e1e1;
	text-align:center;
}
.plan_vision table td.express span{
	color:#3399ff;
	padding-right:5px;
}

/* プラン 内訳 共通 */
.plan_base td{
	text-align:left;
	width:50%;
}

.plan_base td:last-child{
	border:none;}


/* プラン 制作費 共通 */

.regular-fee{
	width:100%;
	position:relative;
}
.regular-fee li{
	display:table;
	width:100%;
	padding: 0px 10px;
	background: #FFFCF9;
}
.regular-fee li:nth-child(1){
	border-bottom:1px solid #dedede;
	 background:#fff;
}


.regular-fee em{
	color:#fff;
	background:#f58d00;
	display:inline-block;
	max-width: 175px;
	border-radius:5px;
	}

.express-img>p{
	display: inline-block;
	text-align: center;
	width: 100%;
	max-width: 240px;
	padding: 20px 0 0px 0;
}
.express-img ul{
	display: inline-block;
	width: 50%;
	vertical-align: top;
	padding: 20px 0 20px 0;
}

.express-img ul li{
	width: 100% !important;
	vertical-align: middle;
	text-align: left;
	padding-bottom: 5px;
	font-weight:400;
	font-size:16px;	
}
.express-img ul li span{
	color: #00C4AD;
	padding-right: 5px;
}

.regular-fee ul li:nth-child(2) strong{
	color:#e95513;
}


/* プラン スペシャルライト */
.plan_table{
width: 100%;
max-width: 680px;
margin: auto;
background: #fff;
display: table;
border-top: 5px solid #e95513;
}
.plan_table h3+div{
	padding:20px;
}


/* 制作費　スタイル*/
.regular-fee {
	border: 1px #dedede solid;
	margin-top: 20px;
	background: #fff;
}
.regular-fee .fee-head{
background:#e95513;
text-align: center;
color:#fff;
font-size:16px;
font-weight:500;
}
.fee-arrow{
	color: #e95513;
	font-weight:500;
}

.anshin_icon{
	width: 180px;
display: inline;
position: absolute;
padding-left: 10px;
}


.regular-fee strong{
	display: table-cell;
	width: 30%;
	text-align: right;
}


.cash_back_target{
font-weight: 500;
background: ;
text-align: center;
width: 90%;
color: #CF0003;
margin: 0 auto;
position:relative;
}



#plan_select ol li .b{
	margin: auto;
	height: 270px;
	vertical-align: middle;
	display: table;
	max-width: 230px;
	width: 100%;
}
#plan_select .btn-more{
background: none;
color: #fff;
max-width: 200px;
border: none;
background: #e95513;
}
#plan_select ol li .c{
	display: table-cell;
vertical-align: middle;
}


td.express{  line-height:32px;vertical-align: middle;}
.plan_vision table th.express{ background: transparent;
text-align: left;
padding: 3% 3%;
line-height: 36px;}
.express-img {
    width: 20%;
    text-align: center;
    height: 140px;
    vertical-align: middle;
}


#anshin_plan {
	background:darkorange;
	padding: 80px 0 80px 0;
}

#plan_option{
	background:#fff;
	padding:40px 0 80px 0
}

#anshin_plan>.wrapper_box_m{
}
#plan_option .wrapper_box_m:nth-child(2),
#anshin_plan .wrapper_box_m:nth-child(2){
	padding:10px 20px 20px 20px;
}

#plan_option .box_a,
#anshin_plan .box_a{
	padding:30px 0 0px 0;
	background:#FFFCF9;
	/*border:1px #dedede solid;*/
}
#plan_option h2,
#anshin_plan h2{
	background: darkorange;
	text-align: center;
	color: #fff;
	margin-bottom:20px;
}

.anshin_vision{
	margin:auto;
	width: 100%;
	max-width: 600px;
}
#plan_option .plan_base,
#anshin_plan .plan_base{
	border-bottom:1px solid #dedede;
	height: 80px;
}

#plan_option .plan_base td,
#anshin_plan .plan_base td{
	border: none;
	vertical-align: middle;
	text-align: center;
	padding: 0px 10px;
	line-height: inherit;
}
.anshin_vision td:nth-child(odd){
	width:20%;
	background:#f2f2f2;
}
.anshin_vision td:nth-child(even){
	font-weight:400;
	background:#fff;
	padding: .25em 0 .5em .75em;
	line-height:0;
}

#plan_option small,
#anshin_plan small{font-size: 12px;
font-weight: 100;}


#plan_option table{
width: 100%;
max-width: 600px;
margin: auto;}
#plan_option tr.plan_base{     height: 60px;
}

#plan_option .plan_base td:nth-child(even){background: #fff;}

#plan_option table td:nth-child(odd) {
	text-align: left;
	padding-left:3%;
    width: 20%;
	background: #f2f2f2;
}
.note{
	background: transparent;
	text-align:right;
	color:#999;
}

/* 全プランに〜採用。SEO対策も標準装備 */
#plan_about {
	background:url('../images/plan_about_bg.jpg');
	background-size:cover; 
}

#plan_about h2{
	padding-bottom:30px;
	color: #00C4AD; /*#FF6500*/
	font-size: x-large;
	text-align: center;
}

#plan_about h3{
	text-align:left;
	padding:0 0 0 .75em;
	border-left: 6px solid  #00C4AD; /*#FF6500*/
	line-height:28px;
}

#plan_about .wrapper_box{
	padding:80px 20px;
}

#plan_about .box_a{
	border:0px solid #e1e1e1;
	padding:20px;
	border-radius:20px;
}

.cb{
	background: #FF6500;
	padding: 0 5px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: 500;	
	/*width:45%;*/
	display: inline-block;
}



/* オプション */

/* コンテンツ　上下余白 */
#plan_op{
    padding: 60px 20px;
}

#plan_op h2{
    padding-bottom: 60px;
	text-align: center;
	color: #FF6500; /*00C4AD*/
	font-size: x-large;
	
}

#plan_op h3{
    padding-bottom: 60px;
	text-align: center;
	color: #000; /*00C4AD*/
	font-size: large;
	
}

#plan_op_row .plan_op_icon { width:10%; position:relative;}
#plan_op_row li:nth-child(2).col{width:20%;}
#plan_op_row li:nth-child(3).col{width:70%; padding-bottom:30px;}
.plan_op_icon .fs1{ position:absolute; top:0;}
.plan_op_icon span{ position:absolute;}

#plan_op_row .plan_op_icon img{ width:50%;
    min-width: 50px;
}

.op_ttl{
	color: coral;
	
	
	}