@charset "UTF-8";


/*-----------------------------------------------------
span
-------------------------------------------------------*/
span.wt{font-weight:bold; font-family: "ゴシックMB101 B", "Gothic MB101 Bold", 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;}
span.red{color:#C11A1A;}
span.blue{color:#0085CC;}
span.blue2{color:#52B1D6;}
span.green{color:#339900;}
span.brown{color:#663300;}
span.white{color:#ffffff;}
span.orange{color:#FF6600;}
span.purple{color:#B860A9;}
span.pink{color:#F3547C;}
span.gray{color:#333333;}
span.size1{font-size:11px;}
span.size2{font-size:12px;}
span.size3{font-size:13px;}
span.size4{font-size:15px;}
span.size5{font-size:16px;}
span.size6{font-size:17px;}
span.size7{font-size:18px;}
span.size8{font-size:19px;}
span.size9{font-size:20px;}
span.size10{font-size:22px;}
span.size11{font-size:24px;}
span.size12{font-size:26px;}
span.size13{font-size:28px;}

.mt0{margin-top:0px; !important}
.ml0{margin-left:0px; !important}
.mr0{margin-right:0px; !important}
.mb0{margin-bottom:0px; !important}<strong></strong>
.mb10{margin-bottom:10px; !important}
.mb16{margin-bottom:16px; !important}

/*-----------------------------------------------------
sub
-------------------------------------------------------*/
.sub_box1{
	margin-bottom: 20px;
}

.sub_box1t{
	background: #0085CC;
}

.sub_tbg2{background: #339900;}
.sub_tbg3{background: #C11A1A;}
.sub_tbg4{background: #B860A9;}
.sub_tbg5{background: #F3547C;}
.sub_tbg6{background: #FF6600;}

.sub_box1t p{
	color: #FFF;
	font-weight: bold;
	padding: 16px;
	font-size: 15px;
}

.sub_box1li{
	padding: 6px 16px 16px 16px;
	font-size: 15px;
}

.sub_box1 h3{
	text-align: center;
	font-weight: bold;
	font-size: 22px;
}

.sub_box1 h3 span{
	display: block;
	color: #0085CC;
	font-size: 22px;
	margin: 8px 0 0 0;
}



.sub_bg1{background: #F0F7FD;}
.sub_bg2{background: #F6FEF1;}
.sub_bg3{background: #FFF6F7;}
.sub_bg4{background: #FBF4FA;}
.sub_bg5{background: #FFF9FB;}
.sub_bg6{background: #FAF4E8;}

.sub_bg1 ul li{border-bottom: 1px solid #BADBF5;}
.sub_bg2 ul li{border-bottom: 1px solid #E4FCD6;}
.sub_bg3 ul li{border-bottom: 1px solid #FFDFE2;}
.sub_bg4 ul li{border-bottom: 1px solid #F3DEF0;}
.sub_bg5 ul li{border-bottom: 1px solid #FFE1EB;}
.sub_bg6 ul li{border-bottom: 1px solid #F5EAD1;}

.sub_bg1 ul li span{color: #0085CC;}
.sub_bg2 ul li span{color: #339900;}
.sub_bg3 ul li span{color: #C11A1A;}
.sub_bg4 ul li span{color: #B860A9;}
.sub_bg5 ul li span{color: #F3547C;}
.sub_bg6 ul li span{color: #FF6600;}


.sub_box1li ul li{
	padding: 16px;
	font-weight: bold;
}

.sub_box1li ul li span{
	padding: 0 0 0 46px;
}

.sub_box1li ul li.rk1{
	font-size: 20px;
	font-weight: bold;
	padding: 26px 16px;
	background: url(../../images/fuyouhin/lank1.png) no-repeat left center;
	background-size: 50px; 
}

.sub_box1li ul li.rk2{
	font-size: 20px;
	font-weight: bold;
	padding: 26px 16px;
	background: url(../../images/fuyouhin/lank2.png) no-repeat left center;
	background-size: 50px; 
}

.sub_box1li ul li.rk3{
	font-size: 20px;
	font-weight: bold;
	padding: 26px 16px;
	background: url(../../images/fuyouhin/lank3.png) no-repeat left center;
	background-size: 50px; 
}

.sub_box1tb table{
	width: 100%;
	background: #eaeaea;
	margin: 16px 0 0 0;
}

.sub_box1tb table th{
	width: 35%;
	background: #fafafa;
	padding: 14px;
	text-align: left;
}

.sub_box1tb table td{
	width: 65%;
	background: #fff;
	padding: 14px;
	text-align: left;
}

.sub_box2{
	background: #FFDC62;
	padding: 16px 30px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin-bottom: 20px;
}

.sub_box2_2{
    background: #F9F4EE;
    padding: 16px 30px;
    margin-bottom: 36px;
}


.sub_box2t{
	padding: 10px 0px 16px 0px;
	font-size: 22px;
	font-weight: bold;
	color: #DF311D;
}

.sub_box2t p{
	text-align: center;
}

.sub_box2in{
	background: #fff;
	padding: 16px 20px;
}

.sub_box2 ul li.nm{
	line-height: 34px;
}

.sub_box2in ul li{
	background: url(../../images/fuyouhin/ck.png) no-repeat left center;
	background-size: 20px;
}

.sub_box2in ul li span{
	display: block;
	padding: 12px 16px 12px 36px;
	font-size: 16px;
	font-weight: bold;
}

.sub_box2li{
    width: 100%;
    display: table;
    margin: 0 0 16px;
    border-collapse: collapse;
}

.sub_box2li ul li{
    display: table-cell;
    width: 20%;
    text-align: center;
    border: 1px solid #ccc;
    line-height: 1.5;
    vertical-align: middle;
    font-size: 14px;
    padding: 6px 10px;
    box-sizing: border-box;
    font-weight: bold;
}

.sub_box3{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #CCC;
}

.sub_box3fl{
	width: 170px;
	float: left;
}

.sub_box3fr{
	width: 550px;
	float: left;
}

.sub_box3frin{
	padding-left: 20px;
}

.sub_box3t1{
	background: #FF4D4D;
}

.sub_box3t1 p{
	padding: 12px 16px;
	color: #FFF;
	line-height: 1.5;
	font-weight: bold;
}

.sub_box3t2{
	background: #3399CC;
}

.sub_box3t2 p{
	padding: 12px 16px;
	color: #FFF;
	line-height: 1.5;
	font-weight: bold;
}

.sub_box3tx p{
	line-height: 1.5;
	padding: 16px 0px;
}

.sub_box3flimg{
	text-align: center;
}

.sub_box3flt{
	background: #F0F0F0;
	text-align: center;
}

.sub_box3flsv p{
	padding: 10px 0px;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.5;
}

.sub_box3flsv p a{
	font-weight: normal;
}


.sub_box3flt p{
	padding: 10px;
	font-weight: bold;
}

.sub_box4{
	margin-bottom: 26px;
}

.sub_box4img{
	margin-bottom: 10px;
}

.sub_box4tx p{
	line-height: 1.5;
}

.sub_box5{
    width: 100%;
    margin-bottom: 20px;
    display: flex;
}

.sub_box5 h3{
    color: #B860A9;
    font-weight: bold;
    font-size: 22px;
    line-height: 1.5;
    margin: 0 0 16px;
    position: relative;

}
.sub_box5 h3:after{
    display: block;
    content: '';
    position: absolute;
	width: 100px;
	border-bottom: 3px solid #B860A9;
	bottom: -7px;
	text-align: left;
	margin: 0 auto;
}

.sub_box5 p{
    line-height: 1.8;
    font-size: 16px;
}

.sub_box5 p span.s1{
    font-weight: bold;
    display: block;
    font-size: 22px;
    color: #B860A9;
    
}

.sub_box5l{
    width: 400px;
}

.sub_box5r{
    width: 320px;
    text-align: right;
}

.sub_box5r img{
    width: 300px;
}

.sub_box5t{
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    margin: 0 0 10px;
}

.sub_box5tx{
    line-height: 1.8;
    font-size: 16px;
    margin: 0 0 16px;
}

.sub_box5img{
    margin: 0 0 26px;
}

.sub_box5img2{
    margin: 0 0 26px;
    text-align: center;
}

.sub_box5img2 img{
    width: 440px;
}

.sub_box5pt{
    display: table;
    margin: 0 0 10px;
}

.sub_box5pt ul li{
    display: table-cell;
    vertical-align: middle;
}

.sub_box5pt ul li p{
    font-weight: bold;
    font-size: 22px;
    padding: 0 0 0 16px;
}

.sub_box5pt ul li.l{
    width: 60px;
}

.sub_box5pt ul li.l img{
    width: 60px;
}

.sub_box5l2{
    width: 60%;
}

.sub_box5r2{
    width: 40%;
    text-align: right;
}

.sub_box5r2 img{
    width: 90%;
}

.sub_box5in{
    display: flex;
    background: #FBF4FA;
    padding: 30px 40px 20px 40px;
}

.sub_box5li{
    margin: 0 0 10px;
    font-size: 13px;
}

.sub_box5li ul li.t{
    display: block;
    font-weight: bold;
    margin: 0 0 10px;
    background: none;
    font-size: 15px;
}

.sub_box5li ul li.tx{
    width: 210px;
    text-align: center;
    border: 1px solid #B860A9;
    display: inline-block;
    box-sizing: border-box;
    font-weight: bold;
    margin: 0 6px 8px 0;
    padding: 12px 0;
}

/*-----関連サービス-----*/

.sub_box6{
    display: flex;
}

.sub_box6_tx{
    width: 60%;
    margin-bottom: 25px;
}

.sub_box6_tx .sub_tx p+p{
    padding-top: 1em;
}

.sub_box6_tx .sub_tx{
    margin-bottom: 0px;
}

.sub_box6_tx .sub_tx span{
    font-weight: bold;
    background: linear-gradient(transparent 50%, #ffff00 50%);
}

.sub_box6_img{
    width: 40%;
    padding-left: 40px;
    box-sizing: border-box;
}

.sub_box6_img img{
    width: 252px;
    height: auto;
}

.sub_box6_img .wrap{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
}

.sub_box6_img .wrap .ba{
    position: relative;
    width: 100%;
}

.sub_box6_img .wrap .ba img{
    width: 100%;
    height: auto;
}

.sub_box6_img .wrap .ba::after{
    width: 50px;
    font-size: 13px;
    content: "Before";
    display: block;
    padding: 6px 10px;
    position: absolute;
    top: 0px;
    right: 0px;
    border-radius: 0px 0px 0px 5px;
    background: #ccc;
    font-weight: bold;
    text-align: center;
}

.sub_box6_img .wrap .before {
    margin-bottom: 30px;
}

.sub_box6_img .wrap .before::after{
    background: #f5f5f5;
}

.sub_box6_img .wrap .after::after{
    content: "After";
	background: #0085CC;
    color: #ffffff;
}

.sub_box7{
	background: #F0F7FD;
	padding: 16px 30px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin-bottom: 40px;
}

.sub_box7in{
	background: #fff;
	padding: 16px 20px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.sub_box7t{
	padding: 10px 0px 16px 0px;
	font-size: 22px;
	font-weight: bold;
	color: #0084CB;
}

.sub_box7t p{
	text-align: center;
}

.sub_box7 ul li.nm{
	line-height: 34px;
}

.sub_box7in ul li{
	background: url(../../images/fuyouhin/ck.png) no-repeat left center;
	background-size: 20px;
}

.sub_box7in ul li span{
	display: block;
	padding: 12px 16px 12px 36px;
	font-size: 16px;
	font-weight: bold;
}

.sub_box7li{
    width: 100%;
    display: table;
    margin: 0 0 16px;
    border-collapse: collapse;
}

.sub_box7li ul li{
    display: table-cell;
    width: 20%;
    text-align: center;
    border: 1px solid #ccc;
    line-height: 1.5;
    vertical-align: middle;
    font-size: 14px;
    padding: 6px 10px;
    box-sizing: border-box;
    font-weight: bold;
}

.sub_box8{
    width: 100%;
    background: #FAF4E8;
    margin-bottom: 40px;
    padding: 30px 35px;
    box-sizing: border-box;
}

.sub_box8t{
    font-size: 22px;
    font-weight: bold;
    color: #FF6600;
    margin-bottom: 30px;
    text-align: center;
}

.sub_box8li ul{
    display: flex;
    flex-wrap: wrap;
}

.sub_box8li ul li{
    width: 314px;
    background: #ffffff;
    padding: 15px 0px;
    box-sizing: border-box;
    text-align: center;
    font-weight: bold;
    border-radius: 35px;
    line-height: 1.5;
}

.sub_box8li ul li:nth-child(even){
    margin-left: 20px;
}

.sub_box8li ul li+li:nth-child(n+3){
    margin-top: 20px;
}

.sub_box9{
    margin-bottom: 40px;
}

.sub_box9 .sub_t{
    margin-bottom: 12px;
}

.sub_box9 .sub_tx{
    margin-bottom: 10px;
}

.sub_box9li ul{
    display: flex;
    flex-wrap: wrap;
}

.sub_box9li ul li{
    width: 230px;
    padding: 10px 10px 14px;
    box-sizing: border-box;
    background: #F0F7FD;
}

.sub_box9li ul li img{
    width: 210px;
    height: auto;
}

.sub_box9li ul li span{
    display: inline-block;
    width: 100%;
    padding-top: 14px;
    text-align: center;
    line-height: 1.5;
    font-size: 14px;
}

.sub_box9li ul li+li{
    margin-left: 15px;
}

.sub_box9li ul li:nth-child(4){
    margin-left: 0px;
}

.sub_box9li ul li:nth-child(n+4){
    margin-top: 15px;
}

/*----- 単品 -----*/

.sub_box10{
    margin-bottom: 20px;
}

.sub_box10t{
    margin-bottom: 8px;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.5;
}

.sub_box10li ul{
    display: flex;
    padding: 20px;
    background: #f9f9f9;
    border-radius: 4px;
}

.sub_box10li li{
    width:151px;
    line-height: 1.5;
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
}

.sub_box10li li+li{
    margin-left: 20px;
}

.sub_box10li li p{
    padding: 20px 0px;
    font-weight: bold;
    text-align: center;
    align-items: center;
    white-space: nowrap;
}

.sub_box10li li p span{
    font-size: 18px;
    color:#0085cc;
}

.sub_box10_f{
    padding: 10px 20px !important;
    display: flex;
}

.sub_box10li li p span strong{
    font-size: 50px;
    padding-left: 10px;
}
 
.sub_box10_f span:nth-child(1){
    font-size: 16px;
    color: #222222;
}

.sub_box11{
    margin-bottom: 25px;
    padding: 30px;
    background:#f0f7fd;
    border-radius: 4px;
}

.sub_box11t{
    margin-bottom: 30px;
    text-align: center;
}

.sub_box11t p{
    font-size: 22px;
    font-weight: bold;
    color:#0085cc;
}

.sub_box11li ul{
    display: flex;
    flex-wrap: wrap;
}

.sub_box11li ul li{
    width: 314px;
    padding: 15px 0px; 
    border-radius: 35px;
    background: #ffffff;
    text-align: center;
}

.sub_box11li ul li:nth-child(2n){
    margin-left: 20px;
}

.sub_box11li ul li:nth-child(n+3){
    margin-top: 20px
}

.sub_box11li ul li span{
    font-weight: bold;
    line-height: 1.5;
}

.sub_box12{
    display: flex;
    margin-bottom: 32px;
    line-height: 1.5;
}

.sub_box12_img img {
    width: 252px;
    height: auto;
}

.sub_box12_tx{
     width: 432px;   
}

.sub_box12t span{
    display: inline-block;
    margin-bottom: 8px;
}

.sub_box12_overview {
    line-height: 1.75;
}

.sub_box12_overview p+p{
    padding-top: 1em;
}

.sub_box12_overview span{
    font-weight: bold;
    background: linear-gradient(transparent 50%, #ffff00 50%);
}

.sub_box12_img{
    width: 232px;
    padding-left: 40px;
}

.sub_plan_btn{
    width: 100%;
    text-align: center;
}

.sub_plan_btn a{
    display: inline-block;
    margin-bottom: 26px;
    padding: 12px 20px;
    font-weight: bold;
    color: #0084cb;
    border-radius: 4px;
    border: 1px solid #0084cb;
    background: #ffffff;
}

.sub_plan_btn a:hover{
    opacity: 0.8;
    text-decoration: none;
}

.sub_box13{
    margin-bottom: 30px;
}

.sub_box13t p{
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    background: #ff6600;
    color: #fff;
    padding: 12px 0px;
    border-radius: 4px;
    line-height: 1.5;
}

    .sub_box13t p span{
        display: block;
    }

.sub_box13li_r{
    display: flex;
    padding: 20px 30px;
    background: #faf4e8;
    border-radius: 4px;
}

.sub_box13li_r+.sub_box13li_r{
    margin-top: 10px;
}

.sub_box13li_img img{
    width: 106px;
    height: auto;
}

.sub_box13li_tx{
    padding-left: 24px;
    line-height: 1.5;
}

.sub_box13li_tx p span{
    display: block;
    padding-bottom: 10px;
    font-weight: bold;
    color: #ff6600;
}

.sub_box14{
    margin-bottom: 40px;
    padding: 40px 30px 30px; 
    background: #fbf4fa;
    border-radius: 4px;
}

.sub_box14t{
    margin-bottom: 30px;
}

.sub_box14t p{
    text-align: center;
    font-size: 22px;
    font-weight: bold;
}

.sub_box14t p span{
    max-height: 34px;
    margin-right: 12px;
    padding: 0px 12px;
    line-height: 34px;
    text-align: center;
    background: #c11a1a;
    color: #ffffff;
    border-radius: 17px;
}

.sub_box14li{
    position: relative;
    display: flex;
    padding: 30px 40px;
    background: #ffffff;
    border-radius: 4px;
}

.sub_box14li+.sub_box14li{
    margin-top: 20px;
}

.sub_box14li_t span{
    display: inline-block;
    padding-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #b860a9;
}

.sub_box14li_r{
    display: flex;
    max-width: 446px;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px dotted #cccccc;
    border-radius: 1px;
}

.sub_box14li_r+.sub_box14li_r{
    padding: 10px 0px;
}
    
    
.sub_box14li_r span{
    min-width: 50px;
    max-height: 22px;
    line-height: 22px;
    padding: 0px 7px;
    margin-right: 12px;
    box-sizing: border-box;
    background: #b860a9;
    color:#ffffff;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    
}

.sub_box14li_r p{
    font-weight: bold;
    line-height: 1.5;
}

.sub_box14li_r p small{
    font-size: 14px;
    display: block;
    font-weight: normal;
}

.sub_box14li img{
    position: absolute;
    right: 20px;
    bottom:0px;
    max-width:135px;
    height: auto;
}

.sub_box15{
    margin-bottom: 18px;
}

.sub_box15t{
    margin-bottom: 18px;
    font-weight: bold;
    font-size: 22px;
    color: #0084cb;
    line-height: 1.5;
    text-align: center;
}

.sub_box15li{
    display: flex;
    margin-bottom: 20px;
}

.sub_box15li_c{
    width: 227px;
    line-height: 1.5;
}

.sub_box15li_c+.sub_box15li_c{
    margin-left: 20px;
}

.sub_box15li_c p{
    padding-bottom: 20px;
    font-weight: bold;
    text-align: center;
}

.sub_box15li_c img{
    width: 100%;
    height: auto;
}

.sub_box15li_c p span{
    display: inline-block;
    background: linear-gradient(transparent 50%, #ffff00 50%);
}

.sub_box15li_tx {
    line-height: 1.5;
}

.sub_box16{
    background: #f0f7fd;
    border-radius: 4px;
}

.sub_box16t{
    padding: 15px 0px;
    background: #0084cb;
    font-size: 18px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
}

.sub_box16li{
    display: flex;
    padding: 40px 30px 20px;
}

.sub_box16li_c{
    width: 210px;
    text-align: center;
}

.sub_box16li_c+.sub_box16li_c{
    margin-left: 17px;
}

.sub_box16li_t{
    display: inline;
    font-size: 16px;
    font-weight: bold;
    color: #0084cb;
    white-space: nowrap;
}

.sub_box16li_img{
    position: relative;
    margin-bottom: 10px;
    padding: 20px 14px;
    color: #0084cb;
    border: 1px solid #0084cb;
    border-radius: 4px;
    background: #ffffff;
}

.sub_box16li_img span{
    display: inline-block;
    position: absolute;
    padding: 0px 5px;
    background: #0084cb;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    line-height: 25px;
    border-radius: 4px;
    top: 10px;
    right: 10px;
}

.sub_box16li .sub_box16li_c:first-child .sub_box16li_img span{
    background: #ff6600;
}

.sub_box16li_img img{
    max-height: 80px;
    display: block;
    margin: 0 auto;
}

.sub_box16li .sub_box16li_c:first-child .sub_box16li_img{
    border: 1px solid #ff6600;
}

.sub_box16li .sub_box16li_c:first-child .sub_box16li_t{
    color:#ff6600;
}

.sub_box16li_t img{
    width: 30px;
    height: auto;
    margin-right: 5px;
}

.sub_box16li_t span{
    line-height: 22px;
}
    
.sub_box16li_tx{
    display: block;
    padding: 0px 30px 30px;
    line-height: 1.5;
}

.sub_box16li_tx span{
    font-weight: bold;
    text-decoration: underline;
}

/*----- item_contact -----*/
.item_contact .hdcontact_box{
    width: 100%;
}

.item_contact .hdcontact {
    width: 100%;
    padding: 50px 0px 60px;
}

.item_contact .hdcontact_ct{
    width: 100%;
}

.item_contact .hdcontact_ct ul li.li1{
    width: 100%;
}

.item_contact .hdcontact_ct ul li.li1 img{
    max-height: 70px;
    width: auto;
}

.item_contact .hdcontact_cd ul li.l1{
    white-space: nowrap;
}

#left .hdcontact_cd ul li.l3{
    vertical-align: middle;
    padding: 0px;
}

/*----- エリア -----*/

.area_line{
    display: block;
}

/*FV*/
.area_mainimg{
	width: 100%;
    position: relative;
    font-family: source-han-sans-japanese, sans-serif;
}

.area_mainimg_in{
    text-align: left;
    font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif" !important;    
}

.area_mainimg_in{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    margin-bottom: 10px;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}

.area_main{
    width: 720px;
    height: auto;
    position: relative;
}

.area_main_mascot{
    position: absolute;
    width: 160px;
    height: auto;
    right: 35px;
    bottom: -20px;
}

.area_main_st{
    margin-bottom: 18px;
}

.area_main_st span{
    display: inline-block;
    padding: 10px 15px 8px 15px;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    background: #009245;
    border-radius: 6px;
}

.area_main_st span+span{
    margin-left: 16px;
}

.area_main_t{
    display: block;
    width: 720px;
    height: auto;
    margin-bottom: 23px;
}

.area_main_t img{
    width: 100%;
    height: auto;
}

.area_main_img{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 14px;
}

.area_main_img img+img{
    padding-left: 15px;
}

.area_img{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
}

.area_img_r{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: auto;
}

.area_img img{
    width: 230px; 
    height: auto;
}

.area_img_r img{
    margin-top: auto;
    padding-left: 10px;
    width: 165px;
    height: auto;
}

.area_cmt img{
    display: block;
    width: auto;
    height: 11px;
}

.area_pr{
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    padding: 5px 15px 10px 15px;
    box-sizing: border-box;
    background: #0085cc;
    border-radius: 4px;
}

.area_pr_box{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    width: 100%;
    margin: 0 auto;
    text-align: left;
}

.area_pr_tx{
    width: 280px;
    padding-right: 20px;
}

.area_pr_tx img{
    width: 100%;
    height: auto;
}

.area_pr_box ul li+li{
    padding-left: 4px;    
}

.area_pr_box ul li img{
    width: 100%;
    height: auto;
}

.area_pr_box .area_pr_li01 ul{
    display: table;
    height: 100%;
    width: 100%;
}

.area_pr_box .area_pr_li01 ul li{
    display: table-cell;
    vertical-align: bottom;
}

.area_pr_box .area_pr_li01 img{
    height: 50px;
}

.area_pr_box .area_pr_li02{
    padding-left: 4px;
}

.area_pr_box .area_pr_li02 ul{
    display: table;
    height: 100%;
    width: 100%;
}

.area_pr_box .area_pr_li02 ul li{
    display: table-cell;
    vertical-align: bottom;
}

.area_pr_box .area_pr_li02 img{
    height: 42px;
}

/*特徴*/
.sub_box17{
    margin-bottom: 20px;
}

.sub_box17t{
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
}

.sub_box17li ul{
    display: flex;
    padding: 15px 20px;
    background: #fcfbf4;
    border-radius: 4px;
}

.sub_box17li li{
    width:151px;
    line-height: 1.5;
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
}

.sub_box17li li+li{
    margin-left: 20px;
}

.sub_box17li li p{
    padding: 20px 0px;
    font-weight: bold;
    text-align: center;
    align-items: center;
}

.sub_box17li li p span{
    font-size: 18px;
    color:#0085cc;
}

.sub_box17_f{
    padding: 10px 20px !important;
    display: flex;
}

.sub_box17li li p span strong{
    font-size: 50px;
    padding-left: 10px;
}
 
.sub_box17_f span:nth-child(1){
    font-size: 16px;
    color: #222222;
}

/*このようなお考えの方に*/
.sub_box18{
    margin-bottom: 25px;
    padding: 30px;
    background:#f0f7fd;
    border-radius: 4px;
}

.sub_box18t{
    margin-bottom: 30px;
    text-align: center;
}

.sub_box18t p{
    font-size: 24px;
    font-weight: bold;
    color:#0085cc;
}

.sub_box18li ul{
    display: flex;
    flex-wrap: wrap;
}

.sub_box18li ul li{
    width: 314px;
    padding: 15px 0px; 
    border-radius: 35px;
    background: #ffffff;
    text-align: center;
}

.sub_box18li ul li:nth-child(2n){
    margin-left: 20px;
}

.sub_box18li ul li:nth-child(n+3){
    margin-top: 20px
}

.sub_box18li ul li span{
    font-weight: bold;
    line-height: 1.5;
}

/*概要*/
.sub_box19{
    display: flex;
    margin-bottom: 40px;
    line-height: 1.5;
}

.sub_box19_img{
    padding-left: 40px;
}

.sub_box19_img img {
    width: 200px;
    height: auto;
}

.sub_box19_tx{
     width: 480px;   
}

.sub_box19t h2{
    display: inline-block;
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: bold;
}

.sub_box19t span strong{
    color: #ff0000;    
}

.sub_box19_overview p{
    line-height: 1.5;
}

.sub_box19_overview p+p{
    padding-top: 1em;
}

.sub_box19_overview span{
    font-weight: bold;
    background: linear-gradient(transparent 50%, #ffff00 50%);
}


/*お客様の声*/
.sub_box20{
    margin-bottom: 40px;
}

.sub_box20t h2{
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    background: #ff6600;
    color: #fff;
    padding: 14px 0px 12px;
    border-radius: 4px;
    line-height: 1.5;
}

    .sub_box20t p span{
        display: block;
    }

.sub_box20li_r{
    display: flex;
    padding: 20px 30px;
    background: #faf4e8;
    border-radius: 4px;
}

.sub_box20li_r+.sub_box20li_r{
    margin-top: 10px;
}

.sub_box20li_img img{
    width: 106px;
    height: auto;
}

.sub_box20li_tx{
    padding-left: 24px;
    line-height: 1.5;
}

.sub_box20li_tx p span{
    display: block;
    padding-bottom: 10px;
    font-weight: bold;
    color: #ff6600;
}

/*お客様の悩み*/
.sub_box21{
    margin-bottom: 40px;
    padding: 40px 30px 30px; 
    background: #fbf4fa;
    border-radius: 4px;
}

.sub_box21t{
    margin-bottom: 30px;
}

.sub_box21t h2{
    text-align: center;
    font-size: 22px;
    font-weight: bold;
}

.sub_box21t h2 span{
    max-height: 34px;
    margin-right: 12px;
    padding: 2px 12px 0px;
    line-height: 34px;
    text-align: center;
    background: #c11a1a;
    color: #ffffff;
    border-radius: 17px;
}

.sub_box21li{
    position: relative;
    display: flex;
    padding: 30px 40px;
    background: #ffffff;
    border-radius: 4px;
}

.sub_box21li+.sub_box21li{
    margin-top: 20px;
}

.sub_box21li_t {
    display: inline;
    width: 100%;
    height: auto;
}

.sub_box21li_t span{
    display: inline-block;
    padding-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #b860a9;
}

.sub_box21li_r{
    display: flex;
    max-width: 446px;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px dotted #cccccc;
    border-radius: 1px;
}

.sub_box21li_r+.sub_box21li_r{
    padding: 10px 0px;
}
    
    
.sub_box21li_r span{
    min-width: 50px;
    max-height: 22px;
    line-height: 22px;
    padding: 0px 7px;
    margin-right: 12px;
    box-sizing: border-box;
    background: #b860a9;
    color:#ffffff;
    font-weight: bold;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    
}

.sub_box21li_r p{
    font-weight: bold;
    line-height: 1.5;
}

.sub_box21li_r p small{
    font-size: 14px;
    display: block;
    font-weight: normal;
}

.sub_box21li img{
    position: absolute;
    right: 20px;
    bottom:0px;
    max-width:135px;
    height: auto;
}

/*セーフティならお電話1本*/
.sub_box22{
    margin-bottom: 18px;
}

.sub_box22t h2{
    margin-bottom: 18px;
    font-weight: bold;
    font-size: 24px;
    color: #0084cb;
    line-height: 1.5;
    text-align: center;
}

.sub_box22li{
    display: flex;
    margin-bottom: 20px;
}

.sub_box22li_c{
    width: 227px;
    line-height: 1.5;
}

.sub_box22li_c+.sub_box22li_c{
    margin-left: 20px;
}

.sub_box22li_c p{
    padding-bottom: 20px;
    font-weight: bold;
    text-align: center;
}

.sub_box22li_c img{
    width: 100%;
    height: auto;
}

.sub_box22li_c p span{
    display: inline-block;
    background: linear-gradient(transparent 50%, #ffff00 50%);
}

.sub_box22li_tx {
    line-height: 1.5;
}

/*よくご利用いただいているサービス*/
.sub_box23{
    margin-bottom: 40px;
    background: #f0f7fd;
    border-radius: 4px;
}

.sub_box23t h2{
    padding: 17px 0px 15px;
    background: #0084cb;
    font-size: 24px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
}

.sub_box23li{
    display: flex;
    padding: 40px 30px 20px;
}

.sub_box23li_c{
    width: 210px;
    text-align: center;
}

.sub_box23li_c+.sub_box23li_c{
    margin-left: 17px;
}

.sub_box23li_t{
    display: inline;
    font-size: 16px;
    font-weight: bold;
    color: #0084cb;
    white-space: nowrap;
}

.sub_box23li_img{
    position: relative;
    margin-bottom: 10px;
    padding: 20px 14px;
    color: #0084cb;
    border: 1px solid #0084cb;
    border-radius: 4px;
    background: #ffffff;
}

.sub_box23li_img span{
    display: inline-block;
    position: absolute;
    padding: 0px 5px;
    background: #0084cb;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    line-height: 25px;
    border-radius: 4px;
    top: 10px;
    right: 10px;
}

.sub_box23li .sub_box23li_c:first-child .sub_box23li_img span{
    background: #ff6600;
}

.sub_box23li_img img{
    max-height: 80px;
    display: block;
    margin: 0 auto;
}

.sub_box23li .sub_box23li_c:first-child .sub_box23li_img{
    border: 1px solid #ff6600;
}

.sub_box23li .sub_box23li_c:first-child .sub_box23li_t{
    color:#ff6600;
}

.sub_box23li_t img{
    width: 30px;
    height: auto;
    margin-right: 5px;
}

.sub_box23li_t span{
    line-height: 22px;
}
    
.sub_box23li_tx{
    display: block;
    padding: 0px 30px 20px;
    line-height: 1.5;
}

.sub_box23li_tx span{
    font-weight: bold;
    text-decoration: underline;
}

.sub_plan_btn{
    width: 100%;
    text-align: center;
}

.sub_plan_btn a{
    display: inline-block;
    margin-bottom: 26px;
    padding: 12px 20px;
    font-weight: bold;
    color: #0084cb;
    border-radius: 4px;
    border: 1px solid #0084cb;
    background: #ffffff;
}

.sub_plan_btn a:hover{
    opacity: 0.8;
    text-decoration: none;
}


/*比較表*/
.sub_box24{
    margin-bottom: 0px;
    background: #f0f7fd;
    border-radius: 4px;    
}

.sub_box24_in{
width: 100%;
    box-sizing: border-box;
    padding: 35px 40px 30px;
}

.sub_box24_t{
    text-align: center;
}

.sub_box24_t h2{
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 16px;
    color: #0085cc;
    line-height: 1.5;
}

.sub_box24_t p{
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 16px;
}

.sub_box24 .cmt{
    font-size: 12px;
    padding-top: 15px;
}

.sub_box24_img{
    overflow-x: scroll;
}

.sub_box24_img::-webkit-scrollbar {
  height: 10px;
}

.sub_box24_img::-webkit-scrollbar-thumb {
  background: #cccccc;
}

.sub_box24_img::-webkit-scrollbar-track {
  background: #eeeeee;
}  
    
.sub_box24_img img{
  width: 800px;
  height: auto;
  padding-bottom: 8px;    
}

/*6つのポイント*/
.sub_box25{
    width: 100%;
    border-radius: 4px;
}

.sub_box25_in{
    width: 720px;
    padding: 35px 0px 0px;
    margin-bottom: 40px;
    box-sizing: border-box; 
}

.sub_box25_t{
	text-align: center;
    margin: 0 0 14px;
}

.sub_box25_t h2{
	display: block;
	font-size: 24px;
	font-weight: bold;
	color: #0085CC;
	padding: 0 0 10px;
    line-height: 1.5;
}

.sub_box25_t span strong{
	color: #F90;
}

.sub_box25_t p{
	display: block;
    font-weight: bold;
    font-size: 18px;
}

.sub_box25_li{
}

.sub_box25_item{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sub_box25_item dl{
    width: 33%;
    padding: 10px;
    box-sizing: border-box;
}

.sub_box25_item dl+dl{
    border-left:1px solid #CCC;
}

.sub_box25_item dl:nth-child(-n+4){
    margin-bottom:16px;
}

.sub_box25_item dl:nth-child(4){
    border-left:none !important;
}

.sub_box25_item img{
    height: auto;
    width: 100%;
}

.sub_box25_item dt{
    display: block;
    line-height: 36px;
    background: #0085CC;
    margin: 0 auto 6px;
    color: #FFF;
    text-align: center;
    font-weight: bold;
}

.sub_box25_item dd p{
    text-align: left;
    padding: 6px;
    line-height: 1.5;
}

/*対応エリア*/
.sub_box26{
    
}

.sub_box26li ul{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

.sub_box26li ul li{
    width: 50%;
    padding: 16px;
    box-sizing: border-box;
    border-bottom: 1px solid #f0f0f0;
    border-left: 1px solid #f0f0f0;
}

.sub_box26li ul li:nth-child(-n+2){
    border-top: 1px solid #f0f0f0;
}

.sub_box26li ul li:nth-child(even){
    border-right: 1px solid #f0f0f0;
}

.sub_box26li ul li:last-child{
    border-right: 1px solid #f0f0f0;
}

.sub_box26li ul li a:hover{
    text-decoration: none;
    opacity: 0.5;
}

.sub_box26_annotation p{
    padding-top: 16px;
    font-size: 12px !important;
    color: #777777;
}

/*area_s_item*/
.area_s_item {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    flex-wrap: wrap;
    padding: 20px 20px 10px;
    border-left: 1px solid #0085cc;
    border-right: 1px solid #0085cc;
    border-bottom: 1px solid #0085cc;
    background: #f0f7fd;
}

.area_s_item li{
    padding: 0px 10px 10px 0px
}

.area_s_item li a{
    display: inline-block;
    padding: 15px;
    background: #ffffff;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    border-radius: 4px;
    box-shadow: 1px 1px 2px 0px #cccccc;
}

.area_s_item li a:hover{
    text-decoration: none;
    opacity: 0.8;
}


/*----- area_contact -----*/
.area_contact .hdcontact_box{
    width: 100%;
}

.area_contact .hdcontact {
    width: 100%;
    padding: 0px 0px 60px;
}

.area_contact .hdcontact_ct{
    width: 100%;
}

.area_contact .hdcontact_ct ul li.li1{
    width: 100%;
}

.area_contact .hdcontact_ct ul li.li1 img{
    max-height: 70px;
    width: auto;
}

.area_contact .hdcontact_cd ul li.l1{
    white-space: nowrap;
}

.area_contact .hdcontact_cd ul li.l2{
    padding: 0 10px; 
}

.area_contact .hdcontact_cd ul li.l3{
    padding: 0 0 0 10px; 
}

/*----- 対応エリアシングル　ニュース一覧 -----*/
.sub_box27{
    margin-bottom: 55px;
}

.sub_box27t h2{
margin-bottom: 10px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    background: #0084cb;
    color: #fff;
    padding: 14px 0px 12px;
    border-radius: 4px;
    line-height: 1.5;
}

.sub_box27 ul{
}

.sub_box27 ul li{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    text-align: left;
    margin-bottom: 16px;
    padding: 16px;
    box-sizing: border-box;
    border: 3px solid #f0f0f0;
    position: relative;
}

.sub_box27 .sub_box27li_content{
    width: 100%;
    margin-bottom: 16px;
    padding: 16px ;
    box-sizing: border-box;
    background: #f0f7fd;
}

.sub_box27 .sub_box27li_t span:nth-child(1){
    display: inline-block;
    min-width: 192px;
    text-align: center;
    padding: 8px;
    box-sizing: border-box;
    background: #0084cc;
    color: #ffffff;
    font-size: 14px;
}

.sub_box27 .sub_box27li_t span:nth-child(2){
    font-size: 14px;
    padding-left: 6px;
}

.sub_box27 .sub_box27li_t span:nth-child(3){
    padding-left: 6px;
    color: #0084cc;
    font-size: 14px;
}

.sub_box27 .sub_box27li_t p {
    padding-top: 12px;
    line-height: 1.5;
    font-weight: bold;
}

.sub_box27 .sub_box27li_thumb{
    width: 210px;
    height: 150px;
    overflow: hidden;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    justify-content: center;
    align-items: center;
}
    
.sub_box27 .sub_box27li_thumb img{
    width: 100%;
    height: auto;
}

.sub_box27 .sub_box27li_tx{
    width: 472px;
    height: auto;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.sub_box27 .sub_box27li_tx::after{
    content: "";
    position: absolute;
    z-index: 2;
    bottom: 0px;
    left: 0px;
    height: 20px;
    width:100%;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
    background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);    
}

.sub_box27 .sub_box27li_tx::after{
    content: "";
    position: absolute;
    z-index: 2;
    bottom: 0px;
    left: 0px;
    height: 20px;
    width:100%;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
    background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);    
}

.sub_box27 .sub_box27li_tx.active::after{
    content: none;
}

.sub_box27 .sub_box27li_thumb+.sub_box27li_tx{
    padding-left: 16px;
}

.sub_box27 .sub_box27li_tx p{
    line-height: 1.5;
}

.sub_box27 .show_btn{
    font-size: 14px;
    display: none;
    position: absolute;
    right: 16px; 
    bottom: 16px;
    font-weight: bold;
    color: #0084cb;    
}

.sub_box27 .show_btn:hover{
    cursor: pointer;
}

.sub_box27_linkbtn{
    width: 100%;
    height: auto;
    text-align: center;
}

.sub_box27_linkbtn a{
    display: inline-block;
    margin-top: 9px;
    padding: 12px 20px;
    font-weight: bold;
    color: #0084cb;
    border: 1px solid #0084cb;
    border-radius: 4px;
}

.sub_box27_linkbtn a:hover{
    text-decoration: none;
    opacity: 0.8;
}



.sub_tbox table{
	background: #fff;
	background: #dddddd;
}

.sub_tbox table td{
	line-height: 1.5;
	padding: 16px 16px 16px 20px;
	background: #FFF;
}

.sub_tbox table td.tdl{
	background: #FFFEF9;
}

.sub_tbox table td.tdl img{
	padding: 4px 0px 0px 6px;
}

.sub_tbox table td input{
	background-color: #FFF;
	border:1px solid #ccc;
	padding:10px 10px;
	color: #444;
	width: 70%;
	font-size: 14px;
}

.sub_tbox table td.text2 input{
	width: 15% !important;
}

.sub_tbox table td.check_box input{
    width: auto !important;
}

.sub_tbox table td span.hissu{
    display: inline-block;
    margin: 0 0 0 8px;
    background: #ff6633;
    padding: 2px 6px;
    font-size: 11px;
    color: #FFF;
    line-height: 1.0;
    border-radius: 3px;
}    

.sub_tbox table td span.hsk{
	font-size: 13px;
	display: block;
	margin-top: 6px;
}


.wpcf7-list-item {
    margin: 0px !important;
    width: 100%;
}


.sub_tbox table td textarea{
	background-color: #FFF;
	border:1px solid #ccc;
	padding:12px 10px;
	color: #444;
	line-height: 1.5;
	width: 80%;
	font-size: 14px;
}

.sub_tbbox table{
    margin: 0 0 26px;
}

.sub_tbbox table{
    width: 100%;
    background: #cccccc;
}

.sub_tbbox table th{
	background: #EDD8EA;
	line-height: 1.5;
	padding: 14px;
}

.sub_tbbox table td{
	background: #FFF;
	line-height: 1.5;
	padding: 14px;
}



.sub_t{
	background: #0085CC;
}

.sub_t p{
	color: #FFF;
	font-weight: bold;
	padding: 16px;
	font-size: 18px;
}

.sub_tx{
	margin-bottom: 32px;
}

.sub_tx p{
	line-height: 1.8;
	padding: 0px 0px;
	font-size: 16px;
}

.sub_tx p span.rb{
	display: inline-block;
	background: #DF311D;
	padding: 3px 6px;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	margin: 0 0 6px;
}


.sub_subt{
	margin-bottom: 8px;
}

.sub_subt p{
	line-height: 1.5;
}

input[type="submit"]{
    display: inline-block;
    width: 180px !important;
    margin: 20px 0px 0px;
	padding: 16px 70px;
	color: #fff !important;
	font-weight: bold;
	background: #0085CC !important;
	cursor: pointer;
    border: none !important;
    border-radius: 4px;
}

input[type="submit"]:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

input[type="submit"].back{
    margin-left: 15px;
    background: #fff!important;
    color: #0085CC!important;
    border: 1px solid #0085CC !important;
}


.mw_wp_form .horizontal-item + .horizontal-item{
    margin-left: 0px!important;
}

.mwform-checkbox-field.horizontal-item:nth-child(2n){
    display: block!important;
}


/*-----------------------------------------------------
feedback
-------------------------------------------------------*/
.feedback_archi ul{
  	display:flex;
  	flex-wrap: wrap;
    justify-content: space-between;
	gap: 20px 0;
}

.feedback_archi ul li{
	width: 48.5%;
	text-align: center;
	border: 1px solid #ccc;
	padding: 16px;
	border-radius: 6px;
	box-sizing: border-box;
}

.feedback_archi ul li img{
	width: 86%;
	margin-bottom: 14px;
}

.feedback_archi ul li span{
	display: block;
	text-align: left;
	line-height: 1.6;
}


.feedback_img{
	max-width: 500px;
	padding: 16px 0 26px;
	margin: 0 auto;
}

.feedback_img img{
	width: 100%;
}

.feedback_enq{
	margin-bottom: 26px;
}

.feedback_enq .st{
	font-weight: bold;
	margin: 20px 0 16px;
}

.feedback_enq .enq_a{
	margin-bottom: 10px;
}

.feedback_enq .enq_atext{
	line-height: 1.6;
}


.feedback_staff{
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 28px;
	box-sizing: border-box;
	margin-bottom: 36px;
}

.feedback_staff .st{
	margin-bottom: 10px;
	font-weight: bold;
}

.feedback_staff .text{
	line-height: 1.6;
}

/*-----------------------------------------------------
staff
-------------------------------------------------------*/
.staff_box ul{
  	display:flex;
  	flex-wrap: wrap;
    justify-content: space-between;
	gap: 26px 0;
}

.staff_box ul li{
	width: 48.5%;
}

.staff_box ul li .img{
	width: 60%;
	margin: 0 auto 16px;
	text-align: center;
}

.staff_box ul li .img img{
	width: 100%;
}


.staff_box ul li span.name{
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}

.staff_box ul li span.text{
	line-height: 1.5;
	display: block;
}

/*-----------------------------------------------------
sub_review
-------------------------------------------------------*/

.sub_review{
	width: auto;
    margin: 0 auto 50px;
    font-weight: bold;
	text-align: center;
}

.sub_reviewt{
    height: auto;
    width: 76%;
	margin: 0 auto 20px;
}

.sub_reviewt img{
	width: 100%;
    height: 100%;
}


.sub_review span:nth-child(1){
	display: block;
	font-size: 20px;
	color: #E0311E;
	margin-bottom: 10px;
}

.sub_review span:nth-child(2){
	display: block;
	font-size: 22px;
	color: #0085CC;
	margin-bottom: 10px;
}

.sub_reviewimg img{
    height: 36px;
    width: auto;
}

.sub_reviewlink{
	padding: 16px 0 0 0;
}

.sub_reviewlink a{
	font-weight: bold;
	font-size: 18px;
}
/*-----------------------------------------------------
itemlist
-------------------------------------------------------*/
.itemlist{
	padding: 40px 0 0 0;
}

.itemlist_t h3{
    padding-bottom: 16px;
    font-size: 18px;
    font-weight: bold;
    color: #0085cc;
}

.itemlist_data ul{
  	display:-webkit-box;
	display: -webkit-flex;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	gap: 16px 10px;
	padding-bottom: 40px;
	font-size: 15px;
}

.itemlist_data ul li{
	position: relative;
}

.itemlist_data ul li::after {
    content: "|";
	margin-left: 10px;
}

.itemlist_data ul li a{
	text-decoration: underline;
}

.itemlist_data ul li a:hover{
	text-decoration: none;
}

/*-----------------------------------------------------
itemlist
-------------------------------------------------------*/
.itemlist_ac .itemlist{
	padding: 10px 0 40px 0;
}

.itemaccordion-title{
	padding-top: 20px;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
	position: relative;
	padding-right: 20px;
	user-select: none;
}

.itemaccordion-title h3{
	padding-bottom: 20px;
	font-size: 16px!important;
}

.itemaccordion-title::after {
  content: "＋";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-weight: bold;
  font-size: 18px;
  transition: transform .3s;
}

.itemaccordion-title.active::after {
  content: "−";
}

.itemaccordion-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s ease;
}

.itemaccordion-content ul{
	padding-top: 26px;
}

.itemaccordion-content.open {
	max-height: 1000px; /* 十分大きな値 */
}
/*-----------------------------------------------------
privacy
-------------------------------------------------------*/

.privacy_box .text{
    line-height: 1.8;
    margin-bottom: 30px;
}

.privacy_box .list .row:first-child{
    border-top: 1px solid #ccc;
}

.privacy_box .list .row{
    padding: 35px 0px;
    border-bottom: 1px solid #ccc;
}

.privacy_box .list .row h3{
    display: block;
    font-weight: bold;
    padding-bottom: 16px;
}

.privacy_box .list .row p{
    line-height: 1.8;
}


/*-----------------------------------------------------
plan
-------------------------------------------------------*/

.plan_pack{
    
}

/*.plan_pack ul{
  display: flex;
    flex-wrap: wrap;
}

.plan_pack ul li{
    width: 350px;
    background: #fff;
    border: 2px solid #0085CC;
    box-sizing: border-box;
    margin: 0 20px 16px 0;
    padding: 14px;
}*/

.plan_pack ul li{
    width: 100%;
    background: #fff;
    border: 2px solid #0085CC;
    box-sizing: border-box;
    margin: 0 0px 26px 0;
    padding: 14px;
}


.plan_pack ul li:nth-child(2n){
    margin: 0 0 16px 0;
}

.plan_pack ul li span.t1{
    display: block;
    background: #0085CC;
    color: #fff;
    font-size: 18px; /*16px*/
    font-weight: 900;
    padding: 10px 0;
    margin: 0 0 22px;
    text-align: center;
}

.plan_pack ul li span.tx{
    display: block;
    padding: 0 0 14px;
    margin: 0 0 22px;
    border-bottom: 1px solid #ccc;
    text-align: left;
    font-size: 16px; /*14px*/
    font-weight: bold;
    line-height: 1.5;
}

.plan_pack ul li span.pr{
    display: block;
    line-height: 1.5;
    font-size: 24px; /*22px*/
    font-weight: bold;
    color: #10882B;
    background: -webkit-linear-gradient(-45deg, #DF311D, #ff0000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.plan_pack ul li span.bg {
    display: inline-block;
    line-height: 1.0;
    font-size: 34px; /*32px*/
    font-weight: 700;
    font-family: din-2014, sans-serif;
    letter-spacing: -1px;
    background: -webkit-linear-gradient(-45deg, #DF311D, #ff0000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.plan_pack ul li span.tax{
    position: absolute;
    line-height: 1.0;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: -1px;
    bottom: 28px;
    right: 2px;
    color: #ff0000;
}

.plan_pack ul li dl{
    display: table;
}

.plan_pack ul li dl dt{
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.plan_pack ul li dl dt img{
    width: 95%;
}

.plan_pack ul li dl dd{
    width: 50%;
    display: table-cell;
    position: relative;
}

.plan_table table{
    width: 100%;
    background: #cccccc;
    margin: 0 0 10px;
}

.plan_table table td{
    background: #fff;
    padding: 16px;
}

.plan_table table td.l{
    background: #fff;
    padding: 16px;
}


/*-----------------------------------------------------
topicPath
-------------------------------------------------------*/
#topicPath{
	width: 100%;
	background: #0075C2;
}

#topicPath ul{
	width: 980px;
	margin: 0 auto;
	text-align: left;
}

#topicPath ul li{
	line-height: 40px;
	float: left;
	margin-right: 12px;
	font-size: 12px;
	color: #FFF;
}

#topicPath ul li a{
	color: #FFF;
}

/*-----------------------------------------------------
news
-------------------------------------------------------*/

.news_box{
	border: 3px solid #f0f0f0;
	margin-bottom: 16px;
	padding: 16px;
}

.news_txtarea{
    width: 72%;
}

.news_box span a:hover{
    opacity: 0.8;
}

.news_box span a{
    display: block;
    padding: 10px 0px;
    text-decoration: none;
}

.news_st{
    margin: 0 0 0;
    text-align: left;
}

.news_st a{
    display: block;
    line-height: 1.5;
    text-decoration: underline;
    width: 100%;
    margin-top: 10px;
}

.news_st span:nth-child(1){
    display: inline-block;
    text-align: center;
    padding: 8px;
    box-sizing: border-box;
    background: #0084cc;
    color: #ffffff;
    font-size: 14px;
}

.news_st span:nth-child(2){
    font-size: 14px;
    padding: 0px 0px 0px 6px;
}

.news_st span:nth-child(3){
    padding: 0px 0px 0px 6px;
    color: #0084cc;
    font-size: 14px;
}

.news_st p{
    display: block;
    padding-top: 10px;
    line-height: 1.5
}

.news_title{
	margin-bottom: 36px;
}

.news_title h2{
	font-size: 22px;
	font-weight: bold;
	line-height: 1.5;
}


.news_tx p{
	padding: 10px 10px 10px;
	line-height: 1.5;
}


.news_img{
	margin-bottom: 36px;
}

.news_img ul{
  	display:-webkit-box;
	display: -webkit-flex;
  	display:-ms-flexbox;
  	display:flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.news_img ul li{
	width: auto;
	padding: 26px;
	text-align: center;
	border-radius: 8px;
}

.news_img ul li:first-child{
	background: #eaeaea;
}

.news_img ul li:last-child{
	background: #0084cc;
}

.news_img ul li img{
	width: auto;
    max-width: 320px;
	height: auto;
	border-radius: 8px;
}

.news_img ul li:first-child span{
	font-size: 18px;
	font-weight: bold;
	display: block;
	margin-bottom: 16px;
}

.news_img ul li:last-child span{
	font-size: 18px;
	font-weight: bold;
	display: block;
	color: #fff;
	margin-bottom: 16px;
}

.news_data{
	padding: 26px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 36px;
  	display:-webkit-box;
	display: -webkit-flex;
  	display:-ms-flexbox;
  	display:flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.news_data span.dt{
	display: inline-block;
	margin-right: 14px;
	padding: 10px;
	font-size: 14px;
	background: #FF6600;
	color: #fff;
	border-radius: 4px;
}

.news_data span.dtx{
	display: inline-block;
	margin-right: 26px;
}

.news_box span.btn{
    display: block;
    margin: 30px auto 0px;
    width: 100px;
    text-decoration: none;
    background: #f0f0f0;
    text-align: center;
    font-weight: bold;
    border-radius: 4px;
}

.news_tx2 p{
	line-height: 1.5;
	font-size: 15px;
}

.news_tx2 img{
	line-height: 1.5;
	padding: 16px 0;
}

.news_timebox{
	margin: 0 0 10px 0;
    text-align: right;
}

.news_time{
	display: inline-block;
	background: #0085CC;
	padding: 4px 6px;
	color: #fff;
	font-size: 12px;
}

.news_t{
	background: #F0F7FD;
	margin: 0 0 2px;
	padding: 16px;
	text-align: left;
}

.news_t p{
	line-height: 1.5;
	font-weight: bold;
	font-size: 15px;
}

.news_li ul{
    display: flex;
    flex-wrap: wrap;
}

.news_li ul li{
    width: 100%;
    min-height: 170px;
    height: 100%;
    text-align: left;
    margin-bottom: 16px;
    background: #f0f7fd;
}

.news_li ul li a{
    display: flex;
}

.news_li ul li a:hover{
    text-decoration: none;
    opacity: 0.8;
}
    
.news_li_thumb{
    min-width: 210px;
    height: 170px;
    position: relative;
    overflow: hidden;
    z-index: 9999;
}

.news_li_thumb img{
    width: 100%;    
    height: auto;
    min-height: 190px;
    position: absolute;
    z-index: -9999;
    margin: -15% 0;
}

.news_li_txt{
    padding: 16px;
}

.news_li_txt span:nth-child(1){
    display: inline-block;
    min-width: 192px;
    text-align: center;
    padding: 8px;
    box-sizing: border-box;
    background: #0084cc;
    color: #ffffff;
    font-size: 14px;
}

.news_li_txt span:nth-child(2){
    display: block;
    font-size: 14px;
    padding-top: 10px;
}

.news_li_txt span:nth-child(3){
    display: block;
    padding-top: 12px;
    color: #0084cc;
    font-size: 14px;
}

.news_li p{
    padding-top: 12px;
    line-height: 1.5
}


.news_point{
	margin-bottom: 36px;
}

.news_point .t{
	color: #0084cc;
	font-weight: bold;
	margin-bottom: 20px;
}

.news_point ul li{
	position: relative;
	padding: 0 0 0 40px;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 1.5;
}

.news_point ul li:before {
    content: "";
    background-image: url("../../images/index/checkmark.svg");
    background-repeat: no-repeat;
    display: block;
    width: 25px;
	height: 21px;
    position: absolute;
    top: calc(50% - 12px);
    left: 0px;
}

.news_service_box .banner2{
	margin-top: 16px;
}

.news_service_box .banner2 a{
	display: inline-block;
	padding: 16px 26px;
	background: #f0f0f0;
	border-radius: 6px;
	font-weight: bold;
}

.news_single_a{
	padding: 40px 0 0 0;
}

.news_single_a h3{
	border: 1px solid #ccc;
    margin-bottom: 26px;
    font-weight: bold;
    padding: 12px 20px 12px;
    font-size: 18px;
    line-height: 1.6;
}
/*-----------------------------------------------------
single_pager
-------------------------------------------------------*/
.single_pager{
	width: 100%;
    margin: 50px auto 0;
}

.single_pager ul{
  	display:-webkit-box;
	display: -webkit-flex;
  	display:-ms-flexbox;
  	display:flex;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	padding: 0 20px;
}

.single_pager ul li{
	width: 100%;
	line-height: 1.5;
	padding: 16px 16px;
}

.single_pager ul li:last-child{
	border-top: 1px solid #ccc;
}

.single_pager ul li span.label{
	display: block;
	font-weight: bold;
}

.single_pager ul li span.title{
	font-size: 15px;
}


.single_pager ul li img{
	width: 100%;
}



/*-----------------------------------------------------
pagenation
-------------------------------------------------------*/

.pagenation{
	width: auto;
	text-align: center;
	padding-top: 60px;
	margin: 0 auto;
}

a.page-numbers,
.pagination .current{
    color: #000;
	text-align: center;
	line-height: 1;
	margin: 2px 3px 2px 0;
	padding: 10px 12px;
	display: inline-block;
	background: #fff;
	border: 1px solid #ccc;
	text-decoration: none;
}

.current {
    color: #fff;
	background: #0085CC;
	text-align: center;
	line-height: 1;
	margin: 2px 3px 2px 0;
	padding: 10px 12px;
	display: inline-block;
	text-decoration: none;
}

a.page-numbers:hover,
.pagination a:hover .current a:hover {
	color: #fff;
	background: #0085CC;
	border: 1px solid #0085CC;
	text-decoration: none;
}


/*-----------------------------------------------------
service
-------------------------------------------------------*/
.service_box{
	margin-bottom: 16px;
	border: 3px solid #dddddd;
}

.sv_bg1{background: url(../../images/index/li_ic1.png) no-repeat left 26px center;}
.sv_bg2{background: url(../../images/index/li_ic2.png) no-repeat left 26px center;}
.sv_bg3{background: url(../../images/index/li_ic3.png) no-repeat left 26px center;}
.sv_bg4{background: url(../../images/index/li_ic4.png) no-repeat left 26px center;}
.sv_bg5{background: url(../../images/index/li_ic5.png) no-repeat left 26px center;}
.sv_bg6{background: url(../../images/index/li_ic6.png) no-repeat left 26px center;}


.service_box a{
	display: block;
	padding: 22px;
}

.service_box a:hover{
	text-decoration: none;
	opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";
}

.service_box dt{
	line-height: 1.5;
	padding: 0 0 10px 120px;
}

.service_box dt span{
	font-weight: bold;
	font-size: 20px;
	display: block;
}

.service_box dd{
	padding: 0 0 0 120px;
	line-height: 1.5;
}


.service_dbox{
	padding: 16px;
	background: #FFF;
}

.service_box dd .l{
	width: 140px;
	float: left;
}

.service_box dd .l img{
	width: 140px;
}

.service_box dd .r{
	width: 512px;
	float: left;
}

.service_box dd .r p{
	padding-left: 30px;
	margin-bottom: 16px;
}

.service_box dd div.r .lb{
	text-align: right;
}


.service_ic1{
	background: url(../../images/index/li_bg1.png) no-repeat left 20px center , #f6f6f6;
}

.service_ic2{
	background: url(../../images/index/li_bg2.png) no-repeat left 20px center , #f6f6f6;
}

.service_ic3{
	background: url(../../images/index/li_bg3.png) no-repeat left 20px center , #f6f6f6;
}

.service_ic4{
	background: url(../../images/index/li_bg4.png) no-repeat left 20px center , #f6f6f6;
}

.service_ic5{
	background: url(../../images/index/li_bg5.png) no-repeat left 20px center , #f6f6f6;
}

.service_ic6{
	background: url(../../images/index/li_bg6.png) no-repeat left 10px center , #f6f6f6;
}


/*-----------------------------------------------------
service_box_banner
-------------------------------------------------------*/

.news_service_box{
  margin-top: 36px;
}

.news_service_t{
  padding: 16px;
  font-size: 18px;
  color: #ffffff;
  background: #0085CC;
}

.sv_bg_c1{background-color: #F0F7FD;}
.sv_bg_c2{background-color: #F6FEF1;}
.sv_bg_c3{background-color: #FFF6F7;}
.sv_bg_c4{background-color: #FBF4FA;}
.sv_bg_c5{background-color: #FFF9FB;}
.sv_bg_c6{background-color: #FAF4E8;}

.service_box_banner{
    background-color: #f7f7f7 !important;
}

.service_box_banner a{
	display: block;
	padding: 22px;
}

.service_box_banner a:hover{
	text-decoration: none;
	opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";
}

.service_box_banner dt{
	line-height: 1.5;
	padding: 0 0 10px 120px;
}

.service_box_banner dt span{
	font-weight: bold;
	font-size: 16px;
	display: block;
}

.service_box_banner dd{
	padding: 0 0 0 120px;
	line-height: 1.5;
}


.service_dbox_banner{
	padding: 16px;
	background: #FFF;
}

.service_box_banner dd .l{
	width: 140px;
	float: left;
}

.service_box_banner dd .l img{
	width: 140px;
}

.service_box_banner dd .r{
	width: 512px;
	float: left;
}

.service_box_banner dd .r p{
	padding-left: 30px;
	margin-bottom: 16px;
}

.service_box_banner dd div.r .lb{
	text-align: right;
}

.news_service_box .banner2{
	margin-top: 16px;
}

.news_service_box .banner2 a{
	display: inline-block;
	padding: 16px 26px;
	background: #f0f0f0;
	border-radius: 6px;
	font-weight: bold;
}

/*-----------------------------------------------------
qa
-------------------------------------------------------*/
.qa_box{
	border: 3px solid #eaeaea;
	padding: 8px 0px 14px 0px;
	margin-bottom: 16px;
}

.qa_q{
	background: url(../../images/qa/q.jpg) no-repeat left;
	background-size: 30px;
	width: 680px;
	height: 46px;
	border-bottom:1px solid #eaeaea;
	margin: 0px auto 12px;
}

.qa_q p{
	padding-left: 40px;
	font-weight: bold;
	line-height: 46px;
	font-size: 16px;
}


.qa_a{
	background: url(../../images/qa/a.jpg) no-repeat left top;
	background-size: 30px;
	width: 680px;
	margin: 0px auto;
}

.qa_a p{
	padding-left: 40px;
	padding-right: 10px;
	line-height: 1.8;
	font-size: 16px;
}


/*-----------------------------------------------------
sub_point
-------------------------------------------------------*/
.sub_pointbox{
	padding: 16px 0 0 0;
	margin: 0 0 40px;
}

.sub_pointli li{
	width: 180px;
	float: left;
	
}

.sub_pointli li img{
	width: 140px;
	margin: 0 20px;
}

.sub_pointli li span{
	display: block;
	line-height: 1.5;
	padding: 8px 8px 0 8px;
}

/*-----------------------------------------------------
sub_case
-------------------------------------------------------*/
.sub_casebox{
	padding: 16px 0 0 0;
	margin: 0 0 40px;
}

.sub_caseli{
	width: 230px;
	float: left;
	margin: 0 10px 0 0;
}

.sub_caseli p{
	padding: 6px;
	background: #fafafa;
}

.sub_caseli p span{
	display: block;
}

.sub_caseli img{
	width: 218px;
}

.sub_caseli:last-child{
	width: 230px;
	float: left;
	margin: 0 0 0 0;
}

/*-----------------------------------------------------
column　archive
-------------------------------------------------------*/
.column_row{
    margin-bottom: 14px;
    border: 3px solid #f0f0f0;
    padding: 14px 60px 14px 18px;
    position: relative;
}

.column_row ::after{
    content: "";
    background: url("../../images/index/column_arrow.svg");
    background-repeat: no-repeat;
    background-size: 8px 12px;
    display: block;
    width: 8px;
    height: 12px;
    right: 26px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    position: absolute;
}

.column_row a{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -ms-align-items: center;
    align-items: center;
}

.column_row a:hover{
    text-decoration: none;
}

.column_row .img{
    width: min(22%,120px);
    height: auto;
    margin-right: 22px;
}

.column_row .img img{
    width: 100%;
    height: auto;
}

.column_row .tx{
    line-height: 1.5;
	font-weight: bold;
}


.column_row .tx h3{
}
/*-----------------------------------------------------
column single
-------------------------------------------------------*/
.column_box{
    line-height: 1;
    text-align: left;
}

.left_titleimg.sub img{
    width: 100%;
    height: auto;
}

.left_t.sub{
    height: 100%;
    width: 100%;
    background: none;
}

.left_t.sub h2 {
    font-size: 22px;
    font-weight: bold;
    padding: 20px 20px 20px 142px;
    line-height: 1.6;
    background: #FFCC0F;
}

.column_box h3{
    background: #0085CC;
    margin-bottom: 34px;
    color: #FFF;
    font-weight: bold;
    padding: 10px 20px 8px;
    font-size: 20px;
    line-height: 1.6;
}

.column_box h3+.img{
    margin-top: 14px;
}

.column_box .img+h3{
    margin-top: 20px;
}

.column_box h4{
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #0085CC;
    margin-bottom: 16px;
}

.column_box h4+ul{
    margin-top: 16px;
}

.column_box h4+.tb{
    margin-top: 16px;
}

.column_box .img{
    width: 65%;
    height: auto;
    margin: 0 auto 28px;
    overflow: hidden;
    border-radius: 10px;
}

.column_box .img img{
    width: 100%;
    height: auto;
}

.column_box a{
    display: inline !important;
    color: #2958A7;
    text-decoration: underline;
}

.column_box a:hover{
    opacity: 0.8;
}

.column_box p{
    display: inline-block;
    line-height: 1.8;
    margin-bottom: 24px;
}

.column_box p strong.bold{
    font-weight: bold;
}

.column_box p strong.u_line{
    font-weight: bold;
    text-decoration: underline;
}

.column_box p strong.maker{
    font-weight: bold;
    background: linear-gradient(transparent 70%, #ffff00 70%);
}

.column_box p+h3{
    margin-top: 10px;
}

.column_box p+h4{
    margin-top: 14px;
}

.column_box ul{
    margin-bottom: 22px;
    padding: 24px 32px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

.column_box ul li{
    line-height: 1.8;
    margin-bottom: 8px;
}

.column_box ul li:last-child{
    margin-bottom: 0px;
}

.column_box .tb table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 24px;
}

.column_box .tb table th {
    width: 25%;
    background: #fff;
}

.column_box .tb table th, .column_box table td {
    border: 1px solid #eee;
    text-align: left;
    padding: 16px 26px;
    font-size: 15px;
    line-height: 1.8;
}

.column_box_a{
	padding: 30px 0 0 0;
}

.column_box_a h3{
	border: 1px solid #ccc;
    margin-bottom: 26px;
    font-weight: bold;
    padding: 12px 20px 12px;
    font-size: 18px;
    line-height: 1.6;
}


/*-----------------------------------------------------
slick
-------------------------------------------------------*/

.button1 a{
    display: block;
    padding: 15px;
    margin: 0px auto;
    width: 150px;
    height: auto;
    text-decoration: none;
    background: #f0f0f0;
    text-align: center;
    font-weight: bold;
    border-radius: 4px;
}


/*-----------------------------------------------------
campaign
-------------------------------------------------------*/

.campaign_img{
	max-width: 720px;
}

.campaign_img img{
    width: 100%;
}

.campaign_img .date{
    width: 100%;
    height: 44px;
    background: #fadf33;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    font-size: clamp(0.875rem, 0.8447rem + 0.1294vw, 1rem);
}

.campaign_img .date span{
    margin-right: 10px;
    padding: 5px 10px;
    background: #ffffff;
    border-radius: 4px;
    font-size: clamp(0.75rem, 0.7197rem + 0.1294vw, 0.875rem);
}

.campaign_tx{
    line-height: 1.8;
    margin-top: 26px;
    margin-bottom: 32px;
}

.campaign_tx span{
    display: inline-block;
    margin-bottom: 4px;
}

.campaign_tx strong.red{
    color: #d43528;
}

.campaign_tx strong.line{
    text-decoration: underline;
}

.campaign_tx .t{
    font-size: clamp(1.125rem, 1.0643rem + 0.2589vw, 1.375rem);
    line-height: 1.5;
}

.campaign_detail{
    line-height: 1.8;
    margin-bottom: 36px;
}

.campaign_detail table{
	width: 100%;
    border-spacing: 0px;
    border-top: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd;    
}

.campaign_detail table tr {
}

.campaign_detail table th {
    width: 20%;
    padding: 20px;
    box-sizing: border-box;
    line-height: 1.8;
    white-space: nowrap;
    border-bottom: 1px solid #dddddd;
    text-align: center;
    background: #F0F7FD;
    font-weight: normal;
}

.campaign_detail table td {
    width: 80%;
    padding: 20px;
    box-sizing: border-box;
    line-height: 1.8;
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}

.campaign_detail table td span{
    color: #d43528;
}

.campaign_btn{
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}

.campaign_btn a:hover{
    text-decoration: none;
    opacity: 0.8;
}

.campaign_btn a.blue {
    display: inline-block;
    width: 49%;
    box-sizing: border-box;
    padding: 16px 0px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    background: #0085cc;
    border-radius: 4px;
}

.campaign_btn a.yellow {
    display: inline-block;
    width: 49%;
    box-sizing: border-box;
    padding: 16px 0px;
    color: #222222;
    font-weight: bold;
    text-align: center;
    background: #fadf33;
    border-radius: 4px;
}

/*-----------------------------------------------------
collect_list.php
-------------------------------------------------------*/

.collect_box{
	margin-bottom: 40px;
}

.collect_t{
    background: #0085CC;
    margin-bottom: 6px;
}

.collect_t p {
    color: #FFF;
    font-weight: bold;
    padding: 16px;
    font-size: 18px;
}


ul.collect_li li{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    min-height: 48px;
	padding: 10px 0 10px 0;
	text-align: left;    
	border-bottom: 1px solid #eaeaea;
    -ms-align-items: center;
    align-items: center;
}

ul.collect_li li span.t{
	display: inline-block;
	margin-right: 16px;
	padding: 6px;
	background: #0085CC;
	color: #FFF;
	min-width: 70px;
	text-align: center;
	clear: both;
	font-size: 14px;
}

ul.collect_li li p.tx{
    line-height: 1.5;
}

ul.collect_li li a{
    text-decoration: none !important;
}

ul.collect_li li a:hover{
    opacity: 0.5;
}

/*-----------------------------------------------------
area_list.php
-------------------------------------------------------*/
.area_sub_box{
	margin-bottom: 20px;
}

.area_sub_t{
    background: #0085CC;
    margin-bottom: 16px;
}

.area_sub_t p {
    color: #FFF;
    font-weight: bold;
    padding: 16px;
    font-size: 18px;
}

.area_sub_content{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    align-items:center;
    width: 100%;
    box-sizing: border-box;    
}

.area_sub_li{
    width: 54%;
    height: auto;
    text-align: left;
}

.area_sub_li ul li{
    display: inline-block;
    padding-bottom: 18px;
}

.area_sub_li ul li::after{
    content: " | ";
}

.area_sub_li ul li a:hover{
    text-decoration: none;
    opacity: 0.5;
}

.area_sub_li_t{
    display: block;
    width: 100%;
    height: auto;
    padding-bottom: 22px !important;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    color: #0085cc;
}


.area_sub_annotation p{
    padding-top: 4px;
    font-size: 12px !important;
    color: #777777;
    line-height: 1.5;
}

.area_sub_img{
    width: 42%;
    height: auto;
}

.area_sub_img img{
    width: 100%;
    height: auto;
}


/*-----------------------------------------------------
slick
-------------------------------------------------------*/

/*矢印位置の調整*/
img.slide-arrow.next-arrow.slick-arrow {
    width: 50px;
    height: 50px;
    position: absolute;
    right: calc(50% - 533px);
    top: 50%;
    z-index: 9999;
    opacity: 0.5;
}

img.slide-arrow.prev-arrow.slick-arrow{
    width: 50px;
    height: 50px;
    position: absolute;
    left: calc(50% - 533px);top: 50%;
    z-index: 9999;
    opacity: 0.5;
}

img.slide-arrow:hover{
    cursor: pointer;
}

.slick-slider .slick-track{
position: relative;
left: calc(50% - 500px);    
}

.slick-slide {
  transition: .3s ease;
}

.slick-slide:not(.slick-active) {
  opacity: .5;
}

.slider_box{
    display: flex !important;
}

.slick-slide{
    outline:none;
}


/*-----------------------------------------------------
MWform
-------------------------------------------------------*/
input[type="submit"] {
    -webkit-appearance: none;
}

.check_box label {
    cursor:pointer;
}


/*-----------------------------------------------------
reCAPTCHA
-------------------------------------------------------*/
.grecaptcha-badge { visibility: hidden; }

.recaptcha{
    margin: 34px auto 15px;
    border: 1px solid #dddddd;
    padding: 20px;
    border-radius: 4px;
    background: #fafafa;
    width: 545px;
    text-align: left;
}

.recaptcha p{
  font-size:12px;
  color:#808080;
  line-height: 1.75;
}

.recaptcha a{
  display: inline;
  text-decoration: underline;
  color:#808080;    
}

.recaptcha span{
    display: inline-block;
    color: #222222;
}

/*svcarea*/
.area_sub_box.svc .area_sub_li{
    width: 100%;
}

.area_sub_box.svc .area_sub_li ul{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.area_sub_box.svc .area_sub_li ul li::after{
    content: " ／ ";
}

.area_sub_li_t{
    display: block;
    width: 100%;
    height: auto;
    padding-bottom: 22px !important;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    color: #0085cc;
    position: relative;
}

.area_sub_li_t::after{
    content: ""!important;
}

.area_sub_annotation p{
    padding-top: 4px;
    font-size: 12px !important;
    color: #777777;
    line-height: 1.5;
}

.area_sub_img{
    width: 42%;
    height: auto;
}

.area_sub_img img{
    width: 100%;
    height: auto;
}

.left_titlebox.svc_area_t{
    margin-bottom: 24px;
}

.left_titlebox.svc_area_t .left_titlein{
    padding: 0px;
}

.left_titlebox.svc_area_t .left_t h2{
    padding: 0px 0 0 32px;
}

.left_titlebox.svc_area_t .left_t{
    text-align: left;
    background: #FFCC0F;
}