@charset "utf-8";

.pl-30 {
	padding-left:30px !important;
}
/*-- .header --*/

.global-header .global-siteid .site-logo.biz-style {
    width: 223px;
    height: 26px;
}

.global-header .nav-global.biz-style,
.global-header .nav-global-clone .nav-global.biz-style {
	background: #39aebe;
}

.global-header .nav-global .list.biz_nav>li:nth-child(2)>a {
	padding: 20px 0;
}
.global-header .nav-global .list.biz_nav>li.val-sol {
	width:20%;
}
.global-header .nav-global .list.biz_nav>li:last-child {
	width:auto;
}

.global-header .nav-global .list.biz_nav>li>a {
	padding-left:5px;
	padding-right:5px;
}

.global-header .nav-global .list.biz_nav>li:last-child>a {
	padding-right:0;
}

.global-header .nav-global .list li p.nav_btn a:after {
background: url(/common/images/ico-arrow_01.png);
position: absolute;
top: 50%;
left: 10px;
display: block;
width: 6px;
height: 11px;
margin-top: -7px;
content: '';
}
.nav-global .op_list01:before {
top: -20px;
left:11.5%;
}
.nav-global .op_list02:before {
	top: -20px;
	left: 25%;
}
.nav-global .op_list03:before {
	top: -20px;
	left: 41%;
}
.nav-global .op_list04:before {
	top: -20px;
	left: 56.5%;
}
.nav-global .op_list05:before {
	top: -20px;
	left: 71.1%;
}

/*-- footer --*/
.global-footer .footer-index {
	background: #001b40;
}

/*-- index --*/

.biz_tab{
	overflow:hidden;
}
.biz_tab li{
	float:left;
	width:32.5%;
	text-align:center;
	list-style:none;
	margin-right:1.25%;
	cursor: pointer;
}
.biz_tab li img{
	opacity:0.5;
}
.biz_tab li.biz_select{
	display: block;
	background-color:#017799;
}
.biz_tab li.biz_select img{
	opacity:1;
}

.biz_tab li:last-child{
	margin:0;
}

