/*=============================
	Sub(Lower)Page setting
===============================*/
/* header
----------------------------------- */
.header.sub{top:0px;}
.header.sub.active{top:0;}
@media screen and (min-width:768px) {
.header.sub{top:600px;}
.header.sub.active{top:0;}
}
/* main_visual
----------------------------------- */
#sub_visual {width: 100%;height: 180px;padding-top:20px;position: relative;background: url(../images/sub_visual.png) no-repeat center top / cover;margin: 0 0 0 auto;}
#sub_visual.news{width: 100%;height: 180px;padding-top:20px;position: relative;background: url(../images/sub_visual_news.png) no-repeat center top / cover;margin: 0 0 0 auto;}
#sub_visual.recruit{width: 100%;height: 180px;padding-top:20px;position: relative;background: url(../images/sub_visual_recruit.png) no-repeat center top / cover;margin: 0 0 0 auto;}
#sub_visual.scene{width: 100%;height: 180px;padding-top:20px;position: relative;background: url(../images/sub_visual_scene.png) no-repeat center top / cover;margin: 0 0 0 auto;}
#sub_visual.course{width: 100%;height: 180px;padding-top:20px;position: relative;background: url(../images/sub_visual_course.png) no-repeat center top / cover;margin: 0 0 0 auto;}
#sub_visual.menu{width: 100%;height: 180px;padding-top:20px;position: relative;background: url(../images/sub_visual_menu.png) no-repeat center top / cover;margin: 0 0 0 auto;}
#sub_visual.history{width: 100%;height: 180px;padding-top:20px;position: relative;background: url(../images/sub_visual_history.png) no-repeat center top / cover;margin: 0 0 0 auto;}
#sub_visual.about{width: 100%;height: 180px;padding-top:20px;position: relative;background: url(../images/sub_visual_about.png) no-repeat center top / cover;margin: 0 0 0 auto;}
#sub_visual img{position: absolute; left: 0; right: 0; margin: 0 auto; top: 40px; width:250px; display:none;}
#sub_visual h1{margin:0 auto;font-size: 26px;color:#fff; font-weight: bold;letter-spacing: 0.1em;display: block;margin-top: 50px;text-align:center; text-shadow: 0px 0px 2px #000, 0px 0px 4px #000, 0px 0px 10px #000;}
#sub_visual p{margin:0 auto;font-size: 26px; color:#89806a; mix-blend-mode: color-burn; font-weight: 500;letter-spacing: 0.1em;display: block;text-align:center;text-transform:capitalize; margin-top: 5px;}
@media screen and (min-width:768px) {
#sub_visual {width: 100%;height: 280px;padding-top:50px;position: relative;background: url(../images/sub_visual.png) no-repeat center top / cover;margin: 0 0 0 auto;}
#sub_visual.news{width: 100%;height: 280px;padding-top:50px;position: relative;background: url(../images/sub_visual_news.png) no-repeat center top / cover;margin: 0 0 0 auto;}
#sub_visual.recruit{width: 100%;height: 280px;padding-top:50px;position: relative;background: url(../images/sub_visual_recruit.png) no-repeat center top / cover;margin: 0 0 0 auto;}
#sub_visual.scene{width: 100%;height: 280px;padding-top:50px;position: relative;background: url(../images/sub_visual_scene.png) no-repeat center top / cover;margin: 0 0 0 auto;}
#sub_visual.course{width: 100%;height: 280px;padding-top:50px;position: relative;background: url(../images/sub_visual_course.png) no-repeat center top / cover;margin: 0 0 0 auto;}
#sub_visual.menu{width: 100%;height: 280px;padding-top:50px;position: relative;background: url(../images/sub_visual_menu.png) no-repeat center top / cover;margin: 0 0 0 auto;}
#sub_visual.history{width: 100%;height: 280px;padding-top:50px;position: relative;background: url(../images/sub_visual_history.png) no-repeat center top / cover;margin: 0 0 0 auto;}
#sub_visual.about{width: 100%;height: 280px;padding-top:50px;position: relative;background: url(../images/sub_visual_about.png) no-repeat center top / cover;margin: 0 0 0 auto;}
#sub_visual img{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 40px; width:250px;}
#sub_visual h1{font-size: 35px; margin-top: 50px;}
#sub_visual p{font-size: 34px;}
}
@media screen and (min-width: 1024px) {
#sub_visual, #sub_visual.news, #sub_visual.recruit, #sub_visual.scene, #sub_visual.course, #sub_visual.menu, #sub_visual.history, #sub_visual.about{height: 350px;}
#sub_visual h1{font-size: 48px; margin-top: 80px; max-width: 1240px;}
#sub_visual p{font-size: 46px;}
}
@media screen and (min-width: 1920px) {
#sub_visual, #sub_visual.news, #sub_visual.recruit, #sub_visual.scene, #sub_visual.course, #sub_visual.menu, #sub_visual.history, #sub_visual.about{height: 600px;padding-top:170px;}
#sub_visual h1{font-size: 58px;}
#sub_visual p{font-size: 55px;}
}

