@charset 'utf-8';

html { font-size: 62.5% }
header, nav, main, article, div, section, aside, dl, dt, dd, figure, footer { display: block; overflow: hidden }
p { margin: 0 }
a { color: rgba(0, 51, 204, 1) }
a:hover { color: rgba(0, 51, 204, .64) }
ul, ol, dl, dt, dd { margin: 0; padding: 0 }
img { border: none; vertical-align: top }
#wrapper img { height: auto; }
a img { transition: .3s }
a img:hover { opacity: .72 }
mark { background: linear-gradient(transparent 64%, #ffdfef 64%); color: #000; padding: 0 1px 1px }
form { margin-top: 24px }
label { display: block }
input[type='text'], input[type='password'], textarea, select { padding: 5px; border: 2px solid #ddd; border-radius: 4px; transition: .2s; outline: none; font-family: 'Noto Sans JP', sans-serif; font-size: 100% }
input[type='text']:focus, input[type='password']:focus, textarea:focus, select:focus { border-color: #1b95e0 }
form dl { background-color: rgba(250, 249, 244, 1); margin-bottom: 16px; border: 1px solid rgb(239, 237, 222); border-radius: 8px; padding: 16px }
form dt { font-weight: 700 }
form dt::before { font-family: 'Font Awesome 5 Free'; content: '\f0da\00a0' }
form dt strong { color: #fff; font-weight: 400; font-size: 75%; line-height: 1.1; padding: 1px 4px 3px; border-radius: 4px; border: none; background-color: #f90; display: inline-block }
form dd { margin-top: 12px }
form dd span { display: block }
form dd span:not(:first-child) { margin-top: 8px }
textarea { width: calc(100% - 14px) }
caption { caption-side: bottom; font-size: 87.5%; margin-top: 8px; color: #777 }
figure img { max-width: 100% }
figcaption { text-align: center; font-size: 88%; margin-top: 8px }
figcaption strong { font-size: 120% }
.flexwrap { flex-wrap: wrap }
.flexspacebetween { justify-content: space-between }
.flexspacearound { justify-content: space-around }
.flexcenter { justify-content: center }
.mycontacttitle, .mycontactphone, .mycontacttext, .mycontactor, .mycontactbtn { display: block; overflow: hidden }
.mybtn01 a { display: inline-block; line-height: 1; color: #fff; text-decoration: none; background-color: rgba(26, 171, 226, 1); padding: 6px 8px; border: none; border-radius: 4px; font-size: 88%; transition: .3s; white-space: nowrap }
.mybtn01 a:hover { background-color: rgba(26, 171, 226, .72) }
.mybtn01 a::before { font-family: 'Font Awesome 5 Free'; content: '\f0da\00a0'; font-weight: 900 }
.myframe01 { border: 5px solid rgb(231, 225, 204); padding: 16px 24px; background-color: rgba(255, 255, 255, 1) }
.myframe02 { padding: 16px 24px; background-color: rgba(250, 249, 244, 1); border-radius: 8px; border: 1px solid rgb(231, 225, 204) }
.myframe03 { border: 3px solid rgba(26, 171, 226, .88); border-radius: 6px }
.myframe03 dt { background-color: rgba(26, 171, 226, .88); color: #fff; padding: 0 24px 3px }
.myframe03 dd { padding: 16px 24px }
.myframe04 { padding: 8px; background-size: 8px 8px; background-color: rgba(26, 171, 226, .4); background-image: linear-gradient(45deg, rgba(26, 171, 226, .72) 24%, transparent 24%, transparent 48%, rgba(26, 171, 226, .72) 48%, rgba(26, 171, 226, .72) 72%, transparent 72%, transparent); opacity: .88 }
.myframe04inner { background: #fff; padding: 16px 24px }
.myframe05 { padding: 8px 24px 16px; border-radius: 6px; border: 3px solid rgba(26, 171, 226, .88) }
.myframe05 legend { font-weight: 500; color: #fff; padding: 4px 12px; background-color: rgba(26, 171, 226, .88); border-radius: 4px; border: none }
.tal { text-align: left }
.tac { text-align: center }
.tar { text-align: right }
.lineclamp { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden }
.w32p { width: 32% }
.w48p { width: 48% }
.w64p { width: 64% }
.w80p { width: 80% }
.max40 { max-width: 40% }
.max100 { max-width: 100% }
.basecolor { color: rgb(26, 171, 226) !important }
.basebgcolor { background-color: rgb(26, 171, 226) !important }

@media (max-width: 375px) {
.w32p, .w48p { width: 64% }
.w80p { width: calc(100% - 14px) }
}
@keyframes slickFade { 0% { opacity: 0 }
100% { opacity: 1 }
}

@media (max-width: 767px) {
body { margin: 0; background-color: #fff; color: #333; line-height: 1.732; font-size: 1.5rem; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: 'palt'; -webkit-text-size-adjust: 100% }
h1, #containerglobalnav, #globalnav, .largeonly { display: none }
#wrapper { position: relative }
header { display: flex; justify-content: space-between; border-top: 5px solid #1aabe2; padding: 8px 16px; align-items: center }
#headerlogo { width: 64% }
#headerlogo img { width: 100%; max-width: 260px }
#hamicon { }
#hamicon i { display: block; cursor: pointer; color: #333; font-size: 3.2rem }
#containermyslick { animation: slickFade 3s ease 0s; position: relative; margin-top: 8px; background-color: #00cb6f; padding: 8px 8px 16px }
#myslick { font-size: 0 }
#myslick img { max-width: 100% }
#slicktext { margin-top: 12px }
#slicktext dl { text-align: center }
#slicktext dt { }
#slicktext dt div:nth-child(1){ font-family: 'Lato', sans-serif; color: #fff; font-size: 2.8rem; font-weight: 700; line-height: 1.2 }
#slicktext dt div:nth-child(2){ font-family: 'Great Vibes', sans-serif; color: #fff; font-size: 3.6rem; font-weight: 700; line-height: 1 }
#slicktext dt div:nth-child(3){ font-family: 'DM Serif Display', serif; color: #fff; font-size: 3.2rem; font-weight: 700; line-height: 1; font-style: italic }
#slicktext dd { color: #fff; font-weight: 500; font-size: 1.6rem; margin-top: 12px }
#containerpagetitle { background-color: #1aabe2; display: flex; justify-content: center; padding: 16px 0; margin: 8px 0 16px }
#pagetitle { text-align: center; color: #fff; text-shadow: 1px 1px 1px #004864 }
#pagetitlej { font-weight: 700; font-size: 2.6rem }
#pagetitlee { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 1.4rem }
#containermysection01 { margin: 24px 16px 0 }
#mysection01 { display: flex; flex-wrap: wrap }
#mysection01img { text-align: center }
#mysection01img img { max-width: 96% }
#mysection01text { }
.mysection01textimg img { display: none }
#mysection01text h2 { font-size: 2rem; margin-top: 24px; text-align: center }
#mysection01text p { }
#mysection01btn { margin-top: 32px; text-align: center }
.mybtn04 a { display: inline-block; background-color: #00cb6f; color: #fff; text-decoration: none; font-family: 'Lato', sans-serif; font-weight: 700; padding: 10px 48px 10px 24px; letter-spacing: 1px; background-image: url(../img/back01.png); background-repeat: no-repeat; background-position: right center; background-size: 40px 1px }
.mybtn05 a { display: inline-block; background-color: #1aabe2; color: #fff; text-decoration: none; font-family: 'Lato', sans-serif; font-weight: 700; padding: 10px 40px 10px 24px; letter-spacing: 1px; background-image: url(../img/back01.png); background-repeat: no-repeat; background-position: right center; background-size: 40px 1px }
#containerlysection02 { background-color: #1aabe2; margin-top: 48px }
#mysection02 { text-align: center }
#mysection02 h2 { color: #fff; line-height: 1.1 }
#mysection02 span:nth-child(1) { display: block; font-size: 2.4rem }
#mysection02 span:nth-child(2) { display: block; font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: 1px; font-size: 1.6rem; margin-top: 8px }
/*.mysection02outer { }
.mysection02outer > a { display: block; background-color: rgb(247, 247, 247); text-decoration: none; color: #000; border-bottom: 1px solid #ddd }
.mysection02inner { padding: 32px 0 }
.mysection02inner div { margin: 0 16px }
.mysection02inner dl { text-align: center }
.mysection02inner dt { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 2.8rem }
.mysection02inner dt::first-letter { color: #1aabe2 }
.mysection02inner dd { font-size: 1.8rem; font-weight: 500 }
.mysection02inner p { margin-top: 16px }
.mysection02inner img { width: 100%; height: 64px !important; object-fit: cover; margin-top: 16px }
.mysection0201 { background-image: url(../img/back02small.jpg); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 200px }
.mysection0202 { background-image: url(../img/back04small.jpg); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 200px }
.mysection0203 { background-image: url(../img/back05small.jpg); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 200px }
.mysection0204 { background-image: url(../img/back06small.jpg); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 200px }
.mysection0205 { background-image: url(../img/back07small.jpg); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 200px }
.smallbtn01 span { display: inline-block; background-color: #00cb6f; color: #fff; text-decoration: none; padding: 8px 24px }
*/
	
.mysection02outer { display: flex; flex-wrap: wrap; width: 100%; background-color: #f7f7f7;box-sizing: border-box; padding-bottom: 30px}
.mysection02inner{ width: 100%; position: relative; height: auto; overflow: hidden; display: block; clear: both !important;}
.mysection02_img{ height: 80px; position: relative; }
.mysection02_img img {position: absolute; bottom: 0;left: 0;object-fit: cover; width: 100% !important; height: 100% !important;}
.mysection02inner dl { }
.mysection02inner dt { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 3.4rem;}
.mysection02inner dd { font-weight: 500; font-size: 1.8rem;}

.mysection02inner a::after {position: absolute; top: 0;right: 0;bottom: 0;left: 0;z-index: 1; width: 1000px; height: 500px; pointer-events: auto;content: "";background-color: transparent;}
.mysection02inner .link_btn	{font-size: 0;}	
.mysection02_flex {width: 90%; text-align: center; display: block; margin-left: auto; margin-right: auto;}
.mysection02_flex > div{ width: 100%}
.mysection02inner dt::first-letter{color:#1aabe2}
.mysection02inner a::after {position: absolute; top: -0px;right: 0;bottom: 0;left: 0px ;z-index: 1; width: 100%; height: 500px; pointer-events: auto;content: "";background-color: transparent;}

.mysection03-02 .link_btn {text-align: center; width: 100%;}
.mysection02inner .link_btn span { display: block;  background-color: #00cb6f; color: #fff; text-decoration: none; padding: 5px 15px; margin-left: auto; margin-right: auto; width: 80px; text-align: center}
.mysection02inner .link_btn span a{color: #fff; text-decoration: none; font-size: 1.2rem  }		
/*
#containermysection03-2 { border-top: 8px solid #1aabe2 }
.mysection03-02 > a { display: block; background-color: rgb(247, 247, 247); text-decoration: none; color: #000; border-bottom: 1px solid #ddd }
.mysection03-02 > a:hover { background-color: rgba(0, 0, 0, .56); color: #fff }
.mysection03-02 dl { padding: 32px 0; text-align: center }
.mysection03-02 dt { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 2.8rem }
.mysection03-02 dd { font-weight: 500; font-size: 1.6rem }*/

/*2つ並び部分 20230810*/
#containermysection03-2 { display: block; width: 100%; border-bottom: 16px solid #1aabe2; background-color: #fff; box-sizing: border-box;}
.mysection03-02{ width: 100%; position: relative; height: 150px; overflow: hidden; display: block; clear: both !important;}
.mysection03-02_img{ height: 150px; position: relative; }
.mysection03-02_img img {position: absolute; bottom: 0;left: 0;object-fit: cover; width: 100% !important; height: 100% !important; opacity: 0.3}
.mysection03-02 dl  { position: absolute; top: 10%; left:0px; width: 100%; text-align: center }
.mysection03-02 > a:hover { background-color: rgba(0, 0, 0, .56); color: #fff }
.mysection03-02 dt { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 2.5rem; }
.mysection03-02 dd { font-weight: 500; font-size: 1.5rem;}
.mysection03-02 a::after {position: absolute; top: 0;right: 0;bottom: 0;left: 0;z-index: 1; width: 1000px; height: 500px; pointer-events: auto;content: "";background-color: transparent;}
.mysection03-02 .link_btn {position: absolute; bottom: 10%; left: 0; text-align: center; width: 100%;}
.mysection03-02 .link_btn span { display: block;  background-color: #00cb6f; color: #fff; text-decoration: none; padding: 5px 15px; margin-left: auto; margin-right: auto; width: 80px;}
.mysection03-02 .link_btn span a{color: #fff; text-decoration: none; font-size: 1.2rem  }
	
	
/*3つ並び部分 20230810*/
/*#containermysection03-3 { border-bottom: 8px solid #1aabe2 }
.mysection03-03 > a { display: block; background-color: rgb(247, 247, 247); text-decoration: none; color: #000; border-bottom: 1px solid #ddd }
.mysection03-03 > a:hover { background-color: rgba(0, 0, 0, .56); color: #fff }
.mysection03-03 dl { padding: 32px 0; text-align: center }
.mysection03-03 dt { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 2.8rem }
.mysection03-03 dd { font-weight: 500; font-size: 1.6rem }*/

#containermysection03-3{ display: block; width: 100%; border-bottom: 16px solid #1aabe2; background-color: #fff; box-sizing: border-box;}
.mysection03-03{ width: 100%; position: relative; height: 150px; overflow: hidden; display: block; clear: both !important;}
.mysection03-03_img{ height: 150px; position: relative; }
.mysection03-03_img img {position: absolute; bottom: 0;left: 0;object-fit: cover; width: 100% !important; height: 100% !important; opacity: 0.3}
.mysection03-03 dl { position: absolute; top: 10%; left:0px; width: 100%; text-align: center }
.mysection03-02 > a:hover { background-color: rgba(0, 0, 0, .56); color: #fff }
.mysection03-03 dt { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 2.5rem; }
.mysection03-03 dd { font-weight: 500; font-size: 1.5rem; }
.mysection03-03 a::after {position: absolute; top: 0;right: 0;bottom: 0;left: 0;z-index: 1; width: 1000px; height: 500px; pointer-events: auto;content: "";background-color: transparent;}
.mysection03-03 .link_btn{position: absolute; bottom: 10%; left: 0; text-align: center; width: 100%;}
.mysection03-03 .link_btn span {  display: block;  background-color: #00cb6f; color: #fff; text-decoration: none; padding: 5px 15px; margin-left: auto; margin-right: auto; width: 80px}
.mysection03-03 .link_btn span a{color: #fff; text-decoration: none; font-size: 1.2rem  }




#mysection03 { margin-top: 56px }
#mysection03 div { margin: 0 16px 16px; text-align: center }
#mysection03 img { max-width: 100% }
#containermysection04 { margin: 56px 16px 0 }
#mysection04 { }
#mysection04img { margin-top: 40px }
#mysection04img div { }
#mysection04img img { max-width: 100% }
#mysection04text { }
.mysection04textimg img { display: none }
#mysection04text h2 { font-size: 2rem; margin: 0; text-align: center }
#mysection04text p { margin-top: 16px }
#mysection04btn { margin-top: 24px; text-align: center }
#mysection05 { margin: 80px 8px 0; display: flex; flex-wrap: wrap }
#mysection05 div { width: calc(50% - 16px); margin: 0 8px 24px; text-align: center }
#mysection05 div:first-child { width: 100%; margin: 0 0 16px }
#mysection05 h2 { font-size: 2.4rem; margin: 0 }
#mysection05 p { font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: 1px; font-size: 1.6rem; color: #1aabe2 }
#mysection05 dt img { max-width: 100% }
#mysection05 dd { margin-top: 8px }
#mysection05 dd a { text-decoration: none; color: #000; font-weight: 500 }
#mysection05 dd a::after { font-family: 'Font Awesome 5 Free'; content: '\2002\f054'; font-weight: bold; color: #1aabe2 }
#containermysection06 { background-color: #f7f7f7; margin-top: 64px; padding-bottom: 24px }
#mysection06,#mysection06_2 { margin: 24px 16px 0 }
#mysection06text { }
#mysection06text h2 { font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: 1px; font-size: 2.4rem; color: #1aabe2; margin: 0; text-align: center; padding-left: 32px;}
/*#mysection06text h2::before { font-family: 'Font Awesome 5 Brands'; content: '\f081\00a0' }*/
#mysection06text h2 span {position: relative;}	
#mysection06text h2 span::before { position: absolute; content: ""; width: 25px;height: 30px; background-image: url("../img/x_logo.png");background-repeat: no-repeat;background-size: 25px 25px; background-position: left 0 bottom 0px; padding-top: 3px; left: -30px; top: -5px;} 	
#mysection06text h3 { margin: 0; text-align: center }
#mysection06text p { margin-top: 16px }
#mysection06twitter { margin-top: 32px }
#mysection07 { margin: 64px 16px 0 }
.mysection07box { }
.mysection07box:nth-child(2) { border-top: 1px solid #ddd; padding-top: 32px; margin-top: 32px }
.mysection07box h3 { font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: 1px; font-size: 1.6rem; color: #1aabe2; margin: 0; text-align: center }
.mysection07box h4 { margin: 0 0 16px; font-size: 2.2rem; text-align: center }
.mysection07box p { }
.mysection07btn { margin-top: 16px; text-align: center }
#containerfootercontact { margin-top: 56px; background-color: #f7f7f7; padding: 16px; text-align: center }
#containerfootercontact img { max-width: 100% }
#containerfooter { background-color: #4e596b; padding: 24px 16px }
footer { }
#footerlogo { text-align: center }
#footerlogo img { max-width: 64% }
#footeraddress { margin-top: 16px; color: #fff; text-align: center }
#footersns { margin-top: 24px; display: flex; justify-content: center }
#footersns div { margin: 0 8px }
#footernav { margin: 32px 0 0 24px }
#footernav nav { }
#footernav ul { list-style: none }
#footernav li { margin-bottom: 4px }
#footernav a { text-decoration: none; color: #fff }
#footernav .subnav { background-image: url(../img/back11.png); background-repeat: no-repeat; background-position: 8px center; padding-left: 18px }
#footercopy { text-align: center; color: #bbb; font-size: 1.3rem; margin-top: 24px }
#topicpath { margin: 0 16px 32px; font-size: 93.33%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden }
#topicpath a { color: #333; text-decoration: underline }
#maincontents { }
#drawernav { background-color: #333; color: #fff; font-size: 93.33% }
#drawernavcontact { padding: 16px 16px 0; line-height: 1 }
#drawernavcontact div { margin-bottom: 16px }
#drawernavcontact a { border-radius: 4px; padding: 8px; border: 1px solid #666; color: #fff; display: block; background-color: #555; text-decoration: none }
#drawernavcontact .myphone::before { display: inline-block; font-family: 'Font Awesome 5 Free'; content: '\f098'; width: 1.28571429em; text-align: center; font-weight: 900; font-size: 107.1429% }
#drawernavcontact .mymail::before { display: inline-block; font-family: 'Font Awesome 5 Free'; content: '\f0e0'; width: 1.28571429em; text-align: center; font-weight: 400; font-size: 107.1429% }
#drawernav ul { padding: 0; list-style: none }
#drawernav li { display: block; border-bottom: 1px solid #555 }
#drawernav li a { color: #fff; text-decoration: none; display: block; padding: 8px 16px }
#drawernav li a::before { display: inline-block; font-size: 78.5714%; font-family: 'Font Awesome 5 Free'; content: '\f054'; width: 1.28571429em; text-align: center; font-weight: 900 }
#drawernav .subnav { padding-left: 20px }
#drawernav aside { text-align: right; margin: 12px 16px 12px 0 }
#drawernav aside a { font-size: 85.714%; color: #bbb; text-decoration: none; display: inline-block; border: 1px solid #888; padding: 0 4px; border-radius: 4px }
.mycontact { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 8px 0 16px; margin: 0 16px }
.mycontacttitle { padding-bottom: 8px; text-align: center; color: #000; font-weight: 700; border-bottom: 1px solid #ddd; font-size: 106.67% }
.mycontactphone { text-align: center; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 200%; line-height: 1; padding-top: 16px; color: #000 }
.mycontactphone a { text-decoration: none; color: #000 }
.mycontacttext { padding-top: 8px; text-align: center }
.mycontactor { display: flex; align-items: center; color: #666; padding-left: 32%; padding-right: 32%; margin-top: 12px; white-space: nowrap }
.mycontactor::before, .mycontactor::after { border-top: 1px solid #999; content: ''; flex-grow: 1; display: inline-block }
.mycontactor::before { margin-right: 8px }
.mycontactor::after { margin-left: 8px }
.mycontactbtn { text-align: center; margin-top: 16px }
.mycontactbtn a { display: inline-block; line-height: 1; text-decoration: none; padding: 8px 16px; transition: .3s; white-space: nowrap; font-weight: 500; border: 3px solid rgba(26, 171, 226, 1); color: rgba(255, 255, 255, 1); background-color: rgba(26, 171, 226, 1) }
.mycontactbtn a:hover { color: rgba(26, 171, 226, 1); background-color: rgba(255, 255, 255, 1); text-decoration: none }
.mycontactbtn a::before { font-weight: 400; font-size: 128.5714%; line-height: 1; font-family: 'Font Awesome 5 Free'; content: '\f0e0\00a0' }
.mybtn02 a { display: inline-block; line-height: 1; color: rgb(26, 171, 226); text-decoration: none; padding: 10px 8px; border: 2px solid rgb(26, 171, 226); font-weight: 500; transition: .3s }
.mybtn02 a:hover { color: #fff; background-color: rgba(26, 171, 226, 1); text-decoration: none }
.mybtn02 a::before { font-family: 'Font Awesome 5 Free'; content: '\f054\00a0'; font-weight: 900 }
.mybtn03 a { display: inline-block; line-height: 1; color: #fff; text-decoration: none; padding: 10px 8px; border: 2px solid rgb(26, 171, 226); background-color: rgba(26, 171, 226, 1); font-weight: 500; transition: .3s }
.mybtn03 a:hover { color: rgb(26, 171, 226); background-color: #fff; text-decoration: none }
.mybtn03 a::before { font-family: 'Font Awesome 5 Free'; content: '\f054\00a0'; font-weight: 900 }
.mybtnnallow a { padding: 6px; font-size: 88% }
.myblock { margin: 0 16px }
.myblock h2, .myblock h3, .myblock h4 { line-height: 1.414; margin: 0; color: #000 }
.myblock h2 { font-size: 133.3333% }
.myblock h3 { font-size: 120% }
.myblock h4 { font-size: 113.3333% }
.myblock p + p { margin-top: 2.4248rem }
.h201 { border-bottom: 3px solid #eee; position: relative; padding-bottom: 8px }
.h201::after { border-bottom: 3px solid rgb(26, 171, 226); content: ''; position: absolute; bottom: -3px; width: 38.2%; height: 3px; left: 0 }
.h202 { border-left: 3px solid rgb(26, 171, 226); padding-left: 6px }
.h203 { border-left: 3px solid rgb(26, 171, 226); padding-left: 6px }
.h203 .textj { display: block; font-size: 94% }
.h203 .texte { font-family: 'Lato', 'Noto Sans JP', sans-serif; font-weight: 400; font-size: 70%; display: block; margin-top: 4px; border-top: 3px solid #eee; padding-top: 4px; color: #555 }
.h205 { color: rgb(26, 171, 226) }
.h204::first-letter, .h205::first-letter { font-size: 120%; background-color: rgb(26, 171, 226); color: #fff; margin-right: 2px; padding: 0 4px; line-height: 1.2; font-feature-settings: normal }
.h206 { text-align: center; display: inline-block }
.h206 .texte { display: flex; align-items: center; font-weight: 400; font-size: 55%; font-family: 'Lato', sans-serif; letter-spacing: 0.5px; text-transform: uppercase }
.h206 .texte::before, .h206 .texte::after { border-top: 1px solid #000; content: ''; flex-grow: 1; display: inline-block }
.h206 .texte::before { margin-right: 6px }
.h206 .texte::after { margin-left: 6px }
.h206 .textj { display: block; margin-top: 12px; font-size: 120% }
.h207 { text-align: center; position: relative; padding-bottom: 16px }
.h207 .textj { display: block; font-size: 120% }
.h207 .texte { font-weight: 400; font-size: 55%; font-family: 'Lato', sans-serif; display: block; letter-spacing: 0.5px; margin-top: 12px; text-transform: uppercase }
.h207::after { border-bottom: 3px solid rgba(26, 171, 226, 1); content: ''; position: absolute; bottom: 0; width: 40px; height: 3px; left: 50%; margin-left: -20px }
.h208 { border-bottom: 1px solid rgb(26, 171, 226); position: relative; padding-bottom: 10px; overflow: hidden }
.h208::after { content: ''; width: 100%; height: 3px; background-color: rgb(26, 171, 226); display: block; position: absolute; left: 0; bottom: 2px }
.h208 .textj { display: block }
.h208 .texte { display: block; font-family: 'Lato', 'Noto Sans JP', sans-serif; font-size: 65%; color: #888; font-weight: 400; margin-top: 2px }
.h209 { color: rgb(26, 171, 226) }
.h301 { border-bottom: 1px solid #ddd; padding-bottom: 6px }
.h301 i { color: rgb(26, 171, 226) }
.h302 { background-color: #efefef; padding: 4px; border: 1px solid #ddd }
.h304 { color: rgb(26, 171, 226) }
.h303::first-letter, .h304::first-letter { font-size: 125%; background-color: rgb(26, 171, 226); color: #fff; margin-right: 2px; padding: 0 3px; line-height: 1.2; font-feature-settings: normal }
.h305 { border-left: 3px solid rgb(26, 171, 226); padding-left: 6px }
.h306 { color: rgb(26, 171, 226) }
.myblock h4 span { border-bottom: 4px double rgb(26, 171, 226); display: inline-block; padding-bottom: 4px }
.h401 { margin-bottom: 8px }
.h401::first-letter { font-size: 117.647%; background-color: rgb(26, 171, 226); color: #fff; margin-right: 2px; padding: 0 2px; line-height: 1.2; font-feature-settings: normal }
.h402 { background-color: rgba(26, 171, 226, .88); color: #fff; padding: 0 8px 2px; font-weight: 500; margin-bottom: 8px }
.h403 { color: rgb(26, 171, 226) }
button, input[type='submit'], input[type='reset'], input[type='button'] { transition: .3s; text-decoration: none; font-size: 100%; cursor: pointer; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; padding: 8px 20px }
button[type='submit'], input[type='submit'] { color: #fff; border: 3px solid rgb(0, 140, 214); background-color: rgb(0, 140, 214) }
button[type='submit']:hover, input[type='submit']:hover { color: rgb(0, 140, 214); background-color: #fff }
button[type='submit'] i { font-size: 125% }
button[type='reset'], input[type='reset'], input[type='button'] { color: #aaa; border: 3px solid #ccc; background-color: #fff; margin-left: 8px }
button[type='reset']:hover, input[type='reset']:hover, input[type='button']:hover { opacity: .72 }
.fsmallx { font-size: 86.7% !important }
.fsmall { font-size: 93.3% !important }
.fmedium { font-size: 100% !important }
.flarge { font-size: 106.7% !important }
.flargex { font-size: 113.3% !important }
.flargexx { font-size: 126.7% !important }
.flargexxx { font-size: 140% !important }
.flargexxxx { font-size: 153.3% !important }
.mt00 { margin-top: 0 !important }
.mt08 { margin-top: 4px !important }
.mt16 { margin-top: 16px !important }
.mt24 { margin-top: 16px !important }
.mt32 { margin-top: 16px !important }
.mt40 { margin-top: 24px !important }
.mt56 { margin-top: 24px !important }
.mt72 { margin-top: 32px !important }
.mt88 { margin-top: 32px !important }
.mt120 { margin-top: 48px !important }
.mt200 { margin-top: 72px !important }
.mb00 { margin-bottom: 0 !important }
.mb08 { margin-bottom: 4px !important }
.mb16 { margin-bottom: 16px !important }
.mb24 { margin-bottom: 16px !important }
.mb32 { margin-bottom: 16px !important }
.mb40 { margin-bottom: 24px !important }
.mb56 { margin-bottom: 24px !important }
.mb72 { margin-bottom: 32px !important }
.mb88 { margin-bottom: 32px !important }
.mb120 { margin-bottom: 48px !important }
.mb200 { margin-bottom: 72px !important }
.smalltac { text-align: center !important }
.floatl { float: left; clear: both; margin: 0 24px 16px 0 !important; max-width: calc(50% - 24px) !important }
.floatr { float: right; clear: both; margin: 0 0 16px 24px !important; max-width: calc(50% - 24px) !important }
#pt { position: fixed; bottom: 0; right: 16px; display: none; width: 4rem; height: 4rem; background-image: url(../img/backpt.png); background-repeat: no-repeat; background-position: center center; background-color: rgb(26, 171, 226); background-size: 36px 36px; z-index: 999 }
#pt span { font-size: 4rem; display: block }
#pt a { color: rgb(26, 171, 226) }
.wc_anctxt { display: inline-block; transform: translateY(0) }
.mylayout02 { background-repeat: no-repeat; background-position: center center; background-size: cover }
.mylayout02inner { background-color: rgba(0, 0, 0, .56); padding: 16px }
.mylayout02text { border: 1px solid #fff; padding: 24px }
.mylayout02text h2 { color: #fff; line-height: 1.5 }
.mylayout02text p { color: #fff; margin-top: 24px }
.mylist03 { padding-left: 16px }
.mylayout03 { background-image: url(../img/back13.jpg); padding: 24px 16px 40px; border: none; border-radius: 8px }
.mylayout03 h2 { color: #6C2408; text-align: center;text-shadow: 1px 1px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff,-1px -1px 1px #fff;  }
.mylayout03 h3 { color: #842D0B; text-align: center }
.mylayout03words { display: flex; flex-wrap: wrap; margin-top: 24px; justify-content: space-around }
.mylayout03words div { width: calc(42% - 18px); margin: 0 8px 24px; text-align: center; background-color: #6C2408; color: #fff; padding: 8px; font-weight: 500; border: 1px solid #7F381C; border-radius: 8px }
.mylayout03img { text-align: center; margin-top: 40px }
.mylayout03img img { max-width: 88% }
.mylayout04 { }
.mylayout04 div:nth-child(1) { text-align: center }
.mylayout04 div:nth-child(2) { }
.mylayout04 img { max-width: 32% !important }
.mylayout04 strong { font-size: 1.9rem; color: #74350a }
.mylayout04 em { font-size: 92%; font-style: normal; color: #555 }
}

@media (min-width: 768px) {
body { margin: 0; background-color: #fff; color: #333; line-height: 1.732; font-size: 1.7rem; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: 'palt' }
h1, #hamicon, #drawernav, .smallonly { display: none }
#wrapper { position: relative }
header { max-width: 1920px; height: 59px; margin: 32px auto 0; display: flex; justify-content: space-between; overflow: visible; position: relative; z-index: 999999 }
#topheader { margin-top: 64px }
#headerlogo { margin-left: 88px }
#headerlogo img { max-width:260px;}	
#containerglobalnav { display: flex; justify-content: flex-end; align-items: center; overflow: visible; margin-right: 40px }
#globalnavsns { display: flex }
#globalnavsns div { width: 32px; height: 32px; margin-right: 12px }
#globalnavsns img { max-width: 100% }
#globalnav { overflow: visible; margin-left: 24px }
#dropnav { overflow: visible; display: flex }
.containerdropnav { overflow: visible; margin: 0 20px }
.dropnav-parent { }
.dropnav-parent a { color: #000; text-decoration: none; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 1.8rem; letter-spacing: 1px; transition: .3s; display: block; text-shadow: 1px 1px 5px rgba(255,255,255,0.3),-1px -1px 5px rgba(255,255,255,0.3),-1px 1px 5px rgba(255,255,255,0.3),1px -1px 5px rgba(255,255,255,0.3);}
.dropnav-childouter { visibility: hidden; opacity: 0; z-index: 9999; position: absolute; top: 48PX; left: 0; right: 0; transition: .3s }
.dropnav-childcontainer { background-color: #f8f8f8; padding: 40px 0 8px; margin-top: 24px }
.dropnav-childinner { width: 1200px; margin: 0 auto; display: flex }
.dropnav-parent:hover + .dropnav-childouter, .dropnav-childouter:hover { visibility: visible; opacity: 1 }
.dropnav-childtitle { text-align: center; width: 272px }
.dropnav-childtitle dt span { display: inline-block; font-weight: 500; font-size: 2.8rem; border-bottom: 4px solid #1aabe2; padding-bottom: 4px; margin-bottom: 8px }
.dropnav-childtitle dd { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 1.6rem; letter-spacing: 1px }
.dropnav-childbox { width: 928px; display: flex; flex-wrap: wrap }
.dropnav-child { width: 200px; text-align: center; margin: 0 0 24px 32px; position:relative; }
.dropnav-child dd { margin-top: 4px }
.dropnav-child dd a { text-decoration: none; color: #000; font-size: 1.6rem }
.dropnav-child a::after {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: "";background-color: transparent;}
#globalcontactbtn { margin-left: 16px }
#globalcontactbtn a { display: block; background-color: #000; color: #fff; text-decoration: none; font-family: 'Lato', sans-serif; font-weight: 700; padding: 14px 32px; font-size: 1.8rem; letter-spacing: 1px; transition: .3s }
#globalcontactbtn a::before { font-family: 'Font Awesome 5 Free'; content: '\f0e0\00a0\00a0'; font-weight: 400 }
#globalcontactbtn a:hover { opacity: .72 }
#containermyslick { animation: slickFade 3s ease 0s; position: relative; margin: -145px auto 0; max-width: 1920px }

#myslick { width: 95%; max-width: 1824px; padding: 32px 1%; margin: 32px auto 0; background-image: url(../img/back00.png); background-repeat: no-repeat; background-position: center top; background-size: contain }
#myslick img { max-width: 100% }
#slicktext { width: 23.0729%; position: absolute; right: 5%; bottom: 0 }
#slicktext dl { }
#slicktext dt div:nth-child(1){ font-family: 'Lato', sans-serif; color: #fff; font-size: 6.4rem; font-weight: 700; line-height: 1.2 }
#slicktext dt div:nth-child(2){ font-family: 'Great Vibes', sans-serif; color: #fff; font-size: 7.2rem; font-weight: 700; line-height: 1 }
#slicktext dt div:nth-child(3){ font-family: 'DM Serif Display', serif; color: #fff; font-size: 6.8rem; font-weight: 700; line-height: 1; font-style: italic }
#slicktext img { max-width: 100% }
#slicktext dd { background-color: #00cb6f; color: #fff; font-weight: 500; padding: 16px 24px; font-size: 1.9rem; margin-top: 16px }

#containerpagetitle { background-color: #1aabe2; max-width: 1920px; margin: 32px auto 40px; padding: 40px 0; background-image: url(../img/back12.png); background-repeat: no-repeat; background-position: center center }
#pagetitle { width: 1032px; margin: 0 auto; color: #fff; text-shadow: 1px 1px 1px #004864 }
#pagetitlej { font-weight: 700; font-size: 5.2rem }
#pagetitlee { font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: 1px; font-size: 2rem }
article { max-width: 1920px; margin: 0 auto }
#containermysection01 { margin: 80px auto 0; background-color: #f7f7f7; padding: 56px 0 }
#mysection01 { padding: 0 9% 0 5%; display: flex }
#mysection01img { width: 56%; margin-right: 3.3% }
#mysection01img img { max-width: 100% }
#mysection01text { width: 40.7% }
.mysection01textimg img { max-width: 100% }
#mysection01text h2 { font-size: 2.8rem; margin: 40px 0 32px }
#mysection01text p { }
#mysection01btn { margin-top: 48px }
.mybtn04 a { display: inline-block; background-color: #00cb6f; color: #fff; text-decoration: none; font-family: 'Lato', sans-serif; font-weight: 700; padding: 14px 80px 14px 32px; letter-spacing: 1px; transition: .3s; background-image: url(../img/back01.png); background-repeat: no-repeat; background-position: right center; background-size: 64px 1px }
.mybtn05 a { display: inline-block; background-color: #1aabe2; color: #fff; text-decoration: none; font-family: 'Lato', sans-serif; font-weight: 700; padding: 14px 80px 14px 32px; letter-spacing: 1px; transition: .3s; background-image: url(../img/back01.png); background-repeat: no-repeat; background-position: right center; background-size: 64px 1px }
.mybtn04 a:hover, .mybtn05 a:hover { opacity: .72 }
#containerlysection02 { background-color: #1aabe2; padding: 24px 0 }
#mysection02 { width: 1168px; margin: 0 auto; background-image: url(../img/back03.png); background-repeat: no-repeat; background-position: right center; min-height: 116px }
#mysection02 h2 { color: #fff; display: flex; align-items: center; line-height: 1.1 }
#mysection02 span:nth-child(1) { display: inline-block; font-size: 4.8rem }
#mysection02 span:nth-child(2) { display: inline-block; font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: 1px; font-size: 2.4rem; margin-left: 24px }
/*.mysection02outer { max-width: 1920px; margin: 0 auto }
.mysection02outer > a { display: block; min-height: 312px; background-color: rgb(247, 247, 247); transition: .3s; text-decoration: none; color: #000; border-bottom: 1px solid #ddd }
.mysection02outer > a:hover { background-color: rgba(0, 0, 0, .56); color: #fff }
.mysection02inner { width: 1168px; margin: 0 auto; display: flex; align-items: center; padding-top: 72px }
.mysection02inner div { width: 50% }
.mysection02inner dl { }
.mysection02inner dt { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 6.4rem }
.mysection02inner dt::first-letter { color: #1aabe2 }
.mysection02inner dd { font-size: 2rem; font-weight: 500 }
.mysection02inner p { }
.mysection0201 { background-image: url(../img/back02.jpg); background-repeat: no-repeat; background-position: center center }
.mysection0202 { background-image: url(../img/back04.jpg); background-repeat: no-repeat; background-position: center center }
.mysection0203 { background-image: url(../img/back05.jpg); background-repeat: no-repeat; background-position: center center }
.mysection0204 { background-image: url(../img/back06.jpg); background-repeat: no-repeat; background-position: center center }*
*/
	
.mysection02outer { display: flex; flex-wrap: wrap; width: 100%; background-color: #f7f7f7;box-sizing: border-box;}
.mysection02inner{ width: 100%; position: relative; height: 321px; overflow: hidden; display: block; clear: both !important;}
.mysection02_img{ height: 321px; position: relative; }
.mysection02_img img {position: absolute; bottom: 0;left: 0;object-fit: cover; width: 100% !important; height: 100% !important; opacity: 0.1}
.mysection02inner dl { top: 20%; left: 96px;; }
/*.mysection03-02:nth-child(odd) { width: 50% }
.mysection03-02:nth-child(even) { width: calc(50% - 1px); border-left: 1px solid #ddd }
.mysection03-02 > a { display: block; min-height: 320px; background-color: rgb(247, 247, 247); transition: .3s; text-decoration: none; color: #000; border-bottom: 1px solid #ddd; display: flex; align-items: center }
.mysection03-02 > a:hover { background-color: rgba(0, 0, 0, .56); color: #fff }
.mysection03-02 dl { margin-left: 96px }*/
.mysection02inner dt { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 6.4rem;}
.mysection02inner dd { font-weight: 500; font-size: 1.8rem;}
/*.mysection03-0201 { background-image: url(../img/col2_bg01.jpg); background-repeat: no-repeat; background-position: center center }
.mysection03-0202 { background-image: url(../img/col2_bg02.jpg); background-repeat: no-repeat; background-position: center center; background-size: contain }*/
.mysection02inner a::after {position: absolute; top: 0;right: 0;bottom: 0;left: 0;z-index: 1; width: 1000px; height: 500px; pointer-events: auto;content: "";background-color: transparent;}
.mysection02inner .link_btn	{font-size: 0;}	
.mysection02_flex {max-width: 1168px; width: 100%;  position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%); display: flex; height: 200px;justify-content:space-between;}
.mysection02_flex > div{ width: 48%}
.mysection02inner dt::first-letter{color:#1aabe2}
	
.mysection02outer:hover,.mysection02inner:hover {background-color: #000 !important;}
.mysection02inner:hover img{ opacity: 0.5}	
.mysection02inner:hover dd,.mysection02inner:hover dt{color:#fff;}
.mysection02inner:hover p {color:#fff}
.mysection02inner a::after {position: absolute; top: -150px;right: 0;bottom: 0;left: -100px ;z-index: 1; width: 2000px; height: 500px; pointer-events: auto;content: "";background-color: transparent;}
.mysection02outer .link_btn {font-size: 0;}

	
/*2つ並び部分 20230810*/
#containermysection03-2 { display: flex; flex-wrap: wrap; width: 100%; border-bottom: 16px solid #1aabe2; background-color: #f7f7f7;box-sizing: border-box;}
.mysection03-02{ width: 50%; position: relative; height: 321px; overflow: hidden; display: block; clear: both !important;}
.mysection03-02_img{ height: 321px; position: relative; }
.mysection03-02_img img {position: absolute; bottom: 0;left: 0;object-fit: cover; width: 100% !important; height: 100% !important; opacity: 0.1}
.mysection03-02:hover img{ opacity: 0.56}	
.mysection03-02 dl { position: absolute; top: 20%; left: 96px;; }
/*.mysection03-02:nth-child(odd) { width: 50% }
.mysection03-02:nth-child(even) { width: calc(50% - 1px); border-left: 1px solid #ddd }
.mysection03-02 > a { display: block; min-height: 320px; background-color: rgb(247, 247, 247); transition: .3s; text-decoration: none; color: #000; border-bottom: 1px solid #ddd; display: flex; align-items: center }
.mysection03-02 > a:hover { background-color: rgba(0, 0, 0, .56); color: #fff }
.mysection03-02 dl { margin-left: 96px }*/
.mysection03-02 dt { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 5rem;  }
.mysection03-02 dd { font-weight: 500; font-size: 1.8rem;  }
/*.mysection03-0201 { background-image: url(../img/col2_bg01.jpg); background-repeat: no-repeat; background-position: center center }
.mysection03-0202 { background-image: url(../img/col2_bg02.jpg); background-repeat: no-repeat; background-position: center center; background-size: contain }*/
.mysection03-02 a::after {position: absolute; top: 0;right: 0;bottom: 0;left: 0;z-index: 1; width: 1000px; height: 500px; pointer-events: auto;content: "";background-color: transparent;}
.mysection03-02 .link_btn{font-size: 0;}
	
.mysection03-02:hover,.mysection03-02_img:hover{background-color: #555 !important} 		
.mysection03-02:hover dt,.mysection03-02:hover dd{color: #fff !important}		

	
/*3つ並び部分 20230810*/	
/*	
#containermysection03-3 { display: flex; flex-wrap: wrap; max-width: 1920px; border-bottom: 16px solid #1aabe2 }
.mysection03-03 { width: 33.3333% }
.mysection03-03:nth-child(3n-1) { width: calc(33.3333% - 2px); border-left: 1px solid #ddd; border-right: 1px solid #ddd }
.mysection03-03 > a { display: block; min-height: 320px; background-color: rgb(247, 247, 247); transition: .3s; text-decoration: none; color: #000; border-bottom: 1px solid #ddd; display: flex; align-items: center }
.mysection03-03 > a:hover { background-color: rgba(0, 0, 0, .56); color: #fff }
.mysection03-03 dl { margin-left: 96px }
.mysection03-03 dt { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 3.6rem }
.mysection03-03 dd { font-weight: 500; font-size: 1.8rem }
.mysection03-0301 { background-image: url(../img/col2_bg01.jpg); background-repeat: no-repeat; background-position: center center }

.mysection03blue { color: #1aabe2 }
.mysection03-02 > a:hover .mysection03blue, .mysection03-03 > a:hover .mysection03blue { color: #fff }

_:-ms-lang(x)::-ms-backdrop, .mysection03-02 dl { margin-top: 120px }
_:-ms-lang(x)::-ms-backdrop, .mysection03-03 dl { margin-top: 120px }
*/
	
#containermysection03-3 { display: flex; flex-wrap: wrap; width: 100%; border-bottom: 16px solid #1aabe2; background-color: #f7f7f7;box-sizing: border-box;}
.mysection03-03{ width: 33.3%; position: relative; height: 321px; overflow: hidden; display: block; clear: both !important;}
.mysection03-03_img{ height: 321px; position: relative; }
.mysection03-03_img img {position: absolute; bottom: 0;left: 0;object-fit: cover; width: 100% !important; height: 100% !important; opacity: 0.1}
.mysection03-03:hover img{ opacity: 0.56}	
.mysection03-03 dl { position: absolute; top: 20%; left: 96px;; }
/*.mysection03-02:nth-child(odd) { width: 50% }
.mysection03-02:nth-child(even) { width: calc(50% - 1px); border-left: 1px solid #ddd }
.mysection03-02 > a { display: block; min-height: 320px; background-color: rgb(247, 247, 247); transition: .3s; text-decoration: none; color: #000; border-bottom: 1px solid #ddd; display: flex; align-items: center }
.mysection03-02 > a:hover { background-color: rgba(0, 0, 0, .56); color: #fff }
.mysection03-02 dl { margin-left: 96px }*/
.mysection03-03 dt { font-family: 'Lato', sans-serif; font-weight: 700; font-size: 4.5rem;}
.mysection03-03 dd { font-weight: 500; font-size: 1.5rem; }
/*.mysection03-0201 { background-image: url(../img/col2_bg01.jpg); background-repeat: no-repeat; background-position: center center }
.mysection03-0202 { background-image: url(../img/col2_bg02.jpg); background-repeat: no-repeat; background-position: center center; background-size: contain }*/
.mysection03-03 a::after {position: absolute; top: 0;right: 0;bottom: 0;left: 0;z-index: 1; width: 1000px; height: 500px; pointer-events: auto;content: "";background-color: transparent;}
.mysection03-03 .link_btn	{font-size: 0;}
.mysection03-03:hover,.mysection03-03_img:hover{background-color: #555} 		
.mysection03-03:hover dt,.mysection03-03:hover dd{color: #fff !important}	
	
#containermysection04 { margin: 80px auto 0 }
#mysection04 { padding: 0 5% 0 9%; display: flex }
#mysection04img { width: 56%; margin-left: 3.3%; background-image: url(../img/back08.png); background-repeat: no-repeat; background-position: center top; background-size: contain }
#mysection04img div { margin: 32px }
#mysection04img img { max-width: 100% }
#mysection04text { width: 40.7% }
.mysection04textimg img { max-width: 100% }
#mysection04text h2 { font-size: 2.8rem; margin: 40px 0 32px }
#mysection04text p { }
#mysection04btn { margin-top: 48px }
#mysection05 { width: 1256px; margin: 200px auto 0; display: flex; background-image: url(../img/back09.png); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 80px }
#mysection05 div { width: 282px; margin: 0 16px }
#mysection05 h2 { font-size: 4.8rem; margin: 0 }
#mysection05 p { font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: 1px; font-size: 2.4rem; color: #1aabe2 }
#mysection05 dt a:hover img { transform: scale(1.1) }
#mysection05 dd { margin-top: 8px }
#mysection05 dd a { text-decoration: none; color: #000; font-weight: 500; font-size: 2rem }
#mysection05 dd a::after { font-family: 'Font Awesome 5 Free'; content: '\2003\f054'; font-weight: bold; color: #1aabe2 }
#containermysection06 { background-color: #f7f7f7; margin-top: 104px; padding-bottom: 32px }
#mysection06 { width: 1200px; margin: 56px auto 0; display: flex; justify-content: space-between; background-image: url(../img/back10.png); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 32px }
#mysection06text { width: 560px; padding-top: 64px }
#mysection06text h2 { font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: 1px; font-size: 3.2rem; color: #1aabe2; margin: 0 }
#mysection06text h2::before { font-family: 'Font Awesome 5 Brands'; content: '\f081\00a0' }
/*X
#mysection06text h2 span {position: relative; padding-left: 35px;}	
#mysection06text h2 span::before { position: absolute; top: 5px; left: 0; content: ""; width: 30px;height: 30px; background-image: url("../img/x_logo.png");background-repeat: no-repeat;background-size: 30px 30px;}*/
#mysection06text h3 { margin: 0 }
#mysection06text p { margin-top: 24px }
#mysection06twitter { width: 560px }
#mysection07 { width: 1200px; margin: 80px auto 0; display: flex; justify-content: space-between }
.mysection07box { width: 544px }
.mysection07box:nth-child(2) { border-left: 1px solid #ddd; padding-left: 56px }
.mysection07box h3 { font-family: 'Lato', sans-serif; font-weight: 700; letter-spacing: 1px; font-size: 2rem; color: #1aabe2; margin: 0 }
.mysection07box h4 { margin: 16px 0 24px; font-size: 2.6rem }
.mysection07box p { }
.mysection07btn { margin-top: 24px }
#containerfootercontact { margin: 96px auto 0; background-color: #f7f7f7; padding: 32px 0; text-align: center; max-width: 1920px }
#containerfootercontact img { max-width: 100% }
#containerfooter { max-width: 1920px; background-color: #4e596b; padding: 40px 0; margin: 0 auto }
footer { width: 1200px; margin: 0 auto; display: flex; justify-content: space-between }
#footerlogo { }
#footeraddress { margin-top: 40px; color: #fff }
#footersns { margin-top: 40px; display: flex }
#footersns div { margin-right: 12px; width: 39px }
#footernav { display: flex; justify-content: flex-end }
#footernav nav { margin-left: 48px }
#footernav ul { list-style: none }
#footernav li { }
#footernav a { text-decoration: none; color: #fff; font-size: 1.6rem }
#footernav a:hover { color: #ccc }
#footernav .subnav { background-image: url(../img/back11.png); background-repeat: no-repeat; background-position: 4px center }
#footernav .subnav a { padding-left: 13px }
#footercopy { text-align: center; color: #bbb; font-size: 1.4rem; margin-top: 48px }
#topicpath { width: 1050px; font-size: 87.5%; margin: 0 auto }
#topicpath a { color: #333; text-decoration: underline }
#topicpath a:hover { color: #999 }
#maincontents { margin-top: 40px }
.mycontact { width: 1050px; margin: 0 auto; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 16px 0 24px }
.mycontacttitle { padding-bottom: 16px; text-align: center; color: #000; font-weight: 700; border-bottom: 1px solid #ddd; font-size: 105.88% }
.mycontactphone { text-align: center; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 225%; line-height: 1; padding-top: 16px; color: #000 }
.mycontacttext { padding-top: 8px; text-align: center }
.mycontactor { display: flex; align-items: center; font-size: 87.5%; color: #666; padding: 0 40%; margin-top: 12px }
.mycontactor::before, .mycontactor::after { border-top: 1px solid #999; content: ''; flex-grow: 1; display: inline-block }
.mycontactor::before { margin-right: 8px }
.mycontactor::after { margin-left: 8px }
.mycontactbtn { text-align: center; margin-top: 16px }
.mycontactbtn a { display: inline-block; line-height: 1; text-decoration: none; padding: 12px 24px; transition: .3s; white-space: nowrap; font-weight: 500; border: 3px solid rgba(26, 171, 226, 1); color: rgba(255, 255, 255, 1); background-color: rgba(26, 171, 226, 1) }
.mycontactbtn a:hover { color: rgba(26, 171, 226, 1); background-color: rgba(255, 255, 255, 1); text-decoration: none }
.mycontactbtn a::before { font-size: 125%; font-family: 'Font Awesome 5 Free'; content: '\f0e0\00a0'; font-weight: 400 }
.mybtn02 a { display: inline-block; line-height: 1; color: rgb(26, 171, 226); text-decoration: none; padding: 12px 24px; border: 3px solid rgb(26, 171, 226); font-weight: 500; transition: .3s }
.mybtn02 a:hover { color: #fff; background-color: rgba(26, 171, 226, 1); text-decoration: none }
.mybtn02 a::before { font-family: 'Font Awesome 5 Free'; content: '\f054\2003'; font-weight: 900 }
.mybtn03 a { display: inline-block; line-height: 1; color: #fff; text-decoration: none; padding: 12px 24px; border: 3px solid rgb(26, 171, 226); background-color: rgba(26, 171, 226, 1); font-weight: 500; transition: .3s }
.mybtn03 a:hover { color: rgb(26, 171, 226); background-color: #fff; text-decoration: none }
.mybtn03 a::before { font-family: 'Font Awesome 5 Free'; content: '\f054\2003'; font-weight: 900 }
.mybtnnallow a { padding: 6px; font-size: 88% }
.myblock { width: 1050px; margin: 0 auto }
.myblock h2, .myblock h3, .myblock h4 { margin: 0; color: #000; line-height: 1.414 }
.myblock h2 { font-size: 180% }
.myblock h3 { font-size: 150% }
.myblock h4 { font-size: 115% }
.myblock p + p { margin-top: 2.7712rem }
.h201 { border-bottom: 4px solid #eee; position: relative; padding-bottom: 16px }
.h201::after { border-bottom: 4px solid rgb(26, 171, 226); content: ''; position: absolute; bottom: -4px; width: 38.2%; height: 4px; left: 0 }
.h202 { border-left: 4px solid rgb(26, 171, 226); padding-left: 12px; line-height: 1.1 }
.h203 { border-left: 4px solid rgb(26, 171, 226); padding-left: 12px }
.h203 .textj { display: block; font-size: 94% }
.h203 .texte { font-family: 'Lato', 'Noto Sans JP', sans-serif; font-weight: 400; font-size: 53.125%; display: block; margin-top: 12px; border-top: 3px solid #eee; padding-top: 8px; color: #555 }
.h204 { border-bottom: 3px solid rgb(26, 171, 226) }
.h205 { color: rgb(26, 171, 226) }
.h204::first-letter, .h205::first-letter { font-size: 118.75%; background-color: rgb(26, 171, 226); color: #fff; margin-right: 3px; padding: 0 6px; display: inline-block; line-height: 1.2; font-feature-settings: normal }
.h206 { text-align: center; display: inline-block }
.h206 .texte { display: flex; align-items: center; font-weight: 400; font-size: 40.625%; font-family: 'Lato', sans-serif; letter-spacing: 1px; text-transform: uppercase }
.h206 .texte::before, .h206 .texte::after { border-top: 1px solid #000; content: ''; flex-grow: 1; display: inline-block }
.h206 .texte::before { margin-right: 8px }
.h206 .texte::after { margin-left: 8px }
.h206 .textj { display: block; margin-top: 16px; font-size: 112.5% }
.h207 { white-space: nowrap; text-align: center; position: relative; padding-bottom: 24px }
.h207 .textj { display: block; font-size: 112.5% }
.h207 .texte { font-weight: 400; font-size: 40.625%; font-family: 'Lato', sans-serif; display: block; letter-spacing: 1px; margin-top: 16px; text-transform: uppercase }
.h207::after { border-bottom: 4px solid rgb(26, 171, 226); content: ''; position: absolute; bottom: 0; width: 40px; height: 4px; left: 50%; margin-left: -20px }
.h208 { border-bottom: 1px solid rgb(26, 171, 226); position: relative; padding-bottom: 20px; overflow: hidden }
.h208::after { content: ''; width: 100%; height: 4px; background-color: rgb(26, 171, 226); display: block; position: absolute; left: 0; bottom: 3px }
.h208 .textj { display: block; float: left; clear: both }
.h208 .texte { display: block; float: right; font-family: 'Lato', 'Noto Sans JP', sans-serif; font-size: 53.125%; color: #888; font-weight: 400; text-align: right; margin-top: 20px }
.h209 { color: rgb(26, 171, 226) }
.h301 { border-bottom: 2px solid #eee; padding-bottom: 12px }
.h301 i { color: rgb(26, 171, 226) }
.h302 { background-color: #efefef; padding: 4px 8px; border: 1px solid #ddd }
.h303 { border-bottom: 2px solid rgb(26, 171, 226) }
.h304 { color: rgb(26, 171, 226) }
.h303::first-letter, .h304::first-letter { font-size: 116.6667%; background-color: rgb(26, 171, 226); color: #fff; margin-right: 3px; padding: 0 4px; display: inline-block; line-height: 1.2; font-feature-settings: normal }
.h305 { border-left: 3px solid rgb(26, 171, 226); padding-left: 8px; line-height: 1.1 }
.h306 { color: rgb(26, 171, 226) }
.myblock h4 span { border-bottom: 4px double rgb(26, 171, 226); display: inline-block; padding-bottom: 8px }
.h401 { border-bottom: 1px solid rgb(26, 171, 226); margin-bottom: 16px; overflow: hidden }
.h401::first-letter { font-size: 120%; background-color: rgb(26, 171, 226); color: #fff; margin-right: 3px; padding: 0 4px; line-height: 1.2; font-feature-settings: normal }
.h402 { background-color: rgba(26, 171, 226, .88); color: #fff; padding: 0 16px 4px; font-weight: 500; margin-bottom: 16px }
.h403 { color: rgb(26, 171, 226) }
button, input[type='submit'], input[type='reset'], input[type='button'] { transition: .3s; text-decoration: none; font-size: 100%; cursor: pointer; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; padding: 8px 24px }
button[type='submit'], input[type='submit'] { color: #fff; border: 3px solid rgb(26, 171, 226); background-color: rgb(26, 171, 226) }
button[type='submit']:hover, input[type='submit']:hover { color: rgb(26, 171, 226); background-color: #fff }
button[type='submit'] i { font-size: 125% }
button[type='reset'], input[type='reset'], input[type='button'] { color: #aaa; border: 3px solid #ccc; background-color: #fff; margin-left: 8px }
button[type='reset']:hover, input[type='reset']:hover, input[type='button']:hover { opacity: .72 }
.fsmallx { font-size: 75% !important }
.fsmall { font-size: 87.5% !important }
.fmedium { font-size: 100% !important }
.flarge { font-size: 112.5% !important }
.flargex { font-size: 125% !important }
.flargexx { font-size: 150% !important }
.flargexxx { font-size: 175% !important }
.flargexxxx { font-size: 200% !important }
.mt00 { margin-top: 0 !important }
.mt08 { margin-top: 8px !important }
.mt16 { margin-top: 16px !important }
.mt24 { margin-top: 24px !important }
.mt32 { margin-top: 32px !important }
.mt40 { margin-top: 40px !important }
.mt56 { margin-top: 56px !important }
.mt72 { margin-top: 72px !important }
.mt88 { margin-top: 88px !important }
.mt120 { margin-top: 120px !important }
.mt200 { margin-top: 200px !important }
.mb00 { margin-bottom: 0 !important }
.mb08 { margin-bottom: 8px !important }
.mb16 { margin-bottom: 16px !important }
.mb24 { margin-bottom: 24px !important }
.mb32 { margin-bottom: 32px !important }
.mb40 { margin-bottom: 40px !important }
.mb56 { margin-bottom: 56px !important }
.mb72 { margin-bottom: 72px !important }
.mb88 { margin-bottom: 88px !important }
.mb120 { margin-bottom: 120px !important }
.mb200 { margin-bottom: 200px !important }
.largetac { text-align: center !important }
.floatl { float: left; clear: both; margin: 0 48px 24px 0 !important }
.floatr { float: right; clear: both; margin: 0 0 24px 48px !important }
#pt { position: fixed; bottom: 16px; right: 16px; display: none; width: 4.8rem; height: 4.8rem; background-image: url(../img/backpt.png); background-repeat: no-repeat; background-position: center center; background-color: rgb(26, 171, 226); border-radius: 2px; border: none; z-index: 999 }
#pt span { font-size: 4.8rem; display: block }
#pt a { color: rgb(26, 171, 226) }
.wc_anctxt { display: inline-block; transform: translateY(0) }
.mylayout02 { background-repeat: no-repeat; background-position: center center; background-size: cover }
.mylayout02inner { background-color: rgba(0, 0, 0, .56); padding: 64px }
.mylayout02text { border: 1px solid #fff; padding: 56px; text-align: center }
.mylayout02text h2 { color: #fff; line-height: 1.5; text-align: center }
.mylayout02text p { color: #fff; margin-top: 32px }
.mylist03 { padding-left: 16px }
.mylayout03 { background-image: url(../img/back13.jpg); padding: 40px 40px 72px; border: none; border-radius: 8px }
.mylayout03 h2 { color: #6C2408; text-align: center; text-shadow: 1px 1px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff,-1px -1px 1px #fff; }
.mylayout03 h3 { color: #842D0B; text-align: center; margin-top: 24px }
.mylayout03words { display: flex; flex-wrap: wrap; margin-top: 32px; justify-content: center }
.mylayout03words div { width: 180px; margin: 0 16px 24px; text-align: center; background-color: #6C2408; color: #fff; padding: 8px; font-weight: 500; border: 1px solid #7F381C; border-radius: 8px }
.mylayout03img { text-align: center; margin-top: 64px }
.mylayout04 { display: flex; align-items: center }
.mylayout04 div:nth-child(1) { width: 144px }
.mylayout04 div:nth-child(2) { width: calc(100% - 144px) }
.mylayout04 img { max-width: 100% }
.mylayout04 strong { font-size: 2.4rem; color: #74350a }
.mylayout04 em { font-size: 88%; font-style: normal; color: #777 }
}

.myiframe { position: relative; padding-top: 56.25% !important }
.myiframe iframe { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; border: none }

.myinview01 { opacity: 0; transform: translateY(40px) }
.myinview02 { opacity: 0 }
.myinview03 { opacity: 0; transform: rotate(5deg)}
.fadefrombottom { transition: all 1s ease; transform: translateX(0); opacity: 1 }
.fadein { transition: all 1s ease; opacity: 1 }
.faderotate { transition: all 1s ease; opacity: 1; transform: rotate(0)}
.wcedit_400237870101 .myinview01, .wcselect_400237870101 .myinview01, .wcarea_400237870101 .myinview01 { opacity: 1; transform: translateY(0) }
.wcedit_400237870101 .myinview02, .wcselect_400237870101 .myinview02, .wcarea_400237870101 .myinview02 { opacity: 1 }
.wcedit_400237870101 .myinview03, .wcselect_400237870101 .myinview03, .wcarea_400237870101 .myinview03 { opacity: 1; transform: rotate(0)}



/* 汎用枠 */
/*-----------------------
reset
-----------------------*/
.hanyou_ttl *, .hanyou_block *, .hanyou_column * { max-height: 100%; margin: 0px; padding: 0px; border: 0; box-sizing: border-box; overflow: visible }
.hanyou_block a:not(.link01, .link02), .hanyou_column a:not(.link01, .link02) { }
.hanyou_block a:not(.link01, .link02):hover, .hanyou_column a:not(.link01, .link02):hover { }
.hanyou_block img, .hanyou_column img { max-width: 100% }
.hanyou_block a:hover img, .hanyou_column a:hover img { opacity: .72; transition: .3s }
.hanyou_block table, .hanyou_column table { border-collapse: collapse; border-spacing: 0 }
.hanyou_block ol, .hanyou_column ol, .hanyou_block ul, .hanyou_column ul { list-style: none }
/*-----------------------
共通設定
-----------------------*/
/* 汎用大枠 */

@media screen and (max-width:767px) {
}
/* 汎用ブロック */
.hanyou_ttl, .hanyou_block, .hanyou_column { width: 1050px; z-index: 1; position: relative; margin: 0 auto }
.hanyou_ttl::after, .hanyou_block::after, .hanyou_column::after { content: ""; clear: both; display: block }
.hanyou_block { margin-bottom: 3em }
.hanyou_column { margin-bottom: calc(3em - 40px) }
.hanyou_ttl a, .hanyou_block a, .hanyou_column a { z-index: +1; position: relative }

@media screen and (max-width:767px) {
.hanyou_ttl, .hanyou_block { width: calc(100% - 32px); margin: 0 16px }
.hanyou_column { width: calc(100% - 16px); margin: 0 8px }
.hanyou_block { margin-bottom: 2em }
}
/* aリンクに下線 */
.hanyou_block a:not(.link01, .link02), .hanyou_column a:not(.link01, .link02) { }
.hanyou_block a:not(.link01, .link02):hover, .hanyou_column a:not(.link01, .link02):hover { }
/*-----------------------
h2～h5タイトル
-----------------------*/
/* 共通 */
.hanyou_ttl h2, .hanyou_ttl h3 { line-height: 1.4 }
.hanyou_ttl h2, .hanyou_ttl h3, .hanyou_ttl h4, .hanyou_ttl h5 { font-weight: bold }

@media screen and (min-width:768px) {
h2.hanyou_ttl, h3.hanyou_ttl, h4.hanyou_ttl, h5.hanyou_ttl { } }
/* 大見出し */
.low_h2 { margin-top: 8em; margin-bottom: 3em }
.low_h2:first-of-type { margin-top: 0 }
.low_h2_ttl { font-size: 3.2rem }
.low_h2_txt { font-family: 'Lato', sans-serif; letter-spacing: 2px; color: rgb(26, 171, 226) }
.low_h2_01 { text-align: center }
.low_h2_01_ttl { margin-bottom: 5px }
.low_h2_02 { }
.low_h2_02::after { content: ""; clear: both; display: block }
.low_h2_02_ttl, .low_h2_02_txt { display: inline-block; table-layout: fixed; vertical-align: middle; float: none }
.low_h2_02_ttl { }
.low_h2_02_txt { margin-left: 1em }

@media screen and (max-width:767px) {
.low_h2 { margin-top: 6em; margin-bottom: 2em }
.low_h2_ttl { font-size: 2rem }
.low_h2_txt { letter-spacing: 1px }
.low_h2_02_txt { display: block; margin: 0 }
}
/* 中見出し */
.low_h3 { margin-top: 4em; margin-bottom: 2em }
.low_h3:first-of-type { margin-top: 0 }
.low_h3_ttl { font-size: 2.2rem }
.low_h3_01_ttl { padding: 4px 16px; color: #fff; background-color: rgb(26, 171, 226); border-radius: 4px }
.low_h3_02 { }
.low_h2_txt_point, .low_h3_02_ttl { display: inline-block; table-layout: fixed; vertical-align: middle; float: none }
.low_h2_txt_point { margin-right: 1em; padding: 10px 20px; font-size: 1.8rem; letter-spacing: 1px; line-height: 1; color: #fff; background-color: rgb(26, 171, 226); border-radius: 100px }
.low_h3_03 { }
.low_h3_03_ttl { padding-bottom: 8px; border-bottom: 4px solid rgb(26, 171, 226) }
.low_h3_date { padding-top: 10px; font-family: 'Lato', sans-serif; font-size: 1.4rem; letter-spacing: 1px; text-align: right }

@media screen and (max-width:767px) {
.low_h3 { margin-top: 3em; margin-bottom: 1.5em }
.low_h3_ttl { font-size: 1.8rem }
.low_h3_01_ttl { padding: 2px 8px }
.low_h2_txt_point { margin-right: .5em; padding: 8px 15px; font-size: 1.6rem }
.low_h3_03_ttl { padding-bottom: 5px; border-bottom-width: 3px }
.low_h3_date { padding-top: 5px }
}
/* 小見出し */
.low_h4 { margin-top: 3em; margin-bottom: 1em }
.low_h4_ttl { font-size: 2.0rem }
.low_h4_01_ttl { padding-bottom: 3px; border-bottom: 4px double rgb(26, 171, 226) }
.low_h4_02_ttl { position: relative; padding-left: 1.3em }
.low_h4_02_ttl::before { position: absolute; content: ""; width: 15px; height: 2px; top: 15px; left: 0; background-color: rgb(26, 171, 226) }

@media screen and (max-width:767px) {
.low_h4 { margin-top: 2em }
.low_h4_ttl { font-size: 1.8rem }
.low_h4_01_ttl { border-bottom-width: 3px }
.low_h4_02_ttl { padding-left: 1em }
.low_h4_02_ttl::before { width: 12px; top: 13px }
}
/* 極小見出し */
.low_h5 { margin-top: 2em; margin-bottom: 1em }
.low_h5_ttl { font-size: 1.7rem }
.low_h5_01_ttl { position: relative; padding-left: 1.2em }
.low_h5_01_ttl::before { position: absolute; content: ""; width: 0; height: 0; top: 5px; left: 2px; border: solid 8px transparent; border-left-color: rgb(26, 171, 226) }
.low_h5_02 { }
.low_h5_02_ttl { padding: 3px 15px; background-color: #f1f1f1 }

@media screen and (max-width:767px) {
low_h5 { margin-top: 1em }
.low_h5_ttl { font-size: 1.6rem }
.low_h5_01_ttl { padding-left: 1em }
.low_h5_01_ttl::before { top: 8px; border-width: 6px }
.low_h5_02_ttl { padding: 3px 12px }
}
/*-----------------------
テキスト
-----------------------*/
/* ノーマルテキスト */
.hanyou_txt_01 { }
.hanyou_txt_01_right { text-align: right }
.hanyou_txt_01_center { text-align: center }
/* 文字大 */
.hanyou_txt_l { letter-spacing: -.4em }
.hanyou_txt_l::after { content: ""; clear: both; display: block }
.hanyou_txt_l_p1, .hanyou_txt_l_p2 { display: inline-block; table-layout: fixed; vertical-align: middle; float: none; letter-spacing: normal !important }
.hanyou_txt_l_p1 { font-size: 2.6rem; font-weight: bold }
.hanyou_txt_l_p2 { font-size: 2.0rem }

@media screen and (max-width:767px) {
.hanyou_txt_l_p1 { font-size: 2.0rem }
.hanyou_txt_l_p2 { font-size: 1.8rem }
}
/* 背景色（薄） */
.hanyou_txt_bg01 { }
.hanyou_txt_bg01_p, .hanyou_txt_bg01_icon_p { padding: 25px 30px; background-color: #f1f1f1 }
.hanyou_txt_bg01_icon { overflow: visible }

@media screen and (max-width:767px) {
.hanyou_txt_bg01_p, .hanyou_txt_bg01_icon_p { padding: 20px }
}
/* 背景色（薄）＋エクスクラメーションアイコン */
.hanyou_txt_bg01_icon_p { position: relative }
.hanyou_txt_bg01_icon_p::before { position: absolute; content: '!'; width: 40px; height: 40px; top: -10px; left: -10px; font-size: 30px; font-weight: 700; text-align: center; line-height: 40px; background-color: #ffcc04; border-radius: 50%; transform: rotate(-15deg) }

@media screen and (max-width:767px) {
.hanyou_txt_bg01_icon_p::before { width: 30px; height: 30px; top: -5px; left: -5px; font-size: 24px; line-height: 30px }
}
/* 背景色（濃） */
.hanyou_txt_bg02 { }
.hanyou_txt_bg02_p, .hanyou_txt_bg02_arrow_p { padding: 25px 30px; color: #fff; background-color: rgb(26, 171, 226) }

@media screen and (max-width:767px) {
.hanyou_txt_bg02_p, .hanyou_txt_bg02_arrow_p { padding: 20px }
}
/* 背景色（濃）＋下矢印 */
.hanyou_txt_bg02_arrow { overflow: visible }
.hanyou_txt_bg02_arrow_p { }
.hanyou_txt_bg02_arrow_p::before { position: absolute; content: ""; width: 50px; height: 10px; bottom: -10px; left: 50%; transform: translateX(-50%); background-color: rgb(26, 171, 226) }
.hanyou_txt_bg02_arrow_p::after { position: absolute; content: ""; width: 0; height: 0; bottom: -30px; left: 50%; transform: translateX(-50%); border-style: solid; border-color: transparent; border-width: 20px 40px 0; border-top-color: rgb(26, 171, 226) }
/* 囲み枠 */
.hanyou_txt_waku01 { }
.hanyou_txt_waku01_p { padding: 25px 30px; border: 2px solid rgb(26, 171, 226) }

@media screen and (max-width:767px) {
.hanyou_txt_waku01_p { padding: 20px }
}
/* 囲み枠＋タイトル */
.hanyou_txt_waku02 { position: relative; padding-top: 20px }
.hanyou_txt_waku02_wrap { padding: 30px 30px 25px 30px; border: 2px solid #ccc }
.hanyou_txt_waku02_p1 { display: inline-block; position: absolute; top: 0; left: 15px; padding: 10px 30px; font-size: 1.8rem; font-weight: bold; line-height: 1.2; color: #fff; background-color: rgb(26, 171, 226); border-radius: 100px }

@media screen and (max-width:767px) {
.hanyou_txt_waku02 { padding-top: 18px }
.hanyou_txt_waku02_wrap { padding: 25px 20px 20px 20px }
.hanyou_txt_waku02_p1 { padding: 8px 20px; font-size: 1.6rem }
}
/*-----------------------
FAQ
-----------------------*/
.hanyou_faq_wrap { padding: 20px; border: 2px solid #ccc }
.hanyou_faq_q { cursor: pointer; position: relative; padding-left: 50px; padding-right: 30px; font-size: 1.8rem; font-weight: bold }
.hanyou_faq_q::before, .hanyou_faq_a::before { position: absolute; width: 30px; height: 30px; top: 0; left: 0; font-family: 'Lato', sans-serif; font-size: 2.0rem; font-weight: normal; text-align: center; line-height: 32px; border: 2px solid rgb(26, 171, 226); border-radius: 4px }
.hanyou_faq_q::before { content: "Q"; color: #fff; background-color: rgb(26, 171, 226) }
.hanyou_faq_a::before { content: "A"; color: rgb(26, 171, 226) }
.hanyou_faq_q::after { position: absolute; content: ""; width: 10px; height: 10px; top: 5px; right: 0; border-style: solid; border-color: rgb(26, 171, 226); border-width: 0 4px 4px 0; transform: rotate(45deg) }
.hanyou_faq_q.open::after { border-width: 4px 0 0 4px }
.hanyou_faq_q:hover { opacity: 0.5; transition: all .5s }
.hanyou_faq_a { position: relative; margin-top: 1.5em; padding-left: 50px; animation-name: opacity_slow; animation-duration: 1s }
@keyframes opacity_slow { 0% { opacity: 0 }
}
.hanyou_faq_img_a { }
.hanyou_faq_img_a::after { content: " "; display: block; clear: both }
.hanyou_faq_a_txt { }
.hanyou_faq_a_img { float: right; max-width: 330px; margin-left: 30px }

@media screen and (max-width:767px) {
.hanyou_faq_q { padding-left: 40px; padding-right: 20px; font-size: 1.6rem }
.hanyou_faq_q::before, .hanyou_faq_a::before { width: 24px; height: 24px; font-size: 1.8rem; line-height: 26px }
.hanyou_faq_q::after { width: 8px; height: 8px; top: 5px; border-width: 0 3px 3px 0 }
.hanyou_faq_q.open::after { border-width: 3px 0 0 3px }
.hanyou_faq_q:hover { opacity: 0.5; transition: all .5s }
.hanyou_faq_a { padding-left: 40px }
.hanyou_faq_a_txt { }
.hanyou_faq_a_img { float: none; display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px }
}
/*-----------------------
タブコンテンツ
-----------------------*/
.hanyou_tab { }
.hanyou_tab_wrap { }
.hanyou_tab_nav { letter-spacing: -.4em !important }
.hanyou_tab_nav::after { content: ""; clear: both; display: block }
.hanyou_tab_nav_li { cursor: pointer; z-index: 9; position: relative; display: inline-block; table-layout: fixed; vertical-align: top; float: none; margin-right: 5px; padding: 10px 20px; font-weight: bold; line-height: 1.4; letter-spacing: normal !important; background-color: #f1f1f1; border: 2px solid #ccc; border-radius: 6px 6px 0 0 }
.hanyou_tab_nav_li.current { background-color: #fff }
.hanyou_tab_nav_li.current::before { position: absolute; content: ""; width: 100%; height: 3px; bottom: -3px; left: 0; right: 0; margin: auto; background-color: #fff }
.hanyou_tab_nav_li:not(.current):hover { background-color: #fff; transition: all .5s }
.hanyou_tab_cnt { position: relative }
.hanyou_tab_cnt_box { opacity: 0; width: 100%; margin-top: -2px; padding: 20px; background-color: #fff; border: 2px solid #ccc }
.hanyou_tab_cnt_box.current { z-index: 5; opacity: 1 }
body[class*="wc"] .hanyou_tab_cnt { height: auto !important; counter-reset: number 0 }
body[class*="wc"] .hanyou_tab_cnt_box { position: relative !important; opacity: 1 !important; border: 2px solid #ccc }
body[class*="wc"] .hanyou_tab_cnt_box::before { counter-increment: number 1; content: "【ナビ"counter(number)"の内容】"; color: red }

@media screen and (max-width:767px) {
.hanyou_tab_nav_li { padding: 8px 15px }
}
/*-----------------------
画像
-----------------------*/
.hanyou_img { }
.hanyou_img_full { width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw) }
/*-----------------------
画像＋重ねたテキストレイアウト
-----------------------*/
.hanyou_imgtxt_left { }
.hanyou_imgtxt_right { }
.hanyou_imgtxt_left_wrap, .hanyou_imgtxt_right_wrap { display: flex; align-items: center }
.hanyou_imgtxt_right_wrap { flex-direction: row-reverse }
.hanyou_imgtxt_left_img, .hanyou_imgtxt_right_img { display: inline-block; width: calc(50% + 100px) }
.hanyou_imgtxt_left_img img, .hanyou_imgtxt_right_img img { width: 100% }
.hanyou_imgtxt_left_txt { z-index: 1; display: inline-block; width: 50%; padding: 50px 0 50px 30px; background-color: rgba(255, 255, 255, 0.9) }
.hanyou_imgtxt_right_txt { z-index: 1; display: inline-block; width: 50%; padding: 50px 30px 50px 0; background-color: rgba(255, 255, 255, 0.9) }
.hanyou_imgtxt_left_txt { margin-left: -100px }
.hanyou_imgtxt_right_txt { margin-right: -100px }

@media screen and (max-width:767px) {
.hanyou_imgtxt_left_wrap, .hanyou_imgtxt_right_wrap { display: block }
.hanyou_imgtxt_left_img, .hanyou_imgtxt_right_img { display: block; width: 100%; margin-bottom: .5em }
.hanyou_imgtxt_left_txt, .hanyou_imgtxt_right_txt { display: block; width: 100%; padding: 0; background-color: transparent }
.hanyou_imgtxt_left_txt { margin-left: 0 }
.hanyou_imgtxt_right_txt { margin-right: 0 }
}
/*-----------------------
多列カラム
-----------------------*/
.hanyou_col_img { text-align: center }
body[class*="wcarea"] .hanyou_col_img img { width: 100% }
.hanyou_col_ttl { font-size: 1.8rem; font-weight: bold }
.hanyou_col_txt { }
.hanyou_col_img + .hanyou_col_ttl, .hanyou_col_img + .hanyou_col_txt, .hanyou_col_img + .hanyou_col_tbl, .hanyou_col_ttl + .hanyou_col_txt, .hanyou_col_ttl + .hanyou_col_tbl, .hanyou_col_txt + .hanyou_col_tbl { margin-top: 1em }

@media screen and (min-width:768px) {
.hanyou_col_wrap { letter-spacing: -.4em !important; margin: 0 -15px }
.hanyou_col_wrap::after { content: ""; clear: both; display: block }
.hanyou_2col_box, .hanyou_2col_box_half, .hanyou_3col_box, .hanyou_4col_box, .hanyou_5col_box { display: inline-block; table-layout: fixed; vertical-align: top; float: none; margin: 0 15px 40px 15px; letter-spacing: normal !important }
.hanyou_2col_box, .hanyou_2col_box_half { width: calc(50% - 30px) }
.hanyou_3col_box { width: calc(33.3333% - 30px) }
.hanyou_4col_box { width: calc(25% - 30px) }
.hanyou_5col_box { width: calc(20% - 30px) }
}

@media screen and (max-width:767px) {
.hanyou_col_wrap { margin: 0; display: flex; flex-wrap: wrap }
.hanyou_2col_box { width: calc(100% - 16px); margin: 0 8px 24px }
.hanyou_2col_box_half { width: calc(50% - 16px); margin: 0 8px 24px }
.hanyou_3col_box, .hanyou_4col_box, .hanyou_5col_box { width: calc(50% - 16px); margin: 0 8px 24px }
.hanyou_col_ttl { font-size: 1.6rem }
.hanyou_col_img + .hanyou_col_ttl, .hanyou_col_img + .hanyou_col_txt, .hanyou_col_img + .hanyou_col_tbl, .hanyou_col_ttl + .hanyou_col_txt, .hanyou_col_ttl + .hanyou_col_tbl, .hanyou_col_txt + .hanyou_col_tbl { margin-top: .5em }
}
/*-----------------------
画像＋文章ブロックレイアウト
-----------------------*/
/* 画像＋文章ブロック */
.hanyou_layout01_l_left { }
.hanyou_layout01_l_right { }
.hanyou_layout01_m_left { }
.hanyou_layout01_m_right { }
.hanyou_layout01_s_left { }
.hanyou_layout01_s_right { }
.hanyou_layout01_l_right .hanyou_layout01_l_imgarea, .hanyou_layout01_m_right .hanyou_layout01_m_imgarea, .hanyou_layout01_s_right .hanyou_layout01_s_imgarea { float: right }
.hanyou_layout01_l_right .hanyou_layout01_l_txtarea, .hanyou_layout01_m_right .hanyou_layout01_m_txtarea, .hanyou_layout01_s_right .hanyou_layout01_s_txtarea { float: left }
.hanyou_layout01_l_imgarea, .hanyou_layout01_m_imgarea, .hanyou_layout01_s_imgarea, .hanyou_layout01_l_txtarea, .hanyou_layout01_m_txtarea, .hanyou_layout01_s_txtarea { display: inline-block; table-layout: fixed; vertical-align: top; float: none; margin: 0 15px 40px 15px; letter-spacing: normal !important }
.hanyou_layout01_l_imgarea, .hanyou_layout01_l_txtarea { width: calc(50% - 30px) }
.hanyou_layout01_m_imgarea { width: calc(33.3333% - 30px) }
.hanyou_layout01_m_txtarea { width: calc(66.6667% - 30px) }
.hanyou_layout01_s_imgarea { width: calc(25% - 30px) }
.hanyou_layout01_s_txtarea { width: calc(75% - 30px) }

@media screen and (max-width:767px) {
.hanyou_layout01_l_right .hanyou_layout01_l_imgarea, .hanyou_layout01_m_right .hanyou_layout01_m_imgarea, .hanyou_layout01_s_right .hanyou_layout01_s_imgarea, .hanyou_layout01_l_right .hanyou_layout01_l_txtarea, .hanyou_layout01_m_right .hanyou_layout01_m_txtarea, .hanyou_layout01_s_right .hanyou_layout01_s_txtarea { float: none }
.hanyou_layout01_l_imgarea, .hanyou_layout01_m_imgarea, .hanyou_layout01_s_imgarea { display: block; margin: 0 8px 16px }
.hanyou_layout01_l_txtarea, .hanyou_layout01_m_txtarea, .hanyou_layout01_s_txtarea { display: block; margin: 0 8px 32px }
.hanyou_layout01_l_imgarea, .hanyou_layout01_l_txtarea, .hanyou_layout01_m_imgarea, .hanyou_layout01_m_txtarea, .hanyou_layout01_s_imgarea, .hanyou_layout01_s_txtarea { width: 100% }
}
/* 2つ並び画像＋テキスト */
.hanyou_layout02_left { }
.hanyou_layout02_right { }
.hanyou_layout02_wrap { letter-spacing: -.4em !important }
.hanyou_layout02_wrap::after { content: ""; clear: both; display: block }
.hanyou_layout02_imgarea, .hanyou_layout02_txtarea { width: 50%; display: inline-block; table-layout: fixed; vertical-align: top; float: none; letter-spacing: normal !important }
.hanyou_layout02_imgarea { letter-spacing: -.4em !important }
.hanyou_layout02_right .hanyou_layout02_imgarea { float: right }
.hanyou_layout02_left .hanyou_layout02_imgarea { padding-right: 15px }
.hanyou_layout02_right .hanyou_layout02_imgarea { padding-left: 15px }
.hanyou_layout02_imgarea::after { content: ""; clear: both; display: block }
.hanyou_layout02_imgarea_img { width: 50%; display: inline-block; table-layout: fixed; vertical-align: top; float: none; letter-spacing: normal !important }
.hanyou_layout02_imgarea_img:nth-of-type(1) { padding-right: 15px }
.hanyou_layout02_imgarea_img:nth-of-type(2) { padding-left: 15px }
.hanyou_layout02_txtarea { }
.hanyou_layout02_left .hanyou_layout02_txtarea { padding-left: 15px }
.hanyou_layout02_right .hanyou_layout02_txtarea { float: left; padding-right: 15px }

@media screen and (max-width:767px) {
.hanyou_layout02_imgarea, .hanyou_layout02_txtarea { display: block; width: 100% }
.hanyou_layout02_right .hanyou_layout02_imgarea { float: none }
.hanyou_layout02_left .hanyou_layout02_imgarea { padding-right: 0 }
.hanyou_layout02_right .hanyou_layout02_imgarea { padding-left: 0 }
.hanyou_layout02_imgarea { max-width: 670px; margin-right: auto; margin-left: auto; margin-bottom: .5em }
.hanyou_layout02_imgarea_img:nth-of-type(1) { padding-right: 8px }
.hanyou_layout02_imgarea_img:nth-of-type(2) { padding-left: 8px }
.hanyou_layout02_left .hanyou_layout02_txtarea { padding-left: 0px }
.hanyou_layout02_right .hanyou_layout02_txtarea { float: none; padding-right: 0px }
}
/*-----------------------
吹き出し付き画像
-----------------------*/
.hanyou_hukidashi_left { }
.hanyou_hukidashi_right { }
.hanyou_hukidashi_wrap { display: flex; align-items: center }
.hanyou_hukidashi_right .hanyou_hukidashi_wrap { flex-direction: row-reverse }
.hanyou_hukidashi_img, .hanyou_hukidashi_txt { display: inline-block }
.hanyou_hukidashi_img { width: 186px }
.hanyou_hukidashi_txt { position: relative; width: calc(100% - 186px - 30px); padding: 20px; background-color: #f1f1f1; border-radius: 6px }
.hanyou_hukidashi_left .hanyou_hukidashi_txt { margin-left: 30px }
.hanyou_hukidashi_right .hanyou_hukidashi_txt { margin-right: 30px }
.hanyou_hukidashi_txt::before { pointer-events: none; position: absolute; content: ""; width: 0; height: 0; top: 50%; transform: translateY(-50%); border: 10px solid transparent }
.hanyou_hukidashi_left .hanyou_hukidashi_txt::before { right: 100%; border-right-color: #f1f1f1 }
.hanyou_hukidashi_right .hanyou_hukidashi_txt::before { left: 100%; border-left-color: #f1f1f1 }

@media screen and (max-width:767px) {
.hanyou_hukidashi_wrap { display: block }
.hanyou_hukidashi_img, .hanyou_hukidashi_txt { display: block }
.hanyou_hukidashi_img { text-align: center; width: 100% }
.hanyou_hukidashi_txt { width: 100%; padding: 20px; background-color: #f1f1f1; border-radius: 6px }
.hanyou_hukidashi_left .hanyou_hukidashi_txt { margin-top: 20px; margin-left: 0 }
.hanyou_hukidashi_right .hanyou_hukidashi_txt { margin-top: 20px; margin-right: 0 }
.hanyou_hukidashi_left .hanyou_hukidashi_txt::before, .hanyou_hukidashi_right .hanyou_hukidashi_txt::before { top: -20px; left: 50%; transform: initial; transform: translateX(-50%); border: 10px solid transparent; border-color: transparent; border-bottom-color: #f1f1f1 }
}
/*-----------------------
リンクボタン
-----------------------*/
.hanyou_link_left { }
.hanyou_link_right { text-align: right }
.hanyou_link_center { text-align: center }
a.link01, a.link02, .mylink01 a { display: inline-block; white-space: nowrap; padding: 10px 50px 10px 30px; text-align: center; text-decoration: none !important; line-height: 1.4; color: #fff; background-color: rgb(26, 171, 226); border: 2px solid rgb(26, 171, 226); border-radius: 100px }
body[class*="wcedit"] a.link01, body[class*="wcedit"] a.link02, body[class*="wcedit"] .mylink01 a { display: inline !important; color: rgb(26, 171, 226); background-color: transparent }
a.link02 { margin-left: 50%; transform: translateX(-50%) }
a.link01::after, a.link02::after, .mylink01 a::after { position: absolute; vertical-align: middle; content: "\0bb"; width: 15px; height: 16px; top: 50%; transform: translateY(-50%); -webkit- transform: translateY(-50%); right: 25px; font-family: 'Lato', sans-serif; font-size: 3rem; line-height: 10px }
a.link01:hover, a.link02:hover, .mylink01 a:hover { color: rgb(26, 171, 226); background-color: #fff; transition: all .5s }

@media screen and (max-width:767px) {
a.link01, a.link02, .mylink01 a { padding: 6px 40px 6px 30px }
a.link01::after, a.link02::after, .mylink01 a::after { width: 15px; height: 15px; right: 10px; font-size: 2.5rem; line-height: 10px }
a.link01:hover, a.link02:hover, .mylink01 a:hover { color: rgb(26, 171, 226); background-color: #fff; transition: all .5s }
}
/* 分割可変ボタン */
.hanyou_linklist_ul { margin: 0 -5px; letter-spacing: -.4em !important; display: flex; flex-wrap: wrap }
.hanyou_linklist_ul::after { content: ""; clear: both; display: block }
.hanyou_linklist_li { display: inline-block; table-layout: fixed; vertical-align: top; float: none; letter-spacing: normal !important; width: 100%; margin-bottom: 10px; padding: 0 5px }
.hanyou_linklist_li .link01, .hanyou_linklist_li .mylink01 a { white-space: break-spaces }
.hanyou_linklist1 .hanyou_linklist_li { max-width: 100% }
.hanyou_linklist2 .hanyou_linklist_li { max-width: 50% }
.hanyou_linklist3 .hanyou_linklist_li, .hanyou_linklist6 .hanyou_linklist_li { max-width: 33.333333333333333% }
.hanyou_linklist4 .hanyou_linklist_li, .hanyou_linklist7 .hanyou_linklist_li, .hanyou_linklist8 .hanyou_linklist_li { max-width: 25% }
.hanyou_linklist5 .hanyou_linklist_li, .hanyou_linklist9 .hanyou_linklist_li, .hanyou_linklist10 .hanyou_linklist_li { max-width: 20% }
.hanyou_linklist_li .link01, .hanyou_linklist_li .mylink01 a { width: 100% }

@media screen and (max-width:767px) {
.hanyou_linklist1 .hanyou_linklist_li, .hanyou_linklist2 .hanyou_linklist_li, .hanyou_linklist3 .hanyou_linklist_li, .hanyou_linklist6 .hanyou_linklist_li, .hanyou_linklist4 .hanyou_linklist_li, .hanyou_linklist7 .hanyou_linklist_li, .hanyou_linklist8 .hanyou_linklist_li, .hanyou_linklist5 .hanyou_linklist_li, .hanyou_linklist9 .hanyou_linklist_li, .hanyou_linklist10 .hanyou_linklist_li { max-width: 100% }
}
/* 分割可変ショートカット */
.hanyou_shortcut a::after { transform: rotate(90deg); margin-top: -8px }
/*-----------------------
下矢印
-----------------------*/
.hanyou_arrow_p { position: relative; height: 20px }
.hanyou_arrow_p::after { position: absolute; content: ""; width: 0; height: 0; top: 0; left: 50%; transform: translateX(-50%); border: solid transparent; border-width: 20px 40px 0; border-top-color: #aaa }
/*-----------------------
横方向フローチャート
-----------------------*/
.hanyou_yokoflow { }
.hanyou_yokoflow .hanyou_col_wrap { margin: 0 -30px }
.hanyou_yokoflow_box { position: relative; display: inline-block; float: none; width: calc(33.3333% - 60px); margin: 0 30px 40px 30px; table-layout: fixed; vertical-align: top; letter-spacing: normal !important }
.hanyou_yokoflow_box::before { position: absolute; content: ""; width: 20px; height: 20px; top: 80px; left: -50px; border-style: solid; border-color: #aaa; border-width: 6px 6px 0 0; transform: rotate(45deg) }
.hanyou_yokoflow_box:first-of-type::before { display: none }

@media screen and (max-width:767px) {
.hanyou_yokoflow .hanyou_col_wrap { margin: 0 }
.hanyou_yokoflow_box { display: block; width: 100%; margin: 0 0 40px 0 }
.hanyou_yokoflow_box::before { width: 15px; height: 15px; top: -40px; left: 50%; transform: translateX(-50%); -webkit- transform: translateX(-50%); margin-left: -10px; border-width: 0 4px 4px 0; transform: rotate(45deg) }
}
/*-----------------------
ビフォー・アフター
-----------------------*/
.hanyou_beforeafter { }
.hanyou_beforeafter_wrap { letter-spacing: -.4em }
.hanyou_beforeafter_wrap::after { content: ""; clear: both; display: block }
.hanyou_beforeafter_box_before, .hanyou_beforeafter_box_after { position: relative; display: inline-block; float: none; width: 50%; table-layout: fixed; vertical-align: top; letter-spacing: normal !important }
.hanyou_beforeafter_box_before { padding-right: 40px }
.hanyou_beforeafter_box_after { padding-left: 40px }
.hanyou_beforeafter_box_before .hanyou_col_img, .hanyou_beforeafter_box_after .hanyou_col_img { position: relative; background-color: #f1f1f1 }
.hanyou_beforeafter_img_before, .hanyou_beforeafter_img_after { position: absolute; display: inline-block; top: 0; padding: 12px 30px; font-family: 'Lato', sans-serif; font-weight: bold; line-height: 1; letter-spacing: 2px; color: #fff }
.hanyou_beforeafter_img_before { left: 0; background-color: #888 }
.hanyou_beforeafter_img_after { right: 0; background-color: rgb(26, 171, 226) }
.hanyou_beforeafter_box_before::after { position: absolute; content: ""; width: 30px; height: 30px; top: 130px; right: -10px; border-style: solid; border-color: #aaa; border-width: 6px 6px 0 0; transform: rotate(45deg) }
.hanyou_beforeafter_box_before { }
.hanyou_beforeafter_box_after { }

@media screen and (max-width:767px) {
.hanyou_beforeafter_box_before, .hanyou_beforeafter_box_after { display: block; width: 100%; max-width: 510px; margin: auto }
.hanyou_beforeafter_box_before { margin-bottom: 40px; padding-right: 0 }
.hanyou_beforeafter_box_after { padding-left: 0 }
.hanyou_beforeafter_img_before, .hanyou_beforeafter_img_after { padding: 10px 20px; letter-spacing: 1px }
.hanyou_beforeafter_img_after { right: inherit; left: 0 }
.hanyou_beforeafter_box_before::after { width: 20px; height: 20px; top: inherit; bottom: -22px; margin-left: -15px; left: 50%; transform: translateX(-50%); -webkit- transform: translateX(-50%); border-width: 0 0 4px 4px; transform: rotate(-45deg) }
}
/*-----------------------
テーブル
-----------------------*/
/* 共通 */
.hanyoutbl { width: 100% }
.hanyoutbl_th, .hanyoutbl_td { padding: 10px 15px; border: 1px solid #ccc }
.hanyoutbl_th { background-color: #f1f1f1 }

@media screen and (max-width:767px) {
.hanyoutbl_th, .hanyoutbl_td { padding: 8px 10px }
}
/* 改行させない */
.text-nowrap { white-space: nowrap }
/* テーブル1・下線のみ */
.hanyou_tbl01_tbl { width: 100% }
.hanyou_tbl01_tr { border-bottom: 1px solid #ccc }
.hanyou_tbl01_th, .hanyou_tbl01_td { padding: 12px }

@media screen and (max-width:767px) {
.hanyou_tbl01, .hanyou_tbl01_tr, .hanyou_tbl01_th, .hanyou_tbl01_td { display: block }
.hanyou_tbl01_th { padding-bottom: 0 }
}
/* テーブル2 */
.hanyou_tbl02 th { width: 232px }

@media screen and (max-width:767px) {
.hanyou_tbl02 tr, .hanyou_tbl02 .hanyoutbl_th, .hanyou_tbl02 .hanyoutbl_td { display: block }
.hanyou_tbl02 .hanyoutbl_th { border-bottom: 0 }
.hanyou_tbl02 tr + tr .hanyoutbl_th { border-top: 0 }
.hanyou_tbl02 th { width: 100% }
}
/* 等幅テーブル（横2～4列） */
.hanyou_tbl2col_tbl, .hanyou_tbl3col_tbl, .hanyou_tbl4col_tbl { table-layout: fixed }

@media screen and (max-width:767px) {
.tbl_scroll { overflow-y: hidden; overflow-x: scroll; padding-bottom: 16px }
.tbl_scroll .hanyoutbl { width: 767px }
.tbl_scroll::-webkit-scrollbar { height: 8px }
.tbl_scroll::-webkit-scrollbar-track { background: #fff; background-color: #f1f1f1 }
.tbl_scroll::-webkit-scrollbar-thumb { background: #b1b1b1; border-radius: 100px }
}
/*-----------------------
縦方向フローチャート
-----------------------*/
.hanyou_tateflow { }
.hanyou_tateflow_ul { position: relative }
.hanyou_tateflow_box { position: relative; padding-bottom: 20px; letter-spacing: -.4em }
.hanyou_tateflow_box:last-of-type { padding-bottom: 0 }
.hanyou_tateflow_box::before { z-index: -1; position: absolute; content: ""; width: 5px; height: 100%; top: 0; left: 95px; background-color: rgb(26, 171, 226) }
.hanyou_tateflow_box:last-of-type::before { display: none }
.hanyou_tateflow_box::after { content: ""; clear: both; display: block }
.hanyou_tateflow_ttl, .hanyou_tateflow_txtarea, .hanyou_tateflow_txtarea2 { display: inline-block; table-layout: fixed; vertical-align: top; float: none; letter-spacing: normal !important }
.hanyou_tateflow_ttl { width: 200px; padding: 15px 10px; text-align: center; color: #fff; background-color: rgb(26, 171, 226); border-radius: 6px }
.hanyou_tateflow_txtarea, .hanyou_tateflow_txtarea2 { width: calc(100% - 200px); padding-left: 40px }
.hanyou_tateflow_txtarea2 { letter-spacing: -.4em }
.hanyou_tateflow_txtarea2::after { content: ""; clear: both; display: block }
.hanyou_tateflow_img, .hanyou_tateflow_txt { display: inline-block; table-layout: fixed; vertical-align: top; float: none; letter-spacing: normal !important }
.hanyou_tateflow_img { width: 250px; float: right }
body[class*='wcarea'] .hanyou_tateflow_img img { width: 100% }
.hanyou_tateflow_txt { width: calc(100% - 250px); float: left; padding-right: 20px }

@media screen and (max-width:767px) {
.hanyou_tateflow_box::before { width: 5px; height: 100%; top: 0; left: 15px; background-color: rgb(26, 171, 226) }
.hanyou_tateflow_ttl, .hanyou_tateflow_txtarea, .hanyou_tateflow_txtarea2 { display: block }
.hanyou_tateflow_ttl { width: 100%; margin-bottom: 10px; padding: 8px 10px; text-align: left; border-radius: 6px }
.hanyou_tateflow_txtarea, .hanyou_tateflow_txtarea2 { width: 100% }
.hanyou_tateflow_img, .hanyou_tateflow_txt { display: block }
.hanyou_tateflow_img { width: 100%; float: none; margin-bottom: .5em }
.hanyou_tateflow_img img { }
.hanyou_tateflow_txt { width: 100%; float: none; padding-right: 0 }
}
/*-----------------------
リスト
-----------------------*/
/* 2つ並びリスト・パターン1 */
.hanyou_list01 { }
.hanyou_list01_ul, .hanyou_list02_ul { }
.hanyou_list01_li, .hanyou_list02_li { display: flex; padding: 15px; border-bottom: 1px solid #ccc }
.hanyou_list01_txt1, .hanyou_list01_txt2, .hanyou_list02_txt1, .hanyou_list02_txt2 { display: inline-block }
.hanyou_list01_txt1, .hanyou_list02_txt1 { margin-right: 1em }
.hanyou_list01_txt1 { min-width: 100px }
.hanyou_list01_txt2 { }

@media screen and (max-width:767px) {
.hanyou_list01_li { display: block; padding: 10px }
.hanyou_list01_txt1, .hanyou_list01_txt2 { display: block }
.hanyou_list01_txt1 { margin-right: 0 }
}
/* 2つ並びリスト・パターン2 */
.hanyou_list02 { }
.hanyou_list02_ul { }
.hanyou_list02_li { justify-content: space-between }
.hanyou_list02_txt2 { min-width: 150px; text-align: right }

@media screen and (max-width:767px) {
.hanyou_list02_li { padding: 10px }
.hanyou_list02_txt2 { min-width: 100px }
}
/* マーク付きリスト */
.hanyou_marklist { }
.hanyou_marklist_ul { }
.hanyou_marklist_li, .hanyou_checklist_li, .hanyou_numlist_li { position: relative; margin-bottom: 4px; padding-left: 28px }
.hanyou_marklist_li:last-of-type, .hanyou_checklist_li:last-of-type, .hanyou_numlist_li:last-of-type { margin-bottom: 0 }
.hanyou_marklist_li::before { position: absolute; content: ""; width: 12px; height: 12px; top: 7px; left: 0; background-color: rgba(26, 171, 226, 0.7); border-radius: 50% }
.hanyou_marklist_li::after { position: absolute; content: ""; width: 8px; height: 8px; top: 13px; left: 6px; background-color: rgba(26, 171, 226, 0.7); border-radius: 50% }

@media screen and (max-width:767px) {
.hanyou_marklist_li, .hanyou_checklist_li, .hanyou_numlist_li { padding-left: 22px }
.hanyou_marklist_li::before { width: 11px; height: 11px }
.hanyou_marklist_li::after { width: 6px; height: 6px }
}
/* チェック付きリスト */
.hanyou_checklist { }
.hanyou_checklist_ul { }
.hanyou_checklist_li { }
.hanyou_checklist_li::before { position: absolute; content: ""; width: 10px; height: 5px; top: 10px; left: 2px; border-left: 2px solid rgb(26, 171, 226); border-bottom: 2px solid rgb(26, 171, 226); transform: rotate(-45deg) }

@media screen and (max-width:767px) {
.hanyou_checklist_li::before { font-size: 1.5rem }
}
/* 番号付きリスト */
.hanyou_numlist { }
.hanyou_numlist_ul { counter-reset: number }
.hanyou_numlist_li::before { display: inline-block; position: absolute; width: 20px; height: 20px; top: 5px; left: 0; font-family: 'Lato', sans-serif; font-size: 1.5rem; text-align: center; line-height: 20px; background-color: rgb(26, 171, 226); border-radius: 50%; color: #fff; counter-increment: number; content: counter(number) }

@media screen and (max-width:767px) {
.hanyou_numlist_li::before { width: 17px; height: 17px; top: 5px; font-size: 1.4rem; line-height: 17px }
}
/*-----------------------
Google Map・Youtubeレイアウト
-----------------------*/
/* Google Map・Youtube＋テキスト */
.hanyou_gmapyoutube_left { }
.hanyou_gmapyoutube_right { }
.hanyou_gmapyoutube_wrap { letter-spacing: -.4em }
.hanyou_gmapyoutube_wrap::after { content: ""; clear: both; display: block }
.hanyou_gmapyoutube_left_iframewrap, .hanyou_gmapyoutube_right_iframewrap, .hanyou_gmapyoutube_left_txt, .hanyou_gmapyoutube_right_txt { width: calc(50% - 20px); display: inline-block; table-layout: fixed; vertical-align: top; float: none; letter-spacing: normal !important }
.hanyou_gmapyoutube_left_iframewrap, .hanyou_gmapyoutube_right_iframewrap { height: 400px; background-color: #f1f1f1 }
.hanyou_gmapyoutube_left_iframewrap { margin-right: 20px }
.hanyou_gmapyoutube_right_iframewrap { margin-left: 20px; float: right }
.hanyou_gmapyoutube_left_iframewrap iframe, .hanyou_gmapyoutube_right_iframewrap iframe { display: block; width: 100%; height: 100% }
.hanyou_gmapyoutube_left_txt { margin-left: 20px }
.hanyou_gmapyoutube_right_txt { margin-right: 20px; float: left }

@media screen and (max-width:767px) {
.hanyou_gmapyoutube_left_iframewrap, .hanyou_gmapyoutube_right_iframewrap, .hanyou_gmapyoutube_left_txt, .hanyou_gmapyoutube_right_txt { width: 100%; display: block }
.hanyou_gmapyoutube_left_iframewrap, .hanyou_gmapyoutube_right_iframewrap { height: 60vw; margin-bottom: .5em }
.hanyou_gmapyoutube_left_iframewrap { margin-right: 0 }
.hanyou_gmapyoutube_right_iframewrap { margin-left: 0; float: none }
.hanyou_gmapyoutube_left_txt { margin-left: 0 }
.hanyou_gmapyoutube_right_txt { margin-right: 0; float: none }
}
/* Google Map・Youtubeフルサイズ */
.hanyou_gmapyoutube_full { }
.hanyou_gmapyoutube_full_iframewrap { height: 600px; background-color: #f1f1f1 }
.hanyou_gmapyoutube_full_iframewrap iframe { display: block; width: 100%; height: 100% }

@media screen and (max-width:767px) {
.hanyou_gmapyoutube_full_iframewrap { height: 60vw }
}

/*************************TOP 事業案内************************/

#mysection03_2 { display: flex; border-bottom: 16px solid #1aabe2; flex-wrap: wrap; }
#mysection03_2 .base { width: 50%; position: relative; background-color: #000; }
#mysection03_2 img { max-width: 100%; opacity: 0.6}
#mysection03_2 .text { position: absolute; top:20%; left: 10%; text-shadow: 1px 1px 10px rgba(0,0,0,0.62);}
#mysection03_2 .text .en{ pfont-family: 'Lato', sans-serif; font-weight: 700; font-size: 5rem;}
#mysection03_2 .text .jp{ pfont-family: 'Lato', sans-serif; font-weight: 700; font-size: 2rem;}


#mysection03_2 .base:nth-child(1) p.en{ color: #fff; }
#mysection03_2 .base:nth-child(1) p.jp{ color: #fff; }
#mysection03_2 .base:nth-child(2) p.en{ color: #1aabe2; }
#mysection03_2 .base:nth-child(2) p.jp{ color: #fff; }

@media screen and (max-width:767px){
	#mysection03_2 .text .en{ font-size: 2rem;}
#mysection03_2 .text .jp{ font-size: 1rem; left:10%}
	#mysection03_2 .base { width: 100%; height: 100px; }
	#mysection03_2 .base img{ position: absolute; width: 100% !important; height: 100% !important; object-fit: cover;}
}
 #mysection03_2 a::after{
position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: transparent;
}

/*************************設備************************/
h5.blue{
	padding: 8px 1.2em;
	background-color: #56C3EB;
	text-align: center;
	color: #fff;
	font-size: 2rem;
	margin-bottom: 10px;
	border-radius: 15px;
}
h5.green{
	padding: 8px 1.2em;
	background-color: #AACB56;
	text-align: center;
	color: #fff;
	font-size: 2rem;
	margin-bottom: 10px;
	border-radius: 15px;
}
.midashi_blue {
	background-color: #56C3EB !important;
}
.midashi_green {
	background-color: #AACB56 !important;
}
.line_blue {
	border: 1px solid #56C3EB;
	border-radius: 10px;
	padding: 8px;
	box-sizing: border-box;
}
.line_yellow {
	border: 1px solid #E9AE2E;
	border-radius: 10px;
	padding: 8px;
	box-sizing: border-box;
}
.line_01 {
	border: 1px solid #00A93D;
	border-radius: 10px;
	padding: 8px;
	box-sizing: border-box;
}
.line_02 {
	border: 1px solid #FF0004;
	border-radius: 10px;
	padding: 8px;
	box-sizing: border-box;
}

/*************************biomass************************/

th.blue {
	background-color: #28B4E8 !important;
	color: #fff !important
}
th.green {
	background-color: #9CC928 !important;
	color: #fff !important
}
th.yellow{
	background-color: #FFF9D1 !important;
	color: #3E3E3E !important
}
.biomass td {
	text-align: center !important
}
.biomass td:last-child {
	color: #7E7D7D
}

/*************************プログラミング************************/

.hanyou_2col_box_half.line_blue,
.hanyou_2col_box_half.line_yellow,
.hanyou_2col_box_half.line_01,
.hanyou_2col_box_half.line_02{
	padding: 20px;
}
.logical_li p{
	font-size: 3rem;
	font-weight: 600;
	padding-left:px;
	padding-bottom: 5px;
}

.logical_li p::before{
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	background-size: 30px 30px;
	margin-right: 10px;
}
.logical_li p:nth-child(1){
	color: #33b830;
}
.logical_li p:nth-child(1)::before{
	background-image:url("../img/puzzle01.png");
}
.logical_li p:nth-child(2){
	color: #009ff2;
}
.logical_li p:nth-child(2)::before{
	background-image:url("../img/puzzle03.png");
}
.logical_li p:nth-child(3){
	color: #dcb500;
}
.logical_li p:nth-child(3)::before{
	background-image:url("../img/puzzle02.png");
}
/*************************プログラミング療育************************/
@media screen and (max-width:767px){
	.logical_li p{
	font-size: 1.5rem;
	
}
	.logical_li p::before{
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	background-size: 18px 18px;
	margin-right: 5px;
}
} 
.p_therapy_price {
	display: flex;
	justify-content: center;
	align-items:baseline;
}
.p_therapy_price .black {
	font-weight: 600;
	font-size: 5rem;
	margin: 0 0.3em;
}
.p_therapy_price .black2 {
	font-weight: 600;
	font-size: 3rem;
	margin: 0 0.3em;
}
.p_therapy_price .red {
	font-weight: 600;
	font-size: 6rem;
	margin: 0;
	color: #DB0407;
}
@media screen and (max-width:767px){
	
	.p_therapy_price {}
	
.p_therapy_price .black {
	font-size: 2rem;
}
.p_therapy_price .black2 {
	font-size: 1.5rem;
}
.p_therapy_price .red {
	font-size: 4rem;
}
	
}

/**************発電機保守****************/
.generator_li{
	display: flex;
	flex-wrap: wrap;
}

.generator_li li{
	width: 33%;
}
.generator_li li::before{
	content: "・";
	margin-right: 0.5em;
}
.tenken_table {}

.tenken {
	width: 100%;
	max-width: 1040px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
}
.tenken td,
.tenken th{
	border: 1px solid #4F4F4F;
	padding-top: 5px;
	padding-bottom: 5px;
}
.tenken td{
	color: #1aabe2
}

.tenken tr:first-child th{
	background-color: #DBEEF5
}
.tenken tr:not(:first-child) th{
	background-color: #F7F7F7
}

@media screen and (max-width:767px){
	.tenken_table { 
	overflow-x: scroll;
	}
	.tenken {
		width:600px;
		max-width: 600px;
	}
	.tenken tr,
	.tenken td{
		font-size: 0.8em;
	}
	
	.generator_li li{
	width: 100%;
}
}
/***********ごはんやお***********************/
.br8{
	border-radius: 8px;
}
.gohanyao_box {
	display: flex;
}

.gohanyao_box .gohanyao_box_l{
	width: 50%;
}
.gohanyao_box .gohanyao_box_r{
	width: 50%;
}
.gohanyao_box .gohanyao_box_r img{
	width: 100%;
}
@media screen and (max-width:767px){
	.gohanyao_box {
	display: block;
}
.gohanyao_box .gohanyao_box_r{
	width: 100%;
}
.gohanyao_box .gohanyao_box_l{
	width: 100%;
}
}

.cook table {
	margin-top: 15px;
	border-collapse:collapse;
}
.cook table tr:first-child {
	background-color: #f1f1f1;
	font-weight: bold;
}
.cook table td {
	text-align: center;
}

td.hanyoutbl_td.back41{
	background-color:#fff !important;
	font-weight:normal;
}

#footeraddress a{
	color: #fff;
}
@media screen and (min-width:768px) and (max-width:1500px){
.mysection02_flex { width: 100%;}
.mysection02inner dt {font-size: 4rem }
.mysection02inner dd { font-size: 1.8rem; }	
.mysection02_flex > div:first-child{ width: 40%}
.mysection02_flex > div:last-child{ width: 60%}	
}
@media screen and (min-width:767px) and (max-width:1200px){
.mysection03-02 dt {font-size: 2.6rem !important}
.mysection03-02 dd { font-size: 1rem !important}
}


.mysection03-02 dt.blue,
.mysection03-03 dt.blue{
color: #1aabe2
}

.wcedit_400237870101 .mysection03-02 a::after,
.wcedit_400237870101 .mysection03-03 a::after,
.wcedit_400237870101 .mysection02inner a::after{
display: none !important;
}
.wcedit_400237870101 .mysection02inner .link_btn,
.wcedit_400237870101 .mysection03-02 .link_btn,
.wcedit_400237870101 .mysection03-03 .link_btn{
	font-size: 15px;
	position: absolute;
	bottom: 5px;
	display: block;
	right: 15px;

}

#mysection06_2 .mysection06_2_innner{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	padding: 70px 0 40px;
}
@media screen and (max-width:767px){
#mysection06_2 .mysection06_2_innner{
	padding: 50px 0 40px;
}	
}
#mysection06_2 .mysection06_2_innner .x_bannerbox{
	width: 90%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #000;
	background-color: #fff;
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	box-sizing: border-box;
	overflow: hidden;
}
#mysection06_2 .mysection06_2_innner .x_bannerbox h3{
	margin: 5px 0;
}
#mysection06_2 .mysection06_2_innner .x_bannerbox p{
	font-size: 0.8em;
}
#mysection06_2 .mysection06_2_innner .x_bannerbox_h2{
	display: flex !important;
	justify-content: flex-start;
}
#mysection06_2 .x_bannerbox_h2 .icon{
	width: 30px;
	height: 30px;
}
#mysection06_2 .x_bannerbox_h2 .icon img{
	width: 100%;
	height: auto;
	border-radius: 5px;
}
#mysection06_2 .x_bannerbox_h2 h2{
	margin: 0 10px !important;
	line-height: 1;
}
#mysection06_2 .x_bannerbox_h2 h2 span{
	font-size: 0.8em;
}
@media screen and (min-width:768px){
	#mysection06_2 .mysection06_2_innner .x_bannerbox .leftbox{
		width: 60%;
	}
	#mysection06_2 .mysection06_2_innner .x_bannerbox .righttbox{
		width: 40%
	}
}
.x_bannerbox .righttbox .button {
	padding: 10px;
	text-align: center;
}
.x_bannerbox .righttbox .button a{
	max-width: 200px;
	background-color: #000;
	color: #fff;
	padding: 10px 10px 10px 30px;
	text-align: left;
	display: block;
	text-decoration: none !important;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.x_bannerbox .righttbox .button a:hover{
	opacity: 0.8;
}
.x_bannerbox .righttbox .button a::after{
	width: 30px;
	height: 1px;
	background: #fff;
	top:25px;
	right:20px;
	position: absolute;
	content: "";
}
@media screen and (max-width:767px){
	#mysection06_2 .mysection06_2_innner .x_bannerbox .leftbox,
	#mysection06_2 .mysection06_2_innner .x_bannerbox .righttbox{
	width: 100%;
	margin-bottom: 10px;
	}
	#mysection06_2 .mysection06_2_innner .x_bannerbox {
		width: 100%;}
	.x_bannerbox .righttbox .button a{
	max-width: 180px;
}
	}