@charset "utf-8";

/*
#navi-title {
	width: 1200px;
	clear: both;
	background-image: url(../img/bg-head-title.png);
	background-repeat: repeat-x;
	height: 48px;
}
#navi-title .navi-name {
	color: #FFF;
	padding-left: 112px;
	font-size: 16px;
	font-weight: bold;
	padding-top: 15px;
}
#navi-title .navi-name a {
	color: #FFF;
}
#contents {
	width: 976px;
	margin-right: auto;
	margin-left: auto;
}
#contents #pankuzu p {
	padding-top: 11px;
	padding-bottom: 25px;
}
#contents #pankuzu p a {
	font-size: 12px;
	color: #505E78;
}
*/
/*#main-area .design_bg{position: absolute;width: 976px;height: 3950px;background: url('../../../../../pc.jpg') 0 0 no-repeat;opacity: .5;
}*/

#top-area{
	background-color: #DBF9E8;
	text-align: center;
	padding-top: 40px;
}
#top-area h2{
	background-color: #238C00;
	font-size: 32px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 100%;
}
.h1Block-subMenu {
	width: 976px;
	margin-right: auto;
	margin-left: auto;
	background-color: #1A6600;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
.basic-page .h1Block-subMenu ul {
	margin: 0px!important;
	padding: 0px!important;
}
.basic-page .h1Block-subMenu ul li{
	display: inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	padding-right: 7px;
	padding-bottom: 0px!important;
	padding-left: 7px;
}
.basic-page .h1Block-subMenu ul li:last-of-type{
	border-style: none;
}
.basic-page .h1Block-subMenu ul li a{
	color: #fff;
}
#top-area h1{
	font-size: 36px!important;
	font-weight: bold;
	line-height: 1.2em!important;
	margin-bottom: 40px;
	color: #1C7500;
}
#top-area p{
	text-align: left;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1.2em;
	line-height: 1.5em;
}
#top-area img{
	margin-bottom: 30px;
	margin-top: 30px;
}
#top-area .photoBlock{
	margin-bottom: 0px!important;
}
#recommendation-area{
	background-color: #D0FAFF;
	text-align: center;
	padding-bottom: 40px;
}
#recommendation-area h2{
    background-color: #3768B1;
	font-size: 32px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 100%;
}
#recommendation-area h3{
	font-size: 26px;
	font-weight: bold;
	color: #fff;
	background-color: #3890CF;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 100vh;
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}
#recommendation-area ul{
	text-align: left;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 40px;
}
#recommendation-area li{
	font-size: 22px;
	font-weight: bold;
	line-height: 1.65em;
	text-indent: -1em;
	padding-left: 1em;
}
#outline-area{
	background-color: #DFDFD0;
	text-align: left;
	overflow: hidden;
	padding-bottom: 20px;
}
#outline-area #about-area{
	float: left;
	width: 50%;	
}
#outline-area #about-area h2{
	background-color: #000000;
	font-size: 26px;
	font-weight: bold;
	color: #FFF;
	text-align: left;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 100%;
	text-indent: 20px;
}
#outline-area #about-area ul{
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 10px;
	padding-left: 20px;
}
#curriculum-area{
	background-color: #DFDFD0;
}
#curriculum-area h2{
	background-color: #000000;
	font-size: 26px;
	font-weight: bold;
	color: #FFF;
	text-align: left;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 100%;
	text-indent: 20px;
}
.Curriculum h3 {
	margin-bottom: 45px;
}
.Curriculum p{
	font-weight: normal;
	font-size: 16px;
	line-height: 1.8em;
}
.Curriculum {
	position: relative;
	padding: 35px;
}
.Curriculum .curriculum__List li{
	font-size: 22px;
	line-height: 2em;
	font-weight: normal;
}
.Curriculum__img {
	position: absolute;
	top: 1%;
	right: 2%;
}
.curriculum__List {
	display: flex;
	gap: 40px;
}
.Curriculum .curriculum__List li.no3{
		line-height: 1.2em;
			margin-bottom: 2px;
}
.Curriculum .curriculum__List li.no4{
	padding-left: 85px;
		line-height: 1em;
			margin-bottom: 10px;
}
.Curriculum .curriculum__List li.no8{
	padding-left: 92px;
		line-height: 1.2em;
			margin-bottom: 2px;
}
.Course__List{
	padding-bottom: 15px;
	padding-right: 10px;
	padding-left: 20px;
}
#Course-area .Course__List li{
	font-size: 22px;
	line-height: 1.5em;
}
#Course-area .Course__List li.listKomeS {
	font-size: 14px;
}
#Course-area h3{
	margin-bottom: 17px;
}
.SetCourse {
	padding: 40px 35px 15px 35px;
}
.SetCourse p{
	margin-bottom: 10px;
}
.eLearning {
	padding: 40px 35px;
}
.TitleBlue {
	font-size: 26px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1.35em;
	background-color: #5EA9B9;
	border-radius: 100vh;
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
.eLearning {
	padding-top: 30px;
}
.eLearning__Item h3{
	width: 100%;
	text-align: center;
}
.eLearning__box {
	display: flex;
	justify-content: space-between;
	gap: 10px;
}
.eLearning__box + .eLearning__box{
	margin-top: 35px;
}
.eLearning__Item--01 {
	width: 55%;
}
.eLearning__Item--02 {
	width: 45.5%;
}
.eLearning__Item--movie {
	width: 45.5%;
}
.eLearning__Item--02 h3 {
	width: 90%;
	margin-top: 15px;
}

.Memo-center {
	margin-bottom: 20px;
	text-align: center;
}
.Memo-center ul.Memo,.Memo-center {
	display: table;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
ol.NumMemo li {
	font-size: 14px;
	text-indent: -2em;
	padding-left: 2em;
	padding-bottom: 0;
}
.eLearning #movie-sample{
	position: relative;
	padding-top: 56.25%;
}
.eLearning #movie-sample iframe{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
}
.eLearning #movie-sample p{
	text-align: center;
	margin-top: 10px;
}
#Comparison-area{
	background-color: #DFDFD0;
}
.Comparison {
	padding: 40px 35px;
}
#voice-area{
	background-color: #FCC99C;
	text-align: center;
	padding-bottom: 40px;
}
#voice-area h1{
	font-size: 36px!important;
	font-weight: bold;
	line-height: 1.2em!important;
	margin-top: 40px;
	margin-bottom: 40px;
	color: #AC4B13;
}
#voice-area .point{
	text-align: left;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	margin-top: 10px;
}
#voice-area .point p{
	margin-bottom: 10px;
}
#voice-area h2{
    background-color: #D96D00;
	font-size: 32px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 100%;
}
#voice-area p.kikan{
	font-size: 16px;
	color: #D96D00;
	text-align: center;
	padding-top: 4px;
}
#voice-area .movie-interview{
	text-align: center;
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	margin-top: 10px;
}
#voice-area h3{
	font-size: 26px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1.35em;
	margin-top: 40px;
	background-color: #F79608;
	border-radius: 100vh;
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#voice-area h4{
	font-size: 22px!important;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
}
#voice-area .interview{
	text-align: left;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	margin-top: 10px;
}
#voice-area .interview ul{
	line-height: 1.5em;
}
#voice-area .interview ul li.q-txt{
	font-weight: bold;
	color: #AC4B13;
}
#voice-area .hata{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	margin-top: 20px;
	overflow: hidden;
}
#voice-area .hata-photo{
	width: 340px;
	float: right;
}
#voice-area .hata-photo img{
	width: 340px;
}
#voice-area .hata-txt{
	text-align: left;
	width: 520px;
	float: left;
}
#voice-area .hata ul li.t-txt{
	font-weight: bold;
	color: #AC4B13;
	margin-top: 15px;
	font-size: 1.2em;
}
#voice-area .hata-txt a{
	font-weight: bold;
}
#voice-area .movie-txt{
	font-size: 18px;
	line-height: 1.5em;
}
#voice-area .voice{
	font-size: 20px;
	line-height: 1.5em;
	border-radius: 20px 20px 20px 20px;
	background-color: #FFF;
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 7px;
	margin-bottom: 7px;
	font-weight: bold;
}