.biz_content div{
	padding:30px 20px;
	text-align:center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.biz_content div .list-btn-01 [class^="btn-0"] {
	font-size:17px;
	font-size:1.7rem;
	padding: 7px 90px;
}

.conblock {
	border:4px solid #017799;
}
.biz_tab_b {
	border-bottom:4px solid #017799;
}

.biz_hide {display:none;}

/*-- .order  --*/

.add_box {
	display:inline-block;
}
.apply_box {
	display:inline-block;
	text-align:center;
	float:right;
}

.box_bg_gray {
  background: #e3e3e3;
  border-radius: 5px;
  padding: 10px;
}

.biz-tel p {
	padding-top:30px;
}

.biz-list-nobullet-01 li:before{
	background:none;
}

.biz_tub_tel {
	margin:15px 0 25px;
}
/*-- .solution --*/
.sol_read {
	font-size:28px;
	font-size:2.8rem;
	font-weight:bold;
	margin-bottom:40px;
	line-height:1.4;
}

.biz_solution_box{
	width:80%;
	margin:0 auto 18px;
	padding:35px 25px 10px ;
}

.biz_solution .box-01.val-05 {
border-color:#e8e8e1;
}

.biz_solution_box a{
	width:68%;
}

.biz_solution_box .btn-wrapper [class^="btn-0"]{
	font-size:26px;
}

.biz_solution .box-01 {
	border-color: #024097;
}
.biz_solution .box-01.arw:before, .biz_solution .box-01.arw-fill:before {
  border-bottom-color: #024097;
}

.sol_forte .inner p{
	padding:0 0 0 35px;
}

.lyt-img-01.sol_lyt .content {
	font-size:18px;
	font-size:1.8rem;
}

.lyt-img-01.sol_lyt .figure {
	padding-left:60px;
}
@media screen and (max-width: 888px) {

.global-header .nav-global .list.biz_nav>li:nth-child(2)>a {
	padding: 20px 1px;
}
.global-header .nav-global .list.biz_nav>li:nth-child(3)>a {
	padding: 20px 0;
}

.str-outer.biz-style {
	padding: 0 0 0 20px;
}
.global-header .nav-global .list li p.nav_btn a:after {
left: 5px;
}

}

@media screen and (max-width: 768px){
	
.global-header .nav-global .list.biz_nav>li:last-child>a {
	padding-left:0;
}

}

@media screen and (max-width: 767px){
	
.nav-global.str-outer.biz-style {
	padding: 0;
}


.global-header .nav-global.biz-style .list li,
.global-header .nav-sub.biz-style .list li {
	display: block;
	float: none;
	border-top: 1px solid #017799;
}

.global-header .nav-global.biz-style .list.biz_nav li a,
.global-header .nav-sub.biz-style .list.biz_nav li a {
	text-decoration: none;
	color: #fff;
	background: #39aebe;
	display: block;
	padding: 6px 16px;
}

.global-header .nav-global.biz-style .list li a.active,
.global-header .nav-sub.biz-style .list li a.active {
	background: #39aebe;
}

.global-header .nav-global.biz-style .list li a:hover,
.global-header .nav-sub.biz-style .list li a:hover {
	color: #f3d846;
	background: #39aebe;
}

.global-header .nav-global .list.biz_nav>li.val-sol {
	width:100%;
}
.global-header .nav-global .list.biz_nav>li:last-child {
	width:100%;
}

.global-header .nav-global .list li p.nav_btn {
    padding:0;
    display: inline-block;
    background: #39aebe;
    text-align: left;
}

.global-header .nav-global .list li p.nav_btn a:after {
background:none;
}


/*-- .order --*/

.biz_tub_tel {
	margin:10px 0 25px;
}

.biz-tel p {
	padding-top:0;
}



/*-- .solution --*/
.lyt-img-01.sol_lyt {
	display:block;
}

.lyt-img-01.sol_lyt .content,
.lyt-img-01.sol_lyt .figure {
	display: block;
	width: 100%;
}
.lyt-img-01.sol_lyt .figure {
	padding:0 ;
	font-size:16px;
	font-size:1.6rem;
	margin-bottom:20px;
}


.sol_read {
	font-size:22px;
	font-size:2.2rem;
	font-weight:bold;
	margin-bottom:40px;
}

.sol_read br {
	display:none;
}

.box-01 .lyt-3col .apply_box{
	float:none;
}

}

@media screen and (max-width: 640px) {
.biz_tab li{
	float:left;
	width:32%;
	text-align:center;
	list-style:none;
	margin-right:2%;
	cursor: pointer;
}
.biz_tab li:last-child{
	float:right;
}

	
.biz_content div .list-btn-01 li {
	display:block;
}
.biz_content div .list-btn-01 [class^="btn-0"] {
	font-size:16px;
	font-size:1.6rem;
	padding: 7px 15px;
	display:block;
}

/*-- .order --*/
.apply_box {
	display:block;
	text-align:center;
	float:none;
}

.biz_solution_box{
	width:100%;
	padding: 20px 10px 0;
}

.biz_solution_box .btn-wrapper [class^="btn-0"]{
	font-size:16px;
}
}


/*-- .interview --*/
.inv_top .hdg-l3-02 {
	font-size:26px;
	font-size:2.6rdm;
}

.inv_top .lyt-2col.val-01 {
	margin: 0 -28px 0 -25px;
}

.inv_top .lyt-2col.val-01 .col {
	padding: 0 0 0 25px;
	width: 48.5%;
}


.inv_top .lyt-2col.val-01:before {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  margin: 0 0 0 27px;
  border-right: none;
  content: '';
}

.inv_top .lyt-item-01 > li:first-child {
	padding-bottom:25px;
}

.inv_top .ttl_arr {
	position:relative;
	font-size:14px;
	font-size:1.4rem;
	padding:8px 5px 5px;
	background:#f3d846;
}

.inv_top .ttl_arr:after {
	position: absolute;
	top: 100%;
	left: 50%;
	border: 5px solid #fff;
	border-top: 6px solid #f3d846;
	z-index: 100;
	content: '';
}

.inv_nbox {
	margin:0 0 5px;
}

.inv_nbox_name{
	font-weight:bold;
	font-size:17px;
	font-size:1.7rem;
}

.inv_nbox_date {
	float:right;
	font-size:14px;
	font-size:1.4rem;
}

.inv_box {
	background:#e3e3e3;
	margin:0 0 25px;
	padding:10px;
	font-size:14px;
	font-size:1.4rem;
}

.inv_box dt,
.inv_box dd{
	margin:0;
	display:inline-block;
}

.inv_box dt {
	width:22%;
}

.inv_box dd {
	width:78%;
}

.interview .hdg-l2-01 {
	border-bottom:4px solid #e8e8e1;
	padding:0 0 10px;
}

.interview .hdg-l2-01 .hdg {
	font-size: 27px;
	font-size:2.7rem;
}

.interview .s_ttl {
	font-size: 22px;
	font-size:2.2rem;
	line-height:1.5;
}

.interview .date {
	font-size:12px;
	font-size:1.2rem;
}


.interview .lyt-img-01.val-01 .figure {
	float:right;
	padding: 0 0 25px 30px;
}

.interview .lyt-img-01.val-01 .figure .cap{
	display: block;
	background:#f2f2f2;
	margin:0;
	padding:5px;
}


.container .sidebar .nav-btns.inv_side .btn-1 {
	background: #00b28e;
	color:#fff;
}

.container .sidebar .nav-btns.inv_side .btn-1:hover {
	background: #02c69e;
}


@media screen and (max-width: 768px) {
	
.interview .lyt-img-01 {
	display: block;
}

.interview .lyt-img-01 .content,
.interview .lyt-img-01 .figure {
	display: block;
	width: 100%;
}

.interview .lyt-img-01 .figure {
	text-align: center;
	padding: 0 0 20px;
}

.interview .lyt-img-01.val-01 .figure {
	float:none;
	padding: 0 0 20px;
}

.interview .lyt-img-01 .figure .img {
	width: 100%;
	max-width: 100%;
}

.interview .lyt-img-01.val-01 .figure .cap{
	max-width:120px;
	margin:0 auto;
}
}


@media screen and (max-width: 767px) {
.inv_top .hdg-l3-02 {
	font-size:20px;
	font-size:2.0rdm;
}

/*  2カラムbox  */
	
.inv_top .lyt-2col.val-01 {
	margin:0;
}

.inv_top .lyt-2col.val-01 .col {
	padding:25px 10px 25px;
	width:100%;
}

.inv_top .lyt-2col.val-01 .col {
	border-top: 4px solid #d9d9d0;
	padding-bottom:25px;
}

.inv_top .lyt-2col.val-01 .col:first-child {
	border-top:none;
	padding-top:25px;
}

.inv_top .lyt-item-01 > li:first-child {
	padding-bottom:0;
}

.inv_top .lyt-item-01 > li {
	padding:0;
}

.inv_box dt, 
.inv_box dd {
	width:auto;
}

}

/*-- 2015/11 RN時 追加 --*/

/*-- common --*/

.biz_footer_tel {
	color:#fff;
	padding-top:30px;
}

.biz_footer_tel .small-01 {
	display:inline-block;
}

@media screen and (max-width: 768px) {
.biz_footer_tel .col:first-child {
	margin-bottom:20px;
}
}

@media screen and (max-width: 767px) {
.biz_footer_tel {
	padding-top:0;
}

}

/*-- index --*/
.point_area {
	    padding: 0 0 80px;
}

.point_box,
.point_box > li {
	list-style:none;
}

.point_box > li{
	display:inline-block;
	width:32.55319%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin-right:1.14583%;
}

.point_box > li:nth-child(3n){
		margin-right:0;
}

.point_box > li:nth-child(4),
.point_box > li:nth-child(6){
	vertical-align:bottom;
	margin-top:3%;
}

.point_box > li:nth-child(5){
	vertical-align:top;
	border:none;
}

.point_box dl {
	display:table;
}

.point_box dt,
.point_box dd{
	display:table-cell;
}

.point_box dt {
	color:#fff;
	padding:12px;
	background:#0096e0;
vertical-align: middle;
}
.point_box dt span {
	font-size:24px;
	font-size:2.4rem;
	font-weight:bold;
}

.point_box dd {
	padding:16px 15px /*30%*/;
	width:100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	border: 4px solid #e8e8e1;
}

.point_box h3 {
	font-size:21px;
	font-size:2.1rem;
	line-height:1.6;
}

.point_box h3 span {
	font-size:14px;
	font-size:1.4rem;
	display:inline-block;
}

.point_box h3 .tax02 {
	font-size:12px;
	font-size:1.2rem;
}

.point_2col {
	display:table;
	width:100%;
/*	padding:5px 15px;
	position:absolute;
	bottpm:0;
	left:0;
*/	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.point_2col .point_col {
	display:table-cell;
	vertical-align:bottom;
}

.point_img {
	margin-bottom:0;
	text-align:right;
}

.biz_top .conBox{
	background:none;
	padding:0 0 80px;
}

.biz_top .conBox h2 {
	margin-bottom:0;
}

#quality h3.val-lineup {
	border-bottom:solid 2px #CCCCCC;
	color:#014099;
	font-size:2.9rem;
	text-align:center;
	margin-bottom:50px;
	padding-bottom:0px;
}

.lyt-tab-01 .box.val-biz {
	color:#333;
}


.fw_normal {
	font-weight:normal;
}

.biz_tbl02 {
	max-width:750px;
}

.biz_th_c {
	background:#fdf0e9 !important;
}
/* /biz/m2m/index.htm_0511_改修 */
.list-bullet-01.list-m2m {
	margin: 25px 0 25px 20px;
}


@media screen and (max-width: 768px) {
/*-- index --*/
.point_box > li{
	width:49%;
		margin-right:1%;
}

.point_box > li:nth-child(2n){
		margin-right:0;
}

.point_box > li:nth-child(3n){
		margin-right:1%;
}

.point_box > li:nth-child(4),
.point_box > li:nth-child(6){
	vertical-align:top;
	margin-top:0;
}

.point_box > li:nth-child(5){
display:none;
}

.point_box dt {
	padding:5px;
}
.point_box dt span {
	font-size:18px;
	font-size:1.8rem;
}
.point_box dd {
	padding:10px 10px;
}
.point_box h3 {
	font-size:14px;
	font-size:1.4rem;
}

.point_box h3 span {
	font-size:11px;
	font-size:1.1rem;
}

#quality h3.val-lineup {
	border-bottom:none;
	margin:0 auto;
	font-size:2.0rem;
	text-align:left;
	display:table;
}
/* /biz/m2m/index.htm_0511_改修 */
.list-bullet-01.list-m2m {
	margin:10px;
}

}

