@charset "utf-8";
/*
Theme Name: joy
Version: 20211015
Author URI: https://www.isfnetjoy.com/
*/


*{
	margin: 0;
	padding: 0;
}
html{
	-webkit-text-size-adjust:100%;
}
body{
	width:100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "arial", "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 16px;
	line-height: 1.4em;
}
a{
	outline: none;
	text-decoration: none;
}
.blank{
	display: block;
	height: 35px;
}
.clearfix::after{
	content: "";
	display: table;
	clear:both;
}
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
}
.left{
	float: left;
}
.right{
	float: right;
}
.click-area{
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
img{
	width: 100%;
	height: auto;
}
br.br640,
br.br940{
	display: none;
}
span.bold{
	font-weight: bolder;
}
span.lighter{
	font-weight: lighter;
	font-size: 0.8rem!important;
}
span.color-red{
	color: red;
}
.pc-on{
	display: block;
}
.sp-on{
	display: none;
}
.txt-link{
	text-decoration: underline;
}
.video-wrap{
	position: relative;
	padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
	height: 0;
	overflow: hidden;
}
.video-wrap > iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*--ヘッダ--*/	
header{
	width: 100%;
	text-align: center;
}
#header-area{
	display: block;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 90;
}
#header-area .header-area-inner{
	width: 70%;
	margin: 1% auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#header-area .header-area-inner .logo-box{
	width: 45%;
	text-align: left;
	display: flex;
	align-items: center;
}
#header-area .header-area-inner .logo-box .logo-img{
	width: 7vw;
}
#header-area .header-area-inner .logo-box .logo-txt{
	margin: 0 0 0 10px;
	text-align: left;
}
#header-area .header-area-inner .logo-box .logo-txt p.logo{
	font-size: 1vw;
	letter-spacing: 0.2em;
	line-height: 1.1em;
}
#header-area .header-area-inner .logo-box .logo-txt h1{
	font-size: 1.3vw;
	font-weight: lighter;
	line-height: 1.2em;
}
#header-area .header-area-inner .contact-box{
	width: 50%;
	text-align: right;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
#header-area .header-area-inner .contact-box .contact-txt{
	text-align: left;
}
#header-area .header-area-inner .contact-box .contact-txt p.tel{
	font-weight: bolder;
	margin: 0 1vw 0 0;
	line-height: 1.2em;
}
#header-area .header-area-inner .contact-box .contact-txt p.tel span{
	font-size: 0.9vw;
}
#header-area .header-area-inner .contact-box .contact-txt p.tel span.tel-link,
#header-area .header-area-inner .contact-box .contact-txt a{
	font-size: 1.3vw;
	color: #000;
}
#header-area .header-area-inner .contact-box .contact-txt p.time{
	font-size: 0.8vw!important;
	letter-spacing: -1px;
	line-height: 1.1em;
}
#header-area .header-area-inner .contact-box .entry-box{
	position: relative;
	background-color: #20b1a9;
	border-radius: 5px;
	width: 13vw;
	height: 3.4vw;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: background-color 0.5s;
}
#header-area .header-area-inner .contact-box .entry-box:hover{
	background-color: #0b7a72;
	transition: background-color 1s;
}
#header-area .header-area-inner .contact-box .entry-box p{
	position: relative;
	color: #fff;
	font-size: 1.5vw;
	line-height: 1em;
	margin-right: 1rem;
}
#header-area .header-area-inner .contact-box .entry-box p::after{
	content: "";
	display: block;
	position: absolute;
	top: -0.2vw;
	right: -2.5vw;
	width: 0;
	height: 0;
	border-top: 0.9vw solid transparent;
	border-bottom: 0.9vw solid transparent;
	border-left: 0.9vw solid #fff;
	border-right: 0.9vw solid transparent;
}
#header-area .header-area-inner .menu-icon{
	display: none;
}
#header-area .sp-menu{
	display: none;
}
#nav-area{
	display: block;
	position: relative;
	width: 70%;
	margin: 1% auto;
}
#nav-area ul{
	font-size: 0;
}
#nav-area li{
	display: inline-block;
	position: relative;
	list-style-type: none;
	white-space: nowrap;
	border-right: 1px dotted #20b1a9;
	width: 15%;
	font-size: 1.2vw;
	line-height: 1.2em;
	color: #000;
	vertical-align: top;
	padding: 0.3vw 0 0.2vw;
	z-index: 30;
}
#nav-area li:hover{
	background-color: #20b1a9;
	color: #fff;
}
#nav-area li:first-child{
	border-left: 1px dotted #20b1a9;
}
#nav-area .sub-menu{
	display: block;
	position: absolute;
	top: 4vw;
	left: -4vw;
	width: 70vw;
	background-color: #e1e5e5;
	border: 2px solid #20b1a9;
	border-radius: 5px;
	text-align: center;
	z-index: 20;
	visibility: hidden;
    opacity: 0;
	transition: all 0.5s ease;
}
#nav-area .sub-menu-office{
	left: -25.5vw;
	padding: 10% 0;
	width: 50vw;
}
#nav-area .sub-menu-event{
	left: -9vw;
	width:65vw;
}
#nav-area .sub-menu-aboutus{
	left: -19.4vw;
	width: 38vw;
}
#nav-area .sub-menu-work::after{
	content: "";
	display: block;
	position: absolute;
	top: -4vw;
	left: 7vw;
	width: 0;
	height: 0;
	border-top: 2vw solid transparent;
	border-bottom: 2vw solid #20b1a9;
	border-left: 2vw solid transparent;
	border-right: 2vw solid transparent;
}
#nav-area .sub-menu-office::after{
	content: "";
	display: block;
	position: absolute;
	top: -4vw;
	right: 17.5vw;
	width: 0;
	height: 0;
	border-top: 2vw solid transparent;
	border-bottom: 2vw solid #20b1a9;
	border-left: 2vw solid transparent;
	border-right: 2vw solid transparent;
}
#nav-area .sub-menu-event::after{
	content: "";
	display: block;
	position: absolute;
	top: -4vw;
	left: 12.3vw;
	width: 0;
	height: 0;
	border-top: 2vw solid transparent;
	border-bottom: 2vw solid #20b1a9;
	border-left: 2vw solid transparent;
	border-right: 2vw solid transparent;
}
#nav-area .sub-menu-aboutus::after{
	content: "";
	display: block;
	position: absolute;
	top: -4vw;
	left: 22.5vw;
	width: 0;
	height: 0;
	border-top: 2vw solid transparent;
	border-bottom: 2vw solid #20b1a9;
	border-left: 2vw solid transparent;
	border-right: 2vw solid transparent;
}
#nav-area .sub-menu .sub-menu-box{
	display: inline-block;
	position: relative;
	width: 22%;
	margin: 1.5vw 0.5vw 2vw;
	vertical-align: top;
}
#nav-area .sub-menu .sub-menu-box-event{
	width: 41%;
}
#nav-area .sub-menu .sub-menu-box:hover{
	opacity: 0.5;
}
#nav-area .sub-menu .sub-menu-box .menu-img{
	display: inline-block;
	width: 90%;
}
#nav-area .sub-menu .sub-menu-box .menu-img img{
	width: 100%;
	height: auto;
}
#nav-area .sub-menu .sub-menu-box p.menu-tt{
	display: block;
	font-size: 1.2vw;
	color: #000;
	letter-spacing: 1px;
	font-weight: bolder;
	text-decoration: underline;
	margin: 0.5vw 0 1vw;
}
#nav-area .sub-menu .sub-menu-box p.menu-txt{
	display: block;
	font-size: 0.8vw;
	color: #000;
	line-height: 1.3em;
	vertical-align: top;
}
#nav-area .sub-menu .dropdown-office-area{
	display: block;
	width: 95%;
	margin: 0 auto;
}
#nav-area .sub-menu .dropdown-office-area .japan-map-box{
	display: inline-block;
	width: 32%;
	margin-top: 2%;
}
#nav-area .sub-menu .dropdown-office-area .place-box{
	display: inline-block;
	width: 65%;
}
#nav-area .sub-menu .dropdown-office-area .place-box table.place-table{
	border-collapse: separate;
	border-spacing: 1vw 0.5vw;
	width: 100%;
}
#nav-area .sub-menu .dropdown-office-area .place-box table.place-table td{
	position: relative;
	width: 17%;
	font-size: 1.2vw;
	color: #000;
	white-space: nowrap;
	vertical-align: middle;
}
#nav-area .sub-menu .dropdown-office-area .place-box table.place-table td.place-txt{
	text-decoration: underline;
	opacity: 1;
	transition: opacity 0.5s ease;
}
#nav-area .sub-menu .dropdown-office-area .place-box table.place-table td.place-txt-blnk{
	text-decoration: none;
}
#nav-area .sub-menu .dropdown-office-area .place-box table.place-table td.place-txt:hover{
	opacity: 0.3;
}
#nav-area li.li-work:hover .sub-menu-work,
#nav-area li.li-office:hover .sub-menu-office,
#nav-area li.li-event:hover .sub-menu-event,
#nav-area li.li-aboutus:hover .sub-menu-aboutus{
	visibility: visible;
    opacity: 1;
}
#header-blank{
	display: block;
	width: 100%;
	height: 5vw;
	background-color: #fff;
}







/*--コンテンツ--*/
#top-img{
	display: block;
	width: 100%;
}
#top-img img{
	width: 100%;
	height: auto;
}



#top-notice{
	display: block;
	width: 95%;
	margin: 20px auto 60px;
	border: 1px solid #20b1a9;
	border-radius: 5px;
}
#top-notice > table{
	width: 100%;
	border-collapse: separate;
	border-spacing: 10px;
}
#top-notice .notice-title{
	width: 15%;
	text-align: center;
	vertical-align: middle;
}
#top-notice .notice-title p{
	font-weight: bolder;
	font-size: 14px;
	letter-spacing: 0.2em;
	line-height: 1.2em;
}
#top-notice .notice-main{
	position: relative;
	width: 60%;
	vertical-align: middle;
	text-align: left;
}
#top-notice .notice-main:hover{
	text-decoration: underline;
}
#top-notice .nohover:hover{
	color: #000;
}
#top-notice .notice-main p{
	font-size: 13px;
	line-height: 1.3em;
	border-left: 1px solid #20b1a9;
	padding: 8px 10px;
}
#top-notice .notice-main p span{
	margin-right: 15px;
}
#top-notice .notice-sub{
	width: 25%;
	vertical-align: middle;
	text-align: right;
}
#top-notice .notice-sub .notice-button{
	display: block;
	position: relative;
	background-color: #20b1a9;
	text-align: center;
	border-radius: 5px;
	width: 150px;
	height: 35px;
	opacity: 1;
	transition: opacity 0.5s ease;
}
#top-notice .notice-sub .notice-button:hover{
	opacity: 0.3;
}
#top-notice .notice-sub .notice-button p{
	display: inline-block;
	position: relative;
	font-size: 14px;
	line-height: 1.2em;
	color: #fff;
	letter-spacing: 0.2em;
	margin: 10px 0 0 10px;
}
#top-notice .notice-sub .notice-button .notice-arrow{
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-left: 9px solid #fff;
	border-right: 9px solid transparent;
	vertical-align: middle;
}
#top-notice .sp-notice-button{
	display: none;
}
#urgent-notice-area{
	width: 95%;
	margin: 0 auto -2rem;
}
#urgent-notice-area p.urgent-notice-txt{
	width: 100%;
	text-align: center;
	margin: 0 auto;
}
#urgent-notice-area p.urgent-notice-txt > a{
	font-size: 1.2rem;
	line-height: 1.8rem;
	font-weight: 700;
	color: #20b1a9;
}
#urgent-notice-area p.urgent-notice-txt > a:hover{
	text-decoration: underline;
}


.content-area{
	display: block;
	position: relative;
	width: 100%;
	text-align: center;
}
.content-area .line-box{
	display: block;
	width: 100%;
	height: 5px;
	background-color: #20b1a9;
}
.content-area h2{
	display: inline-block;
	position: absolute;
	top: -10px;
	left: 0;
	right: 0;
	background-color: #fff;
	font-size: 1.6vw;
	letter-spacing: 0.2em;
	width: 40%;
	margin: 0 auto;
	padding: 0 2%;
}
.content-area .content-main{
	display: block;
	width: 95%;
	margin: 30px auto 0;
	text-align: left;
}
.content-area .content-main p{
	font-size: 13px;
}

.content-area .performance-box{
	display: block;
	width: 95%;
	margin: 20px auto 50px;
	border: 1px solid #e8373d;
	border-radius: 5px;
	text-align: center;
}
.content-area .performance-box li{
	display: inline-block;
	list-style-type: none;
	vertical-align: top;
	width: 25%;
	margin: 20px;
}
.content-area .performance-box li .performance-img{
	display: block;
	height: 15vw;
}
.content-area .performance-box li .performance-img img{
	width: auto;
	height: 100%;
}
.content-area .performance-box li .performance-img img.graph02{
	margin: 0 20px 0 0;
}
.content-area .performance-box p.note{
	display: block;
	width: 98%;
	text-align: right;
	font-size: 9px;
}
.content-area .per2-box{
	width: 80%;
	margin: 50px auto;
}
.content-area .per2-box2{
	margin-bottom: 80px;
}
.content-area .per2-box p.per2-txt{
	text-align: left;
	margin-bottom: 1rem;
	font-size: 1vw;
}




.content-area .per2-box .per2-tt-img{
	width: 100%;
	margin: 0 auto;
}
.content-area .per2-box .per2-inner{
	position: relative;
	width: 100%;
	margin: 10px auto 0;
}
.content-area .per2-box .per2-inner .per2-img{
	width: 48%;
}
.content-area .employment-box{
	display: block;
	position: relative;
	width: 100%;
	background-image: url(image/service_back.png);
	background-repeat: no-repeat;
	background-size: 100%;
	margin: 20px 0 0 0;
	height: 55vw;
}
.content-area .employment-box .employment-txt{
	display: block;
	position: absolute;
	top: 4%;
	left: 8%;
	width: 80%;
}
.content-area .employment-main{
	display: inline-block;
	text-align: left;
	width: 80%;
}
.content-area .employment-main > p{
	font-size: 0.9vw;
	line-height: 1.5em;
}
.content-area .employment-main > p.employment-main-tt{
	font-size: 1vw;
	font-weight: bolder;
}
.content-area .employment-sub{
	display: inline-block;
	position: relative;
	text-align: right;
	margin: 0.8% 1vw 0 0;
	opacity: 1;
	transition: opacity 0.5s ease;
}
.content-area .employment-sub:hover{
	opacity: 0.5;
}
.content-area .employment-sub p{
	display: inline-block;
	font-size: 15px;
	font-weight: bolder;
	border-bottom: 1px solid #20b1a9;
}
.content-area .employment-sub .arrow-yellow{
	display: inline-block;
	width: 17px;
	height: 17px;
	vertical-align: middle;
}

.content-area .employment-sub .set-arrow2{
	display: inline-block;
	width: 10px;
	height: 10px;
}
.content-area .employment-sub2{
	margin: 0.7vw 0 0 0!important;
}
.content-area .employment-sub2 p{
	display: inline-block;
	font-size: 1vw!important;
}
.content-area .employment-sub .set-arrow3{
	width: 14px;
	height: 14px;
	vertical-align: middle;
}

.content-area .flow-box1{
	display: block;
	position: absolute;
	top: 20%;
	left: 10%;
	width: 80%;
	height: 38%;
	text-align: center;
}
.content-area .flow-box1 .flow-step{
	display: inline-block;
	position: relative;
	width: 21%;
	height: 100%;
	margin: 0 3% 0 0;
}
.content-area .flow-box1 .step-last{
	margin: 0;
}
.content-area .flow-box1 .flow-step img.step-num{
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 25%;
	height: auto;
	z-index: 2;
}
.content-area .flow-box1 .flow-step img.step-img{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	margin: 2% 0 0 0;
	z-index: 1;
}
.content-area .flow-box1 .flow-step h3{
	display: block;
	position: absolute;
	top: 14vw;
	left: 4vw;
	font-size: 1vw;
}
.content-area .flow-box1 .step-last h3{
	left: 2vw;
}
.content-area .flow-box1 .flow-step P{
	display: block;
	position: absolute;
	top: 16vw;
	left: 0;
	font-size: 0.9vw;
	line-height: 1.5em;
	text-align: left;
}
.content-area .arrow-box{
	display: block;
	position: absolute;
	top: 25%;
	right: -15%;
	width: 18%;
	height: 13%;
	text-align: center;
}