#instructor-area{
	background-color: #BBE3E0;
	text-align: center;
	padding-bottom: 40px;
}
#instructor-area h2{
    background-color: #498491;
	font-size: 32px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 100%;
}
#instructor-area .movie-message{
	text-align: center;
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	margin-top: 20px;
}
#instructor-area .person{
	margin-right: auto;
	margin-left: auto;
	width: 850px!important;
	text-align: left;
	clear: both;
}
#instructor-area .person .personBlock-imageLeft {
	width: 200px!important;
}
#instructor-area h3{
	font-size: 26px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 1.35em;
	margin-top: 40px;
	background-color: #5EA9B9;
	border-radius: 100vh;
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.table10 {
	border-collapse: collapse;
	background-color: #FFF;
	margin-top: 20px;
}
.table10 th {
	border: 1px solid #5EA9B9;
	text-align: center!important;
	padding: 7px;
}
.table10 td {
	border: 1px solid #5EA9B9;
	padding: 7px;
	text-align: center;
	vertical-align: middle;
}
.table10 tr td .maruL {
	font-size: 20px!important;
}
.scrollTable table{ width:900px; margin-right: auto; margin-left: auto; }
.scrollTable{ overflow: auto; white-space: nowrap; margin-bottom: 10px;}
.scrollTable::-webkit-scrollbar{ height: 5px; }
.scrollTable::-webkit-scrollbar-track{ background: #fff; }
.scrollTable::-webkit-scrollbar-thumb { background: #fff; }
.txtRight {
	text-align: right;
}
.bgColor-ema {
	background-color: #DBF9E8;
}
.bgColor-th {
	background-color: #f1f1f1;
}
.txtColor-ema {
	color: #F60;
}
.txtKome-s {
	font-size: 14px;
	line-height: 1.5em;
	text-align: center;
	width: 90%;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
#Course-area .strong-point li {
	font-size: 18px;
	font-weight: bold;
	text-indent: -1em;
	padding-left: 1em;
}
#flow-area{
	background-color: #DFDFD0;
	text-align: center;
	padding-bottom: 40px;
}
#flow-area h2{
    background-color: #000000;
	font-size: 32px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 100%;
}
#flow-area h3{
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 17px;
	text-align: left;
}
#flow-area p{
	line-height: 1.65em;
}
#flow-area p a{
	color: #0FA1C3;
	text-decoration: underline;
}
#flow-area li a{
	color: #0FA1C3;
	text-decoration: underline;
}
#flow-area .howto-area{
	padding: 35px;
	text-align: left;
}
#flow-area .howto-area ul{
	margin-top: 25px;
}
#flow-area .howto-area li{
	line-height: 1.65em;
}
#flow-area .howto-area li span{
	text-decoration: underline;
}
#flow-area .app-area{
	padding: 0px 35px 40px 35px;
	text-align: center;
}
#flow-area .app-area .app-point{
	text-align: center;
	background-color: #3768B1;
	width: 40%;
	padding-top: 14px;
	padding-bottom: 14px;
	font-size: 24px;
	font-weight: bold;
	color: #FFF;
	margin-right: auto;
	margin-left: auto;
}
#flow-area .app-area img{
	text-align: center;
	width: 108px;
	margin-top: 7px;
	margin-bottom: 20px;
	height: 72px;
}
#flow-area .app-area p.koko{
	text-align: center;
	font-size: 20px;
	line-height: 1.35em;
	color: #3766B1;
	padding-top: 20px;
	padding-bottom: 12px;
	font-weight: bold;
}
#flow-area .app-area p.kokos{
	text-align: center;
	font-size: 14px;
	line-height: 1.35em;
	padding-top: 7px;
	padding-bottom: 15px;
}
#flow-area .app-area p.kokon{
	text-align: center;
	font-size: 20px;
	line-height: 1.35em;
	padding-top: 20px;
	padding-bottom: 12px;
	font-weight: bold;
}
#flow-area .app-area p.kokos span{
	color: #D93600;
}
#flow-area .app-area p.look{
	text-align: center;
	font-size: 16px;
	line-height: 1.35em;
	color: #D93600;
	padding-top: 20px;
	padding-bottom: 12px;
}
#flow-area .app-area ul{
	text-align: left;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
}
#flow-area .app-area li{
	line-height: 1.65em;
}
#flow-area .app-area li.t-bold{
	font-weight: bold;
}
.w38p{
	width: 38%;
}
.w60p{
	width: 60%;
}
.w80p{
	width: 80%;
}
.w88p{
	width: 88%;
}
#flow-area .nintei-area{
	padding: 35px;
	text-align: left;
	overflow: hidden;
}
#flow-area .nintei-area .nintei-txt{
	float: left;
	width: 540px;
	margin-left: 30px;
	line-height: 1.65em;
}
#flow-area .nintei-area .nintei-img{
	float: right;
	width: 300px;
}
#flow-area .nintei-area .nintei-img img{
	width: 300px;
	height: 177px;
}
.btn-area{
	padding-bottom: 35px;
}
.btn-col02 {
	display: flex;
	margin-top: 35px;
	width: 100%;
	margin: 0 auto;
}
p.btn-txt{
	padding-top: 15px;
	text-align: center;
}
p.btn-txt+p.btn-txt {
	padding-top: 10px;
}
p.btn-txt span{
	color: #D93600;
}
#tool-area{
	background-color: #FCC99C;
	text-align: center;
	padding-bottom: 40px;
}
#tool-area h2{
    background-color: #D96D00;
	font-size: 32px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 100%;
}
#tool-area h3{
	font-size: 22px!important;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 30px;
}
#tool-area .hata{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	margin-top: 20px;
	overflow: hidden;
}
#tool-area .hata-photo{
	width: 340px;
	float: right;
}
#tool-area .hata-photo img{
	width: 340px;
}
#tool-area .hata-txt{
	text-align: left;
	width: 520px;
	float: left;
}
#tool-area .hata ul li.t-txt{
	font-weight: bold;
	color: #AC4B13;
	margin-top: 15px;
	font-size: 1.2em;
}
#tool-area .hata-txt a{
	font-weight: bold;
}
#inquiry-area{
	text-align: left;
	background-color: #DFDFD0;
	padding-bottom: 40px;
}
#inquiry-area h2{
    background-color: #000000;
	font-size: 32px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 100%;
}
#inquiry-area h3{
	margin-left: 35px;
}	
#inquiry-area li{
	text-align: left;
	line-height: 1.65em;
	font-weight: bold;
	margin-left: 35px;
}	
#inquiry-area li.kobetsu{
	font-size: 14px;
	padding-bottom: 10px;
}
#inquiry-area #guide{
	border: 1px solid #3890CF;
	width: 88%;
	margin-right: auto;
	margin-left: auto;
	padding: 20px;
	text-align: left;
	background-color: #DBF9E8;
	margin-bottom: 35px;
	margin-top: 35px;
}
#inquiry-area #guide h4{
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 12px;
}
#inquiry-area #guide p{
	line-height: 1.5em;
}
#inquiry-area #guide p a{
	color: #0FA1C3;
	text-decoration: underline;
}
#inquiry-area #guide h5{
	font-size: 15px;
	padding-top: 10px;
	font-weight: bold;
}
#main-area{ background-color: #ddd; }
#main-area .master{ width: 100%; max-width: 830px; margin: 0 auto; }