@media screen and (max-width: 530px) {
	/*-- index --*/
.point_box > li{
	width:100%;
	display:block;
		margin:0 0 10px;
}

.point_box > li:nth-child(3n){
		margin-right:0;
}

.point_col:first-child {
	width:80%;
}

.point_col:last-child {
	width:20%;
}

}

/*-- 2016/6 法人サイトPLAN 追加 --*/
.lyt-mg{
	margin: 30px 15%;
}

.lyt-sec{
	margin: 80px 0 0;
}

.lyt-sec .caution{
	margin: 0 0 45px;
}

.lyt-sec .lyt-sec_inner{
	margin: 25px 0;
}

.lyt-sec .box-02{
	border: #f7eee2 8px solid;
	box-sizing: border-box;
	margin: 0 0 15px;
	position: relative;
}

.lyt-sec .box-02 .hdg{
	font-size: 29px;
}

.lyt-sec .bold{
	font-weight: bold;
}

.lyt-sec .box-02 .biz_hide{
	display: none;
}

@media screen and (max-width: 888px) {
.hide br{
	display: block;
}

.hide br.biz_hide{
	display: none;
}
}

@media screen and (max-width: 767px) {
.lyt-sec .lyt-sec_inner {
	margin: 20px 0 15px;
}

.lyt-sec .caution{
	margin: 0 0 15px;
}
}

