/*
カスタムパーツ
**************************************/
/**---s:テキスト領域---**/
.textArea {
	margin: 0 auto 30px;
}
.tx-center {
	text-align:center;
}

.info-box{
	margin: 0 auto 30px;
	/*border:#231815 3px solid;*/
	background: #fff;
	padding:0px;
}

.works_d_info{
    margin-top:15px !important;
}

.flow_info h3{
    margin-top:10px !important;
    padding-top: 5px !important;
    text-align:center !important;
}

.info-box.pd{
	margin: 0 auto 30px;
	/*border:#666666 1px solid;*/
	background: #fff;
	padding:30px 97px;
    line-height: 1.8;
}
@media screen and (max-width: 736px){
    .info-box{
    	padding:0px 3% 3%;
        text-align: left !important;
    }
    .info-box.pd{
        padding: 3%;
        text-align: left !important;
    }
}

/**---s:画像設置---**/
.img-center {
	text-align:center;
	margin: 0 auto 20px;
}
.img-left {
	text-align:left;
	margin: 0 auto 20px;
}
.img-right {
	text-align:right;
	margin: 0 auto 20px;
}

/**---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;
	background: #333;
	color: #fff;
	text-decoration: none;
	border: #333 1px solid;
}
.btn-link a:hover {
	background: #fff;
	color: #333;
	text-decoration: none;
	border: #333 1px solid;
}
/**---s:タイトル+テキスト+画像+ボタンのセットコンテンツ---**/
.set-box {
	margin: 0 auto 20px;
}
.set-box .ttl{
	margin: 0 auto 3px;
	/*font-weight: bold;*/
	/*font-size: 120%;*/
	/*text-align: center;*/
	/*padding-left: 18px;*/
}
.set-box .img{
	margin: 0 auto 3px;
	text-align: left;
}
.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 -3%;
}
.sbs-wrap.box3 .set-box{
	width: 33%;
	float: left;
	/*margin: 0 0 0 3%;*/
}
@media screen and (max-width: 736px){
.sbs-wrap.box2 .set-box,
.sbs-wrap.box3 .set-box{
	float:left;
	width: 50%;
	box-sizing: border-box;
	margin: 0 auto 0 !important;
}
.works_list img{
    width:90%;
}
.works_list .ttl{
    padding:0px 10px 10px !important;
    
}

}
/**---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: #ddd 1px solid;
	border-left:#ddd 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;
	color: #333;
}
.page-link ul li:hover{
	border: #F26964 1px solid;
	border-left:#F26964 15px solid;
}
.page-link ul li:hover a{
	text-decoration: none;
	color: #F26964;
}
/**---s:FAQコンテンツ---**/
.faq-cont {
	border: #ddd 1px solid;
	margin: 0 auto 15px;
	padding: 20px 40px;
}
.faq-cont .q-cont{
	background: url(../images/common/faq-q.png) 0 0 no-repeat;/*25px-30px*/
	padding: 10px 6px 15px 50px;
	border-bottom: #333 1px solid;
	margin-bottom: 15px;
	color: #333;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.2;
}
.faq-cont .a-cont{
	background: url(../images/common/faq-a.png) 0 0 no-repeat;/*25px-25px*/
	padding: 10px 6px 15px 50px;
	min-height:25px;
}
/**---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;
    background: #231815;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    padding: 4px 15px;
}
.lower_main ul.news_cont .news_cont {
    float: left;
    width: 1044px;
    font-size: 13px;
    line-height: 20px;
}
.lower_main ul.news_cont .news_title {
    margin-bottom:15px;
}

.info-cont {
    padding:0 0 15px;
	border-bottom:#131313 1px dotted;
	margin:0 auto 15px;
}
.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{
    background:#fafafa;
    padding:20px;
    margin:0 auto 20px;
}

.detail-date-ctgr .date{
    float:right;
}
@media screen and (max-width: 736px){
    .info-cont .date,
    .info-cont .ttl{
    	float:none;
    	width: 100%;
    	box-sizing: border-box;
    	margin: 0 auto 10px;
    	text-align:left;
    }
    .detail-date-ctgr{
        background:#fafafa;
        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 30px;
}
.p1p{
    padding:1%;
}
.p2p{
    padding:2%;
}
.p3p{
    padding:3%;
}
.p4p{
    padding:4%;
}
.p5p{
    padding:5%;
}

@media (max-width: 736px) {
    .textArea {
        margin: 0 auto 2%;
        padding:0 2%;
    }
}

/**************
左右BOX
**************/
.LR_box{
    
}
.LR_box .left{
	float:left;
}
.LR_box .right{
	float:right;
}

.LR_box .left img,
.LR_box .right img{
    margin-bottom:2%;
}
@media (max-width: 736px) {
    .LR_box .left{
    	float:none;
    }
    .LR_box .right{
    	float:none;
    }
}

ul.LR_list{
    
}
ul.LR_list li{
    margin-bottom:2%;
}

.LR_box_inner{
    margin-bottom:2%;
}
@media (max-width: 736px) {
    .LR_box_inner .left,
    .LR_box_inner .right{
        /*border-bottom:1px dotted #000;*/
        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: 30%;
    padding-right: 2.5%;
}
.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:360px;
    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: 65%;
    padding-left: 2.5%;
}
.right.w80{
    width:79%;
    padding-left:1%;
}
.right.w90{
    width:89%;
    padding-left:1%;
}
.right.w100{
    width:99%;
    padding-left:1%;
}

@media (max-width: 736px) {
    .w10,.w20,.w30,.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% !important;
        padding-left:0% !important;
    }
}


/**************
横並びボックス(detail_box)
**************/
.detail_box_wrap{
	margin-bottom: 20px;
}

.detail_box_wrap .detail_box2 li,
.detail_box_wrap .detail_box3 li,
.detail_box_wrap .detail_box4 li{
	float:left;
	margin-bottom: 3%;
}

.detail_box{
	width:100%;
}

/**************
横並び×2
**************/
.detail_box2 li{
	width:49%;
}
.detail_box2 li:nth-child(2n+2){
	margin-left:2%;
}
@media (max-width: 736px) {
    .detail_box2 li{
        width:49%;
    }
    .detail_box2 li:nth-child(2n+2){
        margin-left:2%;
    }
}

/**************
横並び×3
**************/
.detail_box3 li{
	width:32%;
	margin-left:2%;
}
.detail_box3 li:first-child,
.detail_box3 li:nth-child(3n+1){
	margin-left:0%;
}
@media (max-width: 736px) {
    .detail_box3 li{
        width:32%;
        margin-left:2%;
    }
    .detail_box3 li:first-child,
    .detail_box3 li:nth-child(3n+1){
        margin-left:0%;
    }
}

/**************
横並び×4
**************/
.detail_box4 li{
	width:23.5%;
	margin-left:2%;
}
.detail_box4 li:first-child,
.detail_box4 li:nth-child(4n+1){
	margin-left:0%;
}

@media (max-width: 736px) {
    .detail_box4 li{
    	width:49%;
    	margin-left:0%;
    }
    .detail_box4 li:nth-child(2n+2){
    	margin-left:2%;
    }
}


/**************
スマホ横並び解除(「.sp_side」を加える)
**************/
@media (max-width: 736px) {
    .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: 736px) {
    .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%;
    }
    
}

.blog_list .right.w70{
    position: relative;
    height: 180px;
}
.blog_list .more_btn{
    position: absolute;
    bottom: 0;
    left: 40%;
}