.content-area .flow-box2{
	display: block;
	position: absolute;
	top: 65%;
	left: 10%;
	width: 80%;
	height: 25%;
	text-align: center;
}
.content-area .flow-box2 .flow-box2-left{
	display: inline-block;
	position: relative;
	width: 38%;
}
.content-area .flow-box2 .flow-box2-left-txt{
	display: inline-block;
	text-align: left;
	width: 64%;
	margin: 2.5vw 0 0 0;
}
.content-area .flow-box2 h3{
	font-size: 1.3vw;
	color: #20b1a9;
	margin: 0 0 0.5vw 0;
}
.content-area .flow-box2 h4{
	font-size: 0.9vw;
}
.content-area .flow-box2 p{
	font-size: 0.9vw;
	line-height: 1.5em;
}
.content-area .flow-box2 .flow-box2-left-img{
	display: inline-block;
	width: 32%;
}
.content-area .flow-box2 .flow-box2-left-img img{
	display: block;
	width: 100%;
	height: auto;
}
.content-area .flow-box2 .flow-box2-right{
	display: inline-block;
	position: relative;
	width: 50%;
}
.content-area .flow-box2 .flow-box2-right > img{
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 12%;
	height: auto;
	z-index: 2;
}
.content-area .flow-box2 .flow-box2-right .flow-box2-right-txt-left{
	display: inline-block;
	width: 30%;
	text-align: left;
	margin: 2.5vw 0 0 5.5vw;
}
.content-area .flow-box2 .flow-box2-right .flow-box2-right-txt-right{
	display: inline-block;
	width: 30%;
	text-align: left;
	margin: 2.5vw 5.5vw 0 0;
}
.event-box{
	display: block;
	width: 90%;
	text-align: center;
	margin: 30px auto 40px;
}
.content-area .event-box li.event-main{
	display: inline-block;
	position: relative;
	list-style-type: none;
	vertical-align: top;
	width: 300px;
	border: 1px solid #20b1a9;
	border-radius: 5px;
	text-align: left;
	padding: 20px;
	margin: 2%;
	opacity: 1;
	transition: opacity 0.5s ease;
}
.content-area .event-box li.event-main:hover{
	opacity: 0.3;
}
.content-area .event-box li.event-main h3{
	font-size: 12px;
	line-height: 1.3em;
	font-weight: lighter;
	letter-spacing: -0.1px;
}
.content-area .event-box li.event-main .event-title{
	display: block;
	height: 30px;
	margin: 15px 0;
}
.content-area .event-box li.event-main .event-title img.title{
	height: 100%;
	width: auto;
}
.content-area .event-box li.event-main p.event-txt{
	display: block;
	min-height: 100px;
	font-size: 13px;
	line-height: 1.4em;
}
.content-area .event-box li.event-main img.img{
	display: block;
	width: 80%;
	height: auto;
	margin: 15px auto;
}
.content-area .event-sub{
	display: inline-block;
	text-align: right;
	margin: 10px 20px 0 0;
}
.content-area .event-sub > p{
	display: inline-block;
	font-size: 14px!important;
	font-weight: bolder;
	border-bottom: 1px solid #20b1a9;
}
.content-area .event-sub .arrow-yellow{
	display: inline-block;
	width: 17px;
	height: 17px;
}
.event-box li.base-box{
	display: inline-block;
	list-style-type: none;
	vertical-align: top;
	width: 120px;
	margin: 10px;
}
.content-area h2.base{
	letter-spacing: 1.5vw;
}
.event-box li.base-box .base-title{
	display: block;
	position: relative;
	border-radius: 5px;
	opacity: 1;
	transition: opacity 0.5s ease;
}
.event-box li.base-box .base-title:hover{
	opacity: 0.3;
}
.hokkaido{
	background-color: #004ca0;
}
.hokkaido-txt{
	color: #004ca0!important;
}
.tohoku{
	background-color: #afc3dc;
}
.tohoku-txt{
	color: #afc3dc!important;
}
.kanto{
	background-color: #20b1aa;
}
.kanto-txt{
	color: #20b1aa!important;
}
.chubu{
	background-color: #78c06e;
}
.chubu-txt{
	color: #78c06e!important;
}
.kinki{
	background-color: #f6a901;
}
.kinki-txt{
	color: #f6a901!important;
}
.chugoku{
	background-color: #eb6c01;
}
.chugoku-txt{
	color: #eb6c01!important;
}
.kyushu{
	background-color: #ea6ea0;
}
.kyushu-txt{
	color: #ea6ea0!important;
}
.event-box li.base-box .base-title p{
	font-size: 16px;
	color: #fff;
	padding: 7px 10px 5px;
}
.event-box li.base-box li.base-main{
	list-style-type: disc;
	position: relative;
	vertical-align: top;
	list-style-position: outside;
	font-size: 12px;
	line-height: 1.3em;
	text-align: left;
	margin: 0.5em 0 0 1.5em;
}
.event-box li.base-box li.base-main:hover{
	color: red;
}
.event-box li.gokazoku-base{
	width: 70px;
	margin: 3px;
}
.event-box li.base-box .base-title p.gokazoku{
	font-size: 13px;
	padding: 6px 10px 5px;
}
.info-area{
	display: block;
	width: 100%;
	text-align: center;
}
.info-area .info-box{
	display: inline-block;
	position: relative;
	width: 47%;
}
.info-area .info-box .line-box{
	display: block;
	width: 100%;
	height: 5px;
	background-color: #20b1a9;
}
.info-area .info-box h2{
	display: inline-block;
	position: absolute;
	top: -10px;
	left: 0;
	right: 0;
	background-color: #fff;
	font-size: 1.6vw;
	letter-spacing: 0.2em;
	width: 40%;
	margin: 0 auto;
	padding: 0 1%;
}
.info-area .info-box.about{
	letter-spacing: 1vw;
}
.info-area .info-box .about-box{
	display: block;
	position: relative;
	width: 40%;
	text-align: right;
	border: 1px solid #20b1a9;
	border-radius: 5px;
	background-image: url(image/about.png);
	background-repeat: no-repeat;
	background-size: 14%;
	background-position: 10% 50%;
	margin: 3vw auto 0;
}
.info-area .info-box .about-box:hover{
	background-color: #20b1a9;
	background-image: url(image/about_on.png);
}
.info-area .info-box .idea-box{
	display: block;
	position: relative;
	width: 40%;
	text-align: right;
	border: 1px solid #20b1a9;
	border-radius: 5px;
	background-image: url(image/idea.png);
	background-repeat: no-repeat;
	background-size: 14%;
	background-position: 10% 50%;
	margin: 3vw auto;
}
.info-area .info-box .idea-box:hover{
	background-color: #20b1a9;
	background-image: url(image/idea_on.png);
}
.info-area .info-box .about-box .about-inner,
.info-area .info-box .idea-box .idea-inner{
	display: block;
	width: 100%;
	background-image: url(image/arrow_yellow.svg);
	background-repeat: no-repeat;
	background-size: 6%;
	background-position: 90% 50%;
}
.info-area .info-box .about-box:hover > .about-inner,
.info-area .info-box .idea-box:hover > .idea-inner,
.info-area .info-box .person-box:hover > .person-inner,
.info-area .info-box .company-box:hover > .company-inner,
.info-area .info-box .contact-box:hover > .contact-inner{
	background-image: url(image/arrow_white.svg);
}
.info-area .info-box .about-box .about-inner p,
.info-area .info-box .idea-box .idea-inner p{
	color: #000;
	font-size: 1.5vw;
	margin: 2vw 6vw 2vw 0;
}
.info-area .info-box .about-box:hover > .about-inner p,
.info-area .info-box .idea-box:hover > .idea-inner p,
.info-area .info-box .person-box:hover > .person-inner p,
.info-area .info-box .company-box:hover > .company-inner p,
.info-area .info-box .contact-box:hover > .contact-inner p{
	color: #fff;
}
.info-area .info-box .person-box{
	display: block;
	position: relative;
	width: 60%;
	text-align: right;
	border: 1px solid #20b1a9;
	border-radius: 5px;
	background-image: url('./image/service/icon_tour.png');
	background-repeat: no-repeat;
	background-size: 10%;
	background-position: 5% 50%;
	margin: 3vw auto 0;
}
.info-area .info-box .person-box:hover{
	background-color: #20b1a9;
	background-image: url('./image/service/icon_tour_on.png');
}
.info-area .info-box .company-box{
	display: block;
	position: relative;
	width: 60%;
	text-align: right;
	border: 1px solid #20b1a9;
	border-radius: 5px;
	background-image: url('./image/file_off.png');
	background-repeat: no-repeat;
	background-size: 10%;
	background-position: 5% 50%;
	margin: 1vw auto;
}
.info-area .info-box .company-box:hover{
	background-color: #20b1a9;
	background-image: url('./image/file_on.png');
}
.info-area .info-box .contact-box{
	display: block;
	position: relative;
	width: 60%;
	text-align: right;
	border: 1px solid #20b1a9;
	border-radius: 5px;
	background-image: url(image/contact.png);
	background-repeat: no-repeat;
	background-size: 10%;
	background-position: 5% 50%;
	margin: 0 auto 3vw;
}
.info-area .info-box .contact-box:hover{
	background-color: #20b1a9;
	background-image: url(image/contact_on.png);
}
.info-area .info-box .person-box .person-inner,
.info-area .info-box .company-box .company-inner,
.info-area .info-box .contact-box .contact-inner{
	display: block;
	width: 100%;
	background-image: url(image/arrow_yellow.svg);
	background-repeat: no-repeat;
	background-size: 4%;
	background-position: 90% 50%;
}
.info-area .info-box .person-box .person-inner p,
.info-area .info-box .company-box .company-inner p,
.info-area .info-box .contact-box .contact-inner p{
	color: #000;
	font-size: 1.5vw;
	margin: 1.5vw 6vw 0 0;
}
.info-area .info-box .contact-box .contact-inner > p{
	letter-spacing: 0.5em;
}
.info-area .info-box .person-box .inner-sub,
.info-area .info-box .company-box .inner-sub,
.info-area .info-box .contact-box .inner-sub{
	display: block;
	text-align: left;
	width: 40%;
	background-color: #20b1a9;
	border-radius: 3px 0 0 3px;
	height: 1.5vw;
	margin: 0.5vw 0;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
}
.info-area .info-box .person-box .inner-sub p,
.info-area .info-box .company-box .inner-sub p,
.info-area .info-box .contact-box .inner-sub p{
	color: #fff;
	font-size: 0.8vw;
	line-height: 1.2em;
	margin: 0.3vw 0 0 1vw;
}
.info-area .center-line{
	display: inline-block;
	width: 3%;
	height: 20vw;
	border-right: 1px solid #20b1a9;
	margin: 3.5% 0;
}



/*--フッター--*/
footer{
	display: block;
	width: 100%;
	background-color: #e1e5e5;
	border-top: 5px solid #20b1a9;
	text-align: center;
	padding-bottom: 20px;
}
footer .footer-main{
	display: block;
	width: 95%;
	margin: 0 auto;
}
footer .footer-main .icon-logo{
	display: block;
	width: 30px;
	margin-right: 10px;
}
footer .footer-main .icon-logo img{
	width: 100%;
	height: auto;
}
footer .footer-main .fotter-txt{
	text-align: left;
	margin-top: 20px;
}
footer .footer-main .fotter-txt p{
	display: block;
	font-size: 12px;
	margin: 5px 0 0 40px;
}
footer .footer-main .fotter-txt p.message{
	display: block;
	font-weight: bolder;
	font-size: 14px;
	margin: 0;
}
footer .footer-banner1{
	display: block;
	position: relative;
	width: 95%;
	margin: 0 auto;
}
footer .footer-banner1 .footer-line-box{
	display: block;
	width: 100%;
	height: 3px;
	margin-top: 60px;
	background-color: #3f78af;
}



footer .footer-banner1 .banner-isfnetgroup{
	display: inline-block;
	position: relative;
	width: 26vw;
	margin: -3.3vw 0 0 13%;
	opacity: 1;
	transition: opacity 0.5s ease;
	z-index: 50;
}
footer .footer-banner1 .banner-isfnetgroup-mask{
	display: inline-block;
	position: absolute;
	top: -3.1vw;
	left: 13.1%;
	width: 25.7vw;
	height: 6.1vw;
	background-color: #f5f5dd;
	z-index: 40;
}
footer .footer-banner1 .banner-isfnet{
	display: inline-block;
	position: relative;
	width: 26vw;
	margin: -3.3vw 13% 0 0;
	opacity: 1;
	transition: opacity 0.5s ease;
	z-index: 50;
}
footer .footer-banner1 .banner-isfnet-mask{
	display: inline-block;
	position: absolute;
	top: -3.1vw;
	right: 13.1%;
	width: 25.7vw;
	height: 6.1vw;
	background-color: #f5f5dd;
	z-index: 40;
}
footer .footer-banner2{
	display: block;
	width: 95%;
	margin: 15px auto;
	text-align: center;
}
footer .footer-banner2 li{
	display: inline-block;
	position: relative;
	width: 20vw;
	vertical-align: top;
	margin: 10px;
	opacity: 1;
	transition: opacity 0.5s ease;
}
footer .footer-banner1 .banner-isfnetgroup:hover,
footer .footer-banner1 .banner-isfnet:hover,
footer .footer-banner2 li:hover{
	opacity: 0.3;
}

footer .footer-nav-area{
	display: block;
	width: 95%;
	margin: 30px auto 0;
}
footer .footer-nav-area ul{
	font-size: 0;
}
footer .footer-nav-area li{
	display: inline-block;
	position: relative;
	list-style-type: none;
	white-space: nowrap;
	border-right: 1px dotted #20b1a9;
	width: 15%;
	font-size: 0.9vw;
	line-height: 1.3em;
	color: #000;
	vertical-align: top;
	padding: 2px 5px 1px;
}
footer .footer-nav-area li:hover{
	background-color: #20b1a9;
	color: #fff;
}
footer .footer-nav-area li:first-child{
	border-left: 1px dotted #20b1a9;
}

footer .footer-copyright-area{
	display: block;
	width: 95%;
	margin: 10px auto 0;
	text-align: center;
}
footer .footer-copyright-area p{
	font-size: 14px;
}