@media screen and (max-width: 660px) {
.lyt-sec .box-02 h3{
	margin: 15px 0;
}

.lyt-sec .box-02 p{
	margin: 0 16px 15px;
	font-size: 12px;
}

.lyt-sec .box-02 .hdg{
	font-size: 24px;
}
}

@media screen and (max-width: 560px) {
.lyt-mg{
	 margin: 30px 0;
}

.lyt-sec .box-02 .biz_hide{
	display: block;
}

}

@media screen and (max-width: 440px) {
.scare-heading .hdg-l1 .hdg br.biz_hide{
	display: block;
}

.hide .hdg br.biz_hide{
	display: block;
}
}

/*-- 2016/6 法人サイトPLAN 追加 --*/
.lyt-sec .lyt-2col{
	margin: 0;
}

.lyt-sec .lyt-2col .plan,
.lyt-sec .lyt-2col .biz_plan{
	width: 100%;
	text-align: center;
	padding: 0 20px;
	margin: 0 auto;
}

.lyt-sec .lyt-2col .plan p,
.lyt-sec .lyt-2col .biz_plan p{
	font-size: 22px;
	font-weight: bold;
}

.lyt-sec .lyt-2col .plan{
	max-width: 40%;
}

.lyt-sec .lyt-2col .biz_plan{
	max-width: 60%;
}

.plan_bg,
.biz_plan_bg{
	color: #ffffff;
	position: relative;
	padding: 5px 0;
}

.plan_bg{
	background: #014099;
}

.biz_plan_bg{
	background: #39aebe;
}

.icon_arrow_01,
.icon_arrow_02{
	position: absolute;
	top: 100%;
	left: 50%;
	width: 13px;
	height: 9px;
	margin: 0 0 0 -8px;
}

