@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:#22385d; font-family: YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; background-color:#edf1f2; background-image: url(../img/body_bg.png); background-size: 128px 128px; font-weight: 500;}
_::-webkit-full-page-media, _:future, :root body {font-family: YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", 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:#0098cb; text-decoration:none;}
a:hover{color: #f08d1d;}

#container {width: 100%; height: auto; padding: 88px 0 0 0; overflow:hidden; position: relative;}
body.index #container {display:none;}

/* --- 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) {
#container {padding: 60px 0 0 0;}
/* --- page link --- */
.page_link{margin-top: -80px;padding-top: 80px; display:block;}
.pc { display: none;}
.sp { display: inherit;}
.over:hover {opacity: 1 ;}
}



/* page-top */
#page-top {position: fixed;bottom: 20px;right: 20px;z-index:400; 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?ilqnbn');
  src:  url('fonts/icomoon.eot?ilqnbn#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?ilqnbn') format('truetype'),
    url('fonts/icomoon.woff?ilqnbn') format('woff'),
    url('fonts/icomoon.svg?ilqnbn#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-pdf:before {
  content: "\e909";
}
.icon-home:before {
  content: "\e908";
}
.icon-arrow_02:before {
  content: "\e900";
}
.icon-arrow_01:before {
  content: "\e901";
}
.icon-open:before {
  content: "\e902";
}
.icon-check:before {
  content: "\e903";
}
.icon-schedule:before {
  content: "\e904";
}
.icon-help:before {
  content: "\e905";
}
.icon-mail:before {
  content: "\e906";
}
.icon-mic:before {
  content: "\e907";
}



@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;}
.c_f08d1d {color: #f08d1d!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;}
       

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



/* ボタン*/
a.page_btn_60 {width:100%; max-width: 600px; height: 60px; font-size: 2rem; font-weight: 400; line-height: 1; color: #ffffff;  border-radius: 3px;display: flex;justify-content: center;align-items: center;gap:5px; background-image: linear-gradient(135deg, rgba(34, 56, 93, 1), rgba(0, 92, 161, 1) 50%); position: relative;-webkit-transition: all .3s;transition: all .3s;}
a.page_btn_60 i{font-size: 0.8em; margin-top: 0.1em; position: absolute; right: 20px;}
a.page_btn_60 i.large{font-size: 1.4em; margin-top: 0em; position: absolute; right: 20px;}

@media screen and (min-width: 768px) {
 a.page_btn_60:hover {background-image: linear-gradient(135deg, rgba(0, 92, 161, 1), rgba(0,152,203,1) 50%);}
}
@media screen and (max-width: 768px) {
 a.page_btn_60 {height: 40px; font-size: 1.6rem; font-weight: 400; justify-content: flex-start; padding-left: 10px}
 a.page_btn_60 i.large{font-size: 1.4em; margin-top: 0em; position: absolute; right: 10px;}
}

/* reCAPTCHAマーク非表示*/
.grecaptcha-badge { visibility: hidden; }



/* --- WP pagenation --- */
.pagination{margin:0 auto;}
.nav-links{display:flex; flex-direction: row; justify-content: center; align-items: center;}
.pagination .page-numbers{font-size: 180%; width: 40px; height: 40px; margin-right:10px;color:#666666;border-radius:3px;background:#ffffff; display:flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: nowrap;transition: all 0.3s;}
.pagination .page-numbers:hover {background:#0098cb; color: #ffffff;}
.pagination .current{padding:15px;background:#f08d1d;color:#fff;}
.pagination .current:hover{background:#f08d1d;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:#f08d1d;width: auto;background:none;}
.pagination .dots{background:transparent;box-shadow:none;}



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

.contact_img_01 {max-width: 320px;width: 100%; height: auto; margin-top: -150px;}


.contact_wrap {width: 100%; max-width:800px;  padding: 0 0 0 0; margin: 0 auto; position: relative;}
.contact_wrap p {font-size: 1.6rem;line-height: 1.7; font-weight:500;  }
.contact_form {width: 100%;border-collapse: collapse;margin: 0 auto;}
.contact_wrap tr {display: block;border-top: solid 1px rgba(34,56,93,0.2);}
.contact_wrap tr.bnone {border: none; }
.contact_wrap tr:last-child {border-bottom: solid 1px rgba(34,56,93,0.2);}
.contact_wrap th {font-size: 1.7rem; font-weight: 500;width: 220px;padding: 50px 0 0 0;text-align: left;vertical-align: top;}
main.confirm .contact_wrap th {font-size: 1.7rem; font-weight: 500;width: 220px;padding: 0 0 0 0;text-align: left;vertical-align: middle;}
.contact_wrap th > div{width: 100%; display: flex;justify-content: space-between;align-items: center;  vertical-align: text-top; position: relative;}
.contact_wrap th > div div {display: flex; justify-content:flex-start; flex-wrap: wrap; flex-direction: column; line-height: 1.5}
.contact_wrap th.required > div:after {content: "必須";background: #f08d1d;color: #ffffff;font-size: 1.4rem;padding: 8px;text-align: center; white-space: nowrap; border-radius: 3px;}
.contact_wrap td {width: 600px; font-size: 1.6rem; font-weight: 500;padding: 30px 0 30px 50px;text-align: left;}
.contact_wrap tr.bnone th{padding: 15px 0 30px 0;}
.contact_wrap tr.bnone td{padding: 0 0 30px 50px;}
.wpcf7-email,.wpcf7-text,.contact_wrap input[type="text"]{ display: block;width: 100%; height: 60px; border: none; background: #ffffff;padding: 0 20px; border-radius: 3px;vertical-align: top;outline: none;font-size: 1.6rem; }
.contact_wrap input[type="text"]:nth-of-type(2){margin-top: 30px;}
.contact_wrap select{ display: block;width: 100%; height: 60px; border: none; background: #ffffff;padding: 0 20px; border-radius: 3px;vertical-align: top;outline: none;font-size: 1.6rem; -webkit-appearance: none;appearance: none;}
.select_wrapper {position: relative;}
.select_wrapper::after {content: "";position: absolute;top: 21px;right: 16px;width: 12px;height: 12px;border-right: 2px solid #333;border-bottom: 2px solid #333;transform: rotate(45deg);pointer-events: none;}

.contact_wrap .pcode p{display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap; margin-bottom: 20px;}
.contact_wrap .pcode input {width: 160px;}
.contact_wrap textarea {display: block;width: 100%; height: auto; border: none; background: #ffffff;padding: 20px; border-radius: 3px;vertical-align: top;outline: none;font-size: 1.6rem;  }
.wpcf7-email:focus,.wpcf7-text:focus,.contact_wrap input[type="text"]:focus,.contact_form textarea:focus {border: solid 1px rgba(0,92,161,.5);}
.contact_wrap input[type="checkbox"],.contact_wrap input[type="radio"] {width: 18px;height: 18px;margin: 0;padding: 0;}
.contact_wrap .text-area {display: flex; justify-content: flex-start; align-items: center; gap:20px; padding-top: 10px; font-size: 1.6rem;}

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


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

.contact_wrap .checkbox_label {display: inline-block;cursor: pointer;font-size: 1.6rem; }
.contact_wrap .checkbox_txt {vertical-align: top;}
.wpcf7-response-output,.contact_wrap label.error {font-size: 1.6rem;display: block;margin: .3em 0 0 0;color: #dd0030; border:none!important;}
.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_wrap p {text-align: center; }
.confirm_wrap p:nth-child(2) {margin-bottom:20px;}
.confirm_btn {width: 100%;max-width: 600px;margin: 30px auto 0;padding: 0;outline: none;border: none;background-image: linear-gradient(135deg, rgba(34, 56, 93, 1), rgba(0, 92, 161, 1) 50%); border-radius: 3px;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: 600px;margin: 30px auto 0;padding: 0;outline: none;border: none; background-image: linear-gradient(135deg, rgba(34, 56, 93, 1), rgba(0, 92, 161, 1) 50%); border-radius: 3px;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 {background-image: linear-gradient(135deg, rgba(0, 92, 161, 1), rgba(0,152,203,1) 50%);}
}
.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: 768px) {
.contact_img_01 {max-width: 260px;width: 100%; height: auto; margin-top: -0;}

.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_wrap p {font-size: 1.4rem;line-height: 1.7; font-weight:500;  }
.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(34, 56, 93, 1), rgba(0, 92, 161, 1) 50%); border-radius: 3px;color: #ffffff;font-size: 1.6rem;height:50px;display: flex;align-items: center;}
.contact_wrap th.required div:after {font-size: 1.2rem;}
.wpcf7-email,.wpcf7-text,.contact_wrap input[type="text"] {font-size: 1.3rem; height: 50px;}
.wpcf7-response-output,.contact_wrap label.error {font-size: 1.2rem;display: block;margin: .3em 0 0 0;color: #ff6b6b;}
.contact_wrap textarea {font-size: 1.3rem;}
.contact_wrap .checkbox_label {font-size: 1.4rem; }
.contact_wrap input[type="checkbox"],.contact_wrap input[type="radio"] {width: 14px;height: 14px;margin: 0;padding: 0; font-size: 1.4rem;}
.contact_wrap select{ display: block;width: 100%; height: 50px; border: none; background: #ffffff;padding: 0 20px; border-radius: 3px;vertical-align: top;outline: none;font-size: 1.4rem; -webkit-appearance: none;appearance: none;}
.select_wrapper::after {content: "";position: absolute;top: 18px;right: 16px;width: 12px;height: 12px;border-right: 2px solid #333;border-bottom: 2px solid #333;transform: rotate(45deg);}
.contact_wrap th > div div {display: flex; justify-content:flex-start;align-items: center; flex-direction: row; line-height: 1.5}
.contact_wrap th > div div span {font-size: 1.2rem!important;}

.contact01_wrap,.contact_wrap {padding: 0 0 13vw 0;}
.confirm_btn {margin: 5vw auto 0;border-radius: 3px;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;}
.contact_wrap p {font-size: 1.4rem;line-height: 1.7; font-weight:500; }
.contact_wrap textarea {border-radius: 5px;}
}




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

.media_img_01 {max-width: 300px;width: 100%; height: auto; margin-top: -160px;}

.news_inner {width:100%; max-width: 1080px; display: flex;justify-content: flex-start;align-items: stretch; flex-wrap: wrap; margin: 0 auto;}
.news_inner > a  {width:100%;display: flex;justify-content: flex-start;align-items:  flex-start;flex-direction: column; gap:10px; padding: 20px 0 40px 20px;position: relative; border-bottom: 1px solid rgba(34,56,93,0.2);-webkit-transition: all .3s;transition: all .3s;}
.news_inner > a:last-of-type  {border-bottom: none;}
.news_inner >  a::after {content: "\e901"; font-family: 'icomoon'; font-size: 2.8rem; color: rgba(34,56,93,1); position: absolute; top: 40%; right:10px; -webkit-transition: all .3s;transition: all .3s;}
.news_inner >  a h6 {width:100%; font-family: "Jost", sans-serif;font-style:italic; font-size: 1.7rem; font-weight: 500; line-height: 1;color: rgba(34,56,93,1);text-align: left;position: relative; display: flex;justify-content: flex-start;align-items: center; padding: 0; margin: 0; -webkit-transition: all .3s;transition: all .3s;}
.news_inner >  a h6::before {content: ""; width: 10px; height: 10px; position:absolute; background: rgba(34,56,93,1); border-radius: 5px; left: -25px;-webkit-transition: all .3s;transition: all .3s;}
.news_inner >  a .news_title {width:100%; font-size: 1.8rem; font-weight: 500; line-height: 1.6;color: rgba(34,56,93,1);text-align: left;-webkit-transition: all .3s;transition: all .3s;}


@media screen and (min-width: 768px) {
.news_inner > a:hover {background-image: linear-gradient(135deg, rgba(34, 56, 93, 0.1), rgba(0, 92, 161, 0) 80%);}
.news_inner > a:hover h6,.news_inner a:hover h5,.news_inner a:hover .news_title,.news_inner a:hover h6::before {color:#0098cb; }
.news_inner > a:hover h6::before {background: #0098cb; }
.news_inner > a:hover::after {color:#0098cb; right: 0;}
}


/* Modal Base */
 body.news .modal {display: none;position: fixed;top: 0;left: 0;height: 100vh;width: 100%;z-index: 500;}
 body.news .modal-bg {position: absolute;height: 100vh;width: 100%;background-image: linear-gradient(135deg, rgba(34, 56, 93, 0.9), rgba(0, 92, 161, 0.9) 50%);z-index: 501;}
 body.news .modal-content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 800px;z-index: 502;}
 body.news .modal-inner {position: relative;width: 100%;min-height: 300px;max-height: 80vh;overflow-x: hidden;overflow-y: auto;background-color:#edf1f2; background-image: url(../img/body_bg.png); background-size: 128px 128px;border-radius: 5px; padding: 40px;}
 body.news .modal-inner > h6 {width:100%; font-family: "Jost", sans-serif;font-style:italic; font-size: 1.7rem; font-weight: 500; line-height: 1;color: rgba(34,56,93,1);text-align: left;position: relative; display: flex;justify-content: flex-start;align-items: center; gap:5px; padding: 0; margin: 0 0 10px 0;}
 body.news .modal-inner > h6::before {content: ""; width: 6px; height: 6px; background: rgba(34,56,93,1); border-radius: 3px; position: static;}
body.news .modal-inner img {width: auto; max-width: 100%; height: auto; border-radius: 5px; margin: 20px auto;}

body.news .modal-inner > div:first-of-type {width: 100%; text-align: left;font-size: 2.6rem; font-weight: 500; line-height: 1.3; color: rgba(34,56,93,1); margin-bottom: 30px;}
body.news .modal-inner > div:last-of-type  {width: 100%; text-align: left;font-size: 1.7rem; font-weight: 500; line-height: 1.3; color: rgba(34,56,93,1); margin-bottom: 30px;}
body.news .modal-inner p {width: 100%;font-size: 1.6rem; line-height: 2; font-weight: 500; text-align: justify;-webkit-transition: all .3s;transition: all .3s;}



@media screen and (max-width: 768px) {
body.news .modal-content {width: 90vw;}
body.news .modal-inner {padding: 20px; max-height: 80vh}
body.news .modal-inner > div:first-of-type {width: 100%; text-align: left;font-size: 1.8rem; font-weight: 500; line-height: 1.3; color: rgba(34,56,93,1); margin-bottom: 20px;}
body.news .modal-inner > div:last-of-type  {width: 100%; text-align: left;font-size: 1.4rem; font-weight: 500; line-height: 1.3; color: rgba(34,56,93,1); margin-bottom: 20px;}
body.news .modal-inner p {width: 100%;font-size: 1.4rem; line-height: 2; font-weight: 400; text-align: justify;-webkit-transition: all .3s;transition: all .3s;}

.media_img_01 {max-width: 260px;width: 100%; height: auto; margin-top: 0;}
.news_inner > a  {width:100%;display: flex;justify-content: flex-start;align-items:  flex-start;flex-direction: column; gap:10px; padding: 15px 0 25px 15px;position: relative; border-bottom: 1px solid rgba(34,56,93,0.2);-webkit-transition: all .3s;transition: all .3s;}
.news_inner > a:last-of-type  {border-bottom: none;}
.news_inner >  a::after {content: "\e901"; font-family: 'icomoon'; font-size: 2rem; color: rgba(34,56,93,1); position: absolute; top: 15px; right:0; -webkit-transition: all .3s;transition: all .3s;}
.news_inner >  a h6 {width:100%; font-family: "Jost", sans-serif;font-style:italic; font-size: 1.6rem; font-weight: 500; line-height: 1;color: rgba(34,56,93,1);text-align: left;position: relative; display: flex;justify-content: flex-start;align-items: center; padding: 0; margin: 0; -webkit-transition: all .3s;transition: all .3s;}
.news_inner >  a h6::before {content: ""; width: 6px; height: 6px; position:absolute; background: rgba(34,56,93,1); border-radius: 3px; left: -18px;-webkit-transition: all .3s;transition: all .3s;}
.news_inner >  a .news_title {width:100%; font-size: 1.6rem; font-weight: 500; line-height: 1.6;color: rgba(34,56,93,1);text-align: left;-webkit-transition: all .3s;transition: all .3s;}
}



/*========================================
開催日程
=======================================*/


.schedule_img_01 {max-width: 260px;width: 100%; height: auto; }
.schedule_title_wrap {width: 100%; display: flex; justify-content:space-between; align-items: center; flex-direction:row;gap:30px; padding: 30px 0 0 0;}
.schedule_wrap {}
.schedule_wrap .cation{padding: 30px 20px;}
.schedule_wrap table {}
.schedule_wrap table tr {border-bottom: 1px solid rgba(34,56,93,0.2);}
.schedule_wrap table tr th{font-size: 1.6rem; font-weight: 500; line-height: 1;color: rgba(34,56,93,1);background-image: linear-gradient(135deg, rgba(34, 56, 93, 0.1), rgba(0, 92, 161, 0.1) 50%);text-align: center;border-right: 1px solid rgba(34,56,93,0.2);padding: 20px 10px;}
.schedule_wrap table tr td{font-size: 1.6rem; font-weight: 500; line-height: 1;color: rgba(34,56,93,1);text-align: center;border-right: 1px solid rgba(34,56,93,0.2);padding: 20px 10px;background-color:#edf1f2; background-image: url(../img/body_bg.png); background-size: 128px 128px;}
.schedule_wrap table tr th:last-child {border-right: none;}
.schedule_wrap table tr td:nth-child(4),.schedule_wrap table tr td:nth-child(5){border-right: none; text-align: left;white-space: nowrap; width: 100px;}
.schedule_wrap table tr td:nth-child(5){color: #f08d1d; font-weight:700;}
.schedule_wrap table tr td:first-child {font-size: 1.7rem; font-weight: 700; color: #005ca1; white-space: nowrap;}


@media screen and (max-width: 768px) {
.schedule_img_01 {max-width: 260px;width: 100%; height: auto; }
.schedule_title_wrap {width: 100%; display: flex; justify-content:space-between; align-items: center; flex-direction:column;gap:20px; padding: 30px 0 0 0;}

.schedule_wrap table tr th{display: none;}
.schedule_wrap table tr tr{width: 100%; display: flex;justify-content: flex-start;align-items: flex-start; flex-direction: column; flex-wrap: wrap;}
.schedule_wrap table tr tr:first-child{border-bottom: none;}
.schedule_wrap table tr td{display: flex;justify-content: flex-start;align-items: flex-start; flex-direction: row;flex-wrap: nowrap;width: 100%; border-right: none;font-size: 1.4rem;text-align: left; padding:5px 10px;}
/*.schedule_wrap table tr td:nth-child(2)::before {content: "開催地域／会場："; }*/
/*.schedule_wrap table tr td:nth-child(3)::before {content: "開催実績："; }*/
.schedule_wrap table tr td:first-child {width: 100%;font-size: 1.6rem; font-weight: 700; color: #ffffff;padding:10px;background-image: linear-gradient(135deg, rgba(34, 56, 93, 1), rgba(0, 92, 161, 1) 50%);background-size:auto;}
.schedule_wrap table tr td:nth-child(2) {padding: 10px 10px 5px 10px}
.schedule_wrap table tr td:nth-child(4) {width: 100%;}
.schedule_wrap table tr td:nth-child(5) {padding: 5px 10px 10px 10px;}
.schedule_wrap table tr td:nth-child(n+2) {background-color:inherit; background-image:none;}
}


/*========================================
参加企業の声
=======================================*/

.testimonials_img_01 {max-width: 425px;width: 100%; height: auto; margin-top: -200px;}

.testimonials_wrap {width:100%; position: relative;z-index: 21; margin-bottom: -1px;}
.testimonials_inner {width:100%; max-width: 1080px; display: flex;justify-content: flex-start;align-items: stretch; flex-wrap: wrap; margin: 0 auto;}
.testimonials_inner > a  {width:33.333333%;display: flex;justify-content: flex-start;align-items:  flex-start;flex-direction: column; gap:20px; padding: 20px 20px 50px 20px;position: relative; border-bottom: 1px solid rgba(34,56,93,0.2);border-right: 1px solid rgba(34,56,93,0.2);-webkit-transition: all .3s;transition: all .3s;}
.testimonials_inner >  a::after {content: "\e901"; font-family: 'icomoon'; font-size: 2.8rem; color: rgba(34,56,93,1); position: absolute; bottom: 10px; right:10px; -webkit-transition: all .3s;transition: all .3s;}
.testimonials_inner >  a:nth-child(3n) {border-right: none;}

.testimonials_inner >  a h6 {width:100%; font-family: "Jost", sans-serif;font-style:italic; font-size: 1.7rem; font-weight: 500; line-height: 1;color: rgba(34,56,93,1);text-align: left;position: relative; display: flex;justify-content: flex-start;align-items: center; padding: 0; margin: 0; -webkit-transition: all .3s;transition: all .3s;}
.testimonials_inner >  a h6::before {content: ""; width: 10px; height: 10px; position:absolute; background: rgba(34,56,93,1); border-radius: 5px; left: -25px;-webkit-transition: all .3s;transition: all .3s;}
.testimonials_inner >  a .company_name {width:100%; font-size: 1.8rem; font-weight: 500; line-height: 1.6;color: rgba(34,56,93,1);text-align: left;-webkit-transition: all .3s;transition: all .3s;}
.testimonials_inner >  a .company_name span {width: 100%; display: block; font-size: 1.6rem;text-align: left; }

.testimonials_inner >  a .testimonials_img{width: 100%; height: 220px; border-radius: 5px; overflow: hidden; background-image: url("../img/testimonials_img_02.png"); background-size: cover;}
.testimonials_inner >  a img {width: auto; height: 100%;;-webkit-transition: all .3s;transition: all .3s;}



/* Modal Base */
.modal {display: none;position: fixed;top: 0;left: 0;height: 100vh;width: 100%;z-index: 500;}
.modal-bg {position: absolute;height: 100vh;width: 100%;background-image: linear-gradient(135deg, rgba(34, 56, 93, 0.9), rgba(0, 92, 161, 0.9) 50%);z-index: 501;}
.modal-content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 800px;z-index: 502;}
.modal-inner {position: relative;width: 100%;min-height: 300px;max-height: 80vh;overflow-x: hidden;overflow-y: auto;background-color:#edf1f2; background-image: url(../img/body_bg.png); background-size: 128px 128px;border-radius: 5px; padding: 40px;}
.testimonials_img_02 {width: 100%; height: auto; margin:0 auto; border-radius: 5px; margin-bottom: 30px;}
.modal-inner > div:first-of-type {width: 100%; text-align: left;font-size: 2.2rem; font-weight: 500; line-height: 1.3; color: rgba(34,56,93,1); margin-bottom: 10px;}
.modal-inner > div:last-of-type  {width: 100%; text-align: left;font-size: 1.7rem; font-weight: 500; line-height: 1.3; color: rgba(34,56,93,1); margin-bottom: 30px;}
.modal-inner > p {width: 100%;font-size: 1.6rem; line-height: 2; font-weight: 500; text-align: justify;-webkit-transition: all .3s;transition: all .3s;}

.btn_close {display: block;position: absolute;top: -50px;right: -50px;width: 40px;height: 40px; color: #ffffff;text-align: center; font-size: 4rem; font-weight: 300; text-decoration: none;line-height: 40px;z-index: 503;-webkit-transition: all .3s;transition: all .3s;}



@media screen and (max-width: 768px) {
.modal-content {width: 90vw;}
.modal-inner {padding: 20px; max-height: 80vh}
.testimonials_img_02 {width: 100%; height: auto; margin:0 auto; border-radius: 5px; margin-bottom: 20px;}
.modal-inner > div:first-of-type {width: 100%; text-align: left;font-size: 1.8rem; font-weight: 500; line-height: 1.3; color: rgba(34,56,93,1); margin-bottom: 5px;}
.modal-inner > div:last-of-type  {width: 100%; text-align: left;font-size: 1.6rem; font-weight: 500; line-height: 1.3; color: rgba(34,56,93,1); margin-bottom: 20px;}
.modal-inner > p {width: 100%;font-size: 1.4rem; line-height: 2; font-weight: 400; text-align: justify;-webkit-transition: all .3s;transition: all .3s;}
.btn_close {display: block;position: absolute;top: -50px;right: 0;width: 40px;height: 40px; color: #ffffff;text-align: center; font-size: 4rem; font-weight: 300; text-decoration: none;line-height: 40px;z-index: 503;-webkit-transition: all .3s;transition: all .3s;}
}


@media screen and (min-width: 768px) {
.testimonials_inner > a:hover {box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);}
.testimonials_inner > a:hover img {transform: scale(1.1);}
.testimonials_inner > a:hover h6,.testimonials_inner a:hover h5,.testimonials_inner a:hover .company_name,.testimonials_inner a:hover h6::before {color:#0098cb; }
.testimonials_inner > a:hover h6::before {background: #0098cb; }
.testimonials_inner > a:hover::after {color:#0098cb;}
}


@media screen and (max-width: 1080px) {
.testimonials_inner > a {width:50%;}
.testimonials_inner > a:nth-child(2n) {border-right: none;}
.testimonials_inner > a:nth-child(3n) {border-right: 1px solid rgba(34,56,93,0.2);}
}

@media screen and (max-width: 768px) {
.testimonials_img_01 {max-width: 300px;width: 100%; height: auto; margin-top: 0;}
.testimonials_inner > a {width:100%;gap:15px; padding: 15px 15px 40px 15px;position: relative; border-bottom: 1px solid rgba(34,56,93,0.2);border-right: none;}
.testimonials_inner > a:nth-child(3n) {border-right:none;}

.testimonials_inner > a h6 {width:100%; font-family: "Jost", sans-serif;font-style:italic; font-size: 1.6rem; font-weight: 500; line-height: 1;color: rgba(34,56,93,1);text-align: left;position: relative; display: flex;justify-content: flex-start;align-items: center; padding: 0; margin: 0; -webkit-transition: all .3s;transition: all .3s;}
.testimonials_inner > a h6::before {content: ""; width: 6px; height: 6px; position:absolute; background: rgba(34,56,93,1); border-radius: 3px; left: -18px;-webkit-transition: all .3s;transition: all .3s;}
.testimonials_inner > a .company_name {width:100%; font-size: 1.6rem; font-weight: 500; line-height: 1.6;color: rgba(34,56,93,1);text-align: left;-webkit-transition: all .3s;transition: all .3s;}
.testimonials_inner > a .company_name span {width: 100%; display: block; font-size: 1.4rem;text-align: left; }
.testimonials_inner > a .testimonials_img {width: 100%; max-width: 320px; max-height: 220px; height: 50vw; border-radius: 5px; overflow: hidden; background-image: url("../img/testimonials_img_02.png"); background-size: cover; margin: 0 auto;}
}



/*========================================
参加高校の実績
=======================================*/


.achievements_img_01 {max-width: 430px;width: 100%; height: auto; margin-top: -120px;}


main.achievements .accordion {width: 100%;padding: 0 0 60px 0;}
main.achievements .toggle {display: none;}
main.achievements .option {position: relative;margin-bottom: 30px; }
main.achievements .title,.content {-webkit-backface-visibility: hidden;backface-visibility: hidden;transform: translateZ(0);}
main.achievements .title {font-size: 2.2rem;line-height: 1.3; font-weight:500; color: #ffffff; cursor: pointer;background-image: linear-gradient(135deg, rgba(34, 56, 93, 1), rgba(0, 92, 161, 1) 50%);min-height: 70px; display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap; padding: 0 70px 0 20px;border-top: 1px solid rgba(34,56,93,0.2);border-bottom: 1px solid rgba(34,56,93,0.2);-webkit-transition: all .3s;transition: all .3s;}

main.achievements .title span{display: block;font-size: 10px;line-height: 1; font-weight:500; color: #ffffff;margin-right: 10px;}

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


@media screen and (min-width: 768px) {
main.achievements .title:hover {color: #005ca1;background-image: linear-gradient(135deg, rgba(34, 56, 93, 0.2), rgba(0, 92, 161, 0.2) 50%);}
main.achievements .title:hover span{color: #005ca1;}
main.achievements .title:hover::after,
main.achievements .title:hover::before {background-color: #005ca1;}
}

main.achievements .content {max-height: 0;overflow: hidden;}
main.achievements .content {width: 100%; position: relative;margin: 0 auto;padding: 0; }

main.achievements .toggle:checked + .title +.content {max-height: 9999px; margin: 0; -webkit-transition: all .3s;transition: all .3s;}
main.achievements .toggle:checked + .title { color: #005ca1; background-image: linear-gradient(135deg, rgba(34, 56, 93, 0.1), rgba(0, 92, 161, 0.1) 50%);}
main.achievements .toggle:checked + .title span{color: #005ca1;}
main.achievements .toggle:checked + .title::before {
transform: rotate(45deg) !important;
background-color: #005ca1;
}
main.achievements .toggle:checked + .title::after {
transform: rotate(135deg) !important;
background-color: #005ca1;
}

main.achievements dl{width: 100%; display: flex; justify-content: flex-start; align-items: stretch;border-bottom: 1px solid rgba(34,56,93,0.2);}
main.achievements dl dt{width: 135px; font-size: 1.8rem;line-height: 2; font-weight:500; color: #005ca1;display: flex; justify-content: flex-start; align-items: flex-start; padding: 20px 0 20px 20px;}
main.achievements dl dd {width: 100%; display: flex; justify-content: flex-start; align-items: flex-start;padding: 20px 30px 20px 30px;border-left: 1px solid rgba(34,56,93,0.2);}



@media screen and (max-width: 768px) {
.achievements_img_01 {max-width: 300px;width: 100%; height: auto; margin-top: 0;}
main.achievements .option {position: relative;margin-bottom: 15px; }
main.achievements .title {font-size: 1.6rem;padding: 0 40px 0 10px; min-height: 60px;text-align: left;}
main.achievements .title::after,main.achievements .title::before {content: "";position: absolute;right: 20px;top: 22px;width: 2px;height: 15px;}
main.achievements .title span{display: block;font-size: 6px;line-height: 1; font-weight:900; margin-right: 10px;}
main.achievements .content {width: 100%;osition: relative;margin: 0 auto 0 auto;}

main.achievements dl{width: 100%; display: flex; justify-content: flex-start; align-items: stretch; flex-direction: column; border-bottom: 1px solid rgba(34,56,93,0.2);}
main.achievements dl dt{width: 100%; font-size: 1.6rem;line-height: 2; font-weight:500; color: #005ca1;display: flex; justify-content: flex-start; align-items: flex-start; padding: 5px 15px;border-bottom: 1px solid rgba(34,56,93,0.2);}
main.achievements dl dd {width: 100%; display: flex; justify-content: flex-start; align-items: flex-start;padding: 15px 15px;border-left: none;}
}



/*========================================
FAQ
=======================================*/


.faq_img_01 {max-width: 300px;width: 100%; height: auto; margin-top: -180px;}

main.faq .accordion {width: 100%;}
main.faq .toggle {display: none;}
main.faq .option {position: relative;margin-bottom: 30px; }
main.faq .title,.content {-webkit-backface-visibility: hidden;backface-visibility: hidden;transform: translateZ(0);}
main.faq .title {font-size: 2rem;line-height: 1.3; font-weight:500; color: #005ca1; cursor: pointer;background-image: linear-gradient(135deg, rgba(34, 56, 93, 0), rgba(0, 92, 161, 0) 50%);min-height: 70px; display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap; padding: 0 70px 0 20px;border-top: 1px solid rgba(34,56,93,0.2);border-bottom: 1px solid rgba(34,56,93,0.2);-webkit-transition: all .3s;transition: all .3s;}
main.faq .option:first-of-type .title {border-top: none;}

main.faq .title span{display: block;font-size: 10px;line-height: 1; font-weight:500; color: #005ca1;margin-right: 10px;}

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

@media screen and (min-width: 768px) {
main.faq .title:hover {color: #ffffff;background-image: linear-gradient(135deg, rgba(34, 56, 93, 1), rgba(0, 92, 161, 1) 50%);}
main.faq .title:hover span{color: #ffffff;}
main.faq .title:hover::after,
main.faq .title:hover::before {background-color: #ffffff;}
}

main.faq .content {max-height: 0;overflow: hidden;}
main.faq .content {width: 100%; padding-bottom: 0; position: relative;margin: 0 auto;padding: 0 40px 0 40px; }

main.faq .toggle:checked + .title +.content {max-height: 9999px; margin: 0; padding-bottom: 25px; padding-top: 20px; border-bottom: 1px solid rgba(34,56,93,0.2);-webkit-transition: all .3s;transition: all .3s;}
main.faq .toggle:checked + .title { color: #ffffff; background-image: linear-gradient(135deg, rgba(34, 56, 93, 1), rgba(0, 92, 161, 1) 50%);}
main.faq .toggle:checked + .title span{color: #ffffff;}
main.faq .toggle:checked + .title::before {
transform: rotate(45deg) !important;
background-color: #ffffff;
}
main.faq .toggle:checked + .title::after {
transform: rotate(135deg) !important;
background-color: #ffffff;
}


@media screen and (max-width: 768px) {
.faq_img_01 {max-width: 170px;width: 100%; height: auto; margin-top: -100px; margin-right: -200px;}

main.faq .option {position: relative;margin-bottom: 15px; }
main.faq .title {font-size: 1.6rem;padding: 0 40px 0 10px; min-height: 60px;text-align: left;}
main.faq .title::after,.title::before {content: "";position: absolute;right: 20px;top: 22px;width: 2px;height: 15px;}
main.faq .title span{display: block;font-size: 6px;line-height: 1; font-weight:900; margin-right: 10px;}
main.faq .content {width: 100%;padding-bottom: 0; position: relative;margin: 0 auto 0 auto;padding: 0 20px 0 20px;}
}




/*========================================
メリット
=======================================*/

.merit_top_img_01 {max-width: 270px;width: 100%; height: auto; }
.merit02_img_01 {max-width: 920px;width: 100%; height: auto; }
.merit03_img_01 {max-width: 940px;width: 100%; height: auto; }
.merit04_img_01 {max-width: 930px;width: 100%; height: auto; }
.merit05_img_01 {max-width: 875px;width: 100%; height: auto; }
.merit06_img_01 {max-width: 320px;width: 100%; height: auto; }
.merit06_img_02 {max-width: 415px;width: 100%; height: auto; }
.merit07_img_01 {max-width: 225px;width: 100%; height: auto; }
.merit08_img_01 {max-width: 285px;width: 100%; height: auto; }
.merit08_img_02 {max-width: 285px;width: 100%; height: auto; }


.merit_top_wrap {position:relative;-webkit-transition: all .3s;transition: all .3s;}
.merit_top_wrap::after {content:"\e901"; font-size: 3rem; color: #22385d; font-family: 'icomoon' !important; speak: never; font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;position: absolute; bottom:20px; right:20px;-webkit-transition: all .3s;transition: all .3s;}
.merit_top_wrap > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent:-999px;z-index: 1;-webkit-transition: all .3s;transition: all .3s;}
.merit_title_img_01 {max-width: 400px;width: 100%; height: auto; margin-top: -100px;}
.merit_title_img_02 {max-width: 400px;width: 100%; height: auto; margin-top: -50px;}
.merit_number {font-family: "Jost", sans-serif; font-style:italic; font-size: 12rem; font-weight: 300; line-height: 1; color: rgba(34,56,93,0.3); position: absolute; right:-40px; bottom:0;z-index: 1;}

.merit_btn_wrap {width: 100%; display: flex; justify-content:space-between; align-items: stretch; flex-direction:row; flex-wrap: wrap; gap:20px;}
.merit_btn_wrap a {width:49%; height: 60px; font-size: 1.6rem; font-weight: 500; line-height: 1.2; color: #ffffff;  border-radius: 3px;display: flex;justify-content: flex-start;align-items: center;gap:5px; background-image: linear-gradient(135deg, rgba(34, 56, 93, 1), rgba(0, 92, 161, 1) 50%); position: relative;-webkit-transition: all .3s;transition: all .3s; padding: 0 40px 0 15px;}
.merit_btn_wrap a i{font-size: 1.2em; margin-top: 0.1em; position: absolute; right: 15px;-webkit-transition: all .3s;transition: all .3s;}
.merit_btn_wrap a span {display: block; font-family: "Jost", sans-serif; font-style:italic; font-size: 1.4rem; color: #22385d; position: absolute; top:-16px;left: 0;-webkit-transition: all .3s;transition: all .3s;}

.merit05_box01_wrap {width: 100%; display: flex; justify-content:space-between; align-items: stretch; flex-direction:row;gap:30px;}
.merit05_box01_wrap li {width: 33.3333%; background: #ffffff;border-bottom-left-radius:5px; border-bottom-right-radius:5px; display: flex; justify-content:flex-start; align-items: flex-start; flex-direction:column;}
.merit05_box01_wrap li span:first-child {width: 100%; font-size: 1.7rem; font-weight: 500; line-height: 1; color: #ffffff; background: #22385d;text-align: center;border-top-left-radius:5px; border-top-right-radius:5px; padding: 10px;}
.merit05_box01_wrap li span:last-child {width: 100%; font-size: 1.6rem; font-weight: 500; line-height: 1.5; text-align: left;padding: 15px; }

.merit05_box02_wrap {width: 100%; display: flex; justify-content:space-between; align-items: stretch; flex-direction:row;gap:20px;}
.merit05_box02_wrap li {width: 25%; background: #22385d;font-size: 1.6rem; font-weight: 500; line-height: 1.5; color: #ffffff; text-align: center; padding: 15px 0;border-radius: 5px; display: flex; justify-content:center; align-items: center; flex-direction:column;}




@media screen and (min-width: 768px) {
.merit_top_wrap:hover::after {color: #0098cb;}
.merit_top_wrap > a:hover {box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);}
.merit_top_wrap:hover  h4,.merit_top_wrap:hover h6 {color:#0098cb;}
.merit_top_wrap:hover h6::before {background: #0098cb;}
.merit_btn_wrap a:hover {background-image: linear-gradient(135deg, rgba(0, 92, 161, 1), rgba(0,152,203,1) 50%);}
.merit_btn_wrap a:hover i{right: 10px;}
.merit_btn_wrap a:hover span {color: #0098cb; }
}

@media screen and (max-width: 1080px) {
.merit_number {font-size: 10rem;right:10px; bottom:0;z-index: 1;}
.merit_btn_wrap {width: 100%; display: flex; justify-content:center; align-items: stretch; flex-direction:row; flex-wrap: wrap; gap:20px;}
.merit_btn_wrap a {width:48.5%;}

.merit05_box02_wrap {width: 100%; display: flex; justify-content:center; align-items: stretch; flex-direction:row; flex-wrap: wrap; gap:20px;}
.merit05_box02_wrap li {width: 47.5%; background: #22385d;font-size: 1.6rem; font-weight: 500; line-height: 1.5; color: #ffffff; text-align: center; padding: 15px 0;border-radius: 5px; display: flex; justify-content:center; align-items: center; flex-direction:column;}

}

@media screen and (max-width: 768px) {
.merit_top_img_01 {max-width: 200px;width: 90%; height: auto; }
.merit02_img_01 {max-width: 580px;width: 90%; height: auto; }
.merit03_img_01 {max-width: 395px;width: 90%; height: auto; }
.merit04_img_01 {max-width: 340px;width: 90%; height: auto; }
.merit05_img_01 {max-width: 415px;width: 90%; height: auto; }
.merit06_img_01 {max-width: 320px;width: 90%; height: auto; }
.merit06_img_02 {max-width: 415px;width: 90%; height: auto; }
.merit07_img_01 {max-width: 225px;width: 90%; height: auto; }
.merit08_img_01 {max-width: 285px;width: 90%; height: auto; }
.merit08_img_02 {max-width: 285px;width: 90%; height: auto; }


.merit_top_wrap::after {font-size: 2.4rem; }
.merit_title_img_01 {max-width: 260px;width: 100%; height: auto; margin-top: 0;}
.merit_title_img_02 {max-width: 260px;width: 100%; height: auto; margin-top: 0;}
.merit_number {font-size: 24vw; font-weight: 300; top:10px;right:20px; bottom: inherit; z-index: 1;}

.merit_btn_wrap {width: 100%; display: flex; justify-content:space-between; align-items: stretch; flex-direction:column; flex-wrap: wrap; gap:20px;}
.merit_btn_wrap a {width:100%; height: 50px; font-size: 1.4rem; padding-left: 15px;}

.merit05_box01_wrap {width: 100%; display: flex; justify-content:center; align-items: center; flex-direction:column;gap:20px;}
.merit05_box01_wrap li {width: 100%; background: #ffffff;border-bottom-left-radius:5px; border-bottom-right-radius:5px; display: flex; justify-content:flex-start; align-items: flex-start; flex-direction:column;}
.merit05_box01_wrap li span:first-child {width: 100%; font-size: 1.5rem; font-weight: 500; line-height: 1; color: #ffffff; background: #22385d;text-align: center;border-top-left-radius:5px; border-top-right-radius:5px; padding: 10px;}
.merit05_box01_wrap li span:last-child {width: 100%; font-size: 1.4rem; font-weight: 500; line-height: 1.5; text-align: left;padding: 15px; }

.merit05_box02_wrap {width: 100%; display: flex; justify-content:center; align-items: stretch; flex-direction:row;gap:10px;}
.merit05_box02_wrap li {width: 48%; background: #22385d;font-size: 1.3rem; font-weight: 500; line-height: 1.5; color: #ffffff; text-align: center; padding: 10px 5px;border-radius: 5px; display: flex; justify-content:center; align-items: center; flex-direction:column;}
}



/*========================================
進路情報フォーラムへの参加方法
=======================================*/

.participate_img_01 {max-width: 240px;width: 100%; height: auto; margin-top: -80px;}
.participate_img_02 {max-width: 325px;width: 100%; height: auto; }
.participate_img_03 {max-width: 325px;width: 100%; height: auto; }

.participate_contact_wrap {width: 100%; display: flex; justify-content:center; align-items: center; flex-direction:row;}
.participate_contact_wrap div {display: flex; justify-content:center; align-items: center; flex-direction:row; padding: 0 40px;}
.participate_contact_wrap div:first-child {border-right: 1px solid rgba(34,56,93,0.2);}



@media screen and (max-width: 768px) {
.participate_img_01 {max-width: 240px;width: 90%; height: auto; margin-top: 0;}
.participate_contact_wrap {width: 100%; display: flex; justify-content:center; align-items: center; flex-direction:column;}
.participate_contact_wrap div {display: flex; justify-content:center; align-items: center; flex-direction:row; padding: 0 0;}
.participate_contact_wrap div:first-child {border-right: none;}
.participate_img_02 {max-width: 280px;width: 100%; height: auto; margin: 0 auto;}
.participate_img_03 {max-width: 280px;width: 100%; height: auto;  margin: 0 auto;}
}



/*========================================
キャリアガンダンス
=======================================*/

.guidance_img_01 {max-width: 425px;width: 100%; height: auto; margin-top: -190px;}
.guidance_img_02 {max-width: 940px;width: 100%; height: auto;}
.guidance_img_03 {max-width: 320px;width: 100%; height: auto;}
.guidance_img_04 {max-width: 460px;width: 100%; height: auto;}

.guidance_title_wrap {width: 100%; display: flex; justify-content:space-between; align-items: center; flex-direction:row;gap:30px; padding: 50px 0;}
.guidance_title_wrap div{ width: 100%; min-height: 60px; font-size: 2rem; font-weight: 500; line-height: 1; border-radius: 3px; display: flex; justify-content:center; align-items: center; flex-direction: row; background: #ffffff; text-align: center; padding: 10px; border: 1px solid rgba(34,56,93,0.2); }

@media screen and (max-width: 1080px) {
.guidance_title_wrap div{ width: 100%; min-height: 60px; font-size: 1.8rem; font-weight: 500; line-height: 1;display: flex; justify-content:center; align-items: center; flex-direction: row; background: #ffffff; border: 1px solid rgba(34,56,93,0.2); }
}

@media screen and (max-width: 768px) {
.guidance_img_01 {max-width: 425px;width: 90%; height: auto; margin-top: 0;}
.guidance_img_02 {max-width: 460px;width: 90%; height: auto;}
.guidance_img_03 {max-width: 320px;width: 90%; height: auto;}
.guidance_img_04 {max-width: 460px;width: 90%; height: auto;}

.guidance_title_wrap {width: 100%; display: flex; justify-content:space-between; align-items: center; flex-direction:column;gap:20px; padding: 30px 0;}
.guidance_title_wrap div{ width: 100%; min-height: 60px; font-size: 3.9vw; font-weight: 500; line-height: 1;display: flex; justify-content:center; align-items: center; flex-direction: row; background: #ffffff; border: 1px solid rgba(34,56,93,0.2); }

}


/*========================================
高卒JobNavi
=======================================*/

.page_kjobnavi_img_01 {max-width: 360px;width: 100%; height: auto;}
.page_kjobnavi_img_02 {max-width: 625px;width: 100%; height: auto;}
.page_kjobnavi_img_03 {max-width: 370px;width: 100%; height: auto;}
.page_kjobnavi_img_04 {max-width: 465px;width: 100%; height: auto;}

.kjobnavi_btn_wrap {width: 100%; display: flex; justify-content:center; align-items: center; flex-direction: column;gap:30px; padding: 60px 0 0 0;}

@media screen and (max-width: 768px) {
.kjobnavi_btn_wrap {width: 100%; display: flex; justify-content:center; align-items: center; flex-direction: column;gap:20px; padding: 30px 0 0 0;}
.page_kjobnavi_img_01 {max-width: 280px;width: 90%; height: auto;}
}



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


.col_1_company {width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; padding-top: 100px;padding-bottom: 100px;}
.col_1_company .img_wrap {width:100%; height: auto; display: flex; justify-content: center; align-items: center;}
.col_1_company .img_wrap img {width:100%;max-width: 596px; height: auto;}

.company_img_wrap {width: 100%; display: flex; justify-content:space-between; align-items: flex-start; flex-direction: row;gap:40px;}
.company_img_wrap img {width: 196px; height: auto; margin: -150px 0 -150px 0;}
.conmapny_title {color: #22385d; font-weight: 400;}

.company_profile_wrap {width: 100%; padding: 0 0 60px 0}
.company_profile_wrap dl {width: 100%;display: flex; justify-content:flex-start; align-items: stretch; flex-direction: row; }
.company_profile_wrap dl dt {width: 180px;font-size: 1.6rem; font-weight: 600; line-height: 2; padding: 20px 0; text-align: left;}
.company_profile_wrap dl dd {width: 100%;font-size: 1.6rem; font-weight: 500; line-height: 2; text-align: left; border-left: 1px solid rgba(34,56,93,0.2);padding: 20px 0 20px 40px; }



@media screen and (max-width: 768px) {
main.company {background-image: none,url("../img/page_bg_bottom.png"); }
.col_1_company .img_wrap img {width:85%;max-width: 596px; height: auto;}

.col_1_company {width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; padding-top: 40px;padding-bottom: 40px;}

.company_img_wrap {width: 100%; display: flex; justify-content:center; align-items: flex-start; flex-direction: row;gap:20px;}
.company_img_wrap img {width: 30%; max-width: 100px; height: auto; margin: -50px 0 0 0;}
.conmapny_title {color: #22385d; font-weight: 400;}

.company_profile_wrap {width: 100%; padding: 0 0 60px 0}
.company_profile_wrap dl {width: 100%;display: flex; justify-content:flex-start; align-items: stretch; flex-direction: column; border-bottom: 1px solid rgba(34,56,93,0.2);}
.company_profile_wrap dl dt {width: 100%;font-size: 1.5rem; font-weight: 600; line-height: 2; padding: 20px 0 0 0; text-align: left;}
.company_profile_wrap dl dd {width: 100%;font-size: 1.4rem; font-weight: 500; line-height: 2; text-align: left; border-left: none;padding: 0 0 20px 0; }
}




/*========================================
進路情報フォーラムについて
=======================================*/

.page_about_img_01{width: 100%; max-width: 385px; margin: 0 auto;}
.page_about_img_02{width: 100%; max-width: 460px; margin: 0 auto;}

.col_1_about {width: 100%; display: flex; justify-content: space-between; align-items: stretch; flex-direction: row; padding-top: 100px;padding-bottom: 100px;}
.col_1_about a {width: 50%; height:240px; display: flex; justify-content: center; align-items: center; flex-direction: column;background-image: url("../img/about_img_04.png"); background-repeat: no-repeat; background-size:100% 100%; background-position: center center;overflow: hidden; position: relative; -webkit-transition: all .3s;transition: all .3s; padding-bottom: 20px;}

.col_1_about a div {display: flex; justify-content: center; align-items: center; flex-direction: column; gap:15px;font-size: 2.2rem; font-weight: 500; line-height: 1;color: #ffffff; text-align: center; position: relative; z-index: 1;}
.col_1_about a div span {font-family: "Jost", sans-serif; font-style:italic; font-size: 1.4rem; font-weight: 500; line-height: 1; color: #ffffff;}

.col_1_about a::before {content:"\e901"; font-family: 'icomoon'; font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;font-size: 4rem; color: #ffffff; position: absolute; bottom: 20px; z-index: 1;}
.col_1_about a::after {content:"";display: block; width: 100%; height: 100%; background: rgba(0,92,161,0.6); position: absolute; top: 0; left: 0;-webkit-transition: all .3s;transition: all .3s;}
.col_1_about a:last-of-type {background-image: url("../img/about_img_05.png"); }

@media screen and (min-width: 768px) {
.col_1_about a:hover {background-size:110% 110%;}
.col_1_about a:hover::after{background:rgba(240,141,29,0.7);}
}

@media screen and (max-width: 1080px) {
.col_1_about {width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; padding-top: 100px;padding-bottom: 100px;}
.col_1_about a {width: 540px}
}

@media screen and (max-width: 768px) {
.col_1_about {padding-top: 60px;padding-bottom: 60px;gap:20px;}
.col_1_about a {width: 100%; height:40vw; background-size:cover; background-position: center center; padding-bottom: 5vw;}

.col_1_about a div {gap:10px;font-size: 4.2vw; }
.col_1_about a div span { font-size: 1.2rem; }
.col_1_about a::before {font-size: 2rem; bottom:15px;}
}







/*========================================
page
=======================================*/

.page_title_wrap {display: block; width:100%;border-bottom: 1px solid rgba(34,56,93,0.2); padding: 20px 15px;background-image: url("../img/page_title_bg.png"); background-repeat: no-repeat; background-size:1145px 220px; background-position: 20vw bottom;}
.page_title_inner {width:100%; max-width: 1080px; min-height: 180px; display: flex; justify-content: flex-start; align-items: center; gap:10px; position: relative; margin: 0 auto;}
h2 {width: 100%; font-size: 4.6rem; line-height: 1.2; font-weight: 400; color: #22385d;display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; gap:5px;}
h2 span:first-child {font-family: "Jost", sans-serif; font-style:italic; font-size: 1.4rem; font-weight: 500; line-height: 1;display: flex; justify-content: flex-start; align-items: center; gap:5px;flex-direction: row; flex-wrap: nowrap;}
h2 span:first-child::before {content:""; width: 5px; height: 5px; background:#22385d; display: flex; justify-content: flex-start; align-items: center; border-radius: 3px;}

/* パンくず */
.breadcrumb {width:100%; position: absolute; right: 0; top:0; display: flex; justify-content: flex-end; align-items: center; gap:10px;text-align:right; z-index: 1;}
.breadcrumb li{ font-size: 1.4rem; line-height: 1; color: #22385d; width:auto; height: auto; display: flex; align-items: center; gap:10px; text-align:right;}
.breadcrumb li i{font-size: 1.4em; }
.breadcrumb li a{color: #22385d;-webkit-transition: all .3s;transition: all .3s;}
.breadcrumb li::before{content: ">"; font-family: "Jost", sans-serif; font-weight: 600;color: #22385d;font-size: 0.8em; line-height: 1; }
.breadcrumb li:first-child::before{display: none;}

main {opacity: 0; display: block; width: 100%;background-image: url("../img/page_bg_top.png"),url("../img/page_bg_bottom.png"); background-repeat: no-repeat,no-repeat; background-size:175px 534px,175px 534px; background-position: top 0 left 0,bottom right;position: relative; z-index: 1;  animation-name:main_bg_down,main_show;animation-duration:3.3s,2.9s;animation-fill-mode: forwards,forwards;animation-timing-function: ease,ease;  }


@keyframes main_bg_down {
  
  0% {
    background-position: top -100% left 0,bottom right;
  }
    15% {
    background-position: top -100% left 0,bottom right;
  }

  100% {
    background-position: top 0 left 0,bottom right;

  }
}

@keyframes main_show {
  20% {
    transform: translate(0,50px);
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
90% {
    transform: translate(0,0);
    opacity: 1;
  }
100% {
    transform: translate(0,0);
    opacity: 1;
  }
}


section {width: 100%; height: auto;border-bottom: 1px solid rgba(34,56,93,0.2);}
section:last-of-type{border-bottom: none;}
.section_inner {width: 100%; height: auto; max-width: 1080px; margin: 0 auto;}


.col_1 {width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; padding-top: 60px;padding-bottom: 60px;position: relative;}
.col_1_2 {width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; padding-top: 30px;padding-bottom: 30px;position: relative;}
.col_1_left {width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column;}

.col_1_title_wrap {width: 100%; display: flex; justify-content: space-between; align-items: flex-start; flex-direction: row; gap:30px; position: relative;}

section .col_1 .img_wrap {width:100%; height: auto; border-radius: 5px; overflow: hidden;display: flex; justify-content: center; align-items: center;}
section .col_1 .img_wrap img {width:100%; height: auto;}

section .col_1_left > div {display: block; width:100%; height: auto; border-left: 1px solid rgba(34,56,93,0.2); text-align: center; padding: 30px 0 60px 40px;}
section .col_1_left_2 > div {display: block; width:100%; height: auto; border-left: 1px solid rgba(34,56,93,0.2); text-align: center; padding: 0 0 0 0;}
section .col_1_left_right > div {display: block; width:100%; height: auto; border-left: 1px solid rgba(34,56,93,0.2); border-right: 1px solid rgba(34,56,93,0.2); text-align: center; padding: 30px 40px 60px 40px;}
section .col_1_left_right_2 > div {display: block; width:100%; height: auto; border-left: 1px solid rgba(34,56,93,0.2); border-right: 1px solid rgba(34,56,93,0.2); text-align: center; padding: 0 0 60px 0;}
section .col_1_left_right_3 > div {display: block; width:100%; height: auto; border-left: 1px solid rgba(34,56,93,0.2); border-right: 1px solid rgba(34,56,93,0.2); text-align: center; padding: 0 0 0 0;}

section .col_1_left_right .img_wrap {width:100%; height: auto; border-radius: 5px; overflow: hidden;display: flex; justify-content: center; align-items: center;}
section .col_1_left_right .img_wrap img {width:100%; height: auto;}

.col_2 {width: 100%; display: flex; justify-content: space-between; align-items: stretch; flex-direction: row;}

section .col_2 > div {display: block; width:50%; height: auto; border-left: 1px solid rgba(34,56,93,0.2); text-align: center; padding: 20px 40px 60px 40px;}
section .col_2 > div:nth-child(2) {border-right: 1px solid rgba(34,56,93,0.2);}





section h3 {width: 100%;font-size: 3.4rem; line-height: 1.3; font-weight: 500; color: #005ca1; margin-bottom: 30px;text-align: left;-webkit-transition: all .3s;transition: all .3s;}
section h3.txt26 {font-size: 2.6rem; line-height: 1.8;text-align: left;}
section h3 span {display: block; font-family: "Jost", sans-serif; font-style:italic; font-size: 2.8rem; line-height: 1.3; font-weight: 500;}
section h4 {width: 100%;font-size: 2.6rem; line-height: 1.5; font-weight: 500; color: #005ca1;  margin-bottom: 20px;text-align: left;-webkit-transition: all .3s;transition: all .3s;}
section h5 {width: 100%;font-size: 2.2rem; line-height: 1.5; font-weight: 500; color: #005ca1;  margin-bottom: 30px;text-align: left;-webkit-transition: all .3s;transition: all .3s;}
h6 {width:100%; font-family: "Jost", sans-serif;font-style:italic; font-size: 1.6rem; font-weight: 500; line-height: 1;color: rgba(34,56,93,1);text-align: left;position: relative; display: flex;justify-content: flex-start;align-items: center; margin: 0 0 10px -30px;-webkit-transition: all .3s;transition: all .3s;}
h6::before {content: ""; width: 10px; height: 10px; position:absolute; background: rgba(34,56,93,1); border-radius: 5px; left: -15px;-webkit-transition: all .3s;transition: all .3s;}
section p {width: 100%;font-size: 1.6rem; line-height: 2; font-weight: 500; text-align: justify;-webkit-transition: all .3s;transition: all .3s;}

.no_border {border:none!important;}
.border_all {border: 1px solid rgba(34,56,93,0.2);}
.border_left {border-left: 1px solid rgba(34,56,93,0.2);}
.border_right {border-right: 1px solid rgba(34,56,93,0.2);}
.border_top {border-top: 1px solid rgba(34,56,93,0.2);}
.border_bottom {border-bottom: 1px solid rgba(34,56,93,0.2);}

@media screen and (min-width: 768px) {
.breadcrumb li a:hover{color: #0098cb;}
}

@media screen and (max-width: 1080px) {
.section_inner {padding-left: 15px;padding-right: 15px;}
}

@media screen and (max-width: 768px) {
.page_title_wrap {display: block; width:100%;border-bottom: 1px solid rgba(34,56,93,0.2); padding: 20px 15px;background-image: url("../img/page_title_bg.png"); background-repeat: no-repeat; background-size:140vw auto; background-position: 5vw bottom;}
.page_title_inner {width:100%; max-width: 1080px; min-height: 100px;; display: flex; justify-content: flex-start; align-items: center; gap:10px; position: relative; margin: 0 auto;}
h2 {width: 100%; font-size: 6.8vw; line-height: 1.2; font-weight: 400; color: #22385d;display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; gap:5px;}
h2 span:first-child {font-family: "Jost", sans-serif; font-style:italic; font-size: 1.1rem; font-weight: 500; line-height: 1;display: flex; justify-content: flex-start; align-items: center; gap:5px;flex-direction: row; flex-wrap: nowrap;}
h2 span:first-child::before {content:""; width: 5px; height: 5px; background:#22385d; display: flex; justify-content: flex-start; align-items: center; border-radius: 3px;}

main {width: 100%;background-image: url("../img/page_bg_top.png"),url("../img/page_bg_bottom.png"); background-repeat: no-repeat,no-repeat; background-size:60px auto,60px auto; background-position: top left,bottom right;position: relative; z-index: 1;}
section {width: 100%; height: auto;border-bottom: 1px solid rgba(34,56,93,0.2);}
section:last-of-type{border-bottom: none;}

.col_1 {width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; padding-top: 11vw;padding-bottom: 11vw;}
.col_1_2 {width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; padding-top: 0;padding-bottom: 20px;position: relative;}
section .col_1 .img_wrap {width:100%; height: 160px; border-radius: 5px; overflow: hidden;}
section .col_1 .img_wrap img {width:auto; height: 100%;}

section .col_1_left_right .img_wrap {width:100%; height: 160px; border-radius: 5px; overflow: hidden;}
section .col_1_left_right .img_wrap img {width:auto; height: 100%;}

section .col_1_left > div {display: block; width:100%; height: auto; border-left: 1px solid rgba(34,56,93,0.2); text-align: center; padding: 15px 0 30px 15px;}
section .col_1_left_right > div {display: block; width:100%; height: auto; border-left: 1px solid rgba(34,56,93,0.2); border-right: 1px solid rgba(34,56,93,0.2); text-align: center; padding: 15px 15px 30px 15px;}
section .col_1_left_right_2 > div {display: block; width:100%; height: auto; border-left: 1px solid rgba(34,56,93,0.2); border-right: 1px solid rgba(34,56,93,0.2); text-align: center; padding: 0 0 20px 0;}

.col_1_title_wrap {width: 100%; display: flex; justify-content: center; align-items: center; flex-direction:column; gap:20px; }


.col_2 {width: 100%; display: flex; justify-content: space-between; align-items: stretch; flex-direction: column;}
section .col_2 > div {display: block; width:100%; height: auto; border-left: 1px solid rgba(34,56,93,0.2); border-right: 1px solid rgba(34,56,93,0.2); border-bottom: 1px solid rgba(34,56,93,0.2); text-align: center; padding: 15px 15px 30px 15px;}
section .col_2 > div:last-child {border-bottom: none;;}


section h3 {font-size: 6vw; line-height: 1.3; font-weight: 500; color: #005ca1; margin-bottom: 20px;}
section h3.txt26 {width: 100%; font-size: 5.2vw; line-height: 1.6; text-align: left}
section h3 span {font-size: 4.5vw; line-height: 1.3; font-weight: 500;}
section h4 {width: 100%;font-size: 5vw; line-height: 1.3; font-weight: 500; color: #005ca1;  margin-bottom: 15px;}
section h5 {width: 100%;font-size: 4vw; line-height: 1.5; font-weight: 500; color: #005ca1;  margin-bottom: 20px;}
h6 {width:100%; font-family: "Jost", sans-serif;font-style:italic; font-size: 1.4rem; font-weight: 500; line-height: 1;color: rgba(34,56,93,1);text-align: left;position: relative; display: flex;justify-content: flex-start;align-items: center;-webkit-transition: all .3s;transition: all .3s; margin: 0 0 10px 0;}
h6::before {content: ""; width: 6px; height: 6px; position:absolute; background: rgba(34,56,93,1); border-radius: 3px; left: -18px;-webkit-transition: all .3s;transition: all .3s;}
section p {width: 100%;font-size: 1.4rem; line-height: 1.8; font-weight: 400; text-align: justify;}




.breadcrumb { gap:5px;}
.breadcrumb li{font-size: 1.1rem; gap:5px;}
.breadcrumb li i{font-size: 1.4em; }
}






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

#mv {display: block; width:100%;height: 500px;border-bottom: 1px solid rgba(34,56,93,0.2); background-image: url("../img/mv_bg.png"); background-repeat: no-repeat; background-size:cover; background-position: center center;position: relative; z-index: 20;}
.mv_inner {width:100%;max-width: 1150px; height: 500px; display: flex;justify-content: space-between;align-items: center;margin: 0 auto;gap:20px;}
.mv_inner > div:first-of-type {width:100%;max-width: 1080px; font-size: 1.6rem; font-weight: 700; line-height: 1.8;display: flex;justify-content: flex-start;align-items: flex-start; flex-direction: column;gap:20px}
.mv_inner > div:first-of-type img {width:100%;max-width: 580px; padding: 0; margin: 0;}

.mv_inner > div:last-of-type {width:100%;max-width: 463px; display: flex;justify-content: center;align-items: center;}
.mv_inner > div:last-of-type svg {width: 100%; max-width: 463px; height: auto;}

@media screen and (max-width: 1180px) {
#mv {padding: 0 20px;}
}

@media screen and (max-width: 768px) {
#mv {display: block; width:100%;height: auto;border-bottom: 1px solid rgba(34,56,93,0.2); background-image: url("../img/mv_bg.png"); background-repeat: no-repeat; background-size:cover; background-position: 47% center;position: relative; z-index: 20; padding: 30px 15px;}
.mv_inner {width:100%;max-width: 1150px; height: auto; display: flex;justify-content: center;align-items: center; flex-direction: column; margin: 0 auto; gap:20px;}
.mv_inner > div:first-of-type {width:100%;max-width: 1080px; font-size: 1.4rem; font-weight: 700; line-height: 1.6;display: flex;justify-content: flex-start;align-items: flex-start; flex-direction: column;gap:10px}
.mv_inner > div:first-of-type img {width:100%;max-width: 580px; padding: 0; margin: 0;}

.mv_inner > div:last-of-type {width:100%;max-width: 463px; display: flex;justify-content: center;align-items: center;}
.mv_inner > div:last-of-type svg {width: 80%; max-width: 360px; height: auto;}

}



/* スライド画像 */
@keyframes infinity-scroll-left {
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}
.mv_slide {display: flex;padding: 20px 0; position: relative;}
.mv_slide_inner {display: flex;list-style: none;gap:20px;padding: 0 0 0 20px}
.scroll-infinity__list--left {animation: infinity-scroll-left 80s infinite linear 0.5s both;}
.mv_slide_item {width: calc(100vw / 2.2);}
.mv_slide_item > img {width: 100%;border-radius: 5px; user-select: none;}

@media screen and (min-width: 1400px) {
.mv_slide_item {width: calc(100vw / 3.2);}
}

@media screen and (max-width: 768px) {
.mv_slide {display: flex;padding: 10px 0; position: relative;}
.mv_slide_inner {display: flex;list-style: none;gap:10px;padding: 0 0 0 10px}
.mv_slide_item {width: calc(100vw / 1.6);}

}


/* スライドテキスト */
.mv_slide_wrap {display: flex;justify-content: flex-start;align-items: center;border-top: 1px solid rgba(34,56,93,0.2);border-bottom: 1px solid rgba(34,56,93,0.2);position: relative; z-index: 20;}
.mv_slide_an {display: flex;animation: mv-loop-text 30s linear infinite;}
.mv_slide_txt {display: inline-block;font-size: 14rem;white-space: nowrap;font-family: "Jost", sans-serif;font-style:italic; font-weight: 300; line-height: 1; color: rgba(34,56,93,1)}
@keyframes mv-loop-text {
  0% {transform: translateX(-50%);}
  100% {transform: translateX(0%);}
}

@media screen and (max-width: 768px) {
.mv_slide_txt {display: inline-block;font-size: 20vw;white-space: nowrap;font-family: "Jost", sans-serif;font-style:italic; font-weight: 300; line-height: 1; color: rgba(34,56,93,1)}
}

.orange_arrow_top {display:inline-block; width:100%; position: absolute; top:-113%; right:0; z-index: -1;transform-origin:50% 67vw;}
.orange_arrow_bottom {display:inline-block; width:100%; position: absolute; top:-50%; left:0; z-index: -1;transform-origin:50% -67vw;}

.index_banner_wrap {width:100%; position: relative;z-index: 21;}
.index_banner_inner {width:100%; max-width: 1080px; display: flex;justify-content: space-between;align-items: stretch; margin: 0 auto;}
.index_banner_inner a {width:33.4%;display: flex;justify-content: flex-start;align-items:  flex-start;flex-direction: column; gap:20px; padding: 20px;border-left: 1px solid rgba(34,56,93,0.2);-webkit-transition: all .3s;transition: all .3s;}
.index_banner_inner a::after {content: "\e901"; font-family: 'icomoon'; font-size: 4rem; color: rgba(34,56,93,1); margin: auto auto 0 auto;-webkit-transition: all .3s;transition: all .3s;}

.index_banner_inner a:last-child {border-right: 1px solid rgba(34,56,93,0.2);}
.index_banner_inner a h4 {width:100%; font-family: "Jost", sans-serif;font-style:italic; font-size: 2.2rem; font-weight: 500; line-height: 1;color: rgba(34,56,93,1);text-align: left;position: relative; display: flex;justify-content: flex-start;align-items: center;-webkit-transition: all .3s;transition: all .3s;}
.index_banner_inner a h4::before {content: ""; width: 10px; height: 10px; position:absolute; background: rgba(34,56,93,1); border-radius: 5px; left: -25px;-webkit-transition: all .3s;transition: all .3s;}
.index_banner_inner a h5 {width:100%; font-size: 2rem; font-weight: 600; line-height: 1;color: rgba(34,56,93,1);text-align: center;-webkit-transition: all .3s;transition: all .3s;}
.index_banner_inner a p{width:100%; font-size: 1.6rem; font-weight: 500; line-height: 1.5;color: rgba(34,56,93,1);text-align: center;-webkit-transition: all .3s;transition: all .3s;}

.index_banner_inner a .index_banner_img{width: 100%; height: auto; border-radius: 5px; overflow: hidden;}
.index_banner_inner a img {width: 100%; height: auto;-webkit-transition: all .3s;transition: all .3s;}

.index_contact_wrap {width: 100%; background:rgba(17,74,127,1.00); position: relative;}
.index_contact_inner {width:100%; max-width: 1080px;display: flex;justify-content: center;align-items: stretch; margin: 0 auto;}
.index_contact_inner a {width:50%; min-height: 100px; font-size: 2.2rem; font-weight: 400;  color: #ffffff; display: flex;justify-content: center;align-items: center;gap:5px; border-left: 1px solid rgba(144,155,174,0.5);background-image: linear-gradient(135deg, rgba(34, 56, 93, 0.5), rgba(0, 92, 161, 0.5) 50%);-webkit-transition: all .3s;transition: all .3s;}
.index_contact_inner a i{font-size: 1.5em; margin-top: 0.1em;}
.index_contact_inner a:last-child {border-right: 1px solid rgba(144,155,174,0.5);}
.index_contact_inner a img {width: 90%; height: auto; max-width: 275px;}




.index_news_inner {width:100%; max-width: 1080px; display: flex;justify-content: space-between;align-items: stretch; flex-direction: row; margin: 0 auto;position: relative; z-index: 21;}
.index_news_inner > div:first-of-type {width:auto;display: flex;justify-content: flex-start;align-items: center; flex-direction: column;gap:30px;padding: 85px 0}
.index_news_inner > div:first-of-type h4 {font-family: "Jost", sans-serif;font-style:italic; font-size: 10rem; font-weight: 300; line-height: 1;color: rgba(34,56,93,1);text-align: left; }

.index_news_inner > div:first-of-type a {width: 100%;height: 40px;  font-size: 1.6rem; font-weight: 500; color: rgba(34,56,93,1); display: flex; flex-direction: row; justify-content: space-between; align-items:center;-webkit-transition: all .3s;transition: all .3s; position: relative; padding: 0 15px; border-radius: 5px;border: 1px solid rgba(144,155,174,0.5)}
.index_news_inner > div:first-of-type a::after {content: "\e901"; font-size: 1.6rem; font-family: 'icomoon' !important;speak: never;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.index_news_inner > div:last-of-type {width:66.666%; max-width: 720px;border-left: 1px solid rgba(144,155,174,0.5); padding: 65px 0 60px 5%;}
.index_news_inner > div:last-of-type dl {width:100%; height: auto;border-bottom: 1px solid rgba(144,155,174,0.5);padding: 25px 0; position: relative;display: flex;justify-content: flex-start;align-items: center; flex-direction: row; gap:0 30px;}
.index_news_inner > div:last-of-type dl:last-of-type  {border-bottom: none;}
.index_news_inner > div:last-of-type dl > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-indent:-999px;z-index: 1;}
.index_news_inner > div:last-of-type dl dt {width:auto; height: auto; font-family: "Jost", sans-serif;font-size: 1.8rem; font-weight: 500; line-height: 1.5; color: #22385d;white-space: nowrap;display: flex;justify-content: space-between;align-items: center; flex-direction: row;-webkit-transition: all .3s;transition: all .3s}
.index_news_inner > div:last-of-type dl dd {width:100%; height: auto; font-size: 1.6rem; font-weight: 600; line-height: 1.5; color: #22385d;display: flex;justify-content: space-between;align-items: center; flex-direction: row;-webkit-transition: all .3s;transition: all .3s}
.index_news_inner > div:last-of-type dl dd::after {content: "\e901";font-size: 2rem; color: #22385d;font-family: 'icomoon' !important; speak: never;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-transition: all .3s;transition: all .3s}


.index_movie_wrap {width:100%; padding: 0 15px;border-top: 1px solid rgba(144,155,174,0.5);position: relative; z-index: 20;}
.index_movie_inner {width:100%; max-width: 1080px; display: flex;justify-content: space-between;align-items: stretch; flex-direction: row; margin: 0 auto;}
.index_movie_inner > div:first-of-type {width:66.666%; max-width: 720px;border-right: 1px solid rgba(144,155,174,0.5); padding: 75px 5% 75px 0;}
.index_movie_inner > div:last-of-type {width:auto;display: flex;justify-content: flex-start;align-items: center; flex-direction: column;gap:30px;padding: 75px 0}
.index_movie_inner > div:last-of-type h4 {font-family: "Jost", sans-serif;font-style:italic; font-size: 10rem; font-weight: 300; line-height: 1;color: rgba(34,56,93,1);text-align: left; }
.index_movie_inner > div:last-of-type img {width: 288px; height: auto; }

.youtube {width: 100%;aspect-ratio: 16 / 9;}
.youtube iframe {width: 100%;height: 100%;}


/* Modal Base */
 body.index .modal {display: none;position: fixed;top: 0;left: 0;height: 100vh;width: 100%;z-index: 500;}
 body.index .modal-bg {position: absolute;height: 100vh;width: 100%;background-image: linear-gradient(135deg, rgba(34, 56, 93, 0.9), rgba(0, 92, 161, 0.9) 50%);z-index: 501;}
 body.index .modal-content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 800px;z-index: 502;}
 body.index .modal-inner {position: relative;width: 100%;min-height: 300px;max-height: 80vh;overflow-x: hidden;overflow-y: auto;background-color:#edf1f2; background-image: url(../img/body_bg.png); background-size: 128px 128px;border-radius: 5px; padding: 40px;}
 body.index .modal-inner > h6 {width:100%; font-family: "Jost", sans-serif;font-style:italic; font-size: 1.7rem; font-weight: 500; line-height: 1;color: rgba(34,56,93,1);text-align: left;position: relative; display: flex;justify-content: flex-start;align-items: center; gap:5px; padding: 0; margin: 0 0 10px 0;}
 body.index .modal-inner > h6::before {content: ""; width: 6px; height: 6px; background: rgba(34,56,93,1); border-radius: 3px; position: static;}
body.index .modal-inner img {width: auto; max-width: 100%; height: auto; border-radius: 5px; margin: 20px auto;}

body.index .modal-inner > div:first-of-type {width: 100%; text-align: left;font-size: 2.6rem; font-weight: 500; line-height: 1.3; color: rgba(34,56,93,1); margin-bottom: 30px;}
body.index .modal-inner > div:last-of-type  {width: 100%; text-align: left;font-size: 1.7rem; font-weight: 500; line-height: 1.3; color: rgba(34,56,93,1); margin-bottom: 30px;}
body.index .modal-inner p {width: 100%;font-size: 1.6rem; line-height: 2; font-weight: 500; text-align: justify;-webkit-transition: all .3s;transition: all .3s;}



@media screen and (max-width: 768px) {
body.index .modal-content {width: 90vw;}
body.index .modal-inner {padding: 20px; max-height: 80vh}
body.index .modal-inner > div:first-of-type {width: 100%; text-align: left;font-size: 1.8rem; font-weight: 500; line-height: 1.3; color: rgba(34,56,93,1); margin-bottom: 20px;}
body.index .modal-inner > div:last-of-type  {width: 100%; text-align: left;font-size: 1.4rem; font-weight: 500; line-height: 1.3; color: rgba(34,56,93,1); margin-bottom: 20px;}
body.index .modal-inner p {width: 100%;font-size: 1.4rem; line-height: 2; font-weight: 400; text-align: justify;-webkit-transition: all .3s;transition: all .3s;}
}






@media screen and (min-width: 768px) {
.index_banner_inner a:hover {box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);}
.index_banner_inner a:hover img {transform: scale(1.1);}
.index_banner_inner a:hover h4,.index_banner_inner a:hover h5,.index_banner_inner a:hover p,.index_banner_inner a:hover h4::before {color:#0098cb; }
.index_banner_inner a:hover h4::before {background: #0098cb; }
.index_banner_inner a:hover::after {color:#0098cb;}
.index_contact_inner a:hover {background-image: linear-gradient(135deg, rgba(0, 92, 161, 0.5), rgba(0,152,203,0.5) 50%);}

.index_news_inner > div:last-of-type dl:hover dt {color: #0098cb;}
.index_news_inner > div:last-of-type dl:hover dd {color: #0098cb;}
.index_news_inner > div:last-of-type dl:hover dd::after {content: "\e901"; transform: translateX(10px);color: #0098cb;}
.index_news_inner > div:first-of-type a:hover {color: #ffffff; background:#0098cb;}
}

@media screen and (max-width: 1080px) {
.index_banner_wrap {width:100%;padding: 0 15px 0 15px;}
.index_news_wrap{width:100%; padding: 0 15px;}
.index_news_inner > div:first-of-type {width:auto;display: flex;justify-content: flex-start;align-items: center; flex-direction: column;gap:30px;padding: 85px 15px 0 0;}
.index_movie_inner > div:last-of-type {width:auto;display: flex;justify-content: flex-start;align-items: center; flex-direction: column;gap:30px;padding: 75px 0 0 15px;}
}

@media screen and (max-width: 768px) {
.orange_arrow_top {position: absolute; top:-60%; }
.orange_arrow_bottom {position: absolute; top:-20%; right:0; z-index: -1;}
.index_banner_inner {width:100%; max-width: 1080px; display: flex;justify-content: space-between;align-items: stretch; flex-direction: column; margin: 0 auto;}
.index_banner_inner a {width:100%;display: flex;justify-content: flex-start;align-items: flex-start;flex-direction: column; gap:10px; padding: 15px;border-left: 1px solid rgba(34,56,93,0.2);border-right: 1px solid rgba(34,56,93,0.2);border-bottom: 1px solid rgba(34,56,93,0.2);}
.index_banner_inner a::after {content: "\e901"; font-family: 'icomoon'; font-size: 3rem; color: rgba(34,56,93,1); margin: auto auto 0 auto;}

.index_banner_inner a:last-child {border-bottom:none;}
.index_banner_inner a h4 {width:100%; font-family: "Jost", sans-serif;font-style:italic; font-size: 2rem; font-weight: 500; line-height: 1;color: rgba(34,56,93,1);text-align: left;position: relative; display: flex;justify-content: flex-start;align-items: center;-webkit-transition: all .3s;transition: all .3s;}
.index_banner_inner a h4::before {content: ""; width: 10px; height: 10px; position:absolute; background: rgba(34,56,93,1); border-radius: 5px; left: -20px;-webkit-transition: all .3s;transition: all .3s;}
.index_banner_inner a h5 {width:100%; font-size: 1.8rem; font-weight: 600; line-height: 1;color: rgba(34,56,93,1);text-align: center;-webkit-transition: all .3s;transition: all .3s;}
.index_banner_inner a p{width:100%; font-size: 1.4rem; font-weight: 500; line-height: 1.5;color: rgba(34,56,93,1);text-align: center;-webkit-transition: all .3s;transition: all .3s;}

.index_banner_inner a .index_banner_img{width: 100%; max-width: 320px; height: 180px; border-radius: 5px; overflow: hidden; margin: 0 auto;display: flex;justify-content: center;align-items:center;flex-direction: column;}
.index_banner_inner a img {width: 100%; height: auto;-webkit-transition: all .3s;transition: all .3s;}

.index_contact_wrap {width: 100%; background:rgba(17,74,127,1.00); }
.index_contact_inner a {width:50%; min-height: 60px; font-size: 3vw; font-weight: 400; padding: 1vw; flex-direction: column; gap:0; }
.index_contact_inner a span {order:2;}
.index_contact_inner a i {order:1; font-size: 3em; margin-top: 0;}


.index_banner_wrap {border-bottom: 1px solid rgba(144,155,174,0.5);}
.index_news_inner {width:100%; max-width: 1080px; display: flex;justify-content: space-between;align-items: stretch; flex-direction: column;gap:0; margin: 0 auto; }
.index_news_inner > div:first-of-type {width:auto;display: flex;justify-content: space-between;align-items: center; flex-direction: row;gap:30px;padding: 60px 0 20px 0}
.index_news_inner > div:first-of-type h4 {font-family: "Jost", sans-serif;font-style:italic; font-size: 15vw; font-weight: 300; line-height: 1;color: rgba(34,56,93,1);text-align: left; }

.index_news_inner > div:first-of-type a {width: 100%; max-width: 150px; height: 60px;  font-size: 1.4rem; font-weight: 500; color: rgba(34,56,93,1); display: flex; flex-direction: row; justify-content: space-between; align-items:center;-webkit-transition: all .3s;transition: all .3s; position: relative; padding: 0 15px; border-radius: 5px;border: 1px solid rgba(144,155,174,0.5)}
.index_news_inner > div:first-of-type a::after {content: "\e901"; font-size: 1.4rem; font-family: 'icomoon' !important;speak: never;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.index_news_inner > div:last-of-type {width:100%; max-width: 100%;border-left: none; padding: 0 0 40px 0;}
.index_news_inner > div:last-of-type dl {width:100%; height: auto;border-bottom: 1px solid rgba(144,155,174,0.5);padding: 25px 0; position: relative;display: flex;justify-content: flex-start;align-items: flex-start; flex-direction: column; gap:0 30px;}
.index_news_inner > div:last-of-type dl:last-of-type  {border-bottom: none;}
.index_news_inner > div:last-of-type dl dt {font-size: 1.6rem;}
.index_news_inner > div:last-of-type dl dd {width:100%; height: auto; font-size: 1.4rem; }
.index_news_inner > div:last-of-type dl dd::after {content: "\e901";font-size: 1.6rem; }


.index_movie_wrap {}
.index_movie_inner {width:100%; max-width: 1080px; display: flex;justify-content: space-between;align-items: stretch; flex-direction: column; }
.index_movie_inner > div:first-of-type {width:100%; max-width: 720px;border-right: none; padding: 0; order:2; padding-bottom: 60px;}
.index_movie_inner > div:last-of-type {width:auto;display: flex;justify-content: flex-start;align-items: center; flex-direction: column;gap:15px;padding: 40px 0;order:1; }
.index_movie_inner > div:last-of-type h4 {font-family: "Jost", sans-serif;font-style:italic; font-size: 15vw; font-weight: 300; line-height: 1;color: rgba(34,56,93,1);text-align: left; }
.index_movie_inner > div:last-of-type img {width: 60%; max-width: 200px; height: auto; }
}




/*========================================
page bg
=======================================*/

.bg_01 {display: inline-block; width:380px; height: 380px; background-image: url("../img/tinkle_01.png"); background-repeat: none; background-size:contain;mix-blend-mode: color-burn; position: absolute; top: 100px; left: 2%; transform: translate3d(0,0,0);}
.bg_02 {display: inline-block; width:728px; height: 728px; background-image: url("../img/tinkle_02.png"); background-repeat: none; background-size:contain;mix-blend-mode: color-burn; position: absolute; top: 230px; right: -10%; transform: translate3d(0,0,0);}
.bg_03 {display: inline-block; width:380px; height: 380px; background-image: url("../img/tinkle_01.png"); background-repeat: none; background-size:contain;mix-blend-mode: color-burn; position: absolute; top: 1000px; right: 30%; transform: translate3d(0,0,0);}
.bg_04 {display: inline-block; width:728px; height: 728px; background-image: url("../img/tinkle_02.png"); background-repeat: none; background-size:contain;mix-blend-mode: color-burn; position: absolute; top: 1450px; left: -10%; transform: translate3d(0,0,0);}
.bg_05 {display: inline-block; width:728px; height: 728px; background-image: url("../img/tinkle_02.png"); background-repeat: none; background-size:contain;mix-blend-mode: color-burn; position: absolute; top: 2000px; right: -10%; transform: translate3d(0,0,0);}
.bg_06 {display: inline-block; width:380px; height: 380px; background-image: url("../img/tinkle_01.png"); background-repeat: none; background-size:contain;mix-blend-mode: color-burn; position: absolute; top: 2700px; left: 10%; transform: translate3d(0,0,0);}

@media screen and (max-width: 768px) {
.bg_01 {width:190px; height: 190px; background-image: url("../img/tinkle_01.png"); background-repeat: none; background-size:contain;mix-blend-mode: color-burn; position: absolute; top: 60px; left: 0;}
.bg_02 {width:360px; height: 360px; background-image: url("../img/tinkle_02.png"); background-repeat: none; background-size:contain;mix-blend-mode: color-burn; position: absolute; top: 300px; right: -30%;}
.bg_03 {width:190px; height: 190px; background-image: url("../img/tinkle_01.png"); background-repeat: none; background-size:contain;mix-blend-mode: color-burn; position: absolute; top: 1100px; right: 30%;}
.bg_04 {width:360px; height: 360px; background-image: url("../img/tinkle_02.png"); background-repeat: none; background-size:contain;mix-blend-mode: color-burn; position: absolute; top: 1450px; left: -20%;}
.bg_05 {width:360px; height: 360px; background-image: url("../img/tinkle_02.png"); background-repeat: none; background-size:contain;mix-blend-mode: color-burn; position: absolute; top: 2000px; right: -20%;}
.bg_06 {width:190px; height: 190px; background-image: url("../img/tinkle_01.png"); background-repeat: none; background-size:contain;mix-blend-mode: color-burn; position: absolute; top: 2700px; left: 10%;}

}


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

/* スライドテキスト */
.fotter_txt_an_wrap {display: flex;justify-content: flex-start;align-items: center;overflow: hidden;border-top: 1px solid rgba(34,56,93,0.2);}
.fotter_txt_an {display: flex;animation: loop-text 30s linear infinite;}
.fotter_txt {display: inline-block;font-size: 14rem;white-space: nowrap;font-family: "Jost", sans-serif;font-style:italic; font-weight: 300; line-height: 1; color: rgba(34,56,93,0.33)}
@keyframes loop-text {
  0% {transform: translateX(0%);}
  100% {transform: translateX(-50%);}
}

@media screen and (max-width: 768px) {
.fotter_txt {display: inline-block;font-size: 20vw;white-space: nowrap;font-family: "Jost", sans-serif;font-style:italic; font-weight: 300; line-height: 1; color: rgba(34,56,93,0.33)}
}

footer {background:#22385d; position: relative;}
.fotter_contact_wrap {width: 100%; background:rgba(17,74,127,1.00); position: relative;}
.fotter_contact_inner {width:100%; max-width: 1080px;display: flex;justify-content: center;align-items: stretch; margin: 0 auto;}
.fotter_contact_inner a {width:33.4%; min-height: 150px; font-size: 2.2rem; font-weight: 400;  color: #ffffff; display: flex;justify-content: center;align-items: center;gap:5px; border-left: 1px solid rgba(144,155,174,0.5);background-image: linear-gradient(135deg, rgba(34, 56, 93, 0.5), rgba(0, 92, 161, 0.5) 50%);-webkit-transition: all .3s;transition: all .3s;}
.fotter_contact_inner a i{font-size: 1.5em; margin-top: 0.1em;}
.fotter_contact_inner a:last-child {border-right: 1px solid rgba(144,155,174,0.5)}
.fotter_contact_inner a img {width: 90%; height: auto; max-width: 275px;}

@media screen and (min-width: 768px) {
.fotter_contact_inner a:hover {background-image: linear-gradient(135deg, rgba(0, 92, 161, 0.5), rgba(0,152,203,0.5) 50%);}
}

@media screen and (max-width: 768px) {
.fotter_contact_wrap {width: 100%; background:rgba(17,74,127,1.00); position: fixed;bottom: 0; left: 0;z-index: 200;}
.fotter_contact_inner a {width:33.4%; min-height: 60px; font-size: 3vw; font-weight: 400; padding: 1vw; flex-direction: column; gap:0; }
.fotter_contact_inner a span {order:2;}
.fotter_contact_inner a i {order:1; font-size: 3em; margin-top: 0;}
.fotter_contact_inner a img {width: 80%; height: auto; max-width: 275px;}
}


.fotter_inner {width:100%; max-width: 1080px; padding: 60px 0 80px 0; margin: 0 auto;display: flex;justify-content: space-between;align-items: stretch;}
.fotter_inner > div:first-of-type {font-size: 1.4rem; font-weight: 400; color: #ffffff; line-height: 1.3; display: flex;justify-content: flex-start;align-items: flex-start; flex-direction: column; gap:20px;}
.fotter_inner > div:first-of-type img {width: 80%; max-width:265px; -webkit-transition: all .3s;transition: all .3s;}
.fotter_inner > div:first-of-type img:hover {opacity: 0.5;}

.fotter_inner > div:last-of-type {width: 640px;;display: flex;justify-content: space-between;align-items: flex-start; flex-direction: column; gap:40px; padding-top: 20px;}
.fotter_navi_01 {width: 100%; display: flex;justify-content: space-between;align-items: stretch; flex-direction: row;gap:10px;}
.fotter_navi_01 a{width: 33.4%; max-width: 210px; height: 40px; font-size: 1.4rem; font-weight: 400; color: #ffffff; line-height: 1; background: #005ca1; white-space: nowrap; border-radius: 2px; display: flex;justify-content: center;align-items: center; flex-direction: row;-webkit-transition: all .3s;transition: all .3s;}
.fotter_navi_01 a i{font-size: 1.2em; margin-top: 0.1em; margin-right: 0.1em}

.fotter_navi_02 {width: 100%; display: flex;justify-content: space-around;align-items: stretch; flex-direction: row;gap:10px;}
.fotter_navi_02 ul {width:auto; display: flex;justify-content: flex-start;align-items: flex-start; flex-direction: column; gap:20px;}
.fotter_navi_02 ul li {}
.fotter_navi_02 ul li a{font-size: 1.4rem; font-weight: 400; color: #ffffff; line-height: 1;}
.fotter_navi_02 a i{ont-size: 1.2em; margin-top: 0.1em; margin-left: 0.1em}

.fotter_navi_03 {width: 100%; font-size: 1.4rem; font-weight: 400; color: #ffffff;display: flex;justify-content: flex-end;align-items: stretch; flex-direction: row;gap:60px;}
.fotter_navi_03 a{font-size: 1.4rem; font-weight: 400; color: #ffffff; line-height: 1;}

@media screen and (min-width: 768px) {
.fotter_navi_01 a:hover {background: #0098cb;}
.fotter_navi_02 ul li a:hover {color: #0098cb;}
.fotter_navi_03 a:hover {color: #0098cb;}
}

@media screen and (max-width: 1080px) {
.fotter_inner {width: 100%; padding-left: 20px; padding-right: 20px; }
}

@media screen and (max-width: 768px) {
.fotter_inner {width: 100%; padding: 10vw 10px 30vw 10px; margin: 0 auto;display: flex;justify-content: center;align-items: center; flex-direction: column; text-align: center;}
.fotter_inner a {width: 100%; }
.footer_addres {width: 100%; text-align: center;}
.fotter_inner > div:first-of-type {font-size: 1.2rem; font-weight: 400; color: #ffffff; line-height: 1.3; white-space: nowrap; display: flex;justify-content: flex-start;align-items: flex-start; flex-direction: column; gap:10px; margin-bottom: 20px;}
.fotter_inner > div:first-of-type img {width: 80%; max-width:200px; -webkit-transition: all .3s;transition: all .3s;}
.fotter_inner > div:first-of-type img:hover {opacity: 0.5;}

.fotter_navi_01,.fotter_navi_02 {display: none;}
.fotter_navi_03 {width: 100%; font-size: 1.2rem; font-weight: 400; color: #ffffff;display: flex;justify-content: center;align-items: center; flex-direction: column;gap:10px;}
.fotter_navi_03 a{font-size: 1.2rem; font-weight: 400; color: #ffffff; line-height: 1;}
}



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


header {}
#navi {position: fixed;top: 0;left: 0;height: auto;width: 100%;z-index: 299; background-image: url(../img/h_top.gif),url(../img/body_bg.png); background-size: 100% 3px,128px 128px; background-repeat: no-repeat,repeat; background-position: top left center center;background-color:rgba(237,241,242,0.7);backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);border-bottom: 1px solid rgba(34,56,93,0.2);-webkit-transition: all .3s;transition: all .3s;}
body.page #navi {z-index: 400; }
/* チェックボックスを非表示 */
#navi input {display: none;}

#navi h1 {line-height: 50px; position: absolute; top:5px; left: 20px;}
#navi h1 img {width: 100%; max-width:220px;  height: auto;vertical-align: middle;-webkit-transition: all .3s;transition: all .3s;}

.menu { display: flex; justify-content: flex-end;align-items: stretch; padding: 8px 5px 5px 0; gap:10px;-webkit-transition: all .3s;transition: all .3s;}
.menu > div:first-child { display: flex; justify-content: center;align-items: flex-end; flex-direction: column; gap:15px}
.menu > div:first-child > div {display: flex; justify-content: flex-end;align-items: flex-start; flex-direction: row; gap:20px; padding: 0 10px 0 0;}
.menu > div:first-child > div a{font-size: 1.4rem; font-weight: 500; line-height: 1; color: #64748e;display: flex; justify-content: center;align-items: center; gap:2px;}
.menu > div:first-child > div a i{font-size: 1.3em; margin-top: 2px;}

.menu > div:last-child { display: flex; justify-content: flex-end;align-items: flex-start; flex-direction: column;gap:4px;}
.menu > div:last-child a {width: 175px; height: 35px; font-size: 1.4rem; font-weight: 500; line-height: 1; color: #ffffff; background: #0098cb; border-radius: 2px; display: flex; justify-content:space-between;align-items: center; padding: 0 12px;-webkit-transition: all .3s;transition: all .3s;}
.menu > div:last-child a i{font-size: 1.3em;}
.menu > div:last-child a:last-child {background: #005ca1;}

@media screen and (min-width: 768px) {
.menu > div:last-child a:hover {background: #f08d1d;}
.menu > div:first-child > div a:hover{color: #0098cb;}
}

.menu ul{display: flex;justify-content: flex-end;align-items: flex-end;}
.menu ul li a {color: #22385d;}
.menu-parent {font-size: 1.4rem;font-weight: 500;line-height: 1.2;white-space: nowrap;text-align: center;}


/* パソコンでは 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: 1100px) {

#navi {position: fixed;top: 0;left: 0;height: auto; min-height: 60px;; width: 100%;padding: 0;background-color:rgba(237,241,242,0.7);}
/* チェックボックスを非表示 */
#navi input {display: none;}


/* 左上ロゴ */
#navi h1 {line-height: 1; position: static; max-width: 150px; margin: 4px 0 0 10px;}


  /* スマホの際に V を表示 */
  .menu-parent .pd {
    display: inline-block;
    width: 100%;
  }

.menu-parent .pd::after {
    content: "+";
    display: inline-block;
    color: #22385d;
    font-size: 1.6rem;
    width: 100%;
  }
  .menu {
  display: flex;justify-content: center;align-items: flex-start;
  width: 100%;
  height: 0; opacity: 0;
  padding: 0;
  visibility: hidden;
  }

  
  .menu-parent {
    width: 100%;
    padding: 20px 20px;
    text-align: left;
    height:auto;
    border-bottom: 1px solid #909bae;
  }
  
  .menu-parent > a {padding: 20px 0;}



  /* メニューを移動させないため */
  #menu-navibtn:checked ~ #navi {
    position: fixed;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100%;
  }
}



/* ドロップダウンメニュー */
.menu-parent {
  
}
.menu-parent .menu-child {
  display: flex; 
  justify-content: flex-start;align-items: flex-start; flex-direction: column;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  margin-left: 0;
}

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



/* パソコン用 */
@media screen and (min-width: 1100px) {
  .menu-parent:hover .menu-child {
    visibility: visible;
    opacity: 1;
    width: 100vw;
    padding: 40px;
position: absolute;
left: 0!important;
display: flex; 
  justify-content: space-between;align-items: center; flex-direction: row; gap:20px;
  }

  .menu-parent .menu-child li {
  overflow: hidden;
  height: 0;
  text-align: left!important;
  -webkit-transition: all .3s;transition: all .3s;
  line-height: 1;
  width: 100%;
  font-size: 1.4rem;
padding:  0 15px;
background: #ffffff;
border-radius: 3px;
  }
  
.menu-parent .menu-child li a {width: 100%; height: 100%;display: flex; justify-content: space-between;align-items: center; position: relative;}
.menu-parent .menu-child li a::after {content:"\e901";font-family: "icomoon"; font-size: 1.4rem; position: absolute; right:0;}


  .menu-parent .menu-child li.sub_menu {
  font-size: 1.2rem;
  padding:  0 15px 0 35px;
  }
  
.menu-parent:hover .menu-child li {
  overflow: visible;
  height: 60px;
  padding:  0 15px 0 15px;
  }

.menu-parent .menu-child li a {
display: flex; align-items: center; justify-content: flex-start;
-webkit-transition: all .3s;transition: all .3s;
  }
  
.menu-parent .menu-child li:hover {
background-color:#0098cb;
  }
  .menu-parent .menu-child li:hover a{
color: #ffffff;
  }



.menu-parent > a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  padding: 0 10px;
  -webkit-transition: all .3s;transition: all .3s;
}
.menu-parent > a::after {
  position: absolute;
  bottom: -17px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #0098cb;
  transform: scale(0, 1);
  transition: transform .3s;
  transform-origin: left bottom;
}
.menu-parent > a:hover::after {
  transform: scale(1, 1);
}
.menu-parent > a:hover {color: #0098cb;}
  
}



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

.menu {flex-direction: column; width: 100%; padding: 0 10px;-webkit-transition: all .0s;transition: all .0s;}
  .menu ul{flex-direction: column; width: 100%;}
  
.menu > div:first-child { order: 2; width: 100%;}
  .menu > div:first-child div {width: 100%;justify-content: center;align-items: center;padding: 0; gap:5px;}
  .menu > div:first-child div a {width: 100%; height: 40px; font-size: 1.2rem; display: flex; border-radius: 20px; justify-content: center;align-items: center;background: #ffffff; padding: 0 10px; flex-wrap: nowrap; white-space: nowrap;}
  .menu > div:last-child { order: 1;flex-direction: row; width: 100%; justify-content: space-between;margin-bottom: 20px;}
  .menu > div:last-child a { width: 100%; height: 60px;}
  
  
  /* ハンバーガーメニューがクリックされた時 */
  #menu-navibtn:checked ~ * .menu {
    opacity: 1;
    height: auto;
    visibility: visible;
    flex-direction: column;
    padding: 30px 10px;
    -webkit-transition: all .3s;transition: all .3s;
  }
  #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 0 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 #909bae;
  -webkit-transition: all .3s;transition: all .3s;
  }
  
  .menu-parent > label:hover {
    cursor: pointer;
    cursor: hand;
  }
  
  #navi input[type="checkbox"]:checked ~ label .pd::after {content: "-";}
  
  /* 子メニューがクリックされた時 */
  #navi input[type="checkbox"]:checked ~ .menu-child {
    max-height: inherit;
    overflow-y: visible;
    visibility: visible;
    margin-top: 20px;
  }
    /* 子メニューがクリックされた時 */
  #navi input[type="checkbox"]:checked ~ .menu-child li { height: 40px;-webkit-transition: all .3s;transition: all .3s;}
  #navi input[type="checkbox"]:checked ~ .menu-child li a {width: 100%; height: 100%;display: flex; align-items: center;}
}

/* 子メニュー */
.menu-child li {font-size: 1.4rem;min-width: 180px;}
.menu-child li.sub_menu {font-size: 1.2rem; padding-left: 20px;}
/* ハンバーガー */
#navi #navibtn {display: none;}



@media screen and (max-width: 1100px) {
  #navi #navibtn {display: block;position: absolute;top: 10px;right: 10px; cursor: pointer;}
  #navibtn span {display: block;width: 40px;height: 40px;background-color: #0075c2;-webkit-transition: .35s ease-in-out;-moz-transition: .35s ease-in-out;transition: .35s 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;}
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


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

.wp_body h1 {font-size: 3.8rem; line-height: 1.4em; font-weight: 600; }
.wp_body h2 {font-size: 3.2rem; line-height: 1.4em; font-weight: 600; }
.wp_body h3 {font-size: 2.8rem; line-height: 1.4em; font-weight: 600; }
.wp_body h4 {font-size: 2.4rem; line-height: 1.4em; font-weight: 500; }
.wp_body h5 {font-size: 2rem; line-height: 1.4em; font-weight: 500; }
.wp_body h6 {font-size: 1.8rem; line-height: 1.4em; font-weight: 500; }

@media screen and (max-width: 768px) {
.wp_body h1 {font-size: 3rem; line-height: 1.4em; font-weight: 600; }
.wp_body h2 {font-size: 2.6rem; line-height: 1.4em; font-weight: 600; }
.wp_body h3 {font-size: 2.2rem; line-height: 1.4em; font-weight: 600; }
.wp_body h4 {font-size: 2rem; line-height: 1.4em; font-weight: 500; }
.wp_body h5 {font-size: 1.8rem; line-height: 1.4em; font-weight: 500; }
.wp_body h6 {font-size: 1.6rem; line-height: 1.4em; font-weight: 500; }
}


/*========================================
loader
=======================================*/
#loader-bg {display: none;position: fixed;justify-content:center;align-items: center;width: 100vw;height: 100vh;background: #ffffff;opacity:1;z-index: 300;background-color:#edf1f2; background-image: url(../img/body_bg.png); background-size: 128px 128px; font-weight: 500;}
#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) {
}


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

.bg_an_30 {animation: fuwafuwa 30s ease-in-out infinite alternate;}
.bg_an_40 {animation: fuwafuwa 60s ease-in-out infinite alternate;}
.bg_an_50 {animation: fuwafuwa 90s ease-in-out infinite alternate;}


@keyframes fuwafuwa {
  0% {
    transform:translate(0, 0); opacity:1;
  }
  20% {
    transform:translate(100px, -40px) ;opacity:0.6;
  }
  40% {
    transform:translate(0, 0) ;opacity:1;
  }
  60% {
    transform:translate(-100px, 40px) ;opacity:0.8;
  }
  80% {
    transform:translate(-50px, 10px) ;opacity:1;
  }
  100% {
    transform:translate(0, 0) ;opacity:1;
  }
}






/*========================================
Animation
=======================================*/



.mv_faderight {
animation-name:mvfaderightAnime;
animation-duration:2s;
animation-fill-mode:forwards;

opacity: 0;
}
@keyframes mvfaderightAnime{
  from {
    opacity: 0;
  transform: translateX(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}


.mvfadeup {
animation-name:mvfadeUpAnime;
animation-duration:1.5s;
animation-fill-mode:forwards;

opacity: 0;
}
@keyframes mvfadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(50px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

.mvfadedown {
animation-name:mvfadedownAnime;
animation-duration:1.5s;
animation-fill-mode:forwards;

opacity: 0;
}
@keyframes mvfadedownAnime{
  from {
    opacity: 0;
  transform: translateY(-50px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}




.fadeleftTrigger,.faderightTrigger,.fadedownTrigger,.fadedownTrigger02,.fadeupTrigger{opacity: 0;}





.fadeleft {
animation-name:fadeleftAnime;
animation-duration:2s;
animation-fill-mode:forwards;

opacity: 0;
}
@keyframes fadeleftAnime{
  from {
    opacity: 0;
  transform: translateX(-100px);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}



.faderight {
animation-name:faderightAnime;
animation-duration:2s;
animation-fill-mode:forwards;

opacity: 0;
}
@keyframes faderightAnime{
  from {
    opacity: 0;
  transform: translateX(100px);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}


.fadeup {
animation-name:fadeUpAnime;
animation-duration:1.5s;
animation-fill-mode:forwards;

opacity: 0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}



.fadedown {
animation-name:fadedownAnime;
animation-duration:1.5s;
animation-fill-mode:forwards;

opacity: 0;
}
@keyframes fadedownAnime{
  from {
    opacity: 0;
  transform: rotate(-90deg);
  }

  to {
    opacity: 1;
  transform:rotate(0);
  }
}

.fadedown02 {
animation-name:fadedownAnime02;
animation-duration:1.5s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes fadedownAnime02{
  from {
    opacity: 0;
  transform: rotate(-90deg);
  }

  to {
    opacity: 1;
  transform:rotate(0);
  }
}




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

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



/* アニメーションスタートの遅延時間を決めるCSS*/
.delay-time02{animation-delay: 0.2s;}
.delay-time04{animation-delay: 0.4s;}
.delay-time06{animation-delay: 0.6s;}
.delay-time10{animation-delay: 1s;}
.delay-time13{animation-delay: 1.3s;}
.delay-time20{animation-delay: 2s;}
.delay-time23{animation-delay: 2.3s;}
.delay-time30{animation-delay: 3s;}