@charset "utf-8";
*{margin: 0; padding: 0;}
body {font-family: "メイリオ", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "sans-serif", "Meiryo UI"; font-size: 0.9375em; line-height: 1.8em;}
p {margin-bottom: 1em;}
img {vertical-align: top; width: 100%; height: auto;}
a img {border: none;}
a {color: #03C; text-decoration: none;}
a:hover {color: #FF8E00;}
a:hover img {opacity: 0.7;}
ul {list-style-type:none;}
nav {background-color: #EEE;}
nav ul {list-style-type:none; overflow: hidden; border-left: 1px solid #CCC;}
nav ul li {width: 50%; float: left; text-align: center;  border-bottom: 1px solid #CCC;}
nav ul li a {color: #000; padding: 8px 0; display: block; border-right: 1px solid #CCC; }
nav ul li a:hover {background-color: #999; color: #FFF;}
h1 {text-align: center; font-size: 1.2em; line-height: 1.6em; font-weight: normal; padding: 15px 4%;}
h1 .title1 img {width: 80%; max-width: 250px; margin-bottom: 10px;}
h1 .title2 img {display: none;}
h2 {font-size: 2em; font-weight: normal; padding-bottom:0.5em; }
h3 {font-size: 1.4em; font-weight: bold; border-bottom: 3px dotted #999; padding: 0 0 2px; margin-bottom: 0.5em;  color: #0097F8; clear: both;}
h4 {font-size: 1.2em; font-weight: bold; margin-bottom: 0.5em;}
article {padding: 0 4%; }
#pankuzu {padding: 0 0 1em; text-align: right; color: #999;}
.title1 a {font-size: 1.3em; font-weight: bold; color: #4F89FF;}
.tel {font-size: 1.4em; font-weight: bold; color: #0097F8; }
#head_tel {text-align: center; line-height: 1.4em;}
#head_tel a { background-color:#03C; color: #FFF; display: block; padding: 8px 0;}
#head_tel a:hover {background-color: #FF8E00;}
#head_form {text-align: center;}
#head_form a {background-color: #3E60FF; color:#FFF; display: block; padding: 8px 0;}
#head_form a:hover {background-color: #9DB5FD;}
#top_ootono {width: 42%; float: right; padding: 20px 0 5px 5px; }
#top_catch { padding: 20px 4% 0; background-color: #0097F8; color: #FFF; margin: 0;}
.bg_mizu {background: #DCF1FF url("../img/kage.png") no-repeat top center; background-size: 120%; padding: 30px 0;}
.bg_white {background: #FFF url("../img/kage.png") no-repeat top center; background-size: 120%; padding: 30px 0; }
.bg_blue a {background: #0097F8 url("../img/kage.png") no-repeat top center; background-size: 120%; padding: 30px 0 0; display: block;}
.bg_blue a:hover {background-color: #FF8E00;}
.bg_blue img {width: 100px;}
.bg_gray {background: #EEE url("../img/kage.png") no-repeat top center; background-size: 120%; padding: 30px 0;}
.text03 {font-size: 2.4em; color:#FFF; font-weight: bold; }
#catch1 {font-size: 1.1em; margin-bottom: 0.5em;  margin: 0;}
#catch2 {font-size: 1.8em; font-weight: bold; line-height: 1.2em;  color: #FFFF00; padding: 10px 0 20px; margin: 0;}
#catch3 {font-size: 1.2em; font-weight: bold; color: #0097F8;}
#catch_body { }
#catch_body2 {padding: 20px 4%; background-color: #EB8E03; font-size: 1.5em; line-height: 1.4em; text-align: center; color: #FFF; border-radius: 8px; clear: both;}
#catch_body2 strong {font-size: 1.3em;}
footer {background-color: #666; color: #FFF; padding: 20px 4%; }
#ft_nav ul {text-align: center; margin-bottom: 20px;}
#ft_nav ul li {padding: 0 1em; display: inline-block; }
#ft_nav ul li a {color: #CCC;}
#ft_nav ul li a:hover {color: #FFF;}
.list1 {width: 80%; margin: 0 auto; }
.list1 li {line-height: 1.4em; margin-bottom: 0.5em; font-size: 1.1em; padding: 10px; border-radius: 30px;}
.list1 li#soudan01 {background-color:#E4C4D7;}
.list1 li#soudan02 {background-color:#F1E158;}
.list1 li#soudan03 {background-color:#D7EBB5;}
.list1 li#soudan04 {background-color:#D3DFF9;}
.list1 li#soudan05 {background-color:#BCE2E1;}
#copy {text-align: center; line-height: 1.4em; margin-bottom: 50px;}
.black {color:#000; }
#osirase {}
.kiji {padding: 3px 0; border-bottom: 1px dotted #999;}
.day { color: #0097F8;}
#itiran {text-align: right;}
#pagetop_box { text-align: center; position: fixed; bottom: 0px; width: 100%; z-index: 101;}
#pagetop a { display: block; background-color:#3E60FF; font-size: 0.9em; line-height: 1.2em; color: #FFF; text-align: center; border-radius: 10px 10px 0 0; padding-top: 8px; padding-bottom: 8px; width: 11em; margin-left: auto; margin-right: auto; }
#pagetop a:hover {background-color:#9DB5FD;}
.youtube {width:100%; padding-top:56.25%; position:relative; margin-bottom:20px;}
.youtube iframe {top:0; right:0; width:100%; height:100%; position:absolute;}
.text01 {font-size: 1.4em; font-weight: bold; padding: 5px 10px; background-color: #4BCAEB; border-radius: 10px; color: #FFF;}
.text02 {font-size: 1.2em; font-weight: bold; color: #0097F8;}
.sp_tab_none {display: none;}
.sp_pc_none {display: none;}
.center {text-align: center;}
.riyuu p {padding: 3%; width: 94%; background-color: #DCF1FF; margin: 10px 0; border-radius: 8px;}
.riyuu img {width: 50px; float: left; margin: 0 5px 30px 0;}
#syamei {line-height: 1.4em; text-align: center;}
.text_white  {color: #FFF; font-size: 1.1em;}
#top_soudan_btn {padding-top: 1em; overflow: hidden; text-align: center;}
#top_soudan_btn li {width: 47%; text-align: center;  display: inline-block;}
#soudan_tel a {background-color: #0033CC; color: #FFF; border-radius: 5px; display:block; padding: 10px 0;}
#soudan_form a {background-color: #3E60FF; color: #FFF; border-radius: 5px; display:block; padding: 10px 0;}
#soudan_tel a:hover {background-color:#FF8E00; }
#soudan_form a:hover {background-color:#9DB5FD; }
.facebook_wjt {width: 100%;}
.gaiyou dl {padding: 0.5em; border-bottom: 1px dotted #666}
.gaiyou dt {font-weight: bold; line-height: 1.4em; margin-bottom: 5px}
.gaiyou dd {margin-left: 1em; line-height: 1.4em; }
.sp_none {display: none;}
.map {width: 100%; max-width: 650px; margin: 0 auto;}
.nagare p {max-width: 600px; margin: 0 auto 0.5em;}
.nagare_title {font-size: 1.2em; text-align: center; font-weight: bold; background-color: #BDE5FF; padding: 8px 3%; border-radius: 100px; color: #0069AC; width: 94%; max-width: 580px; margin: 0 auto 10px;}
.sankaku {text-align: center; font-size: 2em; margin-bottom: 20px; color: #0097F8;}
.text_red {color: #CC0000;}
.formwidth {width: 96%; max-width: 600px;}
.formwidth2 {width: 200px;}
.otoiawase dl {padding: 3px 0; border-bottom: 1px dotted #666;}
.otoiawase .dl_first {border-top: 1px dotted #999;}
.text_big2 {font-size: 1.5em;}
.text04 {font-size: 3em; text-align: center; color: #0097F8; margin: 0 0 10px;}
.msg {color: #CC0000;}
.ninbai {max-width: 780px; margin: 0 auto;}
.table1 {border-top: 1px solid #999; margin-bottom: 2em;}
.table1 th, .table1 td {padding: 3px; border-left: 1px solid #999; border-bottom: 1px solid #999; vertical-align: top;}
.table1 .table_mizu {background-color: #CCDCFF;}
.table1 .table_white {background-color: #FFF;}
.table1 .table_orange {background-color: #FFDA7F; border-right: 1px solid #999;}
.table1 .ninbai1 {}
.table1 .ninbai2 {width: 40%;}
.table1 .bordernone {border: none; }
.table1 .bordernon2 {border-left: none; border-right: none;}
.waku1 {margin-bottom: 3em;}
.Q {padding-bottom:1em; font-weight: bold; color: #0097F8; padding-top: 1em; font-size: 1.1em}
.A {padding-bottom: 1em; border-bottom: 1px dotted #999; margin-bottom: 1em; margin-left: 1em}
.text05 {font-size: 1.4em; font-weight: bold; padding: 5px 10px 0 0; background-color:#FFF; color: #FF9600;}
.Qtext {color: #FFF; font-size: 1.3em; background-color: #4BCAEB; padding: 3px 8px; border-radius: 50px; font-weight: bold; float: left; margin: 0 0.5em 0 0;}
.Atext {color: #FF962F; font-size: 1.5em; font-weight: bold; padding-right: 0.5em;}
.text06 {font-size: 1.3em; line-height: 1.5em;}
.text_r {text-align: right;}
.table_right {width: 17em; margin: 0 0 0 auto; text-align: center;}
.text07 {font-size: 1.2em; color: #027AC7; font-weight: bold;}
.ootono img {width:50%; margin:0 60px 8px; }
.sitemap ul li {margin-bottom: 1em; font-weight: bold;}
.sitemap li ul li {margin-left: 3em; font-weight: normal; margin-bottom:0;}


@media (min-width: 560px){
#header_box {padding: 0 4%; overflow: hidden;}
h1 { text-align: left; float: left; width: 50%; padding: 15px 0;}
h3 {font-size: 1.5em;}
#head_tel {text-align:center; }
#head_tel a {float: right; width:auto; background-color: transparent; color: #000; font-size: 1.1em; padding-top: 15px;}
.tel { color: #0097F8; font-size: 1.5em;}
#head_tel a:hover {background-color: transparent;}
#head_form {text-align: center;}
#head_form a {float: right; width:250px; color: #FFF; font-size: 1.1em; padding: 5px 0; border-radius: 5px;}
nav ul li {width: 33.33%;}
#top_ootono {width:160px; float: right; padding: 0 10px 0 5px; }
#catch1 {font-size: 1.3em;}
#catch2 {font-size: 2.1em;}
#catch3 {font-size: 1.4em; margin-bottom: 10px;}
#catch_body {font-size: 1.2em;}
#catch_body2 {font-size: 1.6em; line-height: 1.3em;}
#aisatu_douga {width: 480px; height: 270px;}
.pc_tab_none {display: none;}
.sp_pc_none {display: block;}
.tab_none {display: none;}
#top_soudan {width: 100%; max-width: 600px; margin: 0 auto;}
.bg_blue a {background-size: 100%;}
#soudan_tel a {width: 150px; margin: 0 0 0 auto;}
#soudan_form a {width: 150px; margin: 0 auto 0 0;}
.youtube_box {width:100%; margin:0 auto; max-width: 500px;}
.facebook_wjt {text-align: center; width: 100%; max-width: 500px; margin: 0 auto;}
.gaiyou dl {overflow: hidden;}
.gaiyou dt {float: left; width: 20%;}
.gaiyou dd {float: right; width: 75%;}
.sp_none {display: block;}
.tab_none {display: none;}
.otoiawase dl {overflow: hidden;}
.otoiawase dt {float: left; width: 30%;}
.otoiawase dd {float: right; width: 68%;}
.waku1 {width: 250px; margin: 0 auto 3em; overflow: hidden; text-align: center;}
.text04 {margin-bottom: 0;}
.zu1 {width: 500px; margin: 0 auto 1em;}
.zu2 {max-width: 600px; margin: 0 auto 1em;}
}

@media (min-width: 1080px){
#header_box {width: 1024px; margin: 0 auto; padding: 0;}
#head_tel a {width: 250px; background-color: transparent; color: #000; font-size: 1.1em; padding-top: 15px;}
h1 {font-size: 1.4em; width: 730px;}
h1 .title1 img {display: none;}
h1 .title2 img {display: inline-block; width:450px;}
h3 {font-size: 1.6em;}
#head_syamei {width: 200px; padding: 15px 0 0 20px; display: inline-block;}
nav {background-color: #FFF;}
nav ul {width: 1024px; margin: 0 auto;}
nav ul li {width:16.66%; font-size: 1.1em; border-bottom: none;}
#top_ootono {width:200px; padding:0 10px 0 5px; }
#top_catch {padding:40px 0 20px; }
#catch1 {font-size: 1.5em; width: 1024px; margin: 0 auto;}
#catch2 {font-size: 2.6em; width: 1024px; margin: 0 auto;}
#catch3 {font-size: 1.5em; line-height: 1.4em; width: 750px; float: left;}
#catch_body {font-size: 1.3em; line-height: 1.5em; width: 750px; float: left;}
#catch_body2 {font-size: 1.8em; line-height: 1.3em;}
#aisatu_douga {width: 480px; height: 270px;}
article {width: 1024px; padding :0; margin: 0 auto;}
#top_soudan {width: 100%; max-width: 100%;}
.bg_mizu {padding: 40px 0; background-size: 1024px;}
.bg_white {padding: 40px 0; background-size: 1024px;}
.bg_blue a {background-size: 1024px;}
.bg_gray {background-size: 1024px;}
.sp_tab_none {display: block;}
.pc_none {display: none;}
.sp_pc_none {display: none;}
.riyuu { width: 100%; display: flex; height: auto;}
.riyuu p {padding: 3%; width: 42%; margin: 10px; border-radius: 8px;}
.gaiyou dt {width: 160px;}
.gaiyou dd {width: 820px;}
.otoiawase dt {width: 200px;}
.otoiawase dd {width: 800px;}
}