@charset "utf-8";

/* html5doctor.com Reset v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}


/* default-customize
---------------------------------------------------------------- */
html {box-sizing: border-box;font-size: 62.5%;}
body{
font-size:1.6rem;/* 16px*/
line-height: 1.7;
font-family: 'Noto Sans JP', sans-serif;
color:#333;
background-color: #fff;
-webkit-text-size-adjust: 100%;
}

@media only screen and (max-width: 767px){
body{line-height: 1.5;}
}

img{
max-width: 100%;
height: auto;
border: 0;
vertical-align: top;
}

li{list-style:none;}
address{font-style: normal;}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea{
color:#333;
font-family: sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.7;
}
input[type="submit"]{
-webkit-appearance: none;
appearance: none;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; 
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}


/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clearfix:after {
content:" ";
display:block;
clear:both;
}

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}

@charset "UTF-8";
/* Font
---------------------------------------------------------------- */
.bold{ font-weight:bold!important;}

/* Link
---------------------------------------------------------------- */
a,a img{
transition: all 0.3s;
}

a:hover{
opacity: 0.5;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

a.hvr:hover img {
opacity: 0.8;
}


a:link {
color: #000;
text-decoration: none;
}
a:visited {
color: #000;
text-decoration: none;
}
a:hover {
color:#000;
text-decoration: none;
}
a:active {
color:#000;
text-decoration: none;
}

/* Utility
---------------------------------------------------------------- */
@media only screen and (min-width: 769px){
.sp{ display:none!important;}
}
@media only screen and (max-width: 768px){
.pc{ display:none!important;}
}

.c-left{ text-align:left;}
.c-center{ text-align:center;}
.c-right{ text-align:right;}

.c-ib{ display:inline-block;}

.mt-xs{ margin-top:5px;}
.mt-ss{ margin-top:10px;}
.mt-sm{ margin-top:15px;}
.mt-sl{ margin-top:20px;}
.mt-ms{ margin-top:30px;}
.mt-mm{ margin-top:40px;}
.mt-ml{ margin-top:50px;}
.mt-ls{ margin-top:60px;}
.mt-lm{ margin-top:70px;}
.mt-ll{ margin-top:80px;}
.mt-xl{ margin-top:100px;}

@media only screen and (max-width: 768px){
.mt-xs{ margin-top:.70423%;}
.mt-ss{ margin-top:1.40845%;}
.mt-sm{ margin-top:2.11268%;}
.mt-sl{ margin-top:2.8169%;}
.mt-ms{ margin-top:4.22535%;}
.mt-mm{ margin-top:5.6338%;}
.mt-ml{ margin-top:7.04225%;}
.mt-ls{ margin-top:8.4507%;}
.mt-lm{ margin-top:9.85915%;}
.mt-ll{ margin-top:11.26761%;}
.mt-xl{ margin-top:14.08451%;}
}

@media only screen and (max-width: 480px){
.mt-xs{ margin-top:1.13122%;}
.mt-ss{ margin-top:2.26244%;}
.mt-sm{ margin-top:3.39367%;}
.mt-sl{ margin-top:4.52489%;}
.mt-ms{ margin-top:6.78733%;}
.mt-mm{ margin-top:9.04977%;}
.mt-ml{ margin-top:11.31222%;}
.mt-ls{ margin-top:13.57466%;}
.mt-lm{ margin-top:15.8371%;}
.mt-ll{ margin-top:18.09955%;}
.mt-xl{ margin-top:22.62443%;}
}


/* 見出し
---------------------------------------------------------------- */
h1 {
font-size: 36px;/* IE8以下とAndroid4.3以下用フォールバック */
font-size: calc(2.4rem + ((1vw - 6.4px) * 2.1429));
line-height: 1.3;
}
h2 {
font-size: 24px;/* IE8以下とAndroid4.3以下用フォールバック */
font-size: calc(2rem + ((1vw - 6.4px) * 0.7143));
line-height: 1.3;
}
h3 {
font-size: 20px;/* IE8以下とAndroid4.3以下用フォールバック */
font-size: calc(1.8rem + ((1vw - 6.4px) * 0.3571));
line-height: 1.3;
}

@media (min-width: 1200px) {
h1 {font-size: 3.6rem;/* 36px*/}
h2 {font-size: 2.4rem;/* 24px*/}
h3 {font-size: 2.0rem;/* 20px*/}
}
@media screen and (max-width: 640px) {/* 640px以下*/
h1{font-size: 2.4rem;/* 24px*/}
h2 {font-size: 2rem;/* 20px*/}
h3 {font-size: 1.8rem;/* 18px*/}
}


/* Layout
---------------------------------------------------------------- */
.b-container{ width:100%;}
.b-wrapper{margin-left:auto;margin-right:auto; max-width:1000px; box-sizing: border-box;padding:0 0.1%;}
.contents{ max-width: 800px;margin-left:auto;margin-right:auto;}
.l-primary{ width:70%; box-sizing: border-box;}
.l-secondary{width:25%;box-sizing: border-box;}

@media only screen and (max-width: 768px){
.b-wrapper{ padding: 0 2.5%; width: 100%;}
.l-primary{ width:100%;}
.l-secondary{width:100%;}
}

/* globalnavi
---------------------------------------------------------------- */
.glnav{ width: 100%; background: #DDD;}


/* header
---------------------------------------------------------------- */
.header_wrapper{width:100%;background:#fff;position:fixed;z-index:9999;box-shadow:0 2px 2px rgba(0,0,0,0.2);}
.header{ max-width: 1200px;margin-left:auto;margin-right:auto; padding: 10px 0;box-sizing: border-box; line-height: 1.4;}
.header .logo_area{width:30%;}
.header .logo_area img{width:247px;}
.header .logo{ max-width: 340px; margin-top: 8px;}
.header .summary{ font-size: 14px; text-align: center; padding: 2px 0;}
.header .head-tel{ font-size: 32px;margin:0 10px;font-weight:500;}
.header .head-tel-time{font-size:14px;}

@media only screen and (max-width: 1000px){
.header .head-tel{ font-size: 28px;}
}
@media only screen and (max-width: 768px){
.header_wrapper{padding:10px;box-sizing: border-box;}
.header .logo_area{width:30%;}
.header .logo{ max-width: 90%;}
.header{ width: 100%; padding: 0; }
.header .summary{ font-size: 12px; }
.header .b-wrapper{ padding:10px;}
.header .head-icon{ margin-right: 60px;}
.header .head-icon li{ display: inline-block; margin-left: 5px;}
}

@media only screen and (max-width: 480px){
.header .logo_area{width:40%;}
.header .logo_area img{width:300px;}
}

/* footer
---------------------------------------------------------------- */
.footer{background: url(../images/footer_bk.png) top center no-repeat;padding:50px 0 0; width: 100%; text-align: center; box-sizing: border-box; margin-top: 50px; }
.footer a{padding: 0 20px; display: inline-block;color:#fff;box-sizing: border-box;border-right:1px solid #fff;font-size:14px;position: relative;}
.footer a:first-of-type{border-left:1px solid #fff;}
.footer a:hover{opacity:1;}
@media only screen and (min-width: 769px){
.footer a::after {
  position: absolute;
  bottom: -2px;
  left: 0;
  right:0;
  margin-left:auto;
  margin-right:auto;
  content: '';
  width: 80%;
  height: 1px;
  background: #fff;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
.footer a:hover::after {
  transform: scale(1, 1);
  opacity:1;
}
}
.footer address{ font-size: 13px; margin-top: 100px; background:#e83928; color: #FFF; padding: 5px;}
.footer .img01{width:200px;margin-right:30px;}

@media only screen and (max-width: 768px){
.footer .img01{margin-left:auto;margin-right:auto;}
.footer{background:#e83928;}
}

@media only screen and (max-width: 480px){
.footer a:last-of-type{border-left:1px solid #fff;}
}


/* flexbox
---------------------------------------------------------------- */
.flexbox-basic{display: flex;flex-direction: row;align-items: stretch;}  
.flexbox-row-reverse{display: flex;flex-direction: row-reverse;align-items: stretch;}
.flexbox-nowrap{display: flex;flex-wrap: nowrap;align-items: stretch;}
.flexbox-wrap{display: flex;flex-wrap: wrap;align-items: stretch;}
.flexbox-between{display: flex;justify-content: space-between;align-items: stretch;}
.flexbox-around{display: flex;justify-content: space-around;align-items: stretch;}
.flexbox-flex-end{display:flex;justify-content:flex-end;}

.flexbox-center{justify-content: center;}/* 横センター */
.flexbox-v-center{align-items: center;}/* 縦センター */
.flex-reverse{flex-direction: row-reverse;}
.flexbox-align-self-center{align-self:center;}


/* block
---------------------------------------------------------------- */
.span-block{display:block;}

@media only screen and (max-width: 768px){
.display-block-sp{ display: block;}
}



/* cloumn
---------------------------------------------------------------- */
.pic{ width: 100%; background: #333; padding:30% 0;}
.pic-01{ width: 100%; background: #333; padding:30% 0;}
.pic-02{ width: 100%; background: #666; padding:30% 0;}
.pic-03{ width: 100%; background: #999; padding:30% 0;}
.txt{ margin: 5px 0;}
.icon-category a{ display: inline-block; padding: 3px 10px; font-size: 10px; background: #00B5FF; color: #FFF; border-radius: 3px;}
.icon-category{ display: inline-block;}
.col-2-1{ width: 100%;display: flex;flex-wrap: wrap;}
.col-2-1 .col-item{ width: 46%; margin: 3% 2% 0 }
.col-2-2{ width: 100%;display: flex;flex-wrap: wrap;}
.col-2-2 .col-item{ width: 46%; margin: 3% 2% 0 }
.col-3-1{ width: 100%;display: flex;flex-wrap: wrap;}
.col-3-1 .col-item{ width: 30%; margin: 3% 1.66% 0 }
.col-3-2{ width: 100%;display: flex;flex-wrap: wrap;}
.col-3-2 .col-item{ width: 30%; margin: 3% 1.66% 0 }
.col-4-2{ width: 100%;display: flex;flex-wrap: wrap;}
.col-4-2 .col-item{ width: 22%; margin: 3% 1.5% 0 }
.col-5-2{ width: 100%;display: flex;flex-wrap: wrap;}
.col-5-2 .col-item{ width: 18%; margin: 3% 1% 0 }
.col-5-3{ width: 100%;display: flex;flex-wrap: wrap;}
.col-5-3 .col-item{ width: 18%; margin: 3% 1% 0 }
.col-6-3{ width: 100%;display: flex;flex-wrap: wrap;}
.col-6-3 .col-item{ width: 14.6666%; margin: 3% 1% 0 }


.col-img-txt{width: 100%;display: flex;flex-wrap: wrap; background: #EEE; margin-top: 10px;}
.col-img-txt .col-item-img{ width: 20%; padding: 20px;box-sizing: border-box;}
.col-img-txt .col-item-txt{ width: 80%; padding: 20px;box-sizing: border-box;}

@media only screen and (max-width: 768px){
.col-2-1 .col-item{ width: 100%; margin: 3% 0 0 }
.col-3-1 .col-item{ width: 100%; margin: 3% 0 0 }
.col-3-2 .col-item{ width: 47%; margin: 3% 1.5% 0 }
.col-4-2 .col-item{ width: 47%; margin: 3% 1.5% 0 }
.col-5-2 .col-item{ width: 47%; margin: 3% 1.5% 0 }
.col-5-3 .col-item{ width: 30.33333%; margin: 3% 1.5% 0 }
.col-6-3 .col-item{ width: 30.33333%; margin: 3% 1.5% 0 }
.col-img-txt .col-item-img{ width: 40%; padding: 10px;}
.col-img-txt .col-item-txt{ width: 60%; padding: 10px;box-sizing: border-box;}
}


/* サイドメニュー
---------------------------------------------------------------- */
.l-secondary ul{ margin-bottom: 20px;}
.l-secondary ul li{border-bottom: 1px solid #CCC; }
.l-secondary ul li a{ 
padding: 8px 5px 8px 10px; 
display: block; 
background: url("../images/base/next.svg") no-repeat 90% center;
background-size: 3%;
}


/* table
---------------------------------------------------------------- */

.d-table{ display: table; width: 100%;}
.d-table-cell{ display: table-cell; vertical-align: top;}



/* iframeレスポンシブ
---------------------------------------------------------------- */

@media only screen and (max-width: 768px){
.iframe-wrap {
position: relative;
padding-bottom: 56.25%; 
height: 0;
overflow: hidden;
}

.iframe-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}

/* pagetop
---------------------------------------------------------------- */
.pagetop{ text-align: center; font-size: 30px; margin-top: 50px;}
.pagetop a{color: #ccc; }


/* topics
---------------------------------------------------------------- */
.topics{ background: #F4F4F4; padding: 40px;}
.topics dt{ color: #666; font-size: 85%;}
.topics dd{ border-bottom: 1px dotted #ccc; margin-bottom: 1em;}
@media only screen and (max-width: 768px){
.topics{ padding: 20px;}
}
@charset "UTF-8";

/* 全体
---------------------------------------------------------------- */

.cl-default{color:#333333;}
.cl-white{color:#fff;}
.cl-blue{color:#005db6;}
.cl-orange{color:#e83928;}
.cl-blue2{color:#2f5597;}
.cl-ligreen{color:#60ac00;}
.cl-orange2{color:#ff6e00;}
.cl-liblue{color:#20acc8;}


.ff-noto{font-family: 'Noto Sans JP', sans-serif;}

.box-whiteblue{background:#D4F1F8;border-top:10px solid #1ca4d8;}

.tophero_section{background: url("../images/top_bk.jpg") top center repeat-x;padding:120px 0 100px;box-sizing:border-box;background-size:1700px;position:relative;}
.tophero_section .left_img{position:absolute;top:60px;left:0;max-width:500px;width:20%;}
.tophero_section .right_img{position:absolute;top:60px;right:0;max-width:350px;width:20%;}
.tophero_section .main_area{width:1100px;margin-left:auto;margin-right:auto;}
.tophero_section .main_copy{width:590px;margin-top:30px;}
.tophero_section .main_img{width:480px;position:relative;margin-left:-40px;margin-top:50px;}
.tophero_section .topimg01{width:110px;}
.tophero_section .topimg02{margin-top:-150px;width:410px;margin-left:auto;}
.tophero_section .main_h2{font-size:32px;margin-top:40px;}
.tophero_section .main_h2 span{display:inline-block;padding:5px 10px;background:#fff;box-shadow:2px 2px 2px #666;margin:0 2px;border:1px solid #333;}
.tophero_section .main_h3{font-size:36px;position:relative;margin-top:30px;}
.tophero_section .main_h3:before, .tophero_section .main_h3:after {content: '';position: absolute;top: 50%;display: inline-block;width: 40px;height: 1px;background-color: #333;}
.tophero_section .main_h3:before {left: 125px;-webkit-transform: rotate(60deg);transform: rotate(60deg);}
.tophero_section .main_h3:after {right: 125px;-webkit-transform: rotate(-60deg);transform: rotate(-60deg);}
.tophero_section .main_h4{font-size:44px;line-height:1.3;letter-spacing:-0.05em;}
.tophero_section .main_h4 span:first-of-type{font-size:28px;font-weight:normal;margin-right:3px;}
.tophero_section .main_h4 span:nth-of-type(2){font-size:83px;margin-right:3px;}
.tophero_section .main_h4 span:nth-of-type(3){font-size:36px;font-weight:normal;margin-right:2px;}
.tophero_section .s00_h3{font-size:28px;}
.tophero_section .s00_h4{font-size:36px;}

@media only screen and (max-width: 1500px){
.tophero_section .main_area{width:1000px;}
.tophero_section .main_img{width:430px;}
.tophero_section .topimg01{width:100px;}
.tophero_section .topimg02{margin-top:-130px;width:400px;}
.tophero_section .main_h2{font-size:30px;}
.tophero_section .main_h3{font-size:34px;margin-top:28px;}
.tophero_section .main_h4{font-size:42px;line-height:1.3;}
.tophero_section .main_h4 span:first-of-type{font-size:26px;}
.tophero_section .main_h4 span:nth-of-type(2){font-size:81px;}
.tophero_section .main_h4 span:nth-of-type(3){font-size:34px;}
}
@media only screen and (max-width: 1400px){
 .tophero_section .main_area{width:900px;}
.tophero_section .main_copy{width:550px;}
.tophero_section .main_img{width:390px;margin-left:-50px;}
.tophero_section .topimg01{width:90px;}
.tophero_section .topimg02{margin-top:-130px;width:360px;}
.tophero_section .main_h2{font-size:28px;}
.tophero_section .main_h3{font-size:32px;margin-top:26px;}
.tophero_section .main_h4{font-size:38px;}
.tophero_section .main_h4 span:first-of-type{font-size:26px;}
.tophero_section .main_h4 span:nth-of-type(2){font-size:79px;}
.tophero_section .main_h4 span:nth-of-type(3){font-size:34px;}
}
@media only screen and (max-width: 1300px){
.tophero_section .main_area{width:800px;}
.tophero_section .main_copy{width:530px;}
.tophero_section .main_img{width:350px;margin-left:-20px;}
.tophero_section .topimg01{width:85px;}
.tophero_section .topimg02{margin-top:-100px;width:300px;}
.tophero_section .main_h2{font-size:24px;}
.tophero_section .main_h3{font-size:28px;margin-top:24px;}
.tophero_section .main_h3:before {left: 85px;}
.tophero_section .main_h3:after {right: 85px;}
.tophero_section .main_h4{font-size:38px;line-height:1.2;}
.tophero_section .main_h4 span:first-of-type{font-size:24px;}
.tophero_section .main_h4 span:nth-of-type(2){font-size:72px;}
.tophero_section .main_h4 span:nth-of-type(3){font-size:28px;}
}
@media only screen and (max-width: 1110px){
.tophero_section .main_area{width:750px;}
.tophero_section .main_copy{width:500px;}
.tophero_section .main_img{width:330px;margin-left:-20px;}
.tophero_section .topimg01{width:80px;}
.tophero_section .topimg02{margin-top:-100px;width:280px;}
.tophero_section .main_h2{font-size:24px;}
.tophero_section .main_h3{font-size:26px;margin-top:22px;}
.tophero_section .main_h4{font-size:36px;line-height:1.15;}
.tophero_section .main_h4 span:first-of-type{font-size:23px;}
.tophero_section .main_h4 span:nth-of-type(2){font-size:69px;}
.tophero_section .main_h4 span:nth-of-type(3){font-size:26px;}
}
@media only screen and (max-width: 1050px){
.tophero_section .main_area{width:700px;}
.tophero_section .main_copy{width:460px;}
.tophero_section .main_img{width:310px;margin-left:-50px;}
.tophero_section .topimg01{width:80px;}
.tophero_section .topimg02{margin-top:-100px;width:240px;margin-left:40px;}
.tophero_section .main_h2{font-size:20px;}
.tophero_section .main_h3{font-size:22px;margin-top:20px;}
.tophero_section .main_h4{font-size:28px;line-height:1.15;}
.tophero_section .main_h4 span:first-of-type{font-size:21px;}
.tophero_section .main_h4 span:nth-of-type(2){font-size:60px;}
.tophero_section .main_h4 span:nth-of-type(3){font-size:22px;}
}
@media only screen and (max-width: 900px){
.tophero_section .main_area{width:650px;}
.tophero_section .main_copy{width:430px; margin-top:0px;}
.tophero_section .main_img{width:220px;margin-left:-50px;}
.tophero_section .topimg01{width:74px;}
.tophero_section .topimg02{width:200px;margin-top:-70px;margin-left:30px;}
.tophero_section .main_h2{font-size:18px;}
.tophero_section .main_h3{font-size:20px;margin-top:20px;}
.tophero_section .main_h3:before {left: 105px;}
.tophero_section .main_h3:after {right: 105px;}
.tophero_section .main_h4{font-size:26px;line-height:1.15;}
.tophero_section .main_h4 span:first-of-type{font-size:19px;}
.tophero_section .main_h4 span:nth-of-type(2){font-size:55px;}
.tophero_section .main_h4 span:nth-of-type(3){font-size:20px;}
}
@media only screen and (max-width: 850px){
.tophero_section .main_area{width:550px;}
.tophero_section .main_copy{width:350px;}
.tophero_section .main_img{width:220px;margin-left:-10px;}
.tophero_section .topimg01{width:74px;}
.tophero_section .topimg02{width:180px;margin-top:-50px;}
.tophero_section .main_h2{font-size:18px;}
.tophero_section .main_h3{font-size:20px;margin-top:20px;}
.tophero_section .main_h3:before {left: 55px;}
.tophero_section .main_h3:after {right: 55px;}
.tophero_section .main_h4{font-size:24px;line-height:1.15;}
.tophero_section .main_h4 span:first-of-type{font-size:18px;}
.tophero_section .main_h4 span:nth-of-type(2){font-size:50px;}
.tophero_section .main_h4 span:nth-of-type(3){font-size:19px;}
}

@media only screen and (max-width: 768px){
.tophero_section{padding:80px 0 100px;}
.tophero_section .main_area{width:100%; padding-top: 20px;}
.tophero_section .main_copy{width:90%;margin-left:auto;margin-right:auto; margin-top: 120px;}
.tophero_section .main_img{width:570px;margin-left:auto;margin-right:auto;}
.tophero_section .topimg01{width:100px;margin-left:100px;}
.tophero_section .topimg02{margin-top:-130px;width:350px;margin-left:170px;}
.tophero_section .main_h2{font-size:28px;}
.tophero_section .main_h3{font-size:31px;margin-top:28px;}
.tophero_section .main_h3:before {left: 155px;}
.tophero_section .main_h3:after {right: 155px;}
.tophero_section .main_h4{font-size:37px;line-height:1.3;}
.tophero_section .main_h4 span:first-of-type{font-size:22px;}
.tophero_section .main_h4 span:nth-of-type(2){font-size:66px;}
.tophero_section .main_h4 span:nth-of-type(3){font-size:28px;}
.tophero_section .left_img{top:80px;left:0;width:12%;}
.tophero_section .right_img{top:80px;right:0;width:12%;}
.tophero_section .img01{width:60%;}
	.topbun{position: absolute; top:80px; z-index: 99999;}
	.cambun{width: 100%; z-index: 999999;}
}

@media only screen and (max-width: 414px){
.tophero_section{padding:40px 0 100px;}
.tophero_section .main_area{width:100%;}
.tophero_section .main_copy{width:95%;margin-left:auto;margin-right:auto; margin-top: 100px;}
.tophero_section .main_img{width:340px;margin-left:auto;margin-right:auto;}
.tophero_section .topimg01{width:90px;margin-left:20px;}
.tophero_section .topimg02{margin-top:-110px;width:250px;margin-left:80px;}
.tophero_section .main_h2{font-size:20px;}
.tophero_section .main_h3{font-size:26px;margin-top:20px;}
.tophero_section .main_h3:before {left: 35px;}
.tophero_section .main_h3:after {right: 35px;}
.tophero_section .main_h4{font-size:28px;line-height:1.3;}
.tophero_section .main_h4 span:first-of-type{font-size:22px;}
.tophero_section .main_h4 span:nth-of-type(2){font-size:56px;}
.tophero_section .main_h4 span:nth-of-type(3){font-size:23px;}
.tophero_section .left_img{top:60px;left:0;width:12%;}
.tophero_section .right_img{top:60px;right:0;width:12%;}
.tophero_section .s00_h3{font-size:22px;}
.tophero_section .s00_h4{font-size:28px;}
.tophero_section .img01{width:80%;}
}

@media only screen and (max-width: 375px){
.tophero_section{padding:50px 0 100px;}
.tophero_section .main_area{width:100%;}
.tophero_section .main_copy{margin-left:auto;margin-right:auto; margin-top: 80px;}
.tophero_section .main_img{width:300px;margin-left:auto;margin-right:auto;margin-top:80px;}
.tophero_section .topimg01{width:80px;}
.tophero_section .topimg02{margin-top:-100px;width:200px;}
.tophero_section .main_h2{font-size:14px;}
.tophero_section .main_h3{font-size:24px;margin-top:15px;}
.tophero_section .main_h3:before {left: 45px;}
.tophero_section .main_h3:after {right: 45px;}
.tophero_section .main_h4{font-size:22px;line-height:1.3;}
.tophero_section .main_h4 span:first-of-type{font-size:20px;}
.tophero_section .main_h4 span:nth-of-type(2){font-size:45px;}
.tophero_section .main_h4 span:nth-of-type(3){font-size:21px;}
.tophero_section .left_img{top:60px;left:0;width:13%;}
.tophero_section .right_img{top:60px;right:0;width:13%;}
.tophero_section .s00_h3{font-size:22px;}
.tophero_section .s00_h4{font-size:28px;}
.tophero_section .img01{width:80%;}
}

@media only screen and (max-width: 320px){
.tophero_section{padding:50px 0 100px;}
.tophero_section .main_area{width:100%;}
.tophero_section .main_copy{margin-left:auto;margin-right:auto;}
.tophero_section .main_img{width:300px;margin-left:auto;margin-right:auto;margin-top:30px;}
.tophero_section .topimg01{width:80px;}
.tophero_section .topimg02{margin-top:-100px;width:200px;}
.tophero_section .main_h2{font-size:14px;}
.tophero_section .main_h3{font-size:20px;margin-top:15px;}
.tophero_section .main_h3:before {left: 45px;}
.tophero_section .main_h3:after {right: 45px;}
.tophero_section .main_h4{font-size:22px;line-height:1.3;}
.tophero_section .main_h4 span:first-of-type{font-size:20px;}
.tophero_section .main_h4 span:nth-of-type(2){font-size:40px;}
.tophero_section .main_h4 span:nth-of-type(3){font-size:21px;}
.tophero_section .left_img{top:60px;left:0;width:13%;}
.tophero_section .right_img{top:60px;right:0;width:13%;}
.tophero_section .s00_h3{font-size:22px;}
.tophero_section .s00_h4{font-size:28px;}
.tophero_section .img01{width:80%;}
}



/* section
---------------------------------------------------------------- */
.section01{padding:100px 0;box-sizing:border-box;background:#e83928;}
.section01 h2{font-size:40px;}
.section01 h3 {font-size: 48px;position: relative;display: block;padding: 10px 70px;box-sizing: border-box;margin-left: auto;margin-right: auto;}
.section01 h3:before, .section01 h3:after {content: '';position: absolute;top: 50%;display: inline-block;width: 50px;height: 2px;background-color: #fff;}
.section01 h3:before {left: 105px;-webkit-transform: rotate(60deg);transform: rotate(60deg);}
.section01 h3:after {right: 105px;-webkit-transform: rotate(-60deg);transform: rotate(-60deg);}
.section01 .b-wrapper > p{padding:0 50px;box-sizing: border-box;}
.section01 .col-item{background:#fff;padding:20px;box-sizing: border-box;}
.section01 h4{font-size:20px;}
.section01 h4 span:first-of-type{margin-right:10px;font-size:18px;padding:0px 5px;box-sizing: border-box;background:#d7e2e9;}
.section01 h4 span:last-of-type{color:#333;}
.section01 .tri{width:60px;}
.section01 .box01 div{width:20%;}
.section01 .box01 > p{width:80%;padding:10px 20px;box-sizing: border-box;}
.section01 .box01 div p{font-size:24px;}

@media only screen and (max-width: 930px){
.section01 h3:before{left: 55px;}
.section01 h3:after{right: 55px;}
}
@media only screen and (max-width: 768px){
.section01{padding:40px 0 40px;}
.section01 h3:before, .section01 h3:after {width: 60px;}
.section01 h2{font-size:32px;}
.section01 h3 {font-size: 38px;}
.section01 h4{text-align:center;font-size:40px;}
.section01 h4 span:first-of-type{font-size:40px;display:inline-block;margin-bottom:10px;}
.section01 .b-wrapper > p{padding:0 5px;}
.section01 .box01 div{width:100%;}
.section01 .box01 > p{width:100%;padding:10px 10px;box-sizing: border-box;font-size:24px;}
.section01 .box01 .cl-orange{font-size:40px;}
.section01 .box01 img{width:20%;}
}
@media only screen and (max-width: 580px){
.section01 h3:before, .section01 h3:after {width: 40px;}
.section01 h2{font-size:20px;}
.section01 h3 {font-size: 24px;}
.section01 h4{font-size:20px;}
.section01 h4 span:first-of-type{font-size:18px;}
.section01 .box01 .cl-orange{font-size:20px;}
.section01 .box01 img{width:40%;}
.section01 .box01 > p{font-size:16px;}
}
@media only screen and (max-width: 480px){
.section01 h3{padding:10px 20px;}
.section01 h3:before, .section03 h3:after {width: 50px;}
.section01 h3:before{left: -10px;}
.section01 h3:after{right: -10px;}
.section01 .box01 img{width:30%;}
}
@media only screen and (max-width: 360px){
.section01 h3{padding:10px 0px;font-size:22px;}
.section01 h3:before, .section01 h3:after {width: 30px;}
.section01 h3:before{left: -5px;top:30px;}
.section01 h3:after{right: -5px;top:30px;}
}

.section02{padding:100px 0;box-sizing:border-box;}
.section02 .img00{margin-right:20px;}
.section02 h2{font-size:44px;margin-top:20px;}
.section02 h3{font-size:36px;}
.section02 h4{font-size:28px;padding-bottom:20px;position:relative;}
.section02 h4:after{position:absolute;content:'';width:70px;height:2px;background:#e83928;margin-top:15px;display:block;}
.section02 .box01{width:55%;padding-right:20px;box-sizing: border-box;}
.section02 .img01{width:45%;padding-left:10px;box-sizing: border-box;}
.section02 .box02{width:55%;padding-left:20px;box-sizing: border-box;}
.section02 .img02{width:45%;padding-right:10px;box-sizing: border-box;}
.section02 ul:first-of-type{width:40%;}
.section02 ul:last-of-type{width:60%;}
.section02 ul li{list-style-type:disc;list-style-position: inside;}
.section02 .att{font-size:14px;}
@media only screen and (max-width: 768px){
.section02{padding:40px 0;}
.section02 h2{font-size:42px;margin-top:0;}
.section02 h3{font-size:38px;}
.section02 h4{font-size:40px;box-sizing: border-box;padding:0 10px 10px;}
.section02 .box01{width:100%;padding-right:0;}
.section02 .box01 p{padding:0 10px;box-sizing: border-box;}
.section02 .img01{width:100%;padding-left:0;margin-top:20px;text-align:center;}
.section02 .img01 img{width:50%;}
.section02 .box02{width:100%;padding-left:0;}
.section02 .box02 p{padding:0 10px;box-sizing: border-box;}
.section02 .img02{width:100%;padding-right:0;margin-top:20px;text-align:center;}
.section02 .img02 img{width:50%;}
.section02 ul:first-of-type{width:100%;}
.section02 ul:last-of-type{width:100%;}
.section02 .box01 h5{margin-left:10px;}
.section02 .box02 h5{margin-left:10px;}
.section02 .box02 ul{padding-left:10px;box-sizing: border-box;}
}

@media only screen and (max-width: 480px){
.section02 .img00{width:80px;}
.section02 h2{font-size:22px;}
.section02 h3{font-size:22px;}
.section02 h4{font-size:20px;}
.section02 .img01 img{width:80%;}
.section02 .img02 img{width:80%;}
}

.section03{padding:100px 0 40px;box-sizing:border-box;background:#fcf0ec;position:relative;}
.section03 h2{font-size:36px;}
.section03 h2 span{font-size:44px;letter-spacing:-0.05em;}
.section03 h3{font-size:32px;}
.section03 .box01{position:relative;overflow:hidden;}
.section03 .box01 img{width:540px;}
.section03 .box01 .pbox{position:absolute;background:#fff;width:540px;height:350px;top:15px;left:0;box-sizing:border-box;border-left:6px solid #e83928;}
.section03 .box02{position:relative;overflow:hidden;}
.section03 .box02 img{width:540px;}
.section03 .box02 .pbox{position:absolute;background:#fff;width:540px;height:350px;top:15px;right:0;box-sizing:border-box;border-left:6px solid #e83928;}
.section03 h4{position:relative;font-size:24px;margin:30px 0;line-height:1.3;}
.section03 .box01 .pbox p{margin:0 0 0 10px;}
.section03 .box02 .pbox p{margin:0 0 0 10px;}
.section03 h5{}
.section03 h5 span{font-weight:bold;font-size:48px;letter-spacing:-0.05em;}
.section03 .ttl08{font-size:60px;font-weight:bold;letter-spacing:-0.05em;}
.section03 .img01{width:60px;margin-left:20px;}

@media only screen and (max-width: 768px){
.section03{padding:40px 0 20px;}
.section03 h2{font-size:40px;}
.section03 h2 span{font-size:46px;letter-spacing:-0.05em;}
.section03 h3{font-size:40px;font-weight:normal;}
.section03 .box01 img{width:100%;}
.section03 .box01 .pbox{position:relative;width:100%;height:auto;box-sizing:border-box;top:0;padding-bottom:15px;}
.section03 .box02 img{width:100%;}
.section03 .box02 .pbox{position:relative;width:100%;height:auto;box-sizing:border-box;top:0;padding-bottom: 15px;}
.section03 h4{margin:0px 0 30px 0px;font-size:22px;padding-top:15px;}
.section03 .box01 .pbox p{margin:0 0 0 10px;}
.section03 .box02 .pbox p{margin:0 0 0 10px;}
.section03 h5{font-size:20px;font-weight:bold;}
.section03 h5 span{font-size:24px;}
.section03 .ttl08{font-size:30px;}
.section03 .img01{width:60px;margin-left:5px;}
}

@media only screen and (max-width: 480px){
.section03 h2{font-size:20px;}
.section03 h2 span{font-size:26px;letter-spacing:-0.05em;}
.section03 h3{font-size:20px;font-weight:normal;}
}

@media only screen and (max-width: 360px){
.section03 h2{font-size:19px;}
.section03 h2 span{font-size:24px;letter-spacing:-0.05em;}
.section03 h3{font-size:19px;font-weight:normal;}
}

.section04{padding:30px 0 40px;box-sizing:border-box;background:#fcf0ec;position:relative;}
.section04 .img00{position:absolute;top:40px;}
.section04 .box01{box-sizing: border-box;border:2px solid #e83928;padding:40px 20px;border-radius:10px;background:#fff;}
.section04 h2{font-size:40px;}
.section04 h2 span{font-size:60px;}
.section04 .img01{margin-right:10px;width:80px;}
.section04 h3{font-size:36px;position:relative;}
.section04 h3:before, .section04 h3:after {content: '';position: absolute;top: 50%;display: inline-block;width: 45px;height: 2px;background-color: #e83928;}
.section04 h3:before{left:20px;}
.section04 h3:after {right: 20px;}

@media only screen and (max-width: 768px){
.section04{padding:20px 0 20px;}
.section04 .img00{top:0px;width:150px;}
.section04 h2{font-size:52px;}
.section04 .btn-02{text-align:center;}
.section04 .btn-03{text-align:center;}
}

@media only screen and (max-width: 480px){
.section04 .img00{top:10px;width:100px;left:0;right:0;margin-left:auto;margin-right:auto;}
.section04 .img01{width:50px;margin-top:20px;}
.section04 h2{font-size:23px;margin-top:20px;}
.section04 h2 span{font-size:34px;}
.section04 h3{font-size:20px;}
.section04 h3:before, .section04 h3:after {width: 25px;}
.section04 h3:before{left:0px;}
.section04 h3:after {right:0px;}
}

@media only screen and (max-width: 360px){
.section04 h3:before, .section04 h3:after {width:0;}
}

.section05{padding:100px 0;box-sizing:border-box;}
.section05 h2{font-size:36px;}
.section05 h3{font-size:44px;}
.section05 h4{font-size:24px;margin:20px 0;}
.section05 .cat p{border:1px solid #2f5597;border-radius:5px;box-sizing: border-box;margin:0.5% 0;font-size:20px;}
.section05 .cat div p{width:49.5%;}
.section05 .sentence{height:60px;}

@media only screen and (max-width: 768px){
.section05  {padding:40px 0;}
.section05 .col-item{margin-top:20px;}
.section05 .col-item:nth-of-type(1){margin-top:10px;}
}

@media only screen and (max-width: 480px){
.section05 h2{font-size:20px;}
.section05 h3{font-size:24px;}
.section05 h4{font-size:22px;margin:10px 0;}
.section05 .cat p{font-size:18px;}
}

.section06{padding:100px 0 0;box-sizing:border-box;background:#f5f5f5;}
.section06 .bk10{background:#e83928;padding:50px 0;box-sizing:border-box;width:965px;}
.section06 h2 {position: relative;line-height: 1.4;padding:0.25em 1em;display: inline-block;top:0;font-size:32px;font-weight:normal;}
.section06 h2:before, .section06 h2:after { position: absolute;top: 0;content:'';width: 8px;height: 100%;display: inline-block;}
.section06 h2:before {border-left: solid 1px #fff;border-top: solid 1px #fff;border-bottom: solid 1px #fff;left: 0;}
.section06 h2:after {content: '';border-top: solid 1px #fff;border-right: solid 1px #fff;border-bottom: solid 1px #fff;right: 0;}
.section06 h2 span{font-size:48px;}
.section06 .box01{position:relative;width:70%;background:#fff;padding:40px 40px 0 40px;box-sizing:border-box;margin-left:auto;margin-right:auto;}
.section06 .box01 .ttl{background:#2f5597;border-radius:30px;width:100%;margin-left:auto;margin-right:auto;font-size:32px;box-sizing: border-box;padding:10px;}
.section06 .box01 p{font-size:36px;}
.section06 .box01 p:first-of-type{font-size:28px;line-height:1.2;}
.section06 .box01 p span:nth-of-type(1){font-size:84px;}
.section06 .box01 p span:nth-of-type(2){font-size:21px;}
.section06 .box02{width:95%;margin-left:auto;margin-right:auto;}
.section06 .other{width:700px;margin-left:auto;margin-right:auto;}
@media only screen and (max-width: 768px){
.section06  {padding:40px 0 0;}
.section06 .bk10{padding:30px 0;width:100%;}
.section06 h2{font-size:32px;}
.section06 h2 span{font-size:48px;}
.section06 .box01{width:95%;padding:30px 20px 30px 20px;}
.section06 .box01 .ttl{font-size:32px;width:100%;}
.section06 .box01 p{font-size:32px;}
.section06 .box01 p span:nth-of-type(1){font-size:70px;}
.section06 .box01 p span:nth-of-type(2){font-size:20px;}
}

@media only screen and (max-width: 480px){
.section06 h2{font-size:18px;}
.section06 h2 span{font-size:24px;}
.section06 .box01 .ttl{font-size:18px;}
.section06 .box01 p{font-size:18px;}
.section06 .box01 p:first-of-type{font-size:20px;line-height:1.2;margin-top:15px;text-align:center;}
.section06 .box01 p span:nth-of-type(1){font-size:56px;}
.section06 .box01 p span:nth-of-type(2){font-size:14px;}
.section06 .box02{width:100%;}
.section06 .other{width:100%;}
.section06 .other ul{text-indent: -1em;}
.section06 .other ul li{margin-left: 1em;}
}

@media only screen and (max-width: 360px){
.section06 .box01{width:95%;padding:30px 10px 30px 10px;}
.section06 .box01 p span:nth-of-type(1){font-size:50px;}
}

.section07{padding:30px 0;box-sizing:border-box;background:#f5f5f5;}
.section07 .col-item{background:#fff;margin-top:20px;position:relative;}
.section07 .col-item:first-of-type{border-top:8px solid #60ac00;}
.section07 .col-item:nth-of-type(2){border-top:8px solid #ff6e00;}
.section07 .col-item:last-of-type{border-top:8px solid #20acc8;}
.section07 h4{font-size:24px;}
.section07 h5{font-size:20px;width:90%;margin-left:auto;margin-right:auto;border-radius:30px;}
.section07 .col-item:first-of-type h5{border:1px solid #60ac00;}
.section07 .col-item:nth-of-type(2) h5{border:1px solid #ff6e00;}
.section07 .col-item:last-of-type h5{border:1px solid #20acc8;}
.section07 p:first-of-type{border-bottom:1px solid #cdcdcd;font-size:18px;width:85%;margin-left:auto;margin-right:auto;}
.section07 p:first-of-type span span{font-size:14px;margin-left:5px;}
.section07 p:last-of-type{font-size:24px;margin-bottom:20px;}
.section07 p:last-of-type span:first-of-type{font-size:50px;}
.section07 p:last-of-type span:last-of-type{font-size:18px;}
.section07 .att{font-size:14px;display:block;margin-right:10px;}
.section07 .img00{position:absolute;top:15px;right:10px;width:50px;}

@media only screen and (max-width: 768px){
.section07  {padding:30px 0;}
.section07 .col-item{margin-top:20px;}
.section07 h4{font-size:34px;}
.section07 h5{font-size:30px;}
.section07 .img00{position:absolute;top:20px;right:170px;}
}

@media only screen and (max-width: 480px){
.section07 h4{font-size:24px;}
.section07 h5{font-size:20px;}
.section07 .img00{position:absolute;top:5px;right:10px;}
}

.section08{padding:10px 0 100px;box-sizing:border-box;background:#f5f5f5;}
.section08 > div{background:#fff;padding:40px 20px;box-sizing: border-box;width:965px;}
.col-3-2-2{ width: 100%;display: flex;flex-wrap: wrap;}
.col-3-2-2 .col-item{ width: 30%; margin: 3% 1.66% 0 }
.section08 .col-3-2-2 img{width:90%;}
.section08 .att{font-size:14px;width:965px;margin-left:auto;margin-right:auto;text-align:right;}

@media only screen and (max-width: 768px){
.section08{padding:10px 0 50px;}
.section08 > div{width:100%;padding:40px 2.5%;}
.section08 .col-3-2-2 img{width:72%;}
.col-3-2-2 .col-item{ width: 47%; margin: 3% 1.5% 0 }
.col-3-2-2 .col-item:last-of-type{ width: 100%; margin:0;text-align:center;}
.col-3-2-2 .col-item:last-of-type img{width:34%;}
.section08 .att{width:100%;text-align:left;}
}

@media only screen and (max-width: 480px){
.section08 .col-3-2-2 img{width:90%;}
.col-3-2-2 .col-item:last-of-type{ width: 100%; margin:0;text-align:center;}
.col-3-2-2 .col-item:last-of-type img{width:42%;}
}

.section09{padding:100px 0 0;box-sizing:border-box;}
.section09 h2{font-size:36px;letter-spacing:-0.05em;}
.section09 h3 {font-size: 44px;position: relative;display: block;padding: 10px 40px 80px;box-sizing: border-box;margin-left: auto;margin-right: auto;letter-spacing:-0.05em;}
.section09 h3:before, .section09 h3:after {content: '';position: absolute;top: 50%;display: inline-block;width: 50px;height: 2px;background-color: #333;}
.section09 h3:before {left: 25px;-webkit-transform: rotate(60deg);transform: rotate(60deg);}
.section09 h3:after {right: 25px;-webkit-transform: rotate(-60deg);transform: rotate(-60deg);}
.section09 .try{margin:3px;}
.section09 .box01{width:220px;height:240px;background:#4688c8;color:#fff;padding:10px;box-sizing:border-box;}
.section09 .box01 p:first-of-type{font-size:28px;}
.section09 .box01 p:last-of-type{height:70px;justify-content: center;font-size:24px;}
.section09 .green-box01{background:#46be00;}
.section09 .pink-box01{background:#ee786c;}
.section09 .box01 img{width:50%;margin-top:20px;}

@media only screen and (max-width: 930px){
.section09 h3 {padding:10px 40px 40px;}
.section09 h3:before{left: 55px;}
.section09 h3:after{right: 55px;}
}
@media only screen and (max-width: 768px){
.section09{padding:40px 0 40px;}
.section09 h3:before, .section09 h3:after {width: 60px;}
.section09 h2{font-size:32px;}
.section09 h3 {font-size: 38px;}
.section09 .box01{display:flex;flex-direction:row;align-items: center;width:99%;margin-left:auto;margin-right:auto;height:80px;padding:20px 10px;margin-top:5px;}
.section09 .box01 p:first-of-type{font-size:30px;}
.section09 .box01 p:last-of-type{height:auto;width:60%;text-align:left;justify-content: stretch;font-size:19px;}
.section09 .box01 img{width:60%;margin-top:0;}
.section09 .try{margin:3px;width:70px;}
}

@media only screen and (max-width: 580px){
.section09 h3{padding:10px 15px;}
.section09 h3:before, .section09 h3:after {width: 30px;}
.section09 h3:before{left: 25px;}
.section09 h3:after{right: 25px;}
.section09 h2{font-size:20px;}
.section09 h3 {font-size: 22px;}
}
@media only screen and (max-width: 480px){
.section09 h3{padding:10px 20px;}
.section09 h3:before, .section09 h3:after {width: 50px;}
.section09 .box01 p:first-of-type{font-size:25px;}
.section09 h3:before{left: -10px;}
.section09 h3:after{right: -10px;}
}
@media only screen and (max-width: 360px){
.section09 h3{padding:10px 0px;font-size:18px;}
.section09 h3:before{left: -10px;}
.section09 h3:after{right: -10px;}
}

.section10{padding:100px 0 40px;box-sizing:border-box;position:relative;}
.section10 .img00{position:absolute;top:100px;}
.section10 .box01{box-sizing: border-box;border:2px solid #e83928;padding:40px 20px;border-radius:10px;background:#fff;}
.section10 h2{font-size:40px;}
.section10 h2 span{font-size:60px;}
.section10 .img01{margin-right:10px;width:80px;}
.section10 h3{font-size:36px;position:relative;}
.section10 h3:before, .section10 h3:after {content: '';position: absolute;top: 50%;display: inline-block;width: 45px;height: 2px;background-color: #e83928;}
.section10 h3:before{left:20px;}
.section10 h3:after {right: 20px;}

@media only screen and (max-width: 768px){
.section10{padding:20px 0 20px;}
.section10 .img00{top:0px;width:150px;}
.section10 h2{font-size:52px;}
.section10 .btn-02{text-align:center;}
.section10 .btn-03{text-align:center;}
}

@media only screen and (max-width: 480px){
.section10 .img00{top:10px;width:100px;left:0;right:0;margin-left:auto;margin-right:auto;}
.section10 .img01{width:50px;margin-top:20px;}
.section10 h2{font-size:23px;margin-top:20px;}
.section10 h2 span{font-size:34px;}
.section10 h3{font-size:20px;}
.section10 h3:before, .section10 h3:after {width: 25px;}
.section10 h3:before{left:0px;}
.section10 h3:after {right:0px;}
}

@media only screen and (max-width: 360px){
.section10 h3:before, .section10 h3:after {width:0;}
}

/* title
---------------------------------------------------------------- */
.ttl{letter-spacing:-0.05em;line-height: 1.3;}

.ttl-01{font-size: 30px;}
.ttl-02{font-size: 40px;display:inline-block;border-bottom:3px solid #fff;}
.ttl-03{font-size: 35px;}
.ttl-04{font-size: 25px;}
.ttl-05{font-size: 20px;font-weight:bold;}
.ttl-06{font-size: 30px;color:#fff;background:#156cbb;border-left:5px solid #1ca4d8;text-align:left;box-sizing:border-box;padding-left:10px;}
.ttl-07{font-size: 30px;border:3px solid #003677;padding:5px 0;}
.ttl-08{font-size: 40px;display:inline-block;}

@media screen and (max-width: 768px) {
.ttl-01{font-size: 2.0rem;}
.ttl-02{font-size: 2.2rem;}
.ttl-03{font-size: 2.2rem;}
.ttl-04{font-size: 2.0rem;}
.ttl-05{font-size: 1.8rem;}
.ttl-06{font-size: 2.4rem;}
.ttl-07{font-size: 2.0rem;}
.ttl-08{font-size: 2.2rem;}
}



/* btn
---------------------------------------------------------------- */
.btn{ margin-top: 40px; text-align: center;}

.btn-01 a{
padding: 10px 30px;
display: inline-block;
box-sizing: border-box;
color:#fff;
font-size:16px;
text-decoration: none;
background: #46be00;
border-radius: 25px;
}

.btn-02 a{
padding: 15px 0;
width:500px;
margin:0 10px;
text-align:center;
display: inline-block;
box-sizing: border-box;
color:#fff;
font-size:24px;
text-decoration: none;
background: #005db6;
border-radius: 40px;
}

.btn-03 a{
padding: 15px 0;
width:350px;
margin:0 10px;
text-align:center;
display: inline-block;
box-sizing: border-box;
color:#fff;
font-size:24px;
text-decoration: none;
background: #45c800;
border-radius: 40px;
}

@media only screen and (max-width: 850px){
.btn-02 a{width:300px;}
.btn-03 a{width:300px;}
}

@media only screen and (max-width: 768px){
.btn-head-icon a{display: inline-block;height: 40px;width: 40px;font-size:35px;padding: 0 5px;line-height: 40px;color: #e83928;text-align: center;}
.btn-02 a{padding:20px 10px;width:80%;font-size:30px;}
.btn-03 a{padding:20px 10px;width:80%;margin-top:20px;font-size:30px;}
}

@media only screen and (max-width: 480px){
.btn-02 a{width:90%;font-size:20px;}
.btn-03 a{width:90%;font-size:20px;}
}

/* single
---------------------------------------------------------------- */
.single-img{ margin-top: 20px;}
.single-txt{ margin-top: 20px;}
.single-navi{ margin-top: 30px;}
.single-navi-btn {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.single-navi-btn:first-child {
box-sizing: border-box;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
width: 33.3333%;
text-align: center;
}
.single-navi-btn {
box-sizing: border-box;
border-right: 1px solid #ccc;
width: 33.3333%;
text-align: center;
}
.single-navi-btn a{
display: block;
padding: 10px;
}

/* single-navi02-------------- */

.single-navi02 {width:100%; margin-top: 30px;}
.single-navi02 p{margin:0 5px;}
.single-navi-btn-l, .single-navi-btn-c, .single-navi-btn-r{width:27%;}
.single-navi-btn-l a, .single-navi-btn-c a, .single-navi-btn-r a{position:relative;display:block;padding:10px 0;box-sizing: border-box;color:#2C2C2C;border:1px solid #2C2C2C;font-size:16px;text-decoration: none;background: #fff;text-align:center;}
.single-navi-btn-l a:before{position:absolute;font-family: "Font Awesome 5 Free";content: '\f053';font-weight: 900;left:10px;}
.single-navi-btn-r a:after{position:absolute;font-family: "Font Awesome 5 Free";content: '\f054';font-weight: 900;right:10px;}

@media only screen and (max-width: 768px){
.single-navi02 p{margin:0 2px;}
.single-navi-btn-l, .single-navi-btn-c, .single-navi-btn-r{width:33%;}
.single-navi-btn-l a, .single-navi-btn-c a, .single-navi-btn-r a{line-height:1.5;}
.single-navi-btn-l a{text-align:left;padding-left:30px;}
.single-navi-btn-r a{text-align:right;padding-right:30px;}
.single-navi-btn-l a:before{left:7px;}
.single-navi-btn-r a:after{right:7px;}
}


/* スライドアイテム
---------------------------------------------------------------- */

.sp-slides-container {
position: relative;
width: 100%;
}