.icon_arrow_01{
	background: url(/biz/images/icon_arrow_01.png) no-repeat;
}

.icon_arrow_02{
	background: url(/biz/images/icon_arrow_02.png) no-repeat;
}

.share .list-nobullet-01 li{
	margin: 0 0 30px;
}

.box-bg-blue,
.box-bg-green{
	width: 80%;
	border-radius: 6px;
	position: relative;
}

.box-bg-blue{
	border: #014099 4px solid;
	margin: 0 0 30px;
}

.box-bg-green{
	border: #39aebe 4px solid;
	margin: 30px 0;
}

.box-groupA,
.box-groupB{
	color: #ffffff;
	position: absolute;
	top: -8%;
	left: 50%;
	padding: 0 50px;
	font-size: 19px;
	margin: 0 0 0 -95px;
}

.box-groupA{
	background: #014099;
}

.box-groupB{
	background: #39aebe;
}

.box-bg-blue div img,
.box-bg-green div img{
	padding: 20px 0 10px;
}

.box-inner-bg{
	background: #f9f9f9;
	margin: 0;
	font-size: 24px;
	line-height: 1.2;
}

.fs-34{
	font-size: 34px;
	font-weight: bold;
	color: #c00000;
}

.fs-30{
	font-size: 30px;
	font-weight: bold;
	color: #c00000;
}

.fs-18{
	font-size: 18px;
}

.fs-15{
	font-size: 15px;
}

.hide-400{
	display: none;
}

.hide-500{
	display: none;
}

@media screen and (max-width: 767px) {
.lyt-sec .lyt-2col .plan,
.lyt-sec .lyt-2col .biz_plan{
	max-width: 100%;
	padding: 0;
}

.lyt-sec .lyt-2col .plan p,
.lyt-sec .lyt-2col .biz_plan p{
	font-size: 20px;
}

.share .lyt-2col .plan .list-nobullet-01 li,
.share .lyt-2col .biz_plan .list-nobullet-01 li{
	font-weight: normal;
	text-align: left;
	margin: 0 0 10px 1em;
	text-indent: -1em;
}

.box-bg-blue, .box-bg-green{
	width: 97%;
	border-radius: 5px;
}

.box-bg-blue .box-inner,
.box-bg-green .box-inner{
	padding: 0 25px;
}

.box-groupA, .box-groupB{
	margin: 0 0 0 -90px;
	top: -16px;
}

.box-inner-bg{
	font-size: 18px;
}

.fs-24-sp{
	font-size: 24px;
}

.fs-21-sp{
	font-size: 21px;
}

.fs-13-sp{
	font-size: 13px;
}

.fs-11-sp{
	font-size: 11px;
}
}

@media screen and (max-width: 500px) {
.box-groupA, .box-groupB{
	font-size: 12px;
	margin: 0 0 0 -50px;
	padding: 2px 24px 0;
	top: -12px;
}

.hide-500{
	display: block;
}
}

@media screen and (max-width: 400px) {
.hide-400{
	display: block;
}
}

@media screen and (max-width: 767px) {
.global-header .nav-sub .list li a {
	background: #39aebe;
}
}


@media screen and (max-width: 767px) {


.cate-navi ul.smpSetTop li:nth-child(2n-1) {
border-right:1px dashed #B3B3B3;
}
.cate-navi ul.smpSetTop li:nth-child(3n) ,
.cate-navi ul.smpSetTop li:last-child {
border-bottom:none;
}


}

.con312_box_02 li {
font-size:30px;
}
.header-mv.val-card .mvPriceBox .num {
	font-size:50px;
	font-size:5.0rem;
}

@media screen and (max-width: 767px) {
.header-mv.val-card .mvPriceBox .num {
	font-size:30px;
	font-size:3.0rem;
}
}

@media screen and (max-width: 440px) {
.header-mv.val-card .mvPriceBox .unit {
font-size: 14px;
font-size: 1.4rem;
}
.header-mv.val-card .mvPriceBox .num {
font-size:18px;
font-size:1.8rem;
}
}

.simPriceTbl .arrBttomBox {
font-size: 24px;
}
@media screen and (max-width: 530px) {
.simPriceTbl .arrBttomBox {
font-size:9px;
}
}


