html,body {width: 100%; box-sizing:border-box;}
* {font-family:'Noto Sans JP';}
html { color:#222222; font-weight:400;font-family:'Noto Sans JP';}
/*font-family: "Roboto";*/
.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:16px; line-height:28px;}
.txt-l {font-size:18px; line-height:36px;}
.txt-l2 {font-size:20px; line-height:40px;}
.txt-l3 {font-size:24px; line-height:44px;}
.tar {text-align:right;}
.tac {text-align:center!important;}
.tal {text-align:left!important;}
.pctac {text-align:center!important;}
.pctar {text-align:right!important;}
.pchid {display:none;}/*PCで非表示にするもの*/
.sphid {}/*スマホで非表示にするもの*/
.spimg {width:auto; height:auto; padding:0px 0px 10px 0px;}
a {color:#00589f; text-decoration:none;}
a:hover {color:#3988c8; 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 {margin:20px 0px 20px 0px; margin:0px auto; padding:20px 0px 20px 0px; font-size:26px; line-height:40px; font-weight:500;}
.top_contents h1,.defindex1 {font-size:30px; line-height:44px; font-weight:700; margin:0px; padding:0px 0px 20px 0px;}
.top_contents h2,.defindex2 {font-size:28px; line-height:38px; font-weight:700; margin:0px; padding:0px 0px 20px 0px;}
.main_contents h2 {display:block; font-size:30px; line-height:40px; font-weight:700; margin:10px 0px 20px 0px;}
.main_contents h3 {display:block; font-size:24px; line-height:34px; font-weight:700; margin:30px 0px 20px 0px;}
.main_contents h4 {display:block; font-size:24px; line-height:30px; font-weight:600; margin:30px 0px 20px 0px;}
.main_contents h5 {display:block; font-size:20px; line-height:28px; font-weight:600; margin:30px 0px 20px 0px;}
.main_contents h6 {display:block; font-size:20px; line-height:28px; font-weight:500; margin:30px 0px 20px 0px;}
.main_contents h2 {padding:30px 25px 30px 25px;background-image: linear-gradient(135deg, #e7f4ff 25%, #ffffff 25%, #ffffff 50%, #e7f4ff 50%, #e7f4ff 75%, #ffffff 75%, #ffffff 100%);background-size: 28.28px 28.28px;border-radius: 5px;}
.main_contents h3 {padding:20px 20px 20px 25px;border:1px solid #eeeeee; border-top:2px solid #00589f; }
.main_contents h4 {padding:20px 20px 20px 25px; border-left:2px solid #00589f;}
.main_contents h5 {padding:18px 20px 18px 25px; background-color:#f5f5f5; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.main_contents h6 {padding:10px 20px 10px 25px; border-bottom:1px solid #e7e7e7;}
.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:40px 0px 70px 0px;}
.base3 {padding:0px 0px 0px 0px;}
.container {width:1080px; margin:0px auto; }
.container1140 {width:1140px; margin:0px auto; }
.container_in {padding:40px 40px 40px 40px;}
.container_in2 {padding:40px 40px 40px 40px;}
/* ----- Main ----- */
body {background-color:#ffffff; min-width:1200px; margin:0px; text-align:left; padding:0px; color:#111111; position:relative;}
.content_pt {padding-top:100px;}
#spbase {max-width:1920px; width:100%; margin:0px auto;}
/*Layout*/
#layout_base {display:flex; justify-content:space-between; flex-wrap: wrap; flex-flow: row-reverse;}
#layout_left {width:280px; background-image:url(../images/side_underbg.jpg); background-repeat:no-repeat; background-position:bottom center; background-size:100%;}
#layout_right {width:calc(100% - 280px); min-width:920px;}
/*Layout common*/
.layout_nopad {}
.layout_pad {padding:70px;-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
@media screen and (max-width:1200px){
.layout_pad {padding:30px;-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
}
/*Side*/
.side {}
.side h1 {margin:0px; padding:0px;}
.sideul {margin:0px; padding:0px;}
.sideul li {list-style:none;}
.sideul li a {display:block; background-color:#ffffff;}
.sideul li a:hover {display:block; background-color:#edf7ff;}
#side_add {padding:10px 10px 20px 10px; }
#side_add_tx {padding-top:5px;}
#side_add_tx_name {text-align:center; font-size:18px; font-weight:600; padding:5px 0px 5px 0px;}
#side_add_tx_add {text-align:center; font-size:13px; line-height:22px;}
.side_submenu { padding:0px 15px 25px 15px;}
.side_subul {display:block; margin:0px; padding:0px;}
.side_subul li {list-style:none;}
.side_subul li a {display:block; text-decoration:none; font-size:16px; line-height:26px;}
/**/
#top_topimage {position:relative;}
#vegas {width:100%; height:0; padding-top:56.25%;}
#top_head {position:absolute; top:0; right:0; text-align:right; width:100%; z-index:999999;}
#top_head img {width:100%; max-width:440px;}
#top_topimage_tx {position:absolute; bottom:40px; left:40px; width:40%; max-width:440px;}
#contents_head {text-align:right; width:100%; background-color:#f6f8ee;}
#contents_head img {width:100%; max-width:440px;}
/*sphead*/
#sp_header {display:none;}
#sp_logo {}
#sp_logo img {}
/*top*/
.top_shinryo {display:flex; justify-content:space-between; flex-wrap: wrap;}
.top_shinryo_box {width:33.33333333%;}
/*timetable set*/
.shinryo_table_base {width:100%; max-width:1200px; margin:0px auto; display:flex; justify-content:space-between; flex-wrap: wrap;}
.shinryo_table_l {width:65%;}
.shinryo_table_r {width:32%;}
.shinryo_table_btbox {}
.shinryo_table_btbox a {display:block; padding:7%; margin-bottom:5%; background-color:#ffffff; border:1px solid #dddddd; border-top:2px solid #00589f; font-size:18px; line-height:26px; font-weight:600; text-align:center; text-decoration:none; color:#222222;}
/*telbox*/
.tel_box {width:90%; margin:0x auto; border:1px solid #eeeeee; background-color:#ffffff; padding:30px; display:flex; justify-content:space-between; flex-wrap: wrap;}
.tel_box_l {width:55%; font-size:17px; line-height:30px; font-weight:600; display: flex; flex-direction: column;justify-content: center;}
.tel_box_r {width:45%; text-align:center; font-size:50px; line-height:50px; font-family: "Roboto"; font-weight:600; color:#00589f;}
@media screen and (max-width:1500px){
.tel_box {width:100%;display:block;}
.tel_box_l {width:100%; text-align:center; font-size:17px; line-height:30px; padding-bottom:10px; font-weight:600; display:block;}
.tel_box_r {width:100%; text-align:center; font-size:50px; line-height:50px;}
}
/*news*/
.news_list_base {}
.news_list_base h2 {display:block; margin:0px; padding:0px 0px 20px 0px; font-size:30px; line-height:40px; color:#000000; font-weight:700;}
.news_list_gyo {margin-bottom:10px;}
.news_list_gyo a {display:flex; justify-content:space-between; flex-wrap: wrap; text-decoration:none;}
.news_list_date {width:10%; font-size:18px; line-height:26px; padding:15px; font-family: "Roboto"; font-weight:600; color:#222222;}
.news_list_cat {width:15%; text-align:center; font-size:17px; line-height:26px; padding:15px; color:#777777;}
.news_list_title {width:72%; font-size:17px; line-height:26px; padding:15px; line-height:26px;}
@media screen and (max-width:1500px){
.news_list_date {width:10%;}
.news_list_cat {width:20%; font-size:16px;}
.news_list_title {width:67%;}
}
.news_list_top {}
.news_list_top a {background-color:#ffffff;}
.news_list_top a:hover {background-color:#eff8ff;}
.news_list_con {}
.news_list_con a {background-color:#ffffff;}
.news_list_con a:hover {background-color:#eff8ff;}
/*Foot*/
footer {display:block; background-color:#00599e; color:#ffffff; min-width:1200px; padding-top:40px; padding-bottom:60px;}
#footer {width:90%; margin:0px auto; display:flex; justify-content:space-between; flex-wrap: wrap;}
#footer_l {width:300px;}
#footer_r {width:calc(100% - 320px);}
#footer_address {text-align:right; font-size:16px; line-height:26px; padding-top:10px;}
#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 10px 0px 10px;}
#footer_r ul li a {color:#ffffff; font-size:15px; line-height:26px;}
@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;}
.pctar {text-align:left!important;}
.txt-s {font-size:10px; line-height:18px;}
.txt-m {font-size:12px; line-height:20px;}
.txt-l {font-size:16px; line-height:28px;}
.txt-l2 {font-size:18px; line-height:32px;}
.txt-l3 {font-size:20px; line-height:36px;}
.txt-l4 {font-size:24px; line-height:48px;}
/*index*/
.top_contents h1,.defindex1 {font-size:24px; line-height:38px; font-weight:700; margin:0px; padding:15px 0px 10px 0px;}
.top_contents h2,.defindex2 {font-size:22px; line-height:34px; font-weight:700; margin:0px; padding:15px 0px 10px 0px;}
.main_contents h2 {display:block; font-size:24px; line-height:34px; font-weight:700; margin:10px 0px 20px 0px;}
.main_contents h3 {display:block; font-size:20px; line-height:30px; font-weight:700; margin:20px 0px 20px 0px;}
.main_contents h4 {display:block; font-size:20px; line-height:30px; font-weight:600; margin:20px 0px 20px 0px;}
.main_contents h5 {display:block; font-size:18px; line-height:24px; font-weight:600; margin:20px 0px 20px 0px;}
.main_contents h6 {display:block; font-size:18px; line-height:24px; font-weight:500; margin:10px 0px 20px 0px;}
.main_contents h2 {padding:15px 15px 15px 15px; background-image: linear-gradient(135deg, #e7f4ff 25%, #ffffff 25%, #ffffff 50%, #e7f4ff 50%, #e7f4ff 75%, #ffffff 75%, #ffffff 100%);background-size: 28.28px 28.28px;border-radius: 5px;}
.main_contents h3 {padding:15px 15px 15px 15px; border:1px solid #eeeeee; border-top:2px solid #00589f; }
.main_contents h4 {padding:10px 15px 10px 15px; border-left:2px solid #00589f;}
.main_contents h5 {padding:10px 15px 10px 15px; background-color:#f5f5f5; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.main_contents h6 {padding:10px 20px 10px 10px; 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;}
.base2 {padding:20px 0px 20px 0px;}
.base3 {padding:20px 0px 20px 0px;}
.container {width:96%; margin:0px auto; display:block;}
.container_in {padding:10px;}
.container1140 {width:100%; margin:0px auto; }
/* ----- Main ----- */
body {padding-top:0px; min-width:auto;}/*スマホ版メニュー分下げる*/
.apptop {padding-top:0px!important;}/*アプリの場合は余白を消す*/
#spbase {width:100%; min-width:320px;}
/*Layout*/
#layout_base {display:block;}
#layout_left {width:100%; background-image:none;}
#layout_right {width:100%; min-width:320px;}
/*Layout common*/
.layout_nopad {}
.layout_pad {padding:10px;}
/*Side*/
.side {}
.side h1 {display:none;}
.sideul {display:none;}
.side_subul {display:block; margin:0px; padding:0px;}
.side_subul li {list-style:none; text-align:center;}
/**/
#top_topimage {position:relative;}
#vegas {width:100%; height:0; padding-top:56.25%;}
#top_head {display:none;}
#top_topimage_tx {position:absolute; bottom:10px; left:10px; width:60%; }
#contents_head {display:none;}
/*sphead*/
#sp_header {display:block;}
#sp_logo {width:100%; padding:10px;}
#sp_logo img {width:200px;}
#sp_tel {background-color:#ddf0ff;}
/*top*/
.top_shinryo {display:block;}
.top_shinryo_box {width:100%;}
/*timetable set*/
.shinryo_table_base {width:100%; max-width:1200px; margin:0px auto; padding:20px 0px 20px 0px; display:block;}
.shinryo_table_l {width:100%; padding-bottom:10px;}
.shinryo_table_r {width:100%;}
.shinryo_table_btbox {}
.shinryo_table_btbox a {display:block; padding:20px; margin-bottom:10px; background-color:#ffffff; border:1px solid #dddddd; border-top:2px solid #00589f; font-size:18px; line-height:26px; font-weight:600; text-align:center; text-decoration:none; color:#222222;}
/*telbox*/
.tel_box {width:100%;display:block;padding:25px 10px 25px 10px;}
.tel_box_l {width:100%; text-align:center; font-size:15px; line-height:26px; padding-bottom:10px; font-weight:600; display:block;}
.tel_box_r {width:100%; text-align:center; font-size:32px; line-height:30px;}
/*news*/
.news_list_base {}
.news_list_base h2 {display:block; margin:0px; padding:0px 0px 20px 0px; font-size:30px; line-height:40px; color:#000000; font-weight:700;}
.news_list_gyo {margin-bottom:10px;}
.news_list_gyo a {display:flex; justify-content:space-between; flex-wrap: wrap; text-decoration:none;}
.news_list_date {width:50%; font-size:18px; line-height:26px; padding:15px 15px 0px 15px; font-family: "Roboto"; font-weight:600; color:#222222;}
.news_list_cat {width:50%; text-align:right; font-size:16px; line-height:26px; padding:15px 15px 0px 15px; color:#777777;}
.news_list_title {width:100%; font-size:17px; line-height:26px; padding:0px 15px 15px 15px; line-height:26px;}
/*Foot*/
footer {display:block; background-color:#65abe3; color:#ffffff; min-width:320px; padding-top:20px; padding-bottom:40px;}
#footer {width:96%; margin:0px auto; display:block;}
#footer_l {width:100%; text-align:center;}
#footer_l img {width:60%; padding-bottom:20px;}
#footer_r {width:100%;}
#footer_address {text-align:center; font-size:14px; line-height:22px; padding-top:10px; padding-bottom:10px;}
#footer_r ul {margin:0px; padding:0px; display:block;}
#footer_r ul li {list-style:none; margin:0px 0px 2px 0px;}
#footer_r ul li a {display:block; text-align:center; width:100%; padding:10px;background-color:#00589f; color:#ffffff; font-size:15px; line-height:24px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
}