@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
html,body{width:100%;height:100%;}

*{margin:0;padding:0;font-family: 'Noto Sans Japanese', sans-serif;}
.clearfix:after{
content: ".";display: block;clear: both;
  height: 0;
  visibility: hidden;
}
.mb16{margin:16px;padding-top:1px;}
.list_pager{margin:20px auto;}
.list_pager strong{display:block;color:#ffffff;background:#4d4d4d;width:30px;margin:5px;border:1px solid #555555;float:left;}
.list_pager a{display:block;background:eeeeee;width:30px;margin:5px;border:1px solid #555555;float:left;}
.sp_view{display:none;}
.fb-page{height:520px;padding:10px 0px;}

h4{margin:10px auto;}

html{height:100%;}
body{font-size:14px;background:#cccccc;height:100%;font-family:sans-serif;}
ul{list-style:none;}
table{border-collapse:collapse;width:100%;}
table caption{color:#ffffff;background:#162d50;padding:4px;}
table tr th{color:#ffffff;background:#555555;border:1px solid #888888;padding:4px;}
table tr td{color:#000000;background:#ffffff;border:1px solid #888888;padding:4px;}

#wrap{background:#ffffff;width:840px;height:100%;margin:auto;}
.inner_wrap{width:800px;margin:auto;padding:20px;}
#header{position:relative;background:#2c5aa0;border-radius:0px 0px 10px 10px;}
.header_left_column{width:40%;height:80px;float:left;position:relative;}
.header_right_column{width:60%;float:left;position:relative;}
#logo{width:80%;height:60%;background:url('../img/logo.png') right center no-repeat;background-size:contain;
    position:absolute;right:30px;top:10px;
}
#logo a{display:block;width:100%;height:100%;}
#header_tel{position:absolute;left:20px;font-size:28px;width:200px;height:40px;}
#header_tel a{color:#ffffff;text-decoration:none;background:url('../img/tel.png') no-repeat center center;background-size:contain;display:block;width:100%;height:100%;}
/*
#header_navi{position:absolute;left:20px;bottom:6px;}
#header_navi li{float:left;border:2px solid #ffffff;border-radius:12px;margin:4px;}
#header_navi li.register{color:#222222;background:#ffcc00;}
#header_navi li.register a{color:#aa0000;}
#header_navi li a{display:block;padding:6px 12px;color:#ffffff;text-decoration:none;border-radius:12px;font-size:12px;}
#header_navi li a:hover{background:rgba(255,255,255,0.4);}
*/
#header_navi{display:flex;padding-top:40px;flex-wrap:wrap;}
#header_navi li{border:2px solid #ffffff;border-radius:12px;margin:4px;}
#header_navi li.register{color:#222222;background:#ffcc00;}
#header_navi li.register a{color:#aa0000;}
#header_navi li a{display:block;padding:6px 12px;color:#ffffff;text-decoration:none;border-radius:12px;font-size:12px;}
#header_navi li a:hover{background:rgba(255,255,255,0.4);}

.left_column{width:49%;float:left;}
.right_column{width:49%;float:right;}
.left_column h3{padding-left:30px;}
.left_column dl.top_list{padding:8px;border-top:1px solid #555555;border-right:1px solid #555555;border-radius:0px 10px 0px 0px;margin-bottom:14px;}
.left_column dl.top_list dt{padding-left:30px;}
.left_column dl.top_list dd{padding-left:30px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px dashed #cccccc;}
.right_column dl.top_list{padding:8px;border-top:1px solid #555555;border-left:1px solid #555555;border-radius:10px 0px 0px 0px;margin-bottom:14px;}
.right_column dl.top_list.earth dd{float:left;width:48%;height:80px;margin:1%;border-radius:6px;}

#member_regist{text-decoration:none;color:#ffffff;background:#162d50;font-size:12px;width:180px;padding:6px 0px;text-align:center;border-radius:8px;display:block;position:absolute;top:10px;right:50px;}
#main_navi{width:600px;height:50px;position:absolute;bottom:0px;right:10px;}
#main_navi > li{font-size:16px;line-height:16px;text-align:center;width:20%;height:100%;float:left;}
#main_navi > li > a{text-decoration:none;display:block;padding:17px 0px;}
#main_navi > li > a:hover{background:#eeeeee;}

#body{background:#ffffff;line-height:1.5em;overflow:visible;}
#body h3{color:#ffffff;background:#2c5aa0;padding:6px;margin-bottom:8px;}
#body_left_col{width:240px;height:600px;float:left;background:url('../img/bgi.png') left top no-repeat;background-size:contain;}
#body_center_col{background:#ffffff;width:400px;height:initial;float:left;}
#body_center_col h3{color:#ffffff;background:#162d50;margin:0px 6px 6px 6px;padding:2px;}
dl.top_column_list dd{margin-bottom:18px;border-bottom:1px solid #999999;}

dl.share_box{margin:10px 0px;}
dl.share_box dd{width:30%;height:100%;display:block;margin-left:2%;float:left;}
dl.share_box > dd > a{width:100%;height:100%;display:block;}
dd.twitter a{background:#37abc8 url('../img/twitter.png') center center no-repeat;background-size:contain;}
dd.facebook a{background:#3a589e url('../img/facebook.png') center center no-repeat;background-size:contain;}
dd.line a{background:#71c837 url('../img/line.png') center center no-repeat;background-size:contain;}
dl.share_box.large{height:30px;}
dl.share_box.small{height:20px;}

.section_number{font-size:10px;color:#333333;background:#cccccc;text-align:center;margin-bottom:10px;}
.column_category dl{margin-bottom:8px;}
.column_category dl dd{font-size:10px;color:#ffffff;background:#555555;text-align:center;width:70px;margin:0px 2px;float:left;}

#body_right_col{color:#ffffff;background:#162d50;font-size:12px;width:300px;height:600px;float:right;}
#body_right_col a{color:#ffa500;}
#footer{font-size:10px;color:#ffffff;background:#0b1728;padding:8px;}

#Glide{width:980px;height:460px;margin:auto;}
.glide__track{width:800px;height:400px;margin:20px auto;}
.glide__track > li{width:800px;height:400px;}
.glide__track .glide__slide a{display:block;height:400px;}
.glide__track .glideslide1{background:url('../img/slide/01.png') no-repeat center center;background-size:contain;}
.glide__track .glideslide2{background:url('../img/slide/03.png') no-repeat center center;background-size:contain;}
.glide__track .glideslide3{background:url('../img/slide/02.png') no-repeat center center;background-size:contain;}
.glide__track .glideslide4{background:url('../img/slide/04.png') no-repeat center center;background-size:contain;}

@media screen and (max-width:700px){
.inner_wrap{width:initial;padding:20px;}
#Glide{width:96vw;height:44vw;margin:auto;}
.glide__track{width:96vw;height:40vw;margin:20px auto;}
.glide__track > li{width:96vw;height:40vw;}
.glide__track .glide__slide a{display:block;height:40vw;}
.left_column{width:initial;float:initial;}
.right_column{width:initial;float:initial;}
    
#header{position:relative;height:initial;padding:10px 0px;}
.header_left_column{width:initial;height:initial;float:initial;position:relative;}
.header_right_column{width:initial;height:initial;float:initial;position:relative;}
#logo{width:initial;height:40px;background:url('../img/logo.png') center center no-repeat;background-size:contain;
    position:initial;right:initial;top:initial;margin-bottom:10px;
}
#header_tel{display:none;}
#header_tel a{color:#ffffff;text-decoration:none;background:url('../img/tel.png') no-repeat center center;background-size:contain;display:block;width:100%;height:100%;}
#header_navi{display:flex;padding-top:initial;flex-wrap:wrap;}
#header_navi li{width:23%;margin:auto 0.5%;text-align:center;margin-bottom:6px;}
}
@media screen and (max-width:500px){
#header_navi li{width:31%;margin:auto 0.5%;text-align:center;margin-bottom:6px;}
}