/* bread_crumb_list
----------------------------------- */
#sub_contents .bread_crumb_list{background:none;position:absolute;width:100%; top:-45px;line-height:100%;padding:0px;}
#sub_contents .bread_crumb {background:none;background-color: none; text-align:left;padding:0px;max-width:94%;margin:0 auto;margin-bottom:30px;}
#sub_contents .bread_crumb div { display:inline;color:#fff;}
#sub_contents .bread_crumb div:after {content : '＞';padding-left:10px; font-family: inherit; font-size:13px;}
#sub_contents .bread_crumb div:last-child:after { content : '';}
#sub_contents .bread_crumb div a {text-decoration:underline;color:#fff;font-size:12px;}
#sub_contents .bread_crumb p{margin-bottom:0px; font-size:12px;}
@media screen and (min-width:768px) {
#sub_contents .bread_crumb_list{background:rgba(0,0,0,.6);position:absolute;width:100%; top:-53px;line-height:100%;padding:0px;}
#sub_contents .bread_crumb{text-align:left;padding:0px;max-width:1280px;margin:0 auto;margin-bottom:30px;}
#sub_contents .bread_crumb div { display:inline;color:#fff;}
#sub_contents .bread_crumb div:after {content : '＞';padding-left:10px; font-family: inherit; font-size:13px;}
#sub_contents .bread_crumb div:last-child:after { content : '';}
#sub_contents .bread_crumb div a {text-decoration:underline;color:#fff;font-size:13px;}
#sub_contents .bread_crumb p{margin-bottom:0px; font-size:13px;}
}