#content-img{
	display: block;
	width: 83%;
	margin: 0 auto;
}
#content-img img{
	width: 100%;
	height: auto;
}
#breadcrumb{
	display: block;
	width: 80%;
	margin: 0 auto 50px;
}
#breadcrumb li{
	display: inline-block;
	list-style-type: none;
	text-align: center;
	vertical-align: top;
	font-size: 12px;
	color: #000;
	white-space: nowrap;
}
#breadcrumb li::after{
	content: ">";
	display: inline-block;
	margin: 0 10px;
}
#breadcrumb li:last-child::after{
	content: "";
}
#breadcrumb li a{
	display: inline-block;
	color: #000;
	padding: 0 10px;
}
#breadcrumb li a:hover{
	color: red;
}
#main-area{
	display: block;
	position: relative;
	width: 80%;
	margin: 0 auto;
}
#main-area .main-left{
	display: inline-block;
	width: 70%;
	float: left;
}
#main-area .main-left .line-box{
	display: block;
	width: 100%;
	height: 3px;
	background-color: #20b1a9;
}
#main-area .main-left h2{
	display: inline-block;
	position: absolute;
	top: -10px;
	left: 40px;
	background-color: #fff;
	font-size: 16px;
	letter-spacing: 0.2em;
	padding: 0 20px;
}
#main-area .main-left .anchor-nav{
	display: block;
	width: 100%;
	margin: 50px 0 30px;
}
#main-area .main-left .anchor-nav li{
	display: inline-block;
	list-style-type: none;
	white-space: nowrap;
}
#main-area .main-left .anchor-nav li a{
	color: #000;
	font-size: 14px;
	padding: 0 10px 0 0;
}
#main-area .main-left .anchor-nav li a:hover{
	text-decoration: underline;
}
#main-area .main-left .anchor-nav li .anchor-arrow{
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 20px 0 0;
}
#main-area .main-left .office-area{
	display: block;
	width: 100%;
	padding-top: 5vw;
	margin: -5vw 0 30px 0;
}
#main-area .main-left .office-space{
	margin-top: 40px;
}
#main-area .main-left .office-area h3.name-box{
	display: inline-block;
	font-size: 16px;
	letter-spacing: 0.2em;
	font-weight: lighter;
	color: #fff;
	background-color: #20b1a9;
	border-radius: 5px;
	padding: 10px 30px;
	margin: 20px 0 30px;
}
#main-area .main-left .office-area .office-main{
	display: block;
	width: 100%;
	margin: 0 0 30px 0;
}
#main-area .main-left .office-area .office-main .office-txt{
	display: inline-block;
	width: 50%;
	float: left;
}
#main-area .main-left .office-area .office-main .office-txt p{
	font-size: 13px;
	line-height: 1.8em;
}
#main-area .main-left .office-area .office-main .office-map{
	display: inline-block;
	width: 45%;
	float: right;
}
.gmap{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.gmap iframe, .gmap object, .gmap embed{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#main-area .main-left .office-area .office-details{
	display: block;
	width: 94%;
	text-align: left;
	padding: 3%;
}
#main-area .main-left .office-area .office-details .blog {
	margin-top: 15px;
}
#main-area .main-left .office-area .office-details .blog a {
	color: #000000;
	text-decoration: underline;
}
#main-area .main-left .office-area .office-details .blog a:hover {
	color: red;
}
#main-area .main-left .office-area .gray-back{
	background-color: #f2f2f2;
}
#main-area .main-left .office-area .last-box{
	margin: 0 0 80px 0;
}
#main-area .main-left .office-area .office-details .details-main{
	display: block;
	width: 100%;
}
#main-area .main-left .office-area .office-details .details-main .details-txt{
	display: inline-block;
	width: 65%;
	float: left;
}
#main-area .main-left .office-area .office-details .details-main .details-txt h4{
	display: inline-block;
	font-size: 16px;
	font-weight: lighter;
	letter-spacing: 0.2em;
	background: linear-gradient(transparent 70%, #ffff79 70%);
	margin: 0 0 20px 0;
}
#main-area .main-left .office-area .office-details .details-main .details-txt p{
	font-size: 14px;
	line-height: 1.5em;
	margin: 0 0 10px 0;
}


#main-area .main-left .office-area .office-details .details-main .details-txt .tel-box{
	display: block;
}
#main-area .main-left .office-area .office-details .details-main .details-txt p.tel,
#main-area .main-left .office-area .office-details .details-main .details-txt p.fax{
	display: inline-block;
	position: relative;
	width: 120px;
	margin: 0 20px 0 35px;
}
#main-area .main-left .office-area .office-details .details-main .details-txt p.tel::before{
	content: "TEL";
	position: absolute;
	top: -5px;
	left: -35px;	
	display: inline-block;
	width: 28px;
	height: 25px;
	border-radius: 50%;
	background-color: #f4a900;
	color: #fff;
	font-size: 14px;
	padding: 5px 0 0 2px;
}
#main-area .main-left .office-area .office-details .details-main .details-txt p.fax::before{
	content: "FAX";
	position: absolute;
	top: -5px;
	left: -35px;	
	display: inline-block;
	width: 28px;
	height: 25px;
	border-radius: 50%;
	background-color: #f4a900;
	color: #fff;
	font-size: 14px;
	padding: 5px 0 0 2px;
}
#main-area .office-arrow-sub{
	display: block;
	position: relative;
	text-align: left;
	margin: 20px 1vw 0 0;
	opacity: 1;
	transition: opacity 0.5s ease;
}
#main-area .office-arrow-sub:hover{
	opacity: 0.3;
}
#main-area .office-arrow-sub > p{
	display: inline-block;
	font-size: 14px;
	font-weight: bolder;
	border-bottom: 1px solid #20b1a9;
}
#main-area .office-arrow-sub .office-arrow-yellow{
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
}
#main-area .main-left .office-area .office-details .details-main .details-img{
	display: inline-block;
	width: 30%;
	float: right;
}
#main-area .main-left .office-area .office-details .details-main .details-img img{
	width: 100%;
	height: auto;
}

#main-area .main-left .office-area .office-details .details-sub{
	display: block;
	width: 100%;
	margin: 10px 0 0 0;
}
#main-area .main-left .office-area .office-details .details-sub li{
	display: inline-block;
	position: relative;
	list-style-type: none;
	white-space: nowrap;
	width: 231px;
	height: 40px;
	margin: 0 2px 8px 0;
	opacity: 1;
	transition: opacity 0.5s ease;
}
#main-area .main-left .office-area .office-details .details-sub li:hover{
	opacity: 0.3;
}
#main-area .main-left .office-area .office-details .details-sub li.nolink:hover{
	opacity: 1;
}
#main-area .main-left .office-area .office-details .details-sub li span.service{
	display: inline-block;
	width: 150px;
	height: 31px;
	text-align: center;
	text-decoration: underline;
	font-size: 14px;
	color: #fff;
	padding: 9px 0 0 0;
	letter-spacing: 0.2em;
}
#main-area .main-left .office-area .office-details .details-sub li span.migration{
	background-color: #e8373d;
	border: 1px solid #e8373d;
}
#main-area .main-left .office-area .office-details .details-sub li span.type-a{
	background-color: #004DA0;
	border: 1px solid #004DA0;
	text-decoration: none;
}
#main-area .main-left .office-area .office-details .details-sub li span.type-b{
	background-color: #ED6D00;
	border: 1px solid #ED6D00;
}
#main-area .main-left .office-area .office-details .details-sub li span.dayservice{
	background-color: #f6a901;
	border: 1px solid #f6a901;
	letter-spacing: 0;
}
#main-area .main-left .office-area .office-details .details-sub li span.life{
	background-color: #ea6ea0;
	border: 1px solid #ea6ea0;
	width: 232px;
}
#main-area .main-left .office-area .office-details .details-sub li span.function{
	background-color: #20b1aa;
	border: 1px solid #20b1aa;
}
#main-area .main-left .office-area .office-details .details-sub li span.consultation{
	background-color: #78c06e;
	border: 1px solid #78c06e;
	width: 232px;
}
#main-area .main-left .office-area .office-details .details-sub li span.capacity{
	display: inline-block;
	width: 80px;
	height: 31px;
	text-align: center;
	font-size: 14px;
	padding: 9px 0 0 0;
}
#main-area .main-left .office-area .office-details .details-sub li span.migration-capacity{
	border: 1px solid #e8373d;
}
#main-area .main-left .office-area .office-details .details-sub li span.type-a-capacity{
	border: 1px solid #004DA0;
}
#main-area .main-left .office-area .office-details .details-sub li span.type-b-capacity{
	border: 1px solid #ED6D00;
}
#main-area .main-left .office-area .office-details .details-sub li span.dayservice-capacity{
	border: 1px solid #f6a901;
}
#main-area .main-left .office-area .office-details .details-sub li span.life-capacity{
	border: 1px solid #ea6ea0;
}
#main-area .main-left .office-area .office-details .details-sub li span.function-capacity{
	border: 1px solid #20b1aa;
}
#main-area .main-left .office-area .office-details .details-sub li span.consultation-capacity{
	border: 1px solid #78c06e;
}

#main-area .main-left .details-box{
	display: block;
	width: 100%;
	margin-top: 60px;
}
#main-area .main-left .details-box .office-line{
	display: block;
	position: relative;
	width: 100%;
	height: 3px;
	border-bottom: 3px dotted #20b1a9;
	margin: 40px 0 20px;
}
#main-area .main-left .details-box .office-line > h3{
	display: inline-block;
	position: absolute;
	top: -7px;
	left: 40px;
	font-size: 15px;
	background-color: #fff;
	letter-spacing: 0.2em;
	padding: 0 5%;
	text-align: center;
	white-space: nowrap;
}
#main-area .main-left .details-box h4{
	font-size: 13px;
	margin: 35px 0 15px;
}
#main-area .main-left .details-box > table{
	border-collapse: collapse;
	vertical-align: middle;
	width: 80%;
	margin-left: 30px;
}
#main-area .main-left .details-box > table td{
	font-size: 13px;
	padding: 15px 3%;
	border: 1px solid #c8c8c8;
}
#main-area .main-left .details-box > table td.tt{
	width: 20%;
	text-align: center;
	white-space: nowrap;
	background-color: #e1e5e5;
}
#main-area .main-left .details-box > table td.main{
	width: 80%;
}
#main-area .main-left .details-box ul{
	margin-left: 20px;
	width: 80%;
}
#main-area .main-left .details-box li{
	font-size: 13px;
	vertical-align: top;
	margin-left: 1.5em;
	list-style-type: disc;
	list-style-position: outside;
}
#main-area .main-left .details-box .workers-area{
	width: 100%;
	text-align: center;
	margin: 5px 0 0 0;
}
#main-area .main-left .details-box .workers-area2{
	margin-top: 10px;
}
#main-area .main-left .details-box .workers-area p.workers-txt-sub{
	width: 100%;
	font-size: 11px;
	text-align: right;
	padding-top: 5px;
}
#main-area .main-left .details-box .workers-area .workers-box-left{
	display: inline-block;
	width: 280px;
	height: 50px;
	vertical-align: top;
	border: 1px solid #79796d;
	border-radius: 5px;
}
#main-area .main-left .details-box .workers-area .workers-box-right{
	display: inline-block;
	position: relative;
	width: 280px;
	height: 50px;
	vertical-align: top;
	border: 1px solid #f2f2f2;
	background-color: #f2f2f2;
	border-radius: 5px;
	margin-left: 20px;
}
#main-area .main-left .details-box .workers-area .workers-box-right::before{
	content: "";
	position: absolute;
	top: 12px;
	left: -30px;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 15px solid transparent;
	border-right: 15px solid #f2f2f2;
}


#main-area .main-left .details-box .workers-area p.workers-txt{
	font-family: 'Noto Sans JP', sans-serif;
	width: 90%;
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
	margin: 12px auto 0;
}
#main-area .main-left .details-box .workers-area p.workers-txt2{
	margin-top: 15px;
}
#main-area .main-left .details-box .workers-area p.workers-txt span.workers-txt-large{
	font-size: 2.5rem;
}
#main-area .main-left .details-box .workers-area p.workers-txt span.workers-txt-red{
	font-size: 2.5rem;
	color: #e8373d;
}
#main-area .main-left .details-box ul.employer-ul{
	width: 100%;
	margin: 5px 0 0 0;
}
#main-area .main-left .details-box ul.employer-ul > li{
	display: inline-block;
	list-style-type: none;
	border: 1px solid #79796d;
	border-radius: 5px;
	padding: 5px 10px;
	margin: 0 1% 2% 0;
}
#main-area .main-left .details-box p.details-peculiarity{
	font-size: 13px;
	margin-top: 30px;
}
#main-area .main-left .details-box p.details-peculiarity2{
	margin-top: 15px;
}
#main-area .main-left .details-box p.details-peculiarity3{
	text-align: center;
	margin: 5px 0 30px 0;
}
#main-area .main-left .details-box p.details-peculiarity-sub{
	margin-top: 10px;
}
#main-area .main-left .details-box .details-info-box{
	display: block;
	width: 100%;
	margin-top: 20px;
}
#main-area .main-left .details-box .details-info-box p.info-tt{
	display: inline-block;
	width: 15%;
	font-size: 13px;
	vertical-align: top;
}
#main-area .main-left .details-box .details-info-box p.info-txt{
	display: inline-block;
	width: 75%;
	font-size: 13px;
	vertical-align: top;
}
#main-area .main-left .details-box .details-info-box ul.info-ul{
	display: inline-block;
	width: 75%;
	vertical-align: top;
	margin: 0;
}
#main-area .main-left .details-box .details-info-box ul.qr-ul{
	width: 55%;
}
#main-area .main-left .details-box .details-info-box ul.qr-ul > li{
	margin-bottom: 1em;
}
#main-area .main-left .details-box .details-info-box ul.info-ul > li{
	font-size: 13px;
}
#main-area .main-left .details-box .details-info-box ul.info-ul > li p.info-ul-txt{
	display: block;
	width: 95%;
	margin: 0 0 0 1em;
}
#main-area .main-left .details-box .details-info-box ul.info-ul > li p.info-ul-txt span.info-ul-txt-bol{
	font-size: 16px;
	font-weight: bolder;
}
#main-area .main-left .details-box .details-info-box .qr-img-box{
	display: inline-block;
	width: 18%;
	vertical-align: top;
	margin: 0 5vw 0 0;
}
#main-area .main-left .details-box .details-info-box ul.info-ul > li p.info-ul-sub{
	display: block;
	width: 100%;
	margin: 10px 0 0 -1em;
}





#main-area .main-left .details-box .details-access{
	display: block;
	width: 100%;
	margin-top: 30px;
}
#main-area .main-left .details-box .details-access .details-access-address{
	display: inline-block;
	width: 50%;
	float: left;
}
#main-area .main-left .details-box .details-access .details-access-address p{
	font-size: 13px;
}
#main-area .main-left .details-box .details-access .details-access-address p.details-address-tt{
	font-weight: bolder;
}
#main-area .main-left .details-box .details-access .details-access-address p.details-address-txt{
	margin-bottom: 10px;
	line-height: 1.3em;
}
#main-area .main-left .details-box .details-access .details-access-map{
	display: inline-block;
	width: 48%;
	float: right;
}
#main-area .main-left .details-box .details-access .details-access-map > img{
	margin-top: 1.5rem;
}
#main-area .main-left .details-box .details-access .details-access-map > p{
	font-size: 13px;
	line-height: 1.5em;
	margin-top: 1rem;
}
#main-area .main-left .details-box ul.details-root{
	display: block;
	width: 100%;
	margin: 20px 0 50px;
	text-align: center;
}
#main-area .main-left .details-box ul.details-root li{
	display: inline-block;
	list-style-type: none;
	width: 220px;
	vertical-align: top;
	margin: 10px;
}
#main-area .main-left .details-box ul.details-root li .details-root-img{
	width: 100%;
}
#main-area .main-left .details-box ul.details-root li .details-root-sub{
	display: block;
	width: 100%;
	margin: 5px 0 15px;
	text-align: left;
}
#main-area .main-left .details-box ul.details-root li .details-root-sub .details-root-number{
	display: inline-block;
	width: 35px;
	height: 35px;
	background-color: #f4a900;
	border-radius: 50%;
	text-align: center;
	vertical-align: top;
}
#main-area .main-left .details-box ul.details-root li .details-root-sub .details-root-number p{
	font-size: 20px;
	color: #fff;
	margin-top: 7px;
}
#main-area .main-left .details-box ul.details-root li .details-root-sub .details-root-txt{
	display: inline-block;
	width: 168px;
	margin-left: 10px;
}
#main-area .main-left .details-box ul.details-root li .details-root-sub .details-root-txt p{
	font-size: 13px;
	line-height: 1.3em;
}
#main-area .main-left .details-box .details-introduce{
	display: block;
	width: 100%;
	text-align: left;
	margin: 30px 0 60px;
}
#main-area .main-left .details-box .details-introduce .details-introduce-txt{
	display: inline-block;
	width: 78%;
	vertical-align: top;
}
#main-area .main-left .details-box .details-introduce .details-introduce-txt p{
	font-size: 13px;
}
#main-area .main-left .details-box .details-introduce .details-introduce-img{
	display: inline-block;
	width: 18%;
	vertical-align: top;
	margin-left: 10px;
}

