/*
カスタムパーツ
**************************************/
/**---s:テキスト領域---**/
.textArea {
	/*margin: 0 auto 40px;*/
	margin:0 auto;
	padding:0 20px;
	box-sizing: border-box;
	font-feature-settings : "palt";
}
.textArea.p0 {
    padding: 0;
}
.tx-center {
	text-align:center;
}
.info-box{
	margin: 0 auto 40px;
	border:1px solid;
	padding:20px;
	box-sizing: border-box;
    color: #626262;
}
/**---s:画像設置---**/
.img-center {
	text-align:center;
}
.img-left {
	text-align:left;}
.img-right {
	text-align:right;
}

/**---s:画像+テキスト(テキスト折り返し)---**/
.img-txt {
    margin-bottom: 20px;
}
.img-txt.left img {
	float:left;
	margin: 0 20px 10px 0;
}
.img-txt.right img {
	float:right;
	margin: 0 0 10px 20px;
}

/**---s:共通バナー---**/
.common_bnr {
	padding: 10px;
	margin: 0 auto 30px;
}
.common_bnr a{
	display: inline-block;
}
.common_bnr .top{
	margin: 0 auto 10px;
	text-align: center;
}
.common_bnr .tel{
	float: left;
	width: 45%;
}
.common_bnr .form{
	float: right;
	width: 45%;
}
/**---s:矢印つきリンク---**/
.arrow-link {
	margin: 0 auto 20px;
}
.arrow-link a {
	display: inline-block;
	padding-left: 10px;
	position: relative;
}
.arrow-link a:before {
	content: '>';
	position: absolute;
	top:10px;
	left: 10px;
}
/**---s:ボタン風リンク---**/
.btn-link {
	margin: 0 auto 20px;
}
.btn-link a {
	display: inline-block;
	padding:10px 30px;
	line-height: 1;
	text-decoration: none;
	border: 1px solid;
}
.btn-link a:hover {
	background: #fff;
	color: #333;
	border: 1px solid;
}
/**---s:タイトル+テキスト+画像+ボタンのセットコンテンツ---**/
.set-box {
	margin: 0 auto 20px;
}
.set-box .ttl{
	margin: 0 auto 10px;
	font-weight: bold;
	font-size: 120%;
	text-align: center;
}
.set-box .img{
	margin: 0 auto 10px;
	text-align: center;
}
.set-box .txt{
	margin: 0 auto 10px;
	text-align: left;
}
.set-box .btn{
	margin: 0 auto;
	text-align: center;
}
.set-box .btn a{
	display: inline-block;
}

/**---s:横並びコンテンツ2列3列---**/
.sbs-wrap{
	margin: 0 auto 20px;
}
.sbs-wrap.box2 {
	margin: 0 0 0 -5%;
}
.sbs-wrap.box2 .set-box{
	width: 45%;
	float: left;
	margin: 0 0 0 5%;
}
.sbs-wrap.box3 {
	margin: 0 0 0 -2%;
}
.sbs-wrap.box3 .set-box{
	width: 30%;
	float: left;
	margin: 0 0 0 3%;
}
@media screen and (max-width: 768px){
	.sbs-wrap.box2 .set-box,
	.sbs-wrap.box3 .set-box{
		float:none;
		width: 100%;
		box-sizing: border-box;
		margin: 0 auto 20px;
	}
}
/**---s:ページ内リンク---**/
.page-link {
	margin: 0 auto 30px;
}
.page-link ul {
	margin: 0 0 0 -5%;
}
.page-link ul li{
	width: 30%;
	float: left;
	margin: 0 0 10px 3%;
	border: 1px solid;
	border-left:15px solid;
	position: relative;
}
.page-link ul li:before {
	content: '';
	min-width: 15px;
	min-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/common/page-link-icon.png) center center no-repeat;
}
.page-link ul li a{
	display: block;
	box-sizing: border-box;
	padding: 10px 10px 10px 40px;
	width: 100%;
	text-decoration: none;
}
.page-link ul li:hover{
	border: 1px solid;
	border-left: 15px solid;
}
.page-link ul li:hover a{
	text-decoration: none;
}