/* sub_contents 
----------------------------------- */
#sub_contents {font-size: 15px; position: relative;padding:0px;background-attachment: inherit; }
#sub_contents p{font-size: 16px;}
#sub_contents section{max-width: 94%; margin: 50px auto 50px;position: relative;}
#sub_contents .section{max-width: 94%; margin: 50px auto 50px;position: relative;}
#sub_contents h2{text-align: center;font-size:26px; font-weight: 600; margin-bottom:10px; position: relative; line-height: 150%; padding-top: 20px;letter-spacing: 0.06em;text-transform:capitalize;}
#sub_contents h2 span{font-weight: bold;font-size:19px; display: block;margin-bottom:0px;}
#sub_contents h3{ text-align: center;font-size:17px; font-weight: bold; position: relative; line-height: 100%; padding-top: 20px;}
#sub_contents .txt_cen{ text-align: center; font-size:16px; line-height: 180%;font-weight: bold;}
#sub_contents .txt_cen em{display:inline;font-style:normal;font-weight:bold;}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 15px;}
#sub_contents .mb30{margin-bottom: 20px;}
#sub_contents .mb40{margin-bottom: 30px;}
#sub_contents .mb50{margin-bottom: 30px;}
#sub_contents .mb80{margin-bottom: 60px;}
#sub_contents .mb100{margin-bottom: 50px;}
#sub_contents .mb150{margin-bottom: 80px;}
#sub_contents .sp_br{display:block;}
#sub_contents .bold{font-weight:bold;}
#sub_contents .sub_bg{background: url(../images/sub_bg.png) no-repeat top center / cover ; background-size: cover; padding: 30px 0px;}
#sub_contents .sub_bg02{background: #eee; 30px 0px;}
@media screen and (min-width:768px) {
  #sub_contents .txt_cen em{display:block;font-style:normal;font-weight:bold;}
#sub_contents {font-size: 16px; position: relative;padding:0;}
#sub_contents p{font-size: 17px;}
#sub_contents section{max-width: 1280px; position: relative;}
#sub_contents .section{max-width: 1280px; padding:0 2%; position: relative;margin: 50px auto 50px;}
#sub_contents h2{ text-align: center;font-size:44px; margin-bottom:10px; position: relative; line-height: 150%; padding-top: 25px;}
#sub_contents h2 span{font-weight: bold;font-size:24px; display: block;margin-bottom:0px;}
#sub_contents h3{ text-align: center;font-size:22px; font-weight: bold; position: relative; line-height: 100%; padding-top: 20px;}
#sub_contents .txt_cen{ text-align: center; font-size:15px; line-height: 200%;font-weight: bold;}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 20px;}
#sub_contents .mb30{margin-bottom: 30px;}
#sub_contents .mb40{margin-bottom: 40px;}
#sub_contents .mb50{margin-bottom: 50px;}
#sub_contents .mb80{margin-bottom: 80px;}
#sub_contents .mb100{margin-bottom: 100px;}
#sub_contents .mb150{margin-bottom: 150px;}
#sub_contents .sp_br{display:inline-block;}
}
@media screen and (min-width:1024px) {
#sub_contents .txt_cen{ text-align: center; font-size:22px; line-height: 200%;font-weight: bold;}
}
@media screen and (min-width:1025px) {
#sub_contents .section{max-width: 1280px; padding:0 2% 0 25%; position: relative;margin: 50px auto 50px;}
}
@media screen and (min-width:1300px) {
#sub_contents .section{max-width: 1280px; padding:0 2% 0 20%; position: relative;margin: 50px auto 50px;}
}
@media screen and (min-width:1600px) {
#sub_contents .section{max-width: 1280px; padding:0 2% 0 8%; position: relative;margin: 50px auto 50px;}
}
@media screen and (min-width:1920px) {
#sub_contents .section{max-width: 1280px; padding:0 2% 0 4%; position: relative;margin: 50px auto 50px;}
}
#sub_contents .sub_bg h2{color:#fff;}
#sub_contents .sub_bg .txt_cen, #sub_contents .sub_bg .txt_cen a{color:#fff;}
#sub_contents .sub_bg .white{color:#fff;}

/* tab
-----------------------------*/
#sub_contents .tab_area {display: grid;grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));column-gap: 10px;row-gap: 10px;}
#sub_contents .tab {padding: 10px 0;font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s; position: relative;background:#fff;box-shadow: 0px 0px 10px 0px rgba(174, 166, 154, 0.2);}
#sub_contents .tab p {font-size: 16px;display: inline;}
#sub_contents .tab.is-active {background: #371603;color: #fff;}
#sub_contents .panel {display: none;}
#sub_contents .panel.is-active {display: block;background-size: cover;padding: 30px 0 0;}
@media screen and (min-width: 768px) {
#sub_contents .panel.is-active {padding: 80px 30px 0;}
#sub_contents .tab {padding: 15px 0;}
#sub_contents .tab p {font-size: 18px;}
}
@media screen and (max-width: 1024px) {
#sub_contents .tab_area {display: grid;grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));column-gap: 10px;row-gap: 10px;}
#sub_contents .tab {padding: 10px 0;font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s;}
#sub_contents .tab p {font-size: 16px;display: inline;}
#sub_contents .tab.is-active {background: #371603;color: #fff;}
#sub_contents .panel {display: none;}
#sub_contents .panel.is-active {display: block;background-size: cover;padding: 30px 0 0;}
}

/* btn
-----------------------------*/
#sub_contents .anker__items{column-gap: 4%;row-gap: 10px;}
#sub_contents .anker__item{width: 100%;height: 50px;position: relative;display: block;color:#fff;margin-bottom:20px;}
#sub_contents .anker__item a{display: block;text-align: center;line-height: 50px;color:#fff;transition: all .5s; padding: 14px 0; background: #25316C;}
#sub_contents .anker__item a:hover{opacity:.8;}
#item01, #item02, #item03, #item04, #item05, #item06{margin-top:-80px;padding-top:80px;}
@media screen and (min-width:299px) {
#sub_contents .anker__items{column-gap: 1%;}
#sub_contents .anker__item{width: 100%;height: 50px;}
#sub_contents .anker__item a{line-height: 45px;}
#sub_contents .anker__items{column-gap: 1%;}
}
@media screen and (min-width:525px) {
#sub_contents .anker__items{row-gap: 10px;}
#sub_contents .anker__item{width: 48%;}
}
@media screen and (min-width:1024px) {
#sub_contents .anker__item{width: 42%;}
#item01, #item02, #item03, #item04, #item05, #item06{margin-top:-180px;padding-top:180px;}
}