#main-area .main-left p.service-txt{
	display: block;
	width: 95%;
	font-size: 13px;
	line-height: 1.8em;
	margin-bottom: 5%;
}
#main-area .main-left .service-menu{
	display: block;
	width: 95%;
	text-align: center;
}
#main-area .main-left .service-menu .service-menu-box{
	display: inline-block;
	position: relative;
	width: 40%;
	border: 1px solid #20b1a9;
	border-radius: 5px;
	padding: 2%;
	text-align: center;
	margin-bottom: 5%;
	opacity: 1;
	transition: opacity 0.5s ease;
}
#main-area .main-left .service-menu .service-menu-box:hover{
	opacity: 0.3;
}
#main-area .main-left .service-menu .service-menu-box .service-menu-main{
	display: block;
	width: 100%;
	height: 140px;
	text-align: left;
}
#main-area .main-left .service-menu .service-menu-box .service-menu-main p.service-menu-tt{
	font-size: 15px;
	margin-bottom: 0;
	font-weight: bolder;
	margin: 5% auto;
	line-height: 1.3em;
}
#main-area .main-left .service-menu .service-menu-box .service-menu-main p.service-menu-txt{
	font-size: 13px;
	margin: 2% auto 5%;
	font-weight: lighter;
	line-height: 1.4em;
}
#main-area .main-left .service-menu .service-menu-box .service-menu-box-sub{
	display: block;
	width: 100%;
	text-align: right;
	margin: 0 0 2% 0;
}
#main-area .main-left .service-menu .service-menu-box .service-menu-box-sub p{
	display: inline-block;
	font-size: 13px;
	font-weight: bolder;
	border-bottom: 1px solid #20b1a9;
}
#main-area .main-left .service-menu .service-menu-box .service-menu-box-sub .arrow-yellow{
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: middle;
}

#main-area .main-left .align-left{
	text-align: left;
}
#main-area .main-left .service-menu .step-box{
	display: inline-block;
	width: 150px;
	vertical-align: top;
	margin-right: 2%;
}
#main-area .main-left .service-menu .step-box .step-number{
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-align: center;
	vertical-align: top;
	margin-right: 10px
}
#main-area .main-left .service-menu .step-box > .step1{
	background-color: #eb6c01;
}
#main-area .main-left .service-menu .step-box > .step2{
	background-color: #004d9f;
}
#main-area .main-left .service-menu .step-box > .step3{
	background-color: #20b1aa;
}
#main-area .main-left .service-menu .step-box > .step4{
	background-color: #78c06e;
}
#main-area .main-left .service-menu .step-box > .step5{
	background-color: #ea6ea0;
}
#main-area .main-left .service-menu .step-box > .step6{
	background-color: #f6a901;
}
#main-area .main-left .service-menu .step-box .step-number p{
	font-size: 20px;
	color: #fff;
	margin-top: 9px;
}
#main-area .main-left .service-menu .step-box > p.step-tt{
	display: inline-block;
	font-size: 13px;
	font-weight: bolder;
	white-space: nowrap;
	vertical-align: top;
	letter-spacing: 0.3em;
	margin-top: 9px;
}
#main-area .main-left .service-menu .step-box > p.step6-tt{
	line-height: 1.3em;
	margin-top: 5px;
}
#main-area .main-left .service-menu .step-box span{
	font-size: 18px;
	font-weight: bolder;
}
#main-area .main-left .service-menu .step-box span.step2{
	color: #004d9f;
}
#main-area .main-left .service-menu .step-box span.step3{
	color: #20b1aa;
}
#main-area .main-left .service-menu .step-box span.step4{
	color: #78c06e;
}
#main-area .main-left .service-menu .step-box span.step5{
	color: #ea6ea0;
}
#main-area .main-left .service-menu .step-box span.step6{
	color: #f6a901;
}
#main-area .main-left .service-menu .step-box-main{
	display: inline-block;
	width: 64%;
	vertical-align: top;
}
#main-area .main-left .service-menu .step-box-main p.step-box-txt{
	display: inline-block;
	font-size: 13px;
	line-height: 1.3em;
	width: 50%;
	vertical-align: top;
	margin-right: 2%;
}
#main-area .main-left .service-menu .step-box-main ul.step-box-sub{
	display: inline-block;
	width: 45%;
	background-color: #e1e5e5;
	border-radius: 5px;
	padding: 1%;
	vertical-align: top;
}
#main-area .main-left .service-menu .step-box-main ul.step-box-sub li{
	font-size: 12px;
	line-height: 1.3em;
	vertical-align: top;
	margin-left: 1.5em;
	list-style-type: disc;
	list-style-position: outside;
}
#main-area .main-left .step-arrow{
	display: block;
	width: 20px;
	height: 20px;
	margin: 20px 0 20px 10px;
}
#main-area .main-left .step-arrow img{
	transform: rotate(90deg);
}
#main-area .main-left .sapota-comment{
	display: block;
	width: 95%;
	text-align: right;
	margin-top: 30px;
}
#main-area .main-left .sapota-comment .comment-img{
	display: inline-block;
	width: 100px;
	vertical-align: top;
}
#main-area .main-left .sapota-comment .comment-txt{
	display: inline-block;
	width: 250px;
	border: 1px solid #20b1a9;
	border-radius: 5px;
	padding: 5px 15px;
	text-align: left;
	vertical-align: top;
}
#main-area .main-left .sapota-comment .comment-txt p{
	font-size: 11px;
	line-height: 1.5em;
}

#main-area .main-left .schedule-box{
	display: block;
	width: 95%;
	margin-bottom: 20px;
}
#main-area .main-left .schedule-box .schedule-time{
	display: inline-block;
	text-align: left;
	width: 150px;
	vertical-align: top;
}
#main-area .main-left .schedule-box .schedule-time .schedule-icon{
	display: inline-block;
	width: 50px;
	height: 50px;
}
#main-area .main-left .schedule-box .schedule-time .schedule-tt{
	display: inline-block;
	margin: 5px 0 0 10px;
}
#main-area .main-left .schedule-box .schedule-time .schedule-tt p{
	font-size: 15px;
	line-height: 1.3em;
}
#main-area .main-left .schedule-box .schedule-main{
	display: inline-block;
	width: 75%;
	text-align: left;
	padding-bottom: 10px;
	border-bottom: 1px dotted #20b1a9;
	vertical-align: top;
}
#main-area .main-left .schedule-box .schedule-main .width-short{
	display: inline-block;
	width: 70%;
}
#main-area .main-left .schedule-box .schedule-main p{
	font-size: 13px;
	line-height: 1.4em;
	min-height: 39px;
}
#main-area .main-left .schedule-box .schedule-main .schedule-main-img{
	display: inline-block;
	width: 25%;
	vertical-align: top;
}
#main-area .main-left .schedule-box .schedule-main .schedule-main-img p{
	display: block;
	font-size: 11px;
	text-align: center;
}

#main-area .main-left .details-box .what-support{
	display: block;
	width: 95%;
}
#main-area .main-left .details-box .what-support p.what-support-tt{
	font-size: 13px;
	font-weight: bolder;
}
#main-area .main-left .details-box .what-support p.what-support-txt{
	font-size: 13px;
	line-height: 1.5em;
	margin: 10px 0 20px 0;
}
#main-area .main-left .details-box .what-support ol{
	margin: 10px 0 20px 0;
}
#main-area .main-left .details-box .what-support li{
	font-size: 13px;
	line-height: 1.3em;
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 1.5em;
}
#main-area .main-left .service-banner-area{
	display: block;
	width: 100%;
	margin: 5% auto;
	text-align: center;
}
#main-area .main-left .service-banner-area .service-banner-box{
	display: inline-block;
	position: relative;
	width: 230px;
	height: 60px;
	border: 1px solid #20b1a9;
	border-radius: 5px;
	text-align: center;
	margin: 10px 0;
}
#main-area .main-left .service-banner-area .service-banner-box:hover{
	background-color: #20b1a9;
}
#main-area .main-left .service-banner-area .tour{
	background-image: url('./image/file_off.png');
	background-repeat: no-repeat;
	background-size: 40px;
	background-position: 15px 10px;
	margin-right: 5%;
}
#main-area .main-left .service-banner-area .tour:hover{
	background-image: url('./image/file_on.png');
}
#main-area .main-left .service-banner-area .contact{
	background-image: url('./image/contact.png');
	background-repeat: no-repeat;
	background-size: 40px;
	background-position: 15px 10px;
}
#main-area .main-left .service-banner-area .contact:hover{
	background-image: url('./image/contact_on.png');
}
#main-area .main-left .service-banner-area .service-banner-box p{
	display: inline-block;
	font-size: 18px;
	letter-spacing: 1px;
	vertical-align: top;
	margin: 20px 0 0 50px;
}
#main-area .main-left .service-banner-area .service-banner-box:hover > p{
	color: #fff;
}
#main-area .main-left .service-banner-area .service-banner-box .service-banner-arrow{
	display: inline-block;
	background-image: url('./image/arrow_yellow.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 20px;
	height: 20px;
	vertical-align: top;
	margin: 20px 0 0 10px;
}
#main-area .main-left .service-banner-area .service-banner-box:hover > .service-banner-arrow{
	background-image: url('./image/arrow_white.svg');
}
#main-area .main-left .related-links-area{
	display: block;
	width: 100%;
	margin: 50px 0 100px 0;
}
#main-area .main-left .related-links-area p{
	font-size: 18px;
	color: #006d62;
}
#main-area .main-left .related-links-area .related-links-box{
	display: block;
	width: 100%;
	border: 1px solid #20b1a9;
	padding: 10px 0;
	margin: 10px 0;
}
#main-area .main-left .related-links-area ul{
	margin-left: 50px;
}
#main-area .main-left .related-links-area .related-links-box li{
	position: relative;
	list-style-type: none;
	font-size: 13px;
	line-height: 1.2em;
	margin: 10px 0;
}
#main-area .main-left .related-links-area .related-links-box li::before{
	content: ">";
	position: absolute;
	top: 0;
	left: -20px;
	font-size: 15px;
	color: #20b1a9;
}
#main-area .main-left .related-links-area .related-links-box li:hover{
	text-decoration: underline;
}
#main-area .main-left .details-box .curriculum-line{
	border-bottom: 3px solid #20b1a9;
}
#main-area .main-left .details-box .curriculum-line > h3{
	font-size: 16px;
}
#main-area .main-left .details-box .curriculum-area{
	display: block;
	width: 95%;
	margin: 50px 0 60px 0;
}
#main-area .main-left .details-box .curriculum-area .curriculum-time{
	display: inline-block;
	width: 100px;
	margin: 65px 5% 0 0;
}
#main-area .main-left .details-box .curriculum-area .curriculum-time > table.table-time{
	border-collapse: collapse;
	width: 100%;
}
#main-area .main-left .details-box .curriculum-area .curriculum-time > table.table-time td{
	font-size: 15px;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	margin: 0 0 0 10px;
	height: 61px;
}
#main-area .main-left .details-box .curriculum-area .curriculum-time > table.table-time img{
	width: 50px;
	height: 50px;
}
#main-area .main-left .details-box .curriculum-area .curriculum-time > table.table-time img.small{
	width: 46px;
	height: 46px;
}
#main-area .main-left .details-box .curriculum-area .curriculum-box{
	display: inline-block;
	width: 75%;
}
#main-area .main-left .details-box .curriculum-area .curriculum-box > table.table-main{
	width: 537px;
	border-collapse: collapse;
}
#main-area .main-left .details-box .curriculum-area .curriculum-box > table.table-main td{
	font-size: 13px;
	line-height: 1.3em;
	white-space: nowrap;
	text-align: center;
	width: 80px;
	height: 60px;
	border-bottom: 1px dotted #20b1a9;
	vertical-align: middle;
}
#main-area .main-left .details-box .curriculum-area .curriculum-box > table.table-main td.week{
	border-bottom: none;
}
#main-area .main-left .details-box .curriculum-area .curriculum-box > table.table-main p.week-box{
	display: block;
	background-color: #006d62;
	border-radius: 50%;
	width: 50px;
	height: 35px;
	font-size: 13px;
	color: #fff;
	margin: 0 auto;
	padding-top: 15px;
}
#main-area .main-left .details-box .training-box{
	display: block;
	width: 95%;
}
#main-area .main-left .details-box .training-box .training-tt{
	display: block;
}
#main-area .main-left .details-box .training-box .training-tt > h4{
	display: inline-block;
	font-size: 15px;
	letter-spacing: 0.1em;
	white-space: nowrap;
	background: linear-gradient(transparent 70%, #ffff79 70%);
}
#main-area .main-left .details-box .training-box .training-menu{
	display: inline-block;
	width: 40%;
	padding: 10px 0;
	background-color: #e1e5e5;
	border-radius: 5px;
}
#main-area .main-left .details-box .training-box .training-menu ul{
	vertical-align: top;
}
#main-area .main-left .details-box .training-box .training-menu li{
	list-style-type: disc;
	list-style-position: outside;
	font-size: 13px;
	line-height: 1.5em;
	width: 80%;
}
#main-area .main-left .details-box .training-box .training-txt{
	display: inline-block;
	width: 55%;
	vertical-align: top;
}
#main-area .main-left .details-box .training-box .training-txt-wide{
	width: 100%;
}
#main-area .main-left .details-box .training-box .training-txt > p{
	font-size: 13px;
	line-height: 1.8em;
}
#main-area .main-left .details-box .training-box .training-arrow{
	display: block;
	position: relative;
	width: 60px;
	height: 15px;
	background-color: #20b1a9;
	margin: 30px auto 10px;
	text-align: center;
}
#main-area .main-left .details-box .training-box .training-arrow::before{
	content: "";
	position: absolute;
	top: 15px;
	left: -20px;
	border-top: 25px solid #20b1a9;
	border-bottom: 25px solid transparent;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
}
#main-area .main-left .details-box .fixing-box{
	display: block;
	position: relative;
	width: 95%;
	border: 1px solid #20b1a9;
	background-image: url('./image/service/support_back.svg');
	background-repeat: repeat-y;
	background-size: 100%;
	text-align: center;
	margin: 50px 0;
	padding-bottom: 10px;
	opacity: 1;
	transition: opacity 0.5s ease;
}
#main-area .main-left .details-box .fixing-box:hover{
	opacity: 0.3;
}
#main-area .main-left .details-box .fixing-box .fixing-main{
	display: inline-block;
	width: 60%;
	vertical-align: top;
}
#main-area .main-left .details-box .fixing-box .fixing-main > h4{
	display: inline-block;
	font-size: 16px;
	letter-spacing: 0.1em;
	line-height: 1.3em;
	background: linear-gradient(transparent 70%, #ffff79 70%);
	margin: 10px 0;
}
#main-area .main-left .details-box .fixing-box .fixing-main > p{
	font-size: 13px;
	line-height: 1.3em;
}
#main-area .main-left .details-box .fixing-box .fixing-img{
	display: inline-block;
	position: absolute;
	bottom: -2px;
	left: 20px;
	width: 15%;
	vertical-align: top;
}
#main-area .main-left .details-box .fixing-box .fixing-sub{
	display: inline-block;
	position: absolute;
	bottom: 5px;
	right: 10px;
	width: 18%;
	text-align: right;
	vertical-align: top;
}
#main-area .main-left .details-box .fixing-box .fixing-sub > p{
	display: inline-block;
	font-size: 1vw;
	line-height: 1.3em;
	font-weight: bolder;
	border-bottom: 1px solid #20b1a9;
	vertical-align: middle;
	white-space: nowrap;
}
#main-area .main-left .details-box .fixing-box .fixing-sub .arrow-yellow{
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: middle;
}

