@charset "UTF-8";

body {
	/*font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;*/
	font-family: sans-serif;
}
/* ---- ヘッダー ---- */
#header {width: 100%;margin: 0px;padding: 0px;background-color: #05C086;text-align: center;position: fixed;top: 0;left: 0;z-index: 10;}
#header .header_box {width: 1020px;height: 88px;margin: 0px auto;padding: 0px;text-align: left;position: relative;display: flex;flex-flow: row wrap;justify-content: space-between;}
#header .header_box .logo {width: 180px;margin: 0px;padding: 0px;position: relative;}
#header .header_box .logo img {width: 100%;margin: 0px;padding: 0px;position: absolute;top: 48%;left: 0px;transform: translateY(-50%) translateX(0%);-webkit- transform: translateY(-50%) translateX(0%);}
#header .header_box .menu-content{width: 780px;position: relative;}
#header .header_box .menu-content ul{width: 100%;margin: 0;padding: 0;display: flex;flex-flow: row wrap;justify-content: space-between;position: absolute;top: 50%;left: 0%;transform: translateY(-50%) translateX(0%);-webkit- transform: translateY(-50%) translateX(0%);}
#header .header_box .menu-content ul li{list-style: none;margin: 0px;padding: 0px;padding-left: 26px;font-size: 16px;color: #FFF;line-height: 1.7;font-weight: bold;position: relative;transition: 0.3s;}
#header .header_box .menu-content ul li .arrow{width: 18px;position: absolute;top: 50%;left: 0%;transform: translateY(-50%) translateX(0%);-webkit- transform: translateY(-50%) translateX(0%);}
#header .header_box .menu-content ul li a {position:absolute;top:0;left:0;width:100%;height:100%;}
#header .header_box .menu-content ul li:hover {opacity: .5;transition: 0.3s;}
/*#header .header_box .menu-content ul li:hover {background-color: #70c79b;transition: 0.3s;}*/
/*
#header .header_box .menu-content ul li a {color: #FFF;text-decoration: none;}
#header .header_box .menu-content ul li a:hover {opacity: .5;transition: 0.3s;}
*/

/* ---- フッター ---- */
#footer {width: 100%;margin: 0px;padding: 30px 0px;background-color: #28C005;text-align: center;}
#footer .logo {width: 1100px;margin: 0px auto;padding: 0px;position: relative;}
#footer .logo img {width: 160px;margin: 0px;padding: 0px;}
#footer .logo a {filter: alpha(opacity=100);opacity: 1.0;transition: 0.3s;}
#footer .logo a:hover {filter: alpha(opacity=70);opacity: 0.7;transition: 0.3s;}
#footer nav ul {margin: 15px 0 0 0;}
#footer nav li {font-size: 14px;line-height: 1.3;padding: 0 10px;margin: 0;/*font-feature-settings: "palt";letter-spacing: 0.03em;*/color: #FFF;display: inline-block;}
#footer nav li a {color: #FFF;text-decoration: none;filter: alpha(opacity=100);opacity: 1.0;transition: 0.3s;}
#footer nav li a:hover {filter: alpha(opacity=50);opacity: 0.5;transition: 0.3s;}


