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

/*———————————–———————————–
　　ヘッダー構成
　　.navi_bar(w100%)
———————————–———————————–*/


/*———————————–———————————–
　　TOP　コンテンツ編集
———————————–———————————–*/
.colx2,
.colx3,
.col_w7 {
	width: 100%
}
.col_w1 {
    width: 50%;
}
.col_w2 {
    display: ruby-base;
}
.col {
    vertical-align: middle;
	margin-bottom: 20px;
}
.row{ width:100%;}


#top_plan ul li {
    width: 33%;
}

#top_flow_row li.col:nth-child(2) {
    width: auto;
    margin-left: 30px;
}
/*———————————–———————————–
　　プラン
———————————–———————————–*/

#plan_info .half{
	display:block;
	width:100%;
}


#plan_info .icon-arrow-down{
	display:none;
}

#plan_select > ol > li{
	display:block;
	width:100%;
	border-bottom:1px solid antiquewhite;
	height:350px;
}

#plan .choose{
	display:block;
	width:100%;
}

#plan_detail > ul > li {
    padding-top: 80px;
}

.express-img ul {
    width: 100%;
	
}

.plan_base td {
    width: 100%;
    display: block;
}

.plan_vision img {
    width: 100%;
    max-width: 186.5px;
	padding:20px 0 10px 0;
}

/* 安心プラン、オプション */
#plan_option h2, #anshin_plan h2{
	font-size: 24px;
	
	
	
}
#plan_option .plan_base td,
#anshin_plan .plan_base td{
	display: block;
	width: 100%;
}

.anshin_vision td:nth-child(2n){
	padding:0;
	line-height:inherit;
}

#plan_option table td:nth-child(2n+1){
	width: 100%;
	padding:0;
}

#plan_option .plan_base, #anshin_plan .plan_base{
	height:inherit;
}

#anshin_plan .plan_base td:nth-child(2n+1){
	padding:5px 0;
}
#anshin_plan .plan_base td:nth-child(2n){
	padding:10px 0;
}

#plan_option .plan_base, #anshin_plan .plan_base{
	background: #fff;
}
#plan_option table td:nth-child(2n+1){
	text-align:center;
	padding:5px 0;
}
#plan_option .plan_base td:nth-child(2n) {
    background: #fff;
    padding: 10px 0;
}

.fee-arrow {
    display: block;
    width: 100%;
}
.regular-fee ul li:nth-child(2) strong {
    display: block;
    width: 100%;
}

#plan_op_row .plan_op_icon img{ width: 100%;}

.fee-arrow {
    display: block;
    width: 100%;
	text-align: center;
}
.cb{
	display: block;
}
	
#plan_op_row .plan_op_icon { width:10%; position:relative; margin-right: 20px;}

.op_ttl{
	color: coral;
	margin-left: 30px;
	}

#plan_op_row{
	padding: 0;
}

.regular-fee ul li:nth-child(1) strong{
	width:100%;
	display:block;
}


/*———————————–———————————–
　　お問合せ
———————————–———————————–*/

.form_box_w{ width:100%; display:block;}




/*———————————–———————————–
　　 Flow　制作の流れ
———————————–———————————–*/
#flow li div.list_h{padding-left:0; width:inherit;padding-bottom: 30px;}
#flow li div.list_info{ width:100%;padding:0 20px;}


/*———————————–———————————–
　　Privacy（個人情報保護方針・サイトポリシー）
———————————–———————————–*/

/*———————————–———————————–
　　 Service
———————————–———————————–*/
#service_com table th {
    margin-right: 10px; 
	padding-right:0;
}
#service_com table .tb_head{
background: #eee;
width: 100px;
}

#service_com table th {
    margin-right: 20px;
    display: block;
    width: 100%;
	max-width:inherit;
    padding: 20px 0 10px 0;
}

#service_com table .tb_head {
    background: #eee;
    line-height: 35px;
    padding-left: 8px;
    display: block;
    width: 100%;
}
#service_com table td {
    vertical-align: top;
    display: block;
}


/*———————————–———————————–
　　フッター
———————————–———————————–*/