@charset "UTF-8";
/* CSS Document */




/* ====================================================================
	13inch
==================================================================== */


@media screen and (min-width: 1025px) and (max-width: 1440px) {

	#top02 .imgBox {
		margin-top: -670px;
	}

	#top05 .top05_img22 {
		top: 3020px;
	}

	#top05 .box {
		padding: 4% 0 0;
	}
 
}




/* ====================================================================
	IpadPro 1024px > 
==================================================================== */

/* ---------------------------------------------------
	Top
--------------------------------------------------- */

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


	.for-pc {
	  display: block;
	}

	.for-tab {
		display: block;
	}

	.for-sp {
	  display: none;
	}

	/*!
	 * jquery-drawer v3.2.2
	 * Flexible drawer menu using jQuery, iScroll and CSS.
	 * http://git.blivesta.com/drawer
	 * License : MIT
	 * Author : blivesta <design@blivesta.com> (http://blivesta.com/)
	 */

	.drawer-open{overflow:hidden!important}.drawer-nav{position:fixed;z-index:2;top:0;overflow:hidden;width:16.25rem;height:100%;color:#222;background-color:#fff}.drawer-brand{font-size:1.5rem;font-weight:700;line-height:3.75rem;display:block;padding-right:.75rem;padding-left:.75rem;text-decoration:none;color:#222}.drawer-menu{margin:0;padding:0;list-style:none}.drawer-menu-item{font-size:1rem;display:block;padding:.75rem;text-decoration:none;color:#222}.drawer-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}.drawer-overlay{position:fixed;z-index:1;top:0;left:0;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.2)}.drawer-open .drawer-overlay{display:block}.drawer--top .drawer-nav{top:-100%;left:0;width:100%;height:auto;max-height:100%;-webkit-transition:top .6s cubic-bezier(.19,1,.22,1);transition:top .6s cubic-bezier(.19,1,.22,1)}.drawer--top.drawer-open .drawer-nav{top:0}.drawer--top .drawer-hamburger,.drawer--top.drawer-open .drawer-hamburger{right:0}.drawer--left .drawer-nav{left:-16.25rem;-webkit-transition:left .6s cubic-bezier(.19,1,.22,1);transition:left .6s cubic-bezier(.19,1,.22,1)}.drawer--left .drawer-hamburger,.drawer--left.drawer-open .drawer-nav,.drawer--left.drawer-open .drawer-navbar .drawer-hamburger{left:0}.drawer--left.drawer-open .drawer-hamburger{left:16.25rem}.drawer--right .drawer-nav{right:-16.25rem;-webkit-transition:right .6s cubic-bezier(.19,1,.22,1);transition:right .6s cubic-bezier(.19,1,.22,1)}.drawer--right .drawer-hamburger,.drawer--right.drawer-open .drawer-nav,.drawer--right.drawer-open .drawer-navbar .drawer-hamburger{right:0}.drawer--right.drawer-open .drawer-hamburger{right:16.25rem}.drawer-hamburger{position:fixed;z-index:4;top:0;display:block;box-sizing:content-box;width:2rem;padding:0;padding:18px .75rem 30px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);-webkit-transform:translateZ(0);transform:translateZ(0);border:0;outline:0;background-color:transparent}.drawer-hamburger:hover{cursor:pointer;background-color:transparent}.drawer-hamburger-icon{position:relative;display:block;margin-top:10px}.drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{width:100%;height:2px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);background-color:#222}.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{position:absolute;top:-10px;left:0;content:" "}.drawer-hamburger-icon:after{top:10px}.drawer-open .drawer-hamburger-icon{background-color:transparent}.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before{top:0}.drawer-open .drawer-hamburger-icon:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.drawer-open .drawer-hamburger-icon:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;overflow:visible;clip:auto;width:auto;height:auto;margin:0}.drawer--sidebar,.drawer--sidebar .drawer-contents{background-color:#fff}@media (min-width:64em){.drawer--sidebar .drawer-hamburger{display:none;visibility:hidden}.drawer--sidebar .drawer-nav{display:block;-webkit-transform:none;transform:none;position:fixed;width:12.5rem;height:100%}.drawer--sidebar.drawer--left .drawer-nav{left:0;border-right:1px solid #ddd}.drawer--sidebar.drawer--left .drawer-contents{margin-left:12.5rem}.drawer--sidebar.drawer--right .drawer-nav{right:0;border-left:1px solid #ddd}.drawer--sidebar.drawer--right .drawer-contents{margin-right:12.5rem}.drawer--sidebar .drawer-container{max-width:48rem}}@media (min-width:75em){.drawer--sidebar .drawer-nav{width:16.25rem}.drawer--sidebar.drawer--left .drawer-contents{margin-left:16.25rem}.drawer--sidebar.drawer--right .drawer-contents{margin-right:16.25rem}.drawer--sidebar .drawer-container{max-width:60rem}}.drawer--navbarTopGutter{padding-top:3.75rem}.drawer-navbar .drawer-navbar-header{border-bottom:1px solid #ddd;background-color:#fff}.drawer-navbar{z-index:3;top:0;width:100%}.drawer-navbar--fixed{position:fixed}.drawer-navbar-header{position:relative;z-index:3;box-sizing:border-box;width:100%;height:3.75rem;padding:0 .75rem;text-align:center}.drawer-navbar .drawer-brand{line-height:3.75rem;display:inline-block;padding-top:0;padding-bottom:0;text-decoration:none}.drawer-navbar .drawer-brand:hover{background-color:transparent}.drawer-navbar .drawer-nav{padding-top:3.75rem}.drawer-navbar .drawer-menu{padding-bottom:7.5rem}@media (min-width:64em){.drawer-navbar{height:3.75rem;border-bottom:1px solid #ddd;background-color:#fff}.drawer-navbar .drawer-navbar-header{position:relative;display:block;float:left;width:auto;padding:0;border:0}.drawer-navbar .drawer-menu--right{float:right}.drawer-navbar .drawer-menu li{float:left}.drawer-navbar .drawer-menu-item{line-height:3.75rem;padding-top:0;padding-bottom:0}.drawer-navbar .drawer-hamburger{display:none}.drawer-navbar .drawer-nav{position:relative;left:0;overflow:visible;width:auto;height:3.75rem;padding-top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.drawer-navbar .drawer-menu{padding:0}.drawer-navbar .drawer-dropdown-menu{position:absolute;width:16.25rem;border:1px solid #ddd}.drawer-navbar .drawer-dropdown-menu-item{padding-left:.75rem}}.drawer-dropdown-menu{display:none;box-sizing:border-box;width:100%;margin:0;padding:0;background-color:#fff}.drawer-dropdown-menu>li{width:100%;list-style:none}.drawer-dropdown-menu-item{line-height:3.75rem;display:block;padding:0;padding-right:.75rem;padding-left:1.5rem;text-decoration:none;color:#222}.drawer-dropdown-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}.drawer-dropdown.open>.drawer-dropdown-menu{display:block}.drawer-dropdown .drawer-caret{display:inline-block;width:0;height:0;margin-left:4px;-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;-webkit-transform:rotate(0deg);transform:rotate(0deg);vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.drawer-dropdown.open .drawer-caret{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.drawer-container{margin-right:auto;margin-left:auto}@media (min-width:64em){.drawer-container{max-width:60rem}}@media (min-width:75em){.drawer-container{max-width:70rem}}


	.drawer-hamburger {
		top: 6px;
	}

	.drawer-nav {
		z-index: 1000;
	}

	#header {
	  padding: 0;
	}

	#header .logo {
		width: 28%;
		padding-top: 10px;
	}

	#header .logo a {
		padding-top: 0;
	}

	#header.scrolled .logo {
		width: 26%;
	}

	#header.scrolled .logo a {
		padding-top: 2px;
	}

	#header .drawer-nav li {
	  width: 100%;
	}

	#header nav ul {
		margin-top: 50px;
	}

	#header nav ul li a {
		color: #409ecc;
	    text-shadow: none;
	    display: block;
	    width: 100%;
	    padding: 4% 0;
	    letter-spacing: .05em;
	    border-bottom: 1px dashed #409ecc;
	}

	#header .btn span {
		display: none;
	}

	#header nav ul {
		margin-top: 0;
	}

	#header .btn {
		background: none;
		border: none;
		padding: 0px;
	}

	#header .dropdown {
	  display: block;
	}

	#header .dropdown a {
		background: #33BDED;
	    color: #fff;
	    border-bottom: 1px dashed #fff;
	}

	.inner {
		width: 90%;
	}

	.headerL {
		width: 18%;
	}

	.center {
		width: 60%;
		margin-top: 4%;
		margin-bottom: 8%;
	}

	.functionDesc01, .functionDesc02 {
		min-height: 212px;
	}

	.howtoBoxL {
		width: 60%;
	}

	.howtoBoxR {
		width: 40%;
	}

	.howtoBoxL h3 {
		font-size: .9rem;
		line-height: 1.6;
	}

	header nav ul li a {
		font-size: 1.4rem;
	}


	#about .f-left {
		width: 60%;
	}

	#about .f-right {
		width: 40%;
	}

	#header .drawer-hamburger-icon, #header .drawer-hamburger-icon:after, #header .drawer-hamburger-icon:before {
		background-color: #000;
	}

	.drawer-open .drawer-hamburger-icon {
	    background-color: transparent !important;
	}

	#main .bnr {
		right: 4%;
    	top: 12%;
    	max-width: 28%;
	}

	#main .catchcopy {
		font-size: 2.3rem;
		padding-top: 44%;
	}

	#main .desc {
		font-size: 1.5rem;
	}

	#top01 .top01_img02 {
		top: 20%;
	}

	#top01 .desc {
		padding: 37px 40px 480px;
	}

	#top02 .imgBox {
		margin-top: -480px;
	}

	#top02 .contact .desc {
		width: 44%;
	}

	#top03 {
		padding-bottom: 280px;
	}

	#top04 .catch {
		font-size: 23px;
	}

	#top04 .list .desc {
		font-size: 16px;
	}

	#top04 .box2 .title {
		font-size: 40px;
	}

	#top04 .subBox li img {
		max-height: 140px;
	}

	#top04 .subBox li p {
		font-size: 11px;
	}

	#top04 .catch2 {
		font-size: 22px;
	}

	#top04 .contact .desc {
		width: 54%;
	}

	#top02 .contact .desc::after {
		bottom: -10px;
	    border-width: 10px 20px 0 20px;
	}

	#top04 .contact .desc::after {
		bottom: -10px;
	    border-width: 10px 20px 0 20px;
	}

	#top04 .top04_img15 {
		margin-bottom: -12px;
	}

	#top05 {
		padding: 100px 0 0;
	}

	#top05 .episodeBox01 {
		top: 800px;
	}

	#top05 .top05_img07 {
		top: 600px;
		left: 2%;
	    width: 34%;
	}

	#top05 .episodeBox02 {
		top: 1300px;
	}

	#top05 .top05_img10 {
		top: 1420px;
		right: -7%;
	    width: 44%;
	}

	#top05 .episodeBox03 {
		top: 1800px;
	}

	#top05 .top05_img13 {
		top: 1930px;
		width: 30%;
	}

	#top05 .episodeBox04 {
		top: 2300px;
	}

	#top05 .top05_img18 {
		top: 2550px;
	}

	#top05 .episodeBox05 {
		top: 2800px;
	}

	#top05 .top05_img22 {
		top: 2880px;
		left: -16%;
	    width: 58%;
	}

	#top05 .box {
		min-height: 3300px;
	}

	#top05 .contact .desc {
		width: 44%;
	}

	#top05 .contact .desc::after {
		bottom: -10px;
	    border-width: 10px 20px 0 20px;
	}

	#top06 .contact .desc {
		width: 44%;
	}

	#top06 .contact .desc::after {
		bottom: -10px;
	    border-width: 10px 20px 0 20px;
	}

	#top07 .more {
		width: 44%;
	}

	#top07 .contact .desc {
		width: 44%;
	}

	#top07 .contact .desc::after {
		bottom: -10px;
	    border-width: 10px 20px 0 20px;
	}

	#top07 .top07_img02 {
		width: 24%;
	    left: 10%;
	    bottom: -220px;
	}

	#top08 .infoBoxL {
		width: 100%;
	}

	#top08 .infoBoxR {
		width: 100%;
	}

	#top08 .infoBoxR dt {
		width: 18%;
	}

	#top08 .infoBoxR dd {
		width: 82%;
	}

	#top01 .top01_img03 {
		left: 20%;
	}

	#page-top {
		right: 2%;
	}

	#top07 .box2 .subTitle {
		font-size: 28px;
	}

	#top03 .box p {
		font-size: 28px;
		letter-spacing: .1em;
	}

	#footer .fNav {
		width: 92%;
	}

	#top04 .graph {
		top: -140px;
	}

	#top04 .top04_img15 {
		margin-bottom: 0;
	}

	#top05 .episodeBox .txt dt {
		width: 37%;
	}

	#top05 .episodeBox .txt dd {
		width: 58%;
	}

	/* ---------------------------------------------------
		Voice
	--------------------------------------------------- */

	#voice01 .box {
		padding-top: 680px;
	}

	#voice01 .voice01_img03 {
		width: 100%;
	}

	#voice01 .contents {
		width: 90%;
	}

	#voice01 {
		padding: 125px 0 100px;
	}

	#voice01 .info {
		padding-top: 20px;
	}

	#voice02 .box {
		padding-top: 700px;
	}

	#voice02 .voice02_img03 {
		width: 90%;
	}

	#voice02 .contents {
		width: 90%;
	}

	#voice02 .info {
		padding-top: 20px;
	}

	#voice02 {
		padding: 125px 0 100px;
	}

	#voice03 .box {
		padding-top: 700px;
	}

	#voice03 .voice03_img03 {
		width: 90%;
	}

	#voice03 .contents {
		width: 90%;
	}

	#voice03 .info {
		padding-top: 20px;
	}

	#voice03 {
		padding: 125px 0 100px;
	}

	#voice04 .box {
		padding-top: 700px;
	}

	#voice04 .voice04_img03 {
		width: 100%;
	}

	#voice04 .contents {
		width: 90%;
	}

	#voice04 .info {
		padding-top: 20px;
	}

	#voice04 {
		padding: 125px 0 100px;
	}

	#voice05 .box {
		padding-top: 700px;
	}

	#voice05 .voice05_img03 {
		width: 100%;
	}

	#voice05 .contents {
		width: 90%;
	}

	#voice05 .info {
		padding-top: 20px;
	}

	#voice05 {
		padding: 125px 0 200px;
	}

	#voice01 .voice01_img02 {
		top: 120px;
	    width: 50%;
	}

	#voice02 .voice02_img02 {
		top: 230px;
	    width: 54%;
	}

	#voice03 .voice03_img02 {
	    top: 150px;
	    right: 0%;
	    width: 54%;
	}

	#voice04 .voice04_img02 {
		top: 180px;
	    left: 4%;
	    width: 58%;
	}

	#voice05 .voice05_img02 {
		top: -30px;
	    right: 0%;
	    width: 70%;
	}



	/* ---------------------------------------------------
		Job
	--------------------------------------------------- */

	#job02 .acArea .acBtn {
		width: 100%;
		font-size: 40px;
	}

	#job02 .acBox {
		width: 100%;
		padding: 10px;
	}

	#job02 .contact .desc {
		width: 44%;
	}

	#job02 .contact .desc::after {
		bottom: -10px;
    	border-width: 10px 20px 0 20px;
	}

	#job03 {
		padding: 26% 0 0;
	}

	#job03 .list:first-child dd {
		padding: 4% 0%;
	}

	#job03 .list:first-child dd span {
		display: block;
		width: 100%;
    	margin-right: 0%;
	}

	#job03 .list dt {
		width: 100%;
	}

	#job03 .list dd {
		width: 100%;
	}

	#job02 {
		padding: 26% 0 0;
	}

	#job02::after {
		border-width: 0 0 150px 100vw;
	}

	#job02 .acArea .acBtn {
		font-size: 30px;
    	padding: 30px;
	}

	#job02 .acArea .acBtn::after {
		font-size: 40px;
	    width: 60px;
	    height: 60px;
	    line-height: 60px;
	}

	#job02 .contact .desc {
		width: 54%;
		font-size: 20px;
	}

	#job03::after {
		border-width: 0 0 150px 100vw;
	}

	/* ---------------------------------------------------
		Form1
	--------------------------------------------------- */

	#form1 .title {
		font-size: 40px;
	}

	#form1 .submit_btn {
		font-size: 24px;
	}


	/* ---------------------------------------------------
		Form2
	--------------------------------------------------- */

	#form2 .title {
		font-size: 40px;
	}

	#form2 .submit_btn {
		font-size: 24px;
	}







}