#main-area h2{ margin-bottom: 5px; text-align: center; font-size: 32px; color: #1287fd; font-weight: bold; }
#main-area h3{ margin-bottom: 5px; padding: 5px; text-align: center; font-size: 26px; color: #1287fd; background-color: #D9ECFF; border: 3px solid #1287fd; font-weight: bold; line-height: 1.3; }
#main-area h4{ width: 95px; padding: 6px 0; text-align: center; background-color: #000; color: #fff; }
#main-area .day{ width: 100%; margin-top: 30px; padding: 0; text-align: left; background-color: #ffffbf; color: #222; font-weight: bold; }
#main-area .day span:nth-of-type(1){ width: 95px; margin-right: 8px; padding: 6px 0; text-align: center; background-color: #000; color: #fff; display: inline-block;}
#main-area .rounded{ padding: 15px 45px; border: 3px solid #1287FD; border-radius: 200px; font-size: 26px; font-weight: bold; text-align: center; line-height: 1.3; background-color: #fff; }
#main-area .voice{ margin-top: 22px; }
#main-area .voice p{ margin-top: 12px; padding: 0 40px; line-height: 1.8; }
#main-area .program{ margin: 25px auto 35px; }
#main-area .program h3{ margin-bottom: 15px; }
#main-area .program ul{ margin-top: 10px; }
#main-area .program ul li{ line-height: 1.5; }
#main-area .program ul li:nth-of-type(n+2){ margin-top: 5px; }
#main-area .program .box{ margin-top: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#main-area .program .box h5{ padding: 5px 0; text-align: center; color: #fff; }
#main-area .program .box>div{ width: 49.5%; background-color: #fff; }
#main-area .program .box>div:nth-of-type(2){ margin-left: auto; }
#main-area .program .box>div:nth-of-type(1) h5{ background-color: #1E81E1; }
#main-area .program .box>div:nth-of-type(2) h5{ background-color: #D96D00; }
#main-area .program .box>div div{ padding: 10px; line-height: 1.65; }
#main-area .program .box>div div p{ padding-left: 1.5em; }
#main-area .program .box>div div p.sub{ text-indent: -1.5em; }
#main-area .program .box>div div p span{ margin-right: 1em; display: inline-block; }