#main-area .main-left .service-menu .step-box > p.howtoapply-step-tt{
	display: inline-block;
	font-size: 12px;
	font-weight: bolder;
	white-space: nowrap;
	vertical-align: top;
	letter-spacing: 0;
	line-height: 1.3em;
	margin-top: 0;
}
#main-area .main-left .service-menu .step-box > p.howtoapply-line1{
	margin-top: 13px;
}
#main-area .main-left .service-menu .step-box > p.howtoapply-line2{
	margin-top: 5px;
}
#main-area .main-left .service-menu .step-box > p.howtoapply-line3{
	margin-top: -3px;
}
#main-area .main-left .service-menu .step-box-main > p.howtoapply-txt{
	display: inline-block;
	width: 98%;
	background-color: #e1e5e5;
	border-radius: 5px;
	padding: 10px;
	vertical-align: top;
	font-size: 13px;
	line-height: 1.3em;
	vertical-align: top;
	min-height: 30px;
	margin-top: -5px;
}
#main-area .main-left .details-box > table.howtoapply-table{
	border-collapse: collapse;
	vertical-align: middle;
	width: 80%;
	margin-left: 30px;
}
#main-area .main-left .details-box > table.howtoapply-table td.howtoapply-table-left{
	width: 70%;
	height: 20px;
	border: 1px solid #c8c8c8;
	font-size: 13px;
	line-height: 1.3em;
}
#main-area .main-left .details-box > table.howtoapply-table td.howtoapply-table-right{
	width: 30%;
	height: 20px;
	border: 1px solid #c8c8c8;
	font-size: 13px;
	line-height: 1.3em;
	white-space: nowrap;
}
#main-area .main-left .details-box p.howtoapply-table-sub{
	font-size: 11px;
	line-height: 1.3em;
	margin-top: 15px;
	width: 95%;
}
#main-area .main-left .user-voice-box{
	display: block;
	width: 95%;
	padding: 3% 0;
	border-top: 1px dotted #f6aa00;
	text-align: left;
}
#main-area .main-left .user-voice-first{
	border: none;
	padding-top: 0;
}
#main-area .main-left .user-voice-box .user-voice-profile{
	display: block;
	width: 100%;
	margin-bottom: 3%;
}
#main-area .main-left .user-voice-box .user-voice-profile .user-voice-img{
	display: inline-block;
	width: 140px;
	height: 100px;
	margin-right: 30px;
}
#main-area .main-left .user-voice-box .user-voice-profile .user-voice-main{
	display: inline-block;
	margin-top: 30px;
	width: 65%;
}
#main-area .main-left .user-voice-box .user-voice-profile .user-voice-main p.user-voice-tt{
	font-size: 15px;
	font-weight: bolder;
	line-height: 1.3em;
}
#main-area .main-left .user-voice-box .user-voice-profile .user-voice-main p.user-voice-tt-sub{
	font-size: 13px;
	line-height: 1.3em;
	margin: 15px 0 20px 0;
}
#main-area .main-left .user-voice-box p.user-voice-txt{
	font-size: 13px;
	line-height: 1.8em;
	margin-bottom: 1em;
}
#main-area .main-left .user-voice-box p.user-voice-sub-txt{
	display: inline-block;
	font-size: 14px;
	line-height: 1.3em;
	margin: 1em 0 0.5em 0;
	background: linear-gradient(transparent 70%, #ffff79 70%);
}
#main-area .main-left .training-area{
	display: block;
	width: 95%;
	text-align: center;
}
#main-area .main-left .training-area .training-box{
	display: inline-block;
	width: 45%;
	text-align: left;
	margin-bottom: 30px;
}
#main-area .main-left .training-area .training-box .training-place{
	display: block;
	width: 100%;
}
#main-area .main-left .training-area .training-box .training-place img.training-icon{
	display: inline-block;
	width: 20px;
	margin-right: 10px;
}
#main-area .main-left .training-area .training-box .training-place p.training-place-name{
	display: inline-block;
	font-size: 13px;
	line-height: 1.3em;
	margin-top: 5px;
}
#main-area .main-left .training-area p.training-name{
	font-size: 13px;
	text-align: left;
	font-weight: bolder;
	line-height: 1.3em;
	margin: 10px 0;
}
#main-area .main-left .training-area p.event-name{
	margin: 0.5rem 0 0;
}
#main-area .main-left .training-area p.training-txt{
	font-size: 13px;
	text-align: left;
	line-height: 1.4em;
}
#main-area .main-left .training-area p.event-txt{
	margin: 10px 0;
}
#main-area .main-left .schedule-box p.aboutus-tt{
	font-size: 15px;
	color: #006d62;
	white-space: nowrap;
	line-height: 1.2em;
	margin: 40px 0 5px;
}
#main-area .main-left .schedule-box p.aboutus-txt{
	font-size: 13px;
	line-height: 1.3em;
	margin: 0 0 20px 5%;
}
#main-area .main-left .schedule-box > table.aboutus-officer{
	border-collapse: collapse;
	vertical-align: middle;
	width: 60%;
	margin: 0 0 20px 5%;
}
#main-area .main-left .schedule-box > table.aboutus-officer td.officer-position{
	font-size: 13px;
	line-height: 1.3em;
	width: 30%;
	height: 40px;
	background-color: #e1e5e5;
	border: 1px solid #c8c8c8;
	padding: 5px 3%;
}
#main-area .main-left .schedule-box > table.aboutus-officer td.officer-name{
	font-size: 13px;
	line-height: 1.3em;
	width: 70%;
	height: 40px;
	border: 1px solid #c8c8c8;
	padding: 5px 3%;
}
#main-area .main-left .schedule-box ol.aboutus-business,
#main-area .main-left .schedule-box ul.aboutus-subsidiary,
#main-area .main-left .schedule-box ul.aboutus-office{
	margin: 0 0 20px 5%;
}
#main-area .main-left .schedule-box ul.aboutus-subsidiary-sub{
	margin: 0 0 0.5rem 5%;
}
#main-area .main-left .schedule-box ol.aboutus-business li{
	font-size: 13px;
	line-height: 1.3em;
	list-style-type: decimal;
	margin-left: 1.5em;
	margin-bottom: 0.3rem;
}
#main-area .main-left .schedule-box ul.aboutus-subsidiary li{
	font-size: 13px;
	line-height: 1.3em;
	list-style-type: none;
	margin-bottom: 0.3rem;
}
#main-area .main-left .schedule-box ul.aboutus-office li{
	font-size: 13px;
	line-height: 1.3em;
	list-style-type: none;
	margin-bottom: 1.5rem;
}
#main-area .main-left .schedule-box ul.aboutus-subsidiary-sub li{
	font-size: 13px;
	line-height: 1.3em;
	list-style-type: disc;
	margin-bottom: 0.3rem;
}
#main-area .main-left .mission-box{
	margin-top: 40px;
}
#main-area .main-left .details-box p.mission-txt{
	width: 95%;
	font-size: 13px;
	line-height: 1.8em;
	margin-bottom: 1em;
}
#main-area .main-left .details-box p.signature{
	text-align: right;
	line-height: 1.3em;
	margin-bottom: 2em;
}
#main-area .main-left .details-box p.mission-list-txt{
	width: 90%;
	font-size: 13px;
	line-height: 1.3em;
	margin-left: 5%;
}
#main-area .main-left .details-box p.mission-txt-sub{
	width: 95%;
	font-size: 11px;
	line-height: 1.3em;
	margin-top: 10px;
}
#main-area .main-left .details-box p.mission-tt{
	font-size: 15px;
	line-height: 1.2em;
	color: #006d62;
	margin-bottom: 10px;
}
#main-area .main-left .details-box img.mission-img{
	width: 50%;
	height: auto;
	margin: 20px 0 20px 5%;
}
#main-area .main-left .details-box ol.mission-list{
	width: 90%;
	margin: 5px 0 15px 5%;
}
#main-area .main-left .details-box ol.mission-list li{
	font-size: 13px;
	line-height: 1.3em;
	list-style-type: decimal;
}
#main-area .main-left .details-box p.record-txt{
	width: 95%;
	font-size: 13px;
	line-height: 1.5em;
	text-align: center;
	margin: 1.5em 0 1em 0;
}
#main-area .main-left .details-box ol.basic-policy{
	display: block;
	width: 95%;
	margin-bottom: 1em;
}
#main-area .main-left .details-box ol.basic-policy li{
	list-style-type: decimal;
	font-size: 13px;
	line-height: 1.5em;
	margin: 0 0 0.5em 1.5em;
}
#main-area .main-left .details-box ul.information-handling{
	display: block;
	width: 95%;
	margin: 0 0 1em 0;
}
#main-area .main-left .details-box ul.information-handling li{
	list-style-type: disc;
	font-size: 13px;
	line-height: 1.5em;
	margin-bottom: 0.2em;
}
#main-area .main-left .policy-box{
	border-top: 1px dotted #f6aa00;
	margin-top: 0;
	padding-top: 30px;
}




#main-area .main-left .web-contact-box{
	display: block;
	width: 95%;
	margin-top: 20px;
}
#main-area .main-left .web-contact-box .web-contact-main{
	display: inline-block;
	width: 65%;
	min-height: 90px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #20b1a9;
}
#main-area .main-left .web-contact-box .web-contact-main p.web-contact-tt{
	display: block;
	width: 100%;
	font-size: 15px;
	line-height: 1.2em;
	color: #006d62;
	text-align: left;
	margin-bottom: 10px;
}
#main-area .main-left .web-contact-box .web-contact-main p.web-contact-txt{
	display: block;
	width: 100%;
	font-size: 13px;
	line-height: 1.4em;
	text-align: left;
}
#main-area .main-left .web-contact-box .web-contact-banner{
	display: inline-block;
	position: relative;
	width: 30%;
	height: 80px;
	border: 1px solid #20b1a9;
	border-radius: 5px;
	text-align: right;
	margin-top: 1%;
}
#main-area .main-left .web-contact-box .web-contact-banner:hover{
	background-color: #20b1a9;
}
#main-area .main-left .web-contact-box .web-contact-banner p.web-contact-banner-txt{
	display: inline-block;
	position: relative;
	font-size: 1.2vw;
	line-height: 1.3em;
	margin: 30px 20% 0 0;
}
#main-area .main-left .web-contact-box .web-contact-banner p.web-contact-line2{
	font-size: 1vw;
	margin-top: 25px;
}
#main-area .main-left .web-contact-box .web-contact-banner p.web-contact-banner-txt::after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: -2vw;
	width: 1.3vw;
	height: 1.3vw;
	background-image: url('./image/arrow_yellow.svg');
	background-repeat: no-repeat;
	background-size: contain;
}
#main-area .main-left .web-contact-box .web-contact-banner p.web-contact-line2::after{
	top: 7px;
}
#main-area .main-left .web-contact-box .registration{
	background-image: url('./image/file_off.png');
	background-repeat: no-repeat;
	background-size: 20%;
	background-position: 15px;
}
#main-area .main-left .web-contact-box .registration:hover{
	background-image: url('./image/file_on.png');
}
#main-area .main-left .web-contact-box .consideration{
	background-image: url('./image/person.png');
	background-repeat: no-repeat;
	background-size: 20%;
	background-position: 15px;
}
#main-area .main-left .web-contact-box .consideration:hover{
	background-image: url('./image/person_on.png');
}
#main-area .main-left .web-contact-box .gokazokumeeting{
	background-image: url('./image/service/icon_tour.png');
	background-repeat: no-repeat;
	background-size: 20%;
	background-position: 15px;
}
#main-area .main-left .web-contact-box .gokazokumeeting:hover{
	background-image: url('./image/service/icon_tour_on.png');
}
#main-area .main-left .web-contact-box .businessbriefing{
	background-image: url('./image/company.png');
	background-repeat: no-repeat;
	background-size: 20%;
	background-position: 15px;
}
#main-area .main-left .web-contact-box .businessbriefing:hover{
	background-image: url('./image/company_on.png');
}
#main-area .main-left .web-contact-box .inquiryform{
	background-image: url('./image/contact.png');
	background-repeat: no-repeat;
	background-size: 20%;
	background-position: 15px;
}
#main-area .main-left .web-contact-box .inquiryform:hover{
	background-image: url('./image/contact_on.png');
}
#main-area .main-left .web-contact-box .web-contact-banner:hover > p.web-contact-banner-txt::after{
	background-image: url('./image/arrow_white.svg');
}
#main-area .main-left .web-contact-box .web-contact-banner:hover > p.web-contact-banner-txt{
	color: #fff;
}
#main-area .main-left .details-box .tel-contact-box{
	display: block;
	width: 100%;
	margin-top: 30px;
}
#main-area .main-left .details-box .tel-contact-box p.tel-main{
	font-size: 25px;
	line-height: 1.2em;
}
#main-area .main-left .details-box .tel-contact-box span.tel-s{
	font-size: 18px;
	line-height: 1.2em;
}
#main-area .main-left .details-box .tel-contact-box p.tel-sub{
	font-size: 13px;
	line-height: 1.3em;
	margin-top: 5px;
}
#main-area .main-left .details-box ul.retention-target{
	display: blodk;
	width: 90%;
}
#main-area .main-left .details-box ul.retention-target > li{
	list-style-type: disc;
	font-size: 13px;
	line-height: 1.4em;
	margin-bottom: 1em;
}
#main-area .main-left .retention-img{
	display: block;
	width: 95%;
	margin: 0 auto;
}
#main-area .main-left .w40{
	width: 40%;
}
#main-area .main-left .details-box p.office-details-txt{
	display: block;
	width: 100%;
	font-size: 13px;
	line-height: 1.4em;
	margin: 1em 0 0 0;
}
#main-area .main-left .details-box ul.office-details-list{
	display: block;
	width: 100%;
}
#main-area .main-left .details-box ul.office-details-list > li{
	list-style-type: disc;
	list-style-position: outside;
	font-size: 13px;
	line-height: 1.4em;
	width: 80%;
	margin: 0.3em 0 0 1.5em;
}
#main-area .main-left p.question-tt{
	display: inline-block;
	font-size: 15px;
	line-height: 1.3em;
	background: linear-gradient(transparent 70%, #ffff79 70%);
}
#main-area .main-left ul.question-list{
	position: relative;
	display: block;
	width: 95%;
	margin: 10px 0 20px 0;
	z-index: 60;
}
#main-area .main-left ul.question-list > li{
	list-style-type: none;
	position: relative;
	margin: 0 0 5px 1.5em;
}
#main-area .main-left ul.question-list > li::after{
	content: "Q.";
	display: block;
	position: absolute;
	top: 0;
	left: -25px;
	color: #c1c1c1;
	font-style: 18px;
	font-weight: bolder;
}
#main-area .main-left ul.question-list > li span.underline{
	border-bottom: 1px solid #c8c8c8;
	font-size: 13px;
	line-height: 1.2em;
}
#main-area .main-left ul.question-list > li:hover > span.underline{
	color: #006d62;
}
#main-area .main-left .q-and-a-box{
	display: block;
	position: relative;
	width: 95%;
	padding-top: 8vw;
	margin: -8vw 0 20px;
	border-bottom: 1px dotted #20b1a9;
}
#main-area .main-left .q-and-a-box .question-box{
	display: block;
	width: 100%;
	text-align: left;
	margin-bottom: 10px;
}
#main-area .main-left .q-and-a-box > p.link-txt{
	display: block;
	color: #000;
	position: relative;
	text-align: right;
	font-size: 11px;
	line-height: 1.2em;
	margin: 10px 30px 15px 0;
}
#main-area .main-left .q-and-a-box p.link-txt::after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: -25px;
	width: 15px;
	height: 15px;
	background-image: url('./image/arrow_yellow.svg');
	background-repeat: no-repeat;
	background-size: contain;
}
#main-area .main-left .q-and-a-box:hover > p.link-txt{
	text-decoration: underline;
}
#main-area .main-left .q-and-a-box .question-box .question-icon{
	display: inline-block;
	font-size: 18px;
	line-height: 1.2em;
	color: #fff;
	background-color: #006d62;
	margin-right: 10px;
	padding: 1px 3px;
}
#main-area .main-left .q-and-a-box .question-box p.question-txt{
	display: inline-block;
	width: 90%;
	font-size: 15px;
	font-weight: bolder;
	line-height: 1.2em;
	margin-top: 5px;
}
#main-area .main-left .q-and-a-box .answer-box{
	display: block;
	width: 100%;
	background-color: #e1e5e5;
	padding: 10px 0;
}
#main-area .main-left .q-and-a-box .answer-box .answer-icon{
	display: inline-block;
	font-size: 18px;
	line-height: 1.2em;
	color: #fff;
	background-color: #20b1a9;
	margin-right: 10px;
	padding: 1px 3px;
}
#main-area .main-left .q-and-a-box .answer-box p.answer-txt{
	display: inline-block;
	width: 90%;
	font-size: 13px;
	line-height: 1.8em;
}
#service-q1{
	z-index: 59;
}
#service-q2{
	z-index: 58;
}
#service-q3{
	z-index: 57;
}
#use-q1{
	z-index: 56;
}
#use-q2{
	z-index: 55;
}
#use-q3{
	z-index: 54;
}
#use-q4{
	z-index: 53;
}
#use-q5{
	z-index: 52;
}
#other-q1{
	z-index: 51;
}
#other-q2{
	z-index: 50;
}
#other-q3{
	z-index: 49;
}
#other-q4{
	z-index: 48;
}
#other-q5{
	z-index: 47;
}
#other-q6{
	z-index: 46;
}
#main-area .main-left p.gokazoku-txt{
	display: block;
	width: 95%;
	font-size: 13px;
	line-height: 1.5em;
	margin-bottom: 10px;
}
#main-area .main-left .gokazoku-img-area{
	display: block;
	width: 95%;
	margin-bottom: 20px;
}
#main-area .main-left .gokazoku-img-area img.gokazoku-img{
	width: 48%;
	height: auto;
}
#main-area .main-left > ul.gokazoku-program{
	display: block;
	width: 95%;
}
#main-area .main-left > ul.gokazoku-program li{
	list-style-type: disc;
	font-size: 13px;
	line-height: 1.5em;
	margin: 0 0 5px 1.5em;
}
#main-area .main-left .gokazoku-banner-area{
	display: block;
	width: 95%;
	text-align: center;
	margin: 30px 0 60px 0;
}
#main-area .main-left .gokazoku-banner-area p.gokazoku-banner-txt{
	display: block;
	text-align: left;
	font-size: 13px;
	line-height: 1.4;
}
#main-area .main-left .gokazoku-banner-area .gokazoku-banner{
	display: inline-block;
	position: relative;
	width: 48%;
	padding: 1% 0;
	font-size: 1vw;
	line-height: 1.3em;
	border: 1px solid #20b1a9;
	border-radius: 5px;
	margin: 10px 0;
	background-image: url('./image/arrow_yellow.svg');
	background-repeat: no-repeat;
	background-size: 1.3vw;
	background-position: 95% 50%;
}
#main-area .main-left .gokazoku-banner-area .gokazoku-banner01{
	padding: 2.2% 0;
}
#main-area .main-left .gokazoku-banner-area .gokazoku-banner:hover{
	background-color: #20b1a9;
	background-image: url('./image/arrow_white.svg');
	color: #fff;
}
#main-area .main-left p.gokazoku-list-txt{
	font-size: 13px;
	line-height: 1.3em;
	font-weight: bolder;
	width: 95%;
	margin: 30px 0;
}
.gokazoku-link-dummy{
	padding-top: 8vw;
	margin-top: -8vw;
}
#main-area .main-left .gokazoku-base-name{
	display: block;
	width: 30%;
	text-align: center;
	padding: 10px 0;
}
#main-area .main-left .gokazoku-base-name p.gokazoku-base-name-txt{
	font-size: 13px;
	line-height: 1.2em;
	letter-spacing: 0.2em;
	white-space: nowrap;
	color: #fff;
}
#main-area .main-left .gokazoku-base-main{
	display: block;
	width: 95%;
	padding: 15px;
	/*background-color: #f5f5dd;*/
	text-align: left;
	margin-bottom: 20px;
}
#main-area .main-left .gokazoku-base-main p.gokazoku-base-tt{
	font-size: 13px;
	line-height: 1.2em;
	font-weight: bolder;
	letter-spacing: 0.2em;
	margin-bottom: 10px;
}
#main-area .main-left .gokazoku-base-main p.gokazoku-base-txt{
	font-size: 13px;
	line-height: 1.5em;
}
#main-area .main-left .gokazoku-base-main .gokazoku-schedule{
	display: inline-block;
	width: 40%;
	min-height: 150px;
	vertical-align: top;
	margin-right: 10px;
}
#main-area .main-left .gokazoku-base-main .gokazoku-place{
	display: inline-block;
	width: 25%;
	min-height: 150px;
	vertical-align: top;
	margin-right: 10px;
}
#main-area .main-left .gokazoku-base-main .gokazoku-tel{
	display: inline-block;
	width: 25%;
	min-height: 150px;
	vertical-align: top;
}
#main-area .main-left .gokazoku-base-main .gokazoku-schedule > table{
	border-collapse: collapse;
	vertical-align: middle;
	width: 100%;
	margin-bottom: 10px;
}
#main-area .main-left .gokazoku-base-main .gokazoku-schedule > table th{
	font-size: 11px;
	line-height: 1.3em;
	text-align: center;
	border: 1px solid #79796d;
	white-space: nowrap;
	width: 16%;
	height: 20px;
}
#main-area .main-left .gokazoku-base-main .gokazoku-schedule > table td{
	font-size: 11px;
	line-height: 1.3em;
	text-align: center;
	border: 1px solid #79796d;
	white-space: nowrap;
	padding: 5px 0;
}
#main-area .main-left .gokazoku-base-main .gokazoku-schedule > table td.close{
	background-color: #d7a1a1;
}


