@charset "UTF-8";

.container{
	margin:auto;
	max-width:960px;
	width:100%;
}

.l-divide{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:justify;

	justify-content:space-between;
}
.l-divide__item{
	width:calc((100% - 40px) / 4);
}

.e-learning{
	margin:auto;
	background-color:#ffffff;
	color:#333333;
	letter-spacing:.6px;
	font-weight:400;
	font-size:28.8px;
	font-size:1.2rem;
	font-family:"Noto Sans JP", "游ゴシック体", "Yu Gothic", "メイリオ", "Meiryo", "sans-serif";
	line-height:2.1;

	font-feature-settings:"pwid";
	-webkit-text-size-adjust:100%;
}
.e-learning svg:not(:root){
	overflow:hidden;
}
.e-learning select{
	-webkit-appearance:none;
	   -moz-appearance:none;
}
.e-learning select:focus{
	outline:0;
}
.e-learning select::-ms-expand{
	display:none;
}
.e-learning select::-ms-value{
	color:currentColor;
}
.e-learning textarea{
	-webkit-appearance:none;
}
.e-learning textarea:focus{
	outline:0;
}
.e-learning input:focus{
	outline:0;
}
.e-learning input[type="text"]{
	-webkit-appearance:none;
}
.e-learning input[type="button"],
.e-learning input[type="reset"],
.e-learning input[type="submit"]{
	-webkit-appearance:button;
}
.e-learning input[type="number"]{
	width:auto;
}
.e-learning input[type="search"]{
	-webkit-appearance:textfield;
}
.e-learning input[type="search"]::-webkit-search-cancel-button,
.e-learning input[type="search"]::-webkit-search-decoration{
	-webkit-appearance:none;
}
.e-learning input[type="radio"]{
	position:relative !important;
	bottom:1px !important;
	display:inline-block;
	margin:0 8px 0 0 !important;
	width:auto !important;
}
.e-learning img{
	max-width:100%;
	height:auto;
	vertical-align:bottom;
}
.ie8 .e-learning img{
	width:auto;
}
.e-learning h1,
.e-learning h2,
.e-learning h3,
.e-learning h4,
.e-learning h5,
.e-learning h6,
.e-learning aside,
.e-learning details,
.e-learning figcaption,
.e-learning figure,
.e-learning footer,
.e-learning header,
.e-learning hgroup,
.e-learning main,
.e-learning menu,
.e-learning nav,
.e-learning summary,
.e-learning section,
.e-learning article,
.e-learning input,
.e-learning textarea,
.e-learning div,
.e-learning span,
.e-learning ul,
.e-learning li,
.e-learning a,
.e-learning p{
	box-sizing:border-box;
}
.e-learning h1,
.e-learning h2,
.e-learning h3,
.e-learning h4,
.e-learning h5,
.e-learning h6{
	font-weight:700;
	line-height:1.4;
}
.e-learning h1{
	font-size:49.6px;
	font-size:3.1rem;
}
.e-learning ul,
.e-learning li{
	margin:0;
	padding:0;
	list-style-type:none;
}
.e-learning a{
	border-bottom:1px solid;
	color:#2470ff;
	text-decoration:none;
	font-weight:700;
	transition:all .1s 0s ease;
}
.e-learning a:hover{
	color:#0442b7;
}
.e-learning a:active,
.e-learning a:hover{
	outline:0;
	text-decoration:none;
}
.e-learning a:hover img,
.e-learning a:active img{
	opacity:.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	    filter:alpha(opacity=70);
}
.e-learning h1,
.e-learning h2,
.e-learning h3,
.e-learning h4,
.e-learning h5,
.e-learning h6{
	margin:40px auto 20px;
}
.e-learning h2{
	font-size:43.2px;
	font-size:2.7rem;
}
.e-learning h2.deco{
	padding:10px 25px 10px;
	border-left:3px solid #7f95bf;
	background-color:#f7f7f7;
	font-size:38.4px;
	font-size:1.6rem;
}
.e-learning h3{
	padding-bottom:5px;
	border-bottom:4px double #aaaaaa;
	font-size:38.4px;
	font-size:1.6rem;
}
.e-learning h4{
	position:relative;
	padding-left:50px;
	font-size:33.6px;
	font-size:1.16rem;
}
.e-learning h4:before{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	display:block;
	margin:auto;
	width:40px;
	height:2px;
	background:#333333;
	content:"";
}
.e-learning h5,
.e-learning h6{
	font-size:28.8px;
	font-size:1.2rem;
}
.e-learning blockquote{
	margin:20px auto;
	padding:20px;
	border:3px solid #e8e8e8;
	font-style:italic;
	font-size:25.6px;
	font-size:1.067rem;
}
.e-learning table{
	width:100%;
	border:3px solid #e8e9e8;
	border-collapse:collapse;
	font-size:25.6px;
	font-size:1.067rem;
}
.e-learning thead{
	border-bottom:1px solid #e8e9e8;
	background:#e8e9e8;
}
.e-learning tr{
	border-bottom:1px solid #e8e9e8;
}
.e-learning tr:nth-last-child(1){
	border-bottom:none;
}
.e-learning th,
.e-learning td{
	padding:10px 15px;
	border-right:1px solid #e8e9e8;
}
.e-learning dl,
.e-learning ul,
.e-learning ol,
.e-learning table{
	margin:20px auto;
}
.e-learning dt{
	font-weight:700;
	font-size:30.4px;
	font-size:1.9rem;
}
.e-learning dd{
	padding-left:0;
	background:none;
}
.e-learning dd+dt{
	margin-top:20px;
}
.e-learning ul,
.e-learning ol{
	padding-left:36px;
}
.e-learning ul li{
	list-style-type:disc;
}
.e-learning ol li{
	list-style-type:decimal-leading-zero;
}
.e-learning li ul,
.e-learning li ol{
	margin:0;
}
.e-learning li li{
	list-style-type:circle;
}
.e-learning address{
	font-style:normal;
}
.e-learning img{
	margin:40px auto;
	box-shadow:0 0 40px rgba(0, 0, 0, .1);
}
.e-learning img.size-full{
	display:block;
}
.e-learning img.aligncenter{
	display:block;
	margin:40px auto;
}
.e-learning img.alignleft{
	float:left;
	margin:20px 20px 20px 0;
}
.e-learning img.alignright{
	float:right;
	margin:20px 0 20px 20px;
}
.e-learning figure{
	margin:40px 0;
	max-width:100%;
}
.e-learning figure img{
	margin-top:0;
	margin-bottom:0;
}
.e-learning figure.aligncenter{
	margin:40px auto;
}
.e-learning figure.aligncenter figcaption{
	text-align:center;
}
.e-learning figure.alignleft{
	float:left;
	margin:20px 20px 20px 0;
}
.e-learning figure.alignright{
	float:right;
	margin:20px 0 20px 20px;
}
.e-learning figcaption{
	margin-top:5px;
	padding-left:3px;
	color:#555555;
	font-size:22.4px;
	font-size:1.16rem;
}

.e-learning a+a{
	margin-left:10px;
}

.e-learning .text-red{
	color:#ff5e5e;
}

.e-learning .text-bold{
	font-weight:700;
}

.e-learning .text-center{
	text-align:center;
}