/*        */
#option #optionBox {
    border: 5px solid #e8e8e1;
}
#option #optionBox p {
    margin-bottom: 0;
}
#option #optionBox li {
    border-bottom: 5px solid #e8e8e1;
    list-style: outside none none;
    margin: 20px 0 0;
    overflow: hidden;
    padding-bottom: 20px;
}
#option #optionBox li:last-child {
    border-bottom: medium none;
}
#option #optionBox .optionBoxImg, #option #optionBox .optionBoxTxtArea, #option #optionBox .optionBoxPrice {
    float: left;
}
#option #optionBox .optionBoxImg {
    margin: 0 25px 0 20px;
    text-align: center;
    width: 160px;
}
#option #optionBox .optionBoxTxtArea {
    margin-right: 25px;
    width: 360px;
}
#option #optionBox .optionBoxTxt {
    font-size: 2rem;
    font-weight: bold;
}
#option #optionBox .optionBoxTxtL {
    font-size: 2.8rem;
}
#option #optionBox .optionBoxTxt02 {
    font-size: 1.6rem;
}
#option #optionBox .list-notice-01 {
    color: #014099;
    margin: 10px 0 0;
}
#option #optionBox .list-notice-01 li {
    border: medium none;
    margin: 0;
}
#option #optionBox .list-notice-01 li:last-child {
    padding-bottom: 0;
}
#option #optionBox .optionPriceTxt {
    background-color: #fff9e1;
    border: 2px solid #f9f2d4;
    color: #d81b60;
    display: table-cell;
    height: 155px;
    text-align: center;
    vertical-align: middle;
    width: 316px;
}
#option #optionBox .optionPriceTxt .sub {
    font-size: 25px;
    margin-right: 5px;
}
#option #optionBox .optionPriceTxt .num {
    font-size: 40px;
}
#option #optionBox .optionPriceTxt .tax {
    color: #d81b60;
}
#option #optionBox .optionPriceTxt .leadtxt {
    display: block;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
}
#option #optionBox .optionBoxPrice .btn-wrapper {
    margin-top: 25px;
    width: 322px;
}
#option #optionBox .btn-wrapper.val-01 [class^="btn-0"] {
    padding: 16px 40px;
}
#option #optionBox .optionBoxPrice .btn-01 {
    margin-bottom: 0;
    width: 100%;
}
@media screen and (max-width: 939px) {
#option #optionBox li {
    padding-bottom: 0;
}
#option #optionBox .optionBoxImg {
    margin: 0;
    text-align: center;
    width: 100%;
}
#option #optionBox .optionBoxTxt {
    text-align: center;
}
#option #optionBox .optionBoxTxtArea {
    margin-right: 0;
    padding: 4%;
    width: 92%;
}
#option #optionBox .optionBoxTxt02 {
    font-size: 1.4rem;
}
#option #optionBox .optionBoxImg, #option #optionBox .optionBoxTxtArea, #option #optionBox .optionBoxPrice {
    float: none;
}
#option #optionBox .optionBoxTxtArea, #option #optionBox .optionBoxPrice {
    padding: 10px 4%;
}
#option #optionBox .optionPriceTxt {
    box-sizing: border-box;
    display: block;
    height: auto;
    min-height: 150px;
    padding: 50px 10px 20px;
    width: 100%;
}
#option #optionBox li .kakehoudai .optionPriceTxt {
    padding-top: 30px;
}
#option #optionBox li .sec24 .optionPriceTxt {
    padding-top: 40px;
}
#option #optionBox .optionBoxPrice .btn-wrapper {
    width: 100%;
}
#option #optionBox .btn-wrapper.val-01 [class^="btn-0"] {
    padding: 16px 20px;
}
}
@media screen and (max-width: 530px) {
#option #optionBox .optionBoxTxt {
    font-size: 1.9rem;
}
#option #optionBox .optionBoxTxtL {
    font-size: 2.3rem;
}
}


.txtBlue {
    color: #0096e0;
}
.conBox h2 {
    font-size: 4rem;
    line-height: 1.3;
    text-align: center;
}
.application .box-01.val-06{
	border-color: #f3d846;
}

@media screen and (max-width: 767px){
.conBox h2 {
    font-size: 3rem;
}
}

@media screen and (max-width: 530px){
.conBox h2 {
    font-size: 2.1rem;
}
}


.supportbox{
	background: #f2f2f2;
	padding: 25px 0 30px;
	margin: 0 0 70px;
}


.hdg-l2-arr .hdg-biz{
    color: #00437f;
    display: inline-block;
    font-size: 3rem;
    padding: 0 45px 5px;
}

#trial .inner,
#consultation .inner{
	padding: 0 40px;
	margin: 0 0 70px;
}

