@charset "utf-8";

/*! destyle.css v4.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.min.css */
*,::before,::after{box-sizing:border-box;border-style:solid;border-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0;transform: rotate(0.05deg);}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0;transform: rotate(0.05deg);}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:500}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:auto;appearance:auto;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer}button:disabled,[type="button"]:disabled,[type="reset"]:disabled,[type="submit"]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type="number"]{-moz-appearance:textfield}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit;border-collapse:collapse}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}

em {font-style: italic;}

html,body{ width:100%;height:100%;-webkit-font-smoothing: antialiased;}
html,body{ }

.over {transition: 0.3s ;}
.over:hover {opacity: 0.5 ;}

/*clearfix*/
.clearfix:after{content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden}
.clearfix{display: inline-block;}
* html .clearfix{height: 1%;}
.clearfix{display:block;}
 


/*========================================
BASIC
=======================================*/

html{-webkit-text-size-adjust:100%; font-size: 62.5%;}
body{font-size: 10px;font-size: 1.0rem; color:#666666; font-family: 'M PLUS Rounded 1c' , "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif, "Lucida Grande"; background: #ffffff; font-weight: 500; }
_::-webkit-full-page-media, _:future, :root body {font-family: 'M PLUS Rounded 1c', "Lucida Grande", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}


/* ios Safari */
@supports (-webkit-touch-callout: none) {body {height: -webkit-fill-available;}}

a{color:#00afcc; text-decoration:none;transform: rotate(0.05deg);}
a:hover{color: #f5ac3c;}

#container {padding: 0; overflow:clip;}
@media screen and (max-width: 768px) {
#container {padding: 0; overflow:hidden;}
}

/* --- page link --- */
.page_link{margin-top: -200px;padding-top: 200px; display:block; z-index: -1;position: relative;}
.pc {}
.sp { display: none;}
@media screen and (max-width: 768px) {
/* --- page link --- */
.page_link{margin-top: -80px;padding-top: 80px; display:block;}
.pc { display: none;}
.sp { display: inherit;}
.over:hover {opacity: 1 ;}
}



.mb_pb_00{margin-bottom: 0!important; padding-bottom: 0!important;}

/* page-top */
#page-top {position: fixed;bottom: 20px;right: 20px;z-index:10000; max-width:50px; height:auto;transition: 0.5s;-webkit-transition: 0.5s}
#page-top img {max-width:50px; height:auto;}
#page-top:hover {transform: translate(0,-10px);}

/* hr */
hr{}

/* icons */
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?cqaudr');
  src:  url('fonts/icomoon.eot?cqaudr#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?cqaudr') format('truetype'),
url('fonts/icomoon.woff?cqaudr') format('woff'),
url('fonts/icomoon.svg?cqaudr#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?kdvy2p');
  src:  url('fonts/icomoon.eot?kdvy2p#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?kdvy2p') format('truetype'),
url('fonts/icomoon.woff?kdvy2p') format('woff'),
url('fonts/icomoon.svg?kdvy2p#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-time:before {
  content: "\e915";
}
.icon-point_check:before {
  content: "\e914";
}
.icon-faq:before {
  content: "\e911";
}
.icon-arrow_right:before {
  content: "\e912";
}
.icon-arrow_left:before {
  content: "\e913";
}
.icon-arrow_circle_right:before {
  content: "\e90e";
}
.icon-arrow_circle_left:before {
  content: "\e900";
}
.icon-arrow:before {
  content: "\e901";
}
.icon-calendar:before {
  content: "\e902";
}
.icon-yen:before {
  content: "\e903";
}
.icon-description:before {
  content: "\e905";
}
.icon-down:before {
  content: "\e910";
}
.icon-mail_def:before {
  content: "\e90f";
}
.icon-home:before {
  content: "\e907";
}
.icon-line:before {
  content: "\e908";
}
.icon-location:before {
  content: "\e909";
}
.icon-open:before {
  content: "\e90a";
}
.icon-search:before {
  content: "\e90b";
}
.icon-check:before {
  content: "\e90c";
}
.icon-facebook:before {
  content: "\e90d";
}
.icon-instagram:before {
  content: "\e904";
}
.icon-mail:before {
  content: "\e906";
}



@media(min-width: 980px){a[href^="tel:"]{pointer-events: none;}}

.txt_idt_1{text-indent: -1em;padding-left: 1em;}
.txt_idt_2{text-indent: -2em;padding-left: 2em;}
.txt_idt_3{text-indent: -3em;padding-left: 3em;}
.txt_idt_4{text-indent: -4em;padding-left: 4em;}

/* bottomspace */
@media(max-width: 768px){
.gap_00 {gap:0!important;}
}

/* bottomspace */
.mb_00 {margin-bottom: 0!important;}
.mb_10 {margin-bottom: 10px!important;}
.mb_15 {margin-bottom: 15px!important;}
.mb_20 {margin-bottom: 20px!important;}
.mb_25 {margin-bottom: 25px!important;}
.mb_30 {margin-bottom: 30px!important;}
.mb_35 {margin-bottom: 35px!important;}
.mb_40 {margin-bottom: 40px!important;}
.mb_45 {margin-bottom: 45px!important;}
.mb_50 {margin-bottom: 50px!important;}
.mb_55 {margin-bottom: 55px!important;}
.mb_60 {margin-bottom: 60px!important;}
.mb_65 {margin-bottom: 65px!important;}
.mb_70 {margin-bottom: 70px!important;}
.mb_80 {margin-bottom: 80px!important;}
.mb_90 {margin-bottom: 90px!important;}
.mb_100 {margin-bottom: 100px!important;}

/* text size*/
.txt_12 {font-size: 1.2rem!important;}
.txt_14 {font-size: 1.4rem!important;}
.txt_16 {font-size: 1.6rem!important;}
.txt_18 {font-size: 1.8rem!important;}
.txt_20 {font-size: 2rem!important;}
.txt_22 {font-size: 2.2rem!important;}
.txt_24 {font-size: 2.4rem!important;}
.txt_26 {font-size: 2.6rem!important;}
.txt_28 {font-size: 2.8rem!important;}
.txt_30 {font-size: 3rem!important;}
.txt_32 {font-size: 3.2rem!important;}
.txt_34 {font-size: 3.4rem!important;}
.txt_36 {font-size: 3.6rem!important;}
.txt_38 {font-size: 3.8rem!important;}
.txt_40 {font-size: 4rem!important;}
.txt_42 {font-size: 4.2rem!important;}
.txt_50 {font-size: 5rem!important;}


@media screen and (max-width: 768px) {
/* bottomspace */
.mb_10 {margin-bottom: 2vw!important;}
.mb_15 {margin-bottom: 3vw!important;}
.mb_20 {margin-bottom: 4vw!important;}
.mb_25 {margin-bottom: 5vw!important;}
.mb_30 {margin-bottom: 6vw!important;}
.mb_35 {margin-bottom: 7vw!important;}
.mb_40 {margin-bottom: 8vw!important;}
.mb_45 {margin-bottom: 9vw!important;}
.mb_50 {margin-bottom: 10vw!important;}
.mb_55 {margin-bottom: 11vw!important;}
.mb_60 {margin-bottom: 12vw!important;}
.mb_65 {margin-bottom: 13vw!important;}
.mb_70 {margin-bottom: 14vw!important;}
.mb_80 {margin-bottom: 16vw!important;}
.mb_90 {margin-bottom: 18vw!important;}
.mb_100 {margin-bottom: 20vw!important;}

/* text size*/
.txt_12 {font-size: 1rem!important;}
.txt_14 {font-size: 1.2rem!important;}
.txt_16 {font-size: 1.4rem!important;}
.txt_18 {font-size: 1.6rem!important;}
.txt_20 {font-size: 1.8rem!important;}
.txt_22 {font-size: 2rem!important;}
.txt_24 {font-size: 2rem!important;}
.txt_26 {font-size: 2rem!important;}
.txt_28 {font-size: 2.2rem!important;}
.txt_30 {font-size: 2.2rem!important;}
.txt_32 {font-size: 2.4rem!important;}
.txt_34 {font-size: 2.6rem!important;}
.txt_36 {font-size: 2.8rem!important;}
.txt_38 {font-size: 3rem!important;}
.txt_40 {font-size: 3rem!important;}
.txt_42 {font-size: 3rem!important;}
}

/* text line-height*/
.txt_l10 {line-height: 1!important;}
.txt_l11 {line-height: 1.1!important;}
.txt_l12 {line-height: 1.2!important;}
.txt_l13 {line-height: 1.3!important;}
.txt_l14 {line-height: 1.4!important;}
.txt_l15 {line-height: 1.5!important;}
.txt_l16 {line-height: 1.6!important;}
.txt_l17 {line-height: 1.7!important;}
.txt_l18 {line-height: 1.8!important;}
.txt_l19 {line-height: 1.9!important;}
.txt_l20 {line-height: 2!important;}

/* text weight*/
.txt_w400 {font-weight: 400!important;}
.txt_w500 {font-weight: 500!important;}
.txt_w600 {font-weight: 600!important;}
.txt_w700 {font-weight: 700!important;}
.txt_w800 {font-weight: 800!important;}

/* text color*/
.c_00afcc {color: #00afcc!important;}
.c_8ec724 {color: #8ec724!important;}
.c_f38470 {color: #f38470!important;}
.c_f48570 {color: #f48570!important;}
.c_666666 {color: #666666!important;}
.c_1b1c80 {color: #1b1c80!important;}
.c_ffffff {color: #ffffff!important;}

/* bg color*/
.bgc_e7f5f2 { background-color: #e7f5f2!important;}
.bgc_fde7e2 { background-color: #fde7e2!important;}


/* 強調*/
.attention {width: auto; display: flex; flex-direction: row; justify-content: center; align-items:center; margin:0 auto;}
.attention:before {content: "＼";font-size: 1.5em; font-weight: 500;}
.attention:after {content: "／";font-size: 1.5em;font-weight: 500;}
       

a.page_btn {width: 100%;max-width: 380px;height: 40px; font-size: 1.6rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row; justify-content: center; align-items:center;background: #f48570;padding: 0 20px 0 20px; border-radius: 30px; position: relative;-webkit-transition: all .3s;transition: all .3s;}
a.app_btn {justify-content: space-between;max-width: 450px;}
a.page_btn i{font-size: 1.2em; position: absolute; right: 20px;}
a.blue {background: #00afcc!important;}
a.apps {background-image: linear-gradient(135deg, rgba(0, 175, 204, 1), rgba(133, 203, 191, 1))!important;}
a.detail {background-image: linear-gradient(135deg, rgba(0, 175, 204, 1), rgba(133, 203, 191, 1))!important;}

a.page_search_btn {width: 100%;max-width: 380px;height: 40px; font-size: 1.6rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row; justify-content: center; align-items:center;background-image: linear-gradient(135deg, rgba(245, 172, 60, 1), rgba(246, 156, 166, 1));padding: 0 20px 0 20px; border-radius: 30px; position: relative;-webkit-transition: all .3s;transition: all .3s;}
a.page_search_btn i{font-size: 1.2em; position: absolute; right: 20px;}
.maxw_200 {max-width: 200px!important;}

@media screen and (max-width: 768px) {
a.page_btn {width: 100%;max-width: 380px;height: 40px; font-size: 1.4rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row; justify-content: center; align-items:center;background: #f48570;padding: 0 15px 0 15px; border-radius: 30px; position: relative;-webkit-transition: all .3s;transition: all .3s;}
a.app_btn {justify-content: space-between;}
a.page_btn i{font-size: 1.2em; position: absolute; right: 20px;}
a.page_search_btn {width: 100%;max-width: 380px;height: 40px; font-size: 1.4rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row; justify-content: center; align-items:center;background-image: linear-gradient(135deg, rgba(245, 172, 60, 1), rgba(246, 156, 166, 1));padding: 0 15px 0 15px; border-radius: 30px; position: relative;-webkit-transition: all .3s;transition: all .3s;}
.maxw_200 {max-width: 380px!important;}
}

@media screen and (min-width: 768px) {
a.page_btn:hover{transform: scale(1.05,1.05);}
a.blue:hover {transform: scale(1.05,1.05);}
a.page_search_btn:hover{transform: scale(1.05,1.05);}
}


.txt_cation {font-size: 1.2rem; line-height: 1.2;text-align: right; padding: 10px 0;}
.txt_cation_mb_00 {font-size: 1.2rem; height: 0; line-height:1;text-align: right; padding: 10px 0 0 0;}


.btn_center {margin: 0 auto;}
.txt_center {text-align: center;}
.txt_left {text-align: left;}
.txt_right {text-align: right;}

/* flex */
main .col_2 {display: flex; justify-content:space-between; align-items: stretch; gap:20px;}
.w_50 {width: 100%; max-width: 50%;}

main .col_2_40 {display: flex; justify-content:space-between; align-items: stretch; gap:40px;}
.w_50 {width: 100%; max-width: 50%;}
.img_inner {text-align: center;}
.img_center {display: flex; justify-content:center; align-items: center; width: 100%; height: 100%;}

@media screen and (max-width: 768px) {
main .col_2 {display: flex; justify-content:flex-start; align-items: center; flex-direction: column; gap:5vw; }
main .col_2_40 {display: flex; justify-content:flex-start; align-items: center; flex-direction: column; gap:5vw; }
.w_50 {width: 100%; max-width: 100%;}
}


.name_img {width: 100%; max-width: 110px; margin: 0 auto;}

@media screen and (max-width: 768px) {
.name_img {width: 100%; max-width: 80px; margin: 0 auto;}
}

.class_select {border: 1px solid #666666; background: #ffffff; border-radius: 5px; padding: 10px;}




/* --- WP pagenation --- */
.pagination{margin:60px 0 0;}
.nav-links{display:flex; flex-direction: row; justify-content: center; align-items: center;}
.pagination .page-numbers{transform: rotate(0.05deg);font-size: 180%; width: 40px; height: 40px; margin-right:10px;color:#666666;border-radius:10px;background:#dcd7d1; display:flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: nowrap;transition: all 0.3s;}
.pagination .page-numbers:hover {background:#00afcc; color: #ffffff;}
.pagination .current{padding:15px;background:#f48570;color:#fff;}
.pagination .current:hover{background:#f48570;color:#fff;}
.pagination .prev,.pagination .next{background:transparent;box-shadow:none;color:#00afcc;width: auto;}
.pagination .prev:hover,.pagination .next:hover{box-shadow:none;color:#f48570;width: auto;background:none;}
.pagination .dots{background:transparent;box-shadow:none;}







/*========================================
実務者研修2026
=======================================*/

/* ヘッダー */
.jitsumusya {height: 48vw; width: 100%; background-image: url("../img/index_slide_07.jpg"); background-position: bottom center; background-size: contain; background-repeat: no-repeat;position: relative; }
.jitsumusya_wrap_01 { width: 100%; display: flex; justify-content:center; align-items: center; flex-direction: column;gap:10px;margin: -50px 0 60px 0 ;}
.jitsumusya_wrap_01::before {content: "＼ 近くの教室と日程を選んで講座を申し込む ／"; width: auto; font-size: 1.8rem; font-weight: 500; color: #f48570;}

.jitsumusya_wrap_01 a.main_search_btn {width: 100%;max-width: 480px;height: 60px; font-size: 1.8rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row; justify-content: center; align-items:center;gap:10px;background-image: linear-gradient(135deg, rgba(245, 172, 60, 1), rgba(246, 156, 166, 1)); position: relative; padding: 0 20px 0 20px; border-radius: 30px; -webkit-transition: all .3s;transition: all .3s; }
.jitsumusya_wrap_01 a.main_search_btn i{font-size: 1.5em;}

.jitsumu_btn_01 {width:90%; max-width: 800px; margin: 0 auto;-webkit-transition: all .3s;transition: all .3s;}
.jitsumu_btn_02 {width:96%; max-width: 800px; margin: 0 auto;-webkit-transition: all .3s;transition: all .3s;}


@media screen and (min-width: 768px) {
a.main_search_btn:hover{transform: scale(1.05,1.05);}
a.main_blue_btn:hover{transform: scale(1.05,1.05);}
a.main_faq_btn:hover{transform: scale(1.05,1.05);}
.jitsumu_btn_01:hover,.jitsumu_btn_02:hover{transform: scale(1.05,1.05);}
}

/* 目次 */
.jitsumu_mokuji {display: none;}

@media screen and (max-width: 955px) {
/* ヘッダー */
.jitsumusya {height: 52vw; width: 100%; background-image: url("../img/index_slide_07.jpg"); background-position: bottom center; background-size: contain; background-repeat: no-repeat;position: relative; }

body.jitsumusya aside{display:none;}
.jitsumusya_wrap_01 { width: 100%; display: flex; justify-content:center; align-items: center; flex-direction: column;gap:10px;margin: 0 0 30px 0 ;}
.jitsumusya_wrap_01 a.main_search_btn {width: 90%;max-width: 480px;}
}

@media screen and (max-width: 768px) {
/* ヘッダー */
.jitsumusya {height: 90vw; width: 100%; background-image: url("../img/index_slide_07_sp.jpg"); background-position: bottom center; background-size: contain; }
.jitsumusya_wrap_01::before {content: "＼ 近くの教室と日程を選んで講座を申し込む ／"; width: auto; font-size: 1.6rem; font-weight: 500; color: #f48570;}

/* 目次 */
.jitsumu_mokuji {display: block; width: 100%; max-width: 100%; height: auto;background-image: linear-gradient(0deg, rgba(132, 202, 190, 0),rgba(132, 202, 190, 0.2) 40%);padding: 0 3% 40px 3%; margin: 0 auto;}
.jitsumu_mokuji_inner {width: 100%; max-width: 850px; height: auto;position: relative; top:0;display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; gap:50px; margin: 0 auto;}
.mokuji_navi {width: 100%; height: auto;display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; gap:0; }
.mokuji_navi::before {content: "目次"; font-size: 1.6rem; font-weight: 700; font-family: 'Roboto Condensed', sans-serif!important;letter-spacing: 0.5em;color: #99dfeb; position: absolute; top: -30px; left: 0;}
.mokuji_navi li {width: 100%; border-bottom: #99dfeb 1px dotted; }
.mokuji_navi li a{width: 100%; height: 100%; font-size: 1.4rem; line-height: 1.2; display: flex;justify-content: space-between; align-items: center; flex-direction: row; gap:15px;-webkit-transition: all .3s;transition: all .3s;padding: 15px 0;}
.mokuji_navi li a:after{content: "\e901";font-family: 'icomoon'; font-size: 1.4rem; color: #99dfeb;-webkit-transition: all .3s;transition: all .3s;}

}


.jitsumusya_wrap_02 {width: 100%; display:flex; justify-content: space-between; align-items: stretch;gap:20px; }
.jitsumusya_wrap_02 > section {width: 100%; display:flex; justify-content: flex-start; flex-direction: column; align-items: center;text-align: center; background: #ffffff; border: 1px solid #f48570;  border-radius: 20px; padding-bottom: 15px; gap:5px;}
.jitsumusya_wrap_02 > section h4 {width:100%; min-height: 40px; font-size:2rem; line-height: 1.2; font-weight: 800; color: #ffffff; display: flex; justify-content: center; align-items: center; border-radius: 20px 20px 0 0;background-image: linear-gradient(135deg, rgba(245, 172, 60, 1), rgba(246, 156, 166, 1)); padding:5px 15px 5px 15px; }
.jitsumusya_wrap_02 > section img {width: 60%;}
.jitsumusya_wrap_02 > section p {line-height: 1.5;}
.jitsumusya_wrap_02 > section p:last-of-type { margin-top: auto;}


.readmore{position: relative;}

.readmore__content{position: relative;max-height: 200px;overflow: hidden;transition: max-height .3s ease;}
.readmore__content::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 100px;background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));pointer-events: none;transition: opacity .3s;}
.readmore.open .readmore__content{max-height: 2000px;}
.readmore.open .readmore__content::after{opacity: 0;}
.readmore__button{margin: 24px auto 0;cursor: pointer;width: 100%;max-width: 250px;height: 40px; font-size: 1.8rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row; justify-content: center; align-items:center;background-image: linear-gradient(135deg, rgba(142, 199, 36, 1), rgba(200, 217, 48, 1)); position: relative; padding: 0 20px 0 20px; border-radius: 30px; -webkit-transition: all .3s;transition: all .3s;}

@media screen and (min-width: 768px) {
.readmore__button:hover{transform: scale(1.05,1.05);}
}

.jitsumusya_btn_wrap {width: 100%; background: #eeffd2; border-radius: 100px; padding: 20px; margin: 0; position: relative;display: flex; flex-direction: row; justify-content: center; align-items:center; gap:20px;}
.jitsumusya_btn_wrap div {width: 30%; max-width: 200px; display: flex; justify-content: center; align-items:center;flex-direction: column; gap:10px;}
.jitsumusya_btn_wrap div:last-of-type {width: 50%; max-width: 400px; }

.jitsumusya_btn_wrap > div:first-of-type::before{content: "＼ 無　料 ／"; width: auto; font-size: 1.6rem; font-weight: 500; color: #00afcc; position: absolute; top:-10px}
.jitsumusya_btn_wrap > div::before{content: "＼ 申込みもこちら ／"; width: auto; font-size: 1.6rem; font-weight: 500; color: #f48570; position: absolute; top:-10px}

.jitsumusya_btn_wrap a.search_btn {width: 100%;height: 60px; font-size: 1.8rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row; justify-content: center; align-items:center;gap:10px;background-image: linear-gradient(135deg, rgba(245, 172, 60, 1), rgba(246, 156, 166, 1)); position: relative; padding: 0 20px 0 20px; border-radius: 30px; -webkit-transition: all .3s;transition: all .3s; }
.jitsumusya_btn_wrap a.search_btn i{font-size: 1.5em;}

.jitsumusya_btn_wrap a.blue_btn {width: 100%; height: 60px; font-size: 1.8rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row;  justify-content: center; align-items:center;gap:10px;background-image: linear-gradient(135deg, rgba(0, 175, 204, 1), rgba(133, 203, 191, 1)); position: relative; padding: 0 20px 0 20px; border-radius: 30px; -webkit-transition: all .3s;transition: all .3s; }
.jitsumusya_btn_wrap a.blue_btn i{font-size: 1.5em;}


@media screen and (min-width: 768px) {
a.main_search_btn:hover{transform: scale(1.05,1.05);}
a.main_blue_btn:hover{transform: scale(1.05,1.05);}
a.main_faq_btn:hover{transform: scale(1.05,1.05);}
.jitsumu_btn_01:hover{transform: scale(1.05,1.05);}
}

.jitsumu_wrap_03 {text-align: center;}
.jitsumu_wrap_03 h6 {margin-bottom: 20px;}
.jitsumu_cardimg {width:80%; max-width: 360px;}


.jitsumu_wrap_04 {display: flex; flex-direction: row; justify-content: space-between;align-items: stretch;flex-wrap: wrap; gap:50px 0;}
.jitsumu_wrap_04 > div {width: 48%; height: auto; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-items:flex-start; gap:20px;padding: 20px 20px 30px 20px; border: #8ec724 2px solid; border-radius: 20px; position: relative;}
.jitsumu_wrap_04 > div .faq_header {width: 100%; margin-top: -60px; display: flex; flex-direction: column;justify-content: center; align-items: center; }
.jitsumu_wrap_04 > div img {width: 120px; }
.jitsumu_wrap_04 > div .faq_header .faq_name {font-size:2rem; line-height: 1.5; font-weight: 600; color: #00afcc; text-align: center;}
.jitsumu_wrap_04 > div .faq_header .faq_name span{display: block;font-size:1.6rem; font-weight: 500; }
.jitsumu_wrap_04 > div ruby rt{font-size: 0.4em;}

.jitsumu_wrap_04 dl {width: 100%;padding: 20px 0 0 0; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-items:flex-start; gap:10px;border-top: 1px dotted #8ec724;}
.jitsumu_wrap_04 dl dt {width: 100%;font-size: 1.8rem; color: #f48570; font-weight: 600;line-height: 1.5; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items:flex-start;gap:5px;}
.jitsumu_wrap_04 dl dd {width: 100%;font-size: 1.6rem;  font-weight: 500; line-height: 1.7; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items:flex-start;gap:5px;}
.jitsumu_wrap_04 dl dt::before {content: "Q.";font-size: 1.8rem; color: #f48570;font-weight: 600;}
.jitsumu_wrap_04 dl dd::before {content: "A.";font-size: 1.8rem; color: #8ec724; font-weight: 600;}
.jitsumu_wrap_04 dl.ruby dt::before {margin-top: 0.8em;}
.jitsumu_wrap_04 dl.ruby dd::before {margin-top: 0.8em;}

.jitsumusya_btn_wrap_sp {display:none;}

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

.jitsumusya_wrap_02 {width: 100%; display:flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; gap:10px; }
.jitsumusya_wrap_02 > section {width: 100%;display:flex; justify-content: flex-start; flex-direction: column; align-items: center;text-align: center; background: #ffffff; border-radius: 10px; padding-bottom: 10px; gap:5px;}
.jitsumusya_wrap_02 > section h4 {width:100%; min-height: 35px; font-size:1.8rem; line-height: 1.2; font-weight: 800; color: #ffffff; display: flex; justify-content: center; align-items: center; border-radius: 10px 10px 0 0;padding:5px 10px 5px 10px; }
.jitsumusya_wrap_02 > section div {width: auto;display:flex; justify-content: center; align-items: center; flex-wrap: nowrap; gap:20px; }
.jitsumusya_wrap_02 > section p {line-height: 1.5;}
.jitsumusya_wrap_02 > section img {width: 76px;}
.jitsumusya_wrap_02 > section p:last-of-type { margin: 0;}

.readmore__content{position: relative;max-height: 160px;overflow: hidden;transition: max-height .3s ease;}
.readmore__content::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 100px;background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));pointer-events: none;transition: opacity .3s;}
.readmore.open .readmore__content{max-height: 2000px;}
.readmore.open .readmore__content::after{opacity: 0;}
.readmore__button{margin: 24px auto 0;cursor: pointer;width: 100%;max-width: 200px;height: 40px; font-size: 1.6rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row; justify-content: center; align-items:center;background-image: linear-gradient(135deg, rgba(142, 199, 36, 1), rgba(200, 217, 48, 1)); position: relative; padding: 0 20px 0 20px; border-radius: 30px; -webkit-transition: all .3s;transition: all .3s;}

.jitsumusya_btn_wrap {width: 100%; background: #eeffd2; border-radius: 0; padding: 20px 0; margin: 0; position: relative;display: flex; flex-direction: row; justify-content: center; align-items:center; gap:10px;}
.jitsumusya_btn_wrap div {width: 36%; max-width: 200px; display: flex; justify-content: center; align-items:center;flex-direction: column; gap:10px;}
.jitsumusya_btn_wrap div:last-of-type {width: 56%; max-width: 400px; }

.jitsumusya_btn_wrap > div:first-of-type::before{content: "＼ 無　料 ／"; width: auto; font-size: 1.4rem; font-weight: 500; color: #00afcc; position: absolute; top:-5px}
.jitsumusya_btn_wrap > div::before{content: "＼ 申込みもこちら ／"; width: auto; font-size: 1.4rem; font-weight: 500; color: #f48570; position: absolute; top:-5px}

.jitsumusya_btn_wrap a.search_btn {width: 100%;min-width: auto;height: 60px; font-size: 1.6rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row; justify-content: center; align-items:center; white-space: nowrap; gap:10px;background-image: linear-gradient(135deg, rgba(245, 172, 60, 1), rgba(246, 156, 166, 1)); position: relative; padding: 0 20px 0 20px; border-radius: 30px; -webkit-transition: all .3s;transition: all .3s; }
.jitsumusya_btn_wrap a.search_btn i{font-size: 1.5em;}


.jitsumusya_btn_wrap a.blue_btn {width: 100%; min-width: auto; height: 60px; font-size: 1.6rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row;  justify-content: center; align-items:center;white-space: nowrap;gap:10px;background-image: linear-gradient(135deg, rgba(0, 175, 204, 1), rgba(133, 203, 191, 1)); position: relative; padding: 0 20px 0 20px; border-radius: 30px; -webkit-transition: all .3s;transition: all .3s; }
.jitsumusya_btn_wrap a.blue_btn i{font-size: 1.5em;}

.jitsumu_wrap_03 {text-align: left;}
.jitsumu_wrap_03 h6 {margin-bottom: 10px;}
.jitsumu_cardimg {width:80%; max-width: 360px;}

.jitsumu_wrap_04 {display: flex; flex-direction: row; justify-content: space-between;align-items: stretch;flex-wrap: wrap; gap:50px 0;}
.jitsumu_wrap_04 > div {width: 100%; height: auto; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-items:flex-start; gap:20px;padding: 20px 20px 30px 20px; border: #8ec724 2px solid; border-radius: 20px; position: relative;}
.jitsumu_wrap_04 > div .faq_header {width: 100%; margin-top: -60px; display: flex; flex-direction: column;justify-content: center; align-items: center; }
.jitsumu_wrap_04 > div img {width: 100px; }
.jitsumu_wrap_04 > div .faq_header .faq_name {font-size:1.7rem; line-height: 1.5; font-weight: 600; color: #00afcc; text-align: center;}
.jitsumu_wrap_04 > div .faq_header .faq_name span{display: block;font-size:1.4rem; font-weight: 500; }
.jitsumu_wrap_04 > div ruby rt{font-size: 0.4em;}

.jitsumu_wrap_04 dl {width: 100%;padding: 15px 0 0 0; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-items:flex-start; gap:10px;border-top: 1px dotted #8ec724;}
.jitsumu_wrap_04 dl dt {width: 100%;font-size: 1.6rem; color: #f48570; font-weight: 600;display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items:flex-start;gap:5px;}
.jitsumu_wrap_04 dl dd {width: 100%;font-size: 1.4rem;  font-weight: 500; line-height: 1.7; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items:flex-start;gap:5px;}
.jitsumu_wrap_04 dl dt::before {content: "Q.";font-size: 1.6rem; color: #f48570;font-weight: 600;}
.jitsumu_wrap_04 dl dd::before {content: "A.";font-size: 1.6rem; color: #8ec724; font-weight: 600;}
.jitsumu_wrap_04 dl.ruby dt::before {margin-top: 0.2em;}
.jitsumu_wrap_04 dl.ruby dd::before {margin-top: 0.2em;}



.jitsumusya_btn_wrap_sp {width: 100%; background: #ffffff; border-radius: 0; padding: 5px; margin: 0;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); position: fixed; bottom: 0; left: 0; display: flex; flex-direction: row; justify-content: center; align-items:center; gap:5px;z-index: 999;}
.jitsumusya_btn_wrap_sp div {width: 40%; max-width: 200px; display: flex; justify-content: center; align-items:center;flex-direction: column; gap:0;}
.jitsumusya_btn_wrap_sp div:last-of-type {width: 60%; max-width: 400px; }

.jitsumusya_btn_wrap_sp > div:first-of-type::before{content: "＼ 無　料 ／"; width: auto; font-size: 1.4rem; font-weight: 500; color:#FFF8AD; position: absolute; top:12px; z-index: 999;}
.jitsumusya_btn_wrap_sp > div::before{content: "＼ 申込みもこちら ／"; width: auto; font-size: 1.4rem; font-weight: 500; color:#FFF8AD;  position: absolute; top:12px; z-index: 999;}

.jitsumusya_btn_wrap_sp a.search_btn {width: 100%;height: 56px; font-size: 1.6rem; font-weight: 600; color: #ffffff; display: flex; flex-direction: row; justify-content: center; align-items:center;gap:5px;background-image: linear-gradient(135deg, rgba(245, 172, 60, 1), rgba(246, 156, 166, 1)); position: relative; padding: 16px 5px 0 5px; border-radius: 5px; -webkit-transition: all .3s;transition: all .3s; }
.jitsumusya_btn_wrap_sp a.search_btn i{font-size: 1.5em;}

.jitsumusya_btn_wrap_sp a.blue_btn {width: 100%; height: 56px; font-size: 1.6rem; font-weight: 600; color: #ffffff; display: flex; flex-direction: row;  justify-content: center; align-items:center;gap:5px;background-image: linear-gradient(135deg, rgba(0, 175, 204, 1), rgba(133, 203, 191, 1)); position: relative; padding: 16px 5px 0 5px;border-radius: 5px; -webkit-transition: all .3s;transition: all .3s; }
.jitsumusya_btn_wrap_sp a.blue_btn i{font-size: 1.5em;}
}


/* =====================
   TOC
===================== */

.toc-fab,
.toc-overlay,
.toc-drawer{
  display:none;
}

@media (max-width:768px){
.toc-fab{display:block;position:fixed;left: 5px;bottom: 66px;z-index:9;border:none;border-radius: 10px 10px 0 0;padding:14px 22px;background:#1b1c80;color:#fff;font-weight:bold;font-size:1.4rem;box-shadow:0 8px 30px rgba(0,0,0,.2);}
.toc-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.4); opacity:0; visibility:hidden; transition:.3s; z-index:1001;}
.toc-overlay.active{opacity:1;visibility:visible;}
.toc-drawer{display:block;position:fixed;left:0;right:0;bottom:0;background-image: linear-gradient(0deg, rgba(255, 255, 255, 1),rgba(231, 245, 242, 1) 40%);border-radius:15px 15px 0 0;transform:translateY(100%);transition:.35s ease;z-index:1002;max-height:70vh;overflow:auto; padding: 0 10px;}

.toc-drawer.active{transform:translateY(0);}
.toc-header{display:flex;justify-content:space-between;align-items:center;padding:15px 5px;border-bottom:#99dfeb 1px dotted;}
.toc-header h3{font-size:1.6rem;color: #99dfeb;}
.toc-close{border:none;background:none;font-size:24px;cursor:pointer;color: #00afcc; }
.toc-drawer ul{list-style:none;}

.toc-drawer a{width: 100%; height: 100%; font-size: 1.6rem; line-height: 1.2; color: #00afcc; display: flex;justify-content: space-between; align-items: center; flex-direction: row; gap:15px;-webkit-transition: all .3s;transition: all .3s;padding: 15px 0;border-bottom:#99dfeb 1px dotted;}
.toc-drawer a:after{content: "\e901";font-family: 'icomoon'; font-size: 1.4rem; color: #99dfeb; -webkit-transition: all .3s;transition: all .3s;}

}








/*========================================
スキルアップ講座
=======================================*/

/* ヘッダー */
.skill {background-image: linear-gradient(135deg, rgba(142, 199, 36, 1), rgba(200, 217, 48, 1))!important; }
.skill h1 span:first-of-type span{color: #93c925!important; }
.skill::before {background-image: url("../img/ptitle_bg_course.png") ; }
/* ページイラスト */
.page_il_02 {width: 100px; position: absolute; right: 350px; bottom:-80px; z-index: 2;}
.page_il_03 {width: 203px; position: absolute; right: 100px; bottom:-100px; z-index: 2;}

.skill_img_01 {position: relative;width: 100%; max-width:1000px; }
.skill_img_02 {position: relative;width: 100%; max-width:180px; margin: 0 auto; }
.skill_img_03 {position: relative;width: 100%; margin: 0 auto; -webkit-transition: all .3s;transition: all .3s;}
.skill_img_03 img{width: 100%; max-width:820px; height: auto;}


@media screen and (min-width: 768px) {
.skill_img_03:over {transform: scale(1.05,1.05);}
}

.maxw_1200 {width: 100%; max-width: 1200px; margin: 0 auto;justify-content:center!important; align-items: stretch!important;}
.skill_wrap {width: 100%; height: auto; max-width: 500px; display: flex; flex-direction: column; flex-wrap: wrap; padding: 20px; border: #8ec724 1px solid; border-radius: 20px;}
.skill_wrap h4{width:100%; min-height: 40px; font-size:2.4rem; line-height: 1.2; font-weight: 800; color: #ffffff; display: flex; justify-content: center; align-items: center; gap:10px;border-radius: 20px;background-image: linear-gradient(135deg, rgba(142, 199, 36, 1), rgba(200, 217, 48, 1)); padding:5px 15px 5px 15px; margin-top: -40px; }
.skill_wrap img {width:100%; border-radius: 5px;}
.skill_point {min-height: 80px; font-size:1.6rem; line-height: 1.8; font-weight: 500; color: #00afcc; background: #e7f5f2; padding: 20px 10px; border-radius: 5px; position: relative;}
.skill_wrap:last-of-type .skill_point {color: #f48570; background: #fde7e2;}
.skill_point div {position: relative; z-index: 1;}
.skill_point::after {content:"POINT"; width:110px; height: 20px;  font-size:1.1rem; line-height: 1; font-weight: 700; font-family: 'Roboto Condensed', sans-serif!important;letter-spacing: 0.2em;color: #ffffff; background: #00afcc; display: flex; justify-content: center; align-items: center;padding: 10px; border-radius: 10px; position: absolute; top: -10px; left:10px;}
.skill_wrap:last-of-type .skill_point::after { background: #f48570;}


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

.skill_wrap {width: 100%; height: 100%; max-width: 500px; display: flex; justify-content: center;flex-direction: column; flex-wrap: wrap; padding: 20px; border: #8ec724 1px solid; border-radius: 20px; margin: 0 auto;}
.skill_wrap:first-child {margin: 20px auto 0 auto;}
.skill_wrap h4{width:100%; min-height: 40px; font-size:2rem; line-height: 1.2; font-weight: 800; color: #ffffff; display: flex; justify-content: center; align-items: center; gap:10px;border-radius: 20px;background-image: linear-gradient(135deg, rgba(142, 199, 36, 1), rgba(200, 217, 48, 1)); padding:5px 15px 5px 15px; margin-top: -40px; }
.skill_wrap img {width:100%; border-radius: 5px;}
.skill_point {min-height: auto; font-size:1.2rem; line-height: 1.6; font-weight: 500;  padding: 20px 10px; border-radius: 5px; position: relative; margin-top: auto;}
.skill_point div {position: relative; z-index: 1;}
.skill_point::after {content:"POINT"; width:110px; height: 20px;  font-size:1.1rem; line-height: 1; font-weight: 700; font-family: 'Roboto Condensed', sans-serif!important;letter-spacing: 0.2em;color: #ffffff;  display: flex; justify-content: center; align-items: center;padding: 10px; border-radius: 10px; position: absolute; top: -10px; left:10px;}
.skill_point::before {content:"\e914"; font-family: 'icomoon' !important; color: rgba(255, 255, 255, 0.4);font-size:5.5rem; line-height: 1; position: absolute; right: 5px; bottom: 8px;z-index: 0;}

}


/*========================================
会社概要
=======================================*/

.profile_cont {width: 100%;max-width: 960px; margin: 60px auto;}
.profile_cont dl {width:100%; height: auto; border-bottom: 1px solid #8d8ec0; padding: 30px 40px; position: relative;display: flex;justify-content: space-between;align-items: flex-start; flex-direction: row; flex-wrap: nowrap;}
.profile_cont dl:first-of-type {border-top: 1px solid #8d8ec0;}
.profile_cont dl dt {width:100%; max-width: 200px; height: auto; display: block; font-size: 1.8rem; font-weight: 700; line-height: 1.5; color: #1b1c80;-webkit-transition: all .3s;transition: all .3s;}
.profile_cont dl dd {width:100%; height: auto; font-size: 1.6rem; line-height: 1.5; -webkit-transition: all .3s;transition: all .3s;}


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

.profile_cont {width: 100%;max-width: 100%; margin: 30px auto 40px auto;}
.profile_cont dl {width:100%; height: auto; border-bottom: 1px solid #8d8ec0; padding: 20px 0; position: relative;display: flex;justify-content: space-between;align-items: flex-start; flex-direction: column; flex-wrap: wrap;}
.profile_cont dl:first-of-type {border-top: 1px solid #8d8ec0;}
.profile_cont dl dt {width:100%; max-width: 100%; height: auto; display: block; font-size: 1.6rem; color: #1b1c80; line-height: 1.5; margin-bottom: 10px;}
.profile_cont dl dd {width:100%; height: auto; font-size: 1.4rem; line-height: 1.5; }
}








/*========================================
無料説明会
=======================================*/

/* ヘッダー */
.sessions::before {background-image: url("../img/ptitle_bg_sessions.png") ; }
/* ページイラスト */
.page_il_20 {width: 60px; position: absolute; right: 350px; bottom:-80px; z-index: 2;}


.sessions_title {width:100%; min-height: 60px; font-size:2.4rem; line-height: 1.2; font-weight: 700; color: #ffffff; display: flex; justify-content: flex-start; align-items: center; gap:10px;border-radius: 20px 20px 0 0;background-image: linear-gradient(135deg, rgba(142, 199, 36, 1), rgba(200, 217, 48, 1)); padding:15px 20px;}
.sessions_wrap_01 {width: 100%; display: flex;justify-content: space-between;align-items: stretch; border-bottom:1px dotted #cccccc;}
.sessions_wrap_01 > div{width: 50%; font-size: 2rem; font-weight: 700; line-height: 1.4; display: flex;justify-content: center;align-items: center;flex-direction: column; padding: 25px;}
.sessions_wrap_01 > div > div {width: 100%; font-size: 1.6rem; font-weight: 500; line-height: 1.4; display: flex;justify-content: center;align-items: center;flex-direction: column; margin-top: 15px;}
.sessions_wrap_01 > div:first-of-type{border-right:1px dotted #cccccc;}
.sessions_wrap_02 {width: 100%; padding: 30px;}
.sessions_wrap_03 {width: 100%; font-size: 2rem; font-weight: 700; color: #00afcc; display: flex;justify-content: center;align-items: flex-start;flex-direction: column; padding: 25px;border-bottom:1px dotted #cccccc;}
.sessions_wrap_04 {width: 100%; display: flex;justify-content: center;align-items: flex-start;flex-direction: column; padding: 25px;border-bottom:1px dotted #cccccc;}
.sessions_btn_wrap {display: flex;justify-content: center;align-items: center; gap:20px;}



@media screen and (max-width : 955px ){
.page_il_20 {width: 50px; position: absolute; right: 25%; bottom:-8vw; z-index: 2;}
}



@media screen and (max-width: 768px) {
.page_il_20 {width: 40px; position: absolute; right: 33%; bottom:-12vw; z-index: 2;}

.sessions_title {width:100%; min-height: 50px; font-size:1.8rem; line-height: 1.2; font-weight: 700; color: #ffffff; display: flex; justify-content: flex-start; align-items: center; gap:10px;border-radius: 20px 20px 0 0;background-image: linear-gradient(135deg, rgba(142, 199, 36, 1), rgba(200, 217, 48, 1)); padding:5px 15px;}
.sessions_wrap_01 {width: 100%; display: flex;justify-content: space-between;align-items: stretch; flex-direction: column; border-bottom:1px dotted #cccccc;}
.sessions_wrap_01 > div{width: 100%; font-size: 1.6rem; font-weight: 700;display: flex;justify-content: flex-start;align-items: flex-start; padding: 5vw;}
.sessions_wrap_01 > div > div {width: 100%; font-size: 1.4rem; font-weight: 500; line-height: 1.4; display: flex;justify-content: flex-start;align-items: flex-start;flex-direction: column; margin-top: 10px;}
.sessions_wrap_01 > div:first-of-type{border-right:none;border-bottom:1px dotted #cccccc;}
.sessions_wrap_02 {width: 100%; padding: 5vw;}
.sessions_wrap_03 {width: 100%; font-size: 1.6em; font-weight: 700; color: #00afcc; display: flex;justify-content: center;align-items: flex-start;flex-direction: column; padding: 5vw;border-bottom:1px dotted #cccccc;}
.sessions_wrap_04 {width: 100%; display: flex;justify-content: center;align-items: flex-start;flex-direction: column; padding: 5vw;border-bottom:1px dotted #cccccc;}
.sessions_btn_wrap {display: flex;justify-content: center;align-items: center; flex-direction: column; gap:3vw;}
}


/*========================================
 講座検索
=======================================*/

/* ヘッダー */
.search {background-image: linear-gradient(135deg, rgba(245, 172, 60, 1), rgba(246, 156, 166, 1))!important; }
.search h1 span:first-of-type span{color: #f5ac3c!important; }
.search::before {background-image: url("../img/ptitle_bg_class.png") ; }

.page_il_21 {width: 60px; position: absolute; right: 150px; bottom:-80px; z-index: 2;}

.search_innder {width: 100%; padding: 30px;}
.search_wrap_01 {width: 100%; display: flex;justify-content: space-between;align-items: stretch;flex-direction: row; flex-wrap: wrap; gap:10px 0;}
.search_wrap_01 label {width: 50%;white-space: nowrap;font-size: 1.6rem; line-height: 1.5;}
.search_wrap_01 label input[type="checkbox"],.search_wrap_01 label input[type="radio"] {width: 18px;height: 18px;margin: 0 5px 0 0;padding: 0;}
input.form-control{width: 40%; font-size: 1.8rem; margin: 0;padding: 10px; border-radius: 5px; background-color: #efefef!important; border: 1px solid #efefef; }



@media screen and (max-width: 768px) {
.page_il_21 {width: 45px; position: absolute; right: 5%; bottom:-8vw; z-index: 2;}

.search_innder {width: 100%; padding: 5vw;}
.search_wrap_01 {width: 100%; display: flex;justify-content: space-between;align-items: stretch;flex-direction: row; flex-wrap: wrap; gap:10px 0;}
.search_wrap_01 label {width: 100%;white-space: nowrap;font-size: 1.4rem; line-height: 1.5;}
.search_wrap_01 label input[type="checkbox"],.search_wrap_01 label input[type="radio"] {width: 16px;height: 16px;margin: 0 5px 0 0;padding: 0;}
input.form-control{font-size: 1.4rem; margin: 0 5px 0 0;padding: 0;}
}


/*========================================
コラム
=======================================*/

/* ヘッダー */
.column {background-image: linear-gradient(135deg, rgba(245, 172, 60, 1), rgba(246, 156, 166, 1))!important; }
.column h1 span:first-of-type span{color: #f5ac3c!important; }
.column::before {background-image: url("../img/ptitle_bg_about.png") ; }

.column_content {width: 100%; display: flex;justify-content: flex-start;align-items: stretch; flex-wrap: wrap; gap:40px;}
.column_wrap {width: calc(32.5% - 20px); background: #ffffff; border-radius: 20px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);-webkit-transition: all .3s;transition: all .3s;}
.column_inner {height: 100%; display: block;  overflow: hidden;padding: 20px; position: relative;}
.column_inner > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent:-9999px;z-index: 1;}
.column_inner figure {width: 100%; height: 205px;border-radius: 10px; background-size: cover; background-image: url("../img/dammy.png"); background-color: #e0e0e0; background-position: center center;}
.column_inner::after {content:"\e90e";font-family: 'icomoon';font-size: 3rem;line-height: 1; position: absolute;color: #f5ac3c; right:10px; bottom: 10px;}
.column_inner .date {width: 100%; max-width: 150px;font-size: 1.6rem; font-weight: 700; font-family: 'Roboto Condensed', sans-serif!important;letter-spacing: 0.1em;color: #ffffff; position: absolute; display: flex;justify-content: center; align-items:center;height: 20px;background: #f5ac3c;border-radius: 15px; padding: 5px; top:10px; right: 10px;}
.column_inner .column_title {width: 100%; font-size: 1.6rem; font-weight: 500; color: #1b1c80; position: relative;text-align: left; letter-spacing: 0; line-height:1.5; margin: 20px 0;-webkit-transition: all .3s;transition: all .3s;}

@media screen and (min-width: 768px) {
.column_wrap:hover {transform: translate(0,-10px); }
.column_wrap:hover .column_title{color: #f5ac3c;}
}

@media screen and (max-width: 1080px) {
.column_wrap {width: calc(50% - 20px); }
}

@media screen and (max-width: 768px) {
.column_content {width: 100%; display: flex;justify-content: center;align-items: center; flex-wrap: wrap; gap:30px;}
.column_wrap {width: 90%; }
.column_inner > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent:-9999px;z-index: 1;}
.column_inner figure {width: 100%; height: 180px;border-radius: 10px; background-size: cover; background-image: url("../img/dammy.png"); background-color: #e0e0e0; background-position: center center;}
.column_inner::after {content:"\e90e";font-family: 'icomoon';font-size: 2.6rem;line-height: 1; position: absolute;color: #f5ac3c; right:10px; bottom: 10px;}
.column_inner .date {width: 100%; max-width: 150px;font-size: 1.4rem; font-weight: 700; font-family: 'Roboto Condensed', sans-serif!important;letter-spacing: 0.1em;color: #ffffff; position: absolute; display: flex;justify-content: center; align-items:center;height: 20px;background: #f5ac3c;border-radius: 15px; padding: 5px; top:10px; right: 10px;}
.column_inner .column_title {width: 100%; font-size: 1.4rem; font-weight: 500; color: #1b1c80; position: relative;text-align: left; letter-spacing: 0; line-height:1.5; margin: 20px 0;-webkit-transition: all .3s;transition: all .3s;}

}




/*========================================
お知らせ
=======================================*/

.news_class_name {min-width: 150px; height: auto; display: inline-block; font-size: 1.4rem; line-height: 1.5; color: #ffffff;text-align: center;border-radius: 20px; padding: 10px; background: #00afcc; margin-right: 20px;}
.news_date{display: inline-block; font-size: 1.6rem; line-height: 1.5; }

@media screen and (max-width: 768px) {
.news_class_name {min-width: 130px; height: auto; display: inline-block; font-size: 1.4rem; line-height: 1.5; color: #ffffff;text-align: center;border-radius: 20px; padding: 4px; background: #00afcc; margin-right: 20px;}
.news_date{display: inline-block; font-size: 1.4rem; line-height: 1.5; }
}



/*========================================
お問い合わせ
=======================================*/



/* ヘッダー */
.contact::before {background-image: url("../img/ptitle_bg_about.png") ; }

.contact_img_01 {width: 100%; max-width: 400px; margin: 0 auto;}

.contact02_wrap {width: 100%; max-width:800px;  padding: 0 0 0 0; margin: 0 auto; position: relative;}
.contact02_wrap p {line-height: 1.7; }
.contact02_wrap p.radio {margin-bottom: 10px;}
.contact02_wrap p.radio:last-of-type {margin-bottom: 0;}
.contact_form {width: 100%;border-collapse: collapse;margin: 0 auto;}
.contact02_wrap tr {display: block;border-top: dotted 1px #00afcc;}
.contact02_wrap tr.bnone {border: none; }
.contact02_wrap tr:last-child {border-bottom: dotted 1px #00afcc;}
.contact02_wrap th {font-size: 1.8rem; color: #666666;font-weight: 600;width: 220px;padding: 50px 0 0 0;text-align: left;vertical-align: top;}
.contact02_wrap th div{width: 100%; display: flex;justify-content: space-between;align-items: center; flex-wrap: wrap; vertical-align: text-top; position: relative;}
.contact02_wrap th.required div:after {content: "必須";background: #f48570;color: #ffffff;font-size: 1.4rem;padding: 8px;text-align: center;border-radius: 5px;}
.contact02_wrap td {font-size: 1.8rem; color: #666666;font-weight: 500;padding: 30px 0 30px 50px;}
.contact02_wrap tr.bnone th{padding: 15px 0 30px 0;}
.contact02_wrap tr.bnone td{padding: 0 0 30px 50px;}
.contact02_wrap input[type="text"]{ display: block;width: 100%; height: 60px; border: none; background: #f0f0f0;padding: 0 20px; border-radius: 5px;vertical-align: top;outline: none;font-size: 1.6rem; color: #666666;}
.contact02_wrap input[type="text"]:nth-of-type(2){margin-top: 30px;}
.contact02_wrap .pcode {display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap; margin-bottom: 20px;}
.contact02_wrap .pcode input {width: 160px;}

.contact02_wrap .rireki {display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap; gap:10px; font-size: 1.6rem; }
.contact02_wrap .rireki p{width: 100%; max-width: 160px; white-space: nowrap;}
.contact02_wrap .rireki select {display: block;width: 120px; height: 40px; border: 1px; background: #f0f0f0;padding: 0 10px; border-radius: 5px;vertical-align: top;outline: none;font-size: 1.6rem; color: #666666;}

.contact02_wrap textarea {display: block;width: 100%; height: auto; border: none; background: #f0f0f0;padding: 20px; border-radius: 5px;vertical-align: top;outline: none;font-size: 1.6rem; color: #666666; }
.contact02_wrap input[type="text"]:focus,.contact_form textarea:focus {border: 1px solid #00afcc;}
.contact02_wrap input[type="checkbox"],.contact02_wrap input[type="radio"] {width: 18px;height: 18px;margin: 0;padding: 0;}

.top-cell {padding: 30px 0 0 0!important;}


::placeholder {color: #aaaaaa;}
::-ms-input-placeholder {color: #aaaaaa;}
:-ms-input-placeholder {color: #aaaaaa;}

.contact02_wrap .checkbox_label {display: inline-block;cursor: pointer;font-size: 1.8rem; color: #666666;}
.contact02_wrap .checkbox_txt {vertical-align: top;}
.contact02_wrap label.error {font-size: 1.6rem;display: block;margin: .3em 0 0 0;color: #f48570;}
.confirm_wrap {text-align: center; margin-top: 50px;}
.confirm_wrap02 {text-align: center; display: flex; justify-content: space-around;align-items: center;}
.confirm_wrap label{margin-bottom: 0;}
.confirm_btn {width: 100%;max-width: 360px;margin: 30px auto 0;padding: 0;outline: none;border: none;background: #00afcc; border-radius: 30px;color: #ffffff;font-size: 1.8rem;font-weight: bold;height: 60px;cursor: pointer;display: flex;justify-content: center;align-items: center;-webkit-transition: all .3s;transition: all .3s;}
.confirm_btn_02 {width: 100%;max-width: 300px;margin: 30px auto 0;padding: 0;outline: none;border: none;background: #00afcc; bborder-radius: 30px;color: #ffffff;font-size: 1.8rem;font-weight: bold;height: 60px;cursor: pointer;display: flex;justify-content: center;align-items: center;-webkit-transition: all .3s;transition: all .3s;}

@media screen and (min-width: 768px) {
.confirm_btn:hover {transform: scale(1.05,1.05);}
}

.confirm_btn:hover {max-width: 380px;}
.confirm th {padding: 30px 0!important; line-height: 1.6;}
.confirm td {padding: 30px 0!important; line-height: 1.6;}


@media screen and (max-width: 1080px) {
}

@media screen and (max-width: 768px) {
.contact_img_01 {width: 80%; max-width: 400px; margin: 0 auto;}

.contact_tel {width: 100%; font-size: 2.4rem;line-height: 1.8; font-weight:700; text-align: center;display: flex; justify-content: center;align-items: center; margin: 0 auto; flex-direction: column;}
.contact_tel i{margin-right: 10px;}
.contact_tel span {font-size: 1.4rem;line-height: 1.8; font-weight:700; }

.contact_form tr,
.contact_form td,
.contact_form tr.bnone td{display: block;width: 100%;padding: 20px 0 10px 0!important;;border: none;font-size: 1.4rem; vertical-align: middle;}
.contact_form th,.contact_form tr.bnone th {width: 100%;padding: 10px!important;;background-image: linear-gradient(135deg, rgba(0, 175, 204, 1), rgba(133, 203, 191, 1));border-radius: 5px;color: #ffffff;font-size: 1.6rem;height:50px;display: flex;align-items: center;}
.contact02_wrap th.required div:after {font-size: 1.2rem;}
.contact02_wrap input[type="text"] {font-size: 1.3rem; height: 50px;}
.contact02_wrap label.error {font-size: 1.2rem;display: block;margin: .3em 0 0 0;color: #ff6b6b;}
.contact02_wrap textarea {font-size: 1.3rem;}
.contact02_wrap .checkbox_label {font-size: 1.4rem; }
.contact02_wrap input[type="checkbox"],.contact02_wrap input[type="radio"] {width: 14px;height: 14px;margin: 0;padding: 0;}

.contact02_wrap .rireki {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap:10px;font-size: 1.3rem; }
.contact02_wrap .rireki p{width: 100%; max-width: 100%; white-space: nowrap;}
.contact02_wrap .rireki select {display: block;width: 100px; height: 40px; border: 1px; background: #f0f0f0;padding: 0 10px; border-radius: 5px;vertical-align: top;outline: none;font-size: 1.3rem; color: #666666;}

.contact01_wrap,.contact02_wrap {padding: 0 0 13vw 0;}
.confirm_btn {margin: 5vw auto 0;border-radius: 25px;color: #ffffff;font-size: 1.6rem;font-weight: bold;height: 50px;}
.confirm_btn_02 {margin: 5vw auto 0;border-radius: 25px;color: #ffffff;font-size: 1.6rem;font-weight: bold;height: 50px;}
.contact02_wrap p {}
.contact02_wrap textarea {border-radius: 5px;}
}






/*========================================
職業訓練
=======================================*/

/* ヘッダー */
.hellotraining::before {background-image: url("../img/ptitle_bg_hellotraining.png") ; }
/* ページイラスト */
.page_il_12 {width: 112px; position: absolute; right: 350px; bottom:-80px; z-index: 2;}
.page_il_13 {width: 75px; position: absolute; right: 50px; top:-50px; z-index: 0;}
.page_il_14 {width: 112px; position: absolute; right: 160px; bottom:-80px; z-index: 2;}

.htraining_img_01 {width: 100%; max-width: 675px; margin: 0 auto;}
.htraining_img_02 {width: 182px;}
.htraining_img_03 {width: 100%; max-width: 400px; margin: 0 auto;}
.htraining_img_04 {width: 100%; max-width: 610px; margin: 0 auto;}
.htraining_img_05 {width: 100%; max-width: 1200px; border-radius: 20px; margin: 0 auto;}

.ht_wrap_01 {width:100%;height: 100%; border-radius: 10px;background-image: linear-gradient(135deg, rgba(142, 199, 36, 1), rgba(200, 217, 48, 1)); padding:20px 10px 10px 10px; position: relative;}
.ht_wrap_01::before {content:""; width: 10px; height: 10px; font-size: 0.1; line-height: 0.1; background: #ffffff; border-radius: 5px; position: absolute; top: 10px; left: 10px;}
.ht_wrap_01 > session {display: block; width:100%; border-radius: 5px; background: #ffffff;}
.ht_wrap_01 > session > div {display: block; width:100%;font-size:2rem; line-height: 1.2; font-weight: 800; color: #ffffff; text-align: center; background: #00afcc;border-radius: 5px 5px 0 0; padding: 15px 0;}
.ht_wrap_01 > session > div span{font-size: 2.8rem;}
.ht_wrap_01 > session > p {padding: 20px;}

.ht_sessions_wrap {width: 100%; display: flex; justify-content: center; align-items: center; gap:30px;border-radius: 10px; position: relative; background: #f0f0f0; padding: 20px;}
.ht_sessions_wrap::before {content:""; width: 10px; height: 10px; font-size: 0.1; line-height: 0.1; background: #ffffff; border-radius: 5px; position: absolute; top: 10px; left: 10px;}
.ht_sessions_wrap img {width: 124px; margin-top: -50px; }
.ht_sessions_wrap a {max-width: 200px; justify-content: space-between;}

.ht_wrap_02 {width: 100%; max-width: 850px; display: flex; justify-content:center; align-items: stretch; flex-wrap: wrap; gap:20px; margin: 0 auto;}
.ht_wrap_02 div {width:calc(33% - 20px); max-width: 850px; min-height: 106px; font-size: 2rem; font-weight: 800; text-align: center; color: #ffffff;background-image: linear-gradient(135deg, rgba(27, 28, 128, 1), rgba(0, 175, 204, 1));display: flex; justify-content:center; flex-direction: column; align-items: center;border-radius: 10px; padding: 20px 5px; margin: 0 auto; position: relative;-webkit-transition: all .3s;transition: all .3s;}
.ht_wrap_02 div span{}
.ht_wrap_02 div::before {content:""; width: 10px; height: 10px; font-size: 0.1; line-height: 0.1; background: #ffffff; border-radius: 5px; position: absolute; top: 5px; left: 5px;}

.ht_wrap_03 {width: 100%; display: flex; justify-content:center; align-items: stretch;gap:40px; margin: 0 auto;}
.ht_wrap_03 .txt_wrap {width: 100%; }

.ht_wrap_03 .txt_wrap h4{width: 100%; font-size: 2.8rem; font-weight: 500; color: #f48570; position: relative;text-align: center; margin-top: 40px;}
.ht_wrap_03 .txt_wrap h4 span:first-of-type {position: absolute;top: -20px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.ht_wrap_03 .txt_wrap h4 span:first-of-type span{font-size: 1.4rem; font-weight: 500; color: #ffffff; position: relative;display: flex;justify-content: center; align-items:center;width: 230px;height: 30px;background: #f48570;border-radius: 15px;}
.ht_wrap_03 .txt_wrap h4 span:first-of-type span::before{content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border: 5px solid transparent;border-top: 7px solid #f48570;}

.ht_wrap_04{padding: 30px!important; position: relative;}
.ht_wrap_04::before{content: "";position: absolute;top: 100%;left: 50%;margin-left: -24px;border: 24px solid transparent;border-top: 24px solid #ffffff;}
.ht_wrap_05{padding: 30px!important; position: relative;}

.ht_wrap_06 {width: 100%; max-width: 850px; display: flex; justify-content:center; align-items: stretch; flex-wrap: wrap; gap:20px; margin: 0 auto;}
.ht_wrap_06 div {width:calc(50% - 20px); max-width: 850px; min-height: 106px; font-size: 2rem; font-weight: 800; text-align: center; color: #ffffff;background-image: linear-gradient(135deg, rgba(142, 199, 36, 1), rgba(200, 217, 48, 1));display: flex; justify-content:center; flex-direction: column; align-items: center;border-radius: 10px; padding: 20px 5px; margin: 0 auto; position: relative;-webkit-transition: all .3s;transition: all .3s;}
.ht_wrap_06 div span{}
.ht_wrap_06 div::before {content:""; width: 10px; height: 10px; font-size: 0.1; line-height: 0.1; background: #ffffff; border-radius: 5px; position: absolute; top: 5px; left: 5px;}

.ht_wrap_07 {width: 100%; display: flex; justify-content:flex-start; align-items: center;gap:20px; position: relative; background:#e7f5f2; padding: 10px; border-radius: 10px; margin-bottom: 25px;}
.ht_wrap_07::after {content: "▼"; font-size: 16px; line-height: 1; position: absolute; left: 37px; bottom: -20px; color: #00afcc;}
.ht_wrap_07:last-of-type::after {display: none;}
.ht_wrap_07 > div:first-of-type{width: 10%; min-width: 70px; max-width: 70px; height: 70px; font-family: 'Roboto Condensed', sans-serif!important; font-size: 5rem; line-height: 1; font-weight:900;color: #ffffff; text-align: center; background: #00afcc; display: flex; justify-content:center; align-items: center;border-radius: 5px;}
.ht_wrap_07 > div{width: 80%;}
.ht_wrap_07 a {justify-content: space-between; margin: 0 auto;}


@media screen and (max-width: 850px) {
.ht_wrap_02 {width: 100%; max-width: 850px; display: flex; justify-content:center; align-items: stretch; flex-wrap: wrap; gap:20px; margin: 0 auto;}
.ht_wrap_02 div {width:calc(50% - 20px); max-width: 850px; font-size: 2rem; font-weight: 500; text-align: center; color: #ffffff;background-image: linear-gradient(135deg, rgba(27, 28, 128, 1), rgba(0, 175, 204, 1));display: flex; justify-content:center; flex-direction: column; align-items: center;border-radius: 10px; padding: 20px; margin: 0 auto; -webkit-transition: all .3s;transition: all .3s;}
}

@media screen and (max-width : 955px ){
.page_il_12 {width: 80px; position: absolute; right: 35%; bottom:-14.5vw; z-index: 2;}
.page_il_14 {width: 80px; position: absolute; right: 3%; bottom:-80px; z-index: 2;}
}


@media screen and (max-width: 768px) {
.htraining_img_01 {width: 100%; max-width: 675px; margin: 0 auto;}
.htraining_img_02 {width: 182px; margin: 0 auto;}
.page_il_13 {width: 50px; position: absolute; right: 2%; top:-40px; z-index: 0;}

.ht_wrap_01 {width:100%;height: 100%; border-radius: 10px;background-image: linear-gradient(135deg, rgba(142, 199, 36, 1), rgba(200, 217, 48, 1)); padding:20px 10px 10px 10px; position: relative;}
.ht_wrap_01::before {content:""; width: 8px; height: 8px; font-size: 0.1; line-height: 0.1; background: #ffffff; border-radius: 4px; position: absolute; top: 10px; left: 10px;}
.ht_wrap_01 > session {display: block; width:100%; border-radius: 5px; background: #ffffff;}
.ht_wrap_01 > session > div {display: block; width:100%;font-size:1.8rem; line-height: 1.2; font-weight: 800; color: #ffffff; text-align: center; background: #00afcc;border-radius: 5px 5px 0 0; padding: 15px 0;}
.ht_wrap_01 > session > div span{font-size: 2.4rem;}
.ht_wrap_01 > session > p {padding: 10px;}

.ht_sessions_wrap {width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; gap:15px;border-radius: 10px; position: relative; background: #f0f0f0; text-align: center; padding: 20px;}
.ht_sessions_wrap::before {content:""; width: 8px; height: 8px; font-size: 0.1; line-height: 0.1; background: #ffffff; border-radius: 5px; position: absolute; top: 10px; left: 10px;}
.ht_sessions_wrap img {width: 110px; margin-top: -30px; }
.ht_sessions_wrap a {max-width: 380px; justify-content: center;}

.page_il_041 {width: 80px; position: absolute; right: 3%; bottom:-50px; z-index: 2;}
.ht_wrap_02 {width: 100%; max-width: 850px; display: flex; justify-content:center; align-items: stretch; flex-wrap: wrap; gap:10px; margin: 0 auto;}
.ht_wrap_02 div {width:calc(50% - 10px); max-width: 850px; font-size: 1.6rem; font-weight: 500; text-align: center; color: #ffffff;background-image: linear-gradient(135deg, rgba(27, 28, 128, 1), rgba(0, 175, 204, 1));display: flex; justify-content:center; flex-direction: column; align-items: center;border-radius: 10px; padding: 10px 0; margin: 0 auto; -webkit-transition: all .3s;transition: all .3s;}
.ht_wrap_02 div::before {content:""; width: 8px; height: 8px; font-size: 0.1; line-height: 0.1; background: #ffffff; border-radius: 4px; position: absolute; top: 5px; left: 5px;}

.ht_wrap_03 {width: 100%; display: flex; justify-content:center; align-items: stretch; flex-direction: column; gap:30px; margin: 0 auto;}
.ht_wrap_03:nth-of-type(even) .img_wrap {order: 1;}
.ht_wrap_03:nth-of-type(even) .txt_wrap {order: 2;}

.ht_wrap_03 .img_wrap {width: 80%; max-width: 450px; margin: 0 auto;}
.ht_wrap_03 .img_wrap img{width: 100%; border-radius: 20px;}
.ht_wrap_03 .txt_wrap {width: 100%; }

.ht_wrap_03 .txt_wrap h4{width: 100%; font-size: 2.4rem; font-weight: 500; position: relative;margin-top: 40px; text-align: center;}
.ht_wrap_03 .txt_wrap h4 span:first-of-type {position: absolute;top: -20px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.ht_wrap_03 .txt_wrap h4 span:first-of-type span{font-size: 1.2rem; font-weight: 500; color: #ffffff; position: relative;display: flex;justify-content: center; align-items:center;width: 230px;height: 30px;border-radius: 15px;}
.ht_wrap_03 .txt_wrap h4 span:first-of-type span::before{content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border: 5px solid transparent;border-top: 7px solid #f48570;}

.ht_wrap_04{padding: 20px!important; position: relative;}
.ht_wrap_04::before{content: "";position: absolute;top: 100%;left: 50%;margin-left: -24px;border: 24px solid transparent;border-top: 24px solid #ffffff;}
.ht_wrap_05{padding: 20px!important; position: relative;}

.ht_wrap_06 {width: 100%; max-width: 850px; display: flex; justify-content:center; align-items: stretch; flex-wrap: wrap; gap:20px; margin: 0 auto;}
.ht_wrap_06 div {width:100%; max-width: 850px; min-height: 80px; font-size: 1.8rem; font-weight: 800; text-align: center; color: #ffffff;background-image: linear-gradient(135deg, rgba(142, 199, 36, 1), rgba(200, 217, 48, 1));display: flex; justify-content:center; flex-direction: column; align-items: center;border-radius: 10px; padding: 20px 5px; margin: 0 auto; position: relative;-webkit-transition: all .3s;transition: all .3s;}
.ht_wrap_06 div span{}
.ht_wrap_06 div::before {content:""; width: 8px; height: 8px; font-size: 0.1; line-height: 0.1; background: #ffffff; border-radius: 4px; position: absolute; top: 5px; left: 5px;}

.ht_wrap_07 {width: 100%; display: flex; justify-content:flex-start; align-items: flex-start;gap:10px; position: relative; background:#e7f5f2; flex-wrap: wrap; padding: 10px; border-radius: 10px; margin-bottom: 25px;}
.ht_wrap_07::after {content: "▼"; font-size: 16px; line-height: 1; position: absolute; left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%); bottom: -20px; color: #00afcc;}
.ht_wrap_07 > div:first-of-type{width: 11%!important; min-width: 50px; max-width: 50px;height: 50px!important; font-family: 'Roboto Condensed', sans-serif!important; font-size: 3rem; line-height: 1; font-weight:900;color: #ffffff; text-align: center; background: #00afcc; display: flex; justify-content:center; align-items: center;border-radius: 5px;}
.ht_wrap_07 > div:nth-of-type(3){width: 100%;}
.ht_wrap_07 a {justify-content: space-between; margin: 0 auto;}
}




/*========================================
就職・転職サポート
=======================================*/

/* ヘッダー */
.support::before {background-image: url("../img/ptitle_bg_support.png") ; }
/* ページイラスト */
.page_il_10 {width: 80px; position: absolute; right: 100px; bottom:-80px; z-index: 2;}
.page_il_11 {width: 105px; position: absolute; right: -20px; bottom:-30px; z-index: 1;}
.support_img_01 {width: 100%; max-width: 830px; margin: 0 auto;}
.support_img_02 {width: 100%; max-width: 42px; margin: 0 auto;}
.support_img_03 {width: 100%; max-width: 350px; margin: 0 auto;}
.support_img_04 {width: 100%; max-width: 400px; margin: 0 auto;}
.support_img_05 {width: 100%; max-width: 250px; margin: 0 auto; border-radius: 10px;}

.support_about_wrap {width: 100%;  display: flex; justify-content: space-between; align-items: stretch; gap:10px; margin-bottom: 40px;}
.support_about_wrap > div {width: 100%; border-radius: 20px; background: #ffffff;position: relative;}
.support_about_wrap > div::before{content: "";position: absolute;top: 100%;left: 50%;margin-left: -20px;border: 20px solid transparent;border-top: 20px solid #ffffff;}
.support_about_wrap > div .support_title_01 {width:100%; min-height: 40px; font-size:2.2rem; line-height: 1.2; font-weight: 800; color: #ffffff; text-align: center; display: flex; justify-content: center; align-items: center; gap:10px;border-radius: 20px 20px 0 0;background-image: linear-gradient(135deg, rgba(142, 199, 36, 1), rgba(200, 217, 48, 1)); padding:20px 5px; position: relative;}
.support_about_wrap > div .support_title_01::before {content:""; width: 10px; height: 10px; font-size: 0.1; line-height: 0.1; background: #ffffff; border-radius: 5px; position: absolute; top: 10px; left: 10px;}
.support_about_wrap > span {display: flex; justify-content: center; align-items: center; }
.support_about_wrap > div p {padding: 20px;}

.support_about_inner_wrap {width: 100%; border-radius: 20px; background: #ffffff;position: relative; padding: 0 0 30px 0}
.support_title_02 {width:100%; min-height: 40px; font-size:2.4rem; line-height: 1.2; font-weight: 800; color: #ffffff; text-align: center; display: flex; justify-content: center; align-items: center; gap:10px;border-radius: 20px 20px 0 0;background-image: linear-gradient(135deg, rgba(245, 172, 60, 1), rgba(246, 156, 166, 1)); padding:10px; position: relative;}

.support_inner_wrap {width: 450px; display: flex; justify-content: flex-start; align-items: center; gap:10px;  margin: 0 auto;}
.support_no {width:60px; height: 60px; font-size:3.4rem; font-family: 'Roboto Condensed', sans-serif!important;line-height: 1; font-weight:900;color: #ffffff; text-align: center; display: flex; justify-content: center; align-items: center; border-radius: 30px;background-image: linear-gradient(135deg, rgba(245, 172, 60, 1), rgba(246, 156, 166, 1)); padding:10px;}
.support_txt_01 {font-size:2rem; line-height: 1.4; font-weight: 800; color: #f48570;}

.support_wrap_02 {display: flex; justify-content: center; align-items: flex-start; flex-direction: column; gap:20px;}
.support_title_03 {width:100%; border-radius: 20px;background-image: linear-gradient(135deg, rgba(245, 172, 60, 1), rgba(246, 156, 166, 1)); padding:10px; position: relative;text-align: center;}
.support_title_03 div {width:100%; font-size:2.4rem; line-height: 1.2; font-weight: 800; text-align: center;color: #f48570; gap:10px;border-radius: 10px; background: #ffffff; padding:10px; position: relative;}

.support_wrap_03 { width: 100%;  background: #fde7e2; border-radius: 20px; padding: 0 0 30px 0;}
.support_title_04 {width:100%; min-height: 40px; font-size:2.2rem; line-height: 1.2; font-weight: 800; color: #ffffff; text-align: center; display: flex; justify-content: center; align-items: center; gap:10px;border-radius: 20px 20px 0 0;background-image: linear-gradient(135deg, rgba(245, 172, 60, 1), rgba(246, 156, 166, 1)); padding:20px 5px; position: relative;}
.support_title_04::before {content:""; width: 10px; height: 10px; font-size: 0.1; line-height: 0.1; background: #ffffff; border-radius: 5px; position: absolute; top: 10px; left: 10px;}
.support_wrap_03  p{margin: 0 20px;}

.support_btn_wrap {display: flex; justify-content: center; align-items: center; flex-direction: row; gap:40px;}
.suport_charge_wrap {width: 100%; display: flex; justify-content: center; align-items: stretch; flex-direction: row; gap:40px; flex-wrap: wrap;}
.suport_charge_wrap > div {width:calc(33% - 30px);display: flex;justify-content: flex-start; align-items: center; flex-direction: column;}

.suport_wrap_04 {width: 100%; max-width: 850px; display: flex; justify-content:center; align-items: stretch; flex-wrap: wrap; gap:20px; margin: 0 auto;}
.suport_wrap_04 div {width:calc(33% - 20px); max-width: 850px; font-size: 2rem; font-weight: 800; text-align: center; color: #ffffff; background: #ba8752; display: flex; justify-content:center; flex-direction: column; align-items: center;border-radius: 10px; padding: 20px; margin: 0 auto; -webkit-transition: all .3s;transition: all .3s; position: relative;}
.suport_wrap_04 div::before {content:""; width: 10px; height: 10px; font-size: 0.1; line-height: 0.1; background: #ffffff; border-radius: 5px; position: absolute; top: 5px; left: 5px;}


@media screen and (max-width: 768px) {
.page_il_10 {width: 70px; position: absolute; right: 3%; bottom:-60px; z-index: 2;}
.page_il_11 {width: 80px; position: absolute; right: -20px; bottom:-70px; z-index: 1;}
.support_img_01 {width: 100%; max-width: 500px; margin: 0 auto;}
.support_img_02 {width: 100%; max-width: 30px; margin: 0 auto;}
.support_img_03 {width: 70%; max-width: 350px; margin: 0 auto;}

.support_about_wrap {width: 100%;  display: flex; justify-content: space-between; align-items: stretch; flex-direction: column; gap:10px; margin-bottom: 40px;}
.support_about_wrap > div {width: 100%; border-radius: 20px; background: #ffffff;position: relative;}
.support_about_wrap > div::before{content: "";position: absolute;top: 100%;left: 50%;margin-left: -20px;border: 20px solid transparent;border-top: 20px solid #ffffff;}
.support_about_wrap > div:first-of-type::before{display: none;}
.support_about_wrap > div .support_title_01 {width:100%; min-height: 30px; font-size:2rem; line-height: 1.2; font-weight: 800; color: #ffffff; text-align: center; display: flex; justify-content: center; align-items: center; gap:10px;border-radius: 20px 20px 0 0;background-image: linear-gradient(135deg, rgba(142, 199, 36, 1), rgba(200, 217, 48, 1)); padding:10px 5px; position: relative;}

.support_about_wrap > span {display: flex; justify-content: center; align-items: center; }
.support_about_wrap > div .support_title_01::before {content:""; width: 8px; height: 8px; font-size: 0.1; line-height: 0.1; background: #ffffff; border-radius: 4px; position: absolute; top: 10px; left: 10px;}
.support_about_wrap > div p {padding: 20px;}

.support_about_inner_wrap {width: 100%; border-radius: 20px; background: #ffffff;position: relative; padding: 0 0 20px 0}
.support_title_02 {width:100%; min-height: 40px; font-size:2rem; line-height: 1.2; font-weight: 800; color: #ffffff; text-align: center; display: flex; justify-content: center; align-items: center; gap:10px;border-radius: 20px 20px 0 0;background-image: linear-gradient(135deg, rgba(245, 172, 60, 1), rgba(246, 156, 166, 1)); padding:10px; position: relative;}

.support_inner_wrap {width: 100%;; display: flex; justify-content: flex-start; align-items: center; gap:10px;  margin: 0 0 0 2%;}
.support_no {width:40px; height: 40px; font-size:2.8rem; font-family: 'Roboto Condensed', sans-serif!important;line-height: 1; font-weight:900;color: #ffffff; text-align: center; display: flex; justify-content: center; align-items: center; border-radius: 30px;background-image: linear-gradient(135deg, rgba(245, 172, 60, 1), rgba(246, 156, 166, 1)); padding:10px;}
.support_txt_01 {font-size:1.6rem; line-height: 1.4; font-weight: 800; color: #f48570;}


.support_wrap_02 {display: flex; justify-content: center; align-items: flex-start; flex-direction: column; gap:10px; margin-bottom: 30px;}
.support_title_03 {width:100%; border-radius: 20px;background-image: linear-gradient(135deg, rgba(245, 172, 60, 1), rgba(246, 156, 166, 1)); padding:10px; position: relative;text-align: center;}
.support_title_03 div {width:100%; font-size:2rem; line-height: 1.2; font-weight: 800; text-align: center;color: #f48570; gap:10px;border-radius: 10px; background: #ffffff; padding:10px; position: relative;}

.support_wrap_03 { width: 100%;  background: #fde7e2; border-radius: 20px; padding: 0 0 30px 0;}
.support_title_04 {width:100%; min-height: 40px; font-size:2.2rem; line-height: 1.2; font-weight: 800; color: #ffffff; text-align: center; display: flex; justify-content: center; align-items: center; gap:10px;border-radius: 20px 20px 0 0;background-image: linear-gradient(135deg, rgba(245, 172, 60, 1), rgba(246, 156, 166, 1)); padding:20px 5px; position: relative;}
.support_title_04::before {content:""; width: 8px; height: 8px; font-size: 0.1; line-height: 0.1; background: #ffffff; border-radius: 4px; position: absolute; top: 10px; left: 10px;}
.support_wrap_03  p{margin: 0 20px;}
.support_btn_wrap {display: flex; justify-content: center; align-items: center; flex-direction: column; gap:10px;}

.suport_charge_wrap {width: 100%; display: flex; justify-content: center; align-items: stretch; flex-direction: row; gap:25px 20px; flex-wrap: wrap;}
.suport_charge_wrap > div {width:100%;display: flex;justify-content: flex-start; align-items: center; flex-direction: column;}

.suport_wrap_04 {width: 100%; max-width: 850px; display: flex; justify-content:center; align-items: stretch; flex-wrap: wrap; gap:20px; margin: 0 auto;}
.suport_wrap_04 div {width:100%; max-width: 850px; font-size: 1.8rem; font-weight: 800; text-align: center; color: #ffffff; background: #ba8752; display: flex; justify-content:center; flex-direction: column; align-items: center;border-radius: 10px; padding: 20px; margin: 0 auto; -webkit-transition: all .3s;transition: all .3s; position: relative;}
.suport_wrap_04 div::before {content:""; width: 8px; height: 8px; font-size: 0.1; line-height: 0.1; background: #ffffff; border-radius: 4px; position: absolute; top: 5px; left: 5px;}
}




/*========================================
法人様向けサービス
=======================================*/

/* ヘッダー */
.services::before {background-image: url("../img/ptitle_bg_services.png") ; }
/* ページイラスト */
.page_il_09 {width: 90px; position: absolute; right: 100px; bottom:-80px; z-index: 2;}

.services_img_01 {width: 100%; max-width: 600px; border-radius: 10px;}

@media screen and (max-width: 768px) {
.page_il_09 {width: 70px; position: absolute; right: 3%; bottom:-60px; z-index: 2;}
}



/*========================================
講師紹介
=======================================*/

/* ヘッダー */
.lecturer::before {background-image: url("../img/ptitle_bg_lecturer.png") ; }
/* ページイラスト */
.page_il_08 {width: 135px; position: absolute; right: 120px; bottom:-80px; z-index: 2;}

@media screen and (max-width: 768px) {
.page_il_08 {width: 100px; position: absolute; right: 3%; bottom:-60px; z-index: 2;}
}



/*========================================
修了生・受講生の声
=======================================*/

/* ヘッダー */
.voice::before {background-image: url("../img/ptitle_bg_voice.png") ; }
/* ページイラスト */
.page_il_07 {width: 145px; position: absolute; right: 120px; bottom:-80px; z-index: 2;}


.voice_wrap section {width: 100%;  display: flex; justify-content: flex-start; align-items: stretch; gap:40px; position: relative;}
.voice_wrap .voice_img {width: 100%;  max-width: 300px; }
.voice_wrap .voice_img img {width: 100%;  max-width: 300px; border-radius: 10px;}
.voice_wrap .voice_txt {display: flex; justify-content: center; align-items: flex-start; flex-direction: column;}
.voice_wrap .voice_txt .voice_no {max-width: 300px; color: #e7f5f2; position: absolute; right: 0; top: 0; z-index: -1;}
.voice_wrap .voice_txt .voice_no div{font-size: 12rem;font-family: 'Roboto Condensed', sans-serif!important;line-height: 1; font-weight:900; color: #e7f5f2; position: relative;display: flex; justify-content: flex-end; align-items: center; flex-direction: row;}
.voice_wrap .voice_txt .voice_no div::before{content:"STUDENTS"; width: auto; display: inline-block;color: #00afcc; font-size: 1.1rem; font-weight: 700; font-family: 'Roboto Condensed', sans-serif!important;letter-spacing: 0.2em; position: absolute; right: 20px;}
.voice_wrap .voice_txt .voice_no div.graduates::before{content:"GRADUATES"!important; }
.voice_wrap .voice_txt .voice_no div::after {content:""; width: 10px; height: 10px; font-size: 0.1; line-height: 0.1; background: #00afcc; border-radius: 5px; position: absolute; right: 0;}
.voice_wrap section.lecturer_txt .voice_txt .voice_no div::before {content:"LECTURER"!important;}

.voice_wrap:nth-of-type(even) section {justify-content: flex-end; }
.voice_wrap:nth-of-type(even) section .voice_img {order: 2;}
.voice_wrap:nth-of-type(even) section .voice_txt {order: 1;  align-items: flex-end; text-align: right;}
.voice_wrap:nth-of-type(even) section .voice_txt h5{margin-right: -0.6em;}

.voice_wrap:nth-of-type(even) section .voice_txt .voice_no {left: 0;}
.voice_wrap:nth-of-type(even) .voice_txt .voice_no div{ justify-content: flex-start; }
.voice_wrap:nth-of-type(even) .voice_txt .voice_no div::before{text-align: left;  position: absolute; left: 20px;}
.voice_wrap:nth-of-type(even) .voice_txt .voice_no div::after {left: 0;}


@media screen and (max-width: 768px) {
.page_il_07 {width: 100px; position: absolute; right: 3%; bottom:-50px; z-index: 2;}

.voice_wrap section {width: 100%;  display: flex; justify-content: flex-start; align-items: stretch; gap:30px; flex-direction: column; position: static;}
.voice_wrap .voice_img {width: 75%;  max-width: 300px; margin: 0 auto;}
.voice_wrap .voice_img img {width: 100%;  max-width: 300px; border-radius: 10px;}
.voice_wrap .voice_txt {display: flex; justify-content: center; align-items: flex-start; flex-direction: column; position: relative;}
.voice_wrap .voice_txt h5 {font-size: 1.8rem;}
.voice_wrap .voice_txt .voice_no {max-width: 300px; color: #e7f5f2; position: absolute; right: 0; top: 0; z-index: -1;}
.voice_wrap .voice_txt .voice_no div{font-size: 9rem;font-family: 'Roboto Condensed', sans-serif!important;line-height: 1; font-weight:900; color: #e7f5f2; position: relative;display: flex; justify-content: flex-end; align-items: center; flex-direction: row;}
.voice_wrap .voice_txt .voice_no div::before{content:"STUDENTS"; width: auto; display: inline-block;color: #00afcc; font-size: 1rem; font-weight: 700; font-family: 'Roboto Condensed', sans-serif!important;letter-spacing: 0.2em; position: absolute; right: 20px;}
.voice_wrap .voice_txt .voice_no div::after {content:""; width: 8px; height: 8px; font-size: 0.1; line-height: 0.1; background: #00afcc; border-radius: 4px; position: absolute; right: 0;}

.voice_wrap:nth-of-type(even) section {justify-content: flex-start; }
.voice_wrap:nth-of-type(even) section .voice_img {order: 1;}
.voice_wrap:nth-of-type(even) section .voice_txt {order: 2;  align-items: flex-start; text-align: left;}
.voice_wrap:nth-of-type(even) section .voice_txt h5{margin-right: 0;}

.voice_wrap:nth-of-type(even) section .voice_txt .voice_no {right: 0; left: inherit; width: 100%;}
.voice_wrap:nth-of-type(even) .voice_txt .voice_no div{ justify-content: flex-end; }
.voice_wrap:nth-of-type(even) .voice_txt .voice_no div::before{text-align: right;  position: absolute; right: 20px;}
.voice_wrap:nth-of-type(even) .voice_txt .voice_no div::after {right: 0; left: inherit}

}





/*========================================
よくある質問
=======================================*/

/* ヘッダー */
.about::before {background-image: url("../img/ptitle_bg_about.png") ; }
/* ページイラスト */
.page_il_06 {width: 110px; position: absolute; right: 120px; bottom:-80px; z-index: 2;}

.accordion {width: 100%;}
.toggle {display: none;}
.option {position: relative;margin-bottom: 30px; }
.title,.content {-webkit-backface-visibility: hidden;backface-visibility: hidden;transform: translateZ(0);}
.title {transform: rotate(0.05deg);font-size: 2rem;line-height: 1.3; font-weight:700; color: #8ec724; cursor: pointer;background: #f0f0f0;min-height: 70px; display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap; border-radius: 40px; padding: 0 70px 0 30px;-webkit-transition: all .3s;transition: all .3s;}
.title span{transform: rotate(0.05deg);display: block;font-size: 4rem;font-family: 'Roboto Condensed', sans-serif!important;line-height: 1; font-weight:900; color: #8ec724;margin-right: 20px;}

.title::after,.title::before {content: "";position: absolute;right: 40px;top: 25px;width: 2px;height: 20px;background-color: #8ec724;-webkit-transition: all .3s;transition: all .3s;}
.title::after {transform: rotate(90deg);}

.title:hover {color: #ffffff;background-image: linear-gradient(135deg, rgba(142, 199, 36, 1), rgba(200, 217, 48, 1));}
.title:hover span{color: #ffffff;}
.title:hover::after,
.title:hover::before {background-color: #ffffff;}

.content {max-height: 0;overflow: hidden;}
.content {width: 100%; padding-bottom: 0; position: relative;margin: 0 auto 0 auto;padding: 0 20px 0 75px;background: #f0f0f0; border-radius: 0 0 20px 20px}
.content::before {transform: rotate(0.05deg);content: "A";font-size: 4rem;line-height: 1; font-weight:900; color: #f48570;font-family: 'Roboto Condensed', sans-serif!important;position: absolute; top: 20px; left: 30px;}
.content table{width: 100%; margin: 20px 0;}
.content table th{border: 1px solid #999999; padding: 5px;vertical-align: middle; white-space: nowrap;}
.content table td{border: 1px solid #999999; padding: 5px;vertical-align: middle;}
.content table td.right{text-align: right}

.faq_box {display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap; color: #3271a5;}
.faq_box span {display: flex; justify-content: center; align-items: center; padding: 20px 10px 20px 20px; margin: 10px 10px; background: #3271a5;color: #ffffff; border-radius: 10px;text-align: center;}

.toggle:checked + .title + .content {max-height: 9999px; margin: 0; padding-bottom: 25px; padding-top: 20px; }
.toggle:checked + .title {border-radius: 20px 20px 0 0; color: #ffffff; background-image: linear-gradient(135deg, rgba(142, 199, 36, 1), rgba(200, 217, 48, 1));}
.toggle:checked + .title span{color: #ffffff;}
.toggle:checked + .title::before {
transform: rotate(45deg) !important;
background-color: #ffffff;
}
.toggle:checked + .title::after {
transform: rotate(135deg) !important;
background-color: #ffffff;
}


@media screen and (max-width: 768px) {
.option {position: relative;margin-bottom: 15px; }
.title {font-size: 1.6rem;padding: 0 40px 0 20px;}
.title::after,.title::before {content: "";position: absolute;right: 25px;top: 25px;width: 2px;height: 20px;}
.title span{display: block;font-size: 2.4rem;line-height: 1; font-weight:900; margin-right: 10px;}
.content {width: 100%;padding-bottom: 0; position: relative;margin: 0 auto 0 auto;padding: 0 20px 0 45px;}
.content::before {content: "A";font-size: 2.4rem;line-height: 1; position: absolute; top: 20px; left: 20px;}
.faq_box span {display: flex; justify-content: center; align-items: center; padding: 10px; margin: 5px 5px;  border-radius: 10px;}
}






/*========================================
各教室案内
=======================================*/

/* ヘッダー */
.class::before {background-image: url("../img/ptitle_bg_class.png") ; }
/* ページイラスト */
.page_il_05 {width: 110px; position: absolute; right: 120px; bottom:-80px; z-index: 2;}

.class_img_01 {border-radius: 10px;}
.map_wrap { width: 100%; height: 300px; overflow:hidden; border-radius: 10px;}

@media screen and (max-width: 768px) {
.page_il_05 {width: 80px; position: absolute; right: 3%; bottom:-60px; z-index: 2;}
}





/*========================================
その他の講座
=======================================*/

/* ヘッダー */
.etccourse::before {background-image: url("../img/ptitle_bg_etccourse.png") ; }
/* ページイラスト */
.page_il_041 {width: 105px; position: absolute; right: 110px; bottom:-80px; z-index: 2;}

.etccourse_btn_wrap {width: 100%; max-width: 850px; display: flex; justify-content:center; align-items: stretch; flex-wrap: wrap; gap:20px; margin: 0 auto;}
.etccourse_btn_wrap a {width:calc(33% - 20px); max-width: 850px; font-size: 2rem; font-weight: 500; text-align: center; color: #ffffff;background-image: linear-gradient(135deg, rgba(27, 28, 128, 1), rgba(0, 175, 204, 1));display: flex; justify-content:center; flex-direction: column; align-items: center;border-radius: 10px; padding: 20px; margin: 0 auto; -webkit-transition: all .3s;transition: all .3s;}
.etccourse_btn_wrap a::before {content:""; width: 10px; height: 10px; font-size: 0.1; line-height: 0.1; background: #ffffff; border-radius: 5px; position: absolute; top: 5px; left: 5px;}

.course_point div.etc::before {content:"取得のメリット"!important;width: 200px!important; }
.etccourse_price_title {width:100%; min-height: 40px; font-size:2rem; line-height: 1.2; font-weight: 500; color: #ffffff; display: flex; justify-content: space-between; align-items: center; border-radius: 20px 20px 0 0;background-image: linear-gradient(135deg, rgba(142, 199, 36, 1), rgba(200, 217, 48, 1)); padding:10px 0; }
.etccourse_price_title span {width: 100%; display: flex; justify-content: center; align-items: center; text-align: center;}
.etccourse_price_title span:nth-of-type(1) {width: 44%;}
.etccourse_price_title span:nth-of-type(2) {width: 16%; border-left:1px dotted #ffffff;border-right:1px dotted #ffffff;}
.etccourse_price_title span:nth-of-type(3) {width: 40%;}

.etccourse_price_title_sp {display:none;}

.etccourse_price_wrap {width:100%; min-height: 40px; font-size:2rem; line-height: 1.2; font-weight: 500; display: flex; justify-content: space-between; align-items: stretch; padding:10px 0; }
.etccourse_price_wrap > div {width: 100%; display: flex; justify-content: center; align-items: center;flex-direction: column; text-align: center; padding: 20px 10px;}
.etccourse_price_wrap > div:nth-of-type(1) {width: 44%;padding-left: 20px;justify-content: center; align-items: flex-start;}
.etccourse_price_wrap > div:nth-of-type(2) {width: 16%; border-left:1px dotted #666666;border-right:1px dotted #666666;}
.etccourse_price_wrap > div:nth-of-type(3) {width: 40%; padding-right: 20px;justify-content: center; align-items: flex-end;}
.deg_90{transform: rotate(90deg);}




@media screen and (min-width: 768px) {
.etccourse_btn_wrap a:hover{transform: scale(1.05,1.05);}
}

@media screen and (max-width: 850px) {
.etccourse_btn_wrap {width: 100%; max-width: 850px; display: flex; justify-content:center; align-items: stretch; flex-wrap: wrap; gap:20px; margin: 0 auto;}
.etccourse_btn_wrap a {width:calc(50% - 20px); max-width: 850px; font-size: 2rem; font-weight: 500; text-align: center; color: #ffffff;background-image: linear-gradient(135deg, rgba(27, 28, 128, 1), rgba(0, 175, 204, 1));display: flex; justify-content:center; flex-direction: column; align-items: center;border-radius: 10px; padding: 20px; margin: 0 auto; -webkit-transition: all .3s;transition: all .3s;}
}

@media screen and (max-width: 768px) {
.page_il_041 {width: 80px; position: absolute; right: 3%; bottom:-50px; z-index: 2;}
.etccourse_btn_wrap {width: 100%; max-width: 850px; display: flex; justify-content:center; align-items: stretch; flex-wrap: wrap; gap:10px; margin: 0 auto;}
.etccourse_btn_wrap a {width:calc(50% - 10px); max-width: 850px; font-size: 1.6rem; font-weight: 500; text-align: center; color: #ffffff;background-image: linear-gradient(135deg, rgba(27, 28, 128, 1), rgba(0, 175, 204, 1));display: flex; justify-content:center; flex-direction: column; align-items: center;border-radius: 10px; padding: 10px 0; margin: 0 auto; -webkit-transition: all .3s;transition: all .3s;}
.etccourse_btn_wrap a::before {content:""; width: 8px; height: 8px; font-size: 0.1; line-height: 0.1; background: #ffffff; border-radius: 4px; position: absolute; top: 5px; left: 5px;}

.etccourse_price_title {display: none; }
.etccourse_price_title_sp {width:100%; min-height: 30px; font-size:1.6rem; line-height: 1.2; font-weight: 500; color: #ffffff; display: flex; justify-content: center; align-items: center; border-radius: 20px;background-image: linear-gradient(135deg, rgba(142, 199, 36, 1), rgba(200, 217, 48, 1)); padding:10px 0;margin-bottom: 10px; }

.etccourse_price_wrap {width:100%; min-height: 40px; font-size:1.8rem; line-height: 1.2; font-weight: 500; display: flex; justify-content: space-between; align-items: stretch; flex-direction: column; padding:10px; }
.etccourse_price_wrap > div {width: 100%; display: flex; justify-content: center; align-items: center;flex-direction: column; text-align: center; padding: 10px 10px;}
.etccourse_price_wrap > div:nth-of-type(1) {width: 100%;padding: 10px;justify-content: center; align-items: center;}
.etccourse_price_wrap > div:nth-of-type(2) {width: 100%; padding: 10px;border-left:none;border-right:none;justify-content: center; align-items: center;}
.etccourse_price_wrap > div:nth-of-type(3) {width: 100%; padding: 10px;justify-content: center; align-items: center;}
.deg_90{transform: rotate(90deg);}

}






/*========================================
福祉のキャリアカレッジについて
=======================================*/

/* ヘッダー */
.about::before {background-image: url("../img/ptitle_bg_about.png") ; }
/* ページイラスト */
.page_il_04 {width: 144px; position: absolute; right: 80px; bottom:-80px; z-index: 2;}

.about_img_01 {width:100%; border-radius: 20px;}
.about_reason_wrap {width: 100%; display: flex; justify-content:center; align-items: stretch;gap:40px; margin: 0 auto;}
.about_reason_wrap:nth-of-type(even) .img_wrap {order: 2;}
.about_reason_wrap:nth-of-type(even) .txt_wrap {order: 1;}

.about_reason_wrap .img_wrap {width: 100%; max-width: 340px;}
.about_reason_wrap .img_wrap img{width: 100%; border-radius: 20px;}
.about_reason_wrap .txt_wrap {width: 100%; }

.about_reason_wrap .txt_wrap h4{width: 100%; font-size: 2.8rem; font-weight: 500; color: #00afcc; position: relative;text-align: left; margin-top: 40px;}
.about_reason_wrap .txt_wrap h4 span:first-of-type {position: absolute;top: -20px;left: 0;}
.about_reason_wrap .txt_wrap h4 span:first-of-type span{font-size: 1.4rem; font-weight: 500; color: #ffffff; position: relative;display: flex;justify-content: center; align-items:center;width: 230px;height: 30px;background: #00afcc;border-radius: 15px;}
.about_reason_wrap .txt_wrap h4 span:first-of-type span::before{content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border: 5px solid transparent;border-top: 7px solid #00afcc;}

.about_btn_wrap {display: flex; justify-content: flex-start; align-items: center; gap:20px;}
a.about_btn {width: 50%; max-width: 350px; height: 40px; font-size: 1.6rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row; justify-content: space-between; align-items:center; gap:10px;position: relative; background: #f48570; padding: 0 15px 0 20px; border-radius: 20px; white-space: nowrap; -webkit-transition: all .3s;transition: all .3s; }
a.about_btn i{font-size: 1.2em;}

@media screen and (min-width: 768px) {
a.about_btn:hover{transform: scale(1.05,1.05);}
}

@media screen and (max-width : 955px ){
.about_btn_wrap {display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; gap:10px;}
a.about_btn {width: 100%; max-width: 350px; height: 40px; font-size: 1.6rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row; justify-content: space-between; align-items:center; gap:10px;position: relative; background: #f48570; padding: 0 15px 0 20px; border-radius: 20px; white-space: nowrap; -webkit-transition: all .3s;transition: all .3s; }
}

@media screen and (max-width: 768px) {
.page_il_04 {width: 80px; position: absolute; right: 3%; bottom:-50px; z-index: 2;}
.about_reason_wrap {width: 100%; display: flex; justify-content:center; align-items: stretch; flex-direction: column; gap:30px; margin: 0 auto;}
.about_reason_wrap:nth-of-type(even) .img_wrap {order: 1;}
.about_reason_wrap:nth-of-type(even) .txt_wrap {order: 2;}

.about_reason_wrap .img_wrap {width: 80%; max-width: 450px; margin: 0 auto;}
.about_reason_wrap .img_wrap img{width: 100%; border-radius: 20px;}
.about_reason_wrap .txt_wrap {width: 100%; }

.about_reason_wrap .txt_wrap h4{width: 100%; font-size: 2.4rem; font-weight: 500; color: #00afcc; position: relative;text-align: left; margin-top: 40px; text-align: center;}
.about_reason_wrap .txt_wrap h4 span:first-of-type {position: absolute;top: -20px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.about_reason_wrap .txt_wrap h4 span:first-of-type span{font-size: 1.2rem; font-weight: 500; color: #ffffff; position: relative;display: flex;justify-content: center; align-items:center;width: 230px;height: 30px;background: #00afcc;border-radius: 15px;}
.about_reason_wrap .txt_wrap h4 span:first-of-type span::before{content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border: 5px solid transparent;border-top: 7px solid #00afcc;}

a.about_btn {width: 100%; max-width: 350px; height: 40px; font-size: 1.4rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row; justify-content: space-between; align-items:center; gap:10px;position: relative; background: #f48570; padding: 0 15px 0 15px; border-radius: 20px; white-space: nowrap; -webkit-transition: all .3s;transition: all .3s; }
}


/*========================================
介護福祉士受験対策講座
=======================================*/

/* ヘッダー */
.course::before {background-image: url("../img/ptitle_bg_course.png") ; }
/* ページイラスト */
.page_il_02 {width: 100px; position: absolute; right: 350px; bottom:-80px; z-index: 2;}
.page_il_03 {width: 203px; position: absolute; right: 100px; bottom:-100px; z-index: 2;}

.course_img_01 {position: relative; max-width:430px; margin-top: -80px; }
.course_img_02 {position: relative; max-width:680px;  }
.course_btn_wrap {width: 90%; display: flex; justify-content:center; align-items: stretch;flex-wrap: wrap; gap:40px; margin: 0 auto;}
.course_btn_wrap img { width: calc(50% - 20px); max-width: 350px;}
.course_btn_wrap_02 {width: 100%; display: flex; justify-content:center; align-items: stretch;flex-wrap: wrap; gap:40px; margin: 0 auto;}
.course_btn_wrap_02 img { width: 100%; max-width: 350px;-webkit-transition: all .3s;transition: all .3s;}

@media screen and (min-width: 768px) {
.course_btn_wrap_02 img:hover{transform: scale(1.05,1.05);}
}

.course_date_wrap {width: 100%; min-height:80px;  font-size:2.4rem; line-height: 1.4; font-weight: 800; color: #ffffff; text-align: center; display: flex; justify-content:center; align-items: center; flex-direction: column; position: relative;background-image: linear-gradient(135deg, rgba(142, 199, 36, 1), rgba(200, 217, 48, 1));border-radius: 10px;padding: 20px;}
.course_date_wrap::before {content:""; width: 10px; height: 10px; font-size: 0.1; line-height: 0.1; background: #ffffff; border-radius: 5px; position: absolute; top: 5px; left: 5px;}
.course_date_wrap::after {content:"\e915";font-family: 'icomoon' !important;font-size:5.5rem; line-height: 1; color: rgba(255,255,255,1); position: absolute; bottom: 10px; right: 10px; opacity: 0.4;}

.course_point {width: 100%; min-height:80px;  display: flex; justify-content:flex-start; flex-direction: column; align-items: flex-start; position: relative;background: #fde7e2; border-radius: 10px;padding: 30px;}
.course_point div {font-size:2rem; line-height: 1.6; font-weight: 800; color: #f48570; text-indent: -1em;padding-left: 1em; position: static;z-index: 1;}
.course_point div:first-of-type::before {content:"POINT"; width:110px; height: 20px;  font-size:1.4rem; line-height: 1; font-weight: 700; font-family: 'Roboto Condensed', sans-serif!important;letter-spacing: 0.2em;color: #ffffff; background: #f48570; display: flex; justify-content: center; align-items: center;padding: 10px; border-radius: 10px; position: absolute; top: -10px; left:30px;text-indent: 0;}
.course_point::before {content:""; width: 10px; height: 10px; font-size: 0.1; line-height: 0.1; background: #ffffff; border-radius: 5px; position: absolute; top: 5px; left: 5px;}
.course_point::after {content:"\e914";font-family: 'icomoon' !important;font-size:5.5rem; line-height: 1; color: rgba(255,255,255,1); position: absolute; bottom: 10px; right: 10px; opacity: 0.4;}

.curriculum_wrap {width: 100%; display: flex; justify-content:flex-start; flex-direction: column; align-items: flex-start;gap:15px;position: relative; margin: 0 auto;}
.curriculum_wrap dl {width: 100%; display: flex; justify-content:flex-start; align-items: flex-start; flex-direction: row; gap:30px;}
.curriculum_wrap dl dt {width:80px; height: 30px;  font-size:1.6rem; line-height: 1.5; font-weight: 500; color: #ffffff; background: #00afcc; display: flex; justify-content: center; align-items: center;padding: 5px; border-radius: 15px;white-space: nowrap;}
.curriculum_wrap dl dd {width:100%; font-size:1.6rem; line-height: 1.5; font-weight: 500; padding: 3px 0 0 0; }



@media screen and (max-width : 955px ){
.page_il_02 {width: 100px; position: absolute; right: 25%; bottom:-8vw; z-index: 2;}
.page_il_03 {width: 160px; position: absolute; right: 3%; bottom:-12vw; z-index: 2;}

}



@media screen and (max-width: 768px) {
.course_btn_wrap {width: 80%; display: flex; justify-content:center; align-items: stretch;flex-wrap: wrap; gap:20px; margin: 0 auto;}
.page_il_02 {width: 70px; position: absolute; right: 33%; bottom:-12vw; z-index: 2;}
.page_il_03 {width: 110px; position: absolute; right: 1%; bottom:-16vw; z-index: 2;}
.course_btn_wrap img { width: 80%; max-width: 350px;}

.course_img_01 {position: relative; max-width:500px; margin-top: 0; }

.course_date_wrap {width: 100%; min-height:80px;  font-size:2rem; line-height: 1.4; font-weight: 800; color: #ffffff; display: flex; justify-content:center; align-items: center; flex-direction: column; position: relative;background-image: linear-gradient(135deg, rgba(142, 199, 36, 1), rgba(200, 217, 48, 1));border-radius: 10px;padding: 20px;}
.course_date_wrap::before {content:""; width: 10px; height: 10px; font-size: 0.1; line-height: 0.1; background: #ffffff; border-radius: 5px; position: absolute; top: 5px; left: 5px;}
.course_date_wrap::after {content:"\e915";font-family: 'icomoon' !important;font-size:5.5rem; line-height: 1; color: rgba(255,255,255,1); position: absolute; bottom: 10px; right: 10px; opacity: 0.4;}

.course_point {width: 100%; min-height:80px;  display: flex; justify-content:flex-start; flex-direction: column; align-items: flex-start; position: relative; gap:10px;background: #fde7e2; border-radius: 10px;padding: 20px;}
.course_point div {font-size:1.6rem; line-height: 1.6; font-weight: 800; color: #f48570; text-indent: -1em;padding-left: 1em; position: static;z-index: 1;}
.course_point div:first-of-type::before {content:"POINT"; width:110px; height: 20px;  font-size:1.2rem; line-height: 1; font-weight: 700; font-family: 'Roboto Condensed', sans-serif!important;letter-spacing: 0.2em;color: #ffffff; background: #f48570; display: flex; justify-content: center; align-items: center;padding: 10px; border-radius: 10px; position: absolute; top: -10px; left:30px;text-indent: 0;}
.course_point::before {content:""; width: 10px; height: 10px; font-size: 0.1; line-height: 0.1; background: #ffffff; border-radius: 5px; position: absolute; top: 5px; left: 5px;}
.course_point::after {content:"\e914";font-family: 'icomoon' !important;font-size:5.5rem; line-height: 1; color: rgba(255,255,255,1); position: absolute; bottom: 10px; right: 10px; opacity: 0.4;}

.curriculum_wrap {width: 100%; max-width: 850px; display: flex; justify-content:flex-start; flex-direction: column; align-items: flex-start;gap:10px;position: relative; margin: 0 auto;}
.curriculum_wrap dl {width: 100%; display: flex; justify-content:flex-start; align-items: flex-start; flex-direction: row; gap:15px;}
.curriculum_wrap dl dt {width:80px; height: 20px;  font-size:1.4rem; line-height: 1.5; font-weight: 500; color: #ffffff; background: #00afcc; display: flex; justify-content: center; align-items: center;padding: 10px; border-radius: 15px;white-space: nowrap;}
.curriculum_wrap dl dd {width:100%; font-size:1.4rem; line-height: 1.5; font-weight: 500; padding: 0 0 0 0; }



}




/*========================================
実務者研修
=======================================*/

/* ヘッダー */
.training::before {background-image: url("../img/ptitle_bg_training.png") ; }
/* ページイラスト */
.page_il_01 {width: 120px; position: absolute; right: 100px; bottom:-100px; z-index: 2;}


.training_img_01 {position: relative; max-width:615px; margin-top: -35px; }
.training_img_02 {position: relative; max-width:430px; }
.training_img_03 {position: relative; max-width:750px; }
.training_img_04 {position: relative; max-width:635px; }
.training_img_05 {position: relative; max-width:615px; }
.training_img_06 {position: relative; max-width:850px; }

.maxw_900 {width: 100%; max-width: 900px; margin: 0 auto;}
.studies_wrap {width: 100%; height: 100%; max-width: 405px; display: flex; flex-direction: column; flex-wrap: wrap; padding: 20px; border: #8ec724 1px solid; border-radius: 20px;}
.studies_wrap h4{width:100%; min-height: 40px; font-size:2.4rem; line-height: 1.2; font-weight: 800; color: #ffffff; display: flex; justify-content: center; align-items: center; gap:10px;border-radius: 20px;background-image: linear-gradient(135deg, rgba(142, 199, 36, 1), rgba(200, 217, 48, 1)); padding:5px 15px 5px 15px; margin-top: -40px; }
.studies_wrap img {width:100%; border-radius: 5px;}
.studies_point {min-height: 120px; font-size:1.4rem; line-height: 1.8; font-weight: 500; color: #f48570; background: #fde7e2; padding: 20px 10px; border-radius: 5px; position: relative; margin-top: auto;}
.studies_point div {position: relative; z-index: 1;}
.studies_point::after {content:"POINT"; width:110px; height: 20px;  font-size:1.1rem; line-height: 1; font-weight: 700; font-family: 'Roboto Condensed', sans-serif!important;letter-spacing: 0.2em;color: #ffffff; background: #f48570; display: flex; justify-content: center; align-items: center;padding: 10px; border-radius: 10px; position: absolute; top: -10px; left:10px;}
.studies_point::before {content:"\e914"; font-family: 'icomoon' !important; color: rgba(255, 255, 255, 0.4);font-size:5.5rem; line-height: 1; position: absolute; right: 5px; bottom: 8px;z-index: 0;}


.training_table .table-outer.table2 {overflow-y: scroll;cursor: all-scroll;}
.training_table .table-outer {width: auto;max-width: 73vw;overflow-y: hidden!important;overflow-x: auto!important;margin: 0 auto;}
.training_table .table-outer {width: 100%; margin: 1em 0 3em;padding-bottom: 1px;}

.training_table .table-outer table {
    border-top: 1px solid #e8f4d3;
    border-left: 1px solid #e8f4d3;
}

.training_table .table-outer.table2 table th:first-of-type, .training_table .table-outer.table3 table th:first-of-type {
    background-image: -webkit-linear-gradient(bottom left, transparent, transparent 49.75%, #fff 49.75%, #fff 50.25%, transparent 50.25%, transparent);
    background-image: -o-linear-gradient(bottom left, transparent, transparent 49.75%, #fff 49.75%, #fff 50.25%, transparent 50.25%, transparent);
    background-image: linear-gradient(to top right, transparent, transparent 49.5%, #fff 49.5%, #fff 50.5%, transparent 50.5%, transparent);
    height: 82px;
}
.training_table .table-outer table th {
    border-right: 1px solid #e0e0e0;
    background-color: #8ec724;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 0.5em 2em;
    line-height: 1.2;
    width: 200px;
    white-space: nowrap;
    position: relative;
}

.training_table .table-outer table th, .training_table .table-outer table td {
    font-size: 1.8rem;
    vertical-align: middle;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
}

.training_table .table-outer table td:nth-of-type(1) {
    background-color: #e8f4d3;
    text-align: left;
    padding: 1em 1.2em;
}
.training_table .table-outer table td {
    text-align: center;
    font-weight: bold;
    padding: 1em 0;
    white-space: nowrap;
}
.training_table .table-outer table th, .training_table .table-outer table td {
    font-size: 1.6rem;
    vertical-align: middle;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
}

.training_table .table-outer table th span.poslb {
    left: 0.5em;
    bottom: 0.5em;
}

.training_table .table-outer table th span.posrt {
    top: 0.5em;
    right: 0.5em;
    }
    
.training_table .table-outer table th span.pos {
    position: absolute;
}




@media screen and (min-width: 1650px) {
.training_table .table-outer {max-width: 1200px;}
}

@media screen and (max-width : 955px ){
.training_table .table-outer {max-width: 100%;}
}

@media screen and (max-width: 768px) {
.page_il_01 {width: 80px; position: absolute; right: 5%; bottom:-10vw; z-index: 2;}
.training_img_01 {position: relative; max-width:500px; margin: 0 auto;}
.training_img_03 {position: relative; max-width:500px; margin: 0 auto;}
.training_img_06 {position: relative; max-width:500px; margin: 0 auto;}

.studies_wrap {width: 100%; height: 100%; max-width: 405px; display: flex; justify-content: center;flex-direction: column; flex-wrap: wrap; padding: 20px; border: #8ec724 1px solid; border-radius: 20px; margin: 0 auto;}
.studies_wrap h4{width:100%; min-height: 40px; font-size:2rem; line-height: 1.2; font-weight: 800; color: #ffffff; display: flex; justify-content: center; align-items: center; gap:10px;border-radius: 20px;background-image: linear-gradient(135deg, rgba(142, 199, 36, 1), rgba(200, 217, 48, 1)); padding:5px 15px 5px 15px; margin-top: -40px; }
.studies_wrap img {width:100%; border-radius: 5px;}
.studies_point {min-height: auto; font-size:1.2rem; line-height: 1.6; font-weight: 500; color: #f48570; background: #fde7e2; padding: 20px 10px; border-radius: 5px; position: relative; margin-top: auto;}
.studies_point div {position: relative; z-index: 1;}
.studies_point::after {content:"POINT"; width:110px; height: 20px;  font-size:1.1rem; line-height: 1; font-weight: 700; font-family: 'Roboto Condensed', sans-serif!important;letter-spacing: 0.2em;color: #ffffff; background: #f48570; display: flex; justify-content: center; align-items: center;padding: 10px; border-radius: 10px; position: absolute; top: -10px; left:10px;}
.studies_point::before {content:"\e914"; font-family: 'icomoon' !important; color: rgba(255, 255, 255, 0.4);font-size:5.5rem; line-height: 1; position: absolute; right: 5px; bottom: 8px;z-index: 0;}

}



/*========================================
pages
=======================================*/


/* メインコンテンツ */
main {width: 100%; height: auto; display: flex; justify-content:center; align-items: flex-start; padding: 11vw 40px 0 40px;}
.main_inner {display: block; width: 100%; min-width: 850px; max-width: 1200px; height: auto; margin: 0 auto; }

main article {width: 100%;}
main img {width: auto; max-width:100%; height: auto;}

main h2 {width: 100%; min-height: 60px; font-size: 2.8rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row; justify-content: space-between; align-items:center; gap:20px;position: relative; background-image: linear-gradient(135deg, rgba(0, 175, 204, 1), rgba(133, 203, 191, 1)); padding: 0 15px 0 15px; border-radius: 5px 30px 30px 5px; -webkit-transition: all .3s;transition: all .3s; }
main h2 > span:last-of-type{width: auto;  display: inline-block;font-size: 1.1rem; font-weight: 700; font-family: 'Roboto Condensed', sans-serif!important;letter-spacing: 0.2em; margin-right: 25px; white-space: nowrap;}
main h2 > span:last-of-type::after {content:""; width: 10px; height: 10px; font-size: 0.1; line-height: 0.1; background: #ffffff; border-radius: 5px; position: absolute; margin-left: 10px;}

main h3 {font-size: 2rem; line-height: 1.4em; font-weight: 500; color: #00afcc; border-bottom: 1px dotted #00afcc; padding-bottom: 0.5em;}
main h3::after{content:""; width: 10px; height: 10px; font-size: 0.1; line-height: 0.1; background: #00afcc; border-radius: 5px; position: absolute; bottom: -5px; right: -5px;}

main h5 {font-size: 2.4rem; line-height: 1.4em; font-weight: 800; color: #00afcc;}
main h6 {font-size: 2rem; line-height: 1.4em; font-weight: 800; color: #00afcc;}
main p {font-size: 1.6rem; line-height: 1.9em;}

.blue_wrap {width: 100%; background: #e7f5f2; border-radius: 30px; padding: 40px; margin: 0; position: relative;}
.blue_wrap > section {width: 100%; background: #ffffff; border-radius: 20px;}
.blue_wrap > section .section_inner {width: 100%; padding: 30px 0;}
.blue_wrap > section h4 {width:100%; min-height: 40px; font-size:2rem; line-height: 1.2; font-weight: 500; color: #ffffff; display: flex; justify-content: flex-start; align-items: center; gap:10px;border-radius: 20px 20px 0 0;background-image: linear-gradient(135deg, rgba(142, 199, 36, 1), rgba(200, 217, 48, 1)); padding:5px 15px 5px 15px }
.blue_wrap > section h4::before {content:""; width: 10px; height: 10px; font-size: 0.1; line-height: 0.1; background: #ffffff; border-radius: 5px;}


.merit_wrap {display:flex; gap:20px;width: 100%; position: relative;background: #fde7e2; border-radius: 10px; padding: 20px;}
.merit_wrap::before {content:""; width: 10px; height: 10px; font-size: 0.1; line-height: 0.1; background: #ffffff; border-radius: 5px; position: absolute; top: 5px; left: 5px;}
.merit_icon {width:85px; position: absolute; right:-20px; top: -20px;}
.merit_img { width: 295px; border-radius: 5px;max-width: 295px;}

.point_wrap {width: 100%; display:flex; justify-content: space-between; flex-wrap: wrap; gap:20px;border-radius: 10px; }
.point_wrap > section {width: calc(50% - 10px); font-size: 2rem; line-height: 1.5; font-weight: 500; color: #00afcc;position: relative;background: #e7f5f2; border-radius: 10px; padding: 20px;}
.point_wrap > section div {width: 100%; z-index: 1;display:flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; gap:15px;}
.point_wrap > section::after  {content:""; width: 10px; height: 10px; font-size: 0.1; line-height: 0.1; background: #ffffff; border-radius: 5px; position: absolute; top: 5px; left: 5px;}
.point_wrap > section::before {content:"";font-size: 7.8rem; color: #ffffff; font-weight: 700; line-height: 1; font-family: 'Roboto Condensed', sans-serif!important; position: absolute; right: -5px; bottom: -15px;}
.point_wrap > section:nth-of-type(1)::before {content:"01";}
.point_wrap > section:nth-of-type(2)::before {content:"02";}
.point_wrap > section:nth-of-type(3)::before {content:"03";}
.point_wrap > section:nth-of-type(4)::before {content:"04";}
.point_wrap > section:nth-of-type(5)::before {content:"05";}
.point_wrap > section:nth-of-type(6)::before {content:"06";}

.course_point_3 {width: 100%!important; }
.course_point_3 div {width: 100%; z-index: 1;display:flex; justify-content: space-between; align-items: center!important; flex-direction: row!important; flex-wrap: nowrap;}


.price_wrap {width: 96%; display:flex; justify-content: space-between; align-items: center;gap:20px; border-bottom: 1px dotted #666666; padding: 20px 10px; margin: 0 auto;}
.price_wrap:first-of-type {padding: 0 10px 20px 10px; }
.price_wrap dt {width: auto; font-size: 2rem; line-height: 1; font-weight: 500; color: #00afcc;display:flex; justify-content: space-between;   align-items: center;gap:20px;}
.price_wrap dd > div{width: auto; font-size: 1.6rem; line-height: 1; font-weight: 500; display:flex; justify-content: flex-end;  align-items: center;gap:20px;}
.price_wrap dd > div i{line-height: 1; color: #f48570}
.s_price {font-size: 2.8rem; line-height: 1; font-weight: 800; color: #f48570;display:flex; justify-content: flex-end;  align-items: center;gap:10px;}
.cp_txt {height: 20px; font-size: 1.2rem; line-height: 1; font-weight: 700; color: #ffffff; background: #f48570; display:flex; justify-content: center;  align-items: center;padding: 0 10px; border-radius: 20px;}

.discount_wrap {width: 100%; display:flex; justify-content: space-between; align-items: stretch;gap:20px; }
.discount_wrap > section {width: 100%; display:flex; justify-content: flex-start; flex-direction: column; align-items: center;text-align: center; background: #ffffff; border-radius: 20px; padding-bottom: 15px;}
.discount_wrap > section h4 {width:100%; min-height: 40px; font-size:2rem; line-height: 1.2; font-weight: 800; color: #ffffff; display: flex; justify-content: center; align-items: center; border-radius: 20px 20px 0 0;background-image: linear-gradient(135deg, rgba(142, 199, 36, 1), rgba(200, 217, 48, 1)); padding:5px 15px 5px 15px; }
.discount_wrap > section p {line-height: 1.5;}
.discount_wrap > section p:last-of-type { margin-top: auto;}





@media screen and (max-width : 955px ){
.main_inner {min-width: auto; }
}

@media screen and (max-width: 900px) {
main article {width: 100%; padding-left: 3%; padding-right: 3%;}
}

@media screen and (max-width: 768px) {
main img {width:100%; height: auto;}

main h2 {width: 100%; min-height: 50px; font-size: 1.9rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row; justify-content: space-between; align-items:center; gap:10px;position: relative; background-image: linear-gradient(135deg, rgba(0, 175, 204, 1), rgba(133, 203, 191, 1)); padding: 10px 10px 10px 15px; border-radius: 5px 40px 40px 5px; -webkit-transition: all .3s;transition: all .3s; }
main h2 > span:last-of-type {width: auto;  display: inline-block;font-size: 1rem; font-weight: 700; font-family: 'Roboto Condensed', sans-serif!important;letter-spacing: 0.2em; margin-right: 20px; white-space: nowrap;}
main h2 > span:last-of-type::after {content:""; width: 8px; height: 8px; font-size: 0.1; line-height: 1; background: #ffffff; border-radius: 5px; position: absolute; margin-left: 5px;}

main h3 {font-size: 1.7rem; line-height: 1.4em; font-weight: 500; color: #00afcc; border-bottom: 1px dotted #00afcc; padding-bottom: 0.5em;}
main h3::after{content:""; width: 8px; height: 8px; font-size: 0.1; line-height: 0.1; background: #00afcc; border-radius: 4px; position: absolute; bottom: -4px; right: -4px;}

main h5 {font-size: 1.8rem; line-height: 1.4em; font-weight: 800; color: #00afcc;}
main h6 {font-size: 1.6rem; line-height: 1.4em; font-weight: 800; color: #00afcc;}
main p {font-size: 1.4rem; line-height: 1.9em;}

.blue_wrap {width: 100%; background: #e7f5f2; border-radius: 0; padding: 8% 3%; margin: 0;}
.blue_wrap > section {width: 100%; background: #ffffff; border-radius: 20px;}
.blue_wrap > section .section_inner {width: 100%; padding: 20px 3%;}
.blue_wrap > section h4 {width:100%; min-height: 36px; font-size:1.8rem; line-height: 1.2; font-weight: 500; color: #ffffff; display: flex; justify-content: flex-start; align-items: center; gap:5px;border-radius: 10px 10px 0 0;background-image: linear-gradient(135deg, rgba(142, 199, 36, 1), rgba(200, 217, 48, 1)); padding:5px 10px 5px 10px }
.blue_wrap > section h4::before {content:""; width: 8px; height: 8px; font-size: 0.1; line-height: 0.1; background: #ffffff; border-radius: 5px;}

.merit_wrap {display:flex; flex-direction: column; gap:20px;width: 100%; position: relative;background: #fde7e2; border-radius: 10px; padding: 20px;}
.merit_wrap::before {content:""; width: 10px; height: 10px; font-size: 0.1; line-height: 0.1; background: #ffffff; border-radius: 5px; position: absolute; top: 5px; left: 5px;}
.merit_icon {width:80px; position: absolute; right:-20px; top: -20px;}
.merit_img { width: 100%; max-width: 400px; border-radius: 5px;}

.point_wrap {width: 100%; display:flex; justify-content: flex-start; flex-direction: column; flex-wrap: wrap; gap:20px;border-radius: 10px; }
.point_wrap > section {width: 100%; font-size: 1.6rem; line-height: 1.5; font-weight: 500; display:flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; gap:15px; color: #00afcc;position: relative;background: #e7f5f2; border-radius: 10px; padding: 15px;}
.point_wrap > section::after  {content:""; width: 10px; height: 10px; font-size: 0.1; line-height: 0.1; background: #ffffff; border-radius: 5px; position: absolute; top: 5px; left: 5px;}
.point_wrap > section::before {content:"";font-size: 7rem; color: #ffffff; font-weight: 700; line-height: 1; font-family: 'Roboto Condensed', sans-serif!important; position: absolute; right: -5px; bottom: -15px;}
.course_point_3 div {align-items: flex-start!important; flex-direction: column!important; flex-wrap: wrap;}

.price_wrap {width: 96%; display:flex; justify-content: space-between;flex-direction: column; align-items: flex-start;gap:20px; border-bottom: 1px dotted #666666; padding: 20px 10px; margin: 0 auto;}
.price_wrap:first-of-type {padding: 0 10px 20px 10px; }
.price_wrap dt {width: 100%;; font-size: 1.8rem; line-height: 1; font-weight: 500; color: #00afcc;display:flex; justify-content: space-between;   align-items: center;gap:20px;}
.price_wrap dd > div{width: auto; font-size: 1.4rem; line-height: 1; font-weight: 500; display:flex; justify-content: center;  align-items: center;gap:20px; white-space: nowrap; margin: 0 auto;}
.price_wrap dd {width: 100%;; display:flex; justify-content: center;  align-items: center;}
.price_wrap dd > div i{line-height: 1; color: #f48570; font-size: 1.6rem;}
.s_price {width: auto;font-size: 2.6rem; line-height: 1; font-weight: 800; color: #f48570;display:flex; justify-content:flex-start; flex-flow: wrap;  align-items: center;gap:10px;}
.cp_txt {height: 20px; font-size: 1.1rem; line-height: 1; font-weight: 700; color: #ffffff; background: #f48570; display:flex; justify-content: center;  align-items: center;padding: 0 10px; border-radius: 20px;}

.discount_wrap {width: 100%; display:flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; gap:10px; }
.discount_wrap > section {width: calc(50% - 5px);display:flex; justify-content: flex-start; flex-direction: column; align-items: center;text-align: center; background: #ffffff; border-radius: 20px; padding-bottom: 15px;}
.discount_wrap > section h4 {width:100%; min-height: 35px; font-size:1.8rem; line-height: 1.2; font-weight: 800; color: #ffffff; display: flex; justify-content: center; align-items: center; border-radius: 20px 20px 0 0;background-image: linear-gradient(135deg, rgba(142, 199, 36, 1), rgba(200, 217, 48, 1)); padding:5px 15px 5px 15px; }
.discount_wrap > section p {line-height: 1.5;}
.discount_wrap > section p:last-of-type { margin-top: auto;}
}



/* タイトル */
#page_title {padding: 190px 0 10vw 0;width: 100%; height: auto;background-image: linear-gradient(135deg, rgba(0, 175, 204, 1) 40%, rgba(133, 203, 191, 1)); position: relative;}
#page_title::before {content:""; display: block; width: 100%; height:100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-size: 2600px 600px; background-position: top center; mix-blend-mode: overlay;}
#page_title .page_title_inner{width: 100%; max-width: 1200px; min-height: 150px; margin: 0 auto; position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column;}

.breadcrumb {width:100%; position: absolute; left: 0; top:-30px; display: flex; justify-content: flex-start; align-items: center; gap:10px;text-align: left; z-index: 1;}
.breadcrumb li{display: flex; width:auto; height: auto; font-size: 1.4rem; line-height: 1; color: #ffffff;}
.breadcrumb li i{font-size: 1.5em; }
.breadcrumb li a{color: #ffffff;}
.breadcrumb li::before{content: ">"; color: #ffffff;font-size: 1.4rem; line-height: 1; margin-right: 10px;}
.breadcrumb li:first-child::before{display: none;}

#page_title h1{width: 100%; font-size: 4.2rem; font-weight: 500; color: #ffffff; position: relative;text-align: center; letter-spacing: 0.1em; line-height:1.2; }
#page_title h1 span:first-of-type {position: absolute;top: -20px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}
#page_title h1 span:first-of-type span{font-size: 1.1rem; font-weight: 700; font-family: 'Roboto Condensed', sans-serif!important;letter-spacing: 0.2em;color: #00afcc; position: relative;display: flex;justify-content: center; align-items:center;width: 250px;height: 20px;background: #ffffff;border-radius: 15px;}
#page_title h1 span:first-of-type span::before{content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border: 5px solid transparent;border-top: 7px solid #ffffff;}
#page_title h1 span:last-of-type {font-size: 2rem;line-height:1.3;display: block; }


@media screen and (max-width: 768px) {
#page_title {padding: 100px 0 10vw 0;}
#page_title::before {background-size: 1800px auto; background-position: top 0 left -580px; }
#page_title .page_title_inner{min-height: 130px;}

.breadcrumb {left: 10px; top:-30px;gap:5px;}
.breadcrumb li{dfont-size: 1.1rem; }
.breadcrumb li i{font-size: 1.5em; }
.breadcrumb li a{color: #ffffff;}
.breadcrumb li::before{content: ">"; color: #ffffff;font-size: 1.1rem; line-height: 1; margin-right: 5px;}
.breadcrumb li:first-child::before{display: none;}

#page_title h1{width: 100%; font-size: 2.8rem; line-height:1; }
#page_title h1 span:first-of-type {position: absolute;top: -15px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}
#page_title h1 span:first-of-type span{font-size: 1rem; font-weight: 700; font-family: 'Roboto Condensed', sans-serif!important;letter-spacing: 0.1em;color: #00afcc; position: relative;display: flex;justify-content: center; align-items:center;width: 160px;height: 18px;background: #ffffff;border-radius: 9px;}
#page_title h1 span:first-of-type span::before{content: "";position: absolute;top: 100%;left: 50%;margin-left: -4px;border: 4px solid transparent;border-top: 6px solid #ffffff;}
#page_title h1 span:last-of-type {font-size: 1.8rem;}
}

#contents { margin-top: -10vw;position: relative;background: #ffffff;border-top-left-radius: 1000px 200px;border-top-right-radius: 1000px 200px;height: auto;margin-left: -100px;margin-right: -100px;padding-left: 100px;padding-right: 100px; padding-top: 0; z-index: 1; overflow-y:hidden;}
.contents_inner {width: 100%; height: auto; display: flex; justify-content: space-between; align-items: stretch; margin: 0 auto;}

/* サイドコンテンツ */
aside {width: 100%; max-width: 350px;min-width: 200px!important; height: auto;background-image: linear-gradient(270deg, rgba(132, 202, 190, 0.2) 40%, rgba(132, 202, 190, 0));padding: 11vw 5px 100px 5px;}
.aside_inner {width: 100%; max-width: 250px; height: auto;display: flex; position: sticky; top: 240px; justify-content: flex-start; align-items: flex-start; flex-direction: column; gap:50px; margin: 0 auto;}
.side_navi {width: 100%; height: auto;display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; gap:30px; }
.side_navi::before {content: "CONTENTS"; font-size: 1.6rem; font-weight: 700; font-family: 'Roboto Condensed', sans-serif!important;letter-spacing: 0.5em;color: #99dfeb; position: absolute; top: -50px; left: 0;}
.side_navi li {width: 100%;}
.side_navi li a{width: 100%; height: 100%; font-size: 1.6rem; line-height: 1.2; display: flex;justify-content: space-between; align-items: center; flex-direction: row; gap:5px;-webkit-transition: all .3s;transition: all .3s;}
.side_navi li a:after{content: "\e901";font-family: 'icomoon'; font-size: 1.6rem; color: #99dfeb;-webkit-transition: all .3s;transition: all .3s;}


.side_banner {width: 100%;display: flex; justify-content: flex-start; align-items: center;flex-direction: column; gap:25px}
a.side_search {width: 100%;height: 50px; font-size: 1.6rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row; justify-content: space-between; align-items:center;background-image: linear-gradient(135deg, rgba(245, 172, 60, 1), rgba(246, 156, 166, 1)); position: relative; padding: 0 20px 0 20px; border-radius: 30px; -webkit-transition: all .3s;transition: all .3s; margin: 0 auto;}
a.side_search i{font-size: 1.5em;}

a.side_class {width: 100%;height: 50px; font-size: 1.6rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row; justify-content: space-between; align-items:center;background-image: linear-gradient(135deg, rgba(0, 175, 204, 1) 40%, rgba(133, 203, 191, 1)); position: relative; padding: 0 20px 0 20px; border-radius: 30px; -webkit-transition: all .3s;transition: all .3s; margin: 0 auto;}
a.side_class i{font-size: 1.4em;}

a.side_bn_btn {width: 100%;height: 60px; font-size: 1.8rem; font-weight: 500; background: #ffffff; display: flex; flex-direction: row; justify-content: center; align-items:center;position: relative; padding: 0 15px 0 15px; border-radius: 30px;  margin: 0 auto;-webkit-transition: all .3s;transition: all .3s;}
a.side_bn_btn img{width: 90%;}
a.side_blank_btn {width: 100%;height: 40px; font-size: 1.4rem; font-weight: 500; color: #ffffff; background: #f48570; display: flex; flex-direction: row; justify-content: center; align-items:center;position: relative; padding: 15px 5px; border-radius: 30px;  margin: 0 auto;-webkit-transition: all .3s;transition: all .3s;}

.side_session {width:100%; display: block; overflow: hidden; background: #ffffff; border-radius: 20px;-webkit-transition: all .3s;transition: all .3s;}
.side_session h4{width:100%; height: 40px; font-size:2rem; line-height: 1.2; font-weight: 800; color: #ffffff; display: flex; justify-content: center; align-items: center;border-radius: 20px 20px 0 0;background-image: linear-gradient(135deg, rgba(142, 199, 36, 1), rgba(200, 217, 48, 1));}
.side_session div {width:100%; height: auto; font-size:1.6rem; line-height: 1.5; font-weight: 500; color: #666666; display: flex; justify-content: space-around; align-items: center; padding: 10px 0;}
.side_session div img{width: 100%; max-width: 75px;}

.side_session_02 {width:100%; display: block; overflow: hidden; background: #ffffff; border-radius: 20px;-webkit-transition: all .3s;transition: all .3s;padding: 20px 15px;}
.side_session_02 > div {width:100%; height: auto; font-size:1.4rem; line-height: 1.5; font-weight: 500; color: #666666; display: flex; justify-content: center; align-items: center; flex-direction: column; gap:15px;}
.side_session_02 img{width: 100%; webkit-transition: all .3s;transition: all .3s;}



@media screen and (min-width: 768px) {
a.side_search:hover{transform: scale(1.05,1.05);}
a.side_class:hover{transform: scale(1.05,1.05);}
.side_session:hover{transform: scale(1.05,1.05);}
a.side_bn_btn:hover{transform: scale(1.05,1.05);}
.side_session_02 img:hover{transform: scale(1.05,1.05);}
a.side_blank_btn:hover{transform: scale(1.05,1.05);}
.side_navi li:hover a:after{transform: translate(10px,0);}
}



@media screen and (max-width : 955px ){
.contents_inner {width: 100%; height: auto; display: flex; justify-content: space-between; align-items: stretch; flex-direction: column; margin: 0 auto;}
/* サイドコンテンツ */
.aside_hidden {padding-top: 4vw;}
.aside_hidden aside {display: none!important;}
aside {width: 100%; max-width: 100%; height: auto;background-image: linear-gradient(0deg, rgba(132, 202, 190, 0.2) 40%, rgba(132, 202, 190, 0));padding: 14vw 3% 50px 3%; margin: 0 auto;}
.aside_inner {width: 100%; max-width: 850px; height: auto;position: relative; top:0;display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; gap:50px; margin: 0 auto;}
.side_navi {width: 100%; height: auto;display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; gap:0; }
.side_navi::before {content: "CONTENTS"; font-size: 1.6rem; font-weight: 700; font-family: 'Roboto Condensed', sans-serif!important;letter-spacing: 0.5em;color: #99dfeb; position: absolute; top: -20px; left: 0;}
.side_navi li {width: 100%; border-bottom: #99dfeb 1px dotted; }
.side_navi li a{width: 100%; height: 100%; font-size: 1.6rem; line-height: 1.2; display: flex;justify-content: space-between; align-items: center; flex-direction: row; gap:15px;-webkit-transition: all .3s;transition: all .3s;padding: 15px 0;}
.side_navi li a:after{content: "\e901";font-family: 'icomoon'; font-size: 1.6rem; color: #99dfeb;-webkit-transition: all .3s;transition: all .3s;}

.side_banner {display: none;}

/* メインコンテンツ */
main {width: 100%; height: auto; display: flex; justify-content:center; align-items: flex-start; padding: 50px 3% 50px 3%;}
}


@media screen and (max-width: 768px) {
#contents {overflow:hidden;}
.contents_inner {width: 100%; height: auto; display: flex; justify-content: space-between; align-items: stretch; flex-direction: column; margin: 0 auto;}
/* サイドコンテンツ */
aside {width: 100%; max-width: 100%; height: auto;background-image: linear-gradient(0deg, rgba(132, 202, 190, 0.2) 40%, rgba(132, 202, 190, 0));padding: 14vw 3% 40px 3%; margin: 0 auto;}
.aside_inner {width: 100%; max-width: 850px; height: auto;position: relative; top:0;display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; gap:50px; margin: 0 auto;}
.side_navi {width: 100%; height: auto;display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; gap:0; }
.side_navi::before {content: "CONTENTS"; font-size: 1.4rem; font-weight: 700; font-family: 'Roboto Condensed', sans-serif!important;letter-spacing: 0.5em;color: #99dfeb; position: absolute; top: -20px; left: 0;}
.side_navi li {width: 100%; border-bottom: #99dfeb 1px dotted; }
.side_navi li a{width: 100%; height: 100%; font-size: 1.4rem; line-height: 1.2; display: flex;justify-content: space-between; align-items: center; flex-direction: row; gap:15px;-webkit-transition: all .3s;transition: all .3s;padding: 15px 0;}
.side_navi li a:after{content: "\e901";font-family: 'icomoon'; font-size: 1.4rem; color: #99dfeb;-webkit-transition: all .3s;transition: all .3s;}

.side_banner {display: none;}

/* メインコンテンツ */
main {width: 100%; height: auto; display: flex; justify-content:center; align-items: flex-start; padding: 50px 0 50px 0;}
}


/* メインフッター */
.main_footer { width: 100%; display: flex; justify-content:center; align-items: center; flex-wrap: wrap; gap:20px; margin: 80px 0 80px 0 ;}
.main_footer a.main_search_btn {width: 100%;max-width: 250px;height: 60px; font-size: 1.8rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row; justify-content: space-between; align-items:center;background-image: linear-gradient(135deg, rgba(245, 172, 60, 1), rgba(246, 156, 166, 1)); position: relative; padding: 0 20px 0 20px; border-radius: 30px; -webkit-transition: all .3s;transition: all .3s; }
.main_footer a.main_search_btn i{font-size: 1.5em;}

.main_footer a.main_blue_btn {width: 100%; max-width: 250px; height: 60px; font-size: 1.8rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row; justify-content: space-between; align-items:center; gap:30px;position: relative; background-image: linear-gradient(135deg, rgba(0, 175, 204, 1), rgba(133, 203, 191, 1)); padding: 0 20px 0 20px; border-radius: 30px; -webkit-transition: all .3s;transition: all .3s; }
.main_footer a.main_blue_btn i{font-size: 1.5em;}

.main_footer a.main_faq_btn {width: 100%;max-width: 250px;height: 60px; font-size: 1.8rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row; justify-content: space-between; align-items:center;background-image: linear-gradient(135deg, rgba(142, 199, 36, 1), rgba(200, 217, 48, 1)); position: relative; padding: 0 20px 0 20px; border-radius: 30px; -webkit-transition: all .3s;transition: all .3s;}
.main_footer a.main_faq_btn i{font-size: 1.4em;}


@media screen and (min-width: 768px) {
a.main_search_btn:hover{transform: scale(1.05,1.05);}
a.main_blue_btn:hover{transform: scale(1.05,1.05);}
a.main_faq_btn:hover{transform: scale(1.05,1.05);}
}


@media screen and (max-width: 768px) {
.main_footer { width: 100%; display: flex; justify-content:center; align-items: center; flex-wrap: wrap; gap:20px; margin: 50px 0 50px 0 ;  }
}



/*========================================
index
=======================================*/

/* MV */
#mv {position: relative;width: 100%; height: auto; max-width: 100%; margin: 0 auto; overflow: hidden; background: #555555;}
#mv .swiper-slide img {height: auto;width: 100%;}
.inner_wrap {width: 100%; max-width: 1080px; margin: 0 auto; position: relative;}

@media screen and (max-width: 1100px) {
.inner_wrap {width: 94%;}
}

@media screen and (max-width: 768px) {
#mv {margin-top: 40px;}
}


/* 各ボタン */
a.search_btn {width: 100%;max-width: 420px;height: 60px; font-size: 2rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row; justify-content: space-between; align-items:center;background-image: linear-gradient(135deg, rgba(245, 172, 60, 1), rgba(246, 156, 166, 1)); position: relative; padding: 0 20px 0 30px; border-radius: 30px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -webkit-transition: all .3s;transition: all .3s; margin: 0 auto;}
a.search_btn i{font-size: 1.5em;}

a.news_btn {width: 100%;max-width: 420px;height: 60px; font-size: 2rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row; justify-content: space-between; align-items:center;background-image: linear-gradient(135deg, rgba(27, 28, 128, 1), rgba(0, 175, 204, 1)); position: relative; padding: 0 20px 0 30px; border-radius: 30px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -webkit-transition: all .3s;transition: all .3s; margin: 0 auto;}
a.news_btn i{font-size: 1.2em;}

a.white_btn {width: auto; max-width: 250px; height: 40px; font-size: 1.6rem; font-weight: 500; color: #00afcc; display: flex; flex-direction: row; justify-content: space-between; align-items:center; gap:30px;position: relative; background: #ffffff; padding: 0 15px 0 20px; border-radius: 20px; -webkit-transition: all .3s;transition: all .3s; }
a.white_btn i{font-size: 1.2em;}

a.blue_btn {width: auto; max-width: 350px; height: 40px; font-size: 1.6rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row; justify-content: space-between; align-items:center; gap:30px;position: relative; background-image: linear-gradient(135deg, rgba(0, 175, 204, 1), rgba(133, 203, 191, 1)); padding: 0 15px 0 20px; border-radius: 20px; -webkit-transition: all .3s;transition: all .3s; }
a.blue_btn i{font-size: 1.2em;}

a.column_btn {width: 100%;max-width: 420px;height: 60px; font-size: 2rem; font-weight: 500; color: #f5ac3c; display: flex; flex-direction: row; justify-content: space-between; align-items:center; position: relative; background: #ffffff;padding: 0 20px 0 30px; border-radius: 30px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -webkit-transition: all .3s;transition: all .3s; margin: 60px auto 0 auto;}
a.column_btn i{font-size: 1.2em;}


@media screen and (max-width: 768px) {
a.search_btn {width: 100%;max-width: 420px;height: 50px; font-size: 1.6rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row; justify-content: space-between; align-items:center;background-image: linear-gradient(135deg, rgba(245, 172, 60, 1), rgba(246, 156, 166, 1)); position: relative; padding: 0 15px 0 20px; border-radius: 30px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -webkit-transition: all .3s;transition: all .3s; margin: 0 auto;}
a.search_btn i{font-size: 1.5em;}
a.news_btn {width: 100%;max-width: 420px;height: 50px; font-size: 1.6rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row; justify-content: space-between; align-items:center;background-image: linear-gradient(135deg, rgba(27, 28, 128, 1), rgba(0, 175, 204, 1)); position: relative; padding: 0 15px 0 20px; border-radius: 30px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -webkit-transition: all .3s;transition: all .3s; margin: 0 auto;}
a.news_btn i{font-size: 1.2em;}
a.white_btn {width: 100%; max-width: 420px; height: 40px; font-size: 1.4rem; font-weight: 500; color: #00afcc; display: flex; flex-direction: row; justify-content: space-between; align-items:center; gap:30px;position: relative; background: #ffffff; padding: 0 15px 0 20px; border-radius: 20px; -webkit-transition: all .3s;transition: all .3s; margin: 0 auto;}
a.white_btn i{font-size: 1.2em;}
a.blue_btn {width: 100%; max-width: 420px; height: 40px; font-size: 1.4rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row; justify-content: space-between; align-items:center; gap:30px;position: relative; background-image: linear-gradient(135deg, rgba(0, 175, 204, 1), rgba(133, 203, 191, 1)); padding: 0 15px 0 20px; border-radius: 20px; -webkit-transition: all .3s;transition: all .3s; margin: 0 auto;}
a.blue_btn i{font-size: 1.2em;}
a.column_btn {width: 94%;max-width: 420px;height: 50px; font-size: 1.6rem; font-weight: 500; color: #f5ac3c; display: flex; flex-direction: row; justify-content: space-between; align-items:center; position: relative; background: #ffffff;padding: 0 15px 0 20px; border-radius: 30px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -webkit-transition: all .3s;transition: all .3s; margin: 60px auto 0 auto;}
a.column_btn i{font-size: 1.2em;}
}

@media screen and (min-width: 768px) {
a.search_btn:hover{transform: scale(1.05,1.05);}
a.news_btn:hover{transform: scale(1.05,1.05);}
a.white_btn:hover{transform: scale(1.05,1.05);}
a.blue_btn:hover{transform: scale(1.05,1.05);}
a.column_btn:hover{transform: scale(1.05,1.05);}
}

/* トップページイラスト */
.il_01 {width: 120px; position: absolute; left: 210px; top:-50px;}
.il_02 {width: 136px; position: absolute; right: 160px; bottom:-180px;}
.il_03 {width: 200px; position: absolute; right: -50px; top:-60px;mix-blend-mode: overlay;}
.il_04 {width: 80px; position: absolute; right: 0; top:-200px;}
.il_05 {width: 125px; position: absolute; right: 700px; bottom:-180px;}

@media screen and (max-width : 955px ){
.il_01 {width: 10.185vw; position: absolute; left: 12.444vw; top:-4.629vw;}
.il_02 {width: 12.59vw; position: absolute; right: 14.814vw; bottom:-16.666vw;}
.il_03 {width: 18.5185vw; position: absolute; right: -4.6296vw; top:-5.555vw;mix-blend-mode: overlay;}
.il_04 {width: 7.407vw; position: absolute; right: 0; top:-18.518vw;}
.il_05 {width: 11.574vw; position: absolute; right: 64.814vw; bottom:-16.666vw;}
}

@media screen and (max-width: 768px) {
.il_01 {width: 15vw; position: absolute; left: 4vw; top:-4.629vw;}
.il_02 {width: 17vw; position: absolute; right: 10vw; bottom:-24vw;}
.il_03 {width: 30vw; position: absolute; right: -4.6296vw; top:0vw;mix-blend-mode: overlay;}
.il_04 {width: 12vw; position: absolute; right: 0; top:-32vw;}
.il_05 {width: 16vw; position: absolute; right: 75vw; bottom:-30vw;}
}


/* おすすめ講座 */
.content01 {margin-top: -8vw;position: relative;background: #ffffff;border-top-left-radius: 1000px 200px;border-top-right-radius: 1000px 200px;border-bottom-left-radius: 1000px 200px;border-bottom-right-radius: 1000px 200px;height: auto;margin-left: -100px;margin-right: -100px;padding-top: 10vw; padding-bottom: 10vw; padding-left: 100px;padding-right: 100px;z-index: 2;background-image: url("../img/body_bg.png"); background-repeat: no-repeat; background-size: 3600px 1500px; background-position: top center;}

.content01 h3{width: 100%; font-size: 4.2rem; font-weight: 500; color: #1b1c80; position: relative;text-align: center; letter-spacing: 0.1em; }
.content01 h3 span:first-of-type {position: absolute;top: -20px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.content01  h3 span:first-of-type span{font-size: 1.1rem; font-weight: 700; font-family: 'Roboto Condensed', sans-serif!important;letter-spacing: 0.1em;color: #ffffff; position: relative;display: flex;justify-content: center; align-items:center;width: 200px;height: 20px;background: #1b1c80;border-radius: 15px;}
.content01  h3 span:first-of-type span::before{content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border: 5px solid transparent;border-top: 7px solid #1b1c80;}

.content01 .btn_wrap {width: 100%; display: flex; flex-direction: row; justify-content: center; align-items:center; gap:20px; margin: 60px 0 45px 0;}
.content01 .btn_wrap a {width: 100%; max-width: 350px; overflow: hidden; border-radius: 10px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);-webkit-transition: all .3s;transition: all .3s;}
.content01 .btn_wrap a:first-of-type {border-radius: 80px 10px 10px 80px;}
.content01 .btn_wrap a:last-of-type {border-radius: 10px 80px 80px 10px;}
.content01 .btn_wrap a img{width: 100%; max-width: 100%; height: auto;}

.content01 .btn_wrap_02 {width: 100%; display: flex; flex-direction: row; justify-content: center; align-items:center; gap:20px; margin: -1vw 0 45px 0;position: relative;}
.content01 .btn_wrap_02 .hellow_icon {position: absolute; z-index: 1; left: -140px; top:-20px; width: 180px; transform: rotate(-30deg);}
.content01 .btn_wrap_02 a {width: 100%; max-width: 520px; overflow: hidden; border-radius: 10px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);-webkit-transition: all .3s;transition: all .3s;position: relative;z-index: 2;}
.content01 .btn_wrap_02 a img{width: 100%; max-width: 100%; height: auto;}

@media screen and (max-width: 1080px) {
.content01 .btn_wrap_02 .hellow_icon {position: absolute; z-index: 1; left: 30px; top:-110px; width: 130px; transform: rotate(-10deg);}
}

@media screen and (max-width: 768px) {
.content01 {padding-top: 18vw;padding-bottom: 18vw;background-repeat: no-repeat; background-size: 1800px 750px; background-position: top center;}
.content01 .btn_wrap {width: 100%; display: flex; flex-direction: column; justify-content: center; align-items:center; gap:20px; margin: 30px 0 40px 0;}
.content01 .btn_wrap a {width: 100%; max-width: 240px; overflow: hidden; border-radius: 80px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);-webkit-transition: all .3s;transition: all .3s;}
.content01 .btn_wrap a:first-of-type {border-radius: 80px;}
.content01 .btn_wrap a:last-of-type {border-radius: 80px;}
.content01 .btn_wrap a img{width: 100%; max-width: 100%; height: auto;}

.content01 .btn_wrap_02 {width: 100%; display: flex; flex-direction: column; justify-content: center; align-items:center; gap:20px; margin: 0 0 40px 0; }
.content01 .btn_wrap_02 a {width: 100%; max-width: 90%; height: auto; }
.content01 .btn_wrap_02 .hellow_icon {position: absolute; z-index: 1; left: 40px; top:-75px; width: 90px; transform: rotate(-10deg);}
}


@media screen and (min-width: 768px) {
.content01 .btn_wrap a:hover{transform: scale(1.05,1.05);}
.content01 .btn_wrap_02 a:hover{transform: scale(1.05,1.05);}
}


/* 職業訓練 */
.content02 {margin-top: -10vw;padding: 20vw 0 16vw 0;height: auto;background: url("../img/body_bg_02.png") ,linear-gradient(135deg, rgba(0, 175, 204, 1), rgba(133, 203, 191, 1)); background-repeat: no-repeat; background-size: 2600px 1500px; background-position: top center;}

.content02 h3{width: 100%; font-size: 4.2rem; font-weight: 500; color: #ffffff; position: relative;text-align: center; letter-spacing: 0.1em; line-height:0.8;}
.content02 h3 span:first-of-type {position: absolute;top: -20px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.content02 h3 span:first-of-type span{font-size: 1.1rem; font-weight: 700; font-family: 'Roboto Condensed', sans-serif!important;letter-spacing: 0.1em;color: #00afcc; position: relative;display: flex;justify-content: center; align-items:center;width: 200px;height: 20px;background: #ffffff;border-radius: 15px;}
.content02 h3 span:first-of-type span::before{content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border: 5px solid transparent;border-top: 7px solid #ffffff;}
.content02 h3 span:last-of-type {font-size: 1.8rem; letter-spacing: 0;}

.content02 .col_2 {width: 100%; display: flex; flex-direction: row; justify-content: center; align-items:stretch; gap:40px; margin: 60px 0 60px 0;}
.content02 .col_2 > div {width: 48%; height: auto; position: relative;}
.content02 .col_2 > div:first-of-type img {width: 745px; position: absolute; right: 0;top:-200px;}
.content02 .col_2 > div:last-of-type {padding-top: 40px;}

.content02 h4 {width: 100%; font-size: 2.6rem; font-weight: 500;color: #ffffff; text-align: left; }
.content02 p {width: 100%; font-size: 1.8rem; color: #ffffff; text-align: left; line-height: 2em; margin: 30px 0 30px 0;}


@media screen and (max-width: 768px) {
.content02 {margin-top: -10vw;padding-top: 30vw;padding-bottom: 25vw;background-repeat: repeat-y; background-size: 1800px auto,auto; background-position:top center;}

.content02 .col_2 {width: 100%; display: flex; flex-direction: column; justify-content: center; align-items:stretch; gap:20px; margin: 30px 0 40px 0;}
.content02 .col_2 > div {width: 100%; height: auto; position: relative;}
.content02 .col_2 > div:first-of-type img {width: 115%; position: static; margin-left: -50px;}
.content02 .col_2 > div:last-of-type {padding-top: 0;}

.content02 h4 {width: 100%; font-size: 2rem; font-weight: 500;color: #ffffff; text-align: left; }
.content02 p {width: 100%; font-size: 1.6rem; color: #ffffff; text-align: left; line-height: 2em; margin: 20px 0 25px 0;}
}


/* 各ページ説明 */
.content03 {margin-top: -8vw;position: relative;background: #ffffff;border-top-left-radius: 1000px 200px;border-top-right-radius: 1000px 200px;border-bottom-left-radius: 1000px 200px;border-bottom-right-radius: 1000px 200px;height: auto;margin-left: -100px;margin-right: -100px;padding-top: 10vw; padding-bottom: 10vw; padding-left: 100px;padding-right: 100px;z-index: 2;background-image: url("../img/body_bg_03.png"); background-repeat: no-repeat; background-size: 2600px 2000px; background-position: top center;}

.content03 .odd_wrap, .content03 .even_wrap {width: 100%;display: flex; flex-direction: row; justify-content:center; align-items:flex-start; gap:60px; position: relative;}
.content03 .even_wrap {margin: 125px 0;}
.content03 .odd_wrap > div:first-of-type,.content03 .even_wrap > div:first-of-type {width: 50%;overflow: hidden; border-radius: 20px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);}
.content03 .odd_wrap > div:first-of-type img,.content03 .even_wrap > div:first-of-type img {width: 100%;max-width: 100%; }
.content03 .odd_wrap > div:last-of-type,.content03 .even_wrap > div:last-of-type {width: 50%; padding-top: 40px;}

.content03 h3{width: 100%; font-size: 3.6rem; font-weight: 500; color: #1b1c80; position: relative;text-align: left;}
.content03 h3 span:first-of-type {position: absolute;top: -20px;left: 0;}
.content03  h3 span:first-of-type span{font-size: 1.1rem; font-weight: 700; font-family: 'Roboto Condensed', sans-serif!important;letter-spacing: 0.1em;color: #ffffff; position: relative;display: flex;justify-content: center; align-items:center;width: 200px;height: 20px;background: #1b1c80;border-radius: 15px;}
.content03  h3 span:first-of-type span::before{content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border: 5px solid transparent;border-top: 7px solid #1b1c80;}
.content03 p {width: 100%; font-size: 1.8rem; color: #1b1c80; text-align: left; line-height: 2em; margin: 30px 0 30px 0;}

.content03 .odd_wrap > div:first-of-type,.content03 .even_wrap > div:last-of-type {order: 2;}
.content03 .odd_wrap > div:last-of-type,.content03 .even_wrap > div:first-of-type {order: 1;}

.content03 .odd_wrap:first-of-type::before {display: block; content: ""; width: 830px; height: 155px; background-image: url("../img/index_bgtxt_01.png"); background-size: cover; position: absolute; top: -55px; left:-120px; z-index: -1;}
.content03 .even_wrap::before {display: block;content: ""; width: 1006px; height: 155px; background-image: url("../img/index_bgtxt_02.png"); background-size: cover; position: absolute; top: -55px; right:-120px; z-index: -1;}
.content03 .odd_wrap:last-of-type::before {display: block;content: ""; width: 660px; height: 155px; background-image: url("../img/index_bgtxt_03.png"); background-size: cover;position: absolute; top: -55px; left:-50px;z-index: -1;}


@media screen and (max-width: 768px) {
.content03 {padding-top: 25vw;padding-bottom: 25vw;background-repeat: no-repeat; background-size: 1800px 750px,auto; background-position: top center;}

.content03 .odd_wrap, .content03 .even_wrap {width: 100%;display: flex; flex-direction: column; justify-content:center; align-items:flex-start; gap:30px; position: relative;}
.content03 .even_wrap {margin: 60px 0;}
.content03 .odd_wrap > div:first-of-type,.content03 .even_wrap > div:first-of-type {width: 100%;overflow: hidden; border-radius: 15px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);}
.content03 .odd_wrap > div:first-of-type img,.content03 .even_wrap > div:first-of-type img {width: 100%;max-width: 100%; }
.content03 .odd_wrap > div:last-of-type,.content03 .even_wrap > div:last-of-type {width: 100%; padding-top: 25px;}

.content03 .odd_wrap > div:first-of-type, .content03 .even_wrap > div:first-of-type{order: 1;}
.content03 .odd_wrap > div:last-of-type,.content03 .even_wrap > div:last-of-type {order: 2;}

.content03 .odd_wrap:first-of-type::before {display: block; content: ""; width: 415px; height: 78px; top: 200px; left:0; z-index: -1;}
.content03 .even_wrap::before {display: block;content: ""; width: 503px; height: 78px; top: 200px; right:0; z-index: -1;}
.content03 .odd_wrap:last-of-type::before {display: block;content: ""; width: 330px; height: 78px; top: 200px; left:0;z-index: -1;}

.content03 p {width: 100%; font-size: 1.6rem; color: #1b1c80; text-align: left; line-height: 2em; margin: 20px 0 20px 0;}
}



/* コラム */
.content04 {margin-top: -10vw;padding: 20vw 0 16vw 0;height: auto;background: url("../img/body_bg_04.png") ,linear-gradient(135deg, rgba(245, 172, 60, 1), rgba(246, 156, 166, 1)); background-repeat: no-repeat; background-size: 2600px 1500px; background-position: top center;}

.swiper02 .swiper-slide {height: auto; display: block; background: #ffffff; border-radius: 20px; -webkit-transition: all .3s;transition: all .3s;}
.swiper02 .swiper-wrap {height: 100%; display: block; overflow: hidden;padding: 20px; position: relative;-webkit-transition: all .3s;transition: all .3s;}
.swiper02 .swiper-wrap > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent:-9999px;z-index: 1;}
.swiper02 .swiper-wrap figure {width: 100%; height: 205px;border-radius: 10px; background-size: cover; background-image: url("../img/dammy.png"); background-color: #e0e0e0; background-position: center center;}
.swiper02 .swiper-wrap::after {content:"\e90e";font-family: 'icomoon';font-size: 3rem;line-height: 1; position: absolute;color: #f5ac3c; right:10px; bottom: 10px;}
.swiper02 .swiper-wrapper {padding-top:20px;}

.swiper-button-prev {left: -50px;top:50%;z-index: 5;-webkit-transition: all .3s;transition: all .3s;}
.swiper-button-next {right: -50px;top:50%;z-index: 5;-webkit-transition: all .3s;transition: all .3s;}

#mv .swiper-button-prev {left: 20px!important;}
#mv .swiper-button-next {right: 20px!important;}

:root {--swiper-theme-color: #ffffff;}

.swiper-button-next:after, .swiper-button-prev:after {font-family: 'icomoon';font-size: 4.4rem;text-transform: none!important;letter-spacing: 0;font-variant: initial;line-height: 1;}
.swiper-button-next:after{content: "\e912";}
.swiper-button-prev:after{content: "\e913";}

.content04 h3{width: 100%; font-size: 4.2rem; font-weight: 500; color: #ffffff; position: relative;text-align: center; letter-spacing: 0.1em; line-height:0.8; margin-bottom: 40px;}
.content04 h3 span:first-of-type {position: absolute;top: -20px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.content04 h3 span:first-of-type span{font-size: 1.1rem; font-weight: 700; font-family: 'Roboto Condensed', sans-serif!important;letter-spacing: 0.1em;color: #f5ac3c; position: relative;display: flex;justify-content: center; align-items:center;width: 200px;height: 20px;background: #ffffff;border-radius: 15px;}
.content04 h3 span:first-of-type span::before{content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border: 5px solid transparent;border-top: 7px solid #ffffff;}
.content04 h3 span:last-of-type {font-size: 1.8rem; letter-spacing: 0;}

.content04 .date {width: 100%; max-width: 150px;font-size: 1.6rem; font-weight: 700; font-family: 'Roboto Condensed', sans-serif!important;letter-spacing: 0.1em;color: #ffffff; position: absolute; display: flex;justify-content: center; align-items:center;height: 20px;background: #f5ac3c;border-radius: 15px; padding: 5px; top:10px; right: 10px;}
.content04 h5 {width: 100%; font-size: 1.6rem; font-weight: 500; color: #1b1c80; position: relative;text-align: left; letter-spacing: 0; line-height:1.5; margin: 20px 0;-webkit-transition: all .3s;transition: all .3s;}

.swiper02 .swiper-slide:hover {transform: translate(0,-10px); }
.swiper02 .swiper-wrap:hover h5{color: #f5ac3c;}
.swiper-button-prev:hover {transform: translate(-10px,0); }
.swiper-button-next:hover {transform: translate(10px,0); }

@media screen and (max-width: 1110px) { 
.content04 .inner_wrap{width: 100%!important;} 
.swiper-button-prev {left: 15px;top:50%;z-index: 5;-webkit-transition: all .3s;transition: all .3s;text-shadow: 1px 1px 5px #f5ac3c;}
.swiper-button-next {right: 15px;top:50%;z-index: 5;-webkit-transition: all .3s;transition: all .3s;text-shadow: 1px 1px 5px #f5ac3c;}

#mv .swiper-button-prev {left: 5px!important;text-shadow: 0 0 0 #ffffff!important;}
#mv .swiper-button-next {right: 5px!important;text-shadow: 0 0 0 #ffffff!important;}
#mv .swiper-button-next:after, #mv .swiper-button-prev:after {font-size: 3rem!important;}
}

@media screen and (max-width: 768px) {
.content04 {margin-top: -10vw;padding-top: 30vw;padding-bottom: 25vw;background-repeat: repeat-y; background-size: 1800px auto,auto; background-position:top center;}
.swiper02 .swiper-wrapper {padding-top:0;}
.content04 .date {width: 100%; max-width: 120px;font-size: 1.4rem;}
.content04 h5 {width: 100%; font-size: 1.6rem; font-weight: 500; color: #1b1c80; position: relative;text-align: left; letter-spacing: 0; line-height:1.5; margin: 20px 0;-webkit-transition: all .3s;transition: all .3s;}
.swiper02  {padding: 0 12%;}

.swiper02 .swiper-wrap:hover {transform: translate(0,0); }
.swiper02 .swiper-wrap:hover h5{color: #f5ac3c;}
.swiper-button-prev:hover {transform: translate(0,0); }
.swiper-button-next:hover {transform: translate(0,0); }
}


/* お知らせ */
.content05 {position: relative;height: auto; margin-top: 150px;}

.content05 h3{width: 100%; font-size: 4.2rem; font-weight: 500; color: #1b1c80; position: relative;text-align: center; letter-spacing: 0.1em; }
.content05 h3 span:first-of-type {position: absolute;top: -20px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.content05  h3 span:first-of-type span{font-size: 1.1rem; font-weight: 700; font-family: 'Roboto Condensed', sans-serif!important;letter-spacing: 0.1em;color: #ffffff; position: relative;display: flex;justify-content: center; align-items:center;width: 200px;height: 20px;background: #1b1c80;border-radius: 15px;}
.content05  h3 span:first-of-type span::before{content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border: 5px solid transparent;border-top: 7px solid #1b1c80;}

.news_cont {width: 100%;max-width: 960px; margin: 60px auto;}
.news_cont dl {width:100%; height: auto; border-bottom: 1px solid #8d8ec0; padding: 30px 40px; position: relative;display: flex;justify-content: space-between;align-items: flex-start; flex-direction: row; flex-wrap: nowrap;}
.news_cont dl:first-of-type {border-top: 1px solid #8d8ec0;}
.news_cont dl > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent:-9999px;z-index: 1;}
.news_cont dl dt {width:100%; max-width: 150px; height: auto; display: block; font-size: 1.8rem; color: #1b1c80; line-height: 1.5;-webkit-transition: all .3s;transition: all .3s;}
.news_cont dl dd {width:100%; height: auto; font-size: 1.8rem; line-height: 1.5; color: #1b1c80; display: flex;justify-content: flex-start; align-items:flex-start;gap:10px;-webkit-transition: all .3s;transition: all .3s;}
.news_cont dl dd span{min-width: 120px; height: auto; display: inline-block; font-size: 1.2rem; line-height: 1.3; color: #ffffff;text-align: center;border-radius: 5px; background: #00afcc;-webkit-transition: all .3s;transition: all .3s;padding:10px}

.news_cont dl:hover dt,.news_cont dl:hover dd {color:#f5ac3c;}
.news_cont dl:hover dd span{background: #f5ac3c;}


@media screen and (max-width: 768px) {
.content05 {padding-top: 25vw;padding-bottom: 0;margin-top: 15vw;}

.news_cont {width: 100%;max-width: 100%; margin: 30px auto 40px auto;}
.news_cont dl {width:100%; height: auto; border-bottom: 1px solid #8d8ec0; padding: 20px 0; position: relative;display: flex;justify-content: space-between;align-items: flex-start; flex-direction: column; flex-wrap: wrap;}
.news_cont dl:first-of-type {border-top: 1px solid #8d8ec0;}
.news_cont dl > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent:-9999px;z-index: 1;}
.news_cont dl dt {width:100%; max-width: 100%; height: auto; display: block; font-size: 1.6rem; color: #1b1c80; line-height: 1.5;text-align: right;}
.news_cont dl dd {width:100%; height: auto; font-size: 1.6rem; line-height: 1.5; color: #1b1c80; display: flex; flex-direction: column; justify-content: flex-start; align-items:flex-start;gap:10px; }
.news_cont dl dd span{min-width: 120px; height: auto; display: inline-block; font-size: 1.4rem; line-height: 1.5; color: #ffffff;text-align: center;border-radius: 20px; padding: 4px; background: #00afcc;}

.news_cont dl:hover dt,.news_cont dl:hover dd {color:#f5ac3c;}
}


@media screen and (max-width : 955px ){
.content01 h3,.content02 h3,.content03 h3,.content04 h3{width: 100%; font-size: 3.8888vw; }
.content01 h3 span:first-of-type,.content02 h3 span:first-of-type,.content03 h3 span:first-of-type,.content04 h3 span:first-of-type,.content05 h3 span:first-of-type {position: absolute;top: -1.85185vw;}
.content01 h3 span:first-of-type span,.content02 h3 span:first-of-type span,.content03 h3 span:first-of-type span,.content04 h3 span:first-of-type span,.content05 h3 span:first-of-type span{font-size: 1.0185vw;width: 18.5185vw;height: 1.85185vw;}
.content01 h3 span:first-of-type span::before,.content03 h3 span:first-of-type span::before,.content05 h3 span:first-of-type span::before{margin-left: -0.4629vw;border: 0.4629vw solid transparent;border-top: 0.648vw solid #1b1c80;}
.content02 h3 span:first-of-type span::before,.content04 h3 span:first-of-type span::before{margin-left: -0.4629vw;border: 0.4629vw solid transparent;border-top: 0.648vw solid #ffffff;}
.content02 h3 span:last-of-type {font-size: 1.6666vw; letter-spacing: 0;}
}

@media screen and (max-width: 768px) {
.content01 h3,.content02 h3,.content03 h3,.content04 h3,.content05 h3{width: 100%; font-size: 6.8888vw;}
.content03 h3 {font-size: 6.4vw; letter-spacing: 0;}
.content01 h3 span:first-of-type,.content03 h3 span:first-of-type,.content05 h3 span:first-of-type  {position: absolute;top: -2.8vw;}
.content02 h3 span:first-of-type,.content04 h3 span:first-of-type {position: absolute;top: -3.5vw;}
.content01 h3 span:first-of-type span,.content02 h3 span:first-of-type span,.content03  h3 span:first-of-type span,.content04 h3 span:first-of-type span,.content05 h3 span:first-of-type span{font-size: 2.2vw;width: 32vw;height: 3.6vw; line-height: 3.6vw}
.content01 h3 span:first-of-type span::before,.content03 h3 span:first-of-type span::before,.content03 h5 span:first-of-type span::before{margin-left: -0.8vw;border: 0.8vw solid transparent;border-top: 1.648vw solid #1b1c80;}
.content02 h3 span:first-of-type span::before,.content04 h3 span:first-of-type span::before{margin-left: -0.8vw;border: 0.8vw solid transparent;border-top: 1.648vw solid #ffffff;}
.content02 h3 span:last-of-type {font-size: 3.5vw; letter-spacing: 0;}
}



/*========================================
footer
=======================================*/

.floating-banner{position:fixed;right:20px;bottom:100px;width:auto;z-index:9999;-webkit-transition: all .3s;transition: all .3s;}
.banner-content{width: 100%;background:#ffffff;color:#fff;padding:15px;border-radius:25px;border:2px solid #06c755;text-align:center;box-shadow:0 4px 16px rgba(0,0,0,.2);-webkit-transition: all .3s;transition: all .3s;}
.banner-content a {width: 100%;font-size: 1.6rem; font-weight: 500; color: #06c755;display: flex; flex-direction: row; justify-content: space-between; align-items:center; gap:10px;text-align: left;}
.banner-content a img {width: 60px;}
.banner-close{position:absolute;top:-10px;right:-10px;width:32px;height:32px;border:none;border-radius:50%;background:#04a846;color:#fff;cursor:pointer;font-size:1.8rem; display: flex; flex-direction: row; justify-content: center; align-items:center;}
.floating-banner.is-hidden{opacity:0;pointer-events:none;}

@media (min-width:768px){
 .banner-content:hover {background: #06c755;border:2px solid #ffffff;}
  .banner-content:hover a {color: #ffffff;}
}

@media (max-width:768px){
  .floating-banner{display: none;}
}


footer {width: 100%; height: auto; background-image: linear-gradient(135deg, rgba(27, 28, 128, 1), rgba(0, 175, 204, 1)); border-radius: 60px 60px 0 0; padding: 100px 0; }
body.index footer {margin-top: -60px;}

.footer_navi{width: 100%; height: 60px; display: flex;justify-content: center;align-items: center;background: #ffffff;margin: 0 auto;border-radius: 30px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);}
.footer_navi li {height: 60px; border-right: 1px dotted #1b1c80;line-height: 1.5rem;font-size: 1.6rem;display: flex;justify-content: center;align-items: center;}
.footer_navi li:last-child {border-right: none;}
.footer_navi li a {position: relative;text-decoration: none;padding: 0 25px;color: #1b1c80;-webkit-transition: all .3s;transition: all .3s;}
.footer_navi li a:hover {color:#f5ac3c;}

.footer_btn_wrap {display: flex;justify-content: center;align-items: stretch; gap:20px; margin-top: 0;}

.footer_btn_wrap a:nth-of-type(1) {width: 35%;height: 60px; font-size: 1.6rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row; justify-content: space-between; align-items:center;background-image: linear-gradient(135deg, rgba(245, 172, 60, 1), rgba(246, 156, 166, 1)); position: relative; padding: 0 15px 0 20px; border-radius: 30px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -webkit-transition: all .3s;transition: all .3s; }
.footer_btn_wrap a:nth-of-type(1) i{font-size: 1.5em;}

.footer_btn_wrap a:nth-of-type(2) {width: 35%;height: 60px; font-size: 1.6rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row; justify-content: space-between; align-items:center;background-image: linear-gradient(135deg, rgba(0, 175, 149, 1), rgba(169, 211, 114, 1)); position: relative; padding: 0 15px 0 20px; border-radius: 30px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -webkit-transition: all .3s;transition: all .3s;}
.footer_btn_wrap a:nth-of-type(2) i{font-size: 1.5em;}


.footer_cont {width:100%; margin-top: 60px;display: flex;justify-content: flex-start;align-items: stretch; gap:40px; flex-wrap: nowrap;}
.footer_logo {width: 100%; max-width: 280px; margin-top: -15px;}
.tel_navi {width: 100%; max-width: 235px;display: flex;justify-content: flex-start;align-items: flex-start; flex-direction: column;}
.sns_btn {width: 100%; display: flex;justify-content: space-between;align-items: center; margin-top: auto;}
.sns_btn a{font-size: 4.2rem; line-height: 1; color: #ffffff;-webkit-transition: all .3s;transition: all .3s;}

.banner {width: auto; display: flex;justify-content: flex-end;align-items: flex-start; flex-direction: column; margin-left: auto;}
.banner_wrap {width: 100%; display: flex;justify-content: flex-end;align-items: stretch; gap:20px;}
.banner_wrap a {width: 100%; height: 50px; background: #ffffff; display: flex;justify-content: center;align-items: center; border-radius: 10px;}
.banner_wrap a img {width: 100%; max-width: 207px;-webkit-transition: all .3s;transition: all .3s;}
.copy_wrap {width: auto; display: flex;justify-content: flex-end;align-items: center; gap:20px; font-size: 1.6rem; color: #ffffff; line-height: 1; margin-top: auto;}
.copy_wrap a{color: #ffffff; }
.copy_wrap_02 {width: auto; display: flex;justify-content: center;align-items: center; font-size: 1.6rem; color: #ffffff; line-height: 1; margin-top: auto; margin-top: 40px;}

.footer_cont img {width:100%;  }

@media screen and (max-width : 955px ){
footer {border-radius: 60px 60px 0 0; padding: 60px 0;}
.footer_cont {width:100%; margin-top: 60px;display: flex;justify-content: center;align-items: stretch; gap:30px; flex-wrap: wrap;}
.banner {width: auto; display: flex;justify-content: center;align-items: center; flex-direction: column; gap:20px;margin-left: 0;}
.tel_navi {width: 100%; max-width: 280px;display: flex;justify-content: flex-start;align-items: flex-start; flex-direction: column; gap:20px;}
.sns_btn {width: 100%; display: flex;justify-content: center;align-items: center; margin-top: 0; gap:10px;}
.banner_wrap {width: 100%; max-width: 280px;display: flex;justify-content: center;align-items: stretch; gap:20px;}
.copy_wrap {width: auto; display: flex;justify-content: flex-end;align-items: center; gap:20px; font-size: 1.6rem; color: #ffffff; line-height: 1; margin-top: auto;}
}

@media screen and (max-width: 768px) {
footer {border-radius: 30px 30px 0 0; padding: 40px 5%;}

.footer_navi{display: none;}

.footer_btn_wrap {display: flex;justify-content: space-between;align-items: stretch; flex-wrap: wrap; gap:10px; margin-top: 0;}

.footer_btn_wrap a:nth-of-type(1) {width: 100%;height: 40px; font-size: 1.4rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row; justify-content: space-between; align-items:center;background-image: linear-gradient(135deg, rgba(245, 172, 60, 1), rgba(246, 156, 166, 1)); position: relative; padding: 0 15px 0 20px; border-radius: 30px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -webkit-transition: all .3s;transition: all .3s; margin: 0 auto;}
.footer_btn_wrap a:nth-of-type(1) i{font-size: 1.5em;}

.footer_btn_wrap a:nth-of-type(2) {width: 100%;height: 40px; font-size: 1.4rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row; justify-content: space-between; align-items:center;background-image: linear-gradient(135deg, rgba(0, 175, 149, 1), rgba(169, 211, 114, 1)); position: relative; padding: 0 15px 0 20px; border-radius: 30px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -webkit-transition: all .3s;transition: all .3s; margin: 0 auto;}
.footer_btn_wrap a:nth-of-type(2) i{font-size: 1.5em;}


.footer_logo {width: 100%; max-width: 200px; margin-top: -15px;}
.footer_cont {width:100%; margin-top: 60px;display: flex;justify-content: center;align-items: stretch; gap:30px; flex-wrap: wrap;}
.banner {width: 100%; display: flex;justify-content: center;align-items: center; flex-direction: column; gap:20px;margin-left: 0;}
.tel_navi {width: 100%; max-width: 280px;display: flex;justify-content: flex-start;align-items: flex-start; flex-direction: column; gap:20px;}
.banner_wrap {width: 100%; max-height: 80%; display: flex;justify-content: center;align-items: stretch; gap:20px;}
.copy_wrap {width: auto; display: flex;justify-content: center;align-items: center; flex-direction: column; gap:10px; font-size: 1.2rem; color: #ffffff; line-height: 1; margin-top: auto;}
.copy_wrap_02 {width: auto; display: flex;justify-content: center;align-items: center; font-size: 1.2rem; color: #ffffff; line-height: 1; margin-top: auto; margin-top: 30px;}

body.jitsumusya .footer_cont {padding-bottom: 60px;}
}


@media screen and (min-width: 768px) {
.footer_btn_wrap a:hover{transform: scale(1.05,1.05);}
.sns_btn a:hover{color: #f5ac3c;}
.copy_wrap a:hover{color: #f5ac3c; }
.banner_wrap a:hover img{transform: scale(1.05,1.05);}
}



/*========================================
header
=======================================*/

header {}

#navi {display: block;background-color: #ffffff;position: fixed;top: 0;left: 0;height: 120px;width: 100%;padding: 25px 40px 0 40px;z-index: 10; border-radius: 0 0 60px 60px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);-webkit-transition: all .3s;transition: all .3s;}
/* チェックボックスを非表示 */
#navi input {display: none;}

/* 左上ロゴ */
#navi h1 {position: absolute; top: 12px;-webkit-transition: all .3s;transition: all .3s;}
#navi h1 img {width: 100%; max-width:280px;  height: auto;vertical-align: middle;}

/* 上部メニュー */
.menu {margin: 0 auto;}
.menu > ul{max-width: 980px; display: flex;justify-content: center;align-items: center;background-image: linear-gradient(45deg, rgba(27, 28, 128, 1), rgba(0, 175, 204, 1)); margin:25px auto 0 auto; border-radius: 30px;}

.h_btn {display: flex; justify-content:flex-end;;align-items: flex-start; gap:8px;}
.h_btn > a i{font-size: 1.8rem;}
.h_btn > a:nth-of-type(1) {width: 100%;max-width: 230px;height: 40px; font-size: 1.4rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row; justify-content: space-between; align-items:center;background-image: linear-gradient(135deg, rgba(245, 172, 60, 1), rgba(246, 156, 166, 1)); position: relative; padding: 0 10px 0 15px; border-radius: 20px; -webkit-transition: all .3s;transition: all .3s;}
.h_btn > a:nth-of-type(2) ,.h_btn > a:nth-of-type(3) ,.h_btn > a:nth-of-type(4) {width: 100%;max-width: 115px;height: 40px; font-size: 1.4rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row; white-space: nowrap; justify-content: space-between; align-items:center;background-image: linear-gradient(135deg, rgba(0, 175, 204, 1), rgba(133, 203, 191, 1));position: relative; padding: 0 10px 0 12px; border-radius: 20px; -webkit-transition: all .3s;transition: all .3s;}
.h_btn > a:nth-of-type(4) {max-width: 130px;}
.h_btn > a:nth-of-type(5) img {padding-left: 10px; width: 190px;}

@media screen and (min-width: 768px) {
.h_btn > a:nth-of-type(1):hover {transform: scale(1.1,1.1);}
.h_btn > a:nth-of-type(2):hover,.h_btn > a:nth-of-type(3):hover,.h_btn > a:nth-of-type(4):hover {transform: scale(1.1,1.1);}
.h_btn > a:nth-of-type(5):hover {transform: scale(1.1,1.1);}
}

@media screen and (max-width: 1110px) {.h_btn > a:nth-of-type(1) {display: none;}}
@media screen and (max-width: 950px) {.h_btn > a:nth-of-type(5) {display: none;}}
@media screen and (max-width: 768px) {.h_btn > a:nth-of-type(5) {display: block;}}



.side_btn {display: flex; justify-content:flex-end;;align-items: flex-start; flex-direction: column; gap:15px; position: absolute; right:40px; top: 180px; }
.side_btn > a {font-size: 4rem; color: #00afcc; -webkit-transition: all .3s;transition: all .3s; position: relative;}
.side_btn > a:first-of-type {color: #06c755;}
.side_btn > a::after {content: ""; width: 38px; height:38px;border-radius: 20px; position: absolute; top: 1px; left: 1px; background: #ffffff;z-index: -1;}
.side_btn > a:hover {color: #f5ac3c; -webkit-transition: all .3s;transition: all .3s;}

.menu-parent {line-height: 60px; font-size: 1.6rem;white-space: nowrap;}

/* パソコンでは V を非表示 */
.menu-parent .pd {display: none;}
/* 上部メニューの最後の項目 */
.menu-parent:last-child {
  margin-right: 0px;
}

#menu-navibtn {display: none;cursor: pointer;cursor: hand;}



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

#navi {background-color: #ffffff;position: fixed;top: 0;left: 0;height: 60px;width: 100%;padding: 5px 10px 9px; border-radius: 0;}
/* チェックボックスを非表示 */
#navi input {display: none;}

/* 左上ロゴ */
#navi h1 {line-height: 46px; position: static; width: 240px;}


.h_btn {justify-content: center; padding: 20px 0; display: flex; flex-wrap: wrap; gap:10px 0;}
.h_btn > a i{font-size: 1.6rem;}
.h_btn > a:nth-of-type(1) {width: 100%;max-width: 100%;height: 40px; font-size: 1.4rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row; justify-content: space-between; align-items:center;background-image: linear-gradient(135deg, rgba(245, 172, 60, 1), rgba(246, 156, 166, 1)); position: relative; padding: 0 10px 0 15px; border-radius: 20px; -webkit-transition: all .3s;transition: all .3s;}
.h_btn > a:nth-of-type(2) ,.h_btn > a:nth-of-type(3) ,.h_btn > a:nth-of-type(4) {width: 100%;max-width: 48.4%;height: 40px; font-size: 1.4rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row; justify-content: space-between; align-items:center;background-image: linear-gradient(135deg, rgba(0, 175, 204, 1), rgba(133, 203, 191, 1));position: relative; padding: 0 10px 0 15px; border-radius: 20px; -webkit-transition: all .3s;transition: all .3s;}
.h_btn > a:nth-of-type(4) {width: 100%; max-width: 100%;}
.h_btn > a:nth-of-type(5) {width: 100%; max-width: 100%;margin-top: 15px;text-align: center;}
.h_btn > a:nth-of-type(5) img {width: 190px;}

.h_btn > a:nth-of-type(1):hover {max-width: 100%;}
.h_btn > a:nth-of-type(2):hover,.h_btn > a:nth-of-type(3):hover {max-width: 48.5%;}


.side_btn {display: flex; justify-content:center;;align-items: center; flex-direction: row; gap:15px; position: relative; right:0; top: 0; padding-bottom: 25px;}
.side_btn > a {font-size: 4rem; color: #00afcc; -webkit-transition: all .3s;transition: all .3s; position: relative;}
.side_btn > a:hover {color: #f5ac3c; -webkit-transition: all .3s;transition: all .3s;}




@media screen and (max-width: 360px) { .h_btn > a{font-size: 12px;}}


  /* スマホの際に V を表示 */
  .menu-parent .pd {
 vertical-align: middle;
    display: inline-block;
    width: 100%;
    color: #ffffff;
    margin-left: 10px;
    font-size: 2rem;
  }
  .menu {
  display: flex;justify-content: flex-start;align-items: flex-start;
  width: 100%;
  height: 0; opacity: 0;
  visibility: hidden;
  
  }
  .menu-parent {
    height: auto;
    width: 100%;
    padding: 0px 20px;
        border-top: 1px dotted #ffffff;
    border-right: none!important;
  }
    .menu-parent a{color: #ffffff;}
  
  .menu-parent:first-of-type {
    border-top: 1px none;
  }
  /* メニューを移動させないため */
  #menu-navibtn:checked ~ #navi {
    position: fixed;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100%;
  }
}

/* ドロップダウンメニュー */
.menu-parent .menu-child {
  display: flex; 
  justify-content: space-around;align-items: stretch; flex-direction: row;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  width: 100vw!important;
}

.menu-parent .menu-child li a {
  display: block; width: 100%; height: 100%; 
  }



/* PC */
@media screen and (min-width: 768px) {

.menu-parent {border-right: 1px dotted #ffffff;}
.menu-parent:last-child {border-right: none;}
.menu-parent > a {-webkit-transition: all .3s;transition: all .3s;}
.menu-parent:hover > a {color: #f5ac3c;}


.menu-parent .menu-child {
  background-color: rgba(27,28,128,0.9);
  margin: 0 calc(50% - 50vw);
  width: 100vw!important;
  left: 0; top:120px;
  z-index: -10;
  padding: 60px 8% 50px 8%;
  border-radius: 60px 60px 0 0;
  display: flex;
  justify-content: center;align-items: flex-start; flex-direction: row; flex-wrap: wrap; gap:25px;
  -webkit-transition: all .3s;transition: all .3s;
  }

.menu-parent:nth-of-type(1):hover .navi01 {
    visibility: visible;
     opacity: 1;
     z-index: -2;
  }
  .menu-parent:nth-of-type(4):hover .navi02 {
    visibility: visible;
     opacity: 1;
     z-index: -3;
  }
  
    .menu-parent:nth-of-type(2):hover .navi03 {
    visibility: visible;
     opacity: 1;
     z-index: -4;
  }

  .menu-parent .menu-child li {
  overflow: hidden;
  height: 40px;
  text-align: left;
  line-height: 40px;
  width: 45%;
  max-width: 400px;
  border-radius: 20px;
  background: #ffffff;
  padding: 0 15px 0 15px;
  display: flex;
  justify-content: space-between;align-items: center; flex-direction: row; flex-wrap: nowrap;
  color: #1b1c80;
  -webkit-transition: all .3s;transition: all .3s;
  }

  .menu-parent .menu-child li::after{
content: "\e901";
font-family: 'icomoon' !important;
font-size: 1.6rem;
color: #1b1c80;
  }


/* .navi01 li:first-child {width: calc(60% + 25px)!important;} */

  

.menu-parent .menu-child li a {
color: #1b1c80;
-webkit-transition: all .3s;transition: all .3s;
  }

  
.menu-parent:hover .menu-child li{
  overflow: visible;
  height: 40px;
  }

.menu-parent .menu-child li:hover {
  background: #f5ac3c;
  color: #ffffff;
  }


.menu-parent > a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  padding: 0 25px;
  color: #ffffff;
}
  
}

@media (max-width: 1080px) and (min-width: 768px) {
.menu-parent{font-size: 1.48148vw; line-height: 5.5555vw;}
.menu-parent > a {padding: 0 2.3148vw;}
}


/* スマホ用 */
@media screen and (max-width: 768px) {

  .menu ul{flex-direction: column; margin: 0; border-radius: 10px;}
  /* ハンバーガーメニューがクリックされた時 */
  #menu-navibtn:checked ~ * .menu {
    display: block;
    opacity: 1;
    height: auto;
    visibility: visible;
  }
  #menu-navibtn:checked ~ * .h_btn {display: flex; justify-content: space-between;}
  #menu-navibtn:checked ~ * .menu-parent {
    max-height: inherit;
    overflow-y: visible;
  }
  #menu-navibtn:checked ~ * .menu-child {
  
    max-height: 0;
    overflow-y: hidden;
    visibility: hidden;
  }
  
  /* 子メニュー */
  .menu-parent .menu-child {
  flex-direction: column;
    position: relative;
    padding: 0 20px;
    opacity: 1;
    top: 0;
    margin-left: auto;
    left: auto;
    width: auto;
  }

  .menu-parent .menu-child li {
  width: 100%;
  height: 0;
  border-top: 1px dotted #dddddd;
  -webkit-transition: all .3s;transition: all .3s;
  }
  
  .menu-parent > label:hover {
    cursor: pointer;
    cursor: hand;
  }
  
  
  /* 子メニューがクリックされた時 */
  #navi input[type="checkbox"]:checked ~ .menu-child {
    max-height: inherit;
    overflow-y: visible;
    visibility: visible;
  }
    /* 子メニューがクリックされた時 */
  #navi input[type="checkbox"]:checked ~ .menu-child li {height: 60px;-webkit-transition: all .3s;transition: all .3s;}
}

/* 子メニュー */
.menu-child li {font-size: 16px;min-width: 180px;}
/* ハンバーガー */
#navi #navibtn {display: none;}



@media screen and (max-width: 768px) {
  #navi #navibtn {display: block;position: absolute;top: 10px;right: 10px; cursor: pointer;}
  #navibtn span {display: block;width: 40px;height: 40px;background-color: #00afcc; border-radius:5px; -webkit-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;transition: .3s ease-in-out;}
  #navibtn span span {display: block;overflow: hidden;width: 1px;height: 1px;}
  #navibtn span span::before,
  #navibtn span span::after,
  #navibtn span::after {position: absolute;left:10px;content:"";width: 20px;height: 1px;background-color: #FFF;-webkit-transition: .3s ease-in-out;-moz-transition: .3s ease-in-out;transition: .3s ease-in-out;}

  #navibtn span span::before {top:12px;}
  #menu-navibtn:checked ~ #navi label#navibtn span span::before {top:19px;-webkit-transform: rotate(315deg);-moz-transform: rotate(315deg);transform: rotate(315deg);}

  #navibtn span::after {top:26px;}
  #menu-navibtn:checked ~ #navi label#navibtn > span::after {top:19px;-webkit-transform: rotate(-315deg);-moz-transform: rotate(-315deg);transform: rotate(-315deg);}

  #navibtn span span::after {top:19px;}
  #menu-navibtn:checked ~ #navi label#navibtn span span::after {display: none;}
}



/*========================================
WP用見出し
=======================================*/

main.wp_body h1 {font-size: 3.6rem; line-height: 1.4em; font-weight: 500; color: #1b1c80; margin-bottom: 40px;}
main.wp_body h2 {width: 100%; min-height: 60px; font-size: 2.8rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row; justify-content: space-between; align-items:center; gap:20px;position: relative; background-image: linear-gradient(135deg, rgba(0, 175, 204, 1), rgba(133, 203, 191, 1)); padding: 5px 15px 5px 15px; border-radius: 5px 30px 30px 5px;  margin-bottom: 35px;}
main.wp_body h3 {font-size: 2.4rem; line-height: 1.4em; font-weight: 600; color: #00afcc; border-bottom: 1px dotted #00afcc; padding-bottom: 0.5em; margin-bottom: 30px;}
main.wp_body h3::after{content:""; width: 10px; height: 10px; font-size: 0.1; line-height: 0.1; background: #00afcc; border-radius: 5px; position: absolute; bottom: -5px; right: -5px;}
main.wp_body h4{width:100%; min-height: 40px; font-size:2rem; line-height: 1.2; font-weight: 600; color: #ffffff; display: flex; justify-content: flex-start; align-items: center;border-radius: 60px ;background-image: linear-gradient(135deg, rgba(142, 199, 36, 1), rgba(200, 217, 48, 1));padding: 5px 15px; margin-bottom: 30px;}
main.wp_body h5 {font-size: 2.4rem; line-height: 1.4em; font-weight: 600; color: #00afcc; margin-bottom: 30px;}
main.wp_body h6 {font-size: 2rem; line-height: 1.4em; font-weight: 500; color: #00afcc; margin-bottom: 30px;}
main.wp_body p {font-size: 1.6rem; line-height: 1.9em;}


@media screen and (max-width: 768px) {
main.wp_body h1 {font-size: 2.4rem; line-height: 1.4em; font-weight: 500; color: #1b1c80;margin-bottom: 8vw;}
main.wp_body h2 {width: 100%; font-size: 2rem; font-weight: 500; color: #ffffff; display: flex; flex-direction: row; justify-content: space-between; align-items:center; gap:20px;position: relative; background-image: linear-gradient(135deg, rgba(0, 175, 204, 1), rgba(133, 203, 191, 1)); padding: 5px 15px 5px 15px; border-radius: 5px 30px 30px 5px; margin-bottom: 7vw;}
main.wp_body h3 {font-size: 1.8rem; line-height: 1.4em; font-weight: 600; color: #00afcc; border-bottom: 1px dotted #00afcc; padding-bottom: 0.5em;margin-bottom: 6vw}
main.wp_body h3::after{content:""; width: 8px; height: 8px; font-size: 0.1; line-height: 0.1; background: #00afcc; border-radius: 4px; position: absolute; bottom: -4px; right: -4px;}
main.wp_body h4{width:100%; min-height: 40px; font-size:1.6rem; line-height: 1.2; font-weight: 600; color: #ffffff; display: flex; justify-content: flex-start; align-items: center;border-radius: 20px ;background-image: linear-gradient(135deg, rgba(142, 199, 36, 1), rgba(200, 217, 48, 1));padding: 5px 15px;margin-bottom: 6vw}
main.wp_body h5 {font-size: 1.8rem; line-height: 1.4em; font-weight: 600; color: #00afcc;margin-bottom: 6vw}
main.wp_body h6 {font-size: 1.6rem; line-height: 1.4em; font-weight: 500; color: #00afcc;margin-bottom: 6vw}
main.wp_body p {font-size: 1.4rem; line-height: 1.9em;}
}


/*========================================
loader
=======================================*/
#loader-bg {display: none;position: fixed;justify-content:center;align-items: center;width: 100vw;height: 100vh;background: #ffffff;opacity:1;z-index: 100;background:#ffffff url("../img/load_logo.png") no-repeat center center;background-size: 350px auto;}
#loader {height: auto; width: auto;justify-content:center;align-items: center;display: none;}
#loader img {max-height: 500px; height: 400px; width: auto;}

@media screen and (max-width: 768px) {
#loader-bg {background-size: 70vw auto;}
}


/*========================================
effect
=======================================*/

@media screen and (min-width: 980px) {
.visible, .invisible {
                opacity: 0.0!important;
                transition: opacity 2s ease!important;
            }
            .visible {
                opacity: 1.0!important;
            }
            
            .visible.translateY,.invisible.translateY {
                transform: translateY(100px);
                transition: all 2s cubic-bezier(0.165, 0.840, 0.440, 1.000)!important;
            }
            .visible.translateY {
                transform: translateY(0);
            }
            .visible.translateYD,.invisible.translateYD {
                transform: translateY(-100px);
                transition: all 2s cubic-bezier(0.165, 0.840, 0.440, 1.000)!important;
            }
            .visible.translateYD {
                transform: translateY(0);
            }
            .visible.translateToLeft,.invisible.translateToLeft {
                transform: translateX(100px);
                transition: all 2s cubic-bezier(0.165, 0.840, 0.440, 1.000)!important;
            }
            .visible.translateToLeft {
                transform: translateX(0);
            }
            .visible.translateToRight,.invisible.translateToRight {
                transform: translateX(-100px);
                transition: all 2s cubic-bezier(0.165, 0.840, 0.440, 1.000)!important;
            }
            .visible.translateToRight {
                transform: translateX(0);
            }
}
    
    
@media screen and (max-width: 640px) {
.visible, .invisible {
                opacity: 0.0!important;
                transition: opacity 2s ease!important;
            }
            .visible {
                opacity: 1.0!important;
            }
            
            .visible.translateY,.invisible.translateY {
                transform: translateY(100px);
                transition: all 2s cubic-bezier(0.165, 0.840, 0.440, 1.000)!important;
            }
            .visible.translateY {
                transform: translateY(0);
            }
            .visible.translateYD,.invisible.translateYD {
                transform: translateY(-100px);
                transition: all 2s cubic-bezier(0.165, 0.840, 0.440, 1.000)!important;
            }
            .visible.translateYD {
                transform: translateY(0);
            }
            .visible.translateToLeft,.invisible.translateToLeft {
                transform: translateY(100px);
                transition: all 2s cubic-bezier(0.165, 0.840, 0.440, 1.000)!important;
            }
            .visible.translateToLeft {
                transform: translateX(0);
            }
            .visible.translateToRight,.invisible.translateToRight {
                transform: translateY(100px);
                transition: all 2s cubic-bezier(0.165, 0.840, 0.440, 1.000)!important;
            }
            .visible.translateToRight {
                transform: translateX(0);
            }
}