@charset "UTF-8";

*{margin:0;padding:0;box-sizing:border-box;}
html{height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ol,ul,li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;font-size:70%;position:relative;top:-0.5em;}
sub{vertical-align:text-bottom;font-size:70%;position:relative;top:0.5em;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
object,embed{margin:0;vertical-align:top;}
img,a{vertical-align:top;}
i{font:inherit;}
video{margin:0;padding:0;border:0;outline:0;font-size:100%;line-height:0;vertical-align:baseline;background:transparent;}
article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block;}

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
background-size:125px;}

img {
max-width:100%;
height:auto;}
table {
max-width:100%;}
ol {
margin:0 0 0 22px;}
ol li {
list-style:decimal;
line-height:1.5;
margin:9px 0;}

a:link {
color:#600;TEXT-DECORATION:none;
transition:color 0.3s;}
a:visited {
color:#800;TEXT-DECORATION:none;}
a:hover {
color:#e00;TEXT-DECORATION:none;}

body {
text-align:left;
font-family:'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro','游ゴシック Medium',YuGothic,YuGothicM,'メイリオ',Meiryo,sans-serif;
background:url(../../images/bg2017.jpg) no-repeat center center fixed; 
background-size:cover;}

body , h1 , h2 , h3 , h4 , h5 , h6 , table {
font-size:14px;
line-height:1.8;}

.fontsize-m {
font-size:1em;}
.fontsize-m table {
font-size:1em;}
.fontsize-l {
font-size:1.15em;}
.fontsize-l table {
font-size:1em;}

.f-09 {
font-size:70%;
line-height:1.3;}
.f-10 {
font-size:80%;
line-height:1.3;}
.f-11 {
font-size:80%;
line-height:1.5;}
.f-14 {
font-size:110%;
line-height:1.6;}
.f-18 {
font-size:150%;}

.aligncenter {
text-align:center;
display:block;
margin-left:auto;
margin-right:auto;}
.alignright {
float:right;
margin:3px 0 25px 25px;}
.alignleft {
float:left;
margin:3px 25px 25px 0;}

.col-50 {
width:50%;}

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

.col-flex {
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}

h1 {
font-size:100%;
line-height:1.2;
font-weight:normal;}
h2 {
font-size:130%;
line-height:1.2;
font-weight:bold;
color:#700;
border:2px solid #700;
padding:9px 9px 8px 9px;
margin:0 0 25px 0;
border-radius:4px;}
h3 {
color:#881100;
font-size:120%;
line-height:1.2;
font-weight:bold;
padding:5px 0;
border-bottom:1px dotted #CCAA55;
margin:0 0 15px 0;}
h4 {
color:#550000;
font-weight:bold;
font-size:130%;
line-height:1.3;
margin:16px 0;}
h5 {
clear:both;
font-weight:normal;
text-align:center;
border-top:1px solid #777;
border-bottom:1px solid #777;
margin:36px 0 0 0;
padding:18px 0;}
h6 {
color:#006644;
font-weight:bold;
font-size:130%;
line-height:1.3;
margin:16px 0;}

/* block =========================*/

blockquote {
margin:27px 0;
padding:18px;
background:#FCF8F2;
border:2px solid #d2c4af;
border-radius:5px;}
.block {
margin:27px 0;
padding:18px;
background:#FCF8F2;
border:2px solid #d2c4af;
border-radius:5px;}
.block-white {
margin:27px 0;
padding:18px;
background:#fff;
border:2px solid #d2c4af;
border-radius:5px;}

.block-pdf .txt {
margin:0 140px 0 0;}
.block-pdf .img {
width:120px;
float:right;
text-align:right;}

@media only screen and (max-width: 640px) {

.block-pdf .txt {
margin:0;}
.block-pdf .img {
width:100%;
float:none;
text-align:center;
margin:0 0 15px 0;}

}



/* COMMON PARTS ===================*/

.notice {
font-weight:bold;
margin:7px 0;
color:#DD0000;}

.p-ttl-l {
font-family:Verdana, Arial, sans-serif;
margin:36px 0 !important;
padding:10px 14px 9px;
background:url(../../images/p_ttl_l.png) no-repeat left center;
color:#553300;
font-size:80%;
line-height:1.15;
border:1px solid #fff;
box-shadow:0px 0px 1px #aeae9f;}

.p-line {
background:url(../images/line_dot.gif) repeat-x center center;
height:12px;
font-size:50%;
line-height:1.15;}

ul.p-btn {
padding:25px 0;}
ul.p-btn li {
float:left;
text-align:center;
width:50%;
background:url(../images/b_bg.gif) no-repeat right bottom;}
ul.p-btn li a {
display:block;
padding:14px 0;
line-height:1.15;
font-weight:bold;
border-top:1px solid #FFF;
border-left:3px solid #FFF;}

table.p-tbl {
margin:0 0 20px 0;
border-top:1px solid #BBB;}
table.p-tbl th {
padding:12px 10px;
border-bottom:1px solid #BBB;
text-align:center;
font-weight:normal;
background-color:#E4E0D1;
font-size:90%;
line-height:1.6;}
table.p-tbl td {
padding:13px 0 13px 10px;
border-bottom:1px solid #BBB;
font-size:90%;
line-height:1.6;}
table.p-tbl td img {
margin:2px 2px 7px 2px;
padding:4px;
background:#F9F2E6;}
table.p-tbl sup {
color:#DD0000;}

.youtube {
height:0;
width:100%;
max-width:640px;
overflow:hidden;
padding-top:56.25%;
position:relative;
margin:30px 0;
border:4px solid #e8e7de;}
.youtube iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;}



/* BUTTON ===============*/

.alpha {
transition:all .3s;
filter:alpha(opacity=100)!important;
-moz-opacity:1!important;
opacity:1!important;}
.alpha:hover {
filter:alpha(opacity=60)!important;
-moz-opacity:0.6!important;
opacity:0.6!important;}

a.link-btn {
display:inline-block;
line-height:3em;
margin:22px 0 0 0;
padding:0.1em 2em 0;
border:2px solid #9f6822;
background:#fffdf3;
color:#9f6822;
text-align:center;
outline:none;
transition:0.3s;
border-radius:8px;}
a.link-btn:hover {
background:#9f6822;
color:#fff;}

.btn-img {
display:block;
text-align:center;
margin:36px 0;}
.btn-img img {
border:1px solid #fff;
border-radius:6px;
box-shadow:2px 2px 3px 0 rgba(0,0,0,0.2);}

.btn-scroll {
width:100%;
margin:33px 0;
text-align:left;
font-size:0;}
.btn-scroll li {
width:50%;
padding:4px;
text-align:center;
font-size:14px;
line-height:1.2;
font-weight:bold;
display:inline-block;}
.btn-scroll li a {
display:block;
background:#fff;
color:#844b02;
padding:13px 0 12px 0;
border:2px solid #844b02;
border-radius:18px;
transition:all .3s;}
.btn-scroll li a:hover {
background:#844b02;
color:#fff;
text-decoration:none;}

@media only screen and (max-width:640px) {

.btn-scroll li {
width:50%;}

}

/* FORM ====================*/

.width99 {width:98%!important;}
.width66 {width:66%!important;}
.width33 {width:33%!important;}
.width11 {width:11%!important;}

div.contact-form input, 
div.contact-formbutton, 
div.contact-formselect, 
div.contact-formtextarea {
outline:none;}

div#trust-form.contact-form input,
div#trust-form.contact-form select {
vertical-align:middle;}
div#trust-form.contact-form input[type="checkbox"],
div#trust-form.contact-form input[type="radio"] {
margin-right:3px;
margin-bottom:3px;}


#message-container-input , div#trust-form.contact-form-confirm #message-container-confirm {
font-size:12px;
padding:11px;
background-color:#f3f4e9;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;}
div#trust-form.contact-form-finish #message-container-confirm {
width:100%;
height:420px;
background:url(/images/mail_thanks.gif) no-repeat center center;
border-radius:5px;}


div#trust-form.contact-form {
width:100%;
height:auto;}
div#trust-form.contact-form table {
width:100%;
margin:33px 0;
border:2px solid #bbb !important;}
div#trust-form.contact-form table th {
width:30%;
line-height:1.3;
border:1px solid #bbb !important;
text-align:center;
font-weight:normal;
padding:15px 0 14px 0;
background:#ebe9d6;}
div#trust-form.contact-form table td {
text-align:left;
line-height:1.3;
background:#fff;
border:1px solid #bbb !important;
padding:15px 11px 14px 11px;}
div#trust-form.contact-form .submessage {
font-size:12px;
line-height:1.3;
margin-top:6px;}
div#trust-form.contact-form .require {
display:block;
font-size:12px;
line-height:1.3;
margin-top:6px;
color:#DD0000;}
div#trust-form.contact-form .error {
font-size:12px;
line-height:1.3;
margin-top:6px;
color:#DD0000;}


.submit-container {
text-align:center;}
.submit-container input {
line-height:1.15;
-webkit-appearance:none;
background-color:#eadfc0;
cursor:pointer;
margin:0 3px;
padding:1.1em 2em 1em 2em;
border-style:none;
border-radius:5px;}







.form-notice {
padding:11px;
background:#f3f4e9;
border-radius:5px;
margin:30px 0;}

table.form-tbl {
width:100%;
margin:20px 0;
border:2px solid #bbb !important;}
table.form-tbl th {
width:27%;

line-height:1.3;
border:1px solid #bbb !important;
text-align:center;
font-weight:normal;
padding:15px 0;
background:#ebe9d6;}
table.form-tbl th .hissu {
display:block;
font-size:12px;
line-height:1.3;
margin:4px 0 0 0;
color:#DD0000;}
table.form-tbl td {
text-align:left;

line-height:1.3;
background:#fff;
border:1px solid #bbb !important;
padding:15px 11px;}
table.form-tbl td .notice {
margin:10px 0 0 0;
font-weight:normal;
color:#600;
font-size:90%;
line-height:1.6;}
table.form-tbl td input , table.form-tbl td textarea ,table.form-tbl td select {
font-size:16px!important;
padding:2px;}
table.form-tbl td span.error {
font-size:90%;
line-height:1.15;
margin:9px 0 0 0 !important;
padding:8px;
background:#ffdfdf;
border-radius:5px;}

.form-submit {
margin:36px 0;
text-align:center;}
.form-submit input {
-webkit-appearance:none;
background-color:#eadfc0;
cursor:pointer;
margin:0 3px;
padding:1.1em 2em 1em 2em;
border-style:none;
border-radius:5px;
line-height:1.15;}

@media only screen and (max-width: 640px) {

table.form-tbl th {
display:block;
width:100%;
padding:14px 0;
border:none;}
table.form-tbl th .hissu {
display:inline-block;
margin:0 0 0 2px;}
table.form-tbl td {
display:block;
width:100%;
padding:12px;
border:none;
border-bottom:1px solid #bbb !important;}

}

/* SOCIAL ===================== */

.social {
margin:0 0 33px 0;}
.social li {
float:left;
margin-left:4px;}
.social li img {
border:0;
padding:0;
margin:0;
vertical-align:top;}

/* THANKS-ERROR =======================*/

.thanks-error {
text-align:center;
width:100%;
max-width:1000px;
padding:50px 10px;
margin:9% auto;}
.thanks-error .ttl {
font-size:150%;
line-height:1.3;
margin:0 0 33px 0;}