#trial .inner .hdg-l4-01,
#consultation .inner .hdg-l4-01{
margin: 0 0 20px;
}

.hdg-l3-guide{
	border-bottom: 4px dotted #dddddd;
	margin: 0 0 40px;
	font-size: 24px;
}


#trial .inner .lyt-3col{
	border-collapse: separate;
	border-spacing: 10px 0;
	max-width: 380px;
	margin: 0 auto;
}

#trial .inner .lyt-3col .col{
	display: table-cell;
	vertical-align: middle;

    background: #608dcc none repeat scroll 0 0;
    color: #fff;
    font-size: 1.8rem;
    margin: 0 3px 3px;
    padding: 15px 10px;
    vertical-align: middle;
	border-radius:5px;
	text-align:center;

}

#trial .label-04{
	display: inline;
}

#trial .lyt-3col .col{
	float: none
}
.label-04{
padding: 20px 10px;
}


@media screen and (max-width: 767px){
#trial .lyt-img-01 .content,
#trial .lyt-img-01 .figure,
#consultation .content,
#consultation .figure{
    display: block;
    width: 100%;
}
#trial .lyt-img-01 .figure {
    text-align: center;
    padding: 0 0 20px;
}
#trial .lyt-3col .col{
	width: 33.33333%;
}
#trial .inner,
#consultation .inner{
    padding: 0 10px;
    margin: 0 0 30px;
}
.supportbox{
	margin: 0 0 30px;
	padding: 30px 10px;
}

.hdg-biz{
	line-height: 1.2;
}

.supportbox .hdg-l2-arr.val-ico .ico{
	background: none;
}

.hdg-l2-arr .hdg-biz {
    padding: 0px 15px 5px;
}

}

@media screen and (max-width: 530px){
#trial .inner .lyt-3col .col{
	font-size: 1.2rem;
}

#trial .inner .lyt-3col {
    max-width: 280px;
}
}

.btn-w450{
	width: 450px;
}


/*-- プラン選択フロー --*/
.biz_top #scrollbar2 .overview {
	width: 940px;
}
.biz_top #scrollbar2 .scrollbar,
.biz_top #scrollbar2 .thumb {
	display: none;
}
.flow_plan .plan_5col {
	overflow: hidden;
}
.flow_plan .flow_img {
	position:relative;
}
.flow_plan .plan_lyt01 {
	overflow:hidden;
	margin-bottom:2px;
}
.flow_plan .plan_lyt01 .box01,
.flow_plan .plan_lyt01 .box02 {
	text-align:center;
	width:458px;
}
.flow_plan .plan_lyt01 .box01 span,
.flow_plan .plan_lyt01 .box02 span {
	color:#fff;
	display:block;
	font-size:24px;
	line-height:68px;
}
.flow_plan .plan_lyt01 .box01 {
	background:url(/biz/images/img_arr01.png) no-repeat 53px bottom;
	float:left;
	padding: 0 0 223px;
}
.flow_plan .plan_lyt01 .box01 span {
	background-color:#2794d8;
}
.flow_plan .plan_lyt01 .box02 {
	background:url(/biz/images/img_arr02.png) no-repeat 0 bottom;
	float:right;
	overflow:visible;
	padding: 0 0 80px 22px;
}
.flow_plan .plan_lyt01 .box02 span {
	background-color:#398799;
}
.flow_plan .plan_lyt02 {
	overflow:hidden;
	list-style:none;
}
.flow_plan .plan_lyt02.position01 {
	position:absolute;
	right:0;
	top:150px;
	width:831px;
}
.flow_plan .plan_lyt02 li {
	float:left;
	width:180px;
	margin: 0 0 0 10px;
	height:80px;
	display:table;
}
.flow_plan .plan_lyt02 li:first-child {
	margin-left:0;
}
.flow_plan .plan_lyt02 li span {
	display:block;
	background:#eceeef;
	text-align:center;
	font-size:18px;
	display:table-cell;
	vertical-align:middle;
}
.flow_plan .plan_lyt02 li.val_01 {
	background:url(/biz/images/img_arr03.png) no-repeat 0 bottom;
	padding: 0 0 60px 271px;
}
.flow_plan .plan_lyt02 li.val_02 {
	background:url(/biz/images/img_arr04.png) no-repeat center bottom;
	padding: 0 0 140px;
}