.e-learning .text-marker{
	position:relative;
	z-index:1;
	display:inline;
	background:linear-gradient(transparent 80%, #fff800 80%);
}

.e-learning .breadcrumb{
	display:-ms-flexbox;
	display:flex;
	margin:0;
	padding:3px 0 4px;
	font-size:13px;
}
.e-learning .breadcrumb a,
.e-learning .breadcrumb span{
	display:-ms-inline-flexbox;
	display:inline-flex;
	-ms-flex-align:center;

	align-items:center;
}
.e-learning .breadcrumb a{
	padding-bottom:0;
	line-height:1;
}
.e-learning .breadcrumb span{
	-ms-flex-pack:center;
	width:20px;
	font-size:19.2px;
	font-size:1.2rem;

	justify-content:center;
}
.e-learning .breadcrumb li{
	list-style-type:none;
}

.e-learning .index{
	padding:35px 15px 27px;
	background:#eba75b;
	color:#ffffff;
	text-align:center;
}
.e-learning .index h2{
	margin:0;
	font-size:96px;
	font-size:4rem;
}
.e-learning .index span{
	display:block;
	margin-bottom:5px;
	font-size:51.2px;
	font-size:2.13rem;
}
.e-learning .index .supervision{
	margin:20px auto 0;
	font-weight:700;
	font-size:33.6px;
	font-size:1.4rem;
	line-height:1.5;
}

.e-learning .mainV a{
	color:#000000;
	font-weight:400;
}

.e-learning .mainV button.btn{
	padding:18px 10px 15px;
}

.e-learning .mainV__wrapper{
	margin:auto;
	padding:0 15px;
	max-width:1100px;
	width:100%;
}

.e-learning .mainV .btn-area{
	margin:50px 0 60px;
}

.e-learning .mainV .btn-wrapper{
	text-align: center;
}
.e-learning .mainV .btn-wrapper:nth-of-type(1) .btn{
	margin-right:10px;
}
.e-learning .mainV .btn-wrapper:nth-of-type(2) .btn{
	margin-left:10px;
}

.e-learning .mainV .btn{
	width:370px;
	border:none;
	background:#eba75b;
	box-shadow:0 1px 3px rgba(0, 0, 0, .1);
	color:#ffffff;
	font-weight:700;
	font-size:25.6px;
	font-size:1.067rem;
}

.e-learning .mainV .lead{
	margin:40px auto 45px;
	color:#eba75b;
	text-align:center;
	font-weight:700;
	font-size:33.6px;
	font-size:1.4rem;
}

.e-learning .roadmap{
	overflow-x:hidden;
	margin-top:80px;
}
.e-learning .roadmap__index{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:center;
	-ms-flex-align:center;
	margin-bottom:30px;

	align-items:center;
	justify-content:center;
}
.e-learning .roadmap__index:before{
	display:block;
	margin-right:10px;
	width:80px;
	height:80px;
	background-image:url("../images/harerun.jpg");
	background-position:center;
	background-size:cover;
	background-size:contain;
	background-repeat:no-repeat;
	content:"";
}
.e-learning .roadmap__index p{
	margin:0;
	color:#eba75b;
	font-weight:700;
	font-size:48px;
	font-size:2rem;
}
.e-learning .roadmap__items{
	margin-bottom:40px;
}
.e-learning .roadmap__item{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	border-bottom:3px solid #eba75b;
	font-weight:700;
	font-size:33.6px;
	font-size:1.4rem;

	align-items:center;
}
.e-learning .roadmap__item p{
	-ms-flex:1;
	    flex:1;
	line-height:1.6;
}
.e-learning .roadmap__item .btn{
	margin-right:0;
}
.e-learning .roadmap__main-items{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:justify;
	margin:35px auto 55px;

	justify-content:space-between;
}
.e-learning .roadmap__main-item{
	padding:30px 15px;
	width:calc((100% - 20px) / 2);
	border:10px solid #eba75b;
	text-align:center;
}
.e-learning .roadmap__main-item p{
	margin:auto auto 20px;
	font-weight:700;
	font-size:33.6px;
	font-size:1.16rem;
	line-height:1.6;
}
.e-learning .roadmap__details>p{
	margin-top:60px;
	color:#eba75b;
	text-align:center;
	font-weight:bold;
	font-size:33.6px;
	font-size:1.16rem;
}
.e-learning .roadmap__details>p br{
	display:none;
}
.e-learning .roadmap__detail{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	margin-bottom:20px;
	padding:20px;
	border:3px solid #eba75b;
	background:#ffffff;

	align-items:center;
}
.e-learning .roadmap__detail img{
	display:block;
	margin:auto;
}
.e-learning .roadmap__detail-thumb{
	position:relative;
	width:300px;
}
.e-learning .roadmap__detail-thumb:hover .icon_start{
	background-image:url("../images/icon_start-red.png");
}
.e-learning .roadmap__detail-thumb .icon_start{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	width:40px;
	height:31px;
	background-image:url("../images/icon_start.png");
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
}
.e-learning .roadmap__detail-desc{
	-ms-flex:1;
	    flex:1;
	margin-left:20px;
	font-weight:700;
}
.e-learning .roadmap .reference ul{
	margin:0;
}
.e-learning .roadmap .section__index{
	display:block;
	padding:40px 15px;
}
.e-learning .roadmap .section__index:before{
	content:none;
}
.e-learning .roadmap .section__index p{
	margin:auto;
	color:#ffffff;
	text-align:center;
	font-weight:700;
	font-size:38.4px;
	font-size:1.6rem;
}
.e-learning .roadmap .section__index p:nth-of-type(1) br{
	display:none;
}
.e-learning .roadmap .section__index .appeal{
	margin:5px auto;
	color:#ffff00;
	font-size:70.4px;
	font-size:2.93rem;
	line-height:1.5;
}
.e-learning .roadmap .section__index .appeal br{
	display:none;
}
.e-learning .roadmap .section__index .attention{
	margin:20px auto auto;
	font-size:25.6px;
	font-size:1.067rem;
	line-height:1.6;
}
.e-learning .roadmap .section__index .my-timeline{
	position:relative;
	padding-right:15px;
}
.e-learning .roadmap .section__index .my-timeline span{
	position:absolute;
	top:10px;
	right:0;
	font-size:25.6px;
	font-size:1.067rem;
}
.e-learning .roadmap .basic{
	margin:60px auto;
}
.e-learning .roadmap .advanced{
	position:relative;
	left:50%;
	padding:50px 15px;
	width:100vw;
	background:#f7f7f7;
	transform:translateX(-50%);
}
.e-learning .roadmap .advanced .roadmap__index:before{
	background-image:url("../images/volken-cs.png");
}
.e-learning .roadmap .guide{
	margin-top:50px;
	background:#ffffff;
}

.e-learning .line-box{
	position:relative;
	display:block;
	margin:auto;
	background-color:#ffbb38;
}
.e-learning .line-box:before,
.e-learning .line-box:after{
	position:absolute;
	display:block;
	width:2px;
	height:80%;
	background-color:#ffbb38;
	content:"";
}
.e-learning .line-box:before{
	top:-13px;
	left:-18px;
}
.e-learning .line-box:after{
	right:-18px;
	bottom:-13px;
}
.e-learning .line-box-top,
.e-learning .line-box-bottom{
	position:absolute;
	width:80%;
	height:2px;
	background-color:#ffbb38;
}
.e-learning .line-box-top{
	top:-13px;
	left:-18px;
}
.e-learning .line-box-bottom{
	right:-18px;
	bottom:-14px;
}

.e-learning .stripe-box{
	padding:12px;
	background-color:#ffffff;
	background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%236daca9' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
}
.e-learning .stripe-box-inner{
	padding:20px 55px;
	background:#ffffff;
}

.e-learning .questionnaire{
	margin-top:80px;
	padding-bottom:50px;
	border-bottom:6px solid #eba75b;
	background-position:center;
	background-size:cover;
	background-size:contain;
	background-repeat:no-repeat;
	background-repeat:repeat;
}
.e-learning .questionnaire>div{
	margin-top:80px;
}
.e-learning .questionnaire h2,
.e-learning .questionnaire p{
	margin:0;
}
.e-learning .questionnaire h2{
	font-size:48px;
	font-size:2rem;
}
.e-learning .questionnaire p{
	font-size:25.6px;
	font-size:1.067rem;
}
.e-learning .questionnaire p br:nth-of-type(1){
	display:none;
}
.e-learning .questionnaire__title{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:center;
	-ms-flex-align:center;

	align-items:center;
	justify-content:center;
}
.e-learning .questionnaire__title:before{
	display:block;
	margin-right:10px;
	width:80px;
	height:80px;
	background-image:url("../images/harerun.jpg");
	background-position:center;
	background-size:cover;
	background-size:contain;
	background-repeat:no-repeat;
	content:"";
}
.e-learning .questionnaire__title+p{
	margin-top:20px;
}
.e-learning .questionnaire .section__index{
	margin-bottom:50px;
}
.e-learning .questionnaire .container{
	margin-bottom:110px;
}
.e-learning .questionnaire .container:nth-last-child(1){
	margin-bottom:0;
}
.e-learning .questionnaire .date,
.e-learning .questionnaire .date__divide{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;

	align-items:center;
}
.e-learning .questionnaire .date input,
.e-learning .questionnaire .date__divide input{
	width:70px !important;
}
.e-learning .questionnaire .date .AD,
.e-learning .questionnaire .date__divide .AD{
	display:block;
	margin-right:12px;
}
.e-learning .questionnaire .date{
	margin-bottom:10px;
}
.e-learning .questionnaire .date:nth-of-type(2){
	float:left;
	margin-bottom:0;
	margin-left:50px;
}
.e-learning .questionnaire .date:nth-of-type(3){
	display:inline-block;
}
.e-learning .questionnaire .date br{
	display:none;
}
.e-learning .questionnaire .date br.mobile{
	display:block;
}
.e-learning .questionnaire .date__divide{
	position:relative;
}
.e-learning .questionnaire .accordion{
	margin-top:40px;
}

.e-learning .questionnaire_01{
	margin-top:0 !important;
}

.e-learning .questionnaire_02 .section__index:before{
	width:80px;
	height:70px;
	background-image:url("../images/icon_doc.png");
}

.e-learning .questionnaire_03 .section__index:before{
	width:100px;
	height:70px;
	background-image:url("../images/icon_opinion.png");
	background-position:center;
	background-size:contain;
}

.e-learning .form{
	padding:40px;
	border:1px solid #f5f5f5;
	background:#ffffff;
	box-shadow:0 0 120px rgba(0, 0, 0, .04);
}
.e-learning .form input,
.e-learning .form textarea{
	padding:13px 15px;
	width:100%;
	border:1px solid #999999;
	border-radius:5px;
	font-size:28.8px;
	font-size:1.2rem;
}
.e-learning .form input:focus,
.e-learning .form textarea:focus{
	outline:0;
	border:1px solid #68cdff;
	box-shadow:0 0 6px #68cdff;
}
.e-learning .form input[name="人数"]{
	width:150px;

	-webkit-appearance:none;
}
.e-learning .form input[name="zip1"]{
	width:150px;
}
.e-learning .form input[name="zip1"]+span{
	display:inline-block;
	margin:0 10px;
}
.e-learning .form input[name="zip2"]{
	width:250px;
}
.e-learning .form input[name="人数"],
.e-learning .form input[name="zip1"],
.e-learning .form input[name="zip2"],
.e-learning .form input[name="住所"]{
	margin-top:5px;
}
.e-learning .form input[name="都道府県"]{
	margin-right:10px;
	width:150px;
}
.e-learning .form input[name="市区町村"]{
	-ms-flex:1;
	    flex:1;
}
.e-learning .form input[name="町域大字"]{
	display:none;
}
.e-learning .form input[name="参加者の人数"]{
	width:70px !important;
}
.e-learning .form textarea{
	margin-top:5px;
}
.e-learning .form label{
	margin-right:16px;
	font-size:25.6px;
	font-size:1.067rem;
}
.e-learning .form label:hover{
	cursor:pointer;
}
.e-learning .form__wrapper{
	margin:30px auto 0;
	padding:15px;
	width:800px;
	background:#ffffff;
}
.e-learning .form__row{
	margin-bottom:30px;
}
.e-learning .form__row:nth-of-type(1) .form__index{
	margin-top:0;
}
.e-learning .form__index{
	margin:20px 0;
	border-bottom:2px solid;
	color:#eba75b;
	font-weight:700;
	font-size:33.6px;
	font-size:1.16rem;
}
.e-learning .form__index span{
	display:block;
	margin:-5px 0 7px;
	padding-left:27px;
	font-size:25.6px;
	font-size:1.067rem;
}
.e-learning .form__index.adjust{
	margin-bottom:-10px;
}
.e-learning .form__index-second{
	font-weight:700;
}
.e-learning .form__row-second{
	margin:30px 0;
}
.e-learning .form__item{
	position:relative;
}
.e-learning .form__item br.mobile{
	display:none;
}
.e-learning .form__item-second{
	position:relative;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	margin-top:5px;

	align-items:center;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
}
.e-learning .form__msg{
	text-align:center;
	font-weight:700;
}
.e-learning .form .checkbox{
	margin-top:6px;
}
.e-learning .form .checkbox-input{
	display:none;
}
.e-learning .form .checkbox-input:checked+.checkbox-parts:after{
	position:absolute;
	top:1px;
	left:5px;
	display:block;
	width:7px;
	height:14px;
	border-right:3px solid #2470ff;
	border-bottom:3px solid #2470ff;
	content:"";
	transform:rotate(40deg);
}
.e-learning .form .checkbox-parts{
	position:relative;
	padding-left:28px;
}
.e-learning .form .checkbox-parts:before{
	position:absolute;
	top:5px;
	left:0;
	display:block;
	width:15px;
	height:15px;
	border:1px solid #d8d8d8;
	border-radius:4px;
	background-color:#eaeaea;
	content:"";
}
.e-learning .form .unit{
	display:inline-block;
	margin:0 16px;
}
.e-learning .form .btn{
	margin:50px auto 0;
}

.e-learning .step a+a{
	margin:auto;
}

.e-learning .step a:nth-of-type(1) .step__index{
	background:#65b3cc;
}

.e-learning .step a:nth-of-type(2) .step__index{
	background:#50a3c2;
}

.e-learning .step a:nth-of-type(3) .step__index{
	background:#3c94b8;
}

.e-learning .step a:nth-of-type(4) .step__index{
	background:#2885ad;
}

.e-learning .step a:nth-of-type(5) .step__index{
	background:#1475a3;
}

.e-learning .step__list{
	margin-top:40px;
	padding:0 40px;
	border:5px solid #eba75b;
}

.e-learning .step__index{
	position:relative;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	margin-bottom:12px;
	padding:10px 10px 10px 30px;
	border-radius:10px;
	background:#f7f7f7;
	color:#ffffff;
	font-weight:700;
	transition:all .3s 0s ease;

	align-items:center;
}
.e-learning .step__index:before{
	position:absolute;
	top:0;
	right:20px;
	bottom:0;
	display:-ms-inline-flexbox;
	display:inline-flex;
	-ms-flex-pack:center;
	-ms-flex-align:center;
	margin:auto;
	width:20px;
	height:20px;
	content:"\f105";
	font-size:32px;
	font-size:2rem;
	font-family:"Font Awesome 5 Free";
	transition:all .3s 0s ease;

	align-items:center;
	justify-content:center;
}
.e-learning .step__index:hover{
	box-shadow:0 0 20px rgba(0, 0, 0, .1);
	opacity:.9;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.e-learning .step__index:hover:before{
	transform:translateX(10px);
}

.e-learning .step__num{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;
	width:200px;
	font-size:38.4px;
	font-size:1.6rem;
	line-height:1;

	align-items:center;
}
.e-learning .step__num:after{
	display:inline-block;
	margin:0 25px;
	margin-left:auto;
	width:1px;
	height:30px;
	background:#ffffff;
	content:"";
}
.e-learning .step__num span:nth-of-type(2){
	position:relative;
	bottom:1px;
	display:inline-block;
	margin-left:5px;
	letter-spacing:-2px;
	font-size:56px;
	font-size:3.5rem;
	font-family:"Verdana";
}

.e-learning .step__desc{
	-ms-flex:1;
	    flex:1;
	font-size:43.2px;
	font-size:2.7rem;
}

.e-learning .step__row{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:center;

	align-items:center;
}
.e-learning .step__row img{
	display:block;
	margin:auto;
	box-shadow:none;
}

.e-learning .step__sentence{
	-ms-flex:1;
	    flex:1;
}
.e-learning .step__sentence p{
	font-weight:700;
	font-size:33.6px;
	font-size:1.16rem;
	line-height:1.6;
}
.e-learning .step__sentence p br{
	display:none;
}
.e-learning .step__sentence .emphasis{
	margin:0;
	color:#eba75b;
	font-size:56px;
	font-size:3.5rem;
	line-height:1.5;
}
.e-learning .step__sentence .emphasis:nth-of-type(2){
	padding-left:30px;
}
.e-learning .step__sentence .emphasis span{
	background:linear-gradient(transparent 90%, #e7ff00 90%);
}

.e-learning .step__complete{
	padding:0 40px;
}

.e-learning .step__note{
	margin-bottom:40px;
	font-size:33.6px;
	font-size:1.16rem;
}
.e-learning .step__note span{
	display:block;
	margin-top:10px;
	font-size:28.8px;
	font-size:1.2rem;
}
.e-learning .step__note br.mobile{
	display:none;
}

.e-learning .step .arrow{
	margin:25px auto -10px;
	width:0;
	height:0;
	border-top:25px solid #eba75b;
	border-right:50px solid transparent;
	border-left:50px solid transparent;
}

.e-learning .movie{
	font-weight:700;
}
.e-learning .movie h2,
.e-learning .movie h3,
.e-learning .movie p,
.e-learning .movie ul,
.e-learning .movie img{
	margin:0;
}
.e-learning .movie img{
	box-shadow:none;
}
.e-learning .movie li{
	font-size:33.6px;
	font-size:1.16rem;
}
.e-learning .movie__index{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:justify;
	-ms-flex-align:center;

	align-items:center;
	justify-content:space-between;
}
.e-learning .movie__content{
	border:5px solid #eba75b;
}
.e-learning .movie__row{
	margin-bottom:20px;
}
.e-learning .movie__num{
	-ms-flex:1;
	    flex:1;
	color:#eba75b;
	text-align:center;
	letter-spacing:-2.4px;
	font-weight:700;
	font-size:80px;
	font-size:5rem;
	font-family:"Verdana";
	line-height:1;
}
.e-learning .movie__num span{
	position:relative;
	bottom:5px;
	padding-right:12px;
	letter-spacing:0;
	font-size:28.8px;
	font-size:1.2rem;
}
.e-learning .movie__thumb{
	padding:20px;
}
.e-learning .movie__title{
	width:750px;
}
.e-learning .movie__title h3{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:end;
	height:100%;

	align-items:flex-end;
}
.e-learning .movie__title span{
	padding:10px 30px 7px;
	width:100%;
	background:#eba75b;
	color:#ffffff;
}
.e-learning .movie__title span span{
	padding:0 10px 0 0;
}
.e-learning .movie__desc{
	padding:10px 50px 32px 40px;
}
.e-learning .movie__desc .accordion{
	margin-top:20px;
}
.e-learning .movie .section__index{
	margin-bottom:50px;
}
.e-learning .movie .section__index br{
	display:block;
}

.e-learning .training{
	margin-top:100px;
	font-weight:700;
}
.e-learning .training h2,
.e-learning .training h3,
.e-learning .training p,
.e-learning .training ul,
.e-learning .training img{
	margin:0;
}
.e-learning .training h3{
	padding-bottom:0;
	border-bottom:none;
}
.e-learning .training li{
	margin:0 0 10px 0;
}
.e-learning .training img{
	box-shadow:none;
}
.e-learning .training__index{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:justify;

	justify-content:space-between;
}
.e-learning .training__num{
	position:relative;
	top:8px;
	-ms-flex:1;
	    flex:1;
	padding-left:30px;
	color:#eba75b;
	font-weight:700;
	font-size:144px;
	font-size:9rem;
	line-height:1;
}
.e-learning .training__title{
	width:800px;
}
.e-learning .training__title h3{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-align:end;
	height:100%;

	align-items:flex-end;
}
.e-learning .training__title span{
	padding:7px 30px 3px;
	width:100%;
	background:#eba75b;
	color:#ffffff;
}

.e-learning .training__01 .section__index:before{
	width:80px;
	height:70px;
	background-image:url("../images/icon_doc.png");
}

.e-learning .training__02 .section__index:before{
	width:100px;
	height:70px;
	background-image:url("../images/icon_opinion.png");
	background-position:center;
	background-size:contain;
}

.e-learning .training__02 .section__index br{
	display:block;
}

.e-learning .training__03 .section__index{
	margin-bottom:40px;
	padding:25px 15px;
}
.e-learning .training__03 .section__index br{
	display:block;
}

.e-learning .training__03 .roadmap__detail-thumb:hover{
	cursor:pointer;
}

.e-learning .contact{
	margin:auto;
	padding:50px 15px 20px;
}
.e-learning .contact h2{
	margin:0;
	padding:6px 10px;
	border-bottom:2px solid #eba75b;
	border-left:6px solid #eba75b;
	font-size:32px;
	font-size:1.33rem;
}

.e-learning .movie-wrap{
	position:relative;
	overflow:hidden;
	padding-bottom:56.25%;
	/*アスペクト比 16:9の場合の縦幅*/
	height:0;
	border:10px solid #000000;
}
.e-learning .movie-wrap iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.e-learning .section__row{
	margin-bottom:20px;
}

.e-learning .section__index{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:center;
	-ms-flex-align:center;
	padding:30px 10px;
	background:#eba75b;

	align-items:center;
	justify-content:center;
}
.e-learning .section__index h2{
	margin:0;
	color:#ffffff;
	text-align:center;
	font-weight:700;
	font-size:59.2px;
	font-size:2.46rem;
}
.e-learning .section__index h2 br{
	display:none;
}

.e-learning .section__lead{
	padding:30px 50px 10px 40px;
}
.e-learning .section__lead ul{
	padding-left:15px;
}
.e-learning .section__lead li{
	display:-ms-flexbox;
	display:flex;
	list-style:none;
}
.e-learning .section__lead li:before{
	position:relative;
	top:7px;
	display:inline-block;
	margin-right:12px;
	width:25px;
	height:25px;
	background-image:url("../images/icon_check.png");
	background-position:center;
	background-size:cover;
	background-size:contain;
	background-repeat:no-repeat;
	content:"";
}
.e-learning .section__lead li p{
	-ms-flex:1;
	    flex:1;
}

.e-learning .section__content{
	margin-top:50px;
	border:5px solid #eba75b;
}

.e-learning .section__thumb{
	padding:20px;
}

.e-learning .section__desc{
	padding:10px 50px 32px 40px;
}
.e-learning .section__desc h4{
	padding:10px 10px 10px 70px;
	background:#f7f7f7;
	font-size:25.6px;
	font-size:1.067rem;
}
.e-learning .section__desc h4:before{
	left:20px;
}
.e-learning .section__desc h4:nth-child(1){
	margin-top:10px;
}
.e-learning .section__desc li{
	margin:0;
}
.e-learning .section__desc li span{
	font-size:25.6px;
	font-size:1.067rem;
}
.e-learning .section__desc .accordion:nth-of-type(1){
	margin-top:20px;
}

.e-learning .guide{
	position:relative;
	padding:20px 40px;
	border:3px dashed #fdbaba;
	font-weight:700;
}
.e-learning .guide.download-guide{
	border:3px dashed #545454;
}
.e-learning .guide.related{
	border:3px dashed #e4e4e4;
}
.e-learning .guide__item{
	margin-bottom:6px;
}
.e-learning .guide__item:nth-last-child(1){
	margin-bottom:0;
}
.e-learning .guide p{
	-ms-flex:1;
	    flex:1;
	margin:0;
}
.e-learning .guide a+a{
	margin-left:10px;
}
.e-learning .guide h4{
	position:absolute;
	top:-15px;
	left:67px;
	z-index:1;
	margin:auto !important;
	padding:0;
	font-size:25.6px;
	font-size:1.067rem;
}
.e-learning .guide h4:before{
	position:absolute;
	top:0;
	right:auto;
	bottom:0;
	left:-16px;
	z-index:-1;
	width:110px;
	height:30px;
	background:#ffffff;
}
.e-learning .guide li{
	font-size:28.8px;
	font-size:1.2rem;
}

.e-learning .reference ul{
	margin:0;
}

.e-learning .reference__link{
	display:block;
	margin-top:-5px;
	padding-left:20px;
}
.e-learning .reference__link button{
	display:inline-block;
	padding:0;
	border:none;
	border-bottom:1px solid;
	background:transparent;
	color:#2470ff;
	text-decoration:none;
	font-weight:700;
	font-size:28.8px;
	font-size:1.2rem;
	transition:all .1s 0s ease;
}
.e-learning .reference__link button+button{
	margin-left:10px;
}
.e-learning .reference__link button:hover{
	color:#0442b7;
	cursor:pointer;
}
.e-learning .reference__link button:focus{
	outline:none;
}

.e-learning .download{
	margin-top:60px;
}
.e-learning .download h4:before{
	width:380px;
}
.e-learning .download h4 br{
	display:none;
}
.e-learning .download ul{
	margin:0;
}
.e-learning .download__note{
	margin:15px 0 0;
	padding-left:10px;
	font-weight:400;
	font-size:25.6px;
	font-size:1.067rem;
}
.e-learning .download__note p{
	margin:0;
	line-height:1.6;
}
.e-learning .download .guide__item:before{
	top:3px;
	margin-right:12px;
	width:30px;
	height:30px;
	background-image:url("../images/icon_download.png");
}

.e-learning .url{
	word-break:break-all;
	font-size:24px;
	font-size:1.5rem;
}

.e-learning .asterisk{
	display:-ms-flexbox;
	display:flex;
	list-style-type:none !important;
}
.e-learning .asterisk:before{
	position:relative;
	bottom:0;
	display:inline-block;
	margin-right:5px;
	content:"※";
	line-height:1.7;
}

.e-learning .speaker{
	display:-ms-flexbox;
	display:flex;
}
.e-learning .speaker:before{
	position:relative;
	top:7px;
	display:inline-block;
	margin-right:8px;
	width:25px;
	height:25px;
	background-image:url("../images/icon_speaker.png");
	background-position:center;
	background-size:cover;
	background-size:contain;
	background-repeat:no-repeat;
	content:"";
}

.e-learning .accordion{
	margin-bottom:12px;
}
.e-learning .accordion__header{
	position:relative;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:justify;
	-ms-flex-align:center;
	padding:10px 15px 10px 20px;
	border:3px solid #eba75b;
	border-radius:5px;
	background:#f7f7f7;
	font-weight:700;
	cursor:pointer;
	transition:all .3s 0s ease;

	align-items:center;
	justify-content:space-between;
}
.e-learning .accordion__header>div{
	-ms-flex:1;
	    flex:1;
}
.e-learning .accordion__header:hover{
	background:#fafafa;
}
.e-learning .accordion__body{
	overflow:hidden;
	transition:all .3s 0s ease;
}
.e-learning .accordion__body-content{
	padding:20px 10px;
	background:#ffffff;
}
.e-learning .accordion .fa-arrow-alt-circle-up{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:center;
	-ms-flex-align:center;
	width:40px;
	color:#eba75b;
	transition-duration:.3s;
	transform:rotate(0deg);

	align-items:center;
	justify-content:center;
}
.e-learning .accordion .fa-arrow-alt-circle-up.rotate{
	transform:rotate(180deg);
}

.modal-area-inner{
	position:relative;
	box-sizing:border-box;
	padding:10px;
	height:100%;
}
.modal-area-inner .hide{
	position:absolute;
	top:10px;
	right:10px;
	font-size:12px;
}
.modal-area-inner .hide:hover{
	cursor:pointer;
}
.modal-area-inner .modal-youtube{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:center;
	-ms-flex-align:center;
	height:100%;

	align-items:center;
	justify-content:center;
}

#to-top{
	position:fixed;
	right:30px;
	bottom:30px;
	z-index:999;
}
#to-top a{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:center;
	-ms-flex-align:center;
	width:200px;
	height:80px;
	border:2px solid rgba(254, 255, 255, .1);
	background-color:#eba75b;
	box-shadow:0 0 40px rgba(0, 0, 0, .1);
	color:#ffffff;
	text-decoration:none;
	font-weight:700;
	font-size:22.4px;
	font-size:1.16rem;
	transition:all .3s 0s cubic-bezier(.23, 1, .58, 1);

	align-items:center;
	justify-content:center;
}
#to-top a:hover{
	box-shadow:0 0 50px rgba(0, 0, 0, .2);
	cursor:pointer;
	transform:translateY(-5px);
}