/*section {width: 1100px;padding: 0px 40px;margin: 0px 0px 60px 0px;box-sizing: border-box;position: relative;}*/
section p {font-size: 18px;line-height: 2.3;padding: 0;margin: 30px 0 0 0;/*font-feature-settings: "palt";letter-spacing: 0.03em;*/color: #000;text-align: left;}
section h2 {font-size: 26px;line-height: 1.5;padding: 0;margin: 0 0 30px 0;/*font-feature-settings: "palt";letter-spacing: 0.03em;*/color: #05C086;text-align: left;font-weight: 700;;}
section .line {width: 5px;height: 100%;background-color: #05C086;position: absolute;top: 0px;left: 0px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
section img {margin: 0px;padding: 0px;vertical-align: bottom;}


/* ---- TOP ---- */
#bg_black {background-color: #000;padding-top: 88px;}

#top {width: 100%;padding: 0;margin: 0;box-sizing: border-box;position: relative;background-color: #000;text-align: center;/*background-image: url("../images/main.jpg");background-repeat: no-repeat;background-size: 82vw;background-position: center top;*/}
#top img {vertical-align: top;}

#top picture {width: 100%;margin: 0;text-align: center;}
#top picture img {max-width: 1600px;margin: 0 auto;}

#top .main_img {width: 100%;max-width: 1600px;margin: 0 auto;}
#top .frame {width: 100%;position: absolute;left: 0;bottom: -15px;}
#top .copy_area {width: 1100px;height: 100%;position: absolute;top: 0%;left: 50%;transform: translateY(0%) translateX(-50%);-webkit- transform: translateY(0%) translateX(-50%);}
#top .copy_area .copy01 {width: 90px;position: absolute;left: 5vw;top: 65px;}
#top .copy_area .copy02 {width: 180px;position: absolute;right: 5vw;bottom: 85px;}

/* ---- introduction ---- */
#intro {width: 100%;margin: 0 0 70px 0;padding: 0;text-align: center;}
#intro .content {width: 1100px;margin: 0px auto;padding: 0px;box-sizing: border-box;position: relative;}
#intro .content h2 {/*width: 858px;*/width: 730px;margin: 50px auto 40px auto;}
#intro .content .category {width: 438px;margin: 0px auto 60px auto;}
#intro .content .img {width: 740px;margin: 0px auto;}

/* ---- SECTION 01 ---- */
#sec01 {width: 100%;margin: 0 0 60px 0;padding: 0;text-align: center;}
#sec01 .content {width: 1100px;margin: 0px auto;padding: 0px 40px;box-sizing: border-box;position: relative;}
#sec01 .content .img {width: 740px;margin: 60px auto 0px auto;}
#sec01 .content p span {display: block;color: #05C086;font-weight: 700;}

/* ---- SECTION 02 ---- */
#sec02 {width: 100%;margin: 0 0 60px 0;padding: 0;text-align: center;}
#sec02 .content {width: 1100px;margin: 0px auto;padding: 0px 40px;box-sizing: border-box;position: relative;}
#sec02 .content p {margin-top: 0;}
#sec02 .content ul.about {width: 100%;margin: 0px;padding: 0px;display: flex;flex-flow: row wrap;justify-content: space-between;}
#sec02 .content ul.about li {width: 100%;margin: 0px;padding: 0px;}
/*
#sec02 .content ul.about li {width: 628px;margin: 0px;padding: 0px;}
#sec02 .content ul.about li:nth-child(2) {width: 343px;margin: 0px;}
#sec02 .content ul.about li:nth-child(3) {width: 100%;margin: 20px 0px 0px 0px;}
#sec02 .content ul.about li:nth-child(3) .img {margin-top: 30px;}
*/
#sec02 .content ul.about li .img {width: 100%;margin-top: 40px;}
#sec02 .content ul.about li .img h3 {font-size: 16px;line-height: 1.7;margin-bottom: 10px;text-align: center;}
#sec02 .content ul.about li p.mt20 {margin-top: 20px;}
#sec02 .content ul.about li p span.caution {font-size: 13px;margin-top: 10px;color: #E83828;display: block;}

#sec02 .content ul.material {width: 100%;margin: 60px 0px 0px 0px;padding: 0px;display: flex;flex-flow: row wrap;justify-content: space-between;}
#sec02 .content ul.material li {width: 488px;margin: 0px;padding: 0px;box-sizing: border-box;border: solid 1px #05C086;border-bottom-right-radius: 10px;border-top-left-radius: 10px;overflow: hidden;}
#sec02 .content ul.material li h3 {font-size: 22px;line-height: 1.3;background-color: #05C086;/*font-feature-settings: "palt";letter-spacing: 0.03em;*/color: #FFF;text-align: left;margin: 0;padding: 15px 0 0 20px;height: 86px;box-sizing: border-box;}
#sec02 .content ul.material li h3 span {display: block;font-size: 16px;padding: 0;position: relative;left: -8px;margin-top: 5px;}
#sec02 .content ul.material li:nth-child(1) h3 {padding-top: 30px;}

#sec02 .content ul.material li p {font-size: 16px;line-height: 1.7;margin: 0;padding: 25px 20px 35px 20px;}
#sec02 .content ul.material li p .img {width: 100%;margin-top: 25px;}
#sec02 .content ul.material li p .img2 {width: 80%;margin: 25px 10% 0 10%;}
#sec02 .content ul.material li p span.caution{font-size: 12px;margin-top: 10px;display: block;text-align: center;}

#sec02 .content .banner {width: 100%;margin: 45px 0 0 0;padding: 0;text-align: center;}
#sec02 .content .banner ul.recruit {width: 806px;margin: 0px auto;padding: 0px;text-align: left;background-color: #F5F2E5;display: flex;flex-flow: row wrap;justify-content: space-between;}
#sec02 .content .banner ul.recruit li {position: relative}
#sec02 .content .banner ul.recruit li:nth-child(1) {width: 40%;}
#sec02 .content .banner ul.recruit li:nth-child(1) h3 {width: 100%;font-size: 23px;line-height: 1.5;color: #EB5D05;background-color: transparent;text-align: left;margin: 0;padding: 0 0 0 8%;font-weight: 700;;position: absolute;top: 50%;left: 0%;transform: translateY(-50%) translateX(0%);-webkit- transform: translateY(-50%) translateX(0%);}
#sec02 .content .banner ul.recruit li:nth-child(2) {width: 44%;}
#sec02 .content .banner ul.recruit li:nth-child(2) p {font-size: 16px;line-height: 1.7;margin: 0;padding: 20px 0px;}
#sec02 .content .banner ul.recruit li:nth-child(3) {width: 16%;}
#sec02 .content .banner ul.recruit li:nth-child(3) p {width: 100%;font-size: 14px;line-height: 2.4;margin: 0;padding: 0;color: #05C086;font-weight: 700;;position: absolute;top: 50%;left: 0%;transform: translateY(-50%) translateX(0%);-webkit- transform: translateY(-50%) translateX(0%);}
#sec02 .content .banner ul.recruit li:nth-child(3) p img {width: 26px;margin: 0px 5px 0px 0px;padding: 0px;}
#sec02 .content .banner ul.recruit li:nth-child(3) p a {color: #05C086;text-decoration: none;filter: alpha(opacity=100);opacity: 1.0;transition: 0.3s;}
#sec02 .content .banner ul.recruit li:nth-child(3) p a:hover {filter: alpha(opacity=50);opacity: 0.5;transition: 0.3s;}
#sec02 .content .banner ul.recruit li:nth-child(4) {width: 100%;background-color: #EB5D05;position: relative;transition: 0.3s;}
#sec02 .content .banner ul.recruit li:nth-child(4) p {font-size: 22px;line-height: 1.7;margin: 0;padding: 14px 0;color: #FFF;font-weight: 700;;text-align: center;}
#sec02 .content .banner ul.recruit li:nth-child(4) p img {width: 38px;margin: 0px 15px 0px 0px;padding: 0px;}
#sec02 .content .banner ul.recruit li:nth-child(4) a{position:absolute;top:0;left:0;width:100%;height:100%;}
#sec02 .content .banner ul.recruit li:hover:nth-child(4){filter: alpha(opacity=50);opacity: 0.7;transition: 0.3s;}

#sec02 .content ul.sns {width: 116px;margin: 30px auto 0px auto;padding: 0px;display: flex;flex-flow: row wrap;justify-content: space-between;}
#sec02 .content ul.sns li {width: 100%;margin: 0px;padding: 0px;filter: alpha(opacity=100);opacity: 1.0;transition: 0.3s;}
/*
#sec02 .content ul.sns li {width: 200px;margin: 0px;padding: 0px;filter: alpha(opacity=100);opacity: 1.0;transition: 0.3s;}
#sec02 .content ul.sns li:nth-child(2) {width: 116px;}
*/
#sec02 .content ul.sns li:hover {filter: alpha(opacity=50);opacity: 0.5;transition: 0.3s;}

/* ---- SECTION 03 ---- */
#sec03 {width: 100%;margin: 0 0 60px 0;padding: 0;text-align: center;}
#sec03 .content {width: 1100px;margin: 0px auto;padding: 0px 40px;box-sizing: border-box;position: relative;}
#sec03 .content .img {width: 858px;margin: 0px auto;}
#sec03 .content .img p {font-size: 18px;line-height: 1.7;margin-top: 20px;font-weight: 700;;}
#sec03 .content .img p img {width: 30px;height: 30px;margin: 0px 10px 0px 0px;padding: 0px;}
#sec03 .content .img p a {color: #05C086;text-decoration: none;filter: alpha(opacity=100);opacity: 1.0;transition: 0.3s;}
#sec03 .content .img p a:hover {filter: alpha(opacity=50);opacity: 0.5;transition: 0.3s;}

/* ---- SECTION 04 ---- */
#sec04 {width: 100%;margin: 0 0 60px 0;padding: 0;text-align: center;}
#sec04 .content {width: 1100px;margin: 0px auto;padding: 0px 40px;box-sizing: border-box;position: relative;}
#sec04 .content .img {width: 740px;margin: 0px auto;}

/* ---- SECTION 05 ---- */
#sec05 {width: 100%;margin: 0 0 60px 0;padding: 0;text-align: center;}
#sec05 .content {width: 1100px;margin: 0px auto;padding: 0px 40px;box-sizing: border-box;position: relative;}
#sec05 .content .img {width: 740px;margin: 0px auto;}
#sec05 .content p span {display: block;color: #05C086;font-weight: 700;}
#sec05 .content p {margin-top: 25px;}
#sec05 .content h2 {margin-bottom: 0;}

/* ---- Q&A ---- */
#question {width: 100%;margin: 0 0 60px 0;padding: 0;text-align: center;}
#question .content {width: 1100px;margin: 0px auto;padding: 40px;background-color: #05C086;text-align: left;box-sizing: border-box;}
#question p.heading {font-size: 26px;line-height: 1.7;color: #FFF;font-weight: 700;;margin-top: 0px;}
#question .content .question_area {width: 100%;margin: 0px;padding: 0px;display: flex;flex-flow: row wrap;justify-content: space-between;}
#question .content .question_area ul {width: 48%;margin: 0px;padding: 0px;}
#question .content .question_area li {width: 100%;margin: 0px;padding: 0px;}
#question .content .question_area li .que {width: 100%;padding: 0px;margin: 30px 0px 0px 0px;position: relative;cursor: pointer;}
#question .content .question_area li .que p {font-size: 20px;line-height: 1.22;color: #FFF;padding-left: 30px;}
#question .content .question_area li .que img {width: 24px;margin: 0px;padding: 0px;border-radius:12px;overflow: hidden;position: absolute;top: 0;left: 0;transform: rotate(90deg);transition: 0.3s;}
#question .content .question_area li .que.selected img{transform: rotate(0deg);transition: 0.3s;}
#question .content .question_area li .ans{/*display: none;*/background-color: #FFF;box-sizing: border-box;padding: 20px;margin: 10px 0 0 0;border-radius: 10px;}
#question .content .question_area li .ans p {font-size: 14px;line-height: 1.8;color: #000;margin-top: 0px;}

/* ---- インスタ表示 ---- */
.news{width: 100%;text-align: center;margin: 80px 0;}
.news p.title{width: 100%;font-size: 28px;line-height: 1.3;text-align:center;font-weight: 700;color: #555;margin: 0;letter-spacing: 0.05em;}
.news p.title .logo{width: 40px;position: relative;top: 2px;margin-right: 15px;}
#insta{width: 100%;margin: 40px auto 0px auto;padding: 0px;box-sizing: border-box;position: relative;}
#insta ul{width: 100%;display: flex;flex-flow: row wrap;justify-content: space-between;}
#insta ul li{width: 49%;margin: 0 auto; box-sizing: border-box;border: solid 1px #c2c2c2;position: relative;border-radius: 15px 0px 15px 0px;}
#insta ul li img{width: 100%;vertical-align: bottom;}
#insta ul li a {filter: alpha(opacity=100);opacity: 1.0;transition: 0.3s;text-decoration: none;color: #555;}
#insta ul li a:hover {filter: alpha(opacity=70);opacity: 0.7;transition: 0.3s;}
#insta ul li .media{width: 44%;float: left;border-radius: 14px 0px 0px 0px;overflow: hidden;}
#insta ul li p.captionTxt{width: 56%;font-size: 13px;line-height: 1.8;color: #555;margin: 0px;display: block;padding: 15px 4% 15px 4%;box-sizing: border-box;float: right;}
#insta ul li p.captionTxt span.timestamp{display: block;margin-top: 5px;font-size: 13px;line-height: 1.7;color: #999;font-weight: normal;}
#insta ul li p.captionTxt span.username{display: block;margin-bottom: 8px;font-size: 13px;line-height: 1.7;color: #555;font-weight: bold;}
#insta ul li p.captionTxt span.username::before {content: "";display: inline-block;vertical-align: middle;width: 36px;height: 36px;background: url(../images/insta_icon.png) no-repeat;background-size: contain;margin-right: 8px;}
#insta ul li .like_count{display: none;}

/* ---- 汎用 ---- */
#safety_wrapper a img {filter: alpha(opacity=100);opacity: 1.0;}
#safety_wrapper a:hover img {filter: alpha(opacity=70);opacity: 0.7;}
.pc {display: block;}
.sp {display: none;}
.clearfix:after {content: "";display: block;clear: both;}
.clearfix:before {content: "";display: block;clear: both;}
.clearfix {display: block;}

@media screen and (max-width: 1100px) {
	
#header .header_box {width: 92%;height: 10vw;}
#header .header_box .logo {width: 16vw;}
#header .header_box .menu-content{width: 72vw;}
#header .header_box .menu-content ul li{font-size: 1.4vw;}
#header .header_box .menu-content ul li .arrow{top: 48%;}
	
#footer .logo {width: 100%;}
	
#bg_black {padding-top: 10vw;}
#top .main_img {width: 100%;}
#top .copy_area {width: 100%;}
#top .copy_area .copy01 {width: 8vw;top: 6vw;}
#top .copy_area .copy02 {width: 16.4vw;bottom: 7vw;}

/* ---- introduction ---- */
#intro .content {width: 100%;}
#intro .content h2 {width: 76%;margin: 60px auto 30px auto;}
#intro .content .category {width: 42%;margin: 0px auto 60px auto;}
#intro .content .img {width: 70%;}

/* ---- SECTION 01 ---- */
#sec01 .content {width: 90%;padding: 0px 0px 0px 40px;}
#sec01 .content .img {width: 100%;}
	
/* ---- SECTION 02 ---- */
#sec02 .content {width: 90%;padding: 0px 0px 0px 40px;}
#sec02 .content ul.about li {width: 100%;}
#sec02 .content ul.about li:nth-child(2) {width: 36%;}
#sec02 .content ul.material li {width: 48%;}
#sec02 .content .banner ul.recruit {width: 100%;}
	
/* ---- SECTION 03 ---- */
#sec03 .content {width: 90%;padding: 0px 0px 0px 40px;}
#sec03 .content .img {width: 100%;}
	
/* ---- SECTION 04 ---- */
#sec04 .content {width: 90%;padding: 0px 0px 0px 40px;}
#sec04 .content .img {width: 100%;}

/* ---- SECTION 05 ---- */
#sec05 .content {width: 90%;padding: 0px 0px 0px 40px;}
#sec05 .content .img {width: 100%;}
	
/* ---- Q&A ---- */
#question .content {width: 90%;}
#question p.heading {font-size: 2.6vw;}
#question .content .question_area li .que p {font-size: 1.8vw;line-height: 1.4;padding-left: 3.4vw;}
#question .content .question_area li .que img {width: 2.5vw;}
/* ---- インスタ表示 ---- */
#insta{width:90%;}
#insta ul li{width: 46%;}
#insta ul li a:hover {filter: alpha(opacity=100);opacity: 1.0;}
#insta ul li .media{width: 100%;}
#insta ul li p.captionTxt {width: 100%;font-size: 1.6vw;padding: 3vw;}
#insta ul li p.captionTxt span.timestamp{margin-top: 1.4vw;font-size: 1.6vw;}
#insta ul li p.captionTxt span.username{margin-bottom: 2.0vw;font-size: 1.6vw;}
}

@media screen and (max-width: 768px) {

section p {font-size: 3.6vw;line-height: 2.0;font-size: 3.6vw;line-height: 1.8;margin-top: 25px;}
section h2 {font-size: 4.8vw;line-height: 1.6;}
	
/* ---- ヘッダー ---- */
#header .header_box {width: 100%;height: 15vw;}
#header .header_box .logo {width: 30vw;z-index: 103;margin-left: 5%;}
#header .header_box .hamburger {width: 100%;height: 15vw;position: absolute;top: 0;left: 0;z-index: 102;background-color: #05C086;}
/*ボタン*/
#header .header_box .hamburger .openbtn{width: 7%;cursor: pointer;z-index: 102;transition: .3s;position: absolute;top: 3.4vw;right: 5%;}
#header .header_box .hamburger .openbtn .open {transition: .5s;opacity: 1.0;position: absolute;top: 0;right: 0;}
#header .header_box .hamburger .openbtn .close {transition: .5s;opacity: 0;position: absolute;top: 0;right: 0;}
#header .header_box .hamburger .openbtn.active .open {;opacity: 0;}
#header .header_box .hamburger .openbtn.active .close {opacity: 1.0;}
/*メニュー*/
#header .header_box .gNav {position: absolute;top: -100vh;left: 0;width: 100%;/*height: 100vh;*/background-color: #05C086;box-sizing: border-box;z-index: 101;transition: .5s;}
#header .header_box .gNav.open {top: 0;transition: .5s;}
#header .header_box .gNav .gNav-menu {margin: 0;padding: 16vw 5% 6vw 5%;width: 100%;display: block;text-align: left;box-sizing: border-box;}
#header .header_box .gNav .gNav-menu li {width: 100%;list-style: none;margin: 0px;padding: 2.6vw 0 2.6vw 11vw;font-size: 16px;line-height: 1.7;font-weight: bold;position: relative;transition: 0.3s;box-sizing: border-box;border-top: solid 1px #FFF;color: #FFF;}
#header .header_box .gNav .gNav-menu li:last-child {border-bottom: solid 1px #FFF;}
#header .header_box .gNav .gNav-menu li .arrow{width: 18px;position: absolute;top: 50%;left: 5%;transform: translateY(-50%) translateX(0%);-webkit- transform: translateY(-50%) translateX(0%);}
#header .header_box .gNav .gNav-menu li img {vertical-align: top;}
#header .header_box .gNav .gNav-menu li a {position:absolute;top:0;left:0;width:100%;height:100%;}
/*
#header .header_box .gNav .gNav-menu li a {color: #FFF;text-decoration: none;padding-left: 26px;width: 90%;display: block;margin: 0 auto;box-sizing: border-box;}
#header .header_box .gNav .gNav-menu li a:hover {opacity: 1.0;transition: 0.3s;}
*/
	
/* ---- フッター ---- */
#footer {padding: 25px 0px;}
#footer .logo {width: 100%;}
#footer .logo img {width: 40%;}
#footer .logo a:hover {filter: alpha(opacity=100);opacity: 1.0;}
#footer nav ul {margin: 15px 0 0 0;}
#footer nav li {font-size: 3vw;padding: 0 5px;}
#footer nav li a:hover {filter: alpha(opacity=100);opacity: 1.0;}

/* ---- TOP ---- */
#bg_black {padding-top: 15vw;}
#top {width: 100%;height: auto;position: relative;background-color: #FFF;background-image: none;}
#top .main_img {width: 100%;}
#top .copy_area {width: 100%;}
#top .copy_area .copy01 {width: 13.2vw;position: absolute;left: 9vw;top: 11vw;}
#top .copy_area .copy02 {width: 30vw;position: absolute;right: 5vw;bottom: 15vw;}
	
/* ---- introduction ---- */
#intro {margin: 0 0 40px 0;}
#intro .content {width: 100%;padding: 0px 6%;}
#intro .content .img {width: 100%;}
#intro .content h2 {width: 72vw;margin: 30px auto 30px auto;}
#intro .content .category {width: 80vw;margin: 0px auto 40px auto;}
	
/* ---- SECTION 01 ---- */
#sec01 .content {width: 100%;padding: 0px 6%;}
#sec01 .content .img {width: 100%;}

/* ---- SECTION 02 ---- */
#sec02 .content {width: 100%;padding: 0px 6%;}
#sec02 .content ul li {width: 100%;}
#sec02 .content ul li:nth-child(2) {width: 100%;}
#sec02 .content ul li .img {margin-top: 20px;}
#sec02 .content ul li .img p {font-size: 3.6vw;}
#sec02 .content ul li p.mt20 {margin-top: 40px !important;}	

#sec02 .content ul.material {width: 100%;}
#sec02 .content ul.material li {width: 100%;}
#sec02 .content ul.material li:nth-child(2) {margin-top: 30px;}
#sec02 .content ul.material li h3 {font-size: 4.2vw;padding: 15px 0 15px 20px;height: auto;font-weight: 600;}
#sec02 .content ul.material li h3 span {font-size: 3.4vw;position: relative;left: -6px;}
#sec02 .content ul.material li:nth-child(1) h3 {padding: 15px 0 15px 20px;}
	
	
#sec02 .content ul.material li p {font-size: 3.6vw;padding: 25px 20px 35px 20px;}
#sec02 .content ul.material li p .img {width: 100%;margin-top: 25px;}

#sec02 .content ul.about li {width: 100%;}
#sec02 .content ul.about li:nth-child(2) {width: 100%;}
#sec02 .content ul.about li .img h3 {font-size: 3.6vw;}
#sec02 .content ul.about li p span.caution {font-size: 3vw;}
	
#sec02 .content .banner {width: 100%;margin-top: 30px;}
#sec02 .content .banner ul.recruit {width: 100%;position: relative;}
#sec02 .content .banner ul.recruit li:nth-child(1) {width: 100%;}
#sec02 .content .banner ul.recruit li:nth-child(1) h3 {width: 100%;font-size: 5vw;line-height: 1.4;padding: 25px 0 0 5%;position: static;top: 0%;left: 0%;transform: translateY(0%) translateX(0%);-webkit- transform: translateY(0%) translateX(0%);}
#sec02 .content .banner ul.recruit li:nth-child(2) {width: 100%;}
#sec02 .content .banner ul.recruit li:nth-child(2) p {font-size: 3.6vw;padding: 15px 5% 12vw 5%;}
#sec02 .content .banner ul.recruit li:nth-child(3) {width: 100%;}
#sec02 .content .banner ul.recruit li:nth-child(3) p {width: 36%;font-size: 3.6vw;line-height: 2.6;position: absolute;top: -15vw;left: auto;right: 0%;transform: translateY(0%) translateX(0%);-webkit- transform: translateY(0%) translateX(0%);display: inline;}
#sec02 .content .banner ul.recruit li:nth-child(3) p img {width: 22%;margin: 0px 5px 0px 0px;padding: 0px;}
#sec02 .content .banner ul.recruit li:nth-child(3) p a:hover {filter: alpha(opacity=100);opacity: 1.0;}
#sec02 .content .banner ul.recruit li:nth-child(4) p {font-size: 5.2vw;line-height: 1.9;margin: 0;padding: 14px 0;}
#sec02 .content .banner ul.recruit li:nth-child(4) p img {width: 10vw;margin: 0px 10px 0px 0px;}
#sec02 .content .banner ul.recruit li:hover:nth-child(4){filter: alpha(opacity=100);opacity: 1.0;}
#sec02 .content .banner ul.recruit li .tel-number a {color:#000;text-decoration:none;}

/* ---- SECTION 03 ---- */
#sec03 .content {width: 100%;padding: 0px 6%;}
#sec03 .content .img {width: 100%;}
#sec03 .content .img p {font-size: 5vw;line-height: 1.5;margin-top: 25px;padding-bottom: 10px;}
#sec03 .content .img p a:hover {filter: alpha(opacity=100);opacity: 1.0;}
	
/* ---- SECTION 04 ---- */
#sec04 .content {width: 100%;padding: 0px 6%;}
#sec04 .content .img {width: 100%;}
	
/* ---- SECTION 05 ---- */
#sec05 .content {width: 100%;padding: 0px 6%;}
#sec05 .content .img {width: 100%;}
#sec05 .content p span {margin-bottom: 5px;}

/* ---- Q&A ---- */
#question .content {width: 100%;padding: 40px 6%;}
#question p.heading {font-size: 5vw;line-height: 1.6;margin-top: 0px;}
#question .content .question_area ul {width: 100%;}
#question .content .question_area li .que {margin: 25px 0px 0px 0px;}
#question .content .question_area li .que p {font-size: 4.3vw;line-height: 1.4;padding-left: 8vw;}
#question .content .question_area li .que img {width: 5.899vw;transform: rotate(0deg);}
#question .content .question_area li .que.selected img{transform: rotate(90deg);}
#question .content .question_area li .ans{display: none;margin-top: 15px;}
#question .content .question_area li .ans p {font-size: 3.6vw;margin-top: 0px;}

/* ---- 汎用 ---- */
#safety_wrapper a img {filter: alpha(opacity=100);opacity: 1.0;}
#safety_wrapper a:hover img {filter: alpha(opacity=70);opacity: 1.0;}
.pc {display: none;}
.sp {display: block;}
	
/* ---- インスタ表示 ---- */
.news{margin: 12vw 0;}
.news p.title{font-size: 5.0vw;}
.news p.title .logo{width: 32px;top: 3px;margin-right: 10px;}
#insta{width: 100%;margin: 6vw auto 0px auto;}
#insta ul li{width: 48%;}
#insta ul li p.captionTxt {width: 100%;font-size: 2.8vw;line-height: 1.8;padding: 3vw;}
#insta ul li p.captionTxt span.timestamp{margin-top: 1.4vw;font-size: 2.8vw;}
#insta ul li p.captionTxt span.username{margin-bottom: 2.0vw;font-size: 2.8vw;}
#insta ul li p.captionTxt span.username::before {width: 8vw;height: 8vw;}

.tab_container {width: 100%;}
.tab_item {/*width: calc(100%/3);*/padding:15px 0;color: #808080;display: block;float: left;text-align: left;font-weight: bold;transition: all 0.2s ease;font-size: 4vw;line-height: 1.2 !important;font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;}
.tab_item.t01 {width: 28%;}
.tab_item.t02 {width: 28%;}
.tab_item.t03 {width: 44%;}
.tab_item img {width: 6vw;background-color: #808080;border-radius: 3vw;margin-right: 6px;position: relative;top: 0.5vw;}
.tab_item:hover {opacity: 0.75;}
input[name="tab_item"] {display: none;transition: all 0.2s ease;}
.tab_content {display: none;padding: 10px 0 0 0;clear: both;overflow: hidden;transition: all 0.2s ease;}
#tab1:checked ~ #tab1_content,#tab2:checked ~ #tab2_content,#tab3:checked ~ #tab3_content {display: block;transition: all 0.2s ease;}
.tab_container input:checked + .tab_item {color: #05C086;}
.tab_container input:checked + .tab_item img {background-color: #05C086;}

.tab_container2 {width: 100%;}
.tab_item2 {/*width: calc(100%/3);*/padding:15px 0;color: #808080;display: block;float: left;text-align: left;font-weight: bold;transition: all 0.2s ease;font-size: 4vw;line-height: 1.2 !important;font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;}
.tab_item2.t01 {width: 30%;margin-left: 18vw;}
.tab_item2.t02 {width: 30%;}
.tab_item2 img {width: 6vw;background-color: #808080;border-radius: 3vw;margin-right: 6px;position: relative;top: 0.5vw;}
.tab_item2:hover {opacity: 0.75;}
input[name="tab_item2"] {display: none;transition: all 0.2s ease;}
.tab_content2 {display: none;padding: 10px 0 0 0;clear: both;overflow: hidden;transition: all 0.2s ease;}
#tab4:checked ~ #tab4_content,#tab5:checked ~ #tab5_content {display: block;transition: all 0.2s ease;}
.tab_container2 input:checked + .tab_item2.t01 {color: #05C086;}
.tab_container2 input:checked + .tab_item2.t01 img {background-color: #05C086;}
.tab_container2 input:checked + .tab_item2.t02 {color: #eb5c01;}
.tab_container2 input:checked + .tab_item2.t02 img {background-color: #eb5c01;}
}