.flow_plan .plan_5col .plan_box {
	border: 5px solid #a0955f;
	box-sizing: border-box;
	padding:10px;
	width:180px;
	float: left;
	margin-right: 10px;
}
.flow_plan .plan_5col .plan_box:last-child {
	margin-right:0;
}
.flow_plan .plan_5col .plan_box dt {
	color: #d81245;
	font-size: 16px;
	text-align: center;
	border-bottom: 3px dashed #a0955f;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.flow_plan .plan_5col .plan_box dd {
	margin-left:0;
	line-height:1.2;
}
@media screen and (min-width: 941px){
.biz_top #scrollbar2 .overview {
	left: 0px !important;
}
}
@media screen and (max-width: 940px){
.biz_top #scrollbar2 .scrollbar,
.biz_top #scrollbar2 .thumb {
	display: block;
}
}
@media screen and (max-width: 768px){
/*.biz_top #scrollbar2 {
	max-width:940px;
	width: auto !important;
}
.biz_top #scrollbar2 .scrollbar,
.biz_top #scrollbar2 .thumb {
	max-width:940px;
	width: auto !important;
}
*/
.biz_top #scrollbar2 {
	width:100%;
}
.biz_top #scrollbar2 .viewport {
	width: 100%;
}
}

@media screen and (max-width: 640px){
.hide-sp-640 {
	display: none !important;
}
}

/*               10/11更新  */
.dl_style .str-outer{
	padding: 0 20px 60px;
}
.dl_style .hdg-l1-top{
	font-size: 40px;
	padding: 55px 0 0;
	line-height: 1.2;
	position: relative;
}
.dl_style .h_highlight{
	font-size: 35px;
	color: #0097e0;
}
.dl_style .h_img{
    display: inline-block;
    margin: -5px 0 0 13px;
    position: absolute;
    top: 56px;
}
.dl_style .bg_none{
	background: none;
}
.dl_style .conBox,
.dl_style .point_area {
    padding: 0 20px;
}
.dl_style #simcardBox{
	margin: 60px 10px 40px;
}
.dl_style .sec_bg{
	background: url(/biz/images/img_dl_bg_01.gif) ;
	padding: 80px 0 60px;
}
.dl_style .sec_bg_02{
	background: url(/biz/images/img_dl_bg_02.gif) ;
	padding: 80px 0 60px;
}
.dl_style .point_box dd,
.dl_style #simcardBox,
.dl_style .box-01 .inner.val-02{
	background: #fff;
}
.fs_22{
	font-size: 22px;
}
.dl_style .conBox h3{
	color: #000;
	border-bottom: none;
	margin-bottom: 0;
	text-align: left;
}
.dl_style .point_box dt,
.dl_style .point_box dd{
	border: 1px solid #014099;
}
.dl_style #quality{
	padding: 80px 20px 60px;
}
.dl_style .conBox h2#biz_contact{
	font-size: 34px;
}
.dl_style{
	border-top: 12px solid #014099;
}

@media screen and (max-width: 768px){
.dl_style .h_highlight{
	font-size: 21px;
}
.dl_style .hdg-l1-top{
	font-size: 30px;
}
.dl_style .str-outer {
    padding: 0 10px 30px;
}
.dl_style .lead-01 {
    font-size: 12px !important;
	margin: 0;
}
.fs_22{
	font-size: 14px;
}
.dl_style .conBox, .dl_style .point_area{
	padding: 40px 0;
}
.dl_style .point_area.conBox h2{
	margin-bottom: 20px
}
.dl_style .conBox h3{
	margin: 0;
	font-size: 20px;
}
.dl_style .point_box h3 span{
	font-size: 16px;
	display: inline;
}
.dl_style #simcardBox {
    margin: 0 0px 40px;
}
.dl_style #simcardBox h4{
	background-size: 30px;
	font-size: 2.0rem;
}
.dl_style #simcardBox .simcardBoxTxt{
	font-size: 12px;
}
.dl_style #quality {
    padding: 40px 10px;
}
.dl_style #quality h2,
.dl_style .conBox h2#biz_contact{
	font-size: 25px;
}
.dl_style #simcard .list-bullet-01 li{
	font-size: 14px;
}
.dl_style .conBox h2#biz_contact{
	margin-bottom: 20px;
}
.dl_style .biz_contact.conBox h3{
	display: block;
}
.dl_style .biz_contact .hdg-l3-01 .hdg{
	font-size: 16px;
}
.dl_style .biz_contact .box-01 p{
	font-size: 10px;
}
.dl_style .biz_contact{
	padding: 40px 0 0;
}
.sp_img img{
	width: 30%;
	max-width: 180px;
}
}
@media screen and (max-width: 359px){
.dl_style .biz_contact.conBox h3 span {
    width: 260px;
}