/* about
-----------------------------*/
#sub_contents .sub_concept_illust{text-align:center;width:48%;margin-left: auto; margin-right: auto;}
#sub_contents .concept_bg{background: none;     padding: 25px 0; position: relative; /*box-shadow: 0px 5px 25px 0px rgba(174, 166, 154, 0.15);*/}
#sub_contents .concept_bg .txt_cen{text-align:left; font-weight:normal; font-size:16px;line-height: 200%;}
#sub_contents .concept_bg .concept_ttl{text-align:center;font-size:21px;line-height: 200%;font-weight:600; color:#AD8E2B;}
#sub_contents .concept_g_area{align-items: center;position: relative; column-gap: 1%;padding:20px; background: url(../images/sub_concept_box_bg.png) no-repeat top center / cover ; background-size: cover;}
#sub_contents .concept_g_area .txt_area {width: 100%;color:#fff;} 
#sub_contents .concept_g_area .ttl{border-bottom: 1px solid #fff;padding-bottom:10px;font-size:16px;font-weight:bold;}
#sub_contents .concept_g_area .img {width: 100%;margin-bottom: 20px;} 
@media screen and (min-width:768px) {
#sub_contents .sub_concept_illust{padding:0px;width:23%;}
#sub_contents .concept_bg{padding:30px;}
#sub_contents .concept_bg .txt_cen{text-align:center; font-size:18px;line-height: 200%;}
#sub_contents .concept_bg .concept_ttl{text-align:center;font-size:20px;}
#sub_contents .concept_g_area{align-items: center;position: relative; column-gap: 1%;}
#sub_contents .concept_g_area .txt_area {width: 46%;} 
#sub_contents .concept_g_area .ttl{font-size:16px;}
#sub_contents .concept_g_area .img {width: 50%;/*margin-left: calc(50% - 50vw);*/flex:1;margin-right: 2%;margin-bottom: 0px;}
#sub_contents .concept_g_area.row-reverse .img {/*margin-right: calc(50% - 50vw);*/flex:1;margin-left: 2%;margin-right: 0;margin-bottom: 0px;}
}
@media screen and (min-width:1024px) {
#sub_contents .concept_bg .concept_ttl{font-size:26px;}
#sub_contents .concept_g_area .txt_area {width: 46%;} 
#sub_contents .concept_g_area .ttl{font-size:22px;}
}
@media screen and (min-width:1400px) {
#sub_contents .concept_g_area .img {margin-right: 2%;}
#sub_contents .concept_g_area.row-reverse .img {margin-left: 2%;}
}