.btn{
	position:relative;
	display:block;
	margin:auto;
	padding:16px 10px 17px;
	width:320px;
	border:none;
	border-radius:3px;
	background-color:#eba75b;
	color:#ffffff !important;
	text-align:center;
	font-weight:700;
	font-size:28.8px;
	font-size:1.2rem;
	line-height:1;
	transition:all .3s 0s cubic-bezier(.23, 1, .58, 1);
}
.btn[disabled="disabled"]{
	background:#4e6671 !important;
}
.btn:before{
	position:absolute;
	top:3px;
	right:10px;
	bottom:0;
	display:-ms-inline-flexbox;
	display:inline-flex;
	-ms-flex-pack:center;
	-ms-flex-align:center;
	margin:auto;
	width:20px;
	height:20px;
	content:"\f105";
	font-size:32px;
	font-size:2rem;
	font-family:"Font Awesome 5 Free";
	transition:all .3s 0s ease;

	align-items:center;
	justify-content:center;
}
.btn:hover{
	background-color:#d57939;
	cursor:pointer;
}
.btn:hover:before{
	transform:translateX(5px);
}
.btn__other{
	background:#d0a936;
}
.btn__other:hover{
	background:#b89324;
}
.btn__questionnaire{
	background:#ff4444;
}
.btn__questionnaire:hover{
	background:#e03030;
}