/* ====================================================================
	Ipad 768px > 
==================================================================== */


/* ---------------------------------------------------
	Top
--------------------------------------------------- */

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

	#top01 .top01_img03 {
		left: 30%;
		width: 20%;
	}

	#top01 .box::before {
		top: -150px;
	    border-width: 150px 100vw 0 0;
	}

	#top01 .top01_img02 {
		top: 18%;
	}

	#top02::before {
		top: -150px;
	    border-width: 150px 100vw 0 0;
	}

	#top02::after {
		top: -140px;
	}

	#top02 .imgBox {
		margin-top: -360px;
	}

	#top02 .contact .desc {
		width: 54%;
		font-size: 20px;
	}

	#top03::before {
		top: -150px;
	    border-width: 150px 100vw 0 0;
	}

	#top03 .box .title {
		max-width: 50%;
	}

	#top03 .box p {
		font-size: 22px;
	}

	#top03::after {
		border-width: 150px 100vw 0 0;
	}

	#top03 {
		padding-bottom: 200px;
	}

	#top04 .catch {
		font-size: 17px;
	}

	#top04 .list .title {
		font-size: 24px;
	}

	#top04 .list .desc {
		font-size: 14px;
	}

	#top04 .box2 .title {
		font-size: 28px;
    	letter-spacing: .1em;
	}

	#top04 .box2 .subBox .subTitle {
		font-size: 22px;
	    width: 60%;
	    margin: -34px auto 20px;
	}

	#top04 .catch2 {
		font-size: 20px;
	}

	#top04 .contact .desc {
		width: 64%;
		font-size: 20px;
	}

	#top05::before {
		top: -150px;
	    border-width: 150px 100vw 0 0;
	}

	#top05 .top05_img01 {
		top: -60px;
	}

	#top05 .episodeBox01 {
		top: 600px;
	}

	#top05 .top05_img07 {
		top: 430px;
	}

	#top05 .episodeBox02 {
		top: 1000px;
	}

	#top05 .top05_img10 {
		top: 1220px;
	}

	#top05 .episodeBox03 {
		top: 1400px;
	}

	#top05 .top05_img13 {
		top: 1500px;
	}

	#top05 .episodeBox04 {
		top: 1800px;
	}

	#top05 .top05_img17 {
		top: 2500px;
	}

	#top05 .top05_img18 {
		top: 2000px;
	}

	#top05 .episodeBox05 {
		top: 2200px;
	}

	#top05 .top05_img22 {
		top: 2260px;
	}

	#top05 .top05_img16 {
		top: 2300px;
	}

	#top05 .box {
		min-height: 2650px;
	}

	#top05 .contact .desc {
		width: 54%;
		font-size: 20px;
	}

	#top06::before {
		border-width: 0 0 150px 100vw;
	}

	#top06 .contents {
		width: 70%;
	}

	#top06 .contact .desc {
		width: 54%;
		font-size: 20px;
	}

	#top07 .more {
		width: 54%;
		font-size: 20px;
	}

	#top07 .contact .desc {
		width: 54%;
		font-size: 20px;
	}

	#top07::after {
		bottom: -150px;
	    border-width: 0 0 150px 100vw;
	}

	#top07 .top07_img02 {
		bottom: -160px;
	}

	#top08 .top08_img02 {
		width: 95%;
	}

	#footer .fNav {
		width: 90%;
	}

	#footer .fNavR {
		width: 30%;
	}

	#footer .fNavL {
		width: 70%;
		padding-top: 34px;
	}

	#footer .fNavL li a {
		font-size: 13px;
	}

	#top01 .desc p {
		font-size: 20px;
	}

	#top02 .desc2 {
		padding: 4% 0;
		font-size: 17px;
	}

	#top04 .graph {
		top: -100px;
	}

	#top04 .catch {
		padding-top: 120px;
	}

	#top05 .episodeBox .txt dt {
		width: 100%;
		text-align: left;
	}

	#top05 .episodeBox .txt dd {
		width: 100%;
	}

	#top05 .episodeBox .img {
		width: 40%;
	}

	#top05 .episodeBox .txt {
		width: 56%;
	}


	/* ---------------------------------------------------
		Voice
	--------------------------------------------------- */

	#voice01 {
		padding: 40px 0 100px;
	} 

	#voice01 .box {
		padding-top: 500px;
	}

	#voice01 .info {
		padding-left: 10px;
	}

	#voice01 .staff .desc {
		font-size: 14px;
	}

	#voice01 .descArea {
		padding-bottom: 100px;
	}

	#voice02 .box {
		padding-top: 500px;
	}

	#voice02 .info {
		padding-left: 10px;
	}

	#voice02 .staff .desc {
		font-size: 14px;
	}

	#voice02 .descArea {
		padding-bottom: 100px;
	}

	#voice03 .box {
		padding-top: 500px;
	}

	#voice03 .info {
		padding-left: 10px;
	}

	#voice03 .descArea {
		padding-bottom: 100px;
	}

	#voice03 .staff .desc {
		font-size: 14px;
	}

	#voice04 .box {
		padding-top: 500px;
	}

	#voice04 .info {
		padding-left: 10px;
	}

	#voice04 .descArea {
		padding-bottom: 100px;
	}

	#voice04 .staff .desc {
		font-size: 14px;
	}

	#voice05 .box {
		padding-top: 500px;
	}

	#voice05 .info {
		padding-left: 10px;
	}

	#voice05 .staff .desc {
		font-size: 14px;
	}

	#voice05 .descArea {
		padding-bottom: 100px;
	}

	#voice01 .staff .name, #voice02 .staff .name, #voice03 .staff .name, #voice04 .staff .name, #voice05 .staff .name {
		padding-top: 0;
	}

	/* ---------------------------------------------------
		Form1
	--------------------------------------------------- */

	#form1 .title {
		font-size: 30px;
	}

	#form1 .formBox form {
		width: 100%;
    	margin: 12% auto;
	}

	#form1 .submit_btn {
		font-size: 20px;
	}


	/* ---------------------------------------------------
		Form2
	--------------------------------------------------- */

	#form2 .title {
		font-size: 30px;
	}

	#form2 .formBox form {
		width: 100%;
    	margin: 12% auto;
	}

	#form2 .submit_btn {
		font-size: 20px;
	}


	/* ---------------------------------------------------
		THANKS
	--------------------------------------------------- */

	#thanks .submitted {
		font-size: 30px;
	}








}