#main-area .download h3{ margin: 0; padding: 9px; font-size: 22px; border: 0; color: #fff; background-color: #0080FF; }
#main-area .download>div{ padding: 10px 0 20px; background-color: #FFDC73; }
#main-area .download>div>.box{ display: -webkit-box; display: -ms-flexbox; display: flex; }
#main-area .download>div>.box>div:nth-of-type(1){ width: 65%; margin-top: 20px; }
#main-area .download>div>.box>div:nth-of-type(2){ width: 35%; display: -webkit-box; display: -ms-flexbox; display: flex; }
#main-area .download>div>.box>div:nth-of-type(1) p{ font-size: 18px; line-height: 1.5; }
#main-area .download>div>.box>div:nth-of-type(1) .btn{ width: 100%; max-width: 450px; margin-top: 23px; }

#main-area figure{ width: 50%; margin: 0; padding: 5px; }
#main-area figure img{ max-width: 100%; }
#main-area .btn{ height: 60px; font-weight: bold; line-height: 60px; font-size: 26px; display: block; color: #fff; border: 3px solid #fff; border-radius: 100px; background: #006DDA; text-align: center; }
#main-area .btn span{ padding-left: 40px; background: url('../img/btn-triangle.svg') 10px 50% no-repeat; }

#main-area .int{ margin: 37px auto 80px; }
#main-area .int h4{ margin-top: 15px; }
#main-area .int .rounded{ margin-top: 15px; }