.btn-area{
	margin:40px 0;
}
.btn-area+p{
	margin:40px auto 20px !important;
}
.btn-area__two,
.btn-area__three{
	display:-ms-flexbox;
	display:flex;
	-ms-flex-pack:center;

	justify-content:center;
}
.btn-area__two>.btn{
	width:calc((100% - 40px) / 2);
}
.btn-area__three>.btn{
	width:calc((100% - 60px) / 3);
}
.movie .btn-area{
	margin:40px 0 10px;
}

.formError{
	opacity:1 !important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.formError .formErrorContent{
	padding:7px 15px 6px !important;
	border:none !important;
	border-radius:3px !important;
	background:#ff3636 !important;
	box-shadow:0 0 20px rgba(0, 0, 0, .25) !important;
	font-weight:700 !important;
	font-size:14px !important;
}
.formError .formErrorArrow>div{
	border:none !important;
	background:#ff3636 !important;
	box-shadow:0 0 20px rgba(0, 0, 0, .25) !important;
}
.formError .formErrorArrow .line1,
.formError .formErrorArrow .line2{
	display:none !important;
}

#nheader #header_link:nth-of-type(3){
	margin-right:25px;
}

#nheader .to-yb{
	position:relative;
	top:30px;
}
#nheader .to-yb.mobile{
	display:none;
}

