@charset "utf-8";

/*----- header  ------*/
header{
}
header > div{
	position: relative;
	width: 920px;
	margin: 0 auto;
}
header h1{
}

section > div{
}


#sharebtn_area{
	position: fixed;
	z-index:300;
	right: 20px;
	top:150px;
}
#sharebtn_area li{
	display: block;
	padding-bottom: 10px;
}
#sharebtn_area i{
	display: block;
	height:30px;
	width:30px;
}
#sharebtn_area i:hover{
	opacity: 0.7;
	cursor: pointer;
}
#sharebtn_area a{
	outline: none;
}
#sharebtn_area .share_facebook i.share_icon{
	background: url(../img/icon_share_facebook.png);
}
#sharebtn_area .share_linkedin i.share_icon{
	background: url(../img/icon_share_linkedin.png);
}
#sharebtn_area .share_twitter i.share_icon{
	background: url(../img/icon_share_twitter.png);
}
#sharebtn_area .share_google i.share_icon{
	background: url(../img/icon_share_goolge.png);
}
#sharebtn_area .share_mail i.share_icon{
	background: url(../img/icon_share_mail.png);
}
/*-------inner_content------*/
section.inner_content > div{
	width: 920px;
	margin: 0 auto;
	padding: 50px 0;
}
section.inner_content div h3{
	padding-bottom: 50px;
	font-size: 30px;
	font-weight: normal;
	text-align: center;
}

/*-------footer_call------*/
#footer_call{
	position: fixed;
	z-index: 200;
	left: 0;
	bottom:0;
	width: 100%;
	background-color :rgba( 255,255,255,1);
	border-top: solid 1px #ddd;
}
#footer_call > div{
	position: relative;
	width: 920px;
	height: 80px;
	margin: 0 auto;
	padding-top: 10px;
	box-sizing: border-box;
}
#footer_call > div div{
	display: inline-block;
	margin-right: 20px;
	vertical-align: top;
	letter-spacing:0;
}
#footer_call > div div a{
	display: inline-block;
	margin-top: 5px;
}
#footer_call .call_info{
	display: table;
}
#footer_call .call_info p{
	display: table-cell;
	padding-right: 20px;
	vertical-align:middle;
}
#footer_call .call_info p:first-child{
	padding-left: 30px;
	background: url(../img/icon_phone.png) no-repeat 0 10px scroll;
	background-size: 19px 19px;
	font-size:24px;
	font-weight: bold;
}
#footer_call .call_info p:last-child{
	font-size: 10px;
}
#footer_call .btn_area{
	position: absolute;
	right:0;
	top: 15px;
	margin: 0;
	z-index:900;
}
#footer_call .btn_area a{
	margin-top: 0;
}
/*-------btn_conversion------*/

.btn_conversion{
	position: relative;
	display: inline-block;
	background: #e40065;
	border-radius: 6px;
	text-decoration: none;
	text-align: center;
	color: #fff;
}
.btn_conversion:after{
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	width: 7px;
	height: 11px;
	margin-top: -4px;
	background: url(../img/arrow_w_sp.png) no-repeat 0 0 scroll;
	background-size: cover;
	content:"";
}
.btn_conversion:hover{
	opacity: 0.7;
	text-decoration: none;
}
.btn_size_small{
	height: 50px;
	width: 200px;
	line-height: 50px;
}
/*-------footer------*/
footer{
	padding-top: 0;
	padding-bottom: 100px;
	background: #292929;
	box-sizing: border-box;
	color: #fff;
}
footer.small_height{
	padding-bottom: 30px;
}
footer div p.copyright{
	padding-top: 20px;
	text-align: center;
	font-size: 12px;
}

