html,body {width: 100%; box-sizing:border-box;}
* {font-family:Noto Sans Japanese;}
html { color:#1111111; font-weight:200;font-family:Noto Sans Japanese;}
/*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:12px; line-height:18px;}
.txt-l {font-size:15px; line-height:30px;}
.txt-l2 {font-size:17px; 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:#0047b1; text-decoration:none;}
a:hover {color:#156ae9; text-decoration:underline;}
/* ----- Main ----- */
body {background-color:#ffffff; margin:0px; text-align:left; padding:0px; color:#1c2143; position:relative;}
/*news*/
.news_ico {display:block; padding:5px 2px 5px 2px; margin-bottom:5px; text-align:center; color:#ffffff; font-size:13px; line-height:18px;}
.ico1 {background-color:#34abcd;}
.ico2 {background-color:#e6a13d;}
.ico3 {background-color:#e56391;}
/**/
.newstabbox ul {margin:0px 0px 0px 0px; padding:0px;display: flex; justify-content: center;align-items: center; flex-wrap: wrap;}
.newstabbox ul li {list-style:none;text-align:center;width:25%; }
.newstabbox ul li a {display:block; color:#000000; font-weight:normal; padding:10px 5px 10px 5px; font-size:13px; line-height:22px; background-color:#eeeeee; border-right:1px solid #bbbbbb;}
.newstabbox ul li.active a {display:block; color:#ffffff; font-weight:bold; padding:10px 5px 10px 5px; font-size:13px; line-height:22px; background-color:#1b297e; border-right:1px solid #ffffff;}
.tab_content {padding:10px 0px 20px 0px;}
.tab_content table {}
.tab_content table td {padding:10px 0px 10px 0px; font-size:12px; line-height:20px; border-bottom:1px solid #eeeeee;}
/**/
#top_news_out {background-color:#e8f4f6;}
#top_news {width:100%; padding-bottom:100px; min-width:1080px; max-width:1800px; margin:0px auto; position:relative; }
#top_news_l {width:50%; position:relative; top:-100px; padding-top:8%; padding-bottom:8%;}
#top_news_r {width:50%; position:relative; top:-100px; padding-top:8%; padding-bottom:8%;}
.cut_block {clip-path: polygon(0 8%, 100% 0, 100% 92%, 0% 100%);}
.top_news1 {background-color:#ffffff;}
.top_news2 {background-color:#1b297e;}
.top_news_in {width:90%; max-width:640px; margin:0px auto;}
.top_news1_gyo {padding:5px 0px 5px 0px; margin-bottom:15px;}
.top_news1_ico {width:100%;}
.top_news1_box {width:100%;}
.top_news1_date {font-size:14px; line-height:20px;}
.top_news1_tx {font-size:16px; line-height:28px; font-weight:400;}
.top_news2_gyo {background-color:#ff5400; margin-bottom:30px; position:relative;}
.top_news2_excla {width:45px; height:45px; position:absolute; top:-10px; left:-10px; font-size:28px; line-height:45px; color:#ffffff; text-align:center; font-weight:600; background-color:#ffb400;}
.top_news2_tx {padding:20px 20px 20px 50px;color:#ffffff; font-size:18px; line-height:24px; font-weight:400;}
.top_news2_tx a {color:#ffffff; text-decoration:none;}
.top_banner {max-width:1400px; margin:0px auto; padding-botto:50px; position:relative;}
.swiper-container2 {padding-bottom:40px; padding-left:40px; padding-right:40px;overflow: hidden;}
.swiper-slide {}
/*top katsudou*/
#top_katsudou_out {position:relative;}
#top_katsudou_in {background-color:#66bcd5; background-image:url(../images/top_bg2.jpg); background-position:bottom center; background-size:cover; padding:4% 0px 8% 0px; position:relative; top:-50px; margin-bottom:-50px; clip-path: polygon(0 0, 100% 7%, 100% 100%, 0% 100%);}
#top_katsudou_container {max-width:1440px; margin:0px auto; display:flex; justify-content:flex-start; flex-wrap: wrap;}
.top_katsudou_title {max-width:280px; margin:0px auto; padding:40px 0px 60px 0px;}
.top_katsudou_box {width:23%; margin:1%; background-color:#ffffff; border-right:1px solid #dddddd; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;}
.top_katsudou_box a {display:block; color:#000000; text-decoration:none;}
.top_katsudou_box a:hover {display:block; color:#000000; text-decoration:none;}
.top_katsudou_nen {text-align:center; font-size:15px;}
.top_katsudou_nen span {background-color:#eeeeee; padding:3px 8px 3px 8px;}
.top_katsudou_img {}
.top_katsudou_img img {width:100%; height:220px; object-fit: cover;}
.top_katsudou_box h3 {display:block; font-size:20px; line-height:28px; font-weight:600; margin:0px; padding:10px 0px 10px 0px; color:#1b297e;}
.top_katsudou_tx {padding:20px 20px 20px 20px;}
@media screen and (max-width:480px){
.newstabbox ul li {list-style:none;text-align:center;width:50%; }
.newstabbox ul li a {display:block; color:#000000; font-weight:normal; padding:10px 0px 10px 0px; font-size:13px; line-height:22px; background-color:#eeeeee; border-right:1px solid #bbbbbb;border-bottom:1px solid #bbbbbb;}
.newstabbox ul li.active a {display:block; color:#ffffff; font-weight:bold; padding:10px 0px 10px 0px; font-size:13px; line-height:22px; background-color:#1b297e; border-right:1px solid #ffffff;border-bottom:1px solid #bbbbbb;}
/**/
#top_news {width:100%; background-color:#e8f4f6; padding-bottom:50px; min-width:auto; max-width:640; margin:0px auto; position:relative; display:block;}
#top_news_l {width:100%; position:relative; top:-50px; padding-top:50px; padding-bottom:50px;}
#top_news_r {width:100%; position:relative; top:-100; padding-top:50px; padding-bottom:50px; margin-bottom:-70px;}
.cut_block {clip-path: polygon(0 50px, 100% 0, 100% 93%, 0% 100%);}
.top_news1 {background-color:#ffffff; min-height:400px;}
.top_news2 {background-color:#1b297e;}
.top_news_in {width:96%; max-width:640px; margin:0px auto;}
.top_news1_gyo {border-bottom:1px solid #eeeeee; padding:5px 5px 15px 5px; margin-bottom:5px;display:block;}
.top_news1_ico {width:50%; margin:0px auto;}
.top_news1_box {width:100%;}
.top_news1_date {font-size:14px; line-height:20px; text-align:center;}
.top_news1_tx {font-size:17px; line-height:28px; font-weight:400;}
.top_news2_gyo {background-color:#ff5400; margin-bottom:30px; position:relative;}
.top_news2_excla {width:35px; height:35px; position:absolute; top:-10px; left:0px; font-size:28px; line-height:35px; color:#ffffff; text-align:center; font-weight:600; background-color:#ffb400;}
.top_news2_tx {padding:10px 10px 10px 50px; font-size:18px; line-height:24px; font-weight:400;}
.top_news2_tx a {color:#ffffff; text-decoration:none;}
.top_banner {max-width:640px; margin:0px auto; position:relative;}
.swiper-container2 {padding-bottom:40px!important; padding-left:10px; padding-right:10px;overflow: hidden;}
.swiper-slide {}
.top_bana_box {width:160px;}
.top_bana_box img {width:160px; height:auto;}
/*top katsudou*/
#top_katsudou_out {position:relative;}
#top_katsudou_in {background-color:#66bcd5; padding:4% 0px 4% 0px; position:relative; top:-50px; margin-bottom:-50px; clip-path: polygon(0 0, 100% 2%, 100% 100%, 0% 100%);}
#top_katsudou_container {max-width:1440px; margin:0px auto; display:block; }
.top_katsudou_title {max-width:200px; margin:0px auto; padding:40px 0px 30px 0px;}
.top_katsudou_title img {width:100%;}
.top_katsudou_box {width:96%; margin:0px auto; margin-bottom:15px; background-color:#ffffff; border-right:1px solid #dddddd; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;}
.top_katsudou_box a {display:block; color:#000000; text-decoration:none;}
.top_katsudou_box a:hover {display:block; color:#000000; text-decoration:none;}
.top_katsudou_nen {text-align:center; font-size:15px;}
.top_katsudou_nen span {background-color:#eeeeee; padding:3px 8px 3px 8px;}
.top_katsudou_img {}
.top_katsudou_img img {width:100%; height:220px; object-fit: cover;}
.top_katsudou_box h3 {display:block; font-size:20px; line-height:28px; font-weight:600; margin:0px; padding:10px 0px 10px 0px; color:#1b297e;}
.top_katsudou_tx {padding:10px 10px 20px 10px;}
}