#nfooter li{
	padding:0 !important;
}

#nfooter a{
	color:#2a62e2 !important;
	text-decoration:underline !important;
}

#nfooter p{
	line-height:1.6 !important;
}

.menu-trigger{
	position:relative;
	z-index:999;
	display:none !important;
	width:30px;
	height:25px;
	border:none;
	background-color:transparent;
}

@keyframes menu-bar01{
	0%{
		transform:translateY(12px) rotate(45deg);
	}
	50%{
		transform:translateY(12px) rotate(0);
	}
	100%{
		transform:translateY(0) rotate(0);
	}
}

@keyframes menu-bar02{
	0%{
		transform:translateY(-12px) rotate(-45deg);
	}
	50%{
		transform:translateY(-12px) rotate(0);
	}
	100%{
		transform:translateY(0) rotate(0);
	}
}

@keyframes active-menu-bar01{
	0%{
		transform:translateY(0) rotate(0);
	}
	50%{
		transform:translateY(11px) rotate(0);
	}
	100%{
		transform:translateY(11px) rotate(45deg);
	}
}

@keyframes active-menu-bar03{
	0%{
		transform:translateY(0) rotate(0);
	}
	50%{
		transform:translateY(-12px) rotate(0);
	}
	100%{
		transform:translateY(-12px) rotate(-45deg);
	}
}
.menu-trigger,
.menu-trigger span{
	display:inline-block;
	box-sizing:border-box;
	transition:all .3;
}
.menu-trigger span{
	position:absolute;
	left:0;
	width:100%;
	height:2px;
	background-color:#000000;
}
.menu-trigger span:nth-of-type(1){
	top:0;
	animation:menu-bar01 .75s forwards;
}
.menu-trigger span:nth-of-type(2){
	top:12px;
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	transition:all .25s .25s;
}
.menu-trigger span:nth-of-type(3){
	bottom:0;
	animation:menu-bar02 .75s forwards;
}
.menu-trigger.active span:nth-of-type(1){
	animation:active-menu-bar01 .75s forwards;
}
.menu-trigger.active span:nth-of-type(2){
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.menu-trigger.active span:nth-of-type(3){
	animation:active-menu-bar03 .75s forwards;
}

#header_area,
#e-learning,
#page,
#footer_area{
	transition:all .5s;
}
#header_area.open,
#e-learning.open,
#page.open,
#footer_area.open{
	transform:translate(-350px);
}

#secondary{
	position:fixed;
	top:0;
	right:0;
	z-index:10;
	display:none;
	width:350px;
	height:100%;
	background-color:#ffffff;
	transition:all .5s;
	transform:translate(350px);
}
#secondary.open{
	transform:translate(0);
}
#secondary a{
	display:inline-block;
	padding:10px 20px;
	color:#333333;
	text-decoration:none;
	font-weight:700;
}
#secondary ul{
	padding:0;
}
#secondary .fab{
	font-size:30.4px;
	font-size:1.9rem;
}
#secondary.ready{
	visibility:visible !important;
}
#secondary #m-logo{
	padding:22px 0 20px;
	border-bottom:1px solid #aaaaaa;
}
#secondary #m-gloNav li{
	border-bottom:1px solid #eeeeee;
}
#secondary #m-gloNav a{
	display:block;
	padding:16px 20px;
}