#pageskiper{
	margin-bottom:50px;
}
/*-------side_nav------*/
#side_nav{
	position: fixed;
	z-index: 1001;
	top: 60px;
	right:0;
	width: 200px;
}
#side_nav div{
	position: relative;
}
#side_nav div.with_baloon:before{
	position: absolute;
	z-index: 1002;
	top:-30px;
	left:-55px;
	width: 50px;
	height:20px;
	line-height: 20px;
	background: rgba( 0, 0, 0, 0.9);
	border-radius: 3px;
	color:#fff;
	text-align: center;
	font-size: 10px;
	content: "Menu";
}
#side_nav div.with_baloon:after{
	position: absolute;
	top:-10px;
	left:-35px;
	width: 0;
	height: 0;
	border-top: 8px solid #000;
	border-right: 6px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 6px solid transparent;
	content: "";
}
#side_nav div input[type="button"]{
	position: absolute;
	z-index: 1002;
	top:0;
	left: -49px;
	width: 50px;
	height: 50px;
	min-width:0;
	margin:0;
	padding: 0;
	background: #fff url(../img/btn_sp_menu.png) no-repeat center center scroll;
	background-size: 24px auto;
	border: solid 1px #ccc;
	border-right: none;
	box-shadow: none;
	text-indent:-7777px;
}
#side_nav ul{
	border: solid 1px #ccc;
}
#side_nav ul li{
	width: 100%;
	border-top:solid 1px #fff;
	border-bottom: solid 1px #ccc;
}
#side_nav ul li a{
	display:block;
	padding:20px 10px;
	background: #fff;
	color: #000;
	text-decoration:none;
}
/*-------mordal------*/
.mordal{
	position:fixed;
	top:0;
	left:0;
	z-index:1002;
	width: 100%;
	height: 100%;
	background:  none;
	opacity:0.01
}
.mordal.show{
	display:block !important;
}
.mordal .bg{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
}
.mordal .container{
	overflow: hidden;
	position: fixed;
	top:5%;
	left: 50%;
	width: 900px;
	height: 90%;
	margin-left: -450px;
	background: #fff;
	border-radius: 6px;
	box-sizing:border-box;
}
.mordal .container .header{
	position: relative;
	border-bottom: solid 1px #ccc;
}
.mordal .container .header h3{
	height: 60px;
	background-color: #eee;
	border-bottom: solid 1px #fff;
	line-height: 60px;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
}
.mordal .container .header p{
	display: block;
	margin: 0 45px;
	padding-bottom: 20px;
}

.mordal .header .btn_close{
	position: absolute;
	top: 15px;
	right: 10px;
	width: 50px;
	min-width:0 !important;
	height: 50px;
	margin:0;
	padding:0;
	background: url(../img/btn_close.png) no-repeat center 0 scroll;
	background-size: 40px 40px;
	border:none;
	box-sizing: border-box;
	box-shadow: none !important;
	color:#000;
	font-size: 10px;
	text-indent: -7777px;
}
figure.form_flow{
	display: block;
	padding-bottom: 30px;
	text-align: center;
}
.mordal .container .contents{
	position: relative;
	overflow: hidden;
	display: block;
	margin:0 20px;
	border : none;
}

/*------price plan-----------*/
.price_table{
	width: 100%;
	border-collapse: collapse; 
}
.price_table thead th{
	border: solid 1px #ccc;
}
.price_table thead th:first-child{
	border: none;
}
.price_table thead th:nth-child(2){
	border-top-left-radius: 3px;
}
.price_table thead th:last-child{
	border-top-right-radius: 3px;
}
.price_table thead th:nth-child(2) > span{
	color: #6dc16b;
}
.price_table thead th:nth-child(3) > span{
	color: #258bbb;
}
.price_table thead th:nth-child(4) > span{
	color: #5e4ed7;
}
.price_table thead th > span{
	display: block;
	padding: 10px 5px;
	text-align: center;
	font-size: 18px;
	background: #fff;
}
.price_table thead th > p{
	padding: 5px;
	background: #fff;
	border-top: dashed 1px #ccc;
	color: #146281;
	font-weight: normal;
	font-size: 12px;
}
.price_table tbody th{
	padding: 15px;
	background: #eee;
	border:solid 1px #ccc;
	border-left: none;
}
.price_table tbody td{
	padding: 15px;
	background: #fff;
	border:solid 1px #ccc;
	text-align: center;
}
.price_table tbody td.price{
	font-size: 18px;
}
.table_footage{
	display: block;
	margin-top: 20px;
	line-height:1.3;
}
.attention_txt{
	font-size: 10px;
	font-weight: normal;
	color: #e40064;
}
.table_option{
	position: relative;
	margin-top: 20px;
	background: #fff;
	border: solid 3px #0990cf;
	border-radius: 6px;
	padding: 20px 15px;
}
.table_option > span{
	position: absolute;
	display: inline-block;
	top: -13px;
	left: 15px;
	height: 26px;
	padding: 0 20px;
	background: #0990cf;
	border-radius: 20px;
	line-height: 26px;
	color: #fff;
}

/*---------tab_switcher---------*/
.tab_switcher{
	letter-spacing: -.40em;
}
.tab_switcher li{
	display: inline-block;
	margin-right: 5px;
	background: #eee;
	border: solid 1px #ccc;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	letter-spacing: normal;
}
.tab_switcher li.selected{
	background: #fff;
	border-bottom: solid 1px #fff;
}
.tab_switcher a{
	display: block;
	height: 50px;
	padding: 0 20px;
	text-align: center;
	text-decoration: none;
	line-height: 50px;
	color: #000;
}
.box_for_tab{
	padding: 30px;
	margin-top:-1px;
	background:#fff;
	border: solid 1px #ccc;
}