/* ====================================================================
	Smartphone 600px > 
==================================================================== */


/* ---------------------------------------------------
	Top
--------------------------------------------------- */

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

	.for-pc {
	  display: none;
	}

	.for-tab {
		display: block;
	}

	.for-sp {
	  display: block;
	}

	.inner {
		width: 90%;
	}

	#header .logo {
		width: 28%;
	}

	#header.scrolled .logo {
		width: 44%;
	}

	#header nav ul li a {
		font-size: 1rem;
	}

	#top01 .top01_img01 {
		min-height: 200px;
    	object-fit: cover;
	}

	#top01 .box::before {
		top: -59px;
    	border-width: 60px 100vw 0 0;
	}

	#top01 .box::after {
		top: -20px;
		right: 4%;
    	width: 40%;
	}

	#top01 .top01_img02 {
		top: 28%;
	}

	#top01 .top01_img03 {
		top: -30px;
	}

	.drawer-hamburger {
		top: 0;
	}

	#top01 .desc p {
		font-size: 14px;
	}

	#top02::before {
		top: -59px;
   		 border-width: 60px 100vw 0 0;
	}

	#top02::after {
		top: -50px;
	}

	#top01 .desc {
		padding: 37px 40px 240px;
	}

	#top02 .imgBox {
		margin-top: -170px;
	}

	#top02 .btn li {
		width: 100%;
		margin-bottom: 6%;
	}

	#top02 .btn li a {
		padding: 4% 0;
	}

	#top02 .contact .desc {
		width: 90%;
	    font-size: 16px;
	    letter-spacing: .1em;
	}

	#top02 .contact .tel {
		width: 60%;
	    display: block;
	    margin: 6% auto;
	}

	#top02 .catchcopy {
		width: 100%;
    	margin: 0 auto 12%;
	}

	#top02 .desc2 {
		text-align: left;
		font-size: 14px;
	}

	#top03::before {
		top: -39px;
	    border-width: 40px 100vw 0 0;
	}

	#top03 .box .title {
		font-size: 12px;
	}

	#top03 .box p {
		font-size: 15px;
    	margin-bottom: 14%;
    	letter-spacing: .05em;
	}

	#top03::after {
		border-width: 40px 100vw 0 0;
		border-color: transparent  #f3fcff  transparent transparent;
		bottom: -1px;
	}

	#top03 {
		background: url(../img/top02_img08.png) no-repeat center bottom / 70%, #1FB9EF;
	}

	#top04 .box {
		width: 100%;
	}

	#top04 .graph li {
		width: 70%;
	    margin: 0 auto 8%;
	    padding-bottom: 8%;
	}

	#top04 .graph li::after {
		content: '';
	    position: absolute;
	    right: 0;
	    left: 0;
	    top: initial;
	    bottom: -10%;
	    margin: auto;
	    display: block;
	    width: 0;
	    height: 0;
	    border-style: solid;
	    border-width: 20px 0 20px 20px;
	    border-color: transparent transparent transparent #21b8ef;
	    text-align: center;
	    transform: rotate(90deg);
	}

	#top04 .graph {
		top: 0;
		position: initial;
	}

	#top04 .catch {
		font-size: 17px;
	    width: 80%;
	    margin: 0 auto 18%;
	    text-align: center;
	    padding-top: 0px;
	}

	#top04 .box {
		margin-top: 0;
		padding-top: 100px;
	}

	#top04 .list dt {
		width: 46%;
		margin: 0 auto 8%;
	}

	#top04 .list dd {
		width: 100%;
		text-align: center;
	}

	#top04 .list .title {
		font-size: 20px;
	}

	#top04 .list .desc {
		font-size: 13px;
	}

	#top04 .box2 .title {
		font-size: 18px;
    	padding: 8% 0;
	}

	#top04 .box2 .desc {
		font-size: 16px;
	    line-height: 33px;
	    width: 100%;
	    margin: 0 auto 4%;
	}

	#top04 .top04_img09 {
		width: 100%;
	}

	#top04 .box2 .desc2 {
		font-size: 13px;
	    line-height: 2;
	    width: 100%;
	    margin: 0 auto 18%;
	}

	#top04 .box2 .subBox .subTitle {
		font-size: 18px;
	    width: 90%;
	    margin: -24px auto 20px;
	}

	#top04 .box2 .subBox {
		width: 100%;
	}

	#top04 .subBox li img {
		max-height: 80px;
	}

	#top04 .subBox li p {
		font-size: 6px;
	}

	#top04 .subBox .desc3 {
		font-size: 8px;
    	text-align: center;
	}

	#top04 .catch2 {
		font-size: 16px;
	}

	#top04 .top04_img14 {
		width: 90%;
	}

	#top04 .btn li {
		width: 100%;
		margin-bottom: 6%;
	}

	#top04 .btn li a {
		padding: 4% 0;
	}

	#top04 .contact .desc {
		width: 90%;
	    font-size: 16px;
	    letter-spacing: .1em;
	}

	#top04 .contact .tel {
		width: 60%;
	    display: block;
	    margin: 6% auto;
	}

	#top05::before {
		top: -69px;
    	border-width: 70px 100vw 0 0;
	}

	#top04 .top04_img15 {
		margin-bottom: 0;
	}

	#top05 .top05_img01 {
		top: -30px;
		right: 6%;
		width: 42%;
	}

	#top05 .episodeBox01 {
		top: 300px;
    	width: 90%;
	}

	#top05 .episodeBox .txt .catch {
		font-size: 17px;
	    text-align: center;
	    padding-left: 0%;
	}

	#top05 .episodeNum {
		width: 60%;
	}

	#top05 .top05_img07 {
		top: 200px;
		left: -4%;
    	width: 40%;
	}

	#top05 .episodeBox .txt dt {
		width: 100%;
		font-size: 12px;
	}

	#top05 .episodeBox .txt dd {
		width: 100%;
		font-size: 12px;
		text-align: center;
	}

	#top05 .episodeBox02 {
		top: 650px;
	}

	#top05 .top05_img10 {
		top: 500px;
		width: 54%;
	}

	#top05 .episodeBox03 {
		top: 1000px;
	}

	#top05 .episodeBox {
		width: 90%;
	}

	#top05 .top05_img13 {
		top: 880px;
    	width: 40%;
    	left: -10%;
	}

	#top05 .episodeBox04 {
		top: 1350px;
	}

	#top05 .top05_img18 {
		top: 1280px;
		width: 40%;
	}

	#top05 .episodeBox05 {
		top: 1700px;
	}

	#top05 .top05_img22 {
		top: 1840px;
		left: -20%;
    	width: 68%;
	}

	#top05 .top05_img17 {
		top: 1670px;
	}

	#top05 .top05_img16 {
		top: 1600px;
	}

	#top05 .box {
		min-height: 2100px;
	}

	#top05 .btn li {
		width: 100%;
		margin-bottom: 6%;
	}

	#top05 .btn li a {
		padding: 4% 0;
	}

	#top05 .contact .desc {
		width: 90%;
	    font-size: 16px;
	    letter-spacing: .1em;
	    color: #1FB9EF;
	}

	#top05 .contact .tel {
		width: 60%;
	    display: block;
	    margin: 6% auto;
	}

	#top06::before {
		border-width: 0 0 70px 100vw;
		top: -1px;
	}

	#top06 .contents {
		width: 100%;
	}

	#top06 .name {
		font-size: 18px;
	}

	#top06 .name span {
		display: block;
		margin-left: 0;
	}

	#top06 .btn li {
		width: 100%;
		margin-bottom: 6%;
	}

	#top06 .btn li a {
		padding: 4% 0;
	}

	#top06 .contact .desc {
		width: 90%;
	    font-size: 16px;
	    letter-spacing: .1em;
	    color: #fff;
	}

	#top06 .contact .tel {
		width: 60%;
	    display: block;
	    margin: 6% auto;
	}

	#top06 .desc {
		padding-bottom: 100px;
	}

	#top06::after {
		border-width: 120px 100vw 0 0;
		bottom: -1px;
	}

	#top07 .title {
		font-size: 30px;
	}

	#top07 .desc-sp {
		color: #fff;
		margin-bottom: 18%;
	}

	#top07 .for-sp .box2 {
		border-radius: 0;
		padding: 8% 12%;
	}

	#top07 .for-sp .box2 .subTitle {
		font-size: 16px;
	}

	#top07 .for-sp .box2 .desc {
		font-size: 15px;
    	line-height: 2;
    	letter-spacing: .04em;
	}

	#top07 .top07_img01_sp {
		margin-top: 8%;
		margin-bottom: 4%;
	}

	#top07 .top07_img01_sp + p span{
		font-size: 20px;
	}

	#top07 small {
		display: block;
		text-align: center;
		font-size: 10px;
	}

	#top07 .video {
		width: 80%;
		margin: 0 auto 8%;
	}

	#top07 .btn li {
		width: 100%;
		margin-bottom: 6%;
	}

	#top07 .btn li a {
		padding: 4% 0;
	}

	#top07 .contact .desc {
		width: 90%;
	    font-size: 16px;
	    letter-spacing: .1em;
	    color: #1fb8ef;
	}

	#top07 .contact .tel {
		width: 60%;
	    display: block;
	    margin: 6% auto;
	}

	#top07 .more {
		width: 60%;
    	font-size: 16px;
    	margin-bottom: 14%;
	}

	#top07::after {
		bottom: -90px;
    	border-width: 0 0 90px 100vw;
	}

	#top08 {
		padding: 140px 0 0;
	}

	#top07 .top07_img02 {
		bottom: -100px;
	}

	#top08 .title {
		font-size: 26px;
	}

	#top08 .en {
		color: #1FB9EF;
	}

	#top08 .top08_img01 {
		width: 100%;
    	margin: 12% auto 4%;
	}

	#top08 .box .desc {
		font-size: 15px;
	}

	#top08 .top08_img03_sp {
	  width: 50%;
	  margin: 8% auto;
	}

	#top08 .top08_img02_sp {
	  width: 100%;
	  margin: 8% auto;
	}

	#top08 .infoBox dt {
		width: 24%;
		padding: 2%;
		box-sizing: border-box;
		font-size: 14px;
		color: #707070;
		line-height: 1.4;
	}

	#top08 .infoBox dd {
		width: 76%;
		padding: 2%;
		box-sizing: border-box;
		font-size: 14px;
		color: #707070;
		line-height: 1.4;
	}

	#top08 .infoBox .nospace dt {
		padding: 0 2%;
	}

	#top08 .infoBox .nospace dd {
		padding: 0 2%;
	}

	#top08 .area {
		margin-top: 8%;
    	padding-left: 4%;
    	margin-bottom: 2%;
	}

	#footer .footer_img01 {
		width: 80%;
		padding: 4% 0;
	}

	#footer .catch {
		font-size: 16px;
		margin-bottom: 10%;
	}

	#footer .btn li {
		width: 100%;
		margin-bottom: 6%;
	}

	#footer .btn li a {
		padding: 4% 0;
	}

	#footer .contact .tel {
		width: 76%;
	    display: block;
	    margin: 6% auto;
	}

	#footer .contact .desc {
	  color: #000;
	  font-size: 22px;
	  font-weight: bold;
	  text-align: center;
	  background: #fff;
	  width: 34%;
	  padding: 8px 0;
	  box-sizing: border-box;
	  margin: 0 auto 2%;
	  position: relative;
	}

	#footer .contact .desc::after {
	  content: '';
	  display: block;
	  position: absolute;
	  bottom: -9px;
	  left: 0;
	  right: 0;
	  margin: auto;
	  width: 0;
	  height: 0;
	  border-style: solid;
	  border-width: 10px 25px 0 25px;
	  border-color: #fff transparent transparent transparent;
	}

	#footer .contact .desc {
		width: 90%;
	    font-size: 16px;
	    letter-spacing: .1em;
	    color: #1fb8ef;
	}

	#footer .fNav {
		display: none;
	}

	#footer .copyright {
		font-size: 12px;
	}

	#top05 .episodeBox .img {
		width: 34%;
	}

	#top05 .episodeBox .txt {
		width: 66%;
	}

	#top05 .episodeBox .txt dt {
		text-align: center;
	}

	#top05 .episodeBox .txt .catch {
		padding: 6% 0;
		box-sizing: border-box;
	}

	#top06 .top06_img04 {
		width: 92%;
	}

	/* ---------------------------------------------------
		Voice
	--------------------------------------------------- */

	#voice01 {
		padding: 0;
	}

	#voice01 .box {
		padding-top: 200px;
	}

	#voice01 .voice01_img02 {
		top: 50px;
	    width: 60%;
	    right: -30px;
	}

	#voice01 .voice01_img05 {
		top: 100px;
		width: 50%;
	}

	#voice01 .voice01_img03 {
		margin-top: 130px;
	}

	#voice01 .name span {
		display: block;
		margin-left: 0;
	}

	#voice01 .name {
		font-size: 16px;
		margin-bottom: 10%;
	}

	#voice01 .descArea {
		font-size: 15px;
	}

	#voice01 .staff {
		width: 80%;
		flex-direction : column-reverse
	}

	#voice01 .staff .name span {
		display: inline-block;
    	margin-left: 4%;
    	font-size: 10px;
	}

	#voice01 .staff .info {
		width: 100%;
	}

	#voice01 .staff .img {
		width: 100%;
	}

	#voice01 .voice01_img04 img{
		max-height: 220px;
		object-fit: cover;
	}

	#voice02 {
		padding: 100px 0;
	}

	#voice02 .box {
		padding-top: 200px;
	}

	#voice02 .voice02_img02 {
		top: 140px;
	    width: 64%;
	    left: -40px;
	}

	#voice02 .voice02_img05 {
		top: 100px;
		width: 50%;
	}

	#voice02 .voice02_img03 {
		margin-top: 130px;
	}


	#voice02 .name span {
		display: block;
		margin-left: 0;
	}

	#voice02 .name {
		font-size: 16px;
		margin-bottom: 10%;
	}

	#voice02 .descArea {
		font-size: 15px;
	}

	#voice02 .staff {
		width: 80%;
		flex-direction : column-reverse
	}

	#voice02 .staff .name span {
		display: inline-block;
    	margin-left: 4%;
    	font-size: 10px;
	}

	#voice02 .staff .info {
		width: 100%;
	}

	#voice02 .staff .img {
		width: 100%;
	}

	#voice02 .voice02_img04 img{
		max-height: 220px;
		object-fit: cover;
	}

	#voice03 {
		padding: 100px 0;
	}

	#voice03 .box {
		padding-top: 200px;
	}

	#voice03 .voice03_img02 {
		top: 60px;
	    width: 64%;
	    right: -10px;
	    transform: rotate(15deg);
	}

	#voice03 .voice03_img05 {
		top: 100px;
		width: 50%;
	}

	#voice03 .voice03_img03 {
		margin-top: 130px;
	}


	#voice03 .name span {
		display: block;
		margin-left: 0;
	}

	#voice03 .name {
		font-size: 16px;
		margin-bottom: 10%;
	}

	#voice03 .descArea {
		font-size: 15px;
	}

	#voice03 .staff {
		width: 80%;
		flex-direction : column-reverse
	}

	#voice03 .staff .name span {
		display: inline-block;
    	margin-left: 4%;
    	font-size: 10px;
	}

	#voice03 .staff .info {
		width: 100%;
	}

	#voice03 .staff .img {
		width: 100%;
	}

	#voice03 .voice03_img04 img{
		max-height: 220px;
		object-fit: cover;
	}

	#voice04 {
		padding: 100px 0;
	}

	#voice04 .box {
		padding-top: 200px;
	}

	#voice04 .voice04_img02 {
		top: 120px;
	    width: 64%;
	    left: -10px;
	}

	#voice04 .voice04_img05 {
		top: 100px;
		width: 50%;
	}

	#voice04 .voice04_img03 {
		margin-top: 130px;
	}


	#voice04 .name span {
		display: block;
		margin-left: 0;
	}

	#voice04 .name {
		font-size: 16px;
		margin-bottom: 10%;
	}

	#voice04 .descArea {
		font-size: 15px;
	}

	#voice04 .staff {
		width: 80%;
		flex-direction : column-reverse
	}

	#voice04 .staff .name span {
		display: inline-block;
    	margin-left: 4%;
    	font-size: 10px;
	}

	#voice04 .staff .info {
		width: 100%;
	}

	#voice04 .staff .img {
		width: 100%;
	}

	#voice04 .voice04_img04 img{
		max-height: 220px;
		object-fit: cover;
	}

	#voice05 {
		padding: 100px 0;
	}

	#voice05 .box {
		padding-top: 200px;
	}

	#voice05 .voice05_img02 {
		top: 10px;
	    width: 94%;
	    transform: rotate(-25deg);
	    right: -70px;
	}

	#voice05 .voice05_img05 {
		top: 100px;
		width: 50%;
	}

	#voice05 .voice05_img03 {
		margin-top: 130px;
	}


	#voice05 .name span {
		display: block;
		margin-left: 0;
	}

	#voice05 .name {
		font-size: 16px;
		margin-bottom: 10%;
	}

	#voice05 .descArea {
		font-size: 15px;
	}

	#voice05 .staff {
		width: 80%;
		flex-direction : column-reverse
	}

	#voice05 .staff .name span {
		display: inline-block;
    	margin-left: 4%;
    	font-size: 10px;
	}

	#voice05 .staff .info {
		width: 100%;
	}

	#voice05 .staff .img {
		width: 100%;
	}

	#voice05 .voice05_img04 img{
		max-height: 220px;
		object-fit: cover;
	}

	#top06 .desc {
		letter-spacing: .06em;
    	line-height: 2;
	}

	#voice01 .descArea, #voice02 .descArea, #voice03 .descArea, #voice04 .descArea, #voice05 .descArea {
		letter-spacing: .05em;
    	line-height: 2;
	}


	/* ---------------------------------------------------
		Job
	--------------------------------------------------- */

	#job01 {
		padding: 18% 0;
	}

	#job01 .title {
		font-size: 30px;
	}

	#job01 .desc {
		text-align: left;
	}

	#job01 dt {
		width: 50%;
		margin: 0 auto 4%;
	}

	#job01 dd {
		width: 100%;
	}

	#job01 dd .subTitle {
		text-align: center;
    	font-size: 26px;
	}

	#job01 dl {
		margin-bottom: 18%;
	}

	#job02::after {
		border-width: 0 0 60px 100vw;
		top: -1px;
	}

	#job02 .title {
		font-size: 33px;
	}

	#job02 .acArea .acBtn {
		font-size: 20px;
    	padding: 20px;
	}

	#job02 .acArea .acBtn::after {
		font-size: 30px;
	    width: 34px;
	    height: 34px;
	    line-height: 34px;
	    right: 10px;
	}

	#job02 .btn li {
		width: 100%;
		margin-bottom: 6%;
	}

	#job02 .btn li a {
		padding: 4% 0;
	}

	#job02 .contact .desc {
		width: 90%;
	    font-size: 16px;
	    letter-spacing: .1em;
	    color: #1FB9EF;
	}

	#job02 .contact .tel {
		width: 60%;
	    display: block;
	    margin: 6% auto;
	}

	#job02 .contact .desc::after {
		bottom: -9px;
	}

	#job03::after {
		border-width: 0 0 60px 100vw;
		top: -1px;
	}

	#job03 .list dt {
		font-size: 30px;
	}

	#job03 .list dd .inbox dt {
		width: 30%;
		font-size: 16px;
		line-height: 1.7;
	}

	#job03 .list dd .inbox dd {
		width: 60%;
		font-size: 16px;
		line-height: 1.7;
	}

	#job03 .list dt {
		font-size: 24px;
	}

	#job03 .list dd {
		font-size: 16px;
    	line-height: 1.7;
	}

	#job03 .listBoxL {
		width: 100%;
	}

	#job03 .listBoxR {
		width: 100%;
	}

	#job03 .more {
		font-size: 14px;
	}

	#job02 .single .position {
		font-size: 30px;
	}

	#job02 .single .sub {
		font-size: 18px;
	}

	#job02 .single {
		padding: 8% 4%;
	}

	#job02 .box .subTitle {
		padding: 1%;
	}

	#job02 .box .desc {
		font-size: 16px;
		padding: 1%;
		box-sizing: border-box;
	}

	#job02 .single .position span {
		font-size: 18px;
	}

	#job01 dd .subTitle {
		margin-bottom: 6%;
	}


	/* ---------------------------------------------------
		Form1
	--------------------------------------------------- */

	#form1::after {
		border-width: 0 0 50px 100vw;
		top: -1px;
	}

	#form1 .title {
		font-size: 24px;
		top: -50px;
    	left: 30px;
	}

	#form1 {
    	padding: 16% 0 0;
    	border-top: 80px solid #1fb8ef;
	}

	#form1 .formBox form dt {
		width: 100%;
	}

	#form1 .formBox form dd {
		width: 100%;
	}

	#form1 .formBox form dd select {
		width: 100%;
	}

	#form1 .formBox input.original {
		width: 100%;
	}

	#form1 .formBox textarea {
		width: 100%;
	}

	#form1 .checkList .checkSingle {
		width: 100%;
	}

	#form1 .checkList .checkSingle {
		margin-top: 3%;
		margin-bottom: 3%;
	}

	#form1 .privacy {
		font-size: 14px;
		font-weight: normal;
		margin: 18% auto 12%;
	}

	#form1 .submit_btn {
		width: 90%;
		margin-bottom: 100px;
	}

	#form1 .formPat {
		display: block;
	}


	/* ---------------------------------------------------
		Form2
	--------------------------------------------------- */

	#form2::after {
		border-width: 0 0 50px 100vw;
		top: -1px;
	}

	#form2 .title {
		font-size: 24px;
		top: -50px;
    	left: 30px;
	}

	#form2 {
    	padding: 16% 0 0;
    	border-top: 80px solid #1fb8ef;
	}

	#form2 .formBox form dt {
		width: 100%;
	}

	#form2 .formBox form dd {
		width: 100%;
	}

	#form2 .formBox form dd select {
		width: 100%;
	}

	#form2 .formBox input.original {
		width: 100%;
	}

	#form2 .formBox textarea {
		width: 100%;
	}

	#form2 .checkList .checkSingle {
		width: 100%;
	}

	#form2 .checkList .checkSingle {
		margin-top: 3%;
		margin-bottom: 3%;
	}

	#form2 .privacy {
		font-size: 14px;
		font-weight: normal;
		margin: 18% auto 12%;
	}

	#form2 .submit_btn {
		width: 90%;
		margin-bottom: 100px;
	}

	#form2 .formPat {
		display: block;
	}



	#thanks .submitted {
		font-size: 20px;
		border-radius: 12px;
	    width: 90%;
	    padding: 4% 0;
	    margin-bottom: 12%;
	}

	#thanks .msg {
		font-size: 14px;
	}













	

	
}