#main-area .int .reference{ margin-top: 35px; }
#main-area .int .reference .total{ margin: 15px 0 0 15px; font-size: 19px; }
#main-area .int table{ width: 100%; margin: 15px 0 38px; background-color: #eee; }
#main-area .int table .bgyg{ background-color: #D9D900; }
#main-area .int table .bgy{ background-color: #FFFF00; font-weight: bold; }
#main-area .int table .bgo{ background-color: #FFBF00; }
#main-area .int table .right{ text-align: right; }
#main-area .int table th{ padding: 11px; border: 1px solid #000; }
#main-area .int table th:nth-of-type(1){ width: 28%; }
#main-area .int table th:nth-of-type(2){ width: 24%; }
#main-area .int table th:nth-of-type(3){ width: 21%; }
#main-area .int table th:nth-of-type(4){ width: 27%; }
#main-area .int table td{ padding: 11px; border: 1px solid #000; }

#main-area .int .price{ margin-top: 10px; padding: 7px; border: 1px solid #000; font-size: 25px; font-weight: bold; text-align: center; background-color: #ff0; line-height: 1.3; }
#main-area .int .pricelist{ margin-top: 10px; }
#main-area .int .pricelist li{ font-size: 15px; line-height: 1.5; }

#main-area .int .reference .bBox{ margin-top: 60px; }
#main-area .int .reference .bBox h5{ font-size: 23px; font-weight: bold; text-align: center; line-height: 1.5; }
#main-area .int .reference .bBox p{ text-align: center; }
#main-area .int .reference .bBox .btn{ margin: 0 auto; height: 54px; line-height: 54px; }
#main-area .int .reference .bBox .btn01{ width: 100%; margin-top: 10px; }
#main-area .int .reference .bBox .btn02{ max-width: 440px; margin-top: 20px; }
#main-area .int .reference .bBox p{ margin-top: 5px; line-height: 1.5; }
#main-area .as{ margin-top: 5px; font-size: 14px!important; }
.gmailHowto {
	background-color: #FFDC75;
	padding: 20px;
	width: 740px;
	border: 4px solid #0181A1;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 35px;
	line-height: 1.5em;
	text-align: center;
}
.BgYellow {
	background-color:#FFE9A8 ;
}
.BgGreen {
	background-color:#CDF3B0 ;
}
.NinteiBtn {
	padding-left: 35px;
	padding-right: 35px;
}
@media print, screen and (min-width: 751px) {
.sp{ display: none!important; }
#navi-title .navi-name{  }
}

