@charset "utf-8";
/*
Theme Name:
Description: 
Author: エイジェック広報部
License: Copyright AGEKKE GROUP All Rights Reserved.
*/
/* ======================================================
/*               ◆ デフォルト ◆
/* ====================================================== 
/* リセットCSS */
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, address, del, em, img,
small, strong, sub, i,
dl, dt, ol, ul, li, form, label, 
table, caption, tbody, tfoot, thead, tr, th, td, dt, dd,
article, aside, figcaption, figure, 
footer, header, menu, nav, section, time, mark, audio, video {
	background: transparent;
	border: 0;
	letter-spacing: 0.5px;
	margin: 0;
	outline: 0;
	padding: 0;
}
/* font*/
p,h1,h2,ul,ol,body{margin: 0px;padding:0px;color:#373737}
p{font-size:16px;line-height:1.6em}
a {outline: none;font-size:15px;text-decoration:none;transition-property: all;transition: 0.2s linear;color:black}
/*a:hover{text-decoration:none;color:#fff}*/
ul{list-style-type:none}
body{
	font-family: ヒラギノ角ゴシック, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    width:100%;
}
img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border:none;
	margin:0;
	padding:0;
}
h1,h2,h3,h4{margin-bottom:0;margin-top:0;}
h1{
	font-family: ヒラギノ角ゴ StdN W8, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*content*/
.content{
	max-width:1200px;
	margin:0 auto
}
@media screen and (max-width:1250px){
.content{	
	width:90%;
	margin:0 auto;
}
}



/*アンカーリンク調節*/
.anchor {
    display: block;
    padding-top: 80px;
    margin-top: -80px;
}


/*影*/
.shadow {
    box-shadow: 1.5px 1.5px 1.5px 1.5px #8a8a8a;
    -webkit-box-shadow: 1.5px 1.5px 1.5px 1.5px #8a8a8a;
    -moz-box-shadow: 1.5px 1.5px 1.5px 1.5px #8a8a8a;
}
/*i-phone横用処理*/
@media screen and (max-width:700px){
body{
    -webkit-text-size-adjust: 100%;
}
.content{max-width:95%}
}
/*only-pc only-nav*/
@media screen and (min-width:641px){
	.only-mov{display:none}
}
@media screen and (max-width:640px){
	.only-pc{display:none}
	.only-mov{display:block}
}


/*ハンバーガーメニュー*/
@media screen and (min-width:1025px){
	.header_top .only-mov{display:none}
}
@media screen and (max-width:1024px){
	.header_top .only-pc{display:none}
	.header_top .only-mov{display:block}
}




/*float*/
.fro {float: left;}
.fro-r{float: right;}
.over-f {overflow: hidden;}
.top-1{margin-top:1%}
.top-2{margin-top:2%}
.top-3{margin-top:3%}
.top-5{margin-top:5%}
.top-8{margin-top:8%}
.top-10{margin-top:10%}
.btm-1{margin-bottom:1%}
.btm-2{margin-bottom:2%}
.btm-3{margin-bottom:3%}
.btm-4{margin-bottom:4%}
.btm-5{margin-bottom:5%}
.btm-10{margin-bottom:10%}
.btm-15{margin-bottom:15%}
.btmp-5{padding-bottom:5%}
.btmp-10{padding-bottom:10%}
.btmp-15{padding-bottom:15%}
.btm-7{margin-bottom:7%}
.btm-8{margin-bottom:8%}
.btm-10{margin-bottom:10%}
.btm-13{margin-bottom:13%}
.btm-20{margin-bottom:20%}
.mar-r1{margin-right:1%}
.mar-r2{margin-right:2%}
.mar-r4{margin-right:4%}
.mar-r5{margin-right:5%}
.mar-r10{margin-right:10%}
.topp-50p{padding-top:50px;}
.topp-70p{padding-top:70px;}
.topp-3{padding-top:3%;}
.topp-8{padding-top:8%;}
.topp-10{padding-top:10%;}
.topp-15{padding-top:15%;}
.wid-3{width:3%}
.wid-4{width:4%}
.wid-10{width:10%}
.wid-20{width:20%}
.wid-25{width:25%}
.wid-15{width:15%}
.wid-35{width:35%}
.wid-40{width:40%}
.wid-45{width:45%}
.wid-48{width:48%}
.wid-50{width:50%}
.wid-60{width:60%}
.wid-70{width:70%}
.wid-75{width:75%}
.wid-80{width:80%}
.wid-100{width:100%}
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.between{justify-content: space-between;}
/*背景色*/
.back-white{background-color:white}
.back-gray{background-color:#b3a9a0}
/*文字*/
.font-b{font-weight:bold}
.font-w{color:white}
.font-red{color:#f00}
.font-y{
	color:#FFFF00;
	font-family: A-OTF 新丸ゴ Pro, Helvetica neue, Helvetica, Arial, Roboto, "Droid Sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", sans-serif;
    font-size: 15px;
}
/*文字サイズ*/
.font-s07{font-size:0.7em}
.font-s08{font-size:0.8em}
.font-s15{font-size:1.5em}
.font-s2{font-size:2em}
.font-s3{font-size:3em}
h1,h2{
    font-family: ヒラギノ角ゴ StdN W8, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*間隔あける*/
.pad{
	padding:3% 0%;
}
@media screen and (max-width: 1200px){
.pad{
	padding:5% 0%;
}
}
@media screen and (max-width: 1024px){
.pad{
	padding:6% 0%;
}
}
@media screen and (max-width:750px){
.pad{
	padding:10% 0%;
    }
}
.body {
    padding-top: 60px;
}
/* --------------------------------------------------- ふわっとアニメーション*/
.fuwat {
	opacity : 0;
	transform: translateY(20px);
	transition: all 2s;
}
@media screen and (max-width: 768px) {
	.fuwat {
  		/*transition: all .5s;*/
		transition: none;
			opacity : 1;
	}
}
@media screen and (max-width: 750px) {
	.fuwat {
  		/*transition: all .5s;*/
		transition: none;
	}
}



/* --------------------------------------------------- 自然に出てくるアニメーション*/
.natural {
    animation-name: fadein;
    animation-duration: 3s;
}
@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}


.fadeIn{
animation-name: fadeInAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeInAnime{
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeUp{
animation-name: fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(50px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}
.flipLeftTop{
animation-name: flipLeftTopAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes flipLeftTopAnime{
  from {
   transform: translate(-20px,80px) rotate(-15deg);
 	opacity: 0;
  }

  to {
   transform: translate(0,0) rotate(0deg);
	opacity: 1;
  }
}
.flipRightTop{
animation-name: flipRightTopAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes flipRightTopAnime{
  from {
   transform: translate(-20px,80px) rotate(25deg);
   opacity: 0;
  }
  to {
   transform: translate(0,1) rotate(0deg);
	opacity: 1;
  }
}
.zoomIn{
	animation-name: zoomInAnime;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
}
@keyframes zoomInAnime{
  from {
	transform: scale(0.6);
	opacity: 0;
  }
  to {
    transform: scale(1);
	opacity: 1;
  }
}
.fadeUpTrigger,
.zoomInTrigger,
.flipLeftTopTrigger,
.flipRightTopTrigger{
    opacity: 0;
}



/* ======================================================
/*               ◆ ヘッダー ◆
/* ====================================================== 

/*--------- navigation ---------*/
nav {
    position: absolute;
    top: 0;
    width: 100%;
	z-index:100;
	background-color: #fff;
	box-shadow: 0 4px 3px rgba(0,0,0,.2);
}
.header_top {
    display: flex;
    justify-content: space-between;
	align-items: center;
    margin: 0 2%;
	height: 70px;
	margin-right: 0;
}


@media screen and (max-width: 640px){
nav {	
	position: fixed;
}
}
@media screen and (max-width: 600px){
.header_top {
	height: 60px;
}
}
.header_top img {
   width: 200px;
}
@media screen and (max-width:780px) {
.header_top img {
   width: 170px;
}
}
@media screen and (max-width:600px) {
.header_top img {
   width: 160px;
}
}
.header_navi ul li.btn-orange{
	 background-color: #ff9330;
}
.header_navi ul li.btn-orange:hover{
	 background-color: #ffa930;
}
.header_navi ul li.btn-orange a{
	display:block;
	padding: 23px 25px;
}
.header_navi ul li.btn-blue {
    background-color: #2372B3;
    margin-right: -6px;
}
.header_navi ul li.btn-blue:hover{
    background-color: #3185ca;
}
    margin-right: -6px;
}
.header_navi ul li.btn-blue:hover{
    background-color: #3b9fdc;
}
.header_navi ul li.btn-blue a{
	display:block;
	padding: 23px 13px;
}

@media screen and (max-width:960px) {
.header_navi ul li.btn-orange{
    padding: 23px 10px;
}
}

.header_navi {
    width: 80%;
}


.header_navi ul{
	text-align: end;
}
.header_navi ul li {
    display: inline-block;
    margin: 0 20px 0 0;
    letter-spacing: 0.05em;
}
@media screen and (max-width:960px) {
.header_navi ul li {
    margin: 0 10px 0 0;
}
}
@media screen and (max-width:700px) {
.header_navi ul li {
    margin: 0 1% 0 0;
}
}

.header_navi ul li a {
    font-size: 15px;
    color: #000;
    font-weight: bold;
}
.header_navi ul li a span {
    display: block;
    font-size: 12px;
    padding: 9% 0 0 0;
    font-weight: normal;
}
.header_navi ul li a:hover {
    color: #024a9b;
}
.header_navi ul li.btn-orange a{
	color:#fff;
}
.header_navi ul li:last-child{
	margin: 0;
    margin-right: 0;
}
@media screen and (max-width: 1090px) {
.header_navi ul li.btn-blue a {
    padding: 23px 5px;
}
.header_navi ul li.btn-orange a {
    padding: 23px 5px;
}
}
@media screen and (max-width:930px){
.header_navi ul li a {
    font-size: 13px;
}
}
@media screen and (max-width:900px){
.is-show .header_top img {
    margin: 2% 0 0 0;
}
}
@media screen and (max-width:950px){
.gnav > li {
    width: 25%;
}
}
.header_navi li.sns{
	width: 11%;
}
.header_navi li.sns ul li.twi{
	margin-right: 20px;
}
.header_navi li.sns ul li i{
    font-size: 1.5em;
}


@media screen and (max-width:1024px) {
.header_top .pc-only {display: none;}
.header_top .sp-only {display: block;}
}


/*nav上部固定*/
.clone-nav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    transition: .3s;
    transform: translateY(-100%);
    background-color: #fff;
}
.is-show {
  transform: translateY(0);
}
.clone-nav .gnav {
    background: #002357eb;
	height: 3rem;
}
.clone-nav .gnav li a {
    height: 3rem;
    line-height: 3rem;
    background: #143464;
}
.clone-nav .gnav li:hover > ul > li {
    height: 3rem;
}
.clone-nav .gnav li ul.nav_serbtn_small li a:hover {
    background: #228bc8;
}
@media screen and (max-width:640px) {
.clone-nav.clone-nav {
  display:none;
}
}
/*スマホ用ハンバーガーメニュー*/

.menu-btn {
    position: fixed;
    right: 10px;
    top: 10px;
    display: flex;
    height: 40px;
    width: 40px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    background: linear-gradient(45deg, #2372b3, #0693e3);
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}
#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}
#menu-btn-check {
    display: none;
}
.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 80;
    background-color: #3584bb;
}
.menu-content ul {
    padding: 130px 50px 0;
    width: 100%;
}
.menu-content ul li {
    border-bottom: solid 1px #ffffff4f;
    list-style: none;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 16px;
    box-sizing: border-box;
    color: #ffffff;
    text-decoration: none;
    padding: 18px 15px 15px 0;
    position: relative;
}
.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate( 45deg);
    position: absolute;
    right: 11px;
    top: 20px;
}
.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;
    z-index: 80;
    background: #1f599a;
    transition: all 0.5s;
}
#menu-btn-check:checked ~ .menu-content {
    left: 0;/*メニューを画面内へ*/
}





/* ======================================================
/*               ◆ タイトル見出し ◆
/* ====================================================== 
/*共通*/
h2{
    position: relative;
    margin-bottom: 1em;
}
h2:before {
    content: '';
    position: absolute;
    bottom: -30px;
    display: inline-block;
    width: 40px;
    height: 4px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #024a9b;
    border-radius: 2px;
}
@media screen and (max-width: 640px){
h2:before {
    bottom: -15px;
    width: 30px;
}
}
h2{
	position: relative;
    margin-bottom: 1em;
    font-size: 2.5em;
	line-height: 45px;
}
h2 span{
	display:block;
	font-size:18px;
}

@media screen and (max-width: 800px){
h2{	
	font-size: 30px;
}
}
@media screen and (max-width: 640px){
h2 {
    font-size: 6vw;
    margin-bottom: 9%;
    line-height: 1.2em;
    font-weight: 500;
}
h2 span {
    font-size: 4vw;
}
}
@media screen and (max-width: 400px){
h2:before {
    bottom: -9px;
    width: 18px;
    height: 2px;
}
}
/* ======================================================
/*               ◆ コンテンツ ◆
/* ====================================================== 
/*トップ*/
.top{
   position: relative;
}
.top .top-content {
    max-width: 1100px;
	margin:0 auto;
}
.top .top-title {
    position: absolute;
    width: 100%;
    top: 15%;
    left: 10%;
}
.top .top-title p{
	color: #fff;
    text-shadow: 0px 0px 12px #5bb1f7;
    font-size: 4.7vw;
    font-weight: bold;
     line-height: 1em;
}
.top .top-title p span{
	font-size: 2.8vw;
}
.top .top-title p.smallbusiness {
    font-size: 3vw;
    border: 1px solid #fff;
    padding: 10px;
    display: inline-block;
}
.top .top-title p.top_text {
    font-size: 1.5vw;
    line-height: 1.5em;
    margin: 1% 0 0;
}
.top .top-title p.top_text span {
    font-size: 1.5vw;
    color: #f5ff12;
}
.top .top-title ul {
    margin:0 0 3% 0;
}
.top .top-title ul li {
    display: inline-block;
    background-color: #fff;
    color: #373737;
    font-weight: bold;
    margin: 0 8px;
    padding: 1%;
    font-size: 1.3vw;
    border-radius: 300px;
    text-align: center;
    color: #000;
    position: relative;
}
.top .top-title ul li:before {
    content: "";
    position: absolute;
    top: 95%;
    left: 50%;
    margin-left: -11px;
    border: 10px solid transparent;
    border-top: 15px solid #ffffff;
}
.top .top-title ul li span {
    display: block;
    color: #2372B3;
}
.top .top-img{
	position: absolute;
    top: 9%;
    right: 25%;
    width: 34%;
}
.top .main-image {
    margin-top: -12px;
}
.top .main-image img{
	width:100%;
}
.top .contact-btn a.btn-c {
    font-size: 2vw;
}
.top .course_date_box {
    position: absolute;
    right: 3%;
    bottom: 20%;
}
.top .course_date_box ul {
    display: flex;
    justify-content: center;
}
.top .course_date_box ul li {
    background: #fff;
    margin: 3%;
    padding: 1% 20px 2%;
    width: 16vw;
    filter: drop-shadow(2px 3px 4px #333);
}
.top .course_date_box ul li:nth-child(1) {
    border-top: 12px solid #AAD5A1;
}
.top .course_date_box ul li:nth-child(2)  {
    border-top: 12px solid #F7D99E;
}
.top .course_date_box ul li h2 {
    font-size: 1.3vw;
    text-align: center;
    margin: 3% 0 4%;
    color: #39AB22;
}
.top .course_date_box ul li:nth-child(2)  h2 {
    color:#FFBC37;
}
.top .course_date_box ul li h2:before {
    display:none;
}
.top .course_date_box ul li ul {
    display: block;
}
.top .course_date_box ul li ul li {
    margin: 0;
    padding: 5px 0;
    text-align: center;
    font-size: 1.4vw;
    font-weight: bold;
    filter: none;
    letter-spacing: 0;
    border-bottom: 2px dashed #e0e0e0;
}
.top .course_date_box ul li ul li.small_mounth {
    font-size: 1.2vw;
}
.top .course_date_box ul li ul li span {
    font-size: 0.8vw;
    letter-spacing: 0;
}
.top .course_date_box ul li ul li:nth-child(1){
	border-top:none;
}
.top .course_date_box ul li ul li:nth-child(2){
	border-top:none;
}
.top .course_date_box ul li p {
    text-align: center;
    margin: 5% 0 4%;
    font-size: 1vw;
}
.top .course_date_box ul li .course_application_btn {
    text-align: center;
}
.top .course_date_box ul li .course_application_btn a {
    color: #fff;
    font-weight: bold;
    background: #39AB22;
    padding: 10px;
    display: block;
    font-size: 1.2vw;
}
.top .course_date_box ul li:nth-child(2) .course_application_btn a {
    background: #FFBC37;
}
@media screen and (max-width: 3500px){
    .top .top-title {
        left: 7%;
    }
.top .contact-btn a.btn-c {
    font-size: 1.5vw;
}
}
@media screen and (max-width: 1920px){
.top .top-img{
    top: 10%;
    right: 18%;
    width: 40%;
}
}
@media screen and (max-width: 1500px){
.top .content {
    max-width: 1200px;
}
}
@media screen and (max-width: 1250px){
.top .content {	
	width:90%;
	margin:0 auto;
}
}
@media screen and (max-width: 1000px){
.top .course_date_box ul li {
    margin: 2%;
    padding: 1% 10px 2%;
    width: 16vw;
}
}
@media screen and (max-width: 640px){
.top .top-img {
    position: unset;
	width: 85%;
    margin: 0 auto;
}
.top .top-title ul li {
    width: 33%;
    text-align: center;
    margin-bottom: 15px;
    padding: 5px 15px;
}
.top .top-title ul li {
    font-size: 15px;
    width: 37%;
    padding: 5px 5px;
    margin: 0 5px;
    margin-bottom: 8px;
}	
.top .top-title p {
    font-size: 10vw;
    line-height: 50px;
    margin: 3% 0 6%;
}
.top .top-title {
    top: 6%;
    left: 0%;
    text-align: center;
}
.top .top-title p span {
    font-size: 7vw;
}
.top .contact-btn a.btn-c {
	display:none;
}
.top .top-title p.smallbusiness {
    padding: 0 10px;
    margin: 4% 0 2%;
}
.top .top-title ul {
    margin: 0;
}
.top .top-title p.top_text {
    font-size: 3.5vw;
}
.top .top-title p.top_text span {
    font-size: 3.5vw;
}
.top .course_date_box {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.top .course_date_box ul li {
    width: 35vw;
}
.top .course_date_box ul li h2 {
    font-size: 2.8vw;
    margin: 4% 0;
}
.top .course_date_box ul li ul li span {
    font-size: 2.5vw;
}
.top .course_date_box ul li ul li {
    font-size: 3.5vw;
}
.top .course_date_box ul li p {
    font-size: 2.5vw;
}
.top .course_date_box ul li .course_application_btn a {
    font-size: 2.5vw;
    padding: 5px;
}
.top .course_date_box ul li ul li.small_mounth {
    font-size: 3.2vw;
}
}
@media screen and (max-width: 500px){
.top .top-title p.smallbusiness {
    line-height: 2.2em;
    margin: 0;
}
.top .top-title p {
    margin: 2% 0 4%;
}
.top .course_date_box {
    bottom: -16%;
}
.top .top-title ul {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.top .top-title ul li {
    width: 55%;
    margin-bottom: 12px;
    font-size: 3vw;
}

.top .top-title ul li:before {
    content: "";
    position: absolute;
    top: 95%;
    left: 52%;
    margin-left: -11px;
    border: 7px solid transparent;
    border-top: 11px solid #ffffff;
}
.top .main-image {
    margin-top: 5px;
}
.top .top-title {
    top: 11%;
}
}
@media screen and (max-width: 400px){
.top .top-title p {
    margin: 0;
}
}
/*化学物質管理者講習とは*/
.chemical_outline{
	background-color: #fff;
    padding: 5% 0 4%;;
}
.chemical_outline p {
    text-align: center;
    line-height: 2em;
    margin: 7% 0 1%;
}
.chemical_outline p span {
    color: #2372B3;
    background: #FFFFE5;
    font-weight: bold;
}
@media screen and (max-width: 640px){
.chemical_outline {
    padding: 8% 0 4%;
}
}
/*選ばれる理由*/
.reason .obi{
	padding: 2% 5%;
    background-color: #024a9b;
	position:relative;
}
.reason .obi h2{
	color: #fff;
    font-weight: bold;
    font-size: 1.5em;
	margin-bottom: 0;
}
.reason .obi h2 span{
	color: #ffef00;
    font-size: 1.3em;
    padding: 0 5px;
	display: inline-block;
}
.reason .obi h2:before{
	display:none;
}
.reason {
    padding: 3% 5%;
    background-color: #EBF4FB;
    border-top: 20px solid #2372B3;
}
.reason ul {
    display: flex;
    flex-wrap: wrap;
}
.reason ul li {
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    width: 48%;
    margin-right: 3%;
    padding: 3% 3%;
    box-sizing: border-box;
    margin-top: 3%;
    height: 230px;
    position: relative;
    filter: drop-shadow(2px 4px 6px #AEC3D3);
    display: flex;
    align-items: center;
    justify-content: center;
}
.reason ul li:nth-child(1){
	width:100%;
	margin-right: 0%;
}
.reason ul li:nth-child(2){
	margin-right: 3%;
}
.reason ul li:last-child{
	margin-right: 0%;
}
.reason ul li .abu{
	position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
    left: 0;
    background-color: #024a9b;
    color: #fff;
    font-weight: bold;
    padding: 10px;
    box-sizing: border-box;
    font-size: 20px;
}
.reason ul li .text {
    text-align: center;
    width: 100%;
}
.reason ul li .text{
	text-align:center;
}
.reason ul li .text h3 {
    color: #373737;
    font-size: 1.4em;
    margin-bottom: 5px;
}
.reason ul li .text h3 span {
    color: #2372B3;
    font-size: 1.3em;
}
.reason ul li:nth-child(1) ul{
    display: flex;
}
.reason ul li:nth-child(1) ul li {
    padding: 10px;
    background: #6790B1;
    height: auto;
    width: 23%;
    margin: 2% 1% 0;
    color: #fff;
    font-weight: bold;
    line-height: 1.4em;
}
.reason ul li .img{
	width: 60%;
    margin-right: 5%;
}

@media screen and (max-width: 1024px){
.reason ul li.text h3{
    font-size: 1.4em;
}
.reason ul li:nth-child(1) ul {
    display: flex;
    flex-direction: column;
}
.reason ul li:nth-child(1) ul li {
    width: 100%;
    margin: 5px 0;
}
.reason ul li:nth-child(1) ul li:nth-child(1)  {
    margin: 15px 0 5px;
}
.reason ul li:nth-child(1) {
    height: 460px;
}
.reason ul li {
    height: 340px;
}
}
@media screen and (max-width: 750px){
.reason ul li{
    display: block;
    width: 100%;
	height:auto;
	margin-bottom: 0
}
.reason ul li .flex {
	display: block;
}
.reason ul li .img{
	margin:0 auto;	
	text-align: center;
}
.reason ul li .text h3 {
    text-align: center;
	font-size: 1.3em;
    margin-top: 5%;
}
.reason ul li:nth-child(2) {
    margin-right: 0;
}
.reason ul li .text h3 span {
    display: block;
    font-size: 1em;
}
.reason ul li:nth-child(1) {
    height: auto;
}
.reason ul li .abu {
    width: 35px;
    height: 35px;
    font-size: 12px;
}
}

/*選ばれる理由*/
@media screen and (min-width:751px){
	.merit .only-mov{display:none}
}
@media screen and (max-width:750px){
	.merit .only-pc{display:none}
	.merit .only-mov{display:block}
}
.merit {
    padding: 3% 5%;
}
.merit .flex {
    background-color: #fff;
    display: flex;
    margin-bottom: 2%;
    align-items: center;
}
.merit .flex .text ul li{
	display: flex;
    align-items: center;
}
.merit .inner {
    background-color: #fff;
    padding: 2% 0 0;
}
.merit .inner ul li {
    width: 100%;
    margin-bottom: 0;
}
.merit .inner ul li img {
    width: 30px;
    height: 30px;
    padding: 5px;
}
.merit .inner ul li p {
    display: flex;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-align: left;
    align-items: flex-start;
    line-height: 1.5em;
}
.merit .inner .merit_text {
    margin: 0 2% 0 0;
    width: 80%;
}
.merit .inner ul li p span{
	background: -webkit-linear-gradient(transparent 68%, #ffed00 68%, #ffed00 97%,transparent 100%);
	letter-spacing: 0.1em;
}
.merit .inner .img {
    width: 20%;
    margin: 0 auto;
}
@media screen and (max-width: 995px){
.merit .flex .text h3{
    font-size: 26px;
}	
}
@media screen and (max-width: 985px){
.merit .inner ul li{
	font-size:18px;
}
}
@media screen and (max-width: 845px){
.merit .inner ul li p{	
	display: block;
    text-align: left;
    text-indent: -2em;
}
.merit .inner ul li{
	width: 100%;
	margin:0;
	margin-bottom: 5%;
}
} 
@media screen and (max-width: 845px){
.merit .inner ul{
    width: 70%;
    margin: 0 auto;
}
}
@media screen and (max-width: 750px){
.merit .flex .text p.sub{
    line-height: 30px;
    font-size: 15px;
    font-weight: 100;
}
.merit .flex .text h3 {
    margin-top: -55px;
	font-size: 25px;
}
}
@media screen and (max-width: 640px){
.merit .flex {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.merit .inner .merit_text {
    margin: 0;
    width: 100%;
}
.merit .inner ul li img {
    width: 20px;
    height: 20px;
    padding: 5px;
}
.merit .inner .img {
    margin: 3% 0 2%;
    width: 50%;
}
.merit .inner ul {
    width: 100%;
    margin: 0 auto;
}
}
@media screen and (max-width: 450px){
.merit .inner ul{
	margin-left: 10%;
}
.merit .inner ul li p{	
    font-size: 16px;
    margin-bottom: 15px;
}
.merit .inner ul{
    width: 90%;
}
}



/*お問い合わせコーナーの帯*/
/*.contact-btn img{
	width:100%;
	height: 100%;
}*/
.contact-obi{
	background: url(img/contact-btn.jpg);
    background-size: cover;	
    padding: 2% 0 3%;
}
.contact-btn .content{
	max-width:1000px;
}
.contact-btn .abu{
	display: flex;
	justify-content: space-between;
    align-items: center;
}
.contact-btn .abu .text{
	
}
.contact-btn .abu .text p{
	color:#fff;
	font-weight:bold;
	font-size: 1.3em;
}
.contact-btn .abu .text p.name{
	font-size: 3.5em;
	line-height:65px;
	margin-bottom: 10%;
}
.contact-btn .abu .img{
	width: 35%;
}
@media screen and (max-width: 860px){
.contact-btn .abu .text p.name {
    font-size: 3em;
}
}
@media screen and (max-width: 750px){
.contact-btn .abu .text p.name {
    font-size: 2.5em;
}
}
@media screen and (max-width: 640px){
.contact-btn .abu{	
	display:block;
}
.contact-btn .abu .text {
    text-align: center;
}
.contact-btn .abu .text p {
    font-size: 16px;
}
.contact-btn .abu .text p.name {
    font-size: 3em;
    margin-top: 2%;
    line-height: 45px;
    margin-bottom: 3%;
}
.contact-btn .abu .img {
    width: 75%;
    margin: 0 auto;
}
.contact-obi {
    padding: 10% 0 14%;
}
}
@media screen and (max-width: 570px){
.contact-btn .abu .text p.name {
    font-size: 35px;
}
}


/*その他と主な共通部分は省略*/
.contact-btn a.btn--green {
  color: #fff;
  background-color: #ff9330;
  border: solid #fff 2px;
}
.contact-btn a.btn--green:hover {
  color: #ff9330;
    background: #ffffff;
    border: solid #ff9330 2px;
}
.contact-btn a.btn--green.btn--cubic {
}
.contact-btn a.btn--green.btn--cubic:hover {
  margin-top: 3px;
}
.contact-btn a.btn-c {
  font-size: 25px;
  font-weight: bold;
  position: relative;
  padding: 1.2rem 3rem 1.2rem 3rem;
  border-radius: 100vh;
}
.contact-btn a.btn-c i.fa {
  margin-right: 1rem;
}
@media screen and (max-width: 900px){
.contact-btn a.btn-c {
    padding: 0.8rem 3rem 0.8rem 3rem;
}
}


@media screen and (max-width: 640px){
.contact-btn a.btn-c {
    font-size: 16px;
    padding: 15px 30px;
}
}



/*講習詳細*/
.course_details {
    padding: 5% 0 4%;
    background: #EBF4FB;
}
.course_details p {
    text-align: center;
    margin: 6% 0 5%;
}
.course_details .flex {
    display: flex;
}
.course_details .flex li {
    width: 100%;
    margin-right: 3%;
}
.course_details .flex li h3{
	padding:10px;
    text-align:center;
}
.course_details .flex li:nth-child(2){
    margin-right: 0;
}
.course_details .flex li:nth-child(1) h3{
    background:#AAD5A1;
}
.course_details .flex li:nth-child(2) h3{
    background:#F7D99E;
}
.course_details .flex li .course_back {
    background: #fff;
    filter: drop-shadow(2px 4px 6px #AEC3D3);
}
.course_details .flex li .course_back ul {
    margin: 5%;
    height: 280px;
}
.course_details .flex li h4 {
    padding: 10px;
    text-align: center;
    background:#F1F1F1;
}
/*.course_details .flex li:nth-child(2) h4 {
    margin: 77px 0 0 0;
}*/
.course_details .flex li h4 span {
    display: block;
    font-size: 14px;
}
.course_details .flex li .course_back ul li {
    width: 100%;
    margin: 0;
    padding: 0 0 10px 0;
}
.course_details .flex li .course_back ol {
    position: relative;
    margin: 0;
    padding: 10px 30px 20px;
    list-style: none;
    font-weight: bold;
    height: 300px;
}
.course_details .flex li .course_back ol li {
  position: relative;
  margin: 12px 20px 0 24px;
  padding: 0;
  line-height: 1.5;
}
.course_details .flex li .course_back ol {
  counter-reset: li;
}
.course_details .flex li .course_back ol > li:before {
    position: absolute;
    font-weight: bold;
    counter-increment: li;
    content: counter(li) "";
    left: -34px;
    top: -1px;
    width: 24px;
    height: 24px;
    font-size: 14px;
    text-align: center;
    box-sizing: border-box;
    font-weight: bold;
    line-height: 1;
    background: #AAD5A1;
    padding: 6px 0;
}
.course_details .flex li:nth-child(2) .course_back ol > li:before {
    background: #F7D99E;
}
.course_details .flex li .course_back ol a {
  text-decoration: none;
  color: #333;
}
.course_details .flex li .course_back ol a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
.course_details .flex li .course_back ol {
    padding: 0 10px 0 20px;
    font-size: 14px;
  }
.course_details .flex li .course_back ol li {
    margin: 6px 20px 0 8px;
    padding: 0;
  }
.course_details .flex li .course_back ol > li:before {
    font-size: 12px;
    left: -30px;
    top: 0px;
    padding: 4px 0;
    width: 20px;
    height: 20px;
  }
}
.course_details .flex li .course_back table, td, th {
    /*border: 1px solid #595959;*/
    border-collapse: collapse;
    width: 90%;
    margin: 5%;
}
.course_details .flex li .course_back table td {
    border-bottom: 1px solid #707070;
}
.course_details .flex li .course_back table th {
    border-bottom: 1px solid #707070;
    border-right: 1px solid #707070;
    text-align: center;
}
.course_details .flex li .course_back table tr:last-child td {
    border-bottom: none;
}
.course_details .flex li .course_back table tr:last-child th {
    border-bottom: none;
}
.course_details .flex li .course_back td, th {
    padding: 10px;
}
.course_details .flex li .course_back th {
    background: #F2F8F1;
    width: 20%;
}
.course_details .flex li:nth-child(2) .course_back th {
    background: #FDF8ED;
}

.course_details .flex li .course_back .even {
	background: #fbf8f0;
}
.course_details .flex li .course_back .odd {
	background: #fefcf9;
}
@media screen and (max-width: 640px) {
.course_details .flex {
    display: flex;
    flex-direction: column;
}
.course_details .flex li {
    margin: 0 0 3% 0;
}
.course_details .flex li .course_back table, td, th {
    margin: 3%;
}
.course_details .flex li:nth-child(2) h4 {
    margin: 0;
}
.course_details .flex li .course_back ol {
    padding: 15px 40px;
    font-size: 14px;
    height: auto;
}
}

/*講師紹介*/
.instructor{
	padding:5% 0;
	background-color:#fff;
}
.instructor ul {
    display: flex;
    margin: 8% 0 0;
}
.instructor ul li.instructor_img {
    width: 27%;
    margin: 0 3% 0 0;
}
.instructor ul li.instructor_text {
    width: 70%;
}
.instructor ul li.instructor_text h3 {
    font-size: 30px;
    margin: 0 0 3% 0;
}
.instructor ul li.instructor_text h3 span {
    display: block;
    font-size: 18px;
}
.instructor ul li.instructor_text dl{

}
.instructor ul li.instructor_text dl dt {
    background: #F1F1F1;
    padding: 5px 10px;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin: 0 0 10px 0;
}
.instructor ul li.instructor_text dl dd{

}
@media screen and (max-width: 640px) {
.instructor ul li.instructor_text h3 {
    font-size: 25px;
}
.instructor ul li.instructor_text h3 span {
    font-size: 15px;
}
.instructor ul {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.instructor ul li.instructor_img {
    width: 50%;
    margin: 0 0 5% 0;
}
.instructor ul li.instructor_text {
    width: 100%;
}
.instructor ul li.instructor_text h3 {
    margin: 0 0 3% 0;
    text-align: center;
}
}

/* ======================================================
/*               ◆　お申し込み ◆
/* ====================================================== 
/*お申し込み*/
.application {
    padding: 5% 0;
    background-color: #EBF4FB;
    border-top: 20px solid #2372B3;
}
.application ul {
    display: flex;
    margin: 6% 0 0;
    justify-content: center;
}
.application ul li {
    width: 40%;
    background: #fff;
    border-radius: 20px;
    margin: 0 3%;
    position: relative;4
    filter: drop-shadow(2px 4px 6px #AEC3D3);
    position: relative;
    transition: all .3s;
}
.application ul li:hover {
    top: -3px;
    filter: drop-shadow(2px 4px 6px #AEC3D3);
}
.application ul li a {
    display: block;
    padding: 7% 5%;
}
.application ul li:nth-child(1){
	background:#AAD5A1;
}
.application ul li:nth-child(2){
	background:#F7D99E;
}
.application ul li h3 {
    text-align: center;
    font-size: 23px;
    margin: 0 0 13% 0;
}
.application ul li h3 span{
	display:block;
    font-size:15px;
}
.application ul li .fa-position-right {
    position: absolute;
    background: #ffffff;
    width: 15px;
    height: 15px;
    font-size: 15px;
    color: #011864;
    border-radius: 50%;
    display: flex;
    align-items: center;
    padding: 3%;
    justify-content: center;
    -ms-transform: translate(-50%, -50%);
    border-radius: 50px;
    top: 73%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
@media screen and (max-width: 640px) {
.application ul {
    display: flex;
    margin: 6% 0 0;
    justify-content: center;
    flex-direction: column;
}
.application ul li {
    width: 80%;
    margin: 0 auto 5%;
}
.application ul li:nth-child(2) {
    margin: 0 auto;
}
.application ul li h3 {
    font-size: 20px;
}
.application ul li .fa-position-right {
    width: 10px;
    height: 10px;
    font-size: 13px;
    top: 75%;
}
.application ul li h3 span {
    font-size: 12px;
}
.application ul li h3 {
    font-size: 14px;
}
}

/*  フォーム  */
.form-all{
    background-color: #fffde3;
	padding-bottom:5%;
}
.form-all .obi{
	background-color: #ff6d05;
    text-align: center;
    padding: 26px 0;
    position: relative;
}
@media screen and (max-width: 450px){
.form-all .obi{
	margin-bottom: 15%;
}
}



.form-all .obi:after {
    content: "";
    display: block;
    position: absolute;
    top: 99.8%;
    right: 47.5%;
    width: 0;
    height: 0;
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;
    border-top: 35px solid #ff6d05;
    transform: translateX(30px);
}
@media screen and (max-width: 1024px){
.form-all .obi:after {
    right: 45.5%;
}	
}
@media screen and (max-width: 450px){
.form-all .obi:after {
    right: 36.5%;
}	
}



.form-all .obi p {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.1em;
}
@media screen and (max-width: 1024px){
.form-all .obi p {
	font-size: 23px;
}
}
@media screen and (max-width: 450px){
.form-all .obi p {
	font-size: 16px;
}
}


/*フォームここから*/
.form {
    background-color: #FFF;
    border-radius: 20px;
    padding: 4% 5% 5%;
}
@media screen and (max-width: 450px){
.form {
	margin-top:12%;	
}
}

.form-box {
    margin-bottom: 10px;
}
.form .form-box-02 p {
    text-align: left;
    margin: 0 0 1% 0;
    font-weight: bold;
}
.form-box-02 {
    width: 92%;
    margin: 0 auto 20px;
}
.form-box .form_item,.form-box-02 .form_item{   
 border-left: 5px solid #0693e3;
    padding-left: 1%;
    margin-bottom: 2%;
	font-weight: bold;
}
.form-box span.wpcf7-list-item-label{
	font-weight: bold;
}
.form-box .policy-link a{
	font-weight: bold;
}

.form hr{
	margin-bottom: 35px;
}
span.his {
    background: #ff4747;
    padding: 2px 6px;
    color: #ffffff;
    border-radius: 3px;
    margin: 0 0 0 10px;
    font-size: 0.85em;
}
.top_link{
	width: 80%;
    margin: 0 auto;
}
.top_link h2 {
    font-size: 40px;
    color: #1565C0;
    text-align: center;
    letter-spacing: 0.03em;
    font-weight: bold;
    margin: 0 0 5% 0;
}
.wpcf7-form-control.textarea {
    width: 100%;
    padding: 10px 5px;
    font-size: 16px;
    border-radius: 30px;
    border: solid 1px #888;
}
.form-box li {
    display: inline-block;
    vertical-align: top;
    width: 41.5%;
    margin: 1% 4%;
}
.sendbtn input {
    outline: none;
    border: none;
    height: 46px;
    width: 130px;
    background-color:#ff750b;
    color: #FFF;
    cursor: pointer;
    -webkit-appearance: none;
    font-size: 1em;
    font-weight: bold;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    font-family: "Yu Gothic","Montserrat", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "a-otf-midashi-go-mb31-pr6n", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
input, select {
    vertical-align: middle;
}
.sendbtn {
    padding: 15px;
    margin: 0 auto;
    width: 15%;
}
.form p.caution_p{
	text-align:center;
	margin:0 0 5% 0;
}
.wpcf7-spinner{
	display:none!important;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: blue;
    color: #000;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: red;
    color: #000;
}
@media screen and (max-width: 640px){
.form-box-02 {
    width: 100%;
	}
section.contact .fukidashi p {
    font-size: 16px;
    text-align:center;
}
section.contact h2 {
    font-size: 25px;
    margin:0;
}
.sendbtn {
    width: 100%;
}
.sendbtn input {
    outline: none;
    border: none;
    height: 46px;
    width: 100%;
    text-align: center;
}
.form-box li {
vertical-align: top;
    width: 100%;
    margin: 1% 0;
}
section.contact .fukidashi {
    margin: 8% 0 0 0;
    border-radius: 70px;
    padding: 5px 25px;
    width: 75%;
    padding: 4px 0;
}
section.contact .fukidashi span {
    font-size: 18px;
}
	section.contact .illust{
		top:0
	}
}
/*確認ボタン*/
.form .button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    appearance: none;
    cursor: pointer;
    background: #ff6900;
    display: inline-block;
    width: 40%;
    text-decoration: none;
    outline: none;
    border-radius: 5px;
    color: #fff;
    border: none;
    padding: 15px 0;
    margin: 0 1%;
    font-size: 1em;
    letter-spacing: .1em;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
.form .button {
    width: 50%;
    }
}
@media screen and (max-width: 750px) {
.form .button {
    width: 75%;
	margin-top: 5%;
	padding: 10px 0;
    }
}
.form .button:hover{
	background: #ffa400;
}







/* ======================================================
/*               ◆ フッター ◆
/* ====================================================== 
/*footer*/
.new-footer {
    background-color:#fff;
	padding-top:1%;
}
@media screen and (max-width: 750px){
.new-footer {
    padding-top: 5%;
}	
}
.new-footer .hidari {
    width: 21%;
    float: left;
}
@media screen and (max-width: 750px){
.new-footer .hidari {
    float: none;
    width: 70%;
    margin: 0 auto;
    text-align: center;
}	
}
.new-footer .hidari img{
    width: 75%;
}
.new-footer .main-moji {
    width: 45%;
    margin: 0 auto;
    text-align: center;
}
@media screen and (max-width: 750px){
.new-footer .main-moji {
    float: none;
    width: 70%;
    margin: 0 auto;
    margin-top: 20px;
	display: none;
}
}
.new-footer .main-moji img {
    width: 40%;
    margin: 2% 0;
}
@media screen and (max-width: 750px){
.new-footer .main-moji img{
    width: 100%;
}	
}
.new-footer .footer-logo-matome {
    overflow:hidden;
}
/*フッター上段*/
@media screen and (max-width: 750px){
.footer-top .content{
	width:100%;
}
}
.footer-top .footertop-wrap{
	display: flex;
    justify-content: space-between;
    align-items: center;    
}
@media screen and (max-width: 750px){
.footer-top .footertop-wrap{
	display: block;
    overflow: hidden;
	text-align: center;
}
}
.footer-top .footer-logo{
	width: 40%;
}
@media screen and (max-width: 1024px){
.footer-top .footer-logo{
    width: 50%;
}
}
@media screen and (max-width: 750px){
.footer-top .footer-logo{
	width: 95%;
    margin: 0 auto;
	margin-bottom: 10%;
}
}
.footer-top .footertop-wrap .tel-icon {
    position: relative;
    margin: 0px 0 0 40px;
    font-size: 20px;
    display: block;
}
@media screen and (max-width: 750px){
.footer-top .footertop-wrap .tel-icon {
    text-align: center;
	margin-bottom: 15px;
    font-size:15px;
}
}
.footer-top .footertop-wrap .tel-icon::before {
    font-family: FontAwesome;
    content: '\f098';
    font-size: 2em;
    color: #a13e31;
    position: absolute;
    top: 0px;
    left: -40px;
}
@media screen and (max-width: 750px){
.footer-top .footertop-wrap .tel-icon::before {
    font-size: 1.8em;
    top: 6px;
    left: -20px;
}
}
.footer-top .footer-logo a{
	color:#000;
	font-size: 30px;
    font-weight: bold;
	text-decoration: none;
}
.footer-top .footer-logo a:hover{
	text-decoration:none;
}

.footer-top .footer-logo a span{
	font-size: 30px;
    margin-left: 10px;
}
@media screen and (max-width: 750px){
.footer-top .footer-logo a span{
	font-size: 25px;
}
}
.footer-top .footer-logo a span.mini{
	font-size: 20px;
}
@media screen and (max-width: 750px){
.footer-top .footer-logo a span.mini{
	font-size: 15px;
}
}
@media screen and (max-width: 750px){
.footer-menu {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    margin-left: 0;
}
}
.footer-menu ul{
	margin-left: 60px;
    float: left;
}
@media screen and (max-width: 768px){
.footer-menu ul{
	margin-left: 30px;
}
}
@media screen and (max-width: 750px){
.footer-top ul {
    margin-left: 0px;
    width: 50%;
}
}
.footer-menu ul li{
	line-height: 35px;
    color: #000;
    font-family: YakuHanJP,"Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
    font-weight: bold;
	font-size: 18px;
}
@media screen and (max-width: 750px){
.footer-menu ul li{
	text-align: left;
}
}
.footer-menu ul li:before {
    border: 0.5em solid transparent;
    border-left-color: #a13e31;
    content: '';
    display: inline-block;
    vertical-align: middle;
}
.footer-menu ul li a{
    color: #000;
	text-decoration: none;
}
@media screen and (max-width: 750px){
.footer-menu ul li a{
	font-size: 15px;
}
}
@media screen and (max-width: 750px){
.footer-menu ul li:before {
    border: 0.5em solid transparent;
    border-left-color: #a13e31;
    content: '';
    display: inline-block;
    vertical-align: middle;
}
}
.footer-menu ul li a:hover{
	color: #a13e31;
}
.footer-menu p{
	color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    font-family: YakuHanJP,"Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
}
/*フッター下段*/
.new-footer .footer-bottom{
    text-align: center;
    background-color: #000;
    padding: 5px 0;
	margin-top:2%;
}
@media screen and (max-width: 750px){
.new-footer .footer-bottom{
    margin-top: 5%;
}
}
.new-footer .footer-bottom p{
    color:#fff;
	font-size: 12px;
    letter-spacing: 0.1em;
}

/*copyright*/
.fotter-under{
	background-color:#000;
	padding:10px 0;
}
.fotter-under p{
	color:#fff;
	font-size:12px;
}

.all-wrap{
	overflow:hidden;
}


/*404　ページが見つかりません*/
.not-found p.bold{
	color:#333;
	font-weight:bold;
}
.not-found a{
	color: #3474ff;
    font-weight: bold;
    text-decoration: underline;
}
.not-found .mv {
    margin-top: 35px;
}
.not-found .mv .cc {
    background-color: #2372b3;
    padding: 5% 0;
    text-align: center;
}
.not-found .mv .cc p{
    color: #fff;	
}
.not-found .mv .cc h1{
    color: #fff;	
}
.not-found .nakami{
	background-color: #eef9ff;
	padding: 9% 0;
}
/* -------- PageTOPボタン */
#page_top {
    width: 50px;
    height: 50px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    background: #2f2f2f;
    opacity: 0.6;
    z-index: 999;
}
#page_top a {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    text-decoration: none;
}
#page_top a::before {
    font-family: FontAwesome;
    content: '\f106';
    font-size: 25px;
    color: #fff;
    position: absolute;
    width: 25px;
    height: 25px;
    top: -1px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}
@media screen and (max-width: 767px) {
#page_top {
    width: 40px;
    height: 40px;
    right: 10px;
    bottom: 84px;
}
#page_top a {
    width: 40px;
    height: 40px;
}
#page_top a::before {
    font-size: 20px;
    width: 20px;
    height: 20px;
}
}

.top .course_date_box ul li:first-child {
    width: 20vw;
}
.top .course_date_box ul li ul li {
    width: 16vw!important;
}
@media screen and (max-width: 640px) {
.top .course_date_box ul {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.top .course_date_box {
    bottom: -19%;
}
.top .course_date_box ul li:first-child {
    width:35vw;
}
.top .course_date_box ul li ul li {
    width: 35vw!important;
}
}



/*団体受講のご案内*/
section.group{
    padding: 5% 0 4%;
}
section.group p{
    text-align:center;
}
section.group .group_tablebox {
    margin: 3% 0 0;
}
section.group .group_tablebox ul{
	display:flex;
}
section.group .group_tablebox ul li {
    width: 50%;
    margin: 0 3% 0 0;
}
section.group .group_tablebox ul li p {
    text-align: center;
    padding: 10px;
    font-weight: bold;
}
section.group .group_tablebox ul li:first-child p {
    background: #AAD5A1;
}
section.group .group_tablebox ul li:last-child p {
    background: #F7D99E;
}
section.group .group_tablebox ul li:last-child {
    margin: 0;
}
section.group .group_tablebox table{
	
}
section.group .group_tablebox table tr{
	
}
section.group .group_tablebox table tr th {
    font-weight: bold;
    background-color: #dedede;
    width: 20%;
    text-align: center;
}
section.group .group_tablebox table tr td {
    border: 1px solid #ccc;
    padding: 15px 20px;
    font-weight: bold;
    margin: 0;
    width: auto;
}
.group_tablebox p.group_application {
    background: #2372B3;
    width: 50%;
    margin: 1% auto;
    transition:0.5s;
}
.group_tablebox p.group_application:hover {
    background: #358fd9;
    transition: 0.5s;
}
.group_tablebox p.group_application a{
     display:block;
     padding:2%;
     color:#fff;
     font-weight:bold;
}
section.group .group_tablebox ul li:first-child p.text_money {
    background: none;
    padding: 0;
    margin: 0;
    text-align: left;
    font-size: 15px;
    font-weight: 500;
}
section.group .group_tablebox ul li:last-child p.text_money{
    background: none;
    padding: 0;
    margin: 0;
    text-align: left;
    font-size: 15px;
    font-weight: 500;
}
.top .course_date_box ul li h2 span {
    font-size: 1.1vw;
    display: block;
    line-height: 0.5em;
    margin: 0 0 7% 0;
}
.top .course_date_box p.course_date_box_bottomtext{
    color:#fff;
    font-weight:bold;
    text-align:center;
}
.top .course_date_box ul li:nth-child(2) {
    width: 20vw;
}
@media screen and (min-width: 2000px){
.top .course_date_box ul li h2 span {
    line-height: 2em;
}
.top .course_date_box p.course_date_box_bottomtext {
    font-size: 1.2vw;
}
}
@media screen and (max-width: 640px) {
section.group .group_tablebox ul {
    display: flex;
    flex-direction: column;
}
section.group .group_tablebox ul li {
    width: 100%;
    margin: 0 0 2% 0;
}
.group_tablebox p.group_application {
    width: 100%;
}
.top .course_date_box ul li h2 span {
    font-size: 2.5vw;
    line-height: 2em;
    margin: 0 0 4% 0;
}
.top .course_date_box ul {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
}
.top .course_date_box {
    bottom: -12%;
    width: 100%;
}
.top .top-title {
   left: 0;
}
.top .course_date_box ul li:nth-child(2) {
    width: 35vw;
}
}