/**---s:STEP系コンテンツ---**/
ol.step-cont li{
	margin: 0 auto 30px;
	position: relative;
	padding: 0 0 0 40px;
}
ol.step-cont li:after{
	content: '';
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	bottom: -10px;
	left: 0;
	background: url(../images/common/step-cont-arrow.png) center center no-repeat;
}
ol.step-cont li .txt{
	width: 60%;
	float: left;
}
ol.step-cont li .img{
	width: 30%;
	float: right;
}
ol.step-cont li:nth-child(1){background: url(../images/common/step-cont-1.png) 0 0 no-repeat;}
ol.step-cont li:nth-child(2){background: url(../images/common/step-cont-2.png) 0 0 no-repeat;}
ol.step-cont li:nth-child(3){background: url(../images/common/step-cont-3.png) 0 0 no-repeat;}
ol.step-cont li:nth-child(4){background: url(../images/common/step-cont-4.png) 0 0 no-repeat;}
ol.step-cont li:nth-child(5){background: url(../images/common/step-cont-5.png) 0 0 no-repeat;}
ol.step-cont li:nth-child(6){background: url(../images/common/step-cont-6.png) 0 0 no-repeat;}
ol.step-cont li:nth-child(7){background: url(../images/common/step-cont-7.png) 0 0 no-repeat;}
ol.step-cont li:nth-child(8){background: url(../images/common/step-cont-8.png) 0 0 no-repeat;}
ol.step-cont li:nth-child(9){background: url(../images/common/step-cont-9.png) 0 0 no-repeat;}
ol.step-cont li:nth-child(10){background: url(../images/common/step-cont-10.png) 0 0 no-repeat;}

/**---s:POINT系コンテンツ---**/
.point-box {
	margin: 0 auto 30px;
	border: #F26964 3px solid;
	padding: 10px;
}
.point-box ul li{
	margin: 0 auto 8px;
	padding: 3px 0 0 40px;
	background: url(../images/common/point-check-icon.png) 0 0 no-repeat;
}

/**---s:お知らせコンテンツ---**/
.lower_main ul.news_cont .news_date {
	float: left;
	width: 96px;
	margin-right: 30px;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
	padding: 4px 15px;
}
.lower_main ul.news_cont .news_title {
	float: left;
	width: 1044px;
	font-size: 13px;
	line-height: 20px;
}
.info-cont {
	border-bottom:1px dotted;
}
.info-cont .date{
	float:left;
	width:15%;
	text-align:center;
	font-weight:bold;
}
.info-cont.ctgr-info .ctgr{
	float:left;
	width:15%;
}
.info-cont .ttl{
	float:right;
	width:85%;
	text-align:left;
	font-weight:normal;
}
.info-cont.ctgr-info .ttl{
	width:67%;
}
.info-cont .ttl a{}
.detail-date-ctgr{
  padding:20px;
  margin:0 auto 20px;
}
.detail-date-ctgr .date{
  float:right;
}
@media screen and (max-width: 768px){
	.info-cont .date,
	.info-cont .ttl{
		float:none;
		width: 100%;
		box-sizing: border-box;
		margin: 0 auto 10px;
		text-align:left;
	}
	.detail-date-ctgr{
		padding:5px 10px;
		margin:0 auto 10px;
	}
	.lower_main ul.news_cont .news_date {
		margin-bottom:3%;
	}
	.lower_main ul.news_cont .news_title {
		float: left;
		width: 100%;
		font-size: 13px;
		line-height: 20px;
	}
}
/***********************************
カスタムパーツ用CSS
***********************************/
/*.textArea {margin: 0 auto 40px;}*/
.p1p{padding:1%;}
.p2p{padding:2%;}
.p3p{padding:3%;}
.p4p{padding:4%;}
.p5p{padding:5%;}
@media (max-width: 768px) {
	.textArea {
		margin: 0 auto 30px;
		padding:0;
	}
	.div_section2 .textArea {
		margin: 0 auto ;
	}
}
/**************
左右BOX
**************/
.LR_box{
	margin-bottom:60px;
}
.LR_box:last-child{
	margin-bottom:0px;
}
.LR_box .textArea{
	margin-bottom:30px;
}
.LR_box .left{
	float:left;
}
.LR_box .right{
	float:right;
}
.LR_box .left img,
.LR_box .right img{
	margin-bottom:0%;
}
@media (max-width: 768px) {
	.LR_box .left{
		float:none;
	}
	.LR_box .right{
		float:none;
	}
    .LR_box .left img,
    .LR_box .right img{
    	margin-bottom:0px;
    }
}
ul.LR_list{
}
ul.LR_list li{
	margin-bottom:2%;
}
.LR_box_inner{
	margin-bottom:2%;
}
@media screen and (max-width: 1169px) and (min-width: 769px) {
	.concept_box .areaL,
	.LR_box .left{
	    display: table-cell;
        float: none;
        table-layout: fixed;
        vertical-align: top;
        width:auto;
	}
	.concept_box .areaR,
	.LR_box .right{
	    display: table-cell;
        table-layout: fixed;
        float: none;
        vertical-align: top;
        width:auto;
	}
	.concept_box .areaL.col_4,
	.LR_box .left.col_4,
	.concept_box .areaR.col_4,
	.LR_box .right.col_4{
	    width: 30%;
	}
	.concept_box .areaL.col_8,
	.LR_box .left.col_8,
	.concept_box .areaR.col_8,
	.LR_box .right.col_8{
	    width: 65%;
	}
	.concept_box .areaL.col_6,
	.LR_box .left.col_6,
	.concept_box .areaR.col_6,
	.LR_box .right.col_6{
	    width: 48%;
	}
	.concept_box .areaL.img + .areaR,
	.LR_box .left + .right{
	    padding-left: 20px;
	}
	.concept_box .areaR.img + .areaL,
	.LR_box .right + .left{
	    padding-right: 20px;
	}
	
	.content_reverse{
	    display: flex;
        flex-direction: row-reverse;
	}
}	
@media (max-width: 768px) {
	.LR_box_inner .left,
	.LR_box_inner .right{
		/*border-bottom:1px dotted;*/
		margin-bottom:4%;
	}
}

