@import "font.css";
@import "moushikomi.css";
@import "uemenu.css";
@import "slick.css";

@media only screen and (min-width: 320px) {
html,body {width:100%; height:100%; background-color:#eee; color: #333333; font-size: 120%; line-height: 160%; text-decoration:none; margin: 0px; padding: 0px; overflow-x: hidden; font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif; -webkit-text-size-adjust: 100%;}

#sotogawa {width:100%; padding: 50px 0px 0px 0px;}
#sotogawa h2 {text-align: center;}

#uchigawa950,
#uchigawa950r {width:90%; margin:0px auto;}
#ni00001,
#uchigawa0,
#uchigawalr,
#huchigawalr,
#nuchigawalr,
#l_uchigawalr {width:90%; margin:0px auto;}

#uchigawa09w {width:100%; background-color:#fff; padding:50px 0px 50px 0px;}
#uchigawa006699 {width:100%; background-color:#006699; padding:50px 0px 50px 0px; color:#fff;}
#uchigawae4f6ff {width:100%; background-color:#e4f6ff; padding:50px 0px 50px 0px; color:#fff;}
#uchigawacceeff {width:100%; background-color:#cceeff; padding:50px 0px 50px 0px; color:#fff;}

h2 {text-align:center;}

#uchigawa100 {width:90%; margin:100px auto;}

#uchigawawi img,

.sb470_left img,
.sb470w_left img,
.sb50p_left img {width:96%; margin:0px 0px 50px 0px;}

.sb310_left {width:100%; margin: 30px auto;}

.sb310_left img {margin:30px auto;}

.sb470_left,
.sb470w_left,
.sb50p_left,
.sb50p_right {width:100%; margin: 0px auto; padding:0px 0px 0px 0px;}

.sb310w_left,.sb310w_right {background-color:#fff; padding: 20px;}
.sb470w_left,.sb470w_right {background-color:#fff; padding: 20px;}

.sb310_left h3,
.sb310_right h3,
.sb470_left
.sb470_right
.sb470w_left
.sb470w_right {text-align:center; margin:20px auto;}

.sb310g_left,
.sb310y_left,
.sb310b_left {width:100%; text-align:center; padding:30px 0px 0px 0px;}
.sb310g_left {background-color:#00aa33; color:#fff; padding:0px 0px 30px 0px;}
.sb310y_left {background-color:#FFbb00; color:#fff; padding:0px 0px 30px 0px;}
.sb310b_left {background-color:#33bbff; color:#fff; padding:0px 0px 30px 0px;}

.sb50p_left p { width:100%;}

hr {border-top: 1px dotted #8c8b8b;}
.topc { display:none;}

.photoc {margin:0px; padding:0px;}
.photoc li {list-style: none;}
.photoc img {width:100%; text-align:center; margin:0px auto;}

}

@media only screen and (min-width: 1000px) {
html,body {width:100%; height:100%; background-color:#eee; color: #333333; font-size: 100%; line-height: 200%; text-decoration:none; margin: 0px; padding: 0px; overflow-x: hidden; font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif; -webkit-text-size-adjust: 100%;}

#sotogawa {width:100%; padding: 50px 0px 0px 0px;}
#sotogawa h2 {text-align: center; font-weight:900;}

#uchigawa950 {width:950px; margin:0px auto;}
#uchigawa950r {width:950px; margin:0px auto;}

#uchigawaw {width:100%; margin:0px auto; padding: 0px 0px 0px 0px; background-color:#fff;}

#uchigawawi {width:100%; position: relative;}
#l_uchigawalr {width:100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
#uchigawawi img {width:800px; margin:50px 0px 50px 0px;}

#uchigawa09w {width:100%; margin:0px auto; padding: 50px 0px 50px 0px; background-color:#fff;}
#uchigawa09w h2 {text-align:center;}

#uchigawa006699 {width:100%; margin:0px auto; padding: 50px 0px 50px 0px; background-color:#006699; color:#fff;}
#uchigawa006699 h2 {text-align:center;}

#uchigawae4f6ff {width:100%; margin:0px auto; padding: 50px 0px 50px 0px; background-color:#e4f6ff; color:#333;}
#uchigawae4f6ff h2 {text-align:center; color:#333;}

#uchigawacceeff {width:100%; margin:0px auto; padding: 50px 0px 50px 0px; background-color:#cceeff; color:#333;}
#uchigawacceeff h2 {text-align:center; color:#333;}

#uchigawaabe {width:100%; margin:0px auto; padding: 50px 0px 50px 0px; background-color:#ABE0EC;}
#uchigawaabe h2 {text-align:center; color:#fff;}

#uchigawa488 {width:100%; margin:0px auto; padding: 50px 0px 0px 0px; background-color:#4883BB;}
#uchigawaabe h2 {text-align:center; color:#fff;}

#uchigawa0 {width:950px; margin:50px auto;}
#uchigawa0 h3 {text-align: center;}
#uchigawa0 p {text-align: center; margin: 50px 0px 50px 0px;}

#uchigawalr,
#huchigawalr,
#nuchigawalr {width:960px; margin:50px auto; margin-right:-10px;}
#uchigawalr:after,
#huchigawalr:after,
#nuchigawalr:after,
#l_uchigawalr:after {content: ""; clear: both; display: block;}

.sb310_left,
.sb310w_left,
.sb470_left,
.sb470_leftw {float:left; margin:0px 10px 10px 0px;}
.sb310_right,
.sb470_right,
.sb470w_right {float:right; margin:0px 0px 0px 0px;}

.sb310_left,.sb310_right {width:310px; text-align: center;}
.sb310w_left,.sb310w_right {width:280px; height:330px; background-color:#fff; padding:0px 15px; color:#333; text-align: center;}

.sb310g_left,
.sb310y_left,
.sb310b_left {width:310px; margin:20px 0px 0px 0px;}
.sb310g_left {background-color:#00aa33; color:#fff; padding:0px 0px 30px 0px;}
.sb310y_left {background-color:#FFbb00; color:#fff; padding:0px 0px 30px 0px;}
.sb310b_left {background-color:#33bbff; color:#fff; padding:0px 0px 30px 0px;}

.sb470_left,.sb470_right { width:470px;}
.sb470w_left,.sb470w_right { width:440px; background-color:#fff; padding:20px 15px; color:#333;}
.sb50p_left,.sb50p_right {float:left; width:50%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-color:#fff;}

.sb310_left h3,.sb310_right h3 {text-align:center; margin:20px auto;}
.sb470_left img { width:95%;}
.sb50p_left img { width:100%;}
.sb50p_left h3 { width:90%; padding: 20px 20px 0px 30px;}
.sb50p_left p { width:90%; padding: 0px 20px 30px 30px;}

#ni00001 {width:950px; margin:50px auto;}

.sb310_left img {margin:30px auto;}

#nasubmit {height:41px; height:50px; background-color:#000000; margin: 20px 0px 0px 0px; padding: 6px 12px 6px 12px; color:#FFF; font-size: 24px;}
.nqatextl,.nqatextr {width:299px;}
.nqartext {width:299px; height:50px; border:1px #666666 solid; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 6px; font-size: 18px;}
.nqartextarea {width:600px; border:1px #666666 solid; margin: 0px 0px 0px 0px; padding: 6px 0px 0px 6px; font-size: 18px;}

hr { display:none;}
.topc { display:block; font-size: medium;}

.photoc {margin:0px; padding:0px;}
.photoc li {list-style: none;}
.photoc img {width:310px; height="auto" text-align:center; margin:0px auto;}

}

#headng {width: 100%; padding-top: 50%; background: url(images/headng001.jpg) no-repeat; background-size: cover; position: relative;}

#headng::before{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.5);}

#headng .headngtitle {position: absolute; top: 30%; width: 100%; color: #fff; text-align: center; font-weight: bold;}

.headngtitle h2 {text-shadow:1px 1px 3px #000;}

#chizuawase {height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative;}
#chizuawase iframe {width:100%; height:100%; margin:0px; position: absolute;}

#koih img {width: 100%; height:auto; margin:0px 0px 0px 0px;}
#bgfffaec {width: 100%; background-color:#fffaec;}

#nasubmit {display:inline-block; text-align:center; height:41px; height:50px; background-color:#000000; margin: 10px 0px 0px 0px; padding: 6px 12px 6px 12px; color:#FFF; font-size: 24px; border: 2px solid #000;}

.nqatextl,.nqatextr {width:100%;}
.nqartext {width:100%; height:50px; border:1px #666666 solid; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 6px; font-size: 18px;}
.nqartextarea {width:100%; border:1px #666666 solid; margin: 10px 0px 0px 0px; padding: 6px 0px 0px 6px; font-size: 18px;}
.form_height50 {margin: 20px 0px 20px 0px; padding: 0px 0px 0px 0px; font-size: 18px;}
input:invalid {
  border: solid 1px #333;
  background-color:#Fee;
}

#nqaotb {display:none;}

td.naiyou{vertical-align: top;}
td.orikin {white-space: nowrap; vertical-align: top;}

#koform_ele {width:90%; margin: 60px auto; padding:24px; border:#ccc 1px solid;}

#koform_ele p {margin: 20px auto; border-bottom:#ccc 1px solid;}