#main-area .main-left .gokazoku-base-main .gokazoku-schedule p.gokazoku-schedule-txt{
	font-size: 11px;
	line-height: 1.3em;
}
#main-area .main-left .gokazoku-base-main .gokazoku-schedule p.schedule-txt-sub{
	margin-top: 0.4em;
}


#main-area .main-left .gokazoku-base-main .gokazoku-tel .gokazoku-base-details{
	display: block;
	position: relative;
	width: 100%;
	vertical-align: bottom;
	margin-top: 60px;
	text-align: right;
	opacity: 1;
	transition: opacity 0.5s ease;
}
#main-area .main-left .gokazoku-base-main .gokazoku-tel .gokazoku-base-details:hover{
	opacity: 0.3;
}
#main-area .main-left .gokazoku-base-main .gokazoku-tel .gokazoku-base-details p.gokazoku-base-details-txt{
	display: inline-block;
	position: relative;
	font-size: 12px;
	white-space: nowrap;
	line-height: 1.3em;
	border-bottom: 1px solid #ee968c;
	margin-right: 25px;
}
#main-area .main-left .gokazoku-base-main .gokazoku-tel .gokazoku-base-details p.gokazoku-base-details-txt::after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: -25px;
	width: 15px;
	height: 15px;
	background-image: url('./image/arrow_yellow.svg');
	background-repeat: no-repeat;
	background-size: contain;
}
#main-area .main-left .gokazoku-base-main .office-gokazoku-txt-box{
	display: inline-block;
	width: 50%;
	background-color: #fff2cc;
	padding: 2% 2% 0 2%;
	margin-left: 2%;
	margin-top: 15px;
}
#main-area .main-left .gokazoku-base-main .office-gokazoku-txt-box p.office-gokazoku-txt{
	font-size: 13px;
	line-height: 1.4em;
	margin-bottom: 1em;
}
#main-area .main-left p.consultation-txt{
	display: block;
	width: 95%;
	font-size: 13px;
	line-height: 1.8em;
	margin: 1em 0;
}
#main-area .main-left p.consultation-top-txt{
	margin-top: 30px;
}
#main-area .main-left p.consultation-sub-txt{
	display: block;
	width: 95%;
	font-size: 12px;
	line-height: 1.5em;
	margin: 30px 0 60px 0;
}
#main-area .main-left p.consultation-tt{
	margin-top: 10px;
}

#main-area .main-left .sitemap-area{
	display: block;
	width: 95%;
}
#main-area .main-left .sitemap-area ul.sitemap-box{
	display: block;
	width: 100%;
}
#main-area .main-left .sitemap-area ul.sitemap-box > li{
	list-style-type: none;
	display: inline-block;
	width: 45%;
	text-align: left;
	border-bottom: 1px dotted #20b1a9;
	margin-bottom: 10px;
	vertical-align: top;
	padding-bottom: 2%;
}
#main-area .main-left .sitemap-area ul.sitemap-box p.sitemap-tt{
	display: inline-block;
	font-size: 13px;
	line-height: 1.3em;
	white-space: nowrap;
	background: linear-gradient(transparent 70%, #ffff79 70%);
	margin-bottom: 5px;
}
#main-area .main-left .sitemap-area ul.sitemap-box-sub{
	display: block;
	width: 100%;
}
#main-area .main-left .sitemap-area ul.sitemap-box-sub li{
	list-style-type: none;
	display: block;
	text-align: left;
	margin-left: 2.5em;
	vertical-align: top;
}
#main-area .main-left .sitemap-area ul.sitemap-box-sub li a.sitemap{
	display: block;
	position: relative;
	font-size: 13px;
	line-height: 1.3em;
	white-space: nowrap;
	padding: 5px 0;
	color: #000;
}
#main-area .main-left .sitemap-area ul.sitemap-box-sub li a.second::before{
	content: ">";
	position: absolute;
	top: 0;
	left: -1.5em;
	font-size: 13px;
	line-height: 1.3em;
	padding: 5px 0;
}
#main-area .main-left .sitemap-area ul.sitemap-box-sub li a.third::before{
	content: ">>";
	position: absolute;
	top: 0;
	left: -2em;
	font-size: 13px;
	line-height: 1.3em;
	padding: 5px 0;
}
#main-area .main-left .sitemap-area ul.sitemap-box-sub li a.sitemap:hover{
	text-decoration: underline;
}
#main-area .main-left .service-menu .step-box-main ul.retention-flow{
	width: 98%;
	padding: 10px;
	margin-top: -5px;
}

#main-area .main-left .retention-table{
	display: block;
	width: 95%;
	margin: 2% 0 5% 0;
}
#main-area .main-left .retention-table .retention-table-box{
	display: inline-block;
	width: 60%;
	vertical-align: top;
}
#main-area .main-left .retention-table .retention-table-img{
	display: inline-block;
	width: 38%;
	vertical-align: top;
}
#main-area .main-left .retention-table .retention-table-box > table{
	border-collapse: collapse;
	vertical-align: middle;
	width: 100%;
	margin-bottom: 10px;
}
#main-area .main-left .retention-table .retention-table-box > table td{
	font-size: 13px;
	line-height: 1.3em;
	text-align: center;
	border: 1px solid #999999;
	white-space: nowrap;
	height: 30px;
}
#main-area .main-left .retention-table .retention-table-box > table td.retention-table-tt01{
	background-color: #e1e5e5;
	width: 80%;
}
#main-area .main-left .retention-table .retention-table-box > table td.retention-table-tt02{
	background-color: #e1e5e5;
	width: 20%;
}
#main-area .main-left .retention-table .retention-table-box > table td.retention-table-td01{
	width: 80%;
}
#main-area .main-left .retention-table .retention-table-box > table td.retention-table-td02{
	width: 20%;
}
#main-area .main-left .retention-table .retention-table-box p.retention-table-sub{
	display: block;
	width: 100%;
	font-size: 11px;
	line-height: 1.3em;
	margin-top: 0.3em;
}
#main-area .main-left .retention-table .retention-table-img img.performance-img{
	display: inline-block;
	width: 40%;
	height: auto;
	vertical-align: top;
}
#main-area .main-left .retention-table .retention-table-img .performance-txt-box{
	display: inline-block;
	width: 48%;
	padding: 10px;
	border: 1px solid #999999;
	border-radius: 5px;
	vertical-align: top;
}
#main-area .main-left .retention-table .retention-table-img .performance-txt-box p.performance-txt{
	font-size: 13px;
	line-height: 1.5em;
}
#main-area .main-left ul.retention-target-list{
	display: block;
	width: 95%;
}
#main-area .main-left ul.retention-target-list li{
	list-style-type: disc;
	font-size: 13px;
	line-height: 1.5em;
	margin: 0 0 0.8em 1.5em;
}
#main-area .main-left p.news-tt{
	font-size: 15px;
	line-height: 1.3em;
	font-weight: bolder;
	margin-bottom: 1.5em;
}
#main-area .main-left p.news-date{
	text-align: right;
	line-height: 1.3em;
	margin-bottom: 2em;
}
#main-area .main-left .event-area .news-details{
	position: relative;
	opacity: 1;
	transition: opacity 0.5s ease;
}
#main-area .main-left .event-area .news-details:hover{
	opacity: 0.3;
}
#main-area .main-left .event-area .nohover:hover{
	opacity: 1;
}


#main-area .main-left .briefing-schedule-box{
	text-align: left;
	margin: 0;
	background-color: #eeeeee;
	padding: 2%;
	width: 91%;
}
#main-area .main-left .briefing-schedule-box .briefing-banner{
	background-color: #fff;
	text-align: center;
	margin-right: 5%;
	width: 35%;
}
#main-area .main-left .briefing-schedule-box table.briefing-table{
	border-collapse: separate;
	border-spacing: 10px 5px;
}
#main-area .main-left .briefing-schedule-box table.briefing-table td{
	font-size: 13px;
	line-height: 1.4em;
}
#main-area .main-left .briefing-schedule-box table.briefing-table td.briefing-td{
	white-space: nowrap;
}
#main-area .main-left .briefing-img-box{
	display: block;
	width: 70%;
	margin: 20px auto 30px;
}


#main-area .main-left .worker-cat-area{
	width: 100%;
	text-align: center;
	margin: 0 auto;
}
#main-area .main-left .worker-cat-area .worker-cat-button{
	display: inline-block;
	position: relative;
	width: 110px;
	text-align: center;
	font-size: 0.9rem;
	line-height: 1rem;
	border-radius: 5px;
	padding: 0.8rem 0;
	margin: 0 5px 5px 0;
}
#worker-cat-all{
	border: 1.5px solid #e8383d;
}
#worker-cat-physical{
	border: 1.5px solid #004da0;
}
#worker-cat-intellectual{
	border: 1.5px solid #eb6ea0;
}
#worker-cat-mental{
	border: 1.5px solid #79c06e;
}
#worker-cat-developmental{
	border: 1.5px solid #00a89c;
}
#worker-cat-other{
	border: 1.5px solid #f5a900;
}

#worker-cat-all:hover{
	background-color: #e8383d;
	color: #fff;
}
#worker-cat-physical:hover{
	background-color: #004da0;
	color: #fff;
}
#worker-cat-intellectual:hover{
	background-color: #eb6ea0;
	color: #fff;
}
#worker-cat-mental:hover{
	background-color: #79c06e;
	color: #fff;
}
#worker-cat-developmental:hover{
	background-color: #00a89c;
	color: #fff;
}
#worker-cat-other:hover{
	background-color: #f5a900;
	color: #fff;
}
#main-area .main-left .worker-voice-area{
	width: 100%;
	text-align: center;
	margin: 2rem auto 0;
}
#main-area .main-left .worker-voice-area .worker-voice-box{
	display: inline-block;
	position: relative;
	width: 340px;
	vertical-align: top;
	border: 1.5px solid #006d62;
	padding: 1rem 0;
	margin: 0 2% 2% 0;
}
#main-area .main-left .worker-voice-area .cat-physical,
#main-area .main-left .worker-voice-area .cat-intellectual,
#main-area .main-left .worker-voice-area .cat-mental,
#main-area .main-left .worker-voice-area .cat-developmental,
#main-area .main-left .worker-voice-area .cat-other{
	display: inline-block;
}
#main-area .main-left .worker-voice-area .cat-physical.off,
#main-area .main-left .worker-voice-area .cat-intellectual.off,
#main-area .main-left .worker-voice-area .cat-mental.off,
#main-area .main-left .worker-voice-area .cat-developmental.off,
#main-area .main-left .worker-voice-area .cat-other.off{
	display: none;
}
#main-area .main-left .worker-voice-area .worker-voice-box .worker-voice-tt-box{
	width: 90%;
	height: 4rem;
	border: 1px solid #20b1a9;
	border-radius: 5px;
	margin: 0 auto;
}
#main-area .main-left .worker-voice-area .worker-voice-box .worker-voice-tt-box table.worker-voice-tt-table{
	width: 100%;
	height: 100%;
	border-collapse: collapse;
	vertical-align: middle;
	table-layout: fixed;
}
#main-area .main-left .worker-voice-area .worker-voice-box .worker-voice-tt-box table.worker-voice-tt-table > tr,
#main-area .main-left .worker-voice-area .worker-voice-box .worker-voice-tt-box table.worker-voice-tt-table td.worker-voice-tt-td{
	width: 100%;
	height: 100%;
}
#main-area .main-left .worker-voice-area .worker-voice-box .worker-voice-tt-box table.worker-voice-tt-table td.worker-voice-tt-td > p{
	width: 95%;
	font-size: 1rem;
	font-weight: 600;
	text-align: left;
	margin: 0 auto;
}
#main-area .main-left .worker-voice-area .worker-voice-box .worker-voice-main-box{
	width: 90%;
	min-height: 110px;
	margin: 1rem auto 0;
}
#main-area .main-left .worker-voice-area .worker-voice-box .worker-voice-main-box .worker-voice-main-txt{
	width: 70%;
}
#main-area .main-left .worker-voice-area .worker-voice-box .worker-voice-main-box .worker-voice-main-txt > p{
	font-size: 0.9rem;
	text-align: left;
	margin-bottom: 1rem;
}
#main-area .main-left .worker-voice-area .worker-voice-box .worker-voice-main-box .worker-voice-main-img{
	width: 25%;
}
#main-area .main-left .worker-voice-area .worker-voice-box .worker-voice-arrow-box{
	width: 100%;
}
#main-area .main-left .worker-voice-area .worker-voice-box .worker-voice-arrow-box .worker-voice-arrow-img{
	display: inline-block;
	width: 1.2rem;
}
#main-area .main-left .worker-voice-area .worker-voice-box .worker-voice-message-box{
	width: 90%;
	margin: 1.5rem auto 0;
}
#main-area .main-left .worker-voice-area .worker-voice-box .worker-voice-message-box > p{
	text-align: left;
	margin-bottom: 1rem;
}
#main-area .main-left .worker-voice-area .worker-voice-box .worker-voice-message-box p.under-line{
	margin-bottom: 0.5rem;
}
#main-area .main-left .worker-voice-area .worker-voice-box .worker-voice-message-box p.under-line > span{
	background: linear-gradient(transparent 70%, #ffff79 70%);
}