.overlay{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	display:block;
	width:0;
	height:0;
	background-color:rgba(0, 0, 0, .5);
	content:"";
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	transition:opacity .5s;
}
.overlay:hover{
	cursor:pointer;
}
.overlay.open{
	width:100%;
	height:100%;
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
@media screen and (min-width: 1200px){
	html{
		width:100%;
	}
}
@media screen and (max-width: 1200px){
	html{
		width:100%;
	}

	.e-learning .mainV__wrapper{
		width:1000px;
	}

	.e-learning .v--modal-box{
		right:0 !important;
		left:0 !important;
		margin:auto;
		width:95vw !important;
	}
}
@media screen and (max-width: 1024px){
	html{
		width:100%;
	}

	.container{
		width:700px;
	}

	.e-learning{
		font-size:1.7rem;
		line-height:1.9;
	}

	.e-learning .index{
		padding:30px 15px 25px;
	}

	.e-learning .index h2{
		font-size:4.7rem;
	}

	.e-learning .index span{
		margin-bottom:10px;
		font-size:1.6rem;
	}

	.e-learning .index .supervision{
		font-size:2rem;
	}

	.e-learning .mainV__wrapper{
		width:100%;
	}

	.e-learning .mainV .lead{
		font-size:1.2rem;
	}

	.e-learning .roadmap__item{
		font-size:1.2rem;
	}

	.e-learning .roadmap__item .btn{
		margin-left:20px;
		width:250px;
	}

	.e-learning .roadmap__main-item .btn{
		width:250px;
	}

	.e-learning .roadmap__detail-thumb{
		width:200px;
	}

	.e-learning .roadmap__detail-desc{
		margin-left:10px;
	}

	.e-learning .roadmap .section__index .appeal{
		font-size:3.4rem;
		line-height:1.4;
	}

	.e-learning .roadmap .section__index .attention{
		font-size:1.16rem;
	}

	.e-learning .roadmap .section__index .attention br{
		display:none;
	}

	.e-learning .roadmap .section__index .my-timeline span{
		top:3px;
	}

	.e-learning .stripe-box{
		padding:20px;
	}

	.e-learning .stripe-box-inner{
		padding:20px;
	}

	.e-learning .form__wrapper{
		width:100%;
	}

	.e-learning .step__index{
		padding:10px;
	}

	.e-learning .step__num{
		display:block;
		margin-right:20px;
		padding-right:10px;
		width:100px;
		border-right:1px solid;
		text-align:center;
		font-size:1.5rem;
	}

	.e-learning .step__num:after{
		content:none;
	}

	.e-learning .step__num span{
		display:block;
	}

	.e-learning .step__num span:nth-of-type(2){
		display:block;
		margin-top:5px;
		margin-left:0;
		font-size:2rem;
	}

	.e-learning .step__desc{
		font-size:1.16rem;
		line-height:1.4;
	}

	.e-learning .step__sentence p{
		margin-top:20px;
		font-size:1.2rem;
		line-height:1.8;
	}

	.e-learning .step__sentence .emphasis{
		font-size:1.6rem;
		line-height:1.8;
	}

	.e-learning .step__complete{
		padding:0 15px;
	}

	.e-learning .step__note{
		font-size:1.2rem;
	}

	.e-learning .step__note span{
		font-size:1.5rem;
	}

	.e-learning .step__note br.mobile{
		display:block;
	}

	.e-learning .movie__title{
		width:500px;
	}

	.e-learning .movie__title h3{
		font-size:1.16rem;
	}

	.e-learning .movie__title span{
		padding:7px 15px 3px;
	}

	.e-learning .movie__desc{
		padding:10px 20px 20px;
	}

	.e-learning .training__num{
		padding-left:50px;
	}

	.e-learning .training__title{
		width:500px;
	}

	.e-learning .training__title span{
		padding:7px 15px 3px;
	}

	.e-learning .section__index h2{
		font-size:3.1rem;
	}

	.e-learning .section__index h2 br{
		display:block;
	}

	.e-learning .section__desc{
		padding:10px 20px 20px;
	}

	.e-learning .guide{
		padding:20px;
	}

	.e-learning .guide__item{
		margin-bottom:10px;
	}

	#nheader{
		display:-ms-flexbox;
		display:flex;
		-ms-flex-pack:justify;
		-ms-flex-align:center;
		box-sizing:border-box;
		padding:0 20px;
		width:100%;

		align-items:center;
		justify-content:space-between;
	}

	#nheader .to-yb{
		top:0;
		margin-right:20px;
		margin-left:auto;
	}

	#nheader .to-yb.pc{
		display:none;
	}

	#nheader .to-yb.mobile{
		display:block;
	}

	#nfooter{
		box-sizing:border-box;
		padding:20px 15px;
		width:100%;
	}

	#header_right,
	#gnavi{
		display:none;
	}

	.menu-trigger{
		display:inline-block !important;
	}

	#secondary{
		display:block;
	}
}
@media screen and (max-width: 768px){
	html{
		width:100%;
	}

	.container{
		width:600px;
	}

	.e-learning{
		font-size:1.067rem;
	}

	.e-learning img.alignleft{
		margin:0 10px 10px 10px;
	}

	.e-learning img.alignright{
		margin:10px 0 10px 10px;
	}

	.e-learning figure.alignleft{
		margin:0 10px 10px 10px;
	}

	.e-learning figure.alignright{
		margin:10px 0 10px 10px;
	}

	.e-learning .index h2{
		font-size:4.1rem;
	}

	.e-learning .mainV .btn-area{
		-ms-flex-pack:justify;

		justify-content:space-between;
	}

	.e-learning .mainV .btn-wrapper:nth-of-type(1) .btn{
		margin:auto;
	}

	.e-learning .mainV .btn-wrapper:nth-of-type(2) .btn{
		margin:auto;
	}

	.e-learning .mainV .btn{
		width:100%;
	}

	.e-learning .mainV .lead{
		text-align:left;
	}

	.e-learning .mainV .lead br{
		display:none;
	}

	.e-learning .roadmap{
		margin-top:60px;
	}

	.e-learning .roadmap__item .btn{
		width:150px;
	}

	.e-learning .roadmap__item .btn:before{
		content:none;
	}

	.e-learning .roadmap__main-item p{
		font-size:1.067rem;
	}

	.e-learning .roadmap__main-item .btn{
		width:100%;
	}

	.e-learning .roadmap__details>p br{
		display:block;
	}

	.e-learning .roadmap__detail{
		padding:15px;
	}

	.e-learning .roadmap__detail-thumb{
		width:120px;
	}

	.e-learning .roadmap .section__index{
		padding:30px 15px 25px;
	}

	.e-learning .roadmap .section__index p{
		font-size:1.2rem;
	}

	.e-learning .roadmap .section__index .appeal{
		font-size:2.7rem;
		line-height:1.5;
	}

	.e-learning .questionnaire .date:nth-of-type(2){
		margin-left:0;
	}

	.e-learning .form .unit{
		margin:0 6px;
	}

	.e-learning .step__list{
		margin-top:40px;
		padding:0 20px;
	}

	.e-learning .step__num{
		margin-right:20px;
		padding-right:10px;
		width:100px;
	}

	.e-learning .step__desc{
		padding-right:30px;
		font-size:1.16rem;
	}

	.e-learning .step__row img{
		width:150px;
	}

	.e-learning .step__sentence p{
		margin-top:12px;
	}

	.e-learning .step__sentence p br{
		display:block;
	}

	.e-learning .step__sentence .emphasis:nth-of-type(2){
		padding-left:0;
	}

	.e-learning .step__note{
		margin-top:25px;
		margin-bottom:30px;
		font-size:1.067rem;
	}

	.e-learning .step .arrow{
		margin:25px auto 15px;
	}

	.e-learning .movie__title{
		width:450px;
	}

	.e-learning .training h3{
		font-size:1.16rem;
	}

	.e-learning .training__num{
		padding:0 15px;
		font-size:7rem;
	}

	.e-learning .training__title{
		width:100%;
	}

	.e-learning .contact{
		width:100%;
	}

	.e-learning .section__index{
		padding:18px 10px 20px;
	}

	.e-learning .section__index h2{
		font-size:2.7rem;
	}

	.e-learning .section__lead{
		padding:30px 20px 10px 5px;
	}

	.e-learning .v--modal-box{
		right:0 !important;
		left:0 !important;
		margin:auto;
		width:95vw !important;
	}

	.btn-area{
		margin:20px 0;
	}

	.btn-area__three{
		display:block;
	}

	.btn-area__three>.btn{
		margin:auto auto 15px;
		width:350px;
	}

	.movie .btn-area{
		margin:20px 0 0;
	}
}
@media screen and (max-width: 640px){
	html{
		width:100%;
	}

	.container{
		padding:0 15px;
		width:100%;
	}

	.e-learning ul,
	.e-learning ol{
		padding-left:30px;
	}

	.e-learning img{
		margin:20px auto;
	}

	.e-learning .index{
		padding:25px 0 17px;
	}

	.e-learning .index h2{
		font-size:6.8vw;
		line-height:1.6;
	}

	.e-learning .index span{
		margin-bottom:0;
		font-size:1.067rem;
	}

	.e-learning .index .supervision{
		margin:10px auto 0;
		font-size:1.2rem;
	}

	.e-learning .mainV button.btn{
		padding:21px 10px 19px;
	}

	.e-learning .mainV .btn-area{
		margin:30px auto;
	}

	.e-learning .mainV .btn-wrapper{
		width:100%;
	}

	.e-learning .mainV .btn-wrapper:nth-of-type(1) .btn{
		margin-bottom:12px;
	}

	.e-learning .mainV .btn{
		margin:auto;
		width:320px;
	}

	.e-learning .mainV .lead{
		margin:22px auto 28px;
		font-size:1.067rem;
	}

	.e-learning .mainV .modal-youtube iframe{
		height:340px;
	}

	.e-learning .mainV .v--modal-box{
		position:absolute !important;
		top:0 !important;
		bottom:0 !important;
		height:440px !important;
	}

	.e-learning .roadmap{
		margin-top:40px;
	}

	.e-learning .roadmap__index{
		margin-bottom:10px;
	}

	.e-learning .roadmap__index:before{
		width:60px;
		height:60px;
	}

	.e-learning .roadmap__index p{
		font-size:1.16rem;
		line-height:1.6;
	}

	.e-learning .roadmap__item{
		padding:5px;
		font-size:1.067rem;
	}

	.e-learning .roadmap__item p br{
		display:none;
	}

	.e-learning .roadmap__item .btn{
		margin-left:10px;
	}

	.e-learning .roadmap__main-items{
		display:block;
		margin:25px auto 30px;
	}

	.e-learning .roadmap__main-item{
		padding:22px 15px;
		width:100%;
		border:5px solid #eba75b;
	}

	.e-learning .roadmap__main-item:nth-of-type(1){
		margin-bottom:20px;
	}

	.e-learning .roadmap__main-item p{
		font-size:1.2rem;
	}

	.e-learning .roadmap__details>p{
		margin-top:-20px;
		text-align:left;
		font-size:1.2rem;
	}

	.e-learning .roadmap__details>p br{
		display:none;
	}

	.e-learning .roadmap__detail{
		display:block;
	}

	.e-learning .roadmap__detail-thumb{
		width:100%;
	}

	.e-learning .roadmap__detail-desc{
		margin-left:-5px;
	}

	.e-learning .roadmap__detail-desc ul{
		margin-bottom:10px;
	}

	.e-learning .roadmap .section__index p:nth-of-type(1){
		margin-bottom:20px;
	}

	.e-learning .roadmap .section__index p:nth-of-type(1) br{
		display:block;
	}

	.e-learning .roadmap .section__index .appeal{
		margin:12px auto;
		font-size:1.6rem;
	}

	.e-learning .roadmap .section__index .appeal br{
		display:block;
	}

	.e-learning .roadmap .basic{
		margin:40px auto;
	}

	.e-learning .roadmap .advanced{
		padding:30px 15px;
	}

	.e-learning .roadmap .advanced .container{
		padding:0;
	}

	.e-learning .roadmap .guide{
		margin-top:auto;
	}

	.e-learning .stripe-box{
		padding:5px;
	}

	.e-learning .stripe-box-inner{
		padding:15px 15px 15px 5px;
	}

	.e-learning .questionnaire{
		margin-top:60px;
		padding:0 0 30px;
	}

	.e-learning .questionnaire>div{
		margin-top:40px;
	}

	.e-learning .questionnaire h2{
		font-size:1.16rem;
	}

	.e-learning .questionnaire p br:nth-of-type(1){
		display:block;
	}

	.e-learning .questionnaire__title:before{
		width:60px;
		height:60px;
	}

	.e-learning .questionnaire .section__index{
		margin-bottom:30px;
	}

	.e-learning .questionnaire .date:nth-of-type(2){
		float:none;
		margin-left:0;
	}

	.e-learning .questionnaire .date:nth-of-type(3){
		margin-top:10px;
		margin-left:0;
	}

	.e-learning .questionnaire_02 .section__index:before{
		width:55px;
		height:70px;
	}

	.e-learning .questionnaire_03 .section__index:before{
		width:60px;
	}

	.e-learning .form{
		padding:30px 20px;
	}

	.e-learning .form input,
	.e-learning .form textarea{
		padding:10px 12px 9px;
		font-size:1.067rem;
	}

	.e-learning .form input[name="zip1"]{
		width:100px;
	}

	.e-learning .form input[name="zip1"]+span{
		margin:0 5px;
	}

	.e-learning .form input[name="zip2"]{
		width:180px;
	}

	.e-learning .form input[name="都道府県"]{
		width:100px;
	}

	.e-learning .form__wrapper{
		margin:20px auto 0;
		padding:10px;
	}

	.e-learning .form__index{
		padding-bottom:10px;
		font-size:1.067rem;
		line-height:1.6;
	}

	.e-learning .form__index span{
		display:inline;
		margin:0;
		padding-left:0;
		font-size:1.067rem;
	}

	.e-learning .form__index-second{
		font-size:1.5rem;
	}

	.e-learning .form__row-second{
		margin:20px 0;
	}

	.e-learning .form__item br.mobile{
		display:block;
	}

	.e-learning .step__list{
		margin-top:20px;
	}

	.e-learning .step__num{
		font-size:1.067rem;
	}

	.e-learning .step__num span:nth-of-type(2){
		font-size:1.6rem;
	}

	.e-learning .step__desc{
		padding-right:40px;
		font-size:1.067rem;
		line-height:1.6;
	}

	.e-learning .step__sentence p{
		text-align:center;
	}

	.e-learning .step__sentence p:nth-last-child(1){
		text-align:left;
	}

	.e-learning .step__sentence p br{
		display:none;
	}

	.e-learning .movie li{
		font-size:1.067rem;
	}

	.e-learning .movie__num{
		font-size:2rem;
	}

	.e-learning .movie__num span{
		padding-right:5px;
		font-size:1.2rem;
	}

	.e-learning .movie__thumb{
		padding:10px;
	}

	.e-learning .movie__title{
		width:350px;
	}

	.e-learning .movie__title span span{
		display:none;
	}

	.e-learning .movie__desc{
		padding:10px 10px 20px;
	}

	.e-learning .movie .section__index{
		margin-bottom:20px;
	}

	.e-learning .training{
		margin-top:60px;
	}

	.e-learning .training h3{
		font-size:1.9rem;
	}

	.e-learning .training__num{
		font-size:4rem;
	}

	.e-learning .training__01 .section__index:before{
		width:55px;
		height:70px;
	}

	.e-learning .training__02 .section__index:before{
		width:60px;
	}

	.e-learning .training__03 img{
		margin:auto auto 12px;
	}

	.e-learning .training__03 .modal-youtube iframe{
		height:340px;
	}

	.e-learning .training__03 .v--modal-box{
		position:absolute !important;
		top:0 !important;
		bottom:0 !important;
		height:440px !important;
	}

	.e-learning .movie-wrap{
		border:5px solid #000000;
	}

	.e-learning .section__index h2{
		font-size:1.6rem;
		line-height:1.6;
	}

	.e-learning .section__lead{
		padding:20px 20px 0 0;
	}

	.e-learning .section__lead li:before{
		width:20px;
		height:20px;
	}

	.e-learning .section__thumb{
		padding:10px;
	}

	.e-learning .section__desc{
		padding:10px 10px 20px;
	}

	.e-learning .section__desc li span{
		font-size:0.93rem;
	}

	.e-learning .guide.download-guide{
		padding:12px 20px 12px 15px;
	}

	.e-learning .guide.related{
		padding:20px 20px 20px 5px;
	}

	.e-learning .guide li{
		font-size:1.5rem;
	}

	.e-learning .download h4{
		top:-25px;
		right:0;
		left:0;
		text-align:center;
	}

	.e-learning .download h4:before{
		right:0;
		left:0;
		width:300px;
	}

	.e-learning .download h4 br{
		display:block;
	}

	.e-learning .download__note p{
		display:block;
		padding-left:5px;
		font-size:1.5rem;
	}

	.e-learning .download .download-guide{
		padding:40px 20px 30px 5px;
	}

	.e-learning .speaker:before{
		top:2px;
	}

	#to-top{
		right:10px;
		bottom:10px;
	}

	#to-top a{
		right:15px;
		bottom:15px;
		width:190px;
		height:60px;
	}

	.btn{
		padding:20px 10px 22px;
		font-size:1.0rem;
	}

	.btn-area+p{
		margin:20px auto 0 !important;
		font-size:1.5rem;
	}

	.btn-area a+a{
		margin:10px 0 0 0;
	}

	.btn-area__two,
	.btn-area__three{
		display:block;
	}

	.btn-area__two>.btn{
		width:100%;
	}

	.btn-area__three>.btn{
		width:100%;
	}

	#logo img{
		width:70px;
		height:auto;
	}

	#header_area.open,
	#e-learning.open,
	#page.open,
	#footer_area.open{
		transform:translate(-250px);
	}

	#secondary{
		width:250px;
		transform:translate(250px);
	}
}
@media screen and (max-width: 414px){
	html{
		width:100%;
	}

	.e-learning{
		font-size:1.0rem;
	}

	.e-learning input[type="radio"]{
		margin:0 4px 0 0 !important;
	}

	.e-learning .breadcrumb{
		font-size:0.8rem;
	}

	.e-learning .breadcrumb span{
		width:10px;
	}

	.e-learning .mainV .btn{
		width:100%;
	}

	.e-learning .form label{
		margin-right:20px;
	}

	.e-learning .form .unit{
		margin:0 3px;
	}

	.e-learning .step__list{
		padding:0 10px;
	}

	.e-learning .step__num{
		margin-right:14px;
		width:80px;
	}

	.e-learning .step__num span{
		font-size:1.2rem;
	}

	.e-learning .step__num span:nth-of-type(2){
		font-size:2rem;
	}

	.e-learning .step__sentence p{
		font-size:1.067rem;
	}

	.e-learning .step__sentence .emphasis{
		font-size:1.9rem;
	}

	.e-learning .step__note{
		text-align:left;
	}

	.e-learning .step__note br{
		display:none !important;
	}

	.e-learning .movie li{
		font-size:1.5rem;
	}

	.e-learning .movie__title span{
		padding:7px 15px 5px;
	}

	.e-learning .section__index h2{
		font-size:1.16rem;
	}

	.e-learning .download h4:before{
		width:250px;
	}

	.btn{
		width:100%;
	}

	.btn-area+p{
		font-size:0.93rem;
	}
}
@media screen and (max-width: 380px){
	html{
		width:100%;
	}

	.e-learning{
		font-size:1.16rem;
	}

	.e-learning .breadcrumb{
		font-size:1.1rem;
	}

	.e-learning .roadmap__index:before{
		margin-right:5px;
		width:50px;
		height:50px;
	}

	.e-learning .questionnaire h2{
		font-size:1.9rem;
	}

	.e-learning .questionnaire p{
		font-size:1.16rem;
	}

	.e-learning .questionnaire__title:before{
		margin-right:5px;
		width:50px;
		height:50px;
	}

	.e-learning .form input[name="zip1"]{
		width:80px;
	}

	.e-learning .form input[name="zip2"]{
		width:150px;
	}

	.e-learning .step__sentence .emphasis{
		font-size:1.7rem;
	}

	.e-learning .movie__num span{
		display:none;
	}

	.e-learning .training h3{
		font-size:1.7rem;
	}

	.e-learning .section__index h2{
		font-size:1.9rem;
	}

	.btn{
		font-size:1.16rem;
	}
}
@media screen and (max-width: 544px){
	.e-learning .movie__title{
		width:270px;
	}
}

