﻿#topimage{background:url("img/topimage.jpg?ver=20201204") no-repeat center center;background-size:cover}@media screen and (max-width: 767px){#topimage{background-position:90% 50%}}#topimage .container{position:relative}#topimage .topimage__ht,#topimage .topimage__text{color:#fff;font-family:"Noto Sans JP","游ゴシック","Yu Gothic","游ゴシック体",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;font-weight:false;line-height:1.5;text-shadow:black 2px 0px 2px, black -2px 0px 2px, black 0px -2px 2px, black -2px 0px 2px, black 2px 2px 2px, black -2px 2px 2px, black 2px -2px 2px, black -2px -2px 2px, black 1px 2px 2px, black -1px 2px 2px, black 1px -2px 2px, black -1px -2px 2px, black 2px 1px 2px, black -2px 1px 2px, black 2px -1px 2px, black -2px -1px 2px, black 1px 1px 2px, black -1px 1px 2px, black 1px -1px 2px, black -1px -1px 2px}#topimage .topimage__box{position:absolute}@media screen and (max-width: 767px){#topimage .topimage__box{text-align:center;padding:20px;top:50%;left:20px;right:20px;margin-top:-100px}}@media screen and (min-width: 768px){#topimage .topimage__box{padding:40px;top:50%;margin-top:-100px}}@media screen and (max-width: 767px){#topimage .topimage__ht{font-size:3.2rem;margin-bottom:10px}}@media screen and (min-width: 768px){#topimage .topimage__ht{margin-bottom:20px;font-size:4.6rem}}#topimage .topimage__text{line-height:1.75}@media screen and (max-width: 767px){#topimage .topimage__text{font-size:1.7rem}}@media screen and (min-width: 768px){#topimage .topimage__text{font-size:2.3rem}}.about{margin-top:40px}.about__photo{background-size:cover}@media screen and (max-width: 767px){.about__photo{margin-bottom:40px}}@media screen and (min-width: 768px){.about__block{max-width:540px}}.method__ht{display:flex;align-items:center;justify-content:center;background:#ffe91a;height:100%}.method__ht .c-ht-section{margin-bottom:0 !important}.method__ht .c-ht-section span{color:#fff;margin-bottom:0 !important}@media screen and (max-width: 767px){.method__ht .c-ht-section{font-size:2.4rem;line-height:normal}.method__ht .c-ht-section span{font-size:1.4rem}}.method__item{position:relative}.method__title{display:flex;position:absolute;bottom:0;left:0px;width:100%;font-family:"Noto Sans JP","游ゴシック","Yu Gothic","游ゴシック体",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;background:rgba(0,0,0,0.5);color:#fff;height:40px;align-items:center}@media screen and (max-width: 767px){.method__title{height:26px;font-size:1.0rem}}.method__title:before{content:"";display:inline-block;width:40px;height:40px;background:#ffe91a;margin-right:10px}@media screen and (max-width: 767px){.method__title:before{width:26px;height:26px;margin-right:5px}}.info__btn{border-width:5px !important;border-radius:0px !important;font-family:"Noto Sans JP","游ゴシック","Yu Gothic","游ゴシック体",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;font-size:3rem;font-weight:500}@media screen and (min-width: 768px){.info__btn{padding:1.5em 2em}}@media screen and (max-width: 767px){.info__btn{font-size:1.8rem}}.feat .c-card{border:5px solid #ae9b4f;border-radius:10px}@media screen and (max-width: 767px){.feat .c-card{margin-bottom:40px}.feat .c-card .c-card__block{margin-top:20px}}.feat__num{position:absolute;top:-40px;left:0;right:0;margin:auto;display:flex;align-items:center;justify-content:center;background-color:#ae9b4f;border-radius:50% !important;width:80px;height:80px;line-height:0}.feat__num span{color:#fff;font-family:"Noto Sans JP","游ゴシック","Yu Gothic","游ゴシック体",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;font-size:6rem;font-weight:500;vertical-align:middle}@media screen and (max-width: 767px){.feat__num{width:70px;height:70px}.feat__num span{font-size:5rem}}.access__photo{background-size:cover}@media screen and (max-width: 767px){.access__photo{margin-bottom:40px}}@media screen and (min-width: 768px){.access__block{max-width:540px;margin:0 0 0 auto}}.flow__block{position:relative;border-radius:10px;text-align:center;padding:20px;background-color:#fff}@media screen and (min-width: 768px){.flow__block:before{content:"";position:absolute;top:50%;left:100%;margin-top:-20px;border:20px solid transparent;border-left:30px solid #fff}}@media screen and (max-width: 767px){.flow__block:before{content:"";position:absolute;top:100%;left:50%;margin-left:-15px;border:15px solid transparent;border-top:15px solid #fff}}.flow__block.is-last{background-color:#ffe91a}.flow__block.is-last:before{display:none}