#main-area .main-left .news-contact-area{
	display: block;
	width: 70%;
	font-size: 0;
	border: 1px solid #eb1c24;
	margin: 60px auto;
}
#main-area .main-left .news-contact-area p.news-contact-tt{
	width: 100%;
	font-size: 1.3rem;
	line-height: 1rem;
	letter-spacing: 0.1rem;
	color: #fff;
	background-color: #eb1c24;
	text-align: center;
	padding: 0.5rem 0;
}
#main-area .main-left .news-contact-area p.news-contact-txt1{
	width: 80%;
	font-size: 1rem;
	font-weight: bolder;
	margin: 1rem auto 0;
}
#main-area .main-left .news-contact-area p.news-contact-txt2{
	font-size: 1rem;
	width: 80%;
	margin: 0.5rem auto 1rem;
}

#main-area .main-left .news-table-box{
	width: 95%;
	margin: 0.5rem auto;
}
#main-area .main-left .call-table-box{
	width: 100%;
}
#main-area .main-left .news-table-box table.news-table{
	width: 100%;
	border-collapse: collapse;
	vertical-align: middle;
	table-layout: fixed;
}
#main-area .main-left .news-table-box table.news-table td.news-td{
	width: 100%;
	padding: 0.5rem 0;
	border: 1px solid #c8c8c8;
}
#main-area .main-left .news-table-box table.news-table td.news-td-tt,
#main-area .main-left .paybox td.news-td-tt{
	background-color: #e1e5e5;
}
#main-area .main-left .news-table-box table.news-table td.news-td > p{
	width: 95%;
	font-size: 13px;
	line-height: 1.4em;
	margin: 0 auto;
}
#main-area .main-left .news-table-box table.news-table td.news-td ul.news-ul,
#main-area .main-left .news-table-box table.news-table td.news-td ol.news-ol{
	width: 95%;
	margin: 0 auto;
}
#main-area .main-left .news-table-box table.news-table td.news-td ul.news-ul > li,
#main-area .main-left .news-table-box table.news-table td.news-td ol.news-ol > li{
	width: 92%;
	font-size: 13px;
	line-height: 1.4em;
	margin: 0 0 0 1.5rem;
}
#after-school{
	padding-top: 8vw;
	margin-top: -8vw;
}


#worker-voice-message-01,
#worker-voice-message-02,
#worker-voice-message-03,
#worker-voice-message-04,
#worker-voice-message-05,
#worker-voice-message-06,
#worker-voice-message-07,
#worker-voice-message-08,
#worker-voice-message-09,
#worker-voice-message-10,
#voice-arrow-txt-open-01.on,
#voice-arrow-txt-open-02.on,
#voice-arrow-txt-open-03.on,
#voice-arrow-txt-open-04.on,
#voice-arrow-txt-open-05.on,
#voice-arrow-txt-open-06.on,
#voice-arrow-txt-open-07.on,
#voice-arrow-txt-open-08.on,
#voice-arrow-txt-open-09.on,
#voice-arrow-txt-open-10.on,
#voice-arrow-txt-close-01,
#voice-arrow-txt-close-02,
#voice-arrow-txt-close-03,
#voice-arrow-txt-close-04,
#voice-arrow-txt-close-05,
#voice-arrow-txt-close-06,
#voice-arrow-txt-close-07,
#voice-arrow-txt-close-08,
#voice-arrow-txt-close-09,
#voice-arrow-txt-close-10{
	display: none;
}
#worker-voice-message-01.on,
#worker-voice-message-02.on,
#worker-voice-message-03.on,
#worker-voice-message-04.on,
#worker-voice-message-05.on,
#worker-voice-message-06.on,
#worker-voice-message-07.on,
#worker-voice-message-08.on,
#worker-voice-message-09.on,
#worker-voice-message-10.on{
	display: block;
}
#voice-arrow-txt-open-01,
#voice-arrow-txt-open-02,
#voice-arrow-txt-open-03,
#voice-arrow-txt-open-04,
#voice-arrow-txt-open-05,
#voice-arrow-txt-open-06,
#voice-arrow-txt-open-07,
#voice-arrow-txt-open-08,
#voice-arrow-txt-open-09,
#voice-arrow-txt-open-10,
#voice-arrow-txt-close-01.on,
#voice-arrow-txt-close-02.on,
#voice-arrow-txt-close-03.on,
#voice-arrow-txt-close-04.on,
#voice-arrow-txt-close-05.on,
#voice-arrow-txt-close-06.on,
#voice-arrow-txt-close-07.on,
#voice-arrow-txt-close-08.on,
#voice-arrow-txt-close-09.on,
#voice-arrow-txt-close-10.on{
	display: inline-block;
	border-bottom: 1px solid #20b1a9;
}
#voice-arrow-img-01,
#voice-arrow-img-02,
#voice-arrow-img-03,
#voice-arrow-img-04,
#voice-arrow-img-05,
#voice-arrow-img-06,
#voice-arrow-img-07,
#voice-arrow-img-08,
#voice-arrow-img-09,
#voice-arrow-img-10{
	transition: transform 1s;
}
#voice-arrow-img-01.on,
#voice-arrow-img-02.on,
#voice-arrow-img-03.on,
#voice-arrow-img-04.on,
#voice-arrow-img-05.on,
#voice-arrow-img-06.on,
#voice-arrow-img-07.on,
#voice-arrow-img-08.on,
#voice-arrow-img-09.on,
#voice-arrow-img-10.on{
	transform: scale(1, -1);
}

#pageTop{
	display: block;
	position: relative;
	width: 100%;
	text-align: center;
}
#pageTop p.back-top{
	display: inline-block;
	position: relative;
	font-size: 15px;
	line-height: 1.3em;
	margin-left: -30px;
}
#pageTop p.back-top::before{
	content: "";
	position: absolute;
	bottom: 4px;
	right: -30px;
	border-top: 13px solid transparent;
	border-bottom: 13px solid #000;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
}
#pageTop:hover > p.back-top{
	color: red;
}
#pageTop:hover > p.back-top::before{
	border-bottom: 13px solid red;
}

#main-area .main-right{
	display: inline-block;
	width: 28%;
	float: right;
}
#office-list-area{
	display: block;
	width: 100%;
	background-color: #e1e5e5;
	padding: 10px 0;
	border-radius: 5px;
	text-align: center;
	margin: 0 0 20px 0;
}
#office-list-area .quiz-box{
	display: block;
	width: 90%;
	margin: 0 auto;
}
#office-list-area .quiz-box .quiz-txt{
	display: inline-block;
	width: 70%;
}
#office-list-area .quiz-box .quiz-txt table{
	width: 100%;
	border-collapse: separate;
	border-spacing: 5px;
	vertical-align: middle;
}
#office-list-area .quiz-box .quiz-txt td.question-tt{
	width: 50px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	font-weight: bolder;
}
#office-list-area .quiz-box .quiz-txt td.question-tt p{
	display: block;
	width: 50px;
	height: 35px;
	background-color: #eb1c24;
	border-radius: 50%;
	padding: 15px 0 0 0;
}
#office-list-area .quiz-box .quiz-txt td.question{
	font-size: 14px;
	line-height: 1.5em;
	text-align: left;
}
#office-list-area .quiz-box .quiz-txt td.tips-tt{
	font-size: 14px;
	color: #eb1c24;
	text-align: center;
	font-weight: bolder;
}
#office-list-area .quiz-box .quiz-txt td.tips-tt p{
	display: block;
	width: 50px;
	height: 35px;
	background-color: #fff;
	border-radius: 50%;
	padding: 15px 0 0 0;
}
#office-list-area .quiz-box .quiz-txt td.tips{
	font-size: 12px;
	line-height: 1.5em;
	text-align: left;
}
#office-list-area .quiz-box .quiz-img{
	display: inline-block;
	width: 30%;
}
#office-list-area .quiz-box .quiz-img img{
	width: 100%;
	height: auto;
}
#office-list-area p.quiz-box-sub{
	display: block;
	width: 90%;
	font-size: 12px;
	margin: 0 auto 10px;
	text-align: center;
}
#office-list-area p.list-tt{
	display: block;
	width: 90%;
	margin: 0 auto;
	font-size: 15px;
	font-weight: bolder;
	background-color: #20b1a9;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	letter-spacing: 0.2em;
	padding: 15px 0;
	margin: 0 auto 20px;
}
#office-list-area .list-name{
	display: block;
	position: relative;
	width: 90%;
	margin: 10px auto;
	text-align: center;
	background-color: #fff;
	border-radius: 5px;
	padding: 0 0 10px;
	opacity: 1;
	transition: opacity 0.5s ease;
}
#office-list-area .list-name:hover{
	opacity: 0.3;
}
#office-list-area .list-name span{
	font-size: 15px;
	letter-spacing: 0.2em;
}
#office-list-area .list-name img{
	position: relative;
	top: 8px;
	right: -10px;
	width: 25px;
	height: 30px;
}
#office-list-area .service-name{
	padding-top: 10px;
}
#office-list-area .list-name span.gokazoku{
	font-size: 13px;
	letter-spacing: -1px;
}
#office-list-area .list-name-hokkaido.on,
#office-list-area .list-name-iwate.on,
#office-list-area .list-name-miyagi.on,
#office-list-area .list-name-fukushima.on,
#office-list-area .list-name-gunma.on,
#office-list-area .list-name-tokyo.on,
#office-list-area .list-name-niigata.on,
#office-list-area .list-name-shizuoka.on,
#office-list-area .list-name-aichi.on,
#office-list-area .list-name-osaka.on,
#office-list-area .list-name-hiroshima.on,
#office-list-area .list-name-kagawa.on,
#office-list-area .list-name-saga.on,
#office-list-area .list-name-nagasaki.on,
#office-list-area .list-name-kumamoto.on,
#office-list-area .list-name-okinawa.on,
#office-list-area .list-name-aboutsite.on,
#office-list-area .list-name-privacypolicy.on,
#office-list-area .list-name-sitemap.on,
#office-list-area .list-name-aboutus.on,
#office-list-area .list-name-mission.on,
#office-list-area .list-name-briefing.on,
#office-list-area .list-name-consultation.on,
#office-list-area .list-name-contact.on,
#office-list-area .list-name-q-and-a.on,
#office-list-area .list-name-eventlist2016.on,
#office-list-area .list-name-eventlist2017.on,
#office-list-area .list-name-eventlist2018.on,
#office-list-area .list-name-eventlist2019.on,
#office-list-area .list-name-eventlist2020.on,
#office-list-area .list-name-activitylist2017.on,
#office-list-area .list-name-activitylist2018.on,
#office-list-area .list-name-activitylist2019.on,
#office-list-area .list-name-activitylist2020.on,
#office-list-area .list-name-activitylist2021.on,
#office-list-area .list-name-gokazoku.on,
#office-list-area .list-name-gokazoku-list.on,
#office-list-area .list-name-newslist-backnumber1.on,
#office-list-area .list-name-newslist-backnumber2.on,
#office-list-area .list-name-newslist201701.on,
#office-list-area .list-name-newslist201801.on,
#office-list-area .list-name-newslist201901.on,
#office-list-area .list-name-newslist202001.on,
#office-list-area .list-name-newslist202101.on,
#office-list-area .list-name-newslist202201.on,
#office-list-area .list-name-retention.on,
#office-list-area .list-name-about-syuroshien.on,
#office-list-area .list-name-curriculum.on,
#office-list-area .list-name-user-voice.on,
#office-list-area .list-name-training.on,
#office-list-area .list-name-graduates-now.on,
#office-list-area .list-name-worker-voice.on,
#office-list-area .list-name-howtoapply.on,
#office-list-area .list-name-shuro-b.on,
#office-list-area .list-name-learn.on,
#office-list-area .list-name-learn2018.on,
#office-list-area .list-name-learn2019.on,
#office-list-area .list-name-learn2020.on,
#office-list-area .list-name-learn2021.on{
	background-color: #b1dddc;
}


#side-info-area{
	text-align: center;
}
#side-info-area .banner-box{
	display: block;
	position: relative;
	width: 80%;
	margin: 10px auto;
	border: 1px solid #20b1a9;
	border-radius: 5px;
	text-align: right;
}
#side-info-area .banner-box p.banner-box-main{
	font-size: 16px;
	letter-spacing: 0.2em;
	text-align: center;
	padding: 20px 0 0 0;
}
#side-info-area .banner-box p.font-s{
	font-size: 13px;
	letter-spacing: 0;
}
#side-info-area .banner-box p.banner-box-sub{
	display: inline-block;
	width: 60%;
	font-size: 11px;
	letter-spacing: 0.2em;
	background-color: #20b1a9;
	color: #fff;
	margin: 0 0 5px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-radius: 5px 0 0 5px;
	text-align: left;
	padding: 0 0 0 10px;
}
#side-info-area .banner-box:hover{
	background-color: #20b1a9;
}
#side-info-area .banner-box:hover > p.banner-box-main{
	color: #fff;
}

#side-info-area .answer-box{
	display: block;
	position: relative;
	width: 100%;
	border-radius: 5px;
	background-color: #f5f5dd;
	margin: 100px auto 50px;
	padding-top: 7px;
	opacity: 1;
	transition: opacity 0.5s ease;
}
#side-info-area .answer-box:hover{
	opacity: 0.3;
}
#side-info-area .answer-box table{
	width: 100%;
	border-collapse: separate;
	border-spacing: 10px 5px;
	vertical-align: middle;
}
#side-info-area .answer-box td.answer-tt{
	width: 50px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	font-weight: bolder;
}
#side-info-area .answer-box td.answer-tt > p{
	display: block;
	width: 50px;
	height: 35px;
	background-color: #eb1c24;
	border-radius: 50%;
	padding: 15px 0 0 0;
}
#side-info-area .answer-box td.answer{
	font-size: 15px;
	line-height: 1.3em;
	text-align: left;
}
#side-info-area .answer-box td.office{
	font-size: 12px;
	line-height: 1.3em;
	text-align: left;
}
#side-info-area .answer-box td.office > p{
	display: inline-block;
	border-bottom: 1px solid #eb1c24;
}