@media screen and (max-width: 750px) {
.pc{ display: none!important; }
#contents #pankuzu p{ padding-left: 10px; padding-right: 10px; }
#page main img{ max-width: 100%; }

#navi-title .navi-name{ padding: 10px; }
#contents{ width: 100%; }
#main-area .master{ padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }
#main-area h2{ font-size: 22px; }
#main-area h4{font-weight: bold; }
#main-area .rounded{ padding: 10px 20px; font-size: 18px; border-radius: 20px; }
#main-area .voice p{ padding: 0; line-height: 145%; }
#main-area h3{ font-size: 18px; text-align: center; }
#main-area h3 span{ display: block; text-align: center; }
#main-area .day{ line-height: 1.5; background-color: transparent; }
#main-area .day span{ padding: 2px 0; }
#main-area .day span:nth-of-type(2){ padding: 5px; display: block; background-color: #ffffbf; }
#main-area .program .box{ margin-top: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
#main-area .program .box>div div{ padding: 5px; }
#main-area .program .box>div{ width: 100%; }
#main-area .program .box>div div p.sub{ text-indent: -1em; }
#main-area .program .box>div div p{ font-size: 15px; line-height: 145%; }
#main-area .download h3{ font-size: 18px; text-align: center; }

#main-area .download>div{ padding: 20px 0; }
#main-area .download>div>.box{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
#main-area .download>div>.box>div:nth-of-type(1){ width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
#main-area .download>div>.box>div:nth-of-type(2){ width: 100%; max-width: 300px; margin: 0 auto; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
#main-area .download>div>.box>div:nth-of-type(1) p{ font-size: 15px; }
#main-area .btn{ padding: 10px 10px; height: auto; font-size: 18px; line-height: 1.5; -webkit-box-sizing: border-box; box-sizing: border-box; }
#main-area .btn span{ padding-left: 30px; background-size: 13px; }
#main-area .download>div>.box>div:nth-of-type(1) .btn{ max-width: 300px; margin: 20px auto 0; }
#main-area .int .reference .total{ margin-left: 0; font-size: 16px; }
#main-area .int .reference .bBox h5{ font-size: 18px; }
#main-area .int .reference .bBox .btn{ height: auto; line-height: 1.5; }
#main-area .int .reference .bBox .btn01 span{ padding-left: 25px; }
#main-area .int{ margin-bottom: 50px; }
#main-area .int table th{ padding: 10px 5px; }
#main-area .int table td{ padding: 10px 5px; }
#main-area .int .price{ font-size: 18px; }
#main-area .int .reference .bBox .btn02{ max-width: 300px; }

#main-area .as{ margin-top: 5px; font-size: 12px;!important }

/*2021.08追加分*/
#top-area h2{ font-size: 20px; }
#top-area h1{ margin: 30px 0; font-size: 24px!important; }
#top-area .photoBlock img{ width: 80%; margin-right: auto;  margin-left: auto; }
#top-area .photoBlock{ margin-bottom: 0px!important; }
#top-area img{margin-bottom: 0px;}
#recommendation-area h2{ font-size: 20px; }
#recommendation-area h3{ font-size: 20px; line-height: 1.65em; width: 90%; margin-bottom: 20px;}
#recommendation-area li{ font-size: 18px; }
#recommendation-area li:nth-of-type(n+2){ margin-top: 10px; }
#recommendation-area .photoBlock img{ width: 80%; margin-right: auto;  margin-left: auto; }

.h1Block-subMenu{ width: 100%; padding: 0;}
.basic-page .h1Block-subMenu ul{display: flex; flex-wrap: wrap;}
.basic-page .h1Block-subMenu ul li{ width: 50%; display: block; padding: 0!important; border: 0; box-sizing: border-box;}
.basic-page .h1Block-subMenu ul li:nth-of-type(2n) a{ border-right:0; }
.basic-page .h1Block-subMenu ul li:last-of-type a{ border-bottom:0; }
.basic-page .h1Block-subMenu ul li a{ padding: 8px 0; border-right: 1px solid #fff;  border-bottom: 1px solid #fff; display: block; }

#curriculum-area h2,#Course-area h2{ text-align: center; font-size: 20px; }
#curriculum-area h3,#Course-area h3{ font-size: 20px; width: 90%; }
.Curriculum{ padding: 20px; }
.Curriculum li.no4{ padding-left: 65px; }
.curriculum__List { display: block; }
.Curriculum .curriculum__List li{ font-size: 18px; }
.Curriculum__img {width: 25%; right: 5%;}
.Memo {padding-left: 0px;}
.TitleBlue { width: 90%; }
.SetCourse,.eLearning{ padding: 20px; }
#Course-area .Course__List li { font-size: 18px; }
.eLearning__Item--02 h3 { width: 100%; }
.eLearning__box { display: flex; flex-direction: column; align-items: center; }
.eLearning__Item--01 { width: 100%; }
.eLearning__Item--02 { width: 100%; }
.eLearning__Item--movie { width: 105%; }
.eLearning #movie-sample{ position: relative!important; width: 100%!important; padding-top: 56.25%!important; margin-top: 20px;}
.eLearning #movie-sample iframe{ position: absolute!important; top: 0!important; right: 0!important; width: 100% !important; height: 100% !important; }
.Comparison {padding: 20px;}
#voice-area h1{ margin: 30px 0; font-size: 24px!important; }
#voice-area h2{ font-size: 20px; }
#voice-area h3{ font-size: 20px; line-height: 1.35em; width: 90%; }
#voice-area .movie-interview{ position: relative!important; width: 94%!important; padding-top: 56.25%!important;
}
#voice-area .movie-interview iframe{ position: absolute!important; top: 0!important; right: 0!important; width: 100% !important; height: 100% !important; }
.movie{ position: relative!important; width: 100%!important; padding-top: 56.25%!important; }
.movie iframe{ position: absolute!important; top: 0!important; right: 0!important; width: 100% !important; height: 100% !important; }
#voice-area h4{ font-size: 20px; }
#voice-area .movie-txt{ font-size: 16px; }
#voice-area h3{ font-size: 20px; }
#voice-area .voice{ width: 85%; }
#voice-area .voice{ font-size: 14px; border-radius: 50px; }
#voice-area h4{ font-size: 20px; }
#voice-area .hata-photo{ width: 100%; float: none; }
#voice-area .hata-photo img{ width: 100%; }
#voice-area .hata-txt{ width: 100%; float: none; }
#instructor-area h3{ font-size: 20px; width: 90%; }
#instructor-area .movie-message{ position: relative!important; width: 94%!important; padding-top: 56.25%!important; }
#instructor-area .movie-message iframe{ position: absolute!important; top: 0!important; right: 0!important; width: 100% !important; height: 100% !important; }
#instructor-area .person{ width: 90%!important; }
#instructor-area .person .personBlock-imageLeft { width: auto!important; }
.scrollTable { margin-right: -20px; }
.scrollTable table{ width:auto; }

#flow-area h2{ font-size: 20px; }
#flow-area h3{ font-size: 18px; }
#flow-area .app-area .app-point{ width: 86%; }
#flow-area .app-area .app-point{ font-size: 18px; }
#flow-area .app-area p.koko{ font-size: 16px; }
#flow-area .app-area p.kokon{ font-size: 16px; }
#flow-area .app-area ul{ width: 100%; }
#flow-area .app-area li.t-bold{ font-size: 14px; }
#flow-area .nintei-area{ padding-top: 0; }
#flow-area .nintei-area .nintei-txt{ width: 100%; margin-left: 0; }
#flow-area .nintei-area{ display: flex; flex-wrap: wrap; }
#flow-area .nintei-area h3{ width: 100%; order: 1; }
#flow-area .nintei-area .nintei-txt{ width: 100%; order: 3; }
#flow-area .nintei-area .nintei-img{ width: 100%; order: 2; }
#btn-area,#flow-area .howto-area,#flow-area .app-area{ padding: 35px 20px; }
.btn-area{ width: 100%; margin: 0 auto;}
.btn-col02 { display: flex; flex-direction: column; align-items: center; }
.gmailHowto { width: auto; }
.NinteiBtn { padding-left: 20px; padding-right: 20px; }
#tool-area h2{ font-size: 20px; }
#tool-area h4{ font-size: 20px; }

#tool-area .hata-photo{ width: 100%; float: none; }
#tool-area .hata-photo img{ width: 100%; }
#tool-area .hata-txt{ width: 100%; float: none; }
#inquiry-area #guide{ width: 80%; padding: 15px;}
#inquiry-area h3{ margin-left: 20px; margin-right: 20px; }	
#inquiry-area li{ margin-left: 20px; margin-right: 20px; }		
}