/*a38a77*/
/*header*/

.homewrapper {margin-top:100px;}

/*mainimgarea*/
.mainimgarea {position:relative;width:100%;height:80vh;overflow:hidden;text-align:center;}
.mainimgarea .mainimg {position:absolute;top:50%;left:5%;width:45%;transform:translateY(-50%);}
.mainimgarea .bgcover {position:absolute;top:0%;left:0%;width:100%;height:100%;}
.mainimgarea .bgcover {background:#a90 url(../img/top/mainimg.jpg) no-repeat center top;background-size:cover;}
.mainimgarea.on .bgcover {transform:scale(1.2);transition:30s;}
.mainimgarea img.mainlogo {width:100%;margin-bottom:35px;}
.mainimgarea .commentbox {width:30rem;max-width:100%;margin: 0px auto 35px auto;}
.mainimgarea .commentbox .box {background:#fff;padding:18px 2rem;
text-align:left;font-size:1.4rem;line-height:1em;font-weight:bold;margin-bottom:10px;}
.mainimgarea h1 {font-size:1.7rem;}

.mainimgarea .mainctaarea {position:absolute;bottom:50px;right:150px;text-align:center;opacity:0;transform:translateY(20px);}
.mainimgarea .mainctaarea {opacity:1;transform:translateY(0px);transition:2s;}
.mainimgarea .mainctaarea .btn2 {width:300px;max-width:100%;}
.mainimgarea img.more {position:absolute;right:50px;bottom:30px;width:27px;transform:translateY(-60px);opacity:0;}
.mainimgarea img.more.on {transform:translateY(0px);opacity:1;transition:1s;}

/*RES*/
@media (min-width: 897px){@media (max-width: 1400px){
	.mainimgarea {height:auto;}
	.mainimgarea .mainimg {position:relative;top:0px;left:0px;width:60%;transform:translateY(0%);text-align:left;padding:50px 20px 50px 20px;}
	.mainimgarea .commentbox .box {font-size:1.2rem;}
	.mainimgarea .mainctaarea {position:relative;bottom:auto;right:auto;text-align:center;padding-bottom:50px;}
}}
/*SP*/
@media (max-width: 896px){
	.homewrapper {margin-top:60px;}
	.mainimgarea {height:auto;}
	.mainimgarea .bgcover {background-image:url(../img/top/mainimg_sp.jpg);background-position:center bottom;}
	.mainimgarea .mainimg {position:relative;top:0px;left:0px;width:100%;transform:translateY(0%);text-align:left;padding:50px 20px 50px 20px;}
	.mainimgarea img.mainlogo {width:75vw;margin-bottom:20px;}
	.mainimgarea h1 {font-size:6vw;line-height:1.5em;}
	.mainimgarea h1 span {font-size:8vw;padding-top:12px;display:inline-block;}
	.mainimgarea p {font-size:1.1rem;}
	.mainimgarea .commentbox {}
	.mainimgarea .commentbox .box {padding:15px 20px;font-size:0.9rem;margin-bottom:7px;}
	.mainimgarea .mainctaarea {position:relative;bottom:auto;right:auto;text-align:center;padding-bottom:50px;}
	.mainimgarea .mainctaarea .btn2 {width:90%;}
	.mainimgarea img.more {display:none;}
}


.newsarea {background:#f90;padding:15px;}
.newsarea .newslist {}
.newsarea .newslist {}
.newsarea .news {padding:5px;}
.newsarea .news .box {height:100%;min-height:90px;background:#fff;}
.newsarea .news .box:hover {background:#a90;}
.newsarea .news a {display:block;height:100%;width:100%;color:#000;padding:15px;}
.newsarea .news a:hover {text-decoration:none;color:#fff;}
.newsarea .news .date {font-size:0.8rem;font-weight:bold;color:#888;margin-bottom:10px;}
.newsarea .news a:hover .date {color:#fff;}
.newsarea .news .txt {font-size:1.0rem;line-height:1.3em;}
/*
.newsarea .news .date {font-size:50px;line-height:1em;padding:10px;width:170px;float:left;color:#000;text-align:center;}
.newsarea li {border-bottom:dotted rgba(255,255,255,0.4) 1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 0px;}
.newsarea a {color:#fff;}
.newsarea span.date {display:inline-block;width:100px;}
*/

.message {position:relative; padding:100px;overflow:hidden;}
.message .bgcover {position:absolute;top:0px;left:0px;z-index:100;width:100%;height:100%;
background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:fixed;}
.message.on .bgcover {transform:scale(1.2);transition:30s;}
.message .cover {position:absolute;top:0px;left:0px;z-index:100;width:100%;height:100%;background:rgba(0,0,0,0.4);opacity:0;transition:1s;}
.message:hover .cover {opacity:1;transition:3s;}
.message .textbox {position:relative;z-index:300;padding-bottom:50px;width:100%;margin:0px auto;}
.message .textbox h2 {color:#fff;font-size:4rem;margin-bottom:20px;text-shadow:0px 0px 3px rgba(0,0,0,0.2); }
.message .textbox h3 {color:#fff;font-size:2.0rem;margin-bottom:20px;text-shadow:0px 0px 3px rgba(0,0,0,0.2);
display:inline-block;border-bottom:solid #ff0 2px;padding:0px 10px 0px 10px;}
.message .textbox p {color:#fff;font-size:1.4rem;text-shadow:0px 0px 3px rgba(0,0,0,0.2);}
.message .textbox p a {margin-top:30px;}
/*RES*/
@media (min-width: 897px){@media (max-width: 1400px){
	.message {padding:50px;}
	.message .textbox h2 {font-size:1.5rem;}
	.message .textbox h3 {font-size:1.2rem;}
	.message .textbox p {font-size:0.9rem;}
}}
/*SP*/
@media (max-width: 896px){
	.message {padding:35px 15px;}
	.message .cover {background:rgba(255,255,255,0.4);}
	.message .textbox h2 {font-size:1.5rem;color:#000;text-shadow:0px 0px 3px rgba(255,255,255,0.2);}
	.message .textbox h3 {font-size:1.2rem;color:#000;text-shadow:0px 0px 3px rgba(255,255,255,0.2);}
	.message .textbox p {font-size:0.9rem;color:#000;text-shadow:0px 0px 3px rgba(255,255,255,0.2);}
}

/*PC*/
@media (min-width: 897px){
	.goal .bgcover {background-image:url(../img/top/bg_goal.jpg);}
	.message01 .bgcover {background-image:url(../img/top/bg_message01.jpg);}
	.message02 .bgcover {background-image:url(../img/top/bg_message02.jpg);}
	.message03 .bgcover {background-image:url(../img/top/bg_message03.jpg);}
}
/*SP*/
@media (max-width: 896px){
	.goal .bgcover {background-image:url(../img/top/bg_goal_sp.jpg);}
	.message01 .bgcover {background-image:url(../img/top/bg_message01_sp.jpg);}
	.message02 .bgcover {background-image:url(../img/top/bg_message02_sp.jpg);}
	.message03 .bgcover {background-image:url(../img/top/bg_message03_sp.jpg);}
}

.reasonarea {position:relative;background:#eee;}
/*
background:#fff url(../img/top/bg_reason.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;overflow:hidden;
.reasonarea .cover {position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.7);opacity:0;}
.reasonarea:hover .cover {opacity:1;transition:5s;}
*/
.reasonarea .titlebox {position:relative;z-index:100;}
.reasonarea .titlebox h2 {color:#000;font-size:3.5rem;text-align:center;padding:70px 0px;}
.reasonarea .collist {position:relative;z-index:100;}

.reasonarea .inner {padding:0px 5px 10px 5px; }
.reasonarea .inner a {transform:scale(1.0);display:block;height:100%;}
.reasonarea .inner a:hover {text-decoration:none;transform:scale(1.05);transition:0.3s;}
.reasonarea .inner .box {padding:0px;background:rgba(255,255,255,0.95);height:100%;}
.reasonarea .inner img {width:100%;margin-bottom:18px;}
.reasonarea .inner h3 {color:#000;font-size:1.4rem;margin-bottom:9px;padding:10px 30px 0px 30px;}
.reasonarea .inner p {color:#000;font-size:0.9rem;text-align:left;padding:0px 30px 30px 30px;}
.reasonarea .nextlink {position:relative;z-index:100;text-align:center;padding-top:35px;}
/*RES*/
@media (min-width: 897px){@media (max-width: 1400px){
	.reasonarea {padding:50px;}
	.reasonarea .titlebox h2 {font-size:1.4rem;padding:0px 0px 30px 0px;}
	.reasonarea .inner h3 {font-size:1.0rem;padding:0px 20px 0px 20px;}
	.reasonarea .inner p {font-size:0.8rem;padding:0px 20px 30px 20px;}
}}
/*SP*/
@media (max-width: 896px){
	.reasonarea .titlebox h2 {font-size:1.4rem;padding:15px 0px;}
	.reasonarea .inner h3 {font-size:1.0rem;padding:0px 20px 0px 20px;}
	.reasonarea .inner p {font-size:0.8rem;padding:0px 20px 30px 20px;}
}

/*businessarea*/
.businessarea {}
.businessarea {position:relative;background:#fff;}
.businessarea .collist {position:relative;z-index:100;}
.businessarea .inner {}
.businessarea .inner a {transform:scale(1.0);display:block;height:100%;}
.businessarea .inner a:hover {text-decoration:none;transform:scale(1.05);transition:0.3s;}
.businessarea .inner .box {}
.businessarea .inner.image {background-position:center center;background-repeat:no-repeat;background-size:cover;} 
.businessarea .inner.text .box {padding:70px 50px;}
.businessarea .inner img {width:100%;display:block;}
.businessarea .inner h3 {color:#000;font-size:2.2rem;margin-bottom:30px;}
.businessarea .inner p {color:#000;font-size:1.2rem;line-height:1.8em;text-align:left;}
.businessarea .nextlink {position:relative;z-index:100;text-align:center;padding-top:35px;}
.businessarea .inner01.image {background-image:url(../img/top/reason01.jpg);}
.businessarea .inner02.image {background-image:url(../img/top/reason02.jpg);}
.businessarea .inner03.image {background-image:url(../img/top/reason03.jpg);}
.businessarea .inner04.image {background-image:url(../img/top/reason04.jpg);}
.businessarea .inner05.image {background-image:url(../img/top/reason05.jpg);}
.businessarea .inner06.image {background-image:url(../img/top/reason06.jpg);}
/*RES*/
@media (min-width: 897px){@media (max-width: 1400px){
	.businessarea .titlebox h2 {font-size:1.4rem;}
	.businessarea .inner.text .box {padding:20px 20px;}
	.businessarea .inner h3 {font-size:1.4rem;margin-bottom:15px;}
	.businessarea .inner p {font-size:0.9rem;padding-bottom:50px;}
}}
/*SP*/
@media (max-width: 896px){
	.businessarea {background-image:url(../img/top/bg_reason_sp.jpg);}
	.businessarea .titlebox h2 {font-size:1.4rem;}
	.businessarea .inner.image {height:250px;margin-bottom:15px;}
	.businessarea .inner.text .box {padding:20px 20px;}
	.businessarea .inner h3 {font-size:1.4rem;margin-bottom:15px;}
	.businessarea .inner p {font-size:0.9rem;padding-bottom:50px;}
}
/*
.casestudyarea {background:#000;background:linear-gradient(120deg,#000,#333,#000);padding:100px 50px;}
.casestudyarea .titlebox h2 {color:#fff;font-size:3.5rem;text-align:center;margin-bottom:50px;}
.casestudyarea .inner {padding:2px;opacity:0;}
.casestudyarea .inner.on {opacity:1;transition:1s;}

.casestudyarea .collist.on .inner:nth-child(1) {transition:0.2s;}
.casestudyarea .collist.on .inner:nth-child(2) {transition:0.4s;}
.casestudyarea .collist.on .inner:nth-child(3) {transition:0.6s;}
.casestudyarea .collist.on .inner:nth-child(4) {transition:0.8s;}
.casestudyarea .collist.on .inner:nth-child(5) {transition:1.0s;}
.casestudyarea .collist.on .inner:nth-child(6) {transition:1.2s;}
.casestudyarea .collist.on .inner:nth-child(7) {transition:1.4s;}
.casestudyarea .collist.on .inner:nth-child(8) {transition:1.6s;}
.casestudyarea .collist.on .inner:nth-child(9) {transition:1.8s;}
.casestudyarea .inner .box {position:relative;}
.casestudyarea .inner img {width:100%;display:block;}
.casestudyarea .inner h3 {position:absolute;bottom:10px;right:10px;color:#fff;}
.casestudyarea .inner a {text-decoration:none;}
.casestudyarea .inner a:hover img {text-decoration:none;filter:brightness(50%);transition:0.4s;}
.casestudyarea .nextlink {text-align:center;padding-top:35px;}

.businessarea {background:#fff;background:#f2f2f2;}
.businessarea .titlebox {}
.businessarea .titlebox h2 {font-size:3.5rem;text-align:center;margin-bottom:50px;}
.businessarea .inner {}
.businessarea .inner .box {background:#fff;height:100%;}
.businessarea .inner img {width:100%;display:block;}
.businessarea .inner.text .box {padding:50px 70px;}
.businessarea .inner h3 {color:#000;font-size:2.4rem;margin-bottom:25px;}
.businessarea .inner p {color:#000;font-size:1.2rem;}
*/



.bannerarea {padding:1px;background:#fff url(../img/top/bg_bannerarea.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;overflow:hidden;}
.bannerarea .inner {position:relative;padding:1px;}
.bannerarea .inner .box {position:relative;}
.bannerarea img {width:100%;position:relative;filter:brightness(80%);display:block;}
.bannerarea img:hover {filter:brightness(100%);transition:0.4s;}
.bannerarea a {cursor:pointer;}
.bannerarea .col .inner p {position:absolute;bottom:0px;left:0px;width:100%;z-index:100;text-align:center; color:#fff;font-size:1.2rem;font-weight:bold;background:rgba(0,0,0,0.8);padding:5px 15px;}