@charset "UTF-8";
/*===== MIXINS =====*/
/*-- animation --*/
/*--  transition --*/
/*-- transform --*/
/*-- center with dimension --*/
/*-- Display flex --*/
/*-- clearfix --*/
/*-- ANIMATION  button shine --*/
/*-- psuedo: before --*/
/*-- psuedo: after --*/
/************* ANIMATION ***************/
/*-- BUTTON Arrow left --*/
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900");
@-webkit-keyframes arrowLeft { 0% { opacity: 0; -webkit-transform: translateX(-5px); -moz-transform: translateX(-5px); -ms-transform: translateX(-5px); -o-transform: translateX(-5px); transform: translateX(-5px); }
  50% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } }
@keyframes arrowLeft { 0% { opacity: 0; -webkit-transform: translateX(-5px); -moz-transform: translateX(-5px); -ms-transform: translateX(-5px); -o-transform: translateX(-5px); transform: translateX(-5px); }
  50% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } }
/*-- BUTTON Shine --*/
@-webkit-keyframes shine { 100% { -webkit-transform: translateX(240%); -moz-transform: translateX(240%); -ms-transform: translateX(240%); -o-transform: translateX(240%); transform: translateX(240%); } }
@keyframes shine { 100% { -webkit-transform: translateX(240%); -moz-transform: translateX(240%); -ms-transform: translateX(240%); -o-transform: translateX(240%); transform: translateX(240%); } }
/*====== RIFFLE effect ======*/
@-webkit-keyframes riffles { 0% { box-shadow: 0 4px 10px rgba(102, 102, 102, 0.1), 0 0 0 0 rgba(102, 102, 102, 0.1), 0 0 0 5px rgba(102, 102, 102, 0.1), 0 0 0 10px rgba(102, 102, 102, 0.1); }
  100% { box-shadow: 0 4px 10px rgba(102, 102, 102, 0.1), 0 0 0 5px rgba(102, 102, 102, 0.1), 0 0 0 10px rgba(102, 102, 102, 0.1), 0 0 0 20px rgba(102, 102, 102, 0); } }
@keyframes riffles { 0% { box-shadow: 0 4px 10px rgba(102, 102, 102, 0.1), 0 0 0 0 rgba(102, 102, 102, 0.1), 0 0 0 5px rgba(102, 102, 102, 0.1), 0 0 0 10px rgba(102, 102, 102, 0.1); }
  100% { box-shadow: 0 4px 10px rgba(102, 102, 102, 0.1), 0 0 0 5px rgba(102, 102, 102, 0.1), 0 0 0 10px rgba(102, 102, 102, 0.1), 0 0 0 20px rgba(102, 102, 102, 0); } }
/*====== SCROLL INDICATOR ======*/
@-webkit-keyframes scroll_down { 0% { opacity: 0; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); }
  60% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translateY(70px); -moz-transform: translateY(70px); -ms-transform: translateY(70px); -o-transform: translateY(70px); transform: translateY(70px); } }
@keyframes scroll_down { 0% { opacity: 0; -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); }
  60% { opacity: 1; }
  100% { opacity: 0; -webkit-transform: translateY(70px); -moz-transform: translateY(70px); -ms-transform: translateY(70px); -o-transform: translateY(70px); transform: translateY(70px); } }