/* ===== 2026-03 smartphone layout fix (kazan only) ===== */
html, body{
	overflow-x:hidden;
}

@media screen and (max-width: 640px){
	.e-learning .roadmap .advanced{
		left:auto;
		width:100%;
		transform:none;
		box-sizing:border-box;
	}

	.e-learning .mainV .btn{
		width:100%;
		max-width:320px;
		box-sizing:border-box;
	}

	.e-learning .movie__title,
	.e-learning .training__title,
	.e-learning .movie__desc,
	.e-learning .section__desc,
	.e-learning .roadmap__detail-desc{
		width:100%;
		max-width:100%;
		box-sizing:border-box;
	}

	.btn,
	.btn-area__two > .btn,
	.btn-area__three > .btn{
		width:100%;
		max-width:100%;
		box-sizing:border-box;
	}

	iframe,
	img,
	video{
		max-width:100%;
		height:auto;
	}
}

@media screen and (max-width: 414px){
	.e-learning .movie__title,
	.e-learning .training__title{
		width:100%;
	}
}

/* ===== breadcrumb + note fixes (2026-03 latest) ===== */
@media screen and (max-width: 640px){
  /* breadcrumb: keep 2-line layout, prevent arrows from dropping alone */
  .e-learning .breadcrumb{
    display:block;
    margin:0;
    padding:3px 0 4px;
    font-size:12px;
    line-height:1.6;
  }

  .e-learning .breadcrumb li{
    display:inline;
    list-style-type:none;
  }

  /* hide original span arrows/spacers from HTML */
  .e-learning .breadcrumb span{
    display:none !important;
  }

  /* add arrows from CSS so they stay attached to the previous item */
  .e-learning .breadcrumb li:not(:last-child)::after{
    content:" > ";
    white-space:nowrap;
  }

  /* note text below CTA buttons */
  .e-learning .movie .btn-area + p,
  .e-learning .training .btn-area + p{
    font-size:0.95rem !important;
    line-height:1.5 !important;
  }
}