/* history
-----------------------------*/
#sub_contents .history_bg{background: rgb(255 255 255 / 35%); padding:25px 15px; position: relative; /*box-shadow: 0px 5px 25px 0px rgba(174, 166, 154, 0.15);*/}
#sub_contents .history_bg .txt_cen{text-align:left; font-weight:normal; font-size:16px;line-height: 200%;}
#sub_contents .history_bg .txt_cen em{display:inline;font-style:normal;}
#sub_contents .history_bg .history_ttl{text-align:center;font-size:21px;line-height: 200%;font-weight:600; color:#AD8E2B;}
#sub_contents .sub_img_box{padding:0px;}
#sub_contents .sub_img_box img{width:100%;}
#sub_contents .comm_g_area .img{width: 100%;margin-bottom: 10px;position:relative;} 
#sub_contents .comm_g_area .txt_area {width: 100%; color:#fff;}
#sub_contents .comm_g_area .txt_area .ttl_en {font-size:14px; font-weight:bold; color:#F3C802;}
#sub_contents .comm_g_area .txt_area .ttl_ja {font-size:20px;font-weight: bold;margin-bottom:20px;}
#sub_contents .comm_g_area .txt_area p {line-height:2;}
#sub_contents .staff_g_area .txt_area{width: 100%;} 
#sub_contents .staff_g_area .txt_area .ttl{font-size:16px;padding:0 0 10px 0px;border-bottom: 1px solid #25316c;font-weight:bold;}
#sub_contents .staff_g_area .txt_area .bold{font-size:16px;font-weight:bold;color:#354c14;padding-top:10px;}
#sub_contents .staff_g_area .img{width: 100%;margin-bottom: 20px;}
#sub_contents .staff_g_area .img img{width: 100%;}
@media screen and (min-width:768px) {
  #sub_contents .history_bg .txt_cen em{display:block;font-style:normal;}
#sub_contents .history_bg{        padding: 30px 20px;}
#sub_contents .history_bg .txt_cen{text-align:center; font-size:18px;line-height: 200%;}
#sub_contents .history_bg .history_ttl{text-align:center;font-size:20px;}
#sub_contents .comm_g_area .img{width: 50%;margin-bottom: 0px;position:relative;} 
#sub_contents .comm_g_area .txt_area {width: 45%;}
#sub_contents .comm_g_area .txt_area .ttl_en {font-size:14px; font-weight:bold;}
#sub_contents .comm_g_area .txt_area .ttl_ja {font-size:25px;font-weight: bold;margin-bottom:20px;}
#sub_contents .comm_g_area .txt_area p {line-height:2;}
#sub_contents .staff_g_area{align-items: center;} 
#sub_contents .staff_g_area .txt_area .ttl{font-size:18px;} 
#sub_contents .staff_g_area .img{width: 23%;}
#sub_contents .staff_g_area .txt_area{width: 71%;}
}
@media screen and (min-width:1024px) {
#sub_contents .history_bg .history_ttl{font-size:26px;}
#sub_contents .staff_g_area .txt_area .ttl,.sub-staff .ttl{font-size:20px;}
}

/* menu
-----------------------------*/
#sub_contents .menu__items, .menu__items_w{width:100%;}
#sub_contents .menu_img {text-align: center;margin-bottom: 30px;}
#sub_contents .menu_ttl {margin-top:5px;padding: 0 0 10px 0;font-size: 17px;font-weight:bold;text-align: left;border-bottom: 1px solid #462200; line-height: 1.5;position: relative;font-weight: 600;}
#sub_contents .menu__item{width: 100%;max-width: 480px;margin-bottom: 10px;}
#sub_contents .menu__name{display: inline-block;width: calc(100% - 100px);font-size: 16px;font-weight: bold;}
#sub_contents .menu__price{display: inline-block;width: 100px;text-align: right;font-size: 16px;font-weight: bold;}
#sub_contents .sub_bg .menu__items{color:#fff;}
#sub_contents .sub_bg .menu_ttl {color:#fff; border-bottom: 1px solid #fff;}
@media screen and (min-width: 768px) {
#sub_contents .menu__items_w{width:94%;}
#sub_contents .menu__items{width:94%;}
#sub_contents .menu_img img{max-width: 900px;width: 100%;}
#sub_contents .menu_ttl {font-size: 18px;margin-top:5px;}
#sub_contents .menu__item{width: 90%;max-width: 780px;}
#sub_contents .menu__name{display: inline-block;width: calc(100% - 100px);font-size:17px;}
#sub_contents .menu__price{display: inline-block;width: 100px;text-align: right;font-size:17px;}
#sub_contents .menu__items .img{width:48%;}
}
@media screen and (min-width: 1024px) {
  #sub_contents .menu__item{width: 45%;max-width: 480px;}
#sub_contents .menu_img img{max-width: 900px;width: 100%;}
#sub_contents .menu_ttl{margin-top:10px;padding: 0 0 10px 0;font-weight:bold;font-size:20px;}
}

/* course
-----------------------------*/
#sub_contents .course_bg{background: rgb(255 255 255 / 40%); padding:15px 10px;}
#sub_contents .course_bg .course_ttl{text-align:left;font-size:19px;line-height: 200%;font-weight:bold; border-bottom: 1px solid #361f11;}
#sub_contents .course_bg .txt_cen{text-align:left;font-size:16px;line-height: 200%; font-weight:normal;}
#sub_contents .course_bg p{font-size:16px;}
  #sub_contents .course_bg em{display:block;font-style:normal;}
