html,body {width: 100%; box-sizing:border-box;word-break: break-all;}
* {font-family:Noto Sans JP;}
html { color:#111111; font-weight:400;font-family:Noto Sans JP;}
html {word-break: break-all;
overflow-wrap: break-word;
word-wrap: break-word;
}
.youtube {
width: 100%;
aspect-ratio: 16 / 9;
}
.youtube iframe {
width: 100%;
height: 100%;
}
/*common*/
.cl {clear:both; font-size:0px; line-height:0px;}
img {border-style:none; vertical-align: bottom;}
form {margin:0px; padding:0px;}
.imgfl {float:left; margin:0px 40px 10px 0px;}
.imgfr {float:right; margin:0px 0px 10px 40px;}
.txt-s {font-size:10px; line-height:16px;}
.txt-m {font-size:13px; line-height:20px;}
.txt-l {font-size:17px; line-height:34px;}
.txt-l2 {font-size:18px; line-height:36px;}
.txt-l3 {font-size:20px; line-height:44px;}
.tar {text-align:right;}
.tac {text-align:center!important;}
.tal {text-align:left!important;}
.pctac {text-align:center!important;}
.pchid {display:none;}/*PCで非表示にするもの*/
.sphid {}/*スマホで非表示にするもの*/
.spimg {width:auto; height:auto; padding:0px 0px 10px 0px;}
a {color:#0075be; text-decoration:none;}
a:hover {color:#2597de; text-decoration:underline;}
strong {font-weight:600;}
/*box*/
.tx {padding:0px 0px 40px 0px;}
.tx2 {padding:0px 0px 20px 0px;}
.tx3 {padding:0px 0px 0px 0px;}
.tx_padding {padding:0px 0px 20px 0px;}
.tx p {margin:0px; padding:0px 0px 20px 0px;}
.tx2 p {margin:0px; padding:0px 0px 10px 0px;}
.tx3 p {margin:0px; padding:0px 0px 0px 0px;}
.tx_padding p {padding:0px 0px 10px 0px;}
/* ----- Index ----- */
.index {display:block;margin:0px; text-align:center; padding:0px 0px 40px 0px; margin-bottom:20px;}
.index_en {font-size:40px; line-height:50px; margin-bottom:10px; text-align:center; font-family:Mukta; font-weight:700; padding:0px 5px 0px 5px; color:#111111;}
.index_ja {font-weight:600;display:inline; color:#111111;margin:0px; padding:0px 0px 0px 0px;font-size:20px; line-height:38px; font-weight:600;}
.main_contents h1 {display:block; font-size:30px; line-height:40px; font-weight:700; margin:10px 0px 30px 0px;}
.main_contents h2 {display:block; font-size:24px; line-height:34px; font-weight:700; margin:30px 0px 20px 0px;}
.main_contents h3 {display:block; font-size:24px; line-height:36px; font-weight:600; margin:30px 0px 20px 0px;}
.main_contents h4 {display:block; font-size:20px; line-height:28px; font-weight:600; margin:30px 0px 20px 0px;}
.main_contents h5 {display:block; font-size:20px; line-height:28px; font-weight:500; margin:30px 0px 20px 0px;}
.main_contents h1 {padding:30px 25px 30px 25px;background-image: linear-gradient(135deg, #ddebf3 25%, #eff6f8 25%, #eff6f8 50%, #ddebf3 50%, #ddebf3 75%, #eff6f8 75%, #eff6f8 100%);background-size: 28.28px 28.28px;border-radius: 5px;}
.main_contents h2 {padding:20px 20px 20px 25px;border:1px solid #eeeeee; border-top:2px solid #0072a8; }
.main_contents h3 {padding:20px 20px 20px 25px; border-left:2px solid #0072a8;}
.main_contents h4 {padding:15px 15px 15px 15px; background-color:#bef4ff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.main_contents h5 {padding:10px 0px 10px 0px; border-bottom:1px solid #e7e7e7;}
.engtitle {font-size:26px; line-height:26px; font-family:Mukta; font-weight:700;}
.jptitle {font-size:20px; line-height:20px; font-weight:600;}
.imgindex {display:block; margin:0px; padding:0px;}
.yokosen {display:flex;align-items: center;}
.yokosen:after {border-top: 1px solid #4e8c36;content: "";flex-grow: 1;}
.yokosen:before {margin-right: 1.8rem;}
.yokosen:after {margin-left: 1.8rem;}
.chuosen {display: flex;align-items: center;}
.chuosen:before,.chuosen:after {content: "";height: 1px;flex-grow: 1;background-color: #bbbbbb;}
.chuosen:before {margin-right: 1rem;}
.chuosen:after {margin-left: 1rem;}
.ami {background-image:url(../images/ami.gif);}
/* ----- MainBox ----- */
.base {padding:70px 0px 70px 0px;}
.base2 {padding:0px 0px 50px 0px;}
.container {width:1200px; margin:0px auto; }
.container2 {width:1100px; margin:0px auto; }
.container_in {padding:40px 40px 40px 40px;}
/* ----- Main ----- */
body {background-color:#ffffff; min-width:1200px; margin:0px; text-align:left; padding:0px; color:#111111; position:relative;}
#spbase {width:100%; margin:0px auto;}
/* ----- Head ----- */
header {display:flex; justify-content:space-between; flex-wrap: wrap; width:100%; background-color:#ffffff;}
header h1 {width:16.666%; max-width:320px; margin:0px; padding:0px;}
#header_menubase {width:75%; max-width:1440px; display:flex; justify-content:space-between; flex-wrap: wrap;}
@media screen and (max-width:1200px){
header h1 {width:20%; max-width:320px; margin:0px; padding:0px;}
#header_menubase {width:80%; max-width:1440px; display:flex; justify-content:space-between; flex-wrap: wrap;}
}
#header_menubox {width:58.33333%;}
#header_menubox ul {margin:0px; padding:0px; display:flex; justify-content:space-between; flex-wrap: wrap;}
#header_menubox ul li {width:16.666666%; list-style:none;}
#header_conbox {width:41.66666%; display:flex; justify-content:space-between; flex-wrap: wrap;}
#header_con_tel {width:46.66666%;}
#header_con_ml {width:26.66666%;}
#header_con_yoyaku {width:26.66666%;}
/* ----- TopImage ----- */
.swiper {width:100%;}
/* ----- TopSec1 ----- */
#top_sec1_base {background-image:url(../images/sec1bg.jpg); background-repeat:no-repeat; background-size:cover;}
#top_sec1_base_in {width:1200px; padding-top:50px; padding-bottom:50px; margin:0px auto; display:flex; justify-content:space-between; flex-wrap: wrap;}
#top_sec1_base_in a {color:#111111;}
#top_sec1_base_in a:hover {text-decoration:none;}
/* ----- TopNews ----- */
#top_news_base {background-image:url(../images/sec2bg.webp); background-repeat:no-repeat; background-size:cover;}
#top_news_base_in {width:1200px; padding-top:50px; padding-bottom:50px; margin:0px auto; }
.top_news_flex {display:flex; justify-content:flex-start; flex-wrap: wrap;}
.top_news_box {width:23%; background-color:#ffffff; margin:1%; margin-bottom:30px;}
.top_news_box a {display:block; color:#111111;}
.top_news_box a:hover {text-decoration:none;}
.top_news_img {position:relative;}
.top_news_img img {width:100%; height:275px; object-fit: cover;}
.top_news_date {position:absolute; bottom:0; left:0; padding:5px; text-align:center; width:120px; background-color:#005387; color:#ffffff; color:#ffffff; font-size:14px; font-family:"Reddit Sans"; font-weight:600;}
.top_news_box_in {padding:20px;}
.top_news_box_in h3 {display:block; margin:0px; padding:0px 0px 10px 0px; font-size:16px; line-height:26px; font-weight:600;}
.top_news_tx {font-size:14px; line-height:22px;}
.sticky {border:2px solid #005387;}
/* ----- TopNews ----- */
#con_news_base {background-image:url(../images/sec2bg.webp); background-repeat:no-repeat; background-size:cover;}
#con_news_base_in {width:1200px; padding-top:50px; padding-bottom:50px; margin:0px auto; }
.con_news_flex {display:flex; justify-content:flex-start; flex-wrap: wrap;}
.con_news_box {width:23%; background-color:#ffffff; border:1px solid #eeeeee; margin:1%; margin-bottom:30px;}
.con_news_box a {display:block; color:#111111;}
.con_news_box a:hover {text-decoration:none;}
.con_news_img {position:relative;}
.con_news_img img {width:100%; height:260px; object-fit: cover;}
.con_news_date {position:absolute; bottom:0; left:0; padding:5px; text-align:center; width:120px; background-color:#005387; color:#ffffff; color:#ffffff; font-size:14px; font-family:"Reddit Sans"; font-weight:600;}
.con_news_box_in {padding:15px;}
.con_news_box_in h3 {display:block; margin:0px; padding:0px 0px 10px 0px; font-size:16px; line-height:26px; font-weight:600;}
.con_news_tx {font-size:14px; line-height:22px;}
/* ----- TopSec2 ----- */
.top_sec2_base {background-color:#f5f5f5;}
.top_sec2_base_in {padding:50px;}
.top_sec2_base_in h2 {font-size:36px; line-height:30px; margin:0px; padding:20px 0px 30px 0px; font-family:"Reddit Sans"; font-weight:600; color:#005387; text-align:center;}
.top_sec2_base_in h2 span {font-size:16px; line-height:16px; font-weight:600px; font-family:"Noto Sans JP";}
.top_olnews_gyo {background-color:#ffffff; margin-bottom:15px;}
.top_olnews_gyo a {padding:10px; display:flex; justify-content:space-between; flex-wrap: wrap; color:#111111;}
.top_olnews_gyo a:hover {padding:10px; text-decoration:none;}
.top_olnews_date {width:24%; font-size:16px; line-height:28px; font-family:"Reddit Sans"; font-weight:600;}
.top_olnews_tx {width:76%; font-size:16px; line-height:24px; font-weight:400; color:#005387;}
.top_sns_base {}
/* ----- Foot obi ----- */
#foot_obi {display:flex; justify-content:space-between; flex-wrap: wrap;}
#foot_obi_l {width:50%;}
#foot_obi_l img {width:100%; height:800px; object-fit: cover;}
#foot_obi_r {width:50%; background-color:#005387; color:#ffffff;}
#foot_obi_r_in {padding:70px;}
#foot_obi_r_in h2 {font-size:36px; line-height:30px; color:#ffffff; margin:0px; padding:20px 0px 30px 0px; font-family:"Reddit Sans"; font-weight:600; text-align:center;}
#foot_obi_r_in h2 span {font-size:16px; line-height:16px; font-weight:600px; font-family:"Noto Sans JP";}
#foot_obi_r_in dl {margin:0px; padding:0px 0px 0px 0px; display:flex; justify-content:space-between; flex-wrap: wrap;}
#foot_obi_r_in dt {display:block; width:20%; margin:0px; padding:10px 0px 10px 0px; font-size:15px; line-height:24px; text-align:right;}
#foot_obi_r_in dd {display:block; width:76%; margin:0px; padding:10px 0px 10px 0px; font-size:15px; line-height:24px;}
#foot_obi_map {}
/* ----- Footer ----- */
footer {background-color:#ffffff;}
#footer_in {width:1200px; margin:0px auto; padding-top:50px; padding-bottom:50px; display:flex; justify-content:space-between; flex-wrap: wrap;}
#footer_l {width:300px;}
#footer_l h2 {margin:0px; padding:0px;}
#footer_r {width:700px;}
#footer_r ul {margin:0px; padding:0px;display:flex; justify-content:flex-end; flex-wrap: wrap;}
#footer_r ul li {list-style:none; margin:0px 5px 0px 5px;}
#footer_r ul li a {color:#111111;}
#footer_r ul li a:hover {color:#444444; text-decoration:none;}
/*blog*/
.blog_left {width:800px;}
.blog_right {width:260px;}
.blog_side_title {display:block; text-align:center; background-color:#005387; padding:20px; margin:0px auto; font-size:18px; line-height:26px; color:#ffffff;}
/*cat*/
.side_cat {display:block; margin:0px; padding:0px; font-size:17px; font-weight:400; line-height:30px;}
.side_cat li {background-color:#ffffff; list-style:none; border-top:1px solid #eeeeee;}
.side_cat li ul {margin:0px; padding:0px;}
.side_cat li ul li {background-color:#ffffff; font-weight:200; font-size:15px; margin:0px; background-image:none; }
.side_cat li a {display:block; padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; color:#000000;}
.side_cat li ul li a {display:block; padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:10px;}
.side_cat li ul li ul li a {display:block; padding-top:10px; padding-bottom:10px; padding-left:30px; padding-right:10px;}
.side_cat li ul li ul li ul li a {display:block; padding-top:10px; padding-bottom:10px; padding-left:40px; padding-right:10px;}
.side_cat li ul li ul li ul li ul li a {display:block; padding-top:10px; padding-bottom:10px; padding-left:50px; padding-right:10px;}
.side_cat li ul li ul li ul li ul li ul li a {display:block; padding-top:10px; padding-bottom:10px; padding-left:60px; padding-right:10px;}
.side_cat li ul li a:before {content:"+ ";}
.side_cat li ul li ul li a:before {content:"- ";}
@media screen and (max-width:640px){
.imgfl {float:none; display:block; margin:0px auto; max-width:290px; height:auto;}
.imgfr {float:none; display:block; margin:0px auto; max-width:290px; height:auto;}
.pchid {display:block;}
.sphid {display:none!important;}
.tabhid {display:none!important;}
.spimg {display:blokc; width:100%; max-width:270px; margin:0px auto;}
.pctac {text-align:left!important;}
.txt-s {font-size:10px; line-height:18px;}
.txt-m {font-size:12px; line-height:20px;}
.txt-l {font-size:14px; line-height:28px;}
.txt-l2 {font-size:16px; line-height:32px;}
.txt-l3 {font-size:18px; line-height:38px;}
.txt-l4 {font-size:24px; line-height:48px;}
/*index*/
.index {display:block;margin:0px; text-align:center; padding:20px 0px 20px 0px; margin-bottom:20px;}
.index_en {font-size:18px; line-height:30px; margin-bottom:10px; text-align:center; font-family:Mukta; font-weight:700; padding:0px 5px 0px 5px;color:#111111;}
.index_ja {font-weight:600;display:inline; color:#111111; margin:0px; padding:0px 0px 0px 0px;font-size:22px; line-height:36px; font-weight:600;}
/*index*/
.main_contents h1 {display:block; font-size:24px; line-height:34px; font-weight:700; margin:10px 0px 20px 0px;}
.main_contents h2 {display:block; font-size:20px; line-height:30px; font-weight:700; margin:20px 0px 20px 0px;}
.main_contents h3 {display:block; font-size:20px; line-height:30px; font-weight:600; margin:20px 0px 20px 0px;}
.main_contents h4 {display:block; font-size:18px; line-height:24px; font-weight:600; margin:20px 0px 20px 0px;}
.main_contents h5 {display:block; font-size:18px; line-height:24px; font-weight:500; margin:10px 0px 20px 0px;}
.main_contents h1 {padding:15px 15px 15px 15px; background-image: linear-gradient(135deg, #ddebf3 25%, #eff6f8 25%, #eff6f8 50%, #ddebf3 50%, #ddebf3 75%, #eff6f8 75%, #eff6f8 100%);background-size: 28.28px 28.28px;border-radius: 5px;}
.main_contents h2 {padding:15px 15px 15px 15px; border:1px solid #eeeeee; border-top:2px solid #0072a8; }
.main_contents h3 {padding:10px 15px 10px 15px; border-left:2px solid #0072a8;}
.main_contents h4 {padding:10px 15px 10px 15px; background-color:#bef4ff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.main_contents h5 {padding:10px 0px 10px 0px; border-bottom:1px solid #e7e7e7;}
.yokosen {display:flex;align-items: center;}
.yokosen:after {border-top: 1px solid #d5d5d5;content: "";flex-grow: 1;}
.yokosen:before {margin-right: 1.8rem;}
.yokosen:after {margin-left: 1.8rem;}
.chuosen {display: flex;align-items: center;}
.chuosen:before,.chuosen:after {content: "";height: 1px;flex-grow: 1;background-color: #d5d5d5;}
.chuosen:before {margin-right: 1rem;}
.chuosen:after {margin-left: 1rem;}
/* ----- MainBox ----- */
.base {padding:20px 0px 20px 0px;}
.container {width:96%; margin:0px auto; display:block;}
.container2 {width:96%; margin:0px auto; display:block; }
.container_in {padding:10px;}
/* ----- Main ----- */
body {padding-top:0px; min-width:auto;}/*スマホ版メニュー分下げる*/
#spbase {width:100%; min-width:320px;}
/* ----- Head ----- */
header {display:block; width:100%; }
header h1 {width:100%; max-width:240px; margin:0px auto;}
#header_menubase {width:100%; display:block;}
#header_menubox {display:none;}
#header_conbox {width:100%; display:flex; justify-content:space-between; flex-wrap: wrap;}
#header_con_tel {width:46.66666%;}
#header_con_ml {width:26.66666%;}
#header_con_yoyaku {width:26.66666%;}
/* ----- TopImage ----- */
#topimage {background-color:#e2edf2;}
.swiper {width:100%;}
/* ----- TopSec1 ----- */
#top_sec1_base {background-image:url(../images/sec1bg.jpg); background-repeat:no-repeat; background-size:cover;}
#top_sec1_base_in {width:96%; padding-top:20px; padding-bottom:20px; margin:0px auto; display:block;}
#top_sec1_base_in a {color:#111111;}
#top_sec1_base_in a:hover {text-decoration:none;}
/* ----- TopNews ----- */
#top_news_base {background-image:url(../images/sec2bg.webp); background-repeat:no-repeat; background-size:cover;}
#top_news_base_in {width:100%; padding-top:20px; padding-bottom:20px; margin:0px auto; }
.top_news_flex {display:block;}
.top_news_box {width:96%; background-color:#ffffff; margin:0px auto;}
.top_news_box a {display:block; color:#111111;}
.top_news_box a:hover {text-decoration:none;}
.top_news_img {position:relative;}
.top_news_img img {width:100%; height:240px; object-fit: cover;}
.top_news_date {position:absolute; bottom:0; left:0; padding:5px; text-align:center; width:120px; background-color:#005387; color:#ffffff; color:#ffffff; font-size:14px; font-family:"Reddit Sans"; font-weight:600;}
.top_news_box_in {padding:15px;}
.top_news_box_in h3 {display:block; margin:0px; padding:0px 0px 5px 0px; font-size:16px; line-height:26px; font-weight:600;}
.top_news_tx {font-size:14px; line-height:20px;}
/* ----- TopNews ----- */
#con_news_base {background-image:url(../images/sec2bg.webp); background-repeat:no-repeat; background-size:cover;}
#con_news_base_in {width:100%; padding-top:20px; padding-bottom:20px; margin:0px auto; }
.con_news_flex {display:block;}
.con_news_box {width:96%; background-color:#ffffff; margin:0px auto;}
.con_news_box a {display:block; color:#111111;}
.con_news_box a:hover {text-decoration:none;}
.con_news_img {position:relative;}
.con_news_img img {width:100%; height:240px; object-fit: cover;}
.con_news_date {position:absolute; bottom:0; left:0; padding:5px; text-align:center; width:120px; background-color:#005387; color:#ffffff; color:#ffffff; font-size:14px; font-family:"Reddit Sans"; font-weight:600;}
.con_news_box_in {padding:15px;}
.con_news_box_in h3 {display:block; margin:0px; padding:0px 0px 5px 0px; font-size:16px; line-height:26px; font-weight:600;}
.con_news_tx {font-size:14px; line-height:20px;}
/* ----- TopSec2 ----- */
.top_sec2_base {background-color:#f5f5f5;}
.top_sec2_base_in {padding:10px;}
.top_sec2_base_in h2 {font-size:28px; line-height:20px; margin:0px; padding:20px 0px 30px 0px; font-family:"Reddit Sans"; font-weight:600; color:#005387; text-align:center;}
.top_sec2_base_in h2 span {font-size:14px; line-height:16px; font-weight:600px; font-family:"Noto Sans JP";}
.top_olnews_gyo {background-color:#ffffff; margin-bottom:10px;}
.top_olnews_gyo a {padding:15px; displayblock; color:#111111;}
.top_olnews_gyo a:hover {padding:15px; text-decoration:none;}
.top_olnews_date {width:100%; font-size:16px; line-height:18px; font-family:"Reddit Sans"; font-weight:600;}
.top_olnews_tx {width:100%; font-size:16px; line-height:24px; font-weight:400; color:#005387;}
.top_sns_base {}
.facebook-wrapper {max-width:500px; margin:0px;}
.facebook-wrapper > .fb-page {width: 100%;}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe { width: 100% !important;}
/* ----- Foot obi ----- */
#foot_obi {display:block;}
#foot_obi_l {width:100%;}
#foot_obi_l img {width:100%; height:300px; object-fit: cover;}
#foot_obi_r {width:100%; }
#foot_obi_r_in {padding:20px;}
#foot_obi_r_in h2 {font-size:28px; line-height:20px;}
#foot_obi_r_in h2 span {font-size:14px; line-height:16px; }
#foot_obi_r_in dl {margin:0px; padding:0px 0px 0px 0px; display:block;}
#foot_obi_r_in dt {display:block; width:100%; font-weight:600; margin:0px; padding:10px 0px 0px 0px; font-size:15px; line-height:24px; text-align:left;}
#foot_obi_r_in dd {display:block; width:100%; margin:0px; padding:0px 0px 10px 0px; font-size:15px; line-height:24px; border-bottom:1px solid #ffffff;}
#foot_obi_map {}
/* ----- Footer ----- */
footer {background-color:#ffffff;}
#footer_in {width:100%; margin:0px auto; padding-top:20px; padding-bottom:20px; display:block;}
#footer_l {width:96%; margin:0px auto;}
#footer_l h2 {margin:0px; padding:0px;}
#footer_r {width:96%; padding-top:30px; margin:0px auto;}
#footer_r ul {margin:0px; padding:0px;display:block;}
#footer_r ul li {list-style:none; margin:0px 5px 0px 5px;}
#footer_r ul li a {display:block; padding:10px; margin-bottom:2px; text-align:center; border:1px solid #eeeeee; color:#111111;}
#footer_r ul li a:hover {color:#444444; text-decoration:none;}
/*blog*/
.blog_left {width:100%;}
.blog_right {width:100%;}
}