/*--共通フッター--*/
#com-footer-area{
	width: 100%;
	background-color: #e1e5e5;
	text-align: left;
	padding: 1.5rem 0;
}
#com-footer-area .com-footer-inner{
	width: 90%;
	margin: 0 auto;
}
#com-footer-area .com-footer-inner p.com-footer-tt{
	font-size: 14px;
	line-height: 1.5em;
	font-weight: 700;
	margin-bottom: 0.3rem;
}
#com-footer-area .com-footer-inner .com-footer-banner-area{
	width: 100%;
}
#com-footer-area .com-footer-inner .com-footer-banner-area .com-footer-banner-box{
	display: inline-block;
	position: relative;
	width: 285px;
	margin: 0 1rem 0.5rem 0;
	opacity: 1;
	transition: opacity 0.5s ease;
}
#com-footer-area .com-footer-inner .com-footer-banner-area .com-footer-banner-box-last{
	margin-right: 0;
}
#com-footer-area .com-footer-inner .com-footer-banner-area .com-footer-banner-box > p{
	font-size: 14px;
	line-height: 1.5em;
}
#com-footer-area .com-footer-inner .com-footer-banner-area .com-footer-banner-box:hover{
	opacity: 0.5;
}
#com-footer-area .com-footer-inner .com-footer-banner-area .com-footer-link-box{
	display: inline-block;
	vertical-align: top;
	margin-top: 20px;
}
#com-footer-area .com-footer-inner .com-footer-banner-area .com-footer-link-box ul.com-footer-link-ul > li{
	display: inline-block;
	position: relative;
	font-size: 14px;
	line-height: 1.5em;
	margin-right: 1.5rem;
}
#com-footer-area .com-footer-inner .com-footer-banner-area .com-footer-link-box ul.com-footer-link-ul > li:hover{
	text-decoration: underline;
}
#com-footer-area .com-footer-inner .com-footer-banner-area p.com-footer-tt2{
	display: inline-block;
	width: 150px;
	font-size: 14px;
	line-height: 1.5em;
	font-weight: 700;
	vertical-align: top;
	margin-top: 20px;
}
#com-footer-area .com-footer-inner .com-footer-inner-r{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-content:flex-end;
	margin-top: 1rem;
}
#com-footer-area .com-footer-inner .com-footer-inner-r .com-footer-sns-box{
	position: relative;
	width: 45px;
	margin: 1rem 1rem 0 0;
}
#com-footer-area .com-footer-inner .com-footer-inner-r .com-footer-sns-box > img.moff{
	display: block;
}
#com-footer-area .com-footer-inner .com-footer-inner-r .com-footer-sns-box> img.mon{
	display: none;
}
#com-footer-area .com-footer-inner .com-footer-inner-r .com-footer-sns-box:hover > img.moff{
	display: none;
}
#com-footer-area .com-footer-inner .com-footer-inner-r .com-footer-sns-box:hover > img.mon{
	display: block;
}


/*-- トップに戻る --*/
footer .pageTop{
	display: block;
	position: fixed;
	bottom: 30px;
	right: 30px;
	height: 50px;
	text-align: center;
	z-index: 91;
}
footer .pageTop > img{
	width: auto;
	height: 100%;
}


.blank-top{
	margin-top: 40px!important;
}
.blank-bottom{
	margin-bottom: 60px!important;
}
p.txt-blank{
	margin-top: 0.8em!important;
}


/* 2017-09-14 shuro-b.htmlの為追加*/
#main-area .main-left .paybox table{
	border-collapse: collapse;
	margin-top:16px;
}
#main-area .main-left .paybox table *{
	font-size: 13px;
}
#main-area .main-left .paybox td{
	border:1px solid #c8c8c8 !important;
	padding:2px 6px;
}
#main-area .main-left .paybox td.paybox_index{
	width:5em;
	text-align:center;
}
#main-area .main-left .paybox td.paybox_details{
	text-align:center;
}
#main-area .main-left .paybox td.paybox_en{
	width:7em;
	text-align:right;
}
#main-area .main-left .paytext {
	font-size: 13px;
}



/* 2017-12-19 graduates-now.htmlの為追加*/
#main-area .voice-arrow-sub{
	display: block;
	position: relative;
	text-align: right;
	margin: 20px 1vw 0 0;
	opacity: 1;
	transition: opacity 0.5s ease;
}
#main-area .voice-arrow-sub:hover{
	opacity: 0.3;
}
#main-area .voice-arrow-sub > p{
	display: inline-block;
	font-size: 14px;
	font-weight: bolder;
	border-bottom: 1px solid #e8373d;
}
#main-area .voice-arrow-sub .voice-arrow-yellow{
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
}
#main-area .main-left .person-img{
	width: 18%;
	margin: 0 auto;
}
#main-area .main-left p.person-txt{
	text-align: center;
}

#main-area .main-left video.video{
	width: 80%;
	margin-top: 1rem;
}


#main-area .main-left .activity-main-box{
	width: 100%;
	position: relative;
	margin-top: 1.5rem;
}
#main-area .main-left .activity-main-box .activity-main-txt{
	width: 65%;
}
#main-area .main-left .activity-main-box .activity-main-img{
	width: 30%;
}
#main-area .main-left .activity-main-box .activity-main-txt > p{
	margin-bottom: 0.5rem;
}
#main-area .main-left .activity-list-area{
	width: 100%;
	margin-top: 1.5rem;
}
#main-area .main-left .activity-list-area .activity-list-box{
	display: inline-block;
	position: relative;
	width: 180px;
	text-align: center;
	border: 1px solid #000;
	border-radius: 5px;
	padding: 0.5rem 0 0.3rem;
	margin-bottom: 0.5rem;
}
#main-area .main-left .activity-list-area .activity-list-box:hover{
	background-color: #fff8ee;
}
#main-area .main-left .course-table-area{
	width: 90%;
	margin: 3vmin auto 0;
}
#main-area .main-left .course-table-area table.course-table{
	width: 100%;
	border-collapse: collapse;
	vertical-align: middle;
	table-layout: fixed;
}
#main-area .main-left .course-table-area table.course-table tr.course-tr{
	height: 0;
	visibility: hidden;
}
#main-area .main-left .course-table-area table.course-table tr.back-red{
	background-color: #fff8ee;
}
#main-area .main-left .course-table-area table.course-table td{
	border: 1px solid #666666;
	text-align: center;
	padding: 0.5vmin;
}
#main-area .main-left .course-table-area table.course-table td.course-td-tt2{
	width: 20%;
}
#main-area .main-left .course-table-area table.course-table td.course-td-tt{
	background-color: #ffc17f;
}
#main-area .main-left .course-table-area table.course-table td.course-td-none{
	font-size: 0;
	border: none;
	padding: 0;
}
#main-area .main-left p.course-txt{
	margin: 0 auto;
}
#main-area .main-left p.course-txt2{
	width: 90%;
	text-align: left;
}

#main-area .main-left .leam-past{
	display: inline-block;
	position: relative;
	text-align: right;
	margin: 0.8% 1vw 0 0;
	opacity: 1;
	transition: opacity 0.5s ease;
}
#main-area .main-left .leam-past:hover{
	opacity: 0.5;
}
#main-area .main-left .leam-past p{
	display: inline-block;
	font-size: 15px;
	border-bottom: 1px solid #e8373d;
}
#main-area .main-left .leam-past .arrow-yellow{
	display: inline-block;
	width: 17px;
	height: 17px;
	vertical-align: middle;
}
#main-area .main-left .leam-table-box{
	width: 100%;
}
#main-area .main-left .leam-table-box1,
#main-area .main-left .leam-table-box2,
#main-area .main-left .leam-table-box3,
#main-area .main-left .leam-table-box4,
#main-area .main-left .leam-table-box5,
#main-area .main-left .leam-table-box6,
#main-area .main-left .leam-table-box7,
#main-area .main-left .leam-table-box8,
#main-area .main-left .leam-table-box9,
#main-area .main-left .leam-table-box10,
#main-area .main-left .leam-table-box11,
#main-area .main-left .leam-table-box12{
	height: 0;
	font-size: 0;
	margin: 0 auto;
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s ease;
}
#main-area .main-left .leam-table-box1.open,
#main-area .main-left .leam-table-box2.open,
#main-area .main-left .leam-table-box3.open,
#main-area .main-left .leam-table-box4.open,
#main-area .main-left .leam-table-box5.open,
#main-area .main-left .leam-table-box6.open,
#main-area .main-left .leam-table-box7.open,
#main-area .main-left .leam-table-box8.open,
#main-area .main-left .leam-table-box9.open,
#main-area .main-left .leam-table-box10.open,
#main-area .main-left .leam-table-box11.open,
#main-area .main-left .leam-table-box12.open,
#main-area .main-left .leam-table-now{
	height: auto;
	font-size: 16px;
	margin: 0 auto 2rem;
	visibility: visible;
	opacity: 1;
}
#main-area .main-left .leam-table-box table.leam-table{
	width: 100%;
	border-collapse: collapse;
	vertical-align: middle;
	table-layout: fixed;
}
#main-area .main-left .leam-table-box table.leam-table tr:nth-child(odd) td{
	background-color: #e1e5e5;
}
#main-area .main-left .leam-table-box table.leam-table tr:nth-child(even) td{
	background-color: #fff;
}
#main-area .main-left .leam-table-box table.leam-table td{
	text-align: center;
	border: 1px solid #c8c8c8;
	padding: 1vmin 0;
}
#main-area .main-left .leam-table-box table.leam-table td.leam-table-date{
	width: 20%;
	background-color: #e1e5e5!important;
}
#main-area .main-left .leam-table-box table.leam-table td.leam-table-time{
	width: 28%;
}
#main-area .main-left .leam-table-box table.leam-table td > p{
	width: 90%;
	text-align: left;
	margin: 0 auto;
}
#main-area .main-left .learn-line{
	position: relative;
	width: 100%;
	border-radius: 5px;
	border: 1px solid #20b1a9;
	padding: 1rem 0;
	margin: 0 auto 1rem;
}
#main-area .main-left .learn-line:hover{
	opacity: 0.5;
}
#main-area .main-left .learn-line1,
#main-area .main-left .learn-line2,
#main-area .main-left .learn-line3,
#main-area .main-left .learn-line4,
#main-area .main-left .learn-line5,
#main-area .main-left .learn-line6,
#main-area .main-left .learn-line7,
#main-area .main-left .learn-line8,
#main-area .main-left .learn-line9,
#main-area .main-left .learn-line10,
#main-area .main-left .learn-line11,
#main-area .main-left .learn-line12{
	background-color: #fff;
	transition: background-color 0.5s ease;
}
#main-area .main-left .learn-line1.on,
#main-area .main-left .learn-line2.on,
#main-area .main-left .learn-line3.on,
#main-area .main-left .learn-line4.on,
#main-area .main-left .learn-line5.on,
#main-area .main-left .learn-line6.on,
#main-area .main-left .learn-line7.on,
#main-area .main-left .learn-line8.on,
#main-area .main-left .learn-line9.on,
#main-area .main-left .learn-line10.on,
#main-area .main-left .learn-line11.on,
#main-area .main-left .learn-line12.on{
	background-color: #20b1a9;
}
#main-area .main-left .learn-line h3.learn-tt-open1,
#main-area .main-left .learn-line h3.learn-tt-open2,
#main-area .main-left .learn-line h3.learn-tt-open3,
#main-area .main-left .learn-line h3.learn-tt-open4,
#main-area .main-left .learn-line h3.learn-tt-open5,
#main-area .main-left .learn-line h3.learn-tt-open6,
#main-area .main-left .learn-line h3.learn-tt-open7,
#main-area .main-left .learn-line h3.learn-tt-open8,
#main-area .main-left .learn-line h3.learn-tt-open9,
#main-area .main-left .learn-line h3.learn-tt-open10,
#main-area .main-left .learn-line h3.learn-tt-open11,
#main-area .main-left .learn-line h3.learn-tt-open12{
	display: block;
	width: 100%;
	font-size: 15px;
	letter-spacing: 0.2em;
	text-align: center;
	white-space: nowrap;
}
#main-area .main-left .learn-line h3.learn-tt-open1.off,
#main-area .main-left .learn-line h3.learn-tt-open2.off,
#main-area .main-left .learn-line h3.learn-tt-open3.off,
#main-area .main-left .learn-line h3.learn-tt-open4.off,
#main-area .main-left .learn-line h3.learn-tt-open5.off,
#main-area .main-left .learn-line h3.learn-tt-open6.off,
#main-area .main-left .learn-line h3.learn-tt-open7.off,
#main-area .main-left .learn-line h3.learn-tt-open8.off,
#main-area .main-left .learn-line h3.learn-tt-open9.off,
#main-area .main-left .learn-line h3.learn-tt-open10.off,
#main-area .main-left .learn-line h3.learn-tt-open11.off,
#main-area .main-left .learn-line h3.learn-tt-open12.off{
	display: none;
}
#main-area .main-left .learn-line h3.learn-tt-close1,
#main-area .main-left .learn-line h3.learn-tt-close2,
#main-area .main-left .learn-line h3.learn-tt-close3,
#main-area .main-left .learn-line h3.learn-tt-close4,
#main-area .main-left .learn-line h3.learn-tt-close5,
#main-area .main-left .learn-line h3.learn-tt-close6,
#main-area .main-left .learn-line h3.learn-tt-close7,
#main-area .main-left .learn-line h3.learn-tt-close8,
#main-area .main-left .learn-line h3.learn-tt-close9,
#main-area .main-left .learn-line h3.learn-tt-close10,
#main-area .main-left .learn-line h3.learn-tt-close11,
#main-area .main-left .learn-line h3.learn-tt-close12{
	display: none;
}
#main-area .main-left .learn-line h3.learn-tt-close1.on,
#main-area .main-left .learn-line h3.learn-tt-close2.on,
#main-area .main-left .learn-line h3.learn-tt-close3.on,
#main-area .main-left .learn-line h3.learn-tt-close4.on,
#main-area .main-left .learn-line h3.learn-tt-close5.on,
#main-area .main-left .learn-line h3.learn-tt-close6.on,
#main-area .main-left .learn-line h3.learn-tt-close7.on,
#main-area .main-left .learn-line h3.learn-tt-close8.on,
#main-area .main-left .learn-line h3.learn-tt-close9.on,
#main-area .main-left .learn-line h3.learn-tt-close10.on,
#main-area .main-left .learn-line h3.learn-tt-close11.on,
#main-area .main-left .learn-line h3.learn-tt-close12.on{
	display: block;
	width: 100%;
	font-size: 15px;
	letter-spacing: 0.2em;
	text-align: center;
	white-space: nowrap;
	color: #fff;
}

#main-area .main-left ul.takumi-club-list{
	width: 100%;
	margin-top: 1.5rem;
}
#main-area .main-left ul.takumi-club-list li{
	position: relative;
	list-style-type: disc;
	font-size: 13px;
	line-height: 1.5em;
	margin: 0 0 0.5em 0em;
}
#main-area .main-left ul.takumi-club-list li:hover{
	text-decoration: underline;
}


/* 2021/06/03 ブランディング動画追加 */
#top-video-area{
	width: 100%;
	margin: 0 auto 10vw;
}
#top-video-area h1.diverin-h1{
	position: relative;
	width: 100%;
	font-size: 1.5rem;
	line-height: 2rem;
	font-weight: 700;
	text-align: center;
	margin: 8rem auto 5rem;
}
#top-video-area h1.diverin-h1::before{
	content: "";
	width: 18%;
	height: 0;
	position: absolute;
	top: 50%;
	left: 0;
	border-top: 5px solid #20b1a9;
}
#top-video-area h1.diverin-h1::after{
	content: "";
	width: 18%;
	height: 0;
	position: absolute;
	top: 50%;
	right: 0;
	border-top: 5px solid #20b1a9;
}
#top-video-area .diverin-video-box{
	width: 60%;
	margin: 0 auto;
}


/* 2022/01/25 工賃最高例追加 */
#main-area .main-left .details-box p.wages-s{
	font-size: 0.8rem;
}
#main-area .main-left .details-box p.wages-l{
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: 1px;
	margin-top: 0.5rem;
}
#main-area .main-left .details-box span.wages-ls{
	font-size: 1rem;
}