#sub_contents .course_bg .sub_img_box{width:100%; margin-left:auto;margin-right:auto;}
#sub_contents .course_bg .sub_img_box img{width:100%;}
@media screen and (min-width:768px) {
    #sub_contents .course_bg em{display:inline;font-style:normal;}
#sub_contents .course_bg{padding: 30px;}
#sub_contents .course_bg .course_ttl{font-size:32px;}
#sub_contents .course_bg .txt_cen{text-align:center; font-size:17px;}
#sub_contents .course_bg p{font-size:18px;}
}
@media screen and (min-width:1024px) {
#sub_contents .course_bg{padding: 50px 70px;}
#sub_contents .course_bg .sub_img_box{width:77%;}
#sub_contents .course_bg .concept_ttl{font-size:40px;}
}

/* scene
-----------------------------*/
#sub_contents .scene_g_area .img {flex: auto;margin-left: 0;margin-right: 0;margin-bottom: 20px;}
#sub_contents .scene_g_area .right {flex: auto;margin-right: 0;margin-left: 0;margin-bottom: 20px;}
#sub_contents .scene_g_area .txt_area {width: 100%;}
#sub_contents .scene_g_area p{color:#fff;}
#sub_contents .scene_g_area .ttl {font-size: 20px;margin-bottom: 20px;padding-bottom: 10px;position: relative;border-bottom: 1px solid #fff;color:#fff !important;text-align:left;}
#sub_contents .scene_g_area {background: url(../images/bg_scene_g_area.png) no-repeat top center / cover ; background-size: cover; padding: 20px;}
@media screen and (min-width:768px) {
#sub_contents .scene_bg{padding:30px;}
#sub_contents .scene_bg .txt_cen{text-align:center; font-size:16px;line-height: 200%;}
#sub_contents .scene_g_area .img {flex: auto;margin-left: 0;margin-right: 0;margin-bottom: 20px;}
#sub_contents .scene_g_area .img img{width:100%;}
#sub_contents .scene_g_area .ttl {font-size: 28px;}
}
@media screen and (min-width:1024px) {
#sub_contents .scene_g_area .img {flex: 1;margin-left: calc(50% - 50vw);margin-right: 2%;position: relative;max-width: 800px;}
#sub_contents .scene_g_area .right {flex: 1;margin-right: calc(50% - 50vw);margin-left: 2%;position: relative;max-width: 800px;}
#sub_contents .scene_g_area .txt_area {width: 60%;}
#sub_contents .scene_g_area .ttl {font-size: 30px;}
#sub_contents .scene_g_area {padding: 30px 50px;}
}

/* recruit
-----------------------------*/
#sub_contents .recruit_area{column-gap: 2%;row-gap: 40px;text-align:center;}
#sub_contents .recruit_li .ttl{font-size:20px;font-weight:800;/*color:#EC8F83;*/}
#sub_contents .recruit_li .txt{text-align:left;}
@media screen and (min-width:768px) {
#sub_contents .recruit_li{width: 47%;}
#sub_contents .recruit_li .ttl .txt{font-size:22px;margin-bottom:20px;}
#sub_contents .recruit_li .img img{width:75%;}
}

/* access
-----------------------------*/
#sub_contents .access_list:not(:last-child){margin-bottom: 10px;}
#sub_contents .tbl_info {margin-bottom:60px;}
#sub_contents .tbl_info .tr{width:100%;background:#fff;margin-bottom:0px;}
#sub_contents .tbl_info .tr:nth-child(2n){background:#fff;}
#sub_contents .tbl_info .th{width:100%;padding:10px 10px; background: #25316C; color:#fff; text-align:center;}
#sub_contents .tbl_info .td{width:100%;padding:10px 10px;}
@media screen and (min-width:768px) {
#sub_contents .access_area{column-gap: 1%;row-gap: 10px;}
#sub_contents .access_list:not(:last-child){margin-bottom: 0px;}
#sub_contents .access_list{width:32%;}
  #sub_contents .tbl_info .tr{width:100%;background:#fff;margin-bottom:15px;}
#sub_contents .tbl_info .tr:nth-child(2n){background:rgba(255,255,255,0.8);}
#sub_contents .tbl_info .th{width:38%;padding:15px 40px;text-align:center;}
#sub_contents .tbl_info .td{width:60%;padding:15px 0px;}
}
@media screen and (min-width:1024px) {
  #sub_contents .tbl_info .tr{width:100%;background:#fff;margin-bottom:15px;}
#sub_contents .tbl_info .tr:nth-child(2n){background:rgba(255,255,255,0.8);}
#sub_contents .tbl_info .th{width:29%;padding:15px 40px;text-align:center;}
#sub_contents .tbl_info .td{width:70%;padding:15px 0px;}
#sub_contents .access_area{column-gap: 1%;row-gap: 10px;}
#sub_contents .access_list{width:32%;}
}

