/************************************************************************************
ベーススタイル設定

1.clearfix,clear
2.font
3.float
4.text-align
5.margin
6.padding
************************************************************************************/

/*1. clearfix,clear */

/* For modern browsers */
.clearfix:before,
.clearfix:after {
	content:"";
	display:block;
	overflow:hidden;
	}
 
.clearfix:after {
	clear:both;
	}
 
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
	zoom:1;
	}

.clear {
	clear:both;
	}


/*2. font */
.fw_b {
	font-weight: bold;
}

/*3. float */
.f_L {
	display: inline;
	float: left;
}
.f_R {
	display: inline;
	float: right;
}

/*4. text-align */
.t_R {
	text-align: right;
}
.t_L {
	text-align: left;
}
.t_C {
	text-align: center;
}

/*5. margin */
.m0a{
    margin: 0 auto !important;
}
.mt5 {
	margin: 5px 0 0px;
}
.mt10 {
	margin: 10px 0 0px;
}
.mt15 {
	margin: 15px 0 0px;
}
.mt20 {
	margin: 20px 0 0px;
}
.mt30 {
	margin: 30px 0 0px;
}
.mt40 {
	margin: 40px 0 0px;
}
.mt50 {
	margin: 50px 0 0px;
}
.mt60 {
	margin: 60px 0 0px;
}
.ml5 {
	margin: 0 0 0 5px;
}
.ml10 {
	margin: 0 0 0 10px;
}
.ml15 {
	margin: 0 0 0 15px;
}
.ml20 {
	margin: 0 0 0 20px;
}
.ml30 {
	margin: 0 0 0 30px;
}
.mr5 {
	margin: 0 5px 0 0;
}
.mr10 {
	margin: 0 10px 0 0;
}
.mr15 {
	margin: 0 15px 0 0;
}
.mr20 {
	margin: 0 20px 0 0;
}
.mr30 {
	margin: 0 30px 0 0;
}

/*6. padding */
.p0 {
	padding: 0;
}
.plr5 {
	padding: 0 5px;
}
.plr10 {
	padding: 0 10px;
}
.plr15 {
	padding: 0 15px;
}
.plr20 {
	padding: 0 20px;
}
.ptb10 {
	padding: 10px 0;
}
.ptb20 {
	padding: 20px 0;
}
.pall10 {
	padding: 10px;
}
.pall20 {
	padding: 20px;
}
.pl0{
	padding-left:0 !important;
}
.pr0{
	padding-right:0 !important;
}
.pb10 {
    padding-bottom:10px;
}
.pb20 {
    padding-bottom:20px;
}
.pb30 {
    padding-bottom:30px;
}
.pb40 {
    padding-bottom:40px;
}
.pb50 {
    padding-bottom:50px;
}
/*6. margin-bottom */
.m0{
    margin: 0 !important;
}
.mb0 {
	margin-bottom: 0 !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb10{
    margin-bottom: 10px !important;
}
.mb15{
    margin-bottom: 15px !important;
}
.mb20{
    margin-bottom: 20px !important;
}
.mb30{
    margin-bottom: 30px !important;
}
.mb40{
    margin-bottom: 40px !important;
}
.mb50{
    margin-bottom: 50px !important;
}
.mb60{
    margin-bottom: 60px !important;
}

@media (max-width: 768px) {
/*
    .m0{
        margin: 0 !important;
    }
    .mb0 {
    	margin-bottom: 0 !important;
    }
    .mb5 {
    	margin-bottom: 0 !important;
    }
    .mb10{
    	margin-bottom: 0 !important;
    }
    .mb15{
    	margin-bottom: 0 !important;
    }
    .mb20{
    	margin-bottom: 0 !important;
    }
    .mb30{
    	margin-bottom: 0 !important;
    }
    .mb40{
    	margin-bottom: 0 !important;
    }
    .mb50{
    	margin-bottom: 0 !important;
    }
    .mb60{
    	margin-bottom: 0 !important;
    }
*/    
}

/*7. width % */
.w10p{
  width:10%;
}
.w20p{
  width:20%;
}
.w30p{
  width:30%;
}
.w40p{
  width:40%;
}
.w50p{
  width:50%;
}
.w60p{
  width:60%;
}
.w70p{
  width:70%;
}
.w80p{
  width:80%;
}
.w90p{
  width:90%;
}
.w100p{
  width:100%;
}
.w5p{
  width:5%;
}
.w15p{
  width:15%;
}
.w25p{
  width:25%;
}
.w35p{
  width:35%;
}
.w45p{
  width:45%;
}
.w55p{
  width:55%;
}
.w64p{
  width:64%;
}
.w65p{
  width:65%;
}
.w75p{
  width:75%;
}
.w85p{
  width:85%;
}
.w95p{
  width:95%;
}
@media (max-width: 768px) {
  .w10p{
    width:100%;
  }
  .w20p{
    width:100%;
  }
  .w30p{
    width:100%;
  }
  .w40p{
    width:100%;
  }
  .w50p{
    width:100%;
  }
  .w60p{
    width:100%;
  }
  .w70p{
    width:100%;
  }
  .w80p{
    width:100%;
  }
  .w90p{
    width:100%;
  }
  .w100p{
    width:1000%;
  }
  .w5p{
    width:100;
  }
  .w15p{
    width:100%;
  }
  .w25p{
    width:100%;
  }
  .w35p{
    width:100%;
  }
  .w45p{
    width:100%;
  }
  .w55p{
    width:100%;
  }
  .w65p{
    width:100%;
  }
  .w75p{
    width:100%;
  }
  .w85p{
    width:100%;
  }
  .w95p{
    width:100%;
  }
}

.areaL {float: left;}
.areaR {float: right;}
.tx-left{text-align: left !important;}
.tx-right{text-align: right !important;}
.tx-center{text-align: center !important;}

@media screen and (max-width: 768px){
    .rwd-float-none .areaL,
    .rwd-float-none .areaR{
        float:none;
        width:100%;
        margin: 0 auto 10px;
    }
}

/*****************************************
◆基本機能 Default Style
テーブル
サイトマップ
パンくず
問合せフォーム
アーティクルページャー
タブ
*****************************************/

/*CMSモードの編集ボタン拡大解除*/
.cms_edit_caption img,
.cms_move_caption img {
	width: initial!important;
}
.cms_edit_caption a:hover,
.cms_move_caption a:hover {
	text-decoration: underline;
}
.cms_edit_caption a:before,
.cms_edit_caption a:after,
.cms_move_caption a:before,
.cms_move_caption a:after {
	display: none;
}

/************************************************************************************
ベーススタイル設定

1.clearfix,clear
2.font
3.float
4.text-align
5.margin
6.padding
************************************************************************************/

/*1. clearfix,clear */

/* For modern browsers */
.clearfix:before,
.clearfix:after {
	content:"";
	display:block;
	overflow:hidden;
	}
 
.clearfix:after {
	clear:both;
	}
 
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
	zoom:1;
	}

.clear {
	clear:both;
	}


/*2. font */
.fw_b {
	font-weight: bold;
}

/*3. float */
.f_L {
	display: inline;
	float: left;
}
.f_R {
	display: inline;
	float: right;
}

/*4. text-align */
.t_R {
	text-align: right;
}
.t_L {
	text-align: left;
}
.t_C {
	text-align: center;
}

/*5. margin */

.mt5 {
	margin: 5px 0 0px;
}
.mt10 {
	margin: 10px 0 0px;
}
.mt15 {
	margin: 15px 0 0px;
}
.mt20 {
	margin: 20px 0 0px;
}
.mt30 {
	margin: 30px 0 0px;
}
.mt40 {
	margin: 40px 0 0px;
}
.mt50 {
	margin: 50px 0 0px;
}
.mt60 {
	margin: 60px 0 0px;
}
.ml5 {
	margin: 0 0 0 5px;
}
.ml10 {
	margin: 0 0 0 10px;
}
.ml15 {
	margin: 0 0 0 15px;
}
.ml20 {
	margin: 0 0 0 20px;
}
.ml30 {
	margin: 0 0 0 30px;
}
.mr5 {
	margin: 0 5px 0 0;
}
.mr10 {
	margin: 0 10px 0 0;
}
.mr15 {
	margin: 0 15px 0 0;
}
.mr20 {
	margin: 0 20px 0 0;
}
.mr30 {
	margin: 0 30px 0 0;
}

/*6. padding */
.p0 {
	padding: 0;
}
.plr5 {
	padding: 0 5px;
}
.plr10 {
	padding: 0 10px;
}
.plr15 {
	padding: 0 15px;
}
.plr20 {
	padding: 0 20px;
}
.ptb10 {
	padding: 10px 0;
}
.ptb20 {
	padding: 20px 0;
}
.pall10 {
	padding: 10px;
}
.pall20 {
	padding: 20px;
}
.pl0{
	padding-left:0 !important;
}
.pr0{
	padding-right:0 !important;
}