/*---------qa_box---------*/
.qa_box{
	
}
.qa_box li{
	border-bottom: dashed 1px #ccc;
}
.qa_box li:last-child{
	border-bottom: none;
}
.qa_box p.question{
	position: relative;
	padding:15px 15px 15px 60px;
	background:#f1f1f1;
	color :#146281;
}
.qa_box p.question:before{
	position: absolute;
	top: 10px;
	left: 15px;
	font-size: 24px;
	font-weight: bold;
	content:"Q.";
}
.qa_box p.answer{
	position: relative;
	padding:15px 15px 15px 60px;
}
.qa_box p.answer:before{
	position: absolute;
	top: 10px;
	left: 15px;
	color: #e40064;
	font-size: 24px;
	font-weight: bold;
	content:"A.";
}
/*-----  contact_exp  -------*/
#contact_exp{
	
}
#contact_exp div.conversion_btn_area{
	padding: 50px 0 20px;
	text-align: center;
}
#contact_exp > div > p{
	text-align: center;
}
#contact_exp .flow_chart{
	padding: 30px 0 20px;
	text-align: center;
}
#contact_exp div.conversion_btn_area .btn_conversion{
	height:60px;
	padding: 0 60px;
	font-size:24px;
	line-height: 60px;
}
#contact_exp div.conversion_btn_area .btn_conversion:after{
	right: 15px;
	top: 50%;
	width: 15px;
	height: 19px;
	margin-top: -10px;
	background-image: url(../img/arrow_w._large.png);
	background-size: cover;
}


/*-----  form_panel  -------*/
#form_panel.inner_content div h3{
	padding-bottom: 30px;
}
#form_panel > div > div{
	width: 920px;
	margin: 0 auto;
}
#form_panel div.header p{
	padding: 10px;
	background: #fff;
}
#form_panel .form-parts{
	min-height:600px;
	background: #fff;
}
#form_panel .form-parts > p{
	padding: 30px;
	text-align:center;
}
#form_panel .footer{
	margin-top: 50px;
	text-align: center;
}
#form_panel .footer input{
	background:#000;
}

/*-----  contact_list  -------*/
#contact_list{
	background: #e5e5e5;
}
section#contact_list.inner_content div{
	padding-left: 0 !important;
}
#contact_list ul{
	display: table;
	width: 100%;
	table-layout: fixed;
}
#contact_list li{
	display: table-cell;
	padding: 0 20px;
	border-left: #aaa solid 1px;
	border-right: #fff solid 1px;
}
#contact_list li:first-child{
	border-left: none;
}
#contact_list li:last-child{
	border-right: none;
}
#contact_list li figure{
	display: inline-block;
	padding-right: 15px;
	letter-spacing: normal;
	vertical-align:top;
}
#contact_list li p{
	display: inline-block;
	width: 175px;
	letter-spacing: normal;
	vertical-align:top;
}
#contact_list li span.time{
	display: inline-block;
	font-size: 10px;
	line-height: 1.4;
}
#contact_list li span.tel_num{
	display: inline-block;
	font-size:18px;
	font-weight: bold;
}
#contact_list li span.with_bg{
	display: inline-block;
	padding: 2px 5px;
	background: #419dce;
	font-size: 10px;
	color: #fff;
	
}
#contact_list li a{
	position: relative;
	display: block;
	width: 70%;
	height: 30px;
	margin: 20px auto 0;
	background:#419dce;
	border-radius: 20px;
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
	color: #fff;
	line-height: 30px;
	letter-spacing:normal;
	text-decoration: none;
	text-align: center;
}
#contact_list li a.icon_type_mail{
	width: 260px;
	text-indent:5px;
}
#contact_list li a.icon_type_mail:before{
	position: absolute;
	top: 0;
	left: 10px;
	width: 33px;
	height: 30px;
	background: url(../img/icon_contact_list_mail.png) no-repeat 0 0 scroll;
	content:"";
}
#contact_list li a.icon_type_shiryo:before{
	position: absolute;
	top: 0;
	left: 17px;
	width: 36px;
	height: 30px;
	background: url(../img/icon_contact_list_shiryopaper.png) no-repeat 0 0 scroll;
	content:"";
}
#contact_list li a:after{
	position: absolute;
	top:50%;
	right: 20px;
	width: 7px;
	height: 11px;
	margin-top: -5px;
	background: url(../img/arrow_w.png) no-repeat 0 0 scroll;
	content:"";
}