/* news
-----------------------------*/
#sub_contents .news_list {margin-top:-50px;}
#sub_contents .webgene-blog .webgene-item.news_area {padding:20px 0;border-bottom:1px solid #25316c;}
#sub_contents .webgene-blog .news__date{/* margin-right: 15px; */display:inline-block;font-size:14px;}
#sub_contents .webgene-blog .news__cate{/* margin-right: 15px; */display:inline-block;background:#462200;padding:3px 10px;font-size:12px;border-radius:20px;}
#sub_contents .webgene-blog .news_ttl{font-weight:bold; display:block;margin-top:10px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
@media screen and (min-width:768px) {
#sub_contents .news_list {margin-top:-100px;}
#sub_contents .webgene-blog .webgene-item.news_area {padding:20px 0;}
#sub_contents .webgene-blog .news__date{display:inline-block;font-size:16px;}
#sub_contents .webgene-blog .news__cate{display:inline-block;background:#747474;padding:3px 10px;font-size:12px;border-radius:20px;margin-bottom:0;}
#sub_contents .webgene-blog .news_ttl{display:block;width:100%;margin-top:15px;}
}

/* detail_news
-----------------------------*/
#sub_contents .webgene-blog .cnt-news-li-sub{width:100%;padding: 1% 0;box-sizing: border-box;}
#sub_contents .webgene-blog .cnt-news-li-sub figure{width: 100%;overflow: hidden;box-sizing: border-box;}
#sub_contents .webgene-blog .cnt-news-li-sub figure img{width: 100%;height: 240px;object-fit: cover;}
#sub_contents .webgene-blog .cnt-news-li-sub a{display: block;width: 100%;margin: auto;box-sizing: border-box;}
#sub_contents .webgene-blog .cnt-news-li-sub h2{font-size: 16px; display: inline;}
#sub_contents .blog_h2{padding-bottom: 20px;margin-bottom: 30px;padding-top: 20px;font-size: 18px;border-bottom: 1px solid #25316c;font-weight:bold;}
#sub_contents .blog_h2::before{display:none;}
#sub_contents .cmn-blog-cate{font-size: 16px;}
#sub_contents .cmn-blog-date{font-size: 18px;font-weight:500; text-align:center;display:block;}
#sub_contents .area_blog{background: #fff;border: 1px solid #ede9e6;padding: 30px 15px;margin: 20px 0;box-sizing: border-box;overflow: hidden;}
#sub_contents .area_blog figure{max-width: 760px; margin-left: auto; margin-right: auto; text-align: center;}
#sub_contents .area_blog .cmn-blog-txt{font-size:14px;margin-top: 30px;box-sizing: border-box;letter-spacing: 0.075em;line-height: 1.6;font-weight: 500;}
#sub_contents .webgene-pagination{display: block;width: 100%;text-align: center;}
#sub_contents .webgene-pagination ul{display: inline-block;overflow: hidden;}
#sub_contents .webgene-pagination ul li{list-style: none;float: left; width: 100px; margin: 10px;}
#sub_contents .webgene-pagination ul li a{background: #333;display: block;width: 100%;color: #fff;font-size: 15px;padding: 12px 0;border: 1px solid #8f8255;transition: 0.5s;}
#sub_contents .webgene-pagination ul li a:hover{background: #fff;color: #333; text-decoration: none;}
#sub_contents .btn_clear{margin: 50px auto;text-align: center;}
#sub_contents .btn_clear a{position: relative; display: inline-block;padding: 12px 30px; background: #25316C; color: #fff;  box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.3);}
@media screen and (min-width: 767px) {
#sub_contents .webgene-blog .cnt-news-li h1, #sub_contents .webgene-blog .cnt-news-li h2, #sub_contents .webgene-blog .cnt-news-li h3, #sub_contents .webgene-blog .cnt-news-li h4 {font-size: 16px;}
#sub_contents .blog_h2{font-size: 20px;}
#sub_contents .cmn-blog-date{text-align:center;}
#sub_contents .area_blog{padding: 60px;} 
#sub_contents .area_blog .cmn-blog-txt{font-size:16px;}
#sub_contents .btn_clear{margin: 30px auto;}
}