/*6. margin-bottom */
.m0{
    margin: 0 !important;
}
.mb0 {
	margin-bottom: 0 !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb10{
    margin-bottom: 10px !important;
}
.mb15{
    margin-bottom: 15px !important;
}
.mb20{
    margin-bottom: 20px !important;
}
.mb30{
    margin-bottom: 30px !important;
}
.mb40{
    margin-bottom: 40px !important;
}
.mb50{
    margin-bottom: 50px !important;
}
.mb60{
    margin-bottom: 60px !important;
}

/*7. width % */
.w10p{
  width:10%;
}
.w20p{
  width:20%;
}
.w30p{
  width:30%;
}
.w40p{
  width:40%;
}
.w50p{
  width:50%;
}
.w60p{
  width:60%;
}
.w70p{
  width:70%;
}
.w80p{
  width:80%;
}
.w90p{
  width:90%;
}
.w100p{
  width:100%;
}
.w5p{
  width:5%;
}
.w15p{
  width:15%;
}
.w25p{
  width:25%;
}
.w35p{
  width:35%;
}
.w45p{
  width:45%;
}
.w55p{
  width:55%;
}
.w64p{
  width:64%;
}
.w65p{
  width:65%;
}
.w75p{
  width:75%;
}
.w85p{
  width:85%;
}
.w95p{
  width:95%;
}
@media (max-width: 768px) {
  .w10p{
    width:100%;
  }
  .w20p{
    width:100%;
  }
  .w30p{
    width:100%;
  }
  .w40p{
    width:100%;
  }
  .w50p{
    width:100%;
  }
  .w60p{
    width:100%;
  }
  .w70p{
    width:100%;
  }
  .w80p{
    width:100%;
  }
  .w90p{
    width:100%;
  }
  .w100p{
    width:1000%;
  }
  .w5p{
    width:100;
  }
  .w15p{
    width:100%;
  }
  .w25p{
    width:100%;
  }
  .w35p{
    width:100%;
  }
  .w45p{
    width:100%;
  }
  .w55p{
    width:100%;
  }
  .w65p{
    width:100%;
  }
  .w75p{
    width:100%;
  }
  .w85p{
    width:100%;
  }
  .w95p{
    width:100%;
  }
}

.areaL {float: left;}
.areaR {float: right;}
.tx-left{text-align: left !important;}
.tx-right{text-align: right !important;}
.tx-center{text-align: center !important;}

@media screen and (max-width: 768px){
    .rwd-float-none .areaL,
    .rwd-float-none .areaR{
        float:none;
        width:100%;
        margin: 0 auto 10px;
    }
}

/*スマホ　Safari専用のCSSハック*/
@media (max-width: 768px) {
	@media screen and (-webkit-min-device-pixel-ratio:0) {
	/*おかしいところをピンポイントで設定*/
		.banner .tel_cont .tel {
		    font-size: 40px;
			text-decoration: none !important;
		}
		.banner .tel_cont .tel a{
			text-decoration: none !important;
		}

		.banner_list .tel_cont .tel {
		    font-size: 40px;
			text-decoration: none !important;
		}
		.banner_list .tel_cont .tel a{
			text-decoration: none !important;
		}
		/*iOS（iPhone・iPad）のフォームボタンなどのデザイン変更 */
        input[type="button"],input[type="submit"] { -webkit-appearance: none; }
        /*iOS（iPhone・iPad）はデバイスの縦横でフォントサイズが変わる*/
       /*自動調整を無効にしたい*/
       body { -webkit-text-size-adjust: none; }
       /*タップターゲットの長押しポップアップを阻止*/
       a { -webkit-touch-callout: none; }
	}
	
}

/*
カスタムパーツ
**************************************/


/**
共通背景画像
****************/

.img_bg1,
.more_btn_img a.img_bg1:after {
    background: url(../images/common/img_bg1.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg2,
.more_btn_img a.img_bg2:after {
    background: url(../images/common/img_bg2.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg3,
.more_btn_img a.img_bg3:after {
    background: url(../images/common/img_bg3.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg4,
.more_btn_img a.img_bg4:after {
    background: url(../images/common/img_bg4.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg5,
.more_btn_img a.img_bg5:after {
    background: url(../images/common/img_bg5.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg6,
.more_btn_img a.img_bg6:after {
    background: url(../images/common/img_bg6.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg7,
.more_btn_img a.img_bg7:after {
    background: url(../images/common/img_bg7.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg8,
.more_btn_img a.img_bg8:after {
    background: url(../images/common/img_bg8.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg9,
.more_btn_img a.img_bg9:after {
    background: url(../images/common/img_bg9.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg10,
.more_btn_img a.img_bg10:after {
    background: url(../images/common/img_bg10.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg11,
.more_btn_img a.img_bg11:after {
    background: url(../images/common/img_bg11.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg12,
.more_btn_img a.img_bg12:after {
    background: url(../images/common/img_bg12.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg13,
.more_btn_img a.img_bg13:after {
    background: url(../images/common/img_bg13.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg14,
.more_btn_img a.img_bg14:after {
    background: url(../images/common/img_bg14.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg15,
.more_btn_img a.img_bg15:after {
    background: url(../images/common/img_bg15.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg16,
.more_btn_img a.img_bg16:after {
    background: url(../images/common/img_bg16.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg17,
.more_btn_img a.img_bg17:after {
    background: url(../images/common/img_bg17.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg18,
.more_btn_img a.img_bg18:after {
    background: url(../images/common/img_bg18.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg19,
.more_btn_img a.img_bg19:after {
    background: url(../images/common/img_bg19.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg20,
.more_btn_img a.img_bg20:after {
    background: url(../images/common/img_bg20.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg21,
.more_btn_img a.img_bg21:after {
    background: url(../images/common/img_bg21.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg22,
.more_btn_img a.img_bg22:after {
    background: url(../images/common/img_bg22.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg23,
.more_btn_img a.img_bg23:after {
    background: url(../images/common/img_bg23.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg24,
.more_btn_img a.img_bg24:after {
    background: url(../images/common/img_bg24.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg25,
.more_btn_img a.img_bg25:after {
    background: url(../images/common/img_bg25.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg26,
.more_btn_img a.img_bg26:after {
    background: url(../images/common/img_bg26.jpg) no-repeat center center;
    background-size: cover;
}
.img_bg27,
.more_btn_img a.img_bg27:after {
    background: url(../images/common/img_bg27.jpg) no-repeat center center;
    background-size: cover;
}

.more_btn_img a.img_bg1:after,
.more_btn_img a.img_bg2:after,
.more_btn_img a.img_bg3:after,
.more_btn_img a.img_bg4:after,
.more_btn_img a.img_bg5:after,
.more_btn_img a.img_bg6:after,
.more_btn_img a.img_bg7:after,
.more_btn_img a.img_bg8:after,
.more_btn_img a.img_bg9:after,
.more_btn_img a.img_bg10:after,
.more_btn_img a.img_bg11:after,
.more_btn_img a.img_bg12:after,
.more_btn_img a.img_bg13:after,
.more_btn_img a.img_bg14:after,
.more_btn_img a.img_bg15:after,
.more_btn_img a.img_bg16:after,
.more_btn_img a.img_bg17:after,
.more_btn_img a.img_bg18:after,
.more_btn_img a.img_bg19:after,
.more_btn_img a.img_bg20:after,
.more_btn_img a.img_bg21:after,
.more_btn_img a.img_bg22:after,
.more_btn_img a.img_bg23:after,
.more_btn_img a.img_bg24:after,
.more_btn_img a.img_bg25:after,
.more_btn_img a.img_bg26:after,
.more_btn_img a.img_bg27:after{
    background: url(/_img/ja/resource/2/logo/540_540_2_ffffff/) no-repeat center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

/*
ボタンパターン1　共通設定
**************************/
.more_btn {
	text-align: center;
}
.more_btn a{
	display: inline-block;
	position: relative;
	text-decoration: none;
	border: 2px solid;
	-webkit-transition: all .3s;
	transition: all .3s;
	padding: 8px 5px;
	box-sizing: border-box;
    line-height: 1;
	text-align: center;
	min-width: 170px;
}
.more_btn a:hover{
    opacity: 1;
}
.textArea .more_btn{
    text-align: center;
}
.textArea .more_btn a{
    text-align: center;
}
.top_section .textArea .more_btn {
	text-align: center;
	margin-top:30px;
}

.LR_box .more_btn{
	text-align: center;
}
.LR_box .left .more_btn{
	margin-left:20px;
}
.LR_box .left .textArea .more_btn{
	margin-left:0px;
}

.LR_box.blog .left .more_btn{
	margin-left: 0px;
	text-align: left;
}

.more_btn.detail_btm {
    text-align: center;
    padding-bottom: 30px;
    margin-bottom: 0px;
}

@media (max-width: 1023px) {
    .more_btn a{
    	padding: 3% 5%;
    	min-width: 170px;
    }
}

@media (max-width: 768px) {
    .more_btn.feature_btn {
        width: calc(100% - 12%);
        margin:0 auto;
    }
    .more_btn a {
    	width: 100%;
    	font-size:4vw;
        padding: 30px 10px;
    }
    .textArea .more_btn{
        text-align: center;
    }
    .LR_box .more_btn{
		text-align: center;
	}
	.LR_box .left .more_btn{
		margin-left:0px;
	}
}

/*
ボタンパターン1　背景画像
**************************/

.more_btn_img{
    text-align: center;
    width:470px;
    margin:0 auto;
    position: relative;
}
.more_btn_img a{
    display: inline-block;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s;
    padding: 35px 5px;
    box-sizing: border-box;
    line-height: 1;
    position: relative;
    font-size: 0.938rem;
    font-weight:bold;
    width: 100%;
}
.more_btn_img a:hover{
    -webkit-transition: all .3s;
    transition: all .3s;
}
.more_btn_img a:after{
    position: absolute;
    content:"";
    width:100%;
    height: 100%;
    left:0;
    right:0;
    top:0;
    z-index:-1;
}
.detail_box_wrap .detail_box2 li .more_btn_img,
.detail_box_wrap .detail_box3 li .more_btn_img,
.detail_box_wrap .detail_box4 li .more_btn_img,
.detail_box_wrap .detail_box5 li .more_btn_img{
    width:100%;
}
.detail_box_wrap .detail_box3 li .more_btn_img,
.detail_box_wrap .detail_box3 li .more_btn_img a{
    height: 100%;
}
.detail_box_wrap .detail_box3 li .more_btn_img a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;

	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media (max-width: 768px) {
    .more_btn_img{
        width:100%;

    }
    .more_btn_img a{
        font-size: 3.5vmin;
    }
	.text {
		padding: 0;
		width: 100%;
		box-sizing: border-box;
		margin-bottom: 3%;
	}
	.text2 {
		padding: 10px;
		width: 100%;
		box-sizing: border-box;
	}
	.text2 .richtext {
		margin-bottom: 15px;
	}
	.img {
		width: 100%;
		text-align: center;
	}
}


/*
ボタンパターン1　アニメーション
**************************/
.more_btn_anime {
	text-align: center;
}
.more_btn_anime a{
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
	padding: 8px 5px;
	min-width: 170px;
    cursor: pointer;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.more_btn_anime a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.more_btn_anime a {
    text-decoration: none;
}
.more_btn_anime a:hover {
}
.more_btn_anime a:hover:before {
  transform: scaleY(1);
}

/**************
左右BOX
**************/
.LR_box{
}
.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%;
}

/**************
左右BOX（flex）
**************/
.flex_LR_box{
    box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.flex_LR_box.img_left{
	-ms-flex-direction: row;
    flex-direction: row;
}
.flex_LR_box.img_right{
	-ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.flex_LR_box.img_left .right{
    /*width: calc(50% - 90px);*/
    width: 50%;
    margin: 0px;
    padding:  0px;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.flex_LR_box.img_right .left{
    /*width: calc(50% - 90px);*/
    width: 50%;
    margin: 0px;
    padding:  0px;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.flex_LR_box.img_left .left{
    float: none;
    width: 50%;
    padding-left: 0;
}
.flex_LR_box.img_right .right{
    float: none;
    width: 50%;
    padding-left: 0;
}
.flex_LR_box li{
    width:100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.flex_LR_box li:nth-child(2n){
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.flex_LR_box .img-bg_wrap a {
    height:inherit;
}
.flex_LR_box .img-bg_wrap .img_bg {
    height:100%;
}
.flex_LR_box .img-bg_wrap .img_bg{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
}
.flex_LR_box .img-bg_wrap .textArea{
    width: calc(100% - 90px); 
    padding:100px 0;
}
.lower_section .lower_section_inner .flex_LR_box .img-bg_wrap .textArea {
    margin: 0px auto;
}
.flex_LR_box .img-bg_wrap .textArea .ttl_wrap .more_btn{
    margin-top:40px;
}
.flex_LR_box .img_box a{
    width:100%;
    display:block;
}

@media (max-width: 1023px) {
    .flex_LR_box .img-bg_wrap .img_bg{
        height:400px ;
    }
    .flex_LR_box .img-bg_wrap .textArea{
        width: calc(100% - 12%); 
        padding:50px 0;
    }
    .flex_LR_box.img_left .right{
        width: 100%;
        height: 100% ;
    }
    .flex_LR_box.img_right .left{
        width: 100%;
        height: 100% ;
    }
    .flex_LR_box.img_left .left{
        width: 100%;
    }
    .flex_LR_box.img_right .right{
        width: 100%;
    }
}

@media (max-width: 768px) {
    .flex_LR_box{
    	-webkit-box-orient: vertical;
    	-webkit-box-direction: normal;
    	-ms-flex-direction: column;
    	flex-direction: column;
    }
    .flex_LR_box .img-bg_wrap .img_bg{
        height:400px ;
    }
    .flex_LR_box.img_left .right{
        width: 100%;
        height: 100% ;
    }
    .flex_LR_box.img_right .left{
        width: 100%;
        height: 100% ;
    }
    .flex_LR_box.img_left .left{
        width: 100%;
    }
    .flex_LR_box.img_right .right{
        width: 100%;
    }
}


/**************
アーティクル用　左右BOX(flex)
**************/
.flex_LR_box li .img-bg_wrap {
    width: 50%;
    height: inherit;
}
.flex_LR_box li .img-bg_wrap a{
    height: 100%;
}
.flex_LR_box li.fade_box.active:nth-child(2n) .img_box,
.flex_LR_box li.fade_box.active:nth-child(2n) .txt_box {
  transform: translateX(0);
}
.flex_LR_box .txt_box{
    width: calc(50% - 90px);
    margin: 0px;
    padding:  0px;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.flex_LR_box .txt_box{
    float: none;
}
.flex_LR_box .txt_box_in{
    width: calc(100% - 180px);
    padding: 100px 0 ;
}
.flex_LR_box .txt_box_in h3{
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: 20px;
}
.flex_LR_box .txt_box_in .date{
    font-size: 1.125rem;
    margin-bottom: 60px;
}
.flex_LR_box .txt_box_in .text{
    font-size: 1rem;
    margin-bottom: 40px;
}
.flex_LR_box .txt_box_in .more_btn{
    width:170px;
    margin: 0 auto;
}
.flex_LR_box .img_box .img_bg{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
}

@media (max-width: 1169px) {
    .flex_LR_box .txt_box{
        position: absolute;
        right: 0;
        float: none;
        width: 100%;
        padding-left: 0;
    }
    .flex_LR_box .txt_box_in{
        width: calc(100% - 12%);
    }
}

@media (max-width: 1169px) {
    .flex_LR_box .txt_box{
        position: relative;
        left: 0;
        right: 0;
        float: none;
        width: 100%;
        padding: 0;
        min-height:auto;
        height:100%;
    }
}
@media (max-width: 1023px) {
    .flex_LR_box li .img-bg_wrap {
        width: 100%;
    }
    .flex_LR_box .txt_box_in{
        width: calc(100% - 12%);
        padding: 50px 0 ;
    }
}

@media (max-width: 768px) {
    .flex_LR_box .txt_box_in h3{
        font-size: 4vw;
    }
    .flex_LR_box .txt_box_in .date{
        font-size: 4vw;
        margin-bottom: 30px;
    }
    .flex_LR_box .txt_box_in .text{
        font-size: 4vw;
    }
    .flex_LR_box li .img-bg_wrap.txt_box {
        width: calc(100% - 12%);
        margin:0 auto;
        padding:30px 0;
    }
    .flex_LR_box .txt_box{
        min-height: auto ;
        margin: 40px auto 100px;
    }
    .flex_LR_box .txt_box_in .more_btn{
        width:100%;
        margin: 0 auto;
    }
}

/**************
横幅
**************/
.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: 0px;
}
.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.tag_list .detail_box4 li:last-child {
    margin-top:0;
}
.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: 0.938rem;
}
.detail_box_wrap .detail_box3 li .textArea,
.detail_box_wrap .detail_box4 li .textArea,
.detail_box_wrap .detail_box5 li .textArea{
    font-size: 0.875rem;
}

.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{
        margin-bottom: 0px;
    }
    .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 (max-width: 1400px) {
    .detail_box2 li{
        width:50%;
        width:calc(50% - 15px);
    }
}
@media screen and (min-width: 769px) and (max-width: 1169px) {
    .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 (max-width: 1400px) {
    .detail_box3 li{
        width:32%;
        width:calc(33% - 20px);
        margin-left:30px;
    }
}
@media screen and (min-width: 769px) and (max-width: 1169px) {
   .detail_box3 li{
        width:32%;
        width:calc(33% - 20px);
        margin-left:30px;
    }
    .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 (max-width: 1400px) {
    .detail_box3 li{
        width:25%;
        width:calc(25% - 22.5px);
        margin-left:30px;
    }
}
@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%;
    }
}

/***************************************
　::横並びリンクボタン
****************************************/
.common_btm_links .detail_box_wrap {
    margin-bottom: 0;
    padding-bottom: 60px;
}
.common_btm_links .detail_box_wrap ul li {
  margin-top: 30px;
  margin-bottom:0;
}
.common_btm_links .detail_box_wrap ul li:nth-child(-n+3) {
  margin-top: 0px;
}
@media (max-width: 768px) {
	.common_btm_links .detail_box_wrap ul li:nth-child(-n+3) {
	  margin-top: 30px;
	}
	.common_btm_links .detail_box_wrap ul li:first-child {
	  margin-top: 0px;
	}
}


/*
見出し　h2～h6
**************************************/
h2,
h3,
h4,
h5,
h6{
}

/**************
アーティクルリスト　共通
**************/
.article_list {
	margin-bottom: 50px;
}
.lower_section .article_list {
	margin-bottom: 0;
}
.top_section .article_list li {
	margin-bottom: 0;
}
.article_list li {
	margin-top: 50px;
}
.article_list.detail_box2 li:nth-child(-n+2),
.article_list.detail_box3 li:nth-child(-n+3),
.article_list.detail_box4 li:nth-child(-n+4),
.article_list.detail_box5 li:nth-child(-n+5) {
	margin-top: 0px;
}
.article_list li a {
	text-decoration: none;
	display: block;
	position: relative;
}
.article_list li a:hover {
}
.article_list li .more_btn a{
	display: inline-block;
}
.article_list li .more_btn a:hover {
    opacity:1;
}
.article_list li a p.t_R span a {
	display: inline;
}
.article_list .image {
	margin: 0 auto;
	text-align: center;
}
.article_list .date {
    text-align: left;
    width: auto;
    line-height: 1.0;
    padding: 0;
    font-size: 0.75rem;
    margin-bottom: 30px;
}
.article_list .title {
	font-size: 0.938rem;
	/*line-height: 1;*/
	text-align: justify;
	font-weight: bold;
	width:100%;
	box-sizing: border-box;
	text-align: center;
	padding: 14px 15px 13px;
}
.article_list .text {
	padding: 15px;
}

.article_list.pattern1 .title,
.article_list.pattern3 .title{

}
.article_list.pattern2 .title {
}
.article_list.pattern1 .date,
.article_list.pattern3 .date{

}
.article_list.pattern2 .date {
}
.article_list.pattern1 .text,
.article_list.pattern3 .text{
	
}
.article_list.pattern2 .text{
}

.lower_section .article_list.pattern2.news li,
.div_section .article_list.pattern2.news li {
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.lower_section .article_list.pattern2.news li .title,
.div_section .article_list.pattern2.news li .title {
    margin-bottom: 25px;
}
.lower_section .article_list.pattern2.news li .date,
.div_section .article_list.pattern2.news li .date {
    background: none;
    text-align: left;
    font-weight: bold;
    font-size: 0.875rem;
    padding: 0 20px;
    margin-bottom: 25px;
}
.lower_section .article_list.pattern2.news li .text,
.div_section .article_list.pattern2.news li .text {
    background: none;
    padding: 0 20px;
}
.lower_section .article_list.pattern2.news li .more_btn,
.div_section .article_list.pattern2.news li .more_btn {
    margin-top: 30px;
}
.lower_section.pattern1 .article_list.pattern2.news li,
.div_section.pattern1 .article_list.pattern2.news li {}
.lower_section.pattern1 .article_list.pattern2.news li .title,
.div_section.pattern1 .article_list.pattern2.news li .title {}
.lower_section.pattern1 .article_list.pattern2.news li .date,
.div_section.pattern1 .article_list.pattern2.news li .date {}
.lower_section.pattern1 .article_list.pattern2.news li .text,
.div_section.pattern1 .article_list.pattern2.news li .text {}

.lower_section.pattern2 .article_list.pattern2.news li,
.div_section.pattern2 .article_list.pattern2.news li {
}
.lower_section.pattern2 .article_list.pattern2.news li .title,
.div_section.pattern2 .article_list.pattern2.news li .title {
}
.lower_section.pattern2 .article_list.pattern2.news li .date,
.div_section.pattern2 .article_list.pattern2.news li .date {
}
.lower_section.pattern2 .article_list.pattern2.news li .text,
.div_section.pattern2 .article_list.pattern2.news li .text {
}
.lower_section.pattern2 .article_list.pattern2.news li .more_btn a:hover,
.div_section.pattern2 .article_list.pattern2.news li .more_btn a:hover {
    opacity: 1;
}

.lower_section.pattern3 .article_list.pattern2.news li,
.div_section.pattern3 .article_list.pattern2.news li {}
.lower_section.pattern3 .article_list.pattern2.news li .title,
.div_section.pattern3 .article_list.pattern2.news li .title {}
.lower_section.pattern3 .article_list.pattern2.news li .date,
.div_section.pattern3 .article_list.pattern2.news li .date {}
.lower_section.pattern3 .article_list.pattern2.news li .text,
.div_section.pattern3 .article_list.pattern2.news li .text {}
.lower_section.pattern3 .article_list.pattern2.news li .more_btn a:hover,
.div_section.pattern3 .article_list.pattern2.news li .more_btn a:hover {
    opacity: 1;
}

@media (max-width: 768px) {
	.article_list.pattern2 li {
		width: 100%!important;
	}
	.article_list .title {
		font-size: 1rem;
	}
	.article_list.pattern2 .title {
    	margin-bottom: 0px;
    	display: inline-block;
    	padding: 15px;
        /*background: #fff;
        color: #5b8e82;*/
    }
    .article_list .date {
        margin-bottom: 0px;
    }
    .article_list .text {
    	padding: 30px 0 0;
    	margin-bottom:0;
    }
	.article_list li .more_btn a{
		display: inline-block;
		width:100%;
		box-sizing: border-box;
    	padding: 2%;
	}
    .lower_section .article_list.pattern2.news li .date,
    .div_section .article_list.pattern2.news li .date {
        padding: 0 0;
    }
    .lower_section .article_list.pattern2.news li .text,
    .div_section .article_list.pattern2.news li .text {
        padding: 0 0;
    }
}


@media (max-width: 768px) {
	.article_list.detail_box2 li,
	.article_list.detail_box3 li,
	.article_list.detail_box4 li,
	.article_list.detail_box5 li{
		margin:50px auto 0;
		width:100%;
		float: none;
	}
	.article_list.detail_box2 li:nth-child(-n+2),
	.article_list.detail_box3 li:nth-child(-n+3),
	.article_list.detail_box4 li:nth-child(-n+4),
	.article_list.detail_box5 li:nth-child(-n+5) {
		margin-top: 50px;
	}
	.article_list.detail_box2 li:first-child,
	.article_list.detail_box3 li:first-child,
	.article_list.detail_box4 li:first-child,
	.article_list.detail_box5 li:first-child{
		margin-top:0px ;
	}
	.article_list.detail_box2 li:last-child,
	.article_list.detail_box3 li:last-child,
	.article_list.detail_box4 li:last-child,
	.article_list.detail_box5 li:last-child{
		margin-bottom: 50px;
	}
}

/**************
アーティクルリスト　２列横並び
**************/
.article_list.detail_box2 li {
	width:570px;
	float: left;
	margin-left:30px;
	position: relative;
}
.article_list.detail_box2 li:first-child,
.article_list.detail_box2 li:nth-child(2n+1){
	margin-left:0;
}
@media screen and (min-width: 769px) and (max-width: 1169px) {
   .article_list.detail_box2 li {
    	width:50%;
    	width:calc(50% - 15px);
    } 
}
@media (max-width: 768px) {
	.article_list.detail_box2 li{
	    float: none;
        width: 100%;
        margin-left: auto;
	}
	.article_list.detail_box2 li:nth-child(-n+2) {
	}
	.article_list.detail_box2 li:first-child{
	}
}
/**************
アーティクルリスト　３列横並び
**************/
.article_list.detail_box3{
}
.article_list.detail_box3 li {
	width:370px;
	margin-left:30px;
    float: left;
    position: relative;
}

.article_list.detail_box3 li:first-child,
.article_list.detail_box3 li:nth-child(3n+1){
	margin-left:0;
}
.article_list.detail_box3 li:nth-child(3n) {
	/*margin:0 0 3% 0;*/
}


@media screen and (min-width: 769px) and (max-width: 1169px) {
   .article_list.detail_box3 li {
    	width:32%;
    	/*width:calc(33% - 20px);*/
    	margin-left: 2%;
    }
    .article_list.detail_box3 li:first-child,
    .article_list.detail_box3 li:nth-child(3n+1) {
    	margin-left: 0%;
    }
	.col_9 .article_list.detail_box3 li {
		width:100%;
		float: none;
    	margin-left: 0%;
	}
	.left.col_9 .article_list.float_left li .image{
		width:30%;
	}
	.left.col_9 .article_list.float_left li .image img {margin-bottom: 0px;}
	.lower_main .left.col_9 .article_list.float_left li .pattern1 .textArea h3 {margin-bottom: 10px;}
	.left.col_9 .article_list.float_left li .article_contents{
		width:65%;
	}
	.left.col_9 .article_list.float_left li .more_btn a {
	    /*width: 100%;*/
	}
}

@media (max-width: 768px) {
	.article_list.detail_box3 li{
        margin-left: auto;
		width:100%;
		float: none;
	}
	.article_list.detail_box3 li:nth-child(-n+3) {
	}
	.article_list.detail_box3 li:first-child{
	}
    .left.col_9 .article_list.float_left li .image{
    	width:auto;
		float: none;
		margin-bottom: 0;
    }
    .left.col_9 .article_list.float_left li .article_contents{
    	width:auto;
		float: none;
		margin-bottom: 0;
		padding: 6%;
    }
    .left.col_9 .article_list.float_left li .article_contents h3{
		margin-bottom: 30px;
		font-size: 4vw;
    }
    .left.col_9 .article_list.float_left li .article_contents .date{
		font-size: 4vw;
		text-align:left;
		margin-bottom: 30px;
    }
}
/**************
アーティクルリスト　4列横並び
**************/
.article_list.detail_box4 li {
	width:270px;
	float: left;
	position: relative;
}
.article_list.detail_box4 li:first-child,
.article_list.detail_box4 li:nth-child(4n+1){
	margin-left:0;
}
@media screen and (min-width: 769px) and (max-width: 1169px) {
   .article_list.detail_box4 li {
    	width:25%;
    	width:calc(25% - 22.5px);
    } 
}
@media (max-width: 768px) {
	.article_list.detail_box4 li{
        margin-left: auto;
		width:100%;
		float: none;
	}
	.article_list.detail_box4 li:nth-child(-n+4) {
	}
	.article_list.detail_box4 li:first-child{
	}
}
/**************
アーティクルリスト　5列横並び
**************/
.article_list.detail_box5 li {
	width:170px;
	float: left;
	position: relative;
}
.article_list.detail_box5 li:first-child,
.article_list.detail_box5 li:nth-child(5n+1){
	margin-left:0;
}
@media screen and (min-width: 769px) and (max-width: 1169px) {
    .article_list.detail_box5 li {
    }
}
@media screen and (min-width: 769px) and (max-width: 1169px) {
    .article_list.detail_box5 li {
    	width:18%;
    	/*width:calc(20% - 30px);*/
        margin-left: 2.5%;
	}
    .article_list.detail_box5 li:first-child,
    .article_list.detail_box5 li:nth-child(5n+1){
    	margin-left:0;
    }
}
@media (max-width: 768px) {
	.article_list.detail_box5 li{
        margin-left: auto;
		width:100%;
		float: none;
	}
	.article_list.detail_box5 li:nth-child(-n+5) {
	}
	.article_list.detail_box5 li:first-child{
	}
	.article_list.detail_box5 li:last-child{
	}
}
/**************
アーティクルリスト　画像+コンテンツ横並び共通
**************/
.article_list.float_left li,
.article_list.float_right li,
.article_list.no_image li {
	margin-top: 50px;
	/*background: #fff;
	border-bottom: 1px solid #e5e5e5;*/
}
.article_list.float_left li:first-child,
.article_list.float_right li:first-child,
.article_list.no_image li:first-child {
	margin-top: 0px;
}

.article_list li .article_ttl{
	position: relative;
    font-size: 1.5rem;
    padding: 0 0 24px;
    margin: 24px 0 40px;
}
.article_list li .article_ttl h4,
.article_list li .article_ttl span{
    font-weight: bold;
    font-family: "ヒラギノ明朝 ProN","Hiragino Mincho ProN","游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.article_list.pattern2 li .article_ttl{
	position: relative;
    font-size: 1.250rem;
    border-bottom: none;
    padding: 0;
    margin: 45px 0 35px;
}
.article_list li .article_ttl h4{

}
.article_list li .article_ttl span{
	position: absolute;
	top: 0;
	right:0;
}

.article_list.float_left li .article_contents .text,
.article_list.float_right li .article_contents .text,
.article_list.no_image li .article_contents .text {
	margin-bottom: 20px;
	padding:0;
	background: none;
	border: none;
	border-radius: 0;
}
.article_list.float_left li .article_contents h3,
.article_list.float_right li .article_contents h3,
.article_list.no_image li .article_contents h3 {
	text-align: left;
}
.article_list.float_left li .article_contents .date,
.article_list.float_right li .article_contents .date,
.article_list.no_image li .article_contents .date {
	margin-bottom: 15px;
    text-align: left;
    width: auto;
    line-height: 1.0;
    padding: 0;
    font-size: 0.75rem;
}
.article_list.float_left li .article_contents .more_btn3 a,
.article_list.float_right li .article_contents .more_btn3 a,
.article_list.no_image li .more_btn3 a {
	display: inline-block;
	min-width: 170px;
}
.article_list.float_left li .article_contents .more_btn3 a:hover,
.article_list.float_right li .article_contents .more_btn3 a:hover,
.article_list.no_image li .more_btn3 a:hover {

}
@media (max-width: 768px) {
	.article_list.float_left li,
	.article_list.float_right li {
		padding-bottom: 0px;
		margin-bottom: 60px;
	}
	.article_list.float_left li:last-child,
	.article_list.float_right li:last-child {
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	.article_list.float_left li .article_contents .text,
	.article_list.float_right li .article_contents .text,
	.article_list.no_image li .article_contents .text {
		margin-bottom: 30px;
	}
}
/**************
アーティクルリスト　画像(左)+コンテンツ横並び
**************/
.article_list.float_left .image {
	float: left;
	position: relative;
}
.article_list.float_left .article_contents {
	float: right;
}
@media (max-width: 768px) {
	.article_list.float_left .image {
		width:100%;
		float: none;
	}
	.article_list.float_left .article_contents {
		width:100%;
		float: none;
	}
}
/**************
アーティクルリスト　画像(右)+コンテンツ横並び
**************/
.article_list.float_right .image {
	float: right;
	position: relative;
}
.article_list.float_right .article_contents {
	float: left;
}
@media (max-width: 768px) {
	.article_list.float_right .image {
		width:100%;
		float: none;
	}
	.article_list.float_right .article_contents {
		width:100%;
		float: none;
		padding:0;
	}
}
/**************
アーティクルリスト　画像なし
**************/
.article_list.no_image .image {
	display: none;
}
.article_list.no_image .article_contents {
	width:100%;
}
@media (max-width: 768px) {
}


/**************
アーティクルリスト　BLOG
**************/
.flex_LR_box.blog{
    padding: 60px 0 100px;
}
.flex_LR_box.blog .article_list li:first-child{
    margin-top:0px;
}
.flex_LR_box.blog .article_list li:nth-child(n + 2){
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top:20px;
}
.flex_LR_box.blog .left{
    width:740px;
    background:none;
}
.flex_LR_box.blog .right{
    width:370px;
    background:none;
}
.blog .article_list  {
    position: relative;
    margin-bottom:0;
}

.flex_LR_box.blog .article_list li {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 40px;
}

.flex_LR_box.blog .article_list li .image{
	width:270px;
	margin:0 30px 0 0;
}
.flex_LR_box.blog .article_list li .article_contents{
	width:470px;
}
.flex_LR_box.blog .article_list li .article_contents h3{
	font-size: 1.250rem;
    margin-bottom: 10px;
    line-height:1;
}
.flex_LR_box.blog .article_list li .article_contents .date{
	font-size: 1rem;
    text-align: left;
    margin-bottom: 10px;
    line-height:1;
}
.flex_LR_box.blog .article_list li .article_contents .text{
	font-size: 1rem;
    padding: 0 0 25px;
}

.flex_LR_box.blog .right .article_archive h3,
.flex_LR_box.blog .right .article_category h3{
    font-size: 1.5rem;
    margin-bottom: 10px;
    font-weight: bold;
}


@media (max-width: 1380px) {
    .flex_LR_box.blog .left{
		width: 77%;
    }
    .flex_LR_box.blog .article_list li .image{
        width: 25%;
        margin: 0 30px 30px 0;
        float: none;
    }
    .flex_LR_box.blog .article_list li .article_contents{
    	width:70%;
    }
    .flex_LR_box.blog .right{
		width: 20%;
    }
}
@media (max-width: 1169px) {
    .flex_LR_box.blog {  
        width: calc(100% - 100px);
        margin: 0 auto;
    }
}

@media (max-width: 1023px) {
    .flex_LR_box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .flex_LR_box.blog .left{
        width: calc(100% - 40px);
        margin: 0 auto 60px;
    }
    .flex_LR_box.blog .right{
        width: calc(100% - 40px);
        margin: 0 auto;
    }
    .flex_LR_box.blog .article_list li .image{
        width: 25%;
        margin: 0 30px 30px 0;
        float: none;
    }
    .flex_LR_box.blog .article_list li .article_contents{
    	width:70%;
    }
    .blog .article_list .flex_LR_box {
        flex-direction: row;
    }
}
@media (max-width: 768px) {
    .flex_LR_box.blog{
        padding: 60px 0 0;
        width:100%;
    }
    .flex_LR_box li{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .flex_LR_box li:nth-child(2n) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .flex_LR_box.blog .article_list li:nth-child(2n){
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .flex_LR_box.blog .article_list li:nth-child(n + 2){
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top:60px;
    }
    .flex_LR_box.blog .article_list li:last-child{
        margin-bottom:60px;
    }
    .flex_LR_box.blog .left{
        width: 100%;
        margin: 0 auto;
    }
    .flex_LR_box.blog .left .two_column_h3{
        margin: 0 auto 30px;
    }
    .flex_LR_box.blog .article_list li .image{
        width: 100%;
        margin: 0 auto 30px;
        float: none;
    }
    .flex_LR_box.blog .article_list li .article_contents{
    	width:100%;
    }
    .flex_LR_box.blog .right{
		width: 100%;
    }
}

@media all and (-ms-high-contrast: none){
    .flex_LR_box.blog .article_list li{
        -webkit-box-orient: initial;
        -webkit-box-direction: initial;
        -ms-flex-direction: initial;
        flex-direction: initial;
        display:block;
    }
    .flex_LR_box.blog .article_list li .image{
    	width:30%;
    	float:left;
    }
    .flex_LR_box.blog .article_list li .article_contents{
    	width:65%;
    	float:right;
    }
    
}

/**************
アーティクル タグ
**************/
.article_tag{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-evenly;
	width: 1170px;
	margin: 0 auto;	
	flex-wrap: wrap;
}
.article_tag li{
	width: 210px;
	text-align: center;
}
.article_tag li a{
	display: block;
	padding: 20px 0;
	font-size: 1.125rem;
	line-height: 1;
	text-decoration: none;
	transition: all .3s ease-in-out;
}



/*
パンくず
**************************************/
.pankuzu {
	min-width: auto;
	min-height:42px;
	box-sizing: border-box;
	font-size: 0.875rem;
	line-height: 1.4;
	margin: 0 auto;
	position: relative;
	width: 100%;
	top:0px;
	z-index: 10000;
	margin-bottom: 0px;
}
.lower_mv_wrap + .pankuzu {
	top:-42px;
	margin-bottom: -42px;
}
.pankuzu ul {
	margin: 0px;
}
.pankuzu ul li:last-child:after {
	content:none;
}
.pankuzu ul li {
	margin: 0px 4px 0 0;
	display: table-cell;
    vertical-align: middle;
	position: relative;
	
	text-shadow: #ffffff 2px 0px, #ffffff -2px 0px, #ffffff 0px -2px, #ffffff 0px 2px, #ffffff 2px 2px, #ffffff -2px 2px, #ffffff 2px -2px, #ffffff -2px -2px, #ffffff 1px 2px, #ffffff -1px 2px, #ffffff 1px -2px, #ffffff -1px -2px, #ffffff 2px 1px, #ffffff -2px 1px, #ffffff 2px -1px, #ffffff -2px -1px;
}
.pankuzu ul li:nth-child(n+2) {
}

.pankuzu ul li > span{
	padding: 11px 0;
	display: block;
	text-align:center;
}
.pankuzu ul li > a > span{
	padding: 12px 0 11px;
	display: block;
	text-align:center;
}
.pankuzu ul li a {
	text-decoration: none;
	display: block;
	padding:0 10px 0 30px;
	position:relative;
	min-width: 55px;
    min-height: 37px;
}
.pankuzu ul li:first-child a {
	padding:0;
}
.pankuzu ul li:last-child span {
	display: block;
	padding:0 10px 0 30px;
}
.pankuzu ul li a:hover {
	text-decoration: none;
}

.pankuzu ul li:after {
    content: ">";
    position: absolute;
    right: -8px;
    top: 10px;
    width: 0;
	height: 0;
	z-index: 2;
}
.pankuzu ul li:hover:after {
}
.pankuzu ul li a[itemprop="item"]:after {
    content: "";
    position: absolute;
    right: -8px;
    top: 0px;
    width: 0;
	height: 0;
	z-index: 1;
}

@media screen and (max-width: 1169px) {
    .pankuzu .wrapper{
    	width:calc(100% - 40px);
    }
}
@media screen and (max-width: 768px) {
    .pankuzu {
    	display:none;
    }
}

/*
詳細用 パンくず
**************************************/

/********************************
NEWS
*********************************/
.pankuzu.detail{
	display:block;
}
.pankuzu.detail .wrapper{
	width: 770px;
}
@media screen and (max-width: 900px) {
    .pankuzu.detail .wrapper{
    	width:calc(100% - 40px);
    }
}
@media screen and (max-width: 1023px) {
    .pankuzu.detail{
    	display:none;
    }
}
@media screen and (max-width: 768px) {
    .pankuzu.detail{
    	display:none;
    }
    .pankuzu.detail nav.breadcrumb{
    	display:none;
    }
}

/********************************
ギャラリー・フォーム詳細
*********************************/
.pankuzu.detail2{
	display:block;
}
.pankuzu.detail2 .wrapper{
	width: 1000px;
}
@media screen and (max-width: 1169px) {
    .pankuzu.detail2 .wrapper{
    	width:calc(100% - 40px);
    }
}
@media screen and (max-width: 1023px) {
    .pankuzu.detail2{
    	display:none;
    }
}
@media screen and (max-width: 768px) {
    .pankuzu.detail2{
    	display:none;
    }
    .pankuzu.detail2 nav.breadcrumb{
    	display:none;
    }
}

/********************************
BLOG詳細
*********************************/
.pankuzu.detail3{
	display:block;
}
.pankuzu.detail3 .wrapper{
	width: 1170px;
}
@media screen and (max-width: 1169px) {
    .pankuzu.detail3 .wrapper{
    	width:calc(100% - 40px);
    }
}
@media screen and (max-width: 1023px) {
    .pankuzu.detail3{
    	display:none;
    }
}
@media screen and (max-width: 768px) {
    .pankuzu.detail3{
    	display:none;
    }
    .pankuzu.detail3 nav.breadcrumb{
    	display:none;
    }
}

/********************************
テーブル
*********************************/
table {
	border-collapse: collapse;
}
table tr th{
}
table tr td{
}

/*
共通
**************************************/
.price{
    text-align:right;
}
.free_table {
	width: 100%;
}
.free_table table.common_table {
	margin: 0 auto 30px;
	width: 100%;
}
.free_table table.common_table tr th {
	padding: 5px 0;
	vertical-align: middle;
	/*font-size: 0.938rem;*/
	font-size:1rem; 
}
.free_table table.common_table tr td {
	padding: 5px 15px;
	vertical-align: middle;
	/*font-size: 0.938rem;*/
	font-size:1rem; 
}
.free_table table.common_table.two_rows tr th {
	width: 30%;
}
.free_table table.common_table.two_rows tr td {
	width: 70%;
	text-align: left;
}

.free_table.recruit table.common_table.two_rows tr th {
	padding: 10px 10px;
}
.free_table.recruit table.common_table.two_rows tr td {
	padding: 10px 10px;
}

@media screen and (max-width: 1023px) {
    .free_table table.common_table tr th {
    	font-size: 1rem;
    }
    .free_table table.common_table tr td {
    	font-size: 1rem;
    }
}
@media screen and (max-width: 768px) {
    .free_table table.common_table {
    	margin: 0 auto 0;
    }
	.free_table table.common_table {
		margin: 0 auto 30px;
		width: 100%;
	}
	.free_table table.common_table tr th {
		padding: 3% 5%;
		display: block;
		width: 100%;
		font-size:5vw;
	}
	.free_table table.common_table tr td {
		padding: 3% 5%;
		display: block;
		width: 100%;
		font-size:4vw;
	}
    .free_table table.common_table tr th {
    	padding: 3% 0 0;
		display: block;
    	vertical-align: middle;
    	font-weight: bold;
    }
    .free_table table.common_table tr:first-child th {
    	border-top:none;
    }
    .free_table table.common_table tr td {
    	padding: 3% 0;
		display: block;
    	vertical-align: middle;
    }
    .free_table table.common_table tr td.pc {
		display: none;
    }
    .free_table table.common_table tr:last-child td {
    }
    .pattern2 .free_table table.common_table tr:last-child td {
    }
	.free_table .common_table.two_rows tr th {
		width: 100%!important;
		display: inline-block;
		box-sizing: border-box;
		border-bottom: 0;
	}
	.free_table .common_table.two_rows tr td {
		width: 100%!important;
		display: inline-block;
		box-sizing: border-box;
		border-bottom: 0;
	}
	.free_table .common_table.two_rows tr:last-child td {
		border-bottom: 1px solid;
	}
}

/*
メニュー用
**************************************/
.free_table table.menu_table {
	width: 100%;
}
.free_table table.menu_table tr th {
	padding: 25px 15px;
	vertical-align: middle;
	border: 1px solid #dddddd;
	font-size: 1.125rem;
	width:70%;
    /*position:relative;
    z-index:-1;*/
}
.free_table table.menu_table tr td {
	padding: 25px 15px;
	vertical-align: middle;
	border: 1px solid #dddddd;
	font-size: 1.125rem;
	width:30%;
    /*position:relative;
    z-index:-1;*/
}
.free_table table.menu_table tr td.price {
	text-align: center;
}

@media screen and (max-width: 768px) {
    .free_table table.menu_table tr th {
    	font-size: 4vw;
    	width:70%;
    	padding: 10px;
    	border:none;
    }
    .free_table table.menu_table tr td {
    	font-size: 4vw;
    	width:30%;
    	padding: 10px;
    	border:none;
    }    
}

@media screen and (max-width: 768px) {
    #menu2 .free_table table.menu_table {
    	width: 100%;
        border-spacing: 0 5px;
        border-collapse: separate;
    }
}

/*
メニュー用 パターン2（画像1対1）
**************************************/
.free_table table.menu_table.pattern2 {
	width: 100%;
}
.free_table table.menu_table.pattern2 tr th {
	padding: 25px 15px;
	vertical-align: middle;
	border: none;
	font-size: 1rem;
	width:70%;
}
.free_table table.menu_table.pattern2 tr td {
	padding: 25px 15px;
	vertical-align: middle;
	border: none;
	font-size: 1rem;
	width:30%;
}

.free_table table.menu_table.pattern2 tr th.ttl {
	text-align: left;
	font-size: 1.5rem;
	font-weight: 500;
	padding:0 0 20px;
}
.free_table table.menu_table.pattern2 tr td.price {
	text-align: right;
	font-size: 1.5rem;
	font-weight: 500;
	padding:0 0 20px;
}
.free_table table.menu_table.pattern2 tr td.txt {
	text-align: left;
	padding: 20px 0 0;
}

@media screen and (max-width: 768px) {
    .free_table table.menu_table.pattern2 tr th.ttl {
    	font-size: 4vw;
    }
    .free_table table.menu_table.pattern2 tr td.price {
    	font-size: 4vw;
    }
    .free_table table.menu_table.pattern2 tr td.txt {
    	font-size: 4vw;
    }  
}

/*
採用情報用
**************************************/
.free_table table.recruit_table {
	width: 100%;
}
.free_table table.recruit_table tr th {
	padding: 10px;
	vertical-align: middle;
	border: 1px solid #dddddd;
	font-size: 1.125rem;
	width:30%;
	text-align: center;
}
.free_table table.recruit_table tr td {
	padding: 10px;
	vertical-align: middle;
	border: 1px solid #dddddd;
	font-size: 1.125rem;
	width:70%;
}

@media screen and (max-width: 768px) {
    .free_table table.recruit_table tr th,
    .free_table table.recruit_table tr td {
    	width: 100%;
    	box-sizing: border-box;
    	text-align: left;
    	display:block;
    }
}


/*
スケジュール
**************************************/
.free_table table.schedule_table {
	width: 100%;
	border-spacing: 0 5px;
	border-collapse: separate;
}
.free_table table.schedule_table tr th {
	padding: 25px 5px;
	vertical-align: middle;
	font-size: 1.125rem;
	width: 94px;
	text-align: center;
}
.free_table table.schedule_table tr td {
	padding: 25px 30px;
	vertical-align: middle;
	font-size: 1.125rem;
}

/*
問合せフォーム
**************************************/

.alert {
	font-weight: bold;
	font-size: 16px;
}
.require {
    border-radius: 2px;
    margin-left: 10px;
    font-size: 0.875rem;
    font-weight: normal;
    padding: 5px 8px;
}
.owlet-rules-agree .require {
}

.inquiry_form table {
	width: 100%;
	margin: 0 auto 20px;
}
.inquiry_form table tr th {
	width: 30%;
    padding: 28px 37px 25px;
    font-weight: bold;
    vertical-align: middle;
    text-align:right;
}
.inquiry_form table tr td {
	width: 70%;
	padding: 28px 37px 25px;
	vertical-align: middle;
}
@media screen and (max-width: 768px) {
    .inquiry_form table tr th {
    	width: calc(30% - 18.5px);
        padding: 28px 37px 25px;
    }
    .inquiry_form table tr td {
    	width: calc(70% - 18.5px);
    	padding: 28px 37px 25px;
    }
}

.inquiry_form table tr:last-child td {
	border-bottom: none;
}
.inquiry_form input[type="image"] {
	text-align: center;
	display: block;
	margin: 0 auto;
}

.inquiry_form table input,
.inquiry_form table select,
.inquiry_form table textarea,
.inquiry_form table label,
.inquiry_form table .input_address{
    font-size:16px;
}
.inquiry_form input.owlet-input-tel1 + span,
.inquiry_form input.owlet-input-tel2 + span{
    font-size:16px;
}

/**入力画面&確認画面共通**/
.form_button {
	width: 30%;
	margin: 0 auto;
	text-align: center;
	font-size: 1.875rem;
}
.form_button a:hover,
.form_button input:hover {
	opacity: 0.8;
}

/**入力画面**/
form .form_button input[type="submit"],
form .form_button input[type="image"] {
	display: inline-block;
	cursor: pointer;
}
form .form_button input[type="submit"] {
	/*画像ボタンがないとき*/
	border: none;
	padding: 8px 5px;
	cursor: pointer;
	width:170px;
	box-sizing: border-box;
	font-size: 0.938rem;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

/**確認画面**/
.form_button a {
	display: inline-block;
	float: left;
	vertical-align: top;
}

/*画像ボタンがあるときはコメントアウト*/
.form_button a {
	/*画像ボタンがないとき*/
	border: 1px solid;
	padding: 8px 5px;
	width:170px;
	box-sizing: border-box;
	font-size: 0.938rem;
	text-decoration: none;
}
.form_button form {
	display: inline-block;
	float: right;
	vertical-align: top;
}
.form_button form input[type="image"] {
	display: inline;
	cursor: pointer;
}
.form_button form input[type="submit"] {
	/*画像ボタンがないとき*/
	border: 1px solid;
	padding: 8px 5px;
	cursor: pointer;
	width:170px;
	vertical-align: top;
	box-sizing: border-box;
	font-size: 0.938rem;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
@media screen and (max-width: 768px) {
	.form_button {
		width: 100%;
		margin: 0 auto 30px;
		font-size: 1.250rem;
	}
	.owlet-rules-agree {
		margin-top: 20px;
	}
	.inquiry_form table {
		display: block;
		width: 100%;
		box-sizing: border-box;
		border-bottom: 1px solid;
	}
	.inquiry_form table tbody,
	.inquiry_form table tr {
		display: block;
		width: 100%;
	}
	.inquiry_form table tr th,
	.inquiry_form table tr td {
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 10px 2%;
		border-bottom: none;
		text-align:left;
	}
	.form_button a {
		display: inline-block;
		float: none;
		vertical-align: top;
		margin: 0 auto 15px;
	}
	.form_button form {
		display: inline-block;
		float: none;
		vertical-align: top;
		margin: 0 auto 15px;
	}
}

.inquiry_form input[type="text"]{
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
}
.inquiry_form input.owlet-input-name-sei[type="text"],
.inquiry_form input.owlet-input-name-mei[type="text"]{
    width: 300px;
    box-sizing: border-box;
    padding: 10px;
}

@media screen and (max-width: 1023px) {
    .inquiry_form input.owlet-input-name-sei[type="text"],
    .inquiry_form input.owlet-input-name-mei[type="text"]{
        width: 100%;
    }
    .inquiry_form input.owlet-input-name-sei[type="text"]{
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 768px) {
    .inquiry_form input.owlet-input-name-sei[type="text"],
    .inquiry_form input.owlet-input-name-mei[type="text"]{
        width: 100%;
        padding: 10px;
        margin: 0;
    } 
    .inquiry_form input.owlet-input-name-sei[type="text"]{
        margin: 0 0 10px;
    }
}


/*
Ajaxフォーム
**************************************/

.owlet-form table {
	width: 100%;
	margin: 0 auto 20px;
}
.owlet-form table tr th {
	width: 30%;
    padding: 28px 37px 25px;
    font-weight: bold;
    vertical-align: middle;
}
.owlet-form table tr td {
	width: 70%;
	padding: 28px 37px 25px;
	vertical-align: middle;
}
.owlet-form table tr:last-child td {
	border-bottom: none;
}
.owlet-form input[type="image"] {
	text-align: center;
	display: block;
	margin: 0 auto;
}
.owlet-form .form_button input[type="button"] {
	border: none;
	padding: 8px 5px;
	cursor: pointer;
	width:170px;
	box-sizing: border-box;
	font-size: 0.938rem;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

/**入力画面&確認画面共通**/
.form_button {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	font-size: 1.875rem;
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.form_button a:hover,
.form_button input:hover {
	opacity: 0.8;
}

/**入力画面**/
form .form_button input[type="submit"],
form .form_button input[type="image"] {
	display: inline-block;
	cursor: pointer;
}
form .form_button input[type="submit"] {
	/*画像ボタンがないとき*/
	border: none;
	padding: 8px 5px;
	cursor: pointer;
	width:170px;
	box-sizing: border-box;
	font-size: 0.938rem;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

/**確認画面**/
.form_button a {
	float: none;
	margin-right: 30px;
}

/*画像ボタンがあるときはコメントアウト*/
.form_button a {
	/*画像ボタンがないとき*/
	border: 1px solid;
	padding: 9px 5px 8px;
	width:170px;
	height: 41px;
	box-sizing: border-box;
	font-size: 0.938rem;
	text-decoration: none;
}
.form_button form {
	width:170px;
	height: 41px;
}
.form_button form input[type="image"] {
	display: inline;
	cursor: pointer;
}
.form_button form input[type="submit"] {
	/*画像ボタンがないとき*/
	border: 1px solid;
	padding: 8px 5px;
	cursor: pointer;
	width:170px;
	vertical-align: top;
	box-sizing: border-box;
	font-size: 0.938rem;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
@media screen and (max-width: 768px) {
	.form_button {
		width: 100%;
		margin: 0 auto 30px;
		font-size: 1.250rem;
    	-webkit-box-orient: vertical;
    	-webkit-box-direction: normal;
    	-ms-flex-direction: column;
    	flex-direction: column;
	}
	.form_button a {
    	float: none;
    	margin-right: auto;
    }
	.owlet-rules-agree {
		margin-top: 20px;
	}
	.owlet-form table {
		display: block;
		width: 100%;
		box-sizing: border-box;
		border-bottom: 1px solid;
	}
	.owlet-form table tbody,
	.owlet-form table tr {
		display: block;
		width: 100%;
	}
	.owlet-form table tr th,
	.owlet-form table tr td {
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 10px 2%;
		border-bottom: none;
	}
	.form_button input {
		display: inline-block;
		float: none;
		vertical-align: top;
		margin: 0 auto;
	}
}
/*
フォーム input
アーティクル設定に合わせてください。
***************************/
.inquiry_form input[type="text"],
.inquiry_form select {
	min-height: 30px;
	box-sizing: border-box;
    border: 1px solid #dcdcdc;
}
.inquiry_form input.owlet-input-tel1[type="text"],
.inquiry_form input.owlet-input-tel2[type="text"],
.inquiry_form input.owlet-input-tel3[type="text"],
.inquiry_form input.zip1[type="text"],
.inquiry_form input.zip2[type="text"]{
	line-height: 1.2;
    padding: 10px;
    border: 1px solid #dcdcdc;
    width: 115px;
}
.inquiry_form textarea {
	min-height: 150px;
	line-height: 1.2;
	padding: 10px;
    border: 1px solid #dcdcdc;
	width: 100%;
	box-sizing: border-box;
}
.inquiry_form select {
	line-height: 1.2;
    border: 1px solid #dcdcdc;
	width: 180px;
}

/*名前*/
.owlet-input-name-sei,
.owlet-input-name-mei {
	width: 90px;
	margin: 0 5px;
}

/*メールアドレス*/
.inquiry_form input[name="input[email]"],
.inquiry_form input[name="input[email_confirm]"] {
	width: 100%;
}

/*住所*/
.zip1,
.zip2 {
	width: 60px;
	margin-bottom: 10px;
}
.zip2addr {
	margin-bottom: 10px;
    padding: 10px 13px 6px;
    box-sizing: border-box;
    display: inline-block;
}
select.prefectures,
select.city {
	margin: 0 5px 10px 0;
	padding: 10px;
}
.inquiry_form .address,
.inquiry_form input[name="input[address_address]"],
.inquiry_form input[name="input[address_address2]"],
.inquiry_form input[name="input[address2_address]"],
.inquiry_form input[name="input[address2_address2]"] {
	width: 100%;
	margin-left: 0;
}
.address,
input[name="input[address_address]"] {
	margin-bottom: 5px;
}

/*日時*/
.owl-datepicker {
	width: 150px;
	margin-right: 5px;
}
select[name="input[date_hour]"],
select[name="input[date_minute]"] {
	margin-right: 5px;
}

/*電話番号*/
.owlet-input-tel1,
.owlet-input-tel2,
.owlet-input-tel3 {
	width: 60px;
}
.owlet-input-tel2,
.owlet-input-tel3 {
	margin-left: 5px;
}

/*一行*/
input[name="input[company_name]"] {
	width: 80%;
	line-height: 1.2;
	padding: 2px;
}

/*複数行*/
textarea[name="input[text]"] {
	width: 80%;
}

/*ラジオ・チェックボックス縦並びにする場合*/
.inquiry_form table tr td label {
	display: block;
}

/*その他*/
input[name="input[select_etc]"],
input[name="input[radio_etc]"],
input[name="input[check_etc]"] {
	width: 80%;
	margin-top: 5px;
}

/*ラジオボタンにスタイルあてる場合*/
.inquiry_form label input[type="radio"] {}

/*チェックボックスにスタイルあてる場合*/
.inquiry_form label input[type="check"] {}
@media screen and (max-width: 768px) {
	.inquiry_form table tr td input,
	.inquiry_form table tr td select {
		max-width: 100%;
		box-sizing: border-box;
	}
	.inquiry_form table tr td input[type="text"] {
		min-height: 30px;
	}
	.inquiry_form textarea {
        width: 100%;
        padding: 0;
		display: block;
		margin: 0 auto;
	}
}

/*
フォーム 規約
**************************************/
.owlet-rules {
    padding: 0 0 50px;
}
.owlet-rules strong{
}
.owlet-rules-title {
/*	font-size: 1rem;
	font-weight: bold;
	margin-bottom: 10px;
	*/
	display:none;
}
.owlet-rules-body {
    /*
	height: 200px;
	padding: 15px;
	border: 1px solid;
	box-sizing: border-box;
	margin-bottom: 20px;
	overflow-y: scroll;
	*/
	display:none;
}
.owlet-rules-agree {
	text-align: center;
	margin-bottom: 20px;
	font-size:0;
}
.owlet-rules-agree a{
	font-size:16px;
    margin-bottom: 10px;
    display: inline-block;
}


@media screen and (max-width: 1169px) {
    .owlet-rules {
        width:calc(100% - 12%);
        margin:0 auto 60px;
    }
}
@media screen and (max-width: 1023px) {
    .owlet-rules {
        width: 100%;
        margin:0 auto;
        padding: 0 0 70px;
    }
}

/*
◆アーティクル　ページャー
*****************************************/
.pagenation {
	display: table;
	text-align: center;
	margin: 60px auto;
	line-height: 1.0;
	font-size: 0.938rem;
}
.pagenation span {
	display: inline-block;
	margin-right: 5px;
}
.pagenation span.prev,
.pagenation span.next {}
.pagenation span.prev a,
.pagenation span.next a {
	padding: 12px 14px;
	border: 1px solid;
	text-decoration: none;
	box-sizing: border-box;
}
.pagenation span.prev a:hover,
.pagenation span.next a:hover {
	border: 1px solid;
	text-decoration: none;
}
.pagenation span.prev.current,
.pagenation span.next.current {
	display: none;
}
.pagenation span.current {
	display: inline-block;
	border: 1px solid;
	padding: 12px 14px;
	text-decoration: none;
}
.pagenation span.scope_limit {
	text-decoration: none;
}
.pagenation span a {
	display: block;
	border: 1px solid ;
	padding: 12px 14px;
	text-decoration: none;
	box-sizing: border-box;
}
.pagenation span a:hover {
	display: block;
	border: 1px solid ;
	text-decoration: none;
}

/*
タブ
**************************************/
/*スタイル解除*/
.owl-tabs {}
.owl-tabs-container {
	border-radius: 0;
	border: none;
	padding: 0;
}
ul.ui-tabs-nav {
	border: none;
	border-radius: 0;
	background: none;
	padding: 0!important;
	margin-bottom: 30px!important;
}
.ui-tabs-panel {
	padding: 0!important;
}


/*
画像をトリミング
**************************************/
.trim {
    overflow: hidden;
    width: 100%;/* トリミングしたい枠の幅 */
    height: 400px;/* トリミングしたい枠の高さ */
    position: relative;
}
.trim img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

/*
共通設定
*************************************/
.common_pd{
	padding:0 20px;
}
.common_pdn{
	padding:0;
}
.common_pdr{
	padding: 0 30px 0 0;
}
.common_pdl{
	padding: 0 0 0 30px;
}

@media (max-width: 768px) {
    .common_pdr{
    	padding: 0 ;
    }
    .common_pdl{
    	padding: 0 ;
    }
}

.ui-draggable span{
	font-size: initial !important;
    color: #fff !important;
    font-weight: normal !important;
    margin: 0 !important;
}

/***************************************
　::イメージスライダー
****************************************/
#main_v {
	min-width: 1170px;
	margin: 0px auto;
	overflow: hidden;
	position: relative;
}
#main_v .wrapper {
	width: 100%;
	text-align: center;
	font-size: 0;
	position: relative;
	height: 100vh;
}
#main_v .mv_cap {
	width: 1170px;
	margin: 0 auto;
	position: relative;
}
#main_v .mv_cap img {
	position: absolute;
	left: 50%;
	margin-left: -199px;
	top: 200px;
	z-index: 9;
}
#main_v .bx-wrapper {
	margin: 0 auto!important;
}
#main_v .bx-wrapper img{
    width:100%;
}
#main_v .wrapper .owl-image_slider {
	width: 100%;
	margin: 0 auto;
	display: inline-block;
	/*position: absolute;
	left: 50%;
	margin-left: -1000px;
	top: 0px;*/
}

/*横並び　※横並びしない場合はコメントアウト↓*/
/*
#main_v .bx-viewport {
	overflow: visible!important;
	width: 1170px!important;
	margin: 0 auto;
}
*/
/*横並び　※横並びしない場合はコメントアウト↑*/

/*フルスクリーンの場合*/
#main_v .owl-image_slider-images ul li{
    height:100vh;
}

#main_v .bx-wrapper .bx-pager,
#main_v .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 10px;
	width: 100%;
}
#main_v .bx-wrapper .bx-pager {}
#main_v .bx-wrapper .bx-pager a {
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#main_v .bx-wrapper .bx-pager.bx-default-pager a:hover,
#main_v .bx-wrapper .bx-pager.bx-default-pager a.active {
}
#main_v .bx-wrapper .bx-controls-direction a {
	width: 39px;
	height: 39px;
	z-index: 10;
}
#main_v .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -21px;
	outline: 0;
	text-indent: -9999px;
	display: block;
}
#main_v .bx-wrapper .bx-prev {
	left: 10px;
	border-radius: 50%;
	background: url(/images/slide_prev_btn.png) no-repeat 0 0;
}
#main_v .bx-wrapper .bx-prev:hover {
	opacity: 0.8;
}
#main_v .bx-wrapper .bx-next {
	right: 10px;
	border-radius: 50%;
	background: url(/images/slide_next_btn.png) no-repeat 0 0;
}
#main_v .bx-wrapper .bx-next:hover {
	opacity: 0.8;
}
.main-container {
	/*一番外側の枠*/
	overflow: hidden;
	padding-bottom: 150px;
}
.slider {
	list-style: none;
	margin: 0;
	padding: 0;
}
.slider li {
	width: 800px!important;
	margin: 0;
	padding: 0;
}
#main_v .bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
}

#main_v .mv_text{
    position: absolute;
    bottom: 80px;
    height: calc(100% - 201px);
    left: 0;
    width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 768px) {
	#main_v {
		min-width: 100%;
		margin: 0px auto 0px;
	}
	#main_v .wrapper {height: auto;}
	#main_v .mv_cap {
		width: 100%;
	}
	#main_v .mv_cap img {
		left: 20%;
		margin-left: 0;
		width: 60%;
		top: 100px;
	}
	#main_v .wrapper .owl-image_slider {
		width: 100%;
		/*position: static;
		margin: 0 -30%;*/
	}
	#main_v .bx-viewport {
		width: 100%!important;
	}
	
    /*フルスクリーンの場合*/
    #main_v .owl-image_slider-images ul li{
        height:auto;
        position:absolute;
    }
	#main_v .bx-wrapper ul li img {
		height: auto;
	}
	#main_v .bx-wrapper .bx-pager {}
	#main_v .bx-wrapper .bx-pager,
	#main_v .bx-wrapper .bx-controls-auto {
		bottom: 0;
	}
	#main_v .bx-wrapper .bx-pager {
		padding-top: 0;
		bottom:5px;
	}
	#main_v .bx-wrapper .bx-pager a {
		width: 8px;
		height: 8px;
	}
	#main_v .bx-wrapper .bx-pager.bx-default-pager a:hover,
	#main_v .bx-wrapper .bx-pager.bx-default-pager a.active {
	}
	#main_v .bx-wrapper .bx-controls-direction a {
		display: block;
	}
	.main-container {
		/*一番外側の枠*/
		overflow: hidden;
		padding-bottom: 150px;
	}
	.slider {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.slider li {
		width: 800px!important;
		margin: 0;
		padding: 0;
	}
	#main_v .bx-controls {
		display: block;
	}
	.bx-controls {
		display: none;
	}
	#main_v .bx-wrapper {
		position: relative;
		margin: 0 auto;
		padding: 0;
	}
	.bx-controls-direction {
		display: none;
	}
	#main_v .mv_text{
	    display:none;
	}
}

/***************************************
　::フォーム
****************************************/
.lower_section.form{
    margin:0 30px;
}
.form_section{
    padding:50px 0 100px;
}
.form_section .wrapper{
    width:1000px;
}

@media (max-width: 1023px) {
    .form_section .wrapper{
        width:100%;
    }
    .lower_section.form{
        margin:0;
    }
}

@media (max-width: 768px) {
    .lower_section.form{
        margin:0;
    }
    .form_section{
        padding:0 0 100px;
    }
    .form_section .wrapper{
        width:calc(100% - 20px);
    }
}

/***************************************
　::iOSでのデフォルトスタイルをリセット
****************************************/
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/***************************************
　::フェードイン
****************************************/
.fade-in {
  transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
}
.fade-up {
  /*transition: opacity 1s;
  -moz-transition: opacity 1s;
  -webkit-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: transform 1s;
  -moz-transition: transform 1s;
  -webkit-transition: transform 1s;
  -o-transition: transform 1s;*/
  
  
  transition: all 1.5s;
  -moz-transition: all 1.5s;
  -webkit-transition: all 1.5s;
  -o-transition: all 1.5s;
}


/***************************************
　::FAQ
****************************************/
.faq-cont {
	margin: 0 auto 20px;
}
.faq-cont .q-cont {
	padding: 24px 6px 22px 110px;
	margin-bottom: 1px;
	font-weight: bold;
	font-size: 1.25rem;
	line-height: 1.2;
	position: relative;
    border:none;
}
.faq-cont .q-cont:before {
	content: "";
	background: url(../img/faq-q.png) no-repeat center center;
	position: absolute;
	left: 0;
	top: 0;
    border:none;
	width: 80px;
	height: 100%;
}
.faq-cont .a-cont {
	padding: 24px 6px 22px 110px;
	min-height: 25px;
	position: relative;
    border:none;
}
.faq-cont .a-cont:before {
	content: "";
	background: url(../img/faq-a.png) no-repeat center center;
	position: absolute;
	left: 0;
	top: 0;
    border:none;
	width: 80px;
	height: 100%;
}
@media (max-width: 768px) {
	.faq-cont {
	    margin-bottom: 50px;
	}
	.faq-cont:last-child {
	    margin-bottom: 0px;
	}
	.faq-cont .q-cont{
	    font-size:4vw;
	}
	.faq-cont .q-cont {
    	padding: 24px 6px 22px 86px;
    }
    .faq-cont .q-cont:before {
    	/*width: 45px;*/
    }
    .faq-cont .a-cont {
	    font-size:4vw;
    	padding: 24px 6px 22px 86px;
    }
    .faq-cont .a-cont:before {
    	/*width: 45px;*/
    }
}

/********************************
共通 スライダー
*********************************/

#main .three_column_slider{
    margin:60px 0 40px;
}
#main .three_column_slider .article_slider{
    width:100%;
}
#main .three_column_slider .article_slider li{
    /*width:calc(100% / 3);
    float:left;
    margin-right: 30px;*/
    width: 600px;
    text-align: center;
    margin: 0 15px;
}
#main .three_column_slider .article_slider li a{
    text-decoration: none;
}
#main .three_column_slider .article_slider li a:hover{
}
#main .three_column_slider .article_slider li .title{
    font-size: 1.125rem;
    font-weight: 500;
    padding: 17px 0 16px;
    line-height: 1;
    text-decoration: none;
}
@media (max-width: 1169px) {
    #main .three_column_slider .article_slider li{
        width: 300px;
    }
}
@media (max-width: 768px) {
    #main .three_column_slider{
        margin: 60px auto 0px;
    }
    #main .three_column_slider .article_slider li{
        width: 100%;
        text-align: left;
        margin: 0 0 50px;
    }
    #main .three_column_slider .article_slider li:nth-child(n+4){
        display: none;
        margin-bottom:0;
    }
    #main .three_column_slider .article_slider li .title {
        padding: 17px 15px 16px;
        font-size:4vw;
    }
}

.three_column_slider .article_slider li .title {
    font-size: 1.125rem;
    font-weight: 500;
    padding: 17px 0 16px;
    line-height: 1;
    text-decoration: none;
}
.three_column_slider .article_slider li .title {
    font-size: 1.125rem;
    font-weight: 500;
    padding: 17px 0 16px;
    line-height: 1;
    text-decoration: none;
}
.three_column_slider .article_slider li {
    text-align: center;
    margin: 0 15px;
}
.three_column_slider {
    margin: 60px 0 40px;
}

/********************************
TOP・下層　背景画像
*********************************/
.parallax_img {
    width: 100%;
    box-sizing: border-box;
    display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.parallax_img_left,
.parallax_img_right{
    width:50%;
    background-attachment: fixed;
}
.parallax_bgimg{
    width: 100%;
    height:600px;
    position: relative;
    z-index: 100;
}
.parallax_bgimg > div{
    background-attachment: fixed;
}
.touchevent .parallax_bgimg > div{
    background-attachment: initial;
}
@media (max-width: 1023px) {
    .parallax_bgimg{
        display:none;
    }
}

@media (max-width: 768px) {
    .parallax_bgimg{
        display:block;
        height:300px;
    }
    .parallax_bgimg > div{
        background-attachment: initial;
    }
    
    .lower_main .parallax_bgimg{
        display:none;
    }
}
/********************************
共通　背景画像
*********************************/
.top_section.bg_img,
.lower_section.bg_img{
    background-image: url(/images/common/common_bg_img.jpg);
}
.top_section_in {
    position:relative;
    z-index:-2;
}

/*
NEWS　2カラム
**************************************/

.news_two-column ul.article_list {
    box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.top_section.news_two-column ul.article_list {
    box-sizing: border-box;
    margin-bottom:40px;
}
.news_two-column ul li{
    width: calc(50% - 15px);
    margin:0;
}
.news_two-column ul li:nth-child(odd){
    margin-right:30px;
}
.news_two-column ul li:nth-child(n+3){
    margin-top:30px;
}

.news_two-column ul li .textArea{
    width: calc(100% - 140px);
    margin: 50px 70px 60px;
}
.news_two-column ul li .date {
    font-size: 1.125rem;
    text-align: left;
    margin-bottom: 30px;
}
.news_two-column ul li .title{
    font-size: 1.25rem;
    text-align: center;
}
.news_two-column ul li .text{
    font-size: 1rem;
    text-align: left;
    padding:0;
    margin-bottom:40px;
}
.news_two-column ul .textArea .more_btn {
  text-align: center;
}
@media (min-width: 769px) {
    .top_section.news_two-column ul li:nth-child(-n + 2){
        margin:0px;
    }
    .top_section.news_two-column ul li:nth-child(odd){
        margin-right: 30px;
    }
    .top_section.news_two-column ul li:nth-child(n + 3){
        margin-top: 30px;
    }
}

@media (max-width: 1023px) {
    .news_two-column .top_section_inner {
        width:calc(100% - 12%);
        margin: 0 auto;
    }
}
@media (max-width: 768px) {
    .news_two-column .top_section_inner {
        width:100%;
        margin: 0 auto;
    }
    .news_two-column ul li:nth-child(odd){
        margin-right:auto;
    }
    .news_two-column ul li{
        width: 100%;
          margin: 30px auto;
    }
    .news_two-column ul li .title{
        font-size: 4vw;
        text-align: left;
    }
    
    .news_two-column ul li .textArea{
        width: calc(100% - 140px);
        margin: 50px 70px 60px;
    }
    .top_section.news_two-column ul li{
        width: 100%;
        margin: auto;
    }
    .top_section.news_two-column ul li:nth-child(n + 2){
        margin-top: 30px;
    }
    .top_section.news_two-column ul li .textArea{
        width: calc(100% - 12%);
        margin: 6% auto;
    }
    .top_section.news_two-column ul li .date {
        font-size: 4vw;
        margin-bottom: 0px;
    }
    .top_section.news_two-column ul li .title{
        font-size: 4vw;
    }
    .top_section.news_two-column ul li .text {
        font-size: 4vw;
        padding: 30px 0 0;
    }
    .top_section.news_two-column ul .textArea .more_btn a{
        padding:10px 5px;
    }
    
    .lower_section.news_two-column ul li .date {
        font-size: 4vw;
        margin-bottom: 0px;
    }
    .lower_section.news_two-column ul li .title{
        font-size: 4vw;
    }
    .lower_section.news_two-column ul li .text{
        font-size: 4vw;
        padding: 30px 0 0;
    }
    .lower_section.news_two-column ul li .textArea{
        width: calc(100% - 12%);
        margin: 6%;
    }
}


/*
NEWS　4カラム
**************************************/
.news_four-column ul.article_list {
    box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.top_section.news_four-column ul.article_list {
    box-sizing: border-box;
    margin-bottom:40px;
}
.news_four-column ul.article_list li{
    width: calc(25% - 22.5px);
    margin:0;
}
.news_four-column ul.article_list li:nth-child(-n + 4){
    margin:0px;
}
.news_four-column ul.article_list li:nth-child(n + 5){
    margin-top: 30px;
}
.news_four-column ul.article_list li .textArea{
    width: calc(100% - 40px);
    margin: 30px 20px;
}
.news_four-column ul.article_list li .date {
    font-size: 0.875rem;
    text-align: left;
    margin-bottom: 20px;
}
.news_four-column ul.article_list li .title{
    font-size: 1.125rem;
    text-align: center;
}
.news_four-column ul.article_list li .text{
    font-size: 1rem;
    text-align: left;
    padding:0;
    margin-bottom:30px;
}
.news_four-column ul.article_list .textArea .more_btn {
  text-align: center;
}
@media (min-width: 769px) {
    .top_section.news_four-column ul.article_list li:nth-child(-n + 4){
        margin:0px;
    }
    .top_section.news_four-column ul.article_list li:nth-child(n + 5){
        margin-top: 30px;
    }  
}
@media (max-width: 768px) {
    .top_section.news_four-column ul.article_list li{
        width: 100%;
        margin: 0px auto;
    }
    .top_section.news_four-column ul li:nth-child(n + 2){
        margin-top: 30px;
    }
    .top_section.news_four-column ul.article_list li .text {
        padding: 30px 0 0;
    }
    .news_four-column ul.article_list li .date {
        font-size: 4vw;
    }
    .news_four-column ul.article_list li .title{
        font-size: 4vw;
    }
    .news_four-column ul.article_list li .text{
        font-size: 4vw;
    }
}

/*
 フェード
****************************************/

@media (max-width: 1400px) {
    #concept .left.fade_box {
        transform: translateX(-0px);
    }
    #concept .right.fade_box {
        transform: translateX(0px);
        transition-delay: 0;
    }
    #concept .left.fade_box.active,
    #concept .right.fade_box.active {
        transform: translateX(0);
    }
    #menu .left.fade_box {
        transform: translateX(0px);
    }
    #menu .right.fade_box {
        transform: translateX(0px);
        transition-delay: 0;
    }
    #menu .left.fade_box.active,
    #menu .right.fade_box.active {
        transform: translateX(0);
    }
    #recruit .left.fade_box {
        transform: translateX(0px);
    }
    #recruit .right.fade_box {
        transform: translateX(0px);
        transition-delay: 0;
    }
    #recruit .left.fade_box.active,
    #recruit .right.fade_box.active {
        transform: translateX(0);
    }
    
    #concept_feature .left.fade_box {
        transform: translateX(0px);
    }
    #concept_feature .right.fade_box {
        transform: translateX(0px);
        transition-delay: 0;
    }
    #concept_feature .left.fade_box.active,
    #concept_feature .right.fade_box.active {
        transform: translateX(0);
    }
    #two_column_full .left.fade_box {
        transform: translateX(0px);
    }
    #two_column_full .right.fade_box {
        transform: translateX(0px);
        transition-delay: 0;
    }
    #two_column_full .left.fade_box.active,
    #two_column_full .right.fade_box.active {
        transform: translateX(0);
    }

    #voice .img_box.fade_box {
        transform: translateX(0px);
    }
    #voice .txt_box.fade_box {
        transform: translateX(0px);
        transition-delay: 0;
    }
    
    #aboutus .left.fade_box {
        transform: translateX(0px);
    }
    #aboutus .right.fade_box {
        transform: translateX(0px);
        transition-delay: 0;
    }
    #aboutus .left.fade_box.active,
    #aboutus .right.fade_box.active {
        transform: translateX(0);
    }
}

/*
リンク（横並び×3）
**************************************/
.bgimg_link_wrap ul.bgimg_list{
    box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.bgimg_link_wrap ul.bgimg_list li{
    width:calc(100% / 3);
}
*::-ms-backdrop, .bgimg_link_wrap ul.bgimg_list li {
  width: 33.33%; /* IE11 */
}
.bgimg_link_wrap ul.bgimg_list li .more_btn_img{
    width: 100%;
    height:100%;
    background-size: cover;
}
.bgimg_link_wrap ul.bgimg_list li .more_btn_img a{
    padding:140px 5px 80px;
    font-size: 1.3rem;
    position: relative;
    display: block;
    width: 100%;
    height:100%;
    overflow: hidden;
}
.bgimg_link_wrap ul.bgimg_list li:nth-child(2) .more_btn_img a{
    width: 101%;
    height:100%;
}
.touchevent .bgimg_link_wrap ul.bgimg_list li .more_btn_img a{
    width: 100%;
}
.touchevent .bgimg_link_wrap ul.bgimg_list li:nth-child(2) .more_btn_img a{
    width: 101%;
}
.bgimg_link_wrap ul.bgimg_list li .more_btn_img a span{
    position: relative;
    z-index: 2;
    display: block;
    margin-bottom: 25px;
}
.bgimg_link_wrap ul.bgimg_list li .more_btn_img a img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    transition: all .5s ease-in-out;
    z-index: 1;
}
.bgimg_link_wrap ul.bgimg_list li .more_btn_img a:before {
    position: absolute;
    content: "";
    top: 0%;
    left:0;
    width: 101%;
    height: 101%;
    opacity: 1;
    transition: all .5s ease-in-out;
    z-index: 2;
}
.bgimg_link_wrap ul.bgimg_list li .more_btn_img a:hover:before {
    transition: background-color 0.4s;
}

.bgimg_link_wrap ul.bgimg_list li .more_btn_img a i.icon-next {
    opacity: 0;
    transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1);
    font-size: 1.875rem;
}
.bgimg_link_wrap ul.bgimg_list li .more_btn_img a:hover i.icon-next {
    margin-left: 5px;
    text-indent: 10px;
    opacity: 1;
    transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1);
    position: relative;
    z-index: 2;
}

.touchevent .bgimg_link_wrap ul.bgimg_list li .more_btn_img a i.icon-next {
    margin-left: 5px;
    text-indent: 10px;
    opacity: 1;
    transition: all 0.2s cubic-bezier(0.5, 0, 0.5, 1);
    position: relative;
    z-index: 2;
}


@media (max-width: 1023px) {
    .bgimg_link_wrap{
        padding-top:50px;
    }
    .bgimg_link_wrap ul.bgimg_list{
    	-webkit-box-orient: vertical;
    	-webkit-box-direction: normal;
    	-ms-flex-direction: column;
    	flex-direction: column;
    }
    .bgimg_link_wrap ul.bgimg_list li{
        width: calc(100% - 12%);
        margin: 0 auto 30px;
    }
    .bgimg_link_wrap ul.bgimg_list li .more_btn_img a{
        width: 100%;
        padding:100px 5px 50px;
    }
    .bgimg_link_wrap ul.bgimg_list li:nth-child(2) .more_btn_img a{
        width: 100%;
    }
    .bgimg_link_wrap ul.bgimg_list li .more_btn_img a:before {
        width: 100%;
        height: 100%;
    }
    .touchevent .bgimg_link_wrap ul.bgimg_list li:nth-child(2) .more_btn_img a{
        width: 100%;
    }
}

/***************************************
　::アイコンフォント
****************************************/
@font-face {
  font-family: 'icomoon';
  src:  url('/icon/font/icomoon.eot?abrc2l');
  src:  url('/icon/font/icomoon.eot?abrc2l#iefix') format('embedded-opentype'),
    url('/icon/font/icomoon.ttf?abrc2l') format('truetype'),
    url('/icon/font/icomoon.woff?abrc2l') format('woff'),
    url('/icon/font/icomoon.svg?abrc2l#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-next"], [class*=" icon-next"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-next:before {
  content: "\e900";
}

@font-face {
    font-family: 'icomoon2';
    src:  url('/icon/font2/icomoon2.eot?wabiir');
    src:  url('/icon/font2/icomoon2.eot?wabiir#iefix') format('embedded-opentype'),
    url('/icon/font2/icomoon2.ttf?wabiir') format('truetype'),
    url('/icon/font2/icomoon2.woff?wabiir') format('woff'),
    url('/icon/font2/icomoon2.svg?wabiir#icomoon2') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-time"], [class*="icon-time"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon2' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'icomoon3';
  src:  url('/icon/font3/icomoon3.eot?zb9lj0');
  src:  url('/icon/font3/icomoon3.eot?zb9lj0#iefix') format('embedded-opentype'),
    url('/icon/font3/icomoon3.ttf?zb9lj0') format('truetype'),
    url('/icon/font3/icomoon3.woff?zb9lj0') format('woff'),
    url('/icon/font3/icomoon3.svg?zb9lj0#icomoon3') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-arrow"], [class*=" icon-arrow"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon3' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-arrow{
    position: relative;
}
.icon-arrow:after {
    content: "\e900";
    font-size: 2.250rem;
    top: 45%;
    position: relative;
}

@media (max-width: 768px) {
    .icon-arrow{
        display:none;    
    }
}

.inquiry_form {
    padding-bottom :60px;
}

.lazyload{
    opacity: 0;
}
.lazyloaded{
    opacity: 1;
    transition: all 0.5s;
}

.flex_LR_box.blog .detail_box_wrap .detail_box2 li,
.flex_LR_box.blog .detail_box_wrap .detail_box3 li,
.flex_LR_box.blog .detail_box_wrap .detail_box4 li,
.flex_LR_box.blog .detail_box_wrap .detail_box5 li{
    float: none;
    display: block;
    text-align: center;
    margin: 0 auto 30px;
}
.flex_LR_box.blog .detail_box_wrap .detail_box2 li:first-child,
.flex_LR_box.blog .detail_box_wrap .detail_box3 li:first-child,
.flex_LR_box.blog .detail_box_wrap .detail_box4 li:first-child,
.flex_LR_box.blog .detail_box_wrap .detail_box5 li:first-child{
    margin: 0 auto 30px;
}
.flex_LR_box.blog .detail_box_wrap .detail_box2 li:nth-child(3n+1),
.flex_LR_box.blog .detail_box_wrap .detail_box3 li:nth-child(3n+1),
.flex_LR_box.blog .detail_box_wrap .detail_box4 li:nth-child(3n+1),
.flex_LR_box.blog .detail_box_wrap .detail_box5 li:nth-child(3n+1){
    margin: 0 auto 30px;
}
/**************
blog dtl
**************/
.flex_LR_box.blog .blog_link.detail_box_wrap {}
.flex_LR_box.blog .blog_link.detail_box_wrap .detail_box3 li {
    float:left;
    width:32.6666%;
    margin-right:1%;
	margin-left: 0;
}
.flex_LR_box.blog .blog_link.detail_box_wrap .detail_box3 li:last-child {
    margin-right:0;
}
@media (max-width: 768px) {
    .flex_LR_box.blog .blog_link.detail_box_wrap .detail_box3 li {
        float: none;
        width: auto;
        margin-right: 0;
    }
}