/**************
横幅
**************/
.w10{width:10%;}
.w20{width:20%;}
.w30{width:30%;}
.w40{width:40%;}
.w50{width:50%;}
.w60{width:60%;}
.w70{width:70%;}
.w80{width:80%;}
.w90{width:90%;}
.w100{width:100%;}
.left.w10{width:9%;padding-right:1%;}
.left.w20{width:19%;padding-right:1%;}
.left.w30{width:29%;padding-right:1%;}
.left.w40{width:39%;padding-right:1%;}
.left.w50{width:49%;padding-right:1%;}
.left.w60{width:59%;padding-right:1%;}
.left.w70{width:69%;padding-right:1%;}
.left.w80{width:79%;padding-right:1%;}
.left.w90{width:89%;padding-right:1%;}
.left.w100{width:99%;padding-right:1%;}
.right.w10{width:9%;padding-left:1%;}
.right.w20{width:19%;padding-left:1%;}
.right.w30{width:29%;padding-left:1%;}
.right.w40{width:39%;padding-left:1%;}
.right.w50{width:49%;padding-left:1%;}
.right.w60{width:59%;padding-left:1%;}
.right.w70{width:69%;padding-left:1%;}
.right.w80{width:79%;padding-left:1%;}
.right.w90{width:89%;padding-left:1%;}
.right.w100{width:99%;padding-left:1%;}
@media (max-width: 768px) {
	.w10,.w20,.w30,.w40,.w50,.w60,.w70,.w80,.w90,.w100{
		width:100%;
	}
	.left.w10,
	.left.w20,
	.left.w30,
	.left.w40,
	.left.w50,
	.left.w60,
	.left.w70,
	.left.w80,
	.left.w90,
	.left.w100,
	.right.w10,
	.right.w20,
	.right.w30,
	.right.w40,
	.right.w50,
	.right.w60,
	.right.w70,
	.right.w80,
	.right.w90,
	.right.w100{
		width:100%;
		padding-left:0%;
	}
}
/**************
横並びボックス(detail_box)
**************/
.detail_box_wrap{
	margin-bottom: 50px;
}
.detail_box_wrap.mb0{
	margin-bottom: 0px !important;
}
.detail_box_wrap .detail_box2 li,
.detail_box_wrap .detail_box3 li,
.detail_box_wrap .detail_box4 li,
.detail_box_wrap .detail_box5 li{
	float: left;
	display: inline-block;
	margin-top: 30px;
	vertical-align: top;
}
.detail_box_wrap .detail_box2 li:nth-child(-n+2),
.detail_box_wrap .detail_box3 li:nth-child(-n+3),
.detail_box_wrap .detail_box4 li:nth-child(-n+4),
.detail_box_wrap .detail_box5 li:nth-child(-n+5){
	margin-top: 0px;
}
.detail_box_wrap .detail_box2 li .textArea{
	font-size: 15px;
}
.detail_box_wrap .detail_box3 li .textArea,
.detail_box_wrap .detail_box4 li .textArea,
.detail_box_wrap .detail_box5 li .textArea{
	font-size: 14px;
}