@media screen and (max-width: 414px){
  .e-learning .breadcrumb{
    font-size:12px !important;
    line-height:1.6;
  }
}

@media screen and (max-width: 380px){
  .e-learning .breadcrumb{
    font-size:12px !important;
    line-height:1.6;
  }
}

/* ===== roadmap link text size fix (2026-03) ===== */
@media screen and (max-width: 640px){

  /* 関連リンク・ダウンロード内の本文 */
  .e-learning .guide li{
    font-size: 1rem !important;
    line-height: 1.6;
  }

  .e-learning .download__note p{
    font-size: 1rem !important;
  }

  /* リンク（青文字） */
  .e-learning .guide a,
  .e-learning .reference__link button{
    font-size: 1rem !important;
  }

}

/* ===== 2026-03 form font size fix (complete) ===== */
@media screen and (max-width: 640px){

  /* 全体 */
  .e-learning .form{
    font-size: 0.95rem;
  }

  /* 見出し（1. 居住地など） */
  .e-learning .form__index{
    font-size: 1.05rem;
  }

  /* 項目タイトル（郵便番号など） */
  .e-learning .form__title{
    font-size: 1rem;
    line-height: 1.5;
  }

  /* ラジオボタン・選択肢 */
  .e-learning .form label,
  .e-learning .form span{
    font-size: 0.95rem;
  }

  /* 入力欄 */
  .e-learning .form input,
  .e-learning .form select,
  .e-learning .form textarea{
    font-size: 0.95rem;
  }

}

/* ===== 2026-03 最終フォント統一 fix ===== */
@media screen and (max-width: 640px){

  /* ガイド系（関連リンク・DL案内） */
  .e-learning .guide li{
    font-size: 0.95rem !important;
    line-height: 1.6;
  }

  /* リンク文字 */
  .e-learning .guide a{
    font-size: 0.95rem !important;
  }

  /* 説明文（※で始まる部分） */
  .e-learning .guide p{
    font-size: 0.9rem !important;
  }

}

/* ===== アンケートフォーム文字サイズ修正（スマホ） ===== */
@media screen and (max-width: 640px){

  /* 見出し（質問文） */
  .e-learning .form__index{
    font-size:1rem !important;
    line-height:1.6;
  }

  /* 質問文（長文） */
  .e-learning .form__item,
  .e-learning .form__item p,
  .e-learning .form__item label,
  .e-learning .form__index-second{
    font-size:1rem !important;
    line-height:1.7;
  }

  /* 入力欄 */
  .e-learning .form input,
  .e-learning .form textarea,
  .e-learning .form select{
    font-size:1rem !important;
  }

}


/* ===== breadcrumb PC fix ===== */
.e-learning .breadcrumb li:not(:last-child)::after{
  content: " > ";
  white-space: nowrap;
}