/**************************************
	base
***************************************/
/* ---------------------------------------------------------
スタイルリセット
----------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-style: normal; font-weight: normal; word-break: break-word; }

b, strong { font-weight: bold; }

h1, h2, h3, h4, h5, h6, td, th, p, ul, li, dt, dd { font-size: 1em; }

img { width: 100%; height: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

table { border-collapse: collapse; width: 100%; }

a { text-decoration: none; outline: none; color: #000; }

ul li { list-style: none; }

article, header, footer, aside, figure, figcaption, nav, section { display: block; }

* { -webkit-tap-highlight-color: transparent; }

.pc { display: block; }

.sp { display: none; }

/* ---------------------------------------------------------
変数
----------------------------------------------------------*/
/*break point
-----------------------*/
/*color
-----------------------*/
/*font family
-----------------------*/
html, body { position: relative; background-color: #fff; height: 100%; width: 100%; font-family: "Noto Sans JP", "Avant Garde", Avantgarde, Helvetica Neue, Helvetica, Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 14px; line-height: 1.2; letter-spacing: normal; color: #000; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

.wow, .animated { visibility: hidden; }
.wow.dur_08, .animated.dur_08 { -webkit-animation-duration: .8s; animation-duration: .8s; }
.wow.dur_06, .animated.dur_06 { -webkit-animation-duration: .6s; animation-duration: .6s; }
.wow.dur_04, .animated.dur_04 { -webkit-animation-duration: .4s; animation-duration: .4s; }
.wow.delay_02, .animated.delay_02 { animation-delay: .2s; }
.wow.delay_04, .animated.delay_04 { animation-delay: .4s; }
.wow.delay_06, .animated.delay_06 { animation-delay: .6s; }
.wow.delay_08, .animated.delay_08 { animation-delay: .8s; }
.wow.delay_1, .animated.delay_1 { animation-delay: 1s; }
.wow.delay_1-2, .animated.delay_1-2 { animation-delay: 1.2s; }
.wow.delay_1-4, .animated.delay_1-4 { animation-delay: 1.4s; }
.wow.delay_1-6, .animated.delay_1-6 { animation-delay: 1.6s; }
.wow.delay_1-8, .animated.delay_1-8 { animation-delay: 1.8s; }
.wow.delay_2, .animated.delay_2 { animation-delay: 2s; }
.wow.delay_2-2, .animated.delay_2-2 { animation-delay: 2.2s; }
.wow.delay_2-4, .animated.delay_2-4 { animation-delay: 2.4s; }
.wow.delay_2-6, .animated.delay_2-6 { animation-delay: 2.6s; }
.wow.delay_2-8, .animated.delay_2-8 { animation-delay: 2.8s; }
.wow.delay_3, .animated.delay_3 { animation-delay: 3s; }

.animated { visibility: visible; }

/****************************** 	base sp
*******************************/
@media screen and (max-width: 768px) { html, body { min-width: 100%; }
  .pc { display: none; }
  .sp { display: block; } }
/**************************************
common.scss
***************************************/
.inner__cont { position: relative; box-sizing: border-box; width: 100%; max-width: 860px; margin: 0 auto; }
.inner__cont--set__2 { max-width: 800px; }

.main__content { display: block; padding: 0 0 50px; width: 100%; }
.main__content--child { padding: 50px 0; }
.main__content--child__single { padding: 80px 0 50px; }
.main__content--template { padding: 240px 0 50px; min-height: calc(100vh - 362px); }

.section { position: relative; width: 100%; margin-bottom: 75px; }
.section__head { position: relative; width: 100%; margin-bottom: 25px; }
.section__head__title { background-color: #fff; box-sizing: border-box; padding: 3px 15px 3px; display: block; border: 1px solid #F5A030; font: bold 25px/1.7 "Noto Sans JP", "Avant Garde", Avantgarde, Helvetica Neue, Helvetica, Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-weight: bold; text-align: center; color: #F5A030; }
.section__head__title__counter { display: inline-block; font: bold 25px/1.7 "Noto Sans JP", "Avant Garde", Avantgarde, Helvetica Neue, Helvetica, Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-weight: bold; margin-right: 20px; }
.section__head__title__text { font: bold 25px/1.7 "Noto Sans JP", "Avant Garde", Avantgarde, Helvetica Neue, Helvetica, Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-weight: bold; }
.section__head__title.text__left { text-align: left; }
.section__body { width: 100%; }
.section__body .content { position: relative; width: 100%; margin-bottom: 25px; }
.section__body .content__title { display: inline-block; font: bold 23px/1.7 "Noto Sans JP", "Avant Garde", Avantgarde, Helvetica Neue, Helvetica, Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; color: #F5A030; }
.section__body .content__title--set__2 { background-color: transparent; position: relative; display: block; text-align: center; }
.section__body .content__wrap { width: 100%; }
.section__body .content__wrap__list { position: relative; width: 100%; }
.section__body .content__wrap__list:last-child .card__item { border-bottom: none; }
.section--set__2 { margin-bottom: 40px; }
.section--set__2 .section__head { margin-bottom: 9px; }
.section--set__2 .section__body .content__title { display: block; background-color: #ddd; box-sizing: border-box; padding: 20px 15px; color: #000; border-bottom: 1px solid #000; font-weight: normal; }
.section--set__2 .section__body .content__title--set__2 { background-color: transparent; position: relative; z-index: 1; padding: 0; margin-bottom: 12px; border-bottom: none; font-weight: bold; text-align: left; box-sizing: border-box; padding-left: 15px; }
.section--set__2 .section__body .content__title--set__2::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 12px; z-index: -1; }
.section--green .section__head__title { background-color: #88B83E; border-color: #88B83E; color: #fff; }
.section--green .section__body .content__title { background-color: #E7F1D8; border-color: #88B83E; }
.section--green .section__body .content__wrap__list .card__item { border-color: #E7F1D8; }
.section--green .section__body .content__wrap__list .card__item__number, .section--green .section__body .content__wrap__list .card__item__title { color: #251E1C; }
.section--green .section__body .content__wrap__list .card__item:hover .card__item__title { color: #88B83E; }
.section--orange .section__head__title { background-color: #F5A030; border-color: #F5A030; color: #fff; }
.section--orange .section__body .content__title--set__2 { background-color: transparent; color: #886742; }
.section--orange .section__body .content__title--set__2::after { background-color: #F7E27C; }

.card__item { position: relative; display: flex; flex-flow: row wrap; justify-content: space-between; box-sizing: border-box; padding: 28px 50px 20px 0; border-bottom: 1.5px solid #FCE2C1; align-items: flex-start; width: 100%; min-height: 70px; cursor: pointer; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.card__item:hover .card__item__title { color: #F5A030; }
.card__item:hover .card__item__icon img { -webkit-transform: perspective(1px) scale(0.75); -moz-transform: perspective(1px) scale(0.75); -ms-transform: perspective(1px) scale(0.75); -o-transform: perspective(1px) scale(0.75); transform: perspective(1px) scale(0.75); }
.card__item:hover .card__item__icon::after { opacity: 1; -webkit-transform: perspective(1px) scale(1); -moz-transform: perspective(1px) scale(1); -ms-transform: perspective(1px) scale(1); -o-transform: perspective(1px) scale(1); transform: perspective(1px) scale(1); }
.card__item--no__link { cursor: auto; }
.card__item--no__link:hover .card__item__title { color: #000; }
.card__item--set__2 .card__item__title { width: 100%; }
.card__item--no__border { border-bottom: none; }
.card__item--no__counter .card__item__title { box-sizing: border-box; padding-left: 12px; }
.card__item__number { width: 80px; font-size: 17px; color: #F5A030; }
.card__item__title { width: calc(100% - 80px); font: normal 20px/1.2 "Noto Sans JP", "Avant Garde", Avantgarde, Helvetica Neue, Helvetica, Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.card__item__icon { position: absolute; top: 0; bottom: 0; right: 0; margin: auto; height: 40px; width: 40px; }
.card__item__icon img { position: relative; display: block; width: 100%; height: auto; transform-origin: center; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; z-index: 1; }
.card__item__icon::before, .card__item__icon::after { content: ''; position: absolute; top: 0; left: 0; height: 40px; width: 40px; transform-origin: center; }
.card__item__icon::after { opacity: 0; border-radius: 100%; box-sizing: border-box; -webkit-transform: perspective(1px) scale(0.5); -moz-transform: perspective(1px) scale(0.5); -ms-transform: perspective(1px) scale(0.5); -o-transform: perspective(1px) scale(0.5); transform: perspective(1px) scale(0.5); -webkit-transition: all 0.4s ease 0.1s; -moz-transition: all 0.4s ease 0.1s; -ms-transition: all 0.4s ease 0.1s; -o-transition: all 0.4s ease 0.1s; transition: all 0.4s ease 0.1s; }
.card__item__icon--link::after { border: 1.5px solid #d268a3; }
.card__item__icon--video::after { border: 1.5px solid #7160a8; }
.card__item__icon--mobile::after { border: 1.5px solid #3ca279; }
.card__item__icon--camera::after { border: 1.5px solid #4896D5; }

.accordion__field { position: relative; width: 100%; margin-bottom: 26px; }
.accordion__field--mb__0 { margin-bottom: 0; }
.accordion__field .accordion { display: block; width: 100%; border-bottom: 1px solid #F5A030; }
.accordion__field .accordion--open .accordion__head__button { -webkit-transform: perspective(1px) rotate(90deg); -moz-transform: perspective(1px) rotate(90deg); -ms-transform: perspective(1px) rotate(90deg); -o-transform: perspective(1px) rotate(90deg); transform: perspective(1px) rotate(90deg); height: 22.1667px; width: 11px; top: 4px; }
.accordion__field .accordion__head { background-color: #F5EDC5; position: relative; height: 70px; width: 100%; box-sizing: border-box; padding: 12px 25px 12px 12px; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: center; cursor: pointer; }
.accordion__field .accordion__head__title { display: inline-block; font: 400 23px/1.7 "Noto Sans JP", "Avant Garde", Avantgarde, Helvetica Neue, Helvetica, Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }
.accordion__field .accordion__head__button { position: absolute; background: url("./../../assets_2022/img/main/arrow-right.png") center/contain no-repeat; height: 15.1667px; width: 9.3336px; z-index: 1; right: 12px; top: 0; bottom: 0; margin: auto; }
.accordion__field .accordion__body { display: none; border-top: 1px solid #F5A030; }
.accordion__field .accordion__body__list { width: 100%; }
.accordion__field .accordion__body__list__item { position: relative; width: 100%; }
.accordion__field .accordion__body__list__item .card__item { padding: 28px 50px 20px 30px; }
.accordion__field .accordion__body__list__item .card__item__number { width: 50px; color: #000; }
.accordion__field .accordion__body__list__item .card__item__title { width: calc(100% - 50px); }

.modal__field { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); -webkit-transition: 0.4s ease; -moz-transition: 0.4s ease; -ms-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; opacity: 0; z-index: -100; }
.modal__field.active { opacity: 1; z-index: 10000; }
.modal__field .modal { position: relative; width: 70%; opacity: 0; -webkit-transition: 0.4s ease; -moz-transition: 0.4s ease; -ms-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); }
.modal__field .modal.active { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
.modal__field .modal__closebtn { position: absolute; height: 40px; width: 40px; right: -30px; top: -30px; z-index: 500; cursor: pointer; }
.modal__field .modal__closebtn.active .modal__closebtn_line_01::before { top: 0; opacity: 1; -webkit-transition: 0.4s ease 0.2s; -moz-transition: 0.4s ease 0.2s; -ms-transition: 0.4s ease 0.2s; -o-transition: 0.4s ease 0.2s; transition: 0.4s ease 0.2s; }
.modal__field .modal__closebtn.active .modal__closebtn_line_02::before { top: 0; opacity: 1; -webkit-transition: 0.4s ease; -moz-transition: 0.4s ease; -ms-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease; }
.modal__field .modal__closebtn_line_01, .modal__field .modal__closebtn_line_02 { position: absolute; height: 100%; width: 2px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.modal__field .modal__closebtn_line_01::before, .modal__field .modal__closebtn_line_02::before { content: ''; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; }
.modal__field .modal__closebtn_line_01 { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.modal__field .modal__closebtn_line_01::before { top: -120%; -webkit-transition: 0.2s ease 0.1s; -moz-transition: 0.2s ease 0.1s; -ms-transition: 0.2s ease 0.1s; -o-transition: 0.2s ease 0.1s; transition: 0.2s ease 0.1s; }
.modal__field .modal__closebtn_line_02 { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.modal__field .modal__closebtn_line_02::before { top: -100%; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -ms-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; }
.modal__field .modal__video { box-sizing: border-box; padding: 20px; width: 100%; }
.modal__field .modal__video_wrap { background-color: #000; width: 100%; min-height: 550px; padding: 20px 0; }
.modal__field .modal__video_wrap video { width: calc(100% - 10vw); max-width: 1000px; height: auto; max-height: 70vh; display: block; margin: 0 auto; outline: none; position: absolute; opacity: 0; }
.modal__field .modal__video_wrap video.active { position: relative; opacity: 1; }
.modal__field .modal__video iframe { width: 100%; height: 37vw; max-height: 720px; }

.anchor__target { position: absolute; top: 0; left: 0; width: 100%; height: 1px; opacity: 0; }
.anchor__target--set__2 { top: -230px; }

.article { position: relative; width: 100%; margin-bottom: 90px; }
.article__pageTitle { background-color: #004b9d; margin: 0 auto; font-weight: 500; font-size: 23px; padding: 0.5em; text-align: center; line-height: 1em; border-radius: 5px; color: #fff; }
.article__section { margin: 20px auto 64px; }
.article__section p { font-size: 18px; font-weight: normal; line-height: 2em; }
.article__section p.notice__text { display: block; text-align: right; font-size: 14.4px; line-height: 2em; font-weight: normal; }
.article__section a { text-decoration: underline; color: crimson; padding: 0; transition: .2s ease; }
.article__section a:hover { opacity: 0.7; }
.article__section ul li { margin: 0.25em 0; list-style-type: disc; list-style-position: inside; padding-left: 1.45em; text-indent: -1.45em; font-size: 18px; line-height: 2em; }
.article__section__title { font-weight: 600; line-height: 1.75em; font-size: 21px; color: #004b9d; }
.article__section__tableTitle { font-size: 18px; font-weight: 500; line-height: 1.75em; }
.article__section__table { width: 100%; margin: 0.6em 0; border: 2px solid rgba(0, 0, 0, 0.8); }
.article__section__table thead tr th { font-size: 16px; font-weight: normal; line-height: 1.5em; border: 1px solid rgba(0, 0, 0, 0.8); padding: 1em; }
.article__section__table tbody tr.tb_header1 { font-weight: 500; background-color: #d0e0f2; }
.article__section__table tbody tr td { font-size: 16px; font-weight: normal; line-height: 1.5em; border: 1px solid rgba(0, 0, 0, 0.8); padding: 1em; }
.article__section__table tbody tr td.tb_header2 { background-color: rgba(208, 224, 242, 0.3); }
.article__section__table tbody tr td.td_icon { text-align: center; width: 18%; }
.article__section__table tbody tr td.td_icon img { width: 50px; vertical-align: bottom; border: 0; }
.article .back__button { width: 320px; text-align: center; background-color: #f4f4f4; margin: 100px auto 0; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3); transition: .2s ease; }
.article .back__button:hover { opacity: 0.6; }
.article .back__button__text { font-size: 20px; line-height: 1em; padding: 0.75em 1em; display: block; }

.pagetop { position: fixed; bottom: 50px; right: 120px; width: 60px; z-index: 1; opacity: 0; transform: translateY(15px); transition: .4s ease; }
.pagetop.is-active { opacity: 1; transform: translateY(0); }

/********* RESPONSIVE *********/
/*--- MOBILE ---*/
@media screen and (max-width: 768px) { .inner__cont { padding: 0 20px; }
  .main__content { padding: 0px 0 50px; }
  .main__content--child { padding: 100px 0 50px; }
  .main__content--child__single { padding: 65px 0 50px; }
  .main__content--template { padding: 162px 0 50px; }
  .section { margin-bottom: 50px; }
  .section__head { margin-bottom: 15px; }
  .section__head__title { padding: 3px 10px 3px; text-align: left; font-weight: bold; font-size: 22px; }
  .section__head__title__counter { position: absolute; display: inline-block; margin-right: 20px; font-weight: bold; font-size: 22px; }
  .section__head__title__text { position: relative; box-sizing: border-box; display: inline-block; padding-left: 90px; font-weight: bold; font-size: 22px; }
  .section__body .content { margin-bottom: 15px; }
  .section__body .content__title { font-size: 16px; }
  .section--set__2 { margin-bottom: 40px; }
  .section--set__2 .section__head { margin-bottom: 9px; }
  .section--set__2 .section__head__title { background-color: #F5A030; border-color: #F5A030; color: #fff; }
  .section--set__2 .section__head--sp__set__2 { overflow: hidden; position: relative; }
  .section--set__2 .section__head--sp__set__2::before { content: ''; position: absolute; left: 0; top: 0; height: 0; width: 0; border: 5px solid transparent; border-top: 5px solid #F5A030; border-left: 5px solid #F5A030; z-index: 2; }
  .section--set__2 .section__head--sp__set__2 .section__head__title { position: relative; background-color: #fff; color: #F5A030; }
  .section--set__2 .section__body .content__title { display: block; background-color: #ddd; box-sizing: border-box; padding: 20px 15px; color: #000; font-size: 20px; }
  .section--set__2 .section__body .content__title--set__2 { background-color: transparent; position: relative; z-index: 1; padding: 0; font-size: 24px; box-sizing: border-box; padding-left: 10px; text-align: left; }
  .section--set__2 .section__body .content__title--set__2::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 12px; z-index: -1; }
  .section--green .section__head__title { background-color: #88B83E; border-color: #88B83E; color: #fff; }
  .section--green .section__body .content__title { background-color: #E7F1D8; }
  .section--green .section__body .content__wrap__list .card__item { border-color: #E7F1D8; }
  .section--green .section__body .content__wrap__list .card__item__number, .section--green .section__body .content__wrap__list .card__item__title { color: #251E1C; }
  .section--green .section__body .content__wrap__list .card__item:hover .card__item__title { color: #88B83E; }
  .section--orange .section__head__title { background-color: #F5A030; border-color: #F5A030; color: #fff; }
  .section--orange .section__body .content__title--set__2 { background-color: transparent; color: #886742; }
  .section--orange .section__body .content__title--set__2::after { background-color: #F7E27C; }
  .card__item { padding: 20px 50px 20px 0px; border-bottom: 1.5px solid #FCE2C1; min-height: 45px; }
  .card__item:hover .card__item__title { color: #000; }
  .card__item:hover .card__item__icon::before { -webkit-transform: perspective(1px) scale(1); -moz-transform: perspective(1px) scale(1); -ms-transform: perspective(1px) scale(1); -o-transform: perspective(1px) scale(1); transform: perspective(1px) scale(1); }
  .card__item:hover .card__item__icon::after { opacity: 0; }
  .card__item__number { width: 55px; font-size: 12px; }
  .card__item__title { width: calc(100% - 55px); font-size: 14px; }
  .card__item__icon { height: 25px; width: 25px; }
  .card__item--sp__same { padding: 28px 50px 20px 0; }
  .card__item--sp__same .card__item__number { width: 70px; font-size: 17px; }
  .card__item--sp__same .card__item__title { width: calc(100% - 70px); font-size: 18px; }
  .card__item--sp__same .card__item__icon { height: 35px; width: 35px; }
  .accordion__field .accordion__head { height: 60px; }
  .accordion__field .accordion__head__title { font-size: 20px; }
  .accordion__field .accordion__body__list__item .card__item { padding: 20px 40px 20px 30px; border-bottom: 1px solid #FCE2C1; }
  .accordion__field .accordion__body__list__item .card__item:hover .card__item__title { color: #000; }
  .accordion__field .accordion__body__list__item .card__item:hover .card__item__icon::before { -webkit-transform: perspective(1px) scale(1); -moz-transform: perspective(1px) scale(1); -ms-transform: perspective(1px) scale(1); -o-transform: perspective(1px) scale(1); transform: perspective(1px) scale(1); }
  .accordion__field .accordion__body__list__item .card__item:hover .card__item__icon::after { opacity: 0; }
  .accordion__field .accordion__body__list__item .card__item__number { width: 70px; font-size: 17px; }
  .accordion__field .accordion__body__list__item .card__item__title { width: calc(100% - 70px); font-size: 18px; }
  .accordion__field .accordion__body__list__item .card__item__icon { height: 35px; width: 35px; }
  .modal__field .modal { width: 90%; }
  .modal__field .modal__closebtn { right: 15px; }
  .modal__field .modal__video_wrap { min-height: 300px; }
  .modal__field .modal__video_wrap video { max-height: 300px; }
  .modal__field .modal__video iframe { height: 50vw; }
  .anchor__target { top: -90px; }
  .anchor__target--set__2 { top: -172px; }
  .article__pageTitle { font-size: 4.5vw; padding: 2vw; }
  .article__section { margin: 20px auto 64px; }
  .article__section p { font-size: 4vw; }
  .article__section p.notice__text { display: block; text-align: right; font-size: 14.4px; line-height: 2em; font-weight: normal; }
  .article__section ul li { font-size: 4vw; }
  .article__section__title { font-size: 4.5vw; }
  .article__section__tableTitle { font-size: 4vw; }
  .article__section__table tbody tr td.td_icon img { width: 100%; }
  .pagetop { width: 10%; bottom: 0; right: 0; } }
@media screen and (max-width: 450px) { .section__head__title { font-size: 5vw; }
  .section__head__title__counter { margin-right: 3vw; font-size: 5vw; }
  .section__head__title__text { padding-left: 25vw; font-size: 5vw; }
  .section--set__2 .section__body .content__title--set__2 { font-size: 5vw; }
  .card__item--sp__same { padding: 20px 50px 20px 0; }
  .card__item--sp__same .card__item__number { width: 12vw; font-size: 4vw; }
  .card__item--sp__same .card__item__title { width: calc(100% - 12vw); font-size: 4vw; }
  .card__item--sp__same .card__item__icon { height: 28px; width: 28px; }
  .accordion__field .accordion__head { height: 60px; }
  .accordion__field .accordion__head__title { font-size: 4.5vw; }
  .accordion__field .accordion__body__list__item .card__item { padding: 20px 40px 20px 30px; border-bottom: 1px solid #FCE2C1; }
  .accordion__field .accordion__body__list__item .card__item:hover .card__item__title { color: #000; }
  .accordion__field .accordion__body__list__item .card__item:hover .card__item__icon::before { -webkit-transform: perspective(1px) scale(1); -moz-transform: perspective(1px) scale(1); -ms-transform: perspective(1px) scale(1); -o-transform: perspective(1px) scale(1); transform: perspective(1px) scale(1); }
  .accordion__field .accordion__body__list__item .card__item:hover .card__item__icon::after { opacity: 0; }
  .accordion__field .accordion__body__list__item .card__item__number { width: 12vw; font-size: 4vw; }
  .accordion__field .accordion__body__list__item .card__item__title { width: calc(100% - 12vw); font-size: 4vw; }
  .accordion__field .accordion__body__list__item .card__item__icon { height: 28px; width: 28px; } }
/*=== HEADER ===*/
header { position: relative; background-color: #F5A030; height: 80px; width: 100%; z-index: 1000; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
header .dock { display: block; height: 54px; width: 100%; }
header .dock .inner__cont { height: 100%; width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; }
header .dock__title { display: inline-block; width: 75px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
header .dock__title:hover { opacity: 0.7; }
header .dock__title img { display: block; }
header .dock__links { display: inline-block; }
header .dock__links__item { float: left; margin-left: 18px; }
header .dock__links__item::after { content: ''; display: block; clear: both; }
header .dock__links__item__text { font: 500 16px/1 "Noto Sans JP", "Avant Garde", Avantgarde, Helvetica Neue, Helvetica, Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
header .dock__links__item__text:hover { opacity: 0.7; }
header .inner__cont { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; height: 100%; }
header .inner__cont .back__button { position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 25px; height: 19.08px; cursor: pointer; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
header .inner__cont .back__button img { display: block; width: 100%; height: auto; }
header .inner__cont .back__button:hover { -webkit-transform: translateX(-5px); -moz-transform: translateX(-5px); -ms-transform: translateX(-5px); -o-transform: translateX(-5px); transform: translateX(-5px); }
header .inner__cont .page__title { font: 500 50px/1 "Noto Sans JP", "Avant Garde", Avantgarde, Helvetica Neue, Helvetica, Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; letter-spacing: 2px; color: #fff; }
header .inner__cont .page__title--small { font-size: 16px; letter-spacing: 0; }
header .inner__cont .site__logo { display: inline-block; width: 75.26px; height: auto; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
header .inner__cont .site__logo img { display: block; -webkit-transform: perspective(1px); -moz-transform: perspective(1px); -ms-transform: perspective(1px); -o-transform: perspective(1px); transform: perspective(1px); }
header .inner__cont .site__logo:hover { opacity: 0.8; }
header .inner__cont .site__logo--hidden { display: none; }
header .inner__cont .mainNav { display: none; }
header .inner__cont .menuToggler { display: none; }
header .page__anchor { background-color: #fff; width: 100%; padding: 20px 0 0; }
header .page__anchor__list { width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; }
header .page__anchor__list__item { background-color: #ddd; box-shadow: 2px 3px 4px 0px rgba(0, 0, 0, 0.18); box-sizing: border-box; padding: 5px; text-align: center; width: calc((100%/5) - 15px); height: 42px; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
header .page__anchor__list__item:hover { background-color: #ccc; }
header .page__anchor__list__item__text { position: relative; font: 400 20px/1 "Noto Sans JP", "Avant Garde", Avantgarde, Helvetica Neue, Helvetica, Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; color: #fff; box-sizing: border-box; padding-left: 36px; }
header .page__anchor__list__item__text::before { content: ''; position: absolute; height: 25px; width: 30px; left: 0; top: 0; bottom: 0; margin: auto; }
header .page__anchor__list__item__text.icon__01::before { background: url("./../../assets_2022/img/main/menu-icon-01.png") center/contain no-repeat; }
header .page__anchor__list__item__text.icon__02::before { background: url("./../../assets_2022/img/main/menu-icon-02.png") center/contain no-repeat; }
header .page__anchor__list__item__text.icon__03::before { background: url("./../../assets_2022/img/main/menu-icon-03.png") center/contain no-repeat; }
header .page__anchor__list__item__text.icon__04::before { background: url("./../../assets_2022/img/main/menu-icon-04.png") center/contain no-repeat; }
header .page__anchor__list__item__text.icon__05::before { background: url("./../../assets_2022/img/main/menu-icon-05.png") center/contain no-repeat; }
header .page__anchor__list__item--col__2 { width: calc((100%/2) - 10px); }
header .page__anchor__list__item--col__2 .page__anchor__list__item__text { padding-left: 0; }
header.template { position: fixed; height: auto; top: 0; left: 0; }
header.template.active { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); }
header.template .header__wrap { height: 84px; }
header.template--green { background-color: #88B83E; }
header.template--green .dock { background-color: #E7F1D8; }
header.template--green .dock__links__item__text { color: #88B83E; }
header.template--green .page__anchor__list__item { background-color: #88B83E; }
header.template--green .page__anchor__list__item:hover { background-color: #72a227; }
header.template--orange { background-color: #F5A030; }
header.template--orange .dock { background-color: #F5EDC5; }
header.template--orange .dock__links__item__text { color: #F5A030; }
header.template--orange .page__anchor__list__item { background-color: #F5A030; }
header.template--orange .page__anchor__list__item:hover { background-color: #f08e0e; }
header.child { position: fixed; left: 0; top: 0; height: 55px; }

/********* HEADER RESPONSIVE *********/
/*--- MOBILE ---*/
@media screen and (max-width: 768px) { header { position: fixed; top: 0; left: 0; }
  header.active { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); }
  header .dock { display: none; }
  header .inner__cont .back__button { width: 19px; height: 14.5px; left: 20px; }
  header .inner__cont .back__button:hover { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }
  header .inner__cont .page__title { font: normal 31px/1 "Noto Sans JP", "Avant Garde", Avantgarde, Helvetica Neue, Helvetica, Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; letter-spacing: 1px; }
  header .inner__cont .page__title--small { font-size: 16px; letter-spacing: 0; }
  header .inner__cont .mainNav { display: none; position: absolute; top: 80px; left: 0; width: 100%; background-color: rgba(0, 0, 0, 0.8); padding: 20px 20px 15px; box-sizing: border-box; }
  header .inner__cont .mainNav__wrap { width: 100%; border: 1px solid #fff; margin-bottom: 15px; }
  header .inner__cont .mainNav__wrap__list { width: 100%; }
  header .inner__cont .mainNav__wrap__list:last-child .nav__link { border-bottom: none; }
  header .inner__cont .mainNav__wrap__list .nav__link { display: block; box-sizing: border-box; padding: 15px; border-bottom: 1px solid #fff; width: 100%; color: #fff; }
  header .inner__cont .mainNav__buttons { width: 100%; }
  header .inner__cont .mainNav__buttons__link { display: block; box-sizing: border-box; padding: 0 15px; margin-bottom: 15px; color: #fff; }
  header .inner__cont .mainNav__buttons__link:last-child { margin-bottom: 0; }
  header .inner__cont .menuToggler { position: absolute; height: 100%; width: 60px; top: 0; bottom: 0; right: 0px; margin: auto; z-index: 2000; overflow: hidden; display: block; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -ms-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; }
  header .inner__cont .menuToggler__btn { position: absolute; width: 30px; height: 22px; top: 0; bottom: 0; right: 0; left: 0; margin: auto; cursor: pointer; z-index: 1; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -ms-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; }
  header .inner__cont .menuToggler__btn__line { position: absolute; height: 3px; background-color: #fff; border-radius: 4px; width: 100%; right: 0; }
  header .inner__cont .menuToggler__btn__line:nth-child(1) { top: 0; -webkit-transform: perspective(1px); -moz-transform: perspective(1px); -ms-transform: perspective(1px); -o-transform: perspective(1px); transform: perspective(1px); -webkit-transition: 0.2s ease 1.2s; -moz-transition: 0.2s ease 1.2s; -ms-transition: 0.2s ease 1.2s; -o-transition: 0.2s ease 1.2s; transition: 0.2s ease 1.2s; }
  header .inner__cont .menuToggler__btn__line:nth-child(2) { top: 0; bottom: 0; margin: auto; -webkit-transition: background 1s ease .2s, transform 1.2s ease .2s; -moz-transition: background 1s ease 0.2s, transform 2s cubic-bezier(0.85, -0.02, 0, 1.01) 0.2s; -o-transition: background 1s ease 0.2s, transform 2s cubic-bezier(0.85, -0.02, 0, 1.01) 0.2s; transition: background 1s ease 0.2s, transform 2s cubic-bezier(0.85, -0.02, 0, 1.01) 0.2s; }
  header .inner__cont .menuToggler__btn__line:nth-child(2)::before { content: ''; position: absolute; width: 100%; height: 3px; background-color: #fff; border-radius: 4px; top: 0; left: 0; -webkit-transform: perspective(1px); -moz-transform: perspective(1px); -ms-transform: perspective(1px); -o-transform: perspective(1px); transform: perspective(1px); -webkit-transition: background 1s ease .2s, transform 1.2s ease .2s; -moz-transition: background 1s ease 0.2s, transform 1s cubic-bezier(0.85, -0.02, 0, 1.01) 0.2s; -o-transition: background 1s ease 0.2s, transform 1s cubic-bezier(0.85, -0.02, 0, 1.01) 0.2s; transition: background 1s ease 0.2s, transform 1s cubic-bezier(0.85, -0.02, 0, 1.01) 0.2s; }
  header .inner__cont .menuToggler__btn__line:nth-child(3) { bottom: 0; -webkit-transform: perspective(1px); -moz-transform: perspective(1px); -ms-transform: perspective(1px); -o-transform: perspective(1px); transform: perspective(1px); -webkit-transition: 0.3s ease 1.2s; -moz-transition: 0.3s ease 1.2s; -ms-transition: 0.3s ease 1.2s; -o-transition: 0.3s ease 1.2s; transition: 0.3s ease 1.2s; }
  header .inner__cont .menuToggler.active .menuToggler__btn__line:nth-child(1) { width: 0; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -ms-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; }
  header .inner__cont .menuToggler.active .menuToggler__btn__line:nth-child(3) { width: 0; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -ms-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
  header .inner__cont .menuToggler.active .menuToggler__btn__line:nth-child(2) { -webkit-transform: perspective(1px) rotate(45deg); -moz-transform: perspective(1px) rotate(45deg); -ms-transform: perspective(1px) rotate(45deg); -o-transform: perspective(1px) rotate(45deg); transform: perspective(1px) rotate(45deg); -webkit-transition: background .2s ease, transform .8s ease; -moz-transition: background 0.2s ease, transform 2s cubic-bezier(0.85, -0.02, 0, 1.01); -o-transition: background 0.2s ease, transform 2s cubic-bezier(0.85, -0.02, 0, 1.01); transition: background 0.2s ease, transform 2s cubic-bezier(0.85, -0.02, 0, 1.01); }
  header .inner__cont .menuToggler.active .menuToggler__btn__line:nth-child(2)::before { -webkit-transition: background .2s ease, transform .8s ease .3s; -moz-transition: background 0.2s ease, transform 0.6s cubic-bezier(0.85, -0.02, 0, 1.01) 0.3s; -o-transition: background 0.2s ease, transform 0.6s cubic-bezier(0.85, -0.02, 0, 1.01) 0.3s; transition: background 0.2s ease, transform 0.6s cubic-bezier(0.85, -0.02, 0, 1.01) 0.3s; -webkit-transform: perspective(1px) rotate(-450deg); -moz-transform: perspective(1px) rotate(-450deg); -ms-transform: perspective(1px) rotate(-450deg); -o-transform: perspective(1px) rotate(-450deg); transform: perspective(1px) rotate(-450deg); }
  header .page__anchor { padding: 15px 0 0; }
  header .page__anchor__list__item { box-shadow: none; padding: 5px; height: 42px; width: calc((100%/5) - 8px); }
  header .page__anchor__list__item__text { padding-left: 0; font-size: 2vw; top: 8px; }
  header .page__anchor__list__item__text::before { right: 0; bottom: initial; top: -18px; height: 16px; width: 15px; }
  header .page__anchor__list__item--col__2 { width: calc((100%/2) - 10px); height: 60px; }
  header .page__anchor__list__item--col__2 .page__anchor__list__item__text { padding-left: 0; font-size: 20px; top: 0; }
  header.template .header__wrap { height: 70px; }
  header.template .header__wrap .site__logo { position: absolute; width: 60px; height: 14.5px; top: 0; left: 25px; bottom: 0; margin: auto; z-index: 1; }
  header.template .header__wrap .site__logo--hidden { display: block; }
  header.template .header__wrap .mainNav { top: 70px; z-index: 2; }
  header.template .header__wrap .mainNav__buttons__link { position: relative; }
  header.template .header__wrap .mainNav__buttons__link::after { content: ''; position: absolute; bottom: -8px; left: 0; height: 1px; width: 100%; background-color: #fff; }
  header.template .header__wrap .mainNav__buttons__link:last-child { margin-bottom: 0; }
  header.template .header__wrap .mainNav__buttons__link:last-child::after { display: none; }
  header.child { height: 40px; } }
@media screen and (max-width: 450px) { header .page__anchor__list__item--col__2 { height: 11vw; }
  header .page__anchor__list__item--col__2 .page__anchor__list__item__text { font-size: 4vw; } }
/*=== FOOTER ===*/
footer { background-color: #fff; box-sizing: border-box; padding: 10px 0 0; height: 50px; width: 100%; left: 0; bottom: 0; z-index: 100; }
footer .inner__cont .copyright { display: block; font: normal 12px/1.7 "Noto Sans JP", "Avant Garde", Avantgarde, Helvetica Neue, Helvetica, Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }

/********* FOOTER RESPONSIVE *********/
/*--- MOBILE ---*/
/*=== MAIN CONTENT ===*/
.main__content .kv { background-color: #F5A030; height: 250px; width: 100%; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; }
.main__content .kv__title { display: inline-block; font: bold 58px/1 "Noto Sans JP", "Avant Garde", Avantgarde, Helvetica Neue, Helvetica, Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; color: #fff; position: relative; top: -40px; }
.main__content .page__navi { width: 100%; padding: 24px 0; margin-bottom: 20px; }
.main__content .page__navi__field { width: 100%; margin-bottom: 25px; display: flex; flex-flow: row wrap; justify-content: space-between; }
.main__content .page__navi__field.set__2 { margin-bottom: 10px; }
.main__content .page__navi__field:last-child { margin-bottom: 0; }
.main__content .page__navi__field__button { background-color: #F5A030; box-shadow: 2px 3px 4px 0px rgba(0, 0, 0, 0.18); box-sizing: border-box; padding: 12px 5px 12px; font-family: "Noto Sans JP", "Avant Garde", Avantgarde, Helvetica Neue, Helvetica, Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 16px; line-height: 1; text-align: center; color: #fff; width: calc((100%/6) - 14px); margin-bottom: 15px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.main__content .page__navi__field__button:hover { -webkit-transform: perspective(1px) scale(0.95); -moz-transform: perspective(1px) scale(0.95); -ms-transform: perspective(1px) scale(0.95); -o-transform: perspective(1px) scale(0.95); transform: perspective(1px) scale(0.95); background-color: #f08e0e; }
.main__content .page__navi__field__button.termBtn { background-color: #FDECD6; width: calc(50% - 8px); font-size: 19px; font-weight: bold; color: #F5A030; margin-bottom: 0; }
.main__content .page__navi__field__button.termBtn:hover { -webkit-transform: perspective(1px) scale(1); -moz-transform: perspective(1px) scale(1); -ms-transform: perspective(1px) scale(1); -o-transform: perspective(1px) scale(1); transform: perspective(1px) scale(1); background-color: #F5A030; color: #fff; }
.main__content .page__navi__field__button.radiantBtn { background: url("./../../assets_2022/img/main/button.png") center/cover no-repeat; border: 4px solid #F5A030; padding: 14px 5px 14px; width: 100%; font-size: 19px; font-weight: bold; color: #F5A030; margin-bottom: 25px; }
.main__content .page__navi__field__button.radiantBtn:last-child { margin-bottom: 0; }
.main__content .page__navi__field__button.radiantBtn:hover { -webkit-transform: perspective(1px) scale(1.01); -moz-transform: perspective(1px) scale(1.01); -ms-transform: perspective(1px) scale(1.01); -o-transform: perspective(1px) scale(1.01); transform: perspective(1px) scale(1.01); }

/********* MAIN CONTENT RESPONSIVE *********/
/*--- MOBILE ---*/
@media screen and (max-width: 768px) { .main__content .kv { height: 320px; }
  .main__content .kv__title { top: 0; }
  .main__content .page__navi { padding: 24px 0; margin-bottom: 0; }
  .main__content .page__navi__field { width: 100%; margin-bottom: 14px; display: flex; flex-flow: row wrap; justify-content: space-between; }
  .main__content .page__navi__field.sp__hidden { display: none; }
  .main__content .page__navi__field.set__2 { margin-bottom: 0; }
  .main__content .page__navi__field:last-child { margin-bottom: 0; }
  .main__content .page__navi__field__button { box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.2); width: calc((100%/3) - 10px); margin-bottom: 15px; font-size: 12px; }
  .main__content .page__navi__field__button:hover { -webkit-transform: perspective(1px) scale(1); -moz-transform: perspective(1px) scale(1); -ms-transform: perspective(1px) scale(1); -o-transform: perspective(1px) scale(1); transform: perspective(1px) scale(1); background-color: #F5A030; }
  .main__content .page__navi__field__button.radiantBtn { border: 2px solid #F5A030; margin-bottom: 14px; font-size: 16px; padding: 10px 5px 11px; }
  .main__content .page__navi__field__button.radiantBtn:hover { -webkit-transform: perspective(1px) scale(1); -moz-transform: perspective(1px) scale(1); -ms-transform: perspective(1px) scale(1); -o-transform: perspective(1px) scale(1); transform: perspective(1px) scale(1); } }
/*=== MAIN CONTENT ===*/
.contents__page { width: 100%; max-width: 720px; margin: auto; padding: 60px 0; }

/********* MAIN CONTENT RESPONSIVE *********/
/*--- MOBILE ---*/
@media screen and (max-width: 768px) { .contents__page { max-width: 90%; margin: 7vw auto 12vw; padding: 0; } }
/******* CROSS BROWSER ********/
/*-- Safari 10.1+ --*/
@media not all and (min-resolution: 0.001dpcm) { .main__content .page__navi__field__button { padding: 12px 5px 12px; font-size: 16px; }
  .main__content .page__navi__field__button.termBtn { padding: 13px 5px 11px; } }
/*-- IE10+ --*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .main__content .page__navi__field__button { padding: 14px 5px 10px; font-size: 16px; }
  .main__content .page__navi__field__button.termBtn { padding: 17px 5px 8px; }
  .main__content .page__navi__field__button.radiantBtn { padding: 17px 5px 11px; }
  .section__head__title { padding: 9px 15px 0px; } }
/*-- EDGE12+ --*/
/*-- Firefox any --*/
@-moz-document url-prefix() {}

/*# sourceMappingURL=main.css.map */