.detail_box{
	width:100%;
}
.detail_box_wrap .more_btn a {
	width:100%;
	box-sizing: border-box;
}
.top_btm_links .detail_box_wrap {
    margin-bottom: 0;
}

@media (max-width: 768px) {
	.detail_box_wrap .more_btn a {
		width:100%;
		box-sizing: border-box;
	}
    .detail_box_wrap.mb50{
    }
    .detail_box_wrap .detail_box2 li,
    .detail_box_wrap .detail_box3 li,
    .detail_box_wrap .detail_box4 li,
    .detail_box_wrap .detail_box5 li{
    	float:none;
    }
	.detail_box_wrap .detail_box2 li:nth-child(-n+2),
	.detail_box_wrap .detail_box3 li:nth-child(-n+3),
	.detail_box_wrap .detail_box4 li:nth-child(-n+4),
	.detail_box_wrap .detail_box5 li:nth-child(-n+5){
		margin-top: 0px;
	}
	.detail_box_wrap .detail_box2 li:first-child,
	.detail_box_wrap .detail_box3 li:first-child,
	.detail_box_wrap .detail_box4 li:first-child,
	.detail_box_wrap .detail_box5 li:first-child{
		margin-top: 0px;
	}
    .detail_box_wrap .detail_box2 li .textArea{
    	font-size: 4.2vmin;
    	line-height:1.6;
    }
    .detail_box_wrap .detail_box3 li .textArea,
    .detail_box_wrap .detail_box4 li .textArea,
    .detail_box_wrap .detail_box5 li .textArea{
    	font-size: 4.2vmin;
    	line-height:1.6;
    }

}

/**************
横並び×2
**************/
.detail_box2 li{
	width:570px;
}
.detail_box2 li:first-child,
.detail_box2 li:nth-child(2n+1){
	margin-left:0;
}
.detail_box2 li:nth-child(2n+2){
	margin-left:30px;
}
@media screen and (min-width: 769px) and (max-width: 1169px) {
   .detail_box2 li{
       width:50%;
    	width:calc(50% - 15px);
    }
    .detail_box2 li:first-child,
    .detail_box2 li:nth-child(2n+1){
    	margin-left:0px;
    }
    .detail_box2 li:nth-child(2n+2){
    	margin-left:30px;
    }
}
@media (max-width: 768px) {
	.detail_box2 li{
		width:48%;
	}
	.detail_box2 li:nth-child(2n+2){
		margin-left:2%;
	}
}

/**************
横並び×3
**************/
.detail_box3 li{
	width:370px;
	margin-left:30px;
}
.detail_box3 li:first-child,
.detail_box3 li:nth-child(3n+1){
	margin-left:0;
}
@media screen and (min-width: 769px) and (max-width: 1169px) {
   .detail_box3 li{
        width:32%;
    	/*width:calc(33% - 20px);*/
    	margin-left:2%;
    }
    .detail_box3 li:first-child,
    .detail_box3 li:nth-child(3n+1){
    	margin-left:0;
    } 
}
@media (max-width: 768px) {
	.detail_box3 li{
		width:100%;
		margin-left:0;
		margin-bottom: 10px;
	}
	.detail_box3 li:first-child,
	.detail_box3 li:nth-child(3n+1){
		margin-left:0%;
	}
}

