@charset "UTF-8";

/*---------- ページ全体の指定 ----------*/

body {
margin:0;
padding:0;
font-size:100%;
color:#1a1919;
font-family:'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
}

a:link {color:#37859a;text-decoration:underline;}
a:visited {color:#37859a;text-decoration:underline;}
a:hover {color:#139eb1;text-decoration:none;}
a img {border-style:none;}
a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
}
a{
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
a img {
border-style:none;
-webkit-transition:all .3s;
transition:all .3s;
}
img {vertical-align:bottom;}

.clearfix:before,
.clearfix:after {
content:" ";
display:table;
}
.clearfix:after {
clear:both;
}
.clearfix {
*zoom:1;
}

p {
font-size:100%;
line-height:160%;
}
@media screen and (min-width:769px) {
p {
font-size:18px;
line-height:180%;
letter-spacing:1px;
}
}

@media screen and (max-width:768px){.spnone{display:none;}}
@media screen and (min-width:769px){.pcnone{display:none;}}

h1{}
h2{}
h3{}
h4{}

#top{
margin:0;
padding:5px 5px 10px 5px;
text-align:center;
background:#000;
}
#top img{width:100%;}
#back{
margin:0;
padding:0;
background-image:url(img/bg.jpg);
}
h1{
margin:0;
padding:0;
text-align:center;
}
h1 img {width:100%;}
@media screen and (min-width:769px) {
#top{padding:20px 0;}
#top img{width:768px;}
h1{padding:25px 0 40px 0;
background-image:url(img/copy_bg.png);
background-position:bottom center;
background-repeat:no-repeat;
}
h1 img {width:768px;}
}


.device_txt{
margin:0;
padding:15px;
text-align:center;
background:#4c3100;
}
.device_txt img{width:100%;}
.device{
margin:0;
padding:30px 20px;
text-align:center;
background-image:url(img/wood.jpg);
}
.device a:link {color:#fff;text-decoration:none;}
.device a:visited {color:#fff;text-decoration:none;}
.device a:hover {color:#fff;text-decoration:none;}
.device_top{
margin:0 0 25px 0;
padding:0;
}
.device_top img{width:100%;}
.form{
margin:0 auto;
padding:0;
}
.form_caption{
margin:20px 0 0 0;
padding:0;
font-size:75%;
line-height:160%;
color:#fff;
text-align:left;
}
input[type="text"], textarea, select {
border:0;
margin:0;
padding:20px 15px;
font-size:100%;
font-weight:bold;
border:solid 1px #ccc;
text-align:center;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
input[type="text"]:focus,
textarea:focus {
box-shadow: 0 0 7px #999999;
border: 1px solid #666;
}

/* Chrome, Safari */
::-webkit-input-placeholder{
color:#999;
}
/* Firefox */
::-moz-placeholder{
color:#999;
}
/* Firefox 18以前 */
:-moz-placeholder{
color:#999;
}
/* IE */
:-ms-input-placeholder{
color:#999;
}

input[type="submit"],input[type="button"] {
margin:15px auto 0 auto;
border-radius:0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
background:#ea5413;
border-bottom:solid 5px #b9400b;
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
outline-offset: -2px;
opacity:0.7;
filter:alpha(opacity=70);
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
.btn {
width:100%;
margin:15px auto 0 auto;
padding:20px 0;
font-size:100%;
font-weight:bold;
display:inline-block;
text-decoration:none;
color:#fff;
background:#ea5413;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
.btn:hover {
opacity:0.7;
filter:alpha(opacity=70);
-webkit-transition:0.3s ease-in-out;
-moz-transition:0.3s ease-in-out;
-o-transition:0.3s ease-in-out;
transition:0.3s ease-in-out;
}
@media screen and (min-width:769px) {
.device_txt{padding:15px 0 20px 0;}
.device_txt img{width:768px;}
.device{padding:45px 0;}
.device_top img{width:480px;}
.form{width:640px;}
.form_caption{margin:30px 30px 0 30px;font-size:12px;letter-spacing:1px;}
input[type="text"], textarea, select {font-size:20px;letter-spacing:1px;}
.btn {padding:20px 0;font-size:24px;}
}


#movie_bg{
margin:0;
padding:30px 20px;
background-image:url(img/bg.gif);
border-top:solid 1px #ea5413;
}
.movie{
margin:0 auto;
padding:0;
}
.video{
margin:0;
padding:0;
position:relative;
width:100%;
padding-top:56.25%;
}
.video iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}
@media screen and (min-width:769px) {
#movie_bg{padding:75px 0;}
.movie{width:768px;}
}


.worrry_top{
margin:30px 20px 15px 20px;
padding:0;
font-size:150%;
line-height:150%;
text-align:center;
font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.worry_box{
margin:0 20px 45px 20px;
padding:0;
}
.worry{
margin:0 auto;
padding:0;
}
@media screen and (min-width:769px) {
.worrry_top{
margin:60px 0 30px 0;
font-size:32px;
letter-spacing:1px;
}
.worry_box{
width:1200px;
margin:0 auto 60px auto;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}
.worry{width:48%;}
}
table.check{
width:100%;
border-collapse:collapse;
margin:0;
}
table.check th{
width:25px;
font-size:100%;
line-height:180%;
padding:12px 0 5px 0;
color:#ea5413;
vertical-align:top;
text-align:left;
}
table.check td{
font-size:100%;
line-height:150%;
font-weight:bold;
padding:14px 0 5px 0;
border-bottom:dotted 1px #999999;
vertical-align:top;
}
@media screen and (min-width:769px){
table.check th{
width:35px;
font-size:20px;
padding:10px 0 5px 0;
}
table.check td{
font-size:20px;
padding:10px 0 5px 0;
}
}


#container{
margin:0;
padding:45px 20px 1px 20px;
}
.subhead{
margin:0 0 25px 0;
padding:3px 0 0 0;
border-top:solid 3px #000;
}
.subhead h2{
margin:0;
padding:20px 0;
font-size:150%;
line-height:150%;
text-align:center;
letter-spacing:1px;
border-top:solid 1px #000;
border-bottom:solid 1px #000;
font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.contents{
margin:0 auto 45px auto;
padding:0;
}
.pict{
margin:20px 0;
padding:0;
text-align:center;
}
.pict img{width:100%;}
@media screen and (min-width:769px){
#container{
width:1200px;
margin:90px auto 45px auto;
padding:90px 0 1px 0;
background-image:url(img/back.jpg);
box-shadow:0 0 10px rgba(0,0,0,0.3);
}
.subhead{
margin:0 0 45px 0;
padding:3px 0 0 0;
border-top:solid 3px #000;
}
.subhead h2{
margin:0;
padding:25px 0;
font-size:32px;
line-height:150%;
text-align:center;
letter-spacing:1px;
border-top:solid 1px #000;
border-bottom:solid 1px #000;
font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.contents{
width:640px;
margin:0 auto 120px auto;
padding:0;
}
.pict{
margin:25px 0;
padding:0;
text-align:center;
}
.pict img{width:100%;}
}


.prf_bg{
margin:0;
padding:45px 15px 45px 15px;
background-image:url(img/prf.png);
}
.prf_top{
margin:0 0 20px 0;
padding:0;
font-size:120%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.prf{
margin:0 auto;
padding:25px 20px 15px 20px;
background:#fff;
border:double 3px #111;
}
.prf_pict{
margin:0;
padding:0;
text-align:center;
}
.prf_pict img{
width:60%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
.prf_name{
margin:0;
padding:15px 0 0 0;
font-size:140%;
font-weight:bold;
line-height:100%;
text-align:center;
}
.prf_name span{
font-size:60%;
color:#996600;
font-family: 'Roboto Condensed', sans-serif;
}
@media screen and (min-width:769px){
.prf_bg{padding:90px 0 120px 0;}
.prf_top{margin:0 0 30px 0;font-size:24px;letter-spacing:1px;}
.prf{width:640px;padding:60px 120px 45px 120px;}
.prf_pict{margin:0 0 0 30px;float:right;}
.prf_pict img{width:240px;}
.prf_name{padding:0;font-size:24px;letter-spacing:1px;text-align:left;}
.prf_name span{font-size:14px;}
}

.special{
margin:0;
padding:25px 10px 30px 10px;
background-image:url(img/back.jpg);
}
.special img{width:100%;}
@media screen and (min-width:769px){
.special{padding:45px 0 75px 0;}
.special img{width:768px;}
}


.detail{
margin:30px 15px 0 15px;
padding:0;
color:#70583d;
}
.detail table{
width:100%;
border-collapse:separate;
margin:0;
}
.detail table th{
width:80px;
font-size:80%;
line-height:160%;
padding:10px 0;
color:#fff;
background:#70583d;
}
.detail table td{
font-size:80%;
line-height:160%;
padding:10px;
border-bottom:solid 1px #70583d;
}
@media screen and (min-width:769px){
.detail{width:640px;margin:30px auto 0 auto;}
.detail table th{
width:100px;
font-size:12px;
letter-spacing:1px;
padding:10px;
}
.detail table td{
font-size:12px;
letter-spacing:1px;
}
}


/*---------- 文字装飾 ----------*/

.mt{margin-top:25px;}
@media screen and (min-width:769px){.mt{margin-top:45px;}}
.bold{font-weight:bold;}
.ul{text-decoration:underline;}
.red {font-weight:bold;color:#c2143b;}
.org {font-weight:bold;color:#ea5413;}
.through{text-decoration:line-through;}
.ym{font-weight:bold;background:linear-gradient(transparent 60%, #ffe24d 60%);}
.caption{font-size:75%;color:#666666;font-weight:normal;line-height:150%;}


/*---------- 文字位置 ----------*/

.center{text-align:center;}
.right{text-align:right;}


/*---------- フッター ----------*/


#footer{
margin:0 auto;
padding:30px 0;
font-size:75%;
line-height:200%;
color:#fff;
text-align:center;
background:#333;
font-family: 'Roboto Condensed', sans-serif;
}
#footer a:link {color:#fff;text-decoration:none;}
#footer a:visited {color:#fff;text-decoration:none;}
#footer a:hover {color:#fff;text-decoration:underline;}
@media screen and (min-width:769px){
#footer{
padding:30px 0;
font-size:12px;
}
}