/**************
横並び×4
**************/
.detail_box4 li{
	width:270px;
	margin-left:30px;
}
.detail_box4 li:first-child,
.detail_box4 li:nth-child(4n+1){
	margin-left:0%;
}
@media screen and (min-width: 769px) and (max-width: 1169px) {
   .detail_box4 li{
        width:25%;
    	width:calc(25% - 22.5px);
    	margin-left:30px;
    }
    .detail_box4 li:first-child,
    .detail_box4 li:nth-child(4n+1){
    	margin-left:0;
    } 
}
@media (max-width: 768px) {
	.detail_box4 li{
		width:49%;
		margin-left:0%;
	}
	.detail_box4 li:nth-child(2n+2){
		margin-left:2%;
	}
}

/**************
横並び×5
**************/
.detail_box5 li{
	width:210px;
	margin-left:30px;
}
.detail_box5 li:first-child,
.detail_box5 li:nth-child(5n+1){
	margin-left:0%;
}
@media screen and (min-width: 769px) and (max-width: 1169px) {
    .detail_box5 li{
    	width:18%;
    	/*width:calc(20% - 30px);*/
    	margin-left:2.5%;
    }
    .detail_box5 li:first-child,
    .detail_box5 li:nth-child(5n+1){
    	margin-left:0%;
    }   
}
@media (max-width: 768px) {
	.detail_box5 li{
		width:49%;
		margin-left:0%;
	}
	.detail_box5 li:nth-child(2n+2){
		margin-left:2%;
	}
}
/**************
スマホ横並び解除(「.sp_side」を加える)
**************/
@media (max-width: 768px) {
	.detail_box2.sp_side li{
		width:100%;
	}
	.detail_box2.sp_side li:nth-child(2n+2){
		margin-left:0%;
	}
	.detail_box3.sp_side li{
		width:100%;
		margin-left:0%;
	}
	.detail_box3.sp_side li:first-child,
	.detail_box3.sp_side li:nth-child(2n+2),
	.detail_box3.sp_side li:nth-child(3n+1){
		margin-left:0%;
	}
	.detail_box4.sp_side li{
		width:100%;
		margin-left:0%;
	}
	.detail_box4.sp_side li:nth-child(2n+2){
		margin-left:0%;
	}
}

/**************
スマホ横並び×2 (「.sp_side2」を加える)
**************/
@media (max-width: 768px) {
	.detail_box2.sp_side2 li{
		width:100%;
		float:none;
	}
	.detail_box2.sp_side2 li:nth-child(2n+2){
		margin-left:0%;
	}
	.detail_box3.sp_side2 li{
		width:100%;
		margin-left:0%;
		float:none;
	}
	.detail_box3.sp_side2 li:first-child,
	.detail_box3.sp_side2 li:nth-child(3n+1){
		margin-left:0%;
	}
	.detail_box3.sp_side2 li:nth-child(2n+2){
		margin-left:0%;
	}
	.detail_box4.sp_side2 li{
		width:100%;
		margin-left:0%;
		float:none;
	}
	.detail_box4.sp_side2 li:nth-child(2n+2){
		margin-left:0%;
	}

	.detail_box2.sp_side2 li,
	.detail_box3.sp_side2 li,
	.detail_box4.sp_side2 li{
		margin-bottom: 30px;
	}
	.detail_box2.sp_side2 li:last-child,
	.detail_box3.sp_side2 li:last-child,
	.detail_box4.sp_side2 li:last-child{
		margin-bottom:0px;
	}
}

.common_frame{
    padding: 1%;
	border-color: 1px solid;
}
.common_frame .img-center{
    margin-bottom:0;
}
.left.w30.seoL {
    width: 25%;
    padding-right: 1%;
    margin-left: 85px;
}
.right.w70.seoR {
    width: 53%;
    padding-left: 1%;
    margin-right: 140px;
}
@media screen and (max-width: 768px) {
    .left.w30.seoL {
        width: 100%;
        padding-left: 0%;
        margin-left: unset;
    }
    .right.w70.seoR {
        width: 100%;
        padding-left: 0%;
    }
}