@charset "utf-8";
/* CSS Document */
body{
background:url(../../img/h37.jpg) no-repeat top center fixed;background-size: 100%;}
@media screen and (max-width: 1300px) {
body{background:url(../../img/h38.jpg) center center / cover no-repeat fixed;}
}
@media screen and (max-width: 640px) {
body{background:url(../../img/h39.jpg)center center / cover no-repeat fixed;}
}
#main{
width:100%;
margin:0 auto;
}
h2{
display:block;
color:#fff;
text-align:center;
font-size:150%;
margin:1em auto;
line-height:1.7;
position:relative;
max-width:720px;
padding:2em 0 4em;
}
@media screen and (max-width: 640px) {
h2{
font-size:100%;
margin:4em auto 0.5em;
line-height:1.7;
width:90%;
text-align:center;
}
h2 span{
font-size:130%;
line-height:1.3;
text-align:center;
padding-left:0;
z-index:5;
position:relative
}
h2 span br{display:none;}
h2 img{
position:relative;
width:100%;
height:auto;
margin:0 auto;
top:0;
right:0;
}
h2+ul{margin-left:0;}
h2+ul li{
font-size:90%;
padding:0.5em 0.7em;
margin:0 0.1em;
}
#maincopy{
width:85%;
margin:0 auto;
text-align:justify;
font-size:90%;
padding:1.5em 0 2em;
}
#maincopy br{display:none;}
}
#contents{
background:#fff;
}
h3{
text-align:center;
font-size:140%;
}
h3 br{display:none;}
@media screen and (max-width: 640px) {
h3{
text-align:center;
font-size:110%;
padding:0;
}
}
@media screen and (max-width: 450px) {
h3 br{display:inline;}
}
#tel3{
padding:2em 0 0.3em;
color:#555;
max-width:880px;
margin:0 auto;
}
#tel3 br{display:inline;}
#tel3+dl{
text-align:center;
background-color:#FF69BD;
background-image:url(../../img/h9.png),url(../../img/h10.png);
background-repeat:no-repeat,no-repeat;
background-position:bottom 0% left 10%,bottom 0% right 10%;
color:#fff;
border-radius:10px;
padding:10px 0;
margin:0 auto 3em;
text-align:center;
max-width:900px;
}
@media screen and (max-width: 900px) {
#tel3{
padding:2em 1em 0.3em;
margin:0 auto;
}
#tel3+dl{
padding:10px 0;
margin:0 1em 2em;
text-align:center;
max-width:880px;
}
}
@media screen and (max-width: 640px) {
#tel3{
padding:1em 1em 0.3em;
text-align:left;
}
#tel3 br{display:none;}
}
#tel3+dl dt{
font-size:130%;
font-weight:bold;
color:#FF0;
padding-top:0.7em;
}
#tel3+dl dd:nth-of-type(1){
font-size:150%;
font-weight:bold;
}
#tel3+dl dd:nth-of-type(1) span{
font-size:60%;
font-weight:normal;
vertical-align:middle;
display:inline-block;
padding:0 0.3em;
border:1px solid #fff;
border-radius:7px;
}
#tel3+dl dd:nth-of-type(2){
font-size:220%;
font-weight:bold;
}
#tel3+dl dd:nth-of-type(2) span{
font-size:40%;
font-weight:normal;
vertical-align:middle;
}
#tel3+dl dd:nth-of-type(2) img {
vertical-align:middle;
padding:0 5px 7px 0;
}
#tel3+p+dl dd:nth-of-type(2) br{display:none;}
@media screen and (max-width: 640px) {
#tel3+dl{
width:90%;
margin:0 auto 2em;
background-image:none;
}
#tel3+dl i,#tel3+p+dl dd:nth-of-type(2) img {display:none;}
#tel3+dl dt{
font-size:100%;
padding-top:0.7em;
}
#tel3+dl dd:nth-of-type(1){font-size:130%;}
#tel3+dl dd:nth-of-type(2){
padding-top:0.3em;
line-height:1;
font-size:160%;
}
#tel3+dl dd:nth-of-type(2) span{font-size:60%;}
#tel3+dl dd:nth-of-type(2) br{display:inline;}
}
#inquiry{margin:0;}
#form{
max-width:900px;
padding:0 0 2em;
margin:2em auto 0;
text-align:center;
}
#form dt{
font-weight:bold;
font-size:140%;
padding-bottom:0.5em;
}
#form ul{
display:inline-block;
margin:0 auto ;
}
#form li{
padding-bottom:0.5em;
text-align:left;
}
@media screen and (max-width: 640px) {#form{width:90%;}}
form{
max-width:620px;
width:100%;
margin:0 auto;
text-align:center;
}
table{
width:100%;
border-collapse:collapse;
border-bottom:1px solid #54c6ff;
}
tr{border-top:1px solid #54c6ff;}
th{
padding:2em 2em 2em 0;
white-space: nowrap;
}
th{
vertical-align:middle;
white-space: nowrap;
}
th span{
font-size:120%;
color:#C00;
}
td{padding:2em 0;}
td span.cap{
font-size:80%;
line-height:1.5;
display:block;
padding-top:0.5em;
}
th,td{
text-align:left;
line-height:2.5;
}
td span{font-size:90%;}
td input[type="text"],
textarea{
padding:0.8em;
width:30em;
}
td input[type="text"],
td input[type="submit"],
td input[type="reset"],
td input[type="button"]{padding:0.8em;}
td input[type="checkbox"]{
width:13px;
height:13px;
-moz-transform:scale(1.4);
-webkit-transform:cale(1.4);
transform:scale(1.4);
}
textarea{width:100%;}
.submit_button{
width:10em;
margin:1em auto 0;
}
.submit_button:nth-of-type(1){margin-right:1em;}
.submit_button2{
width:12em;
margin:0;
text-align:left;
display:block;
}
select{
font-size:90%;
height:30px;
}
option{height:30px;}
@media screen and (max-width: 640px) {
table{
width:90%;
margin:0 auto;
}
th,td{
display:block;
width:100%;
margin:0 auto;
line-height:2;
}
td input[type="text"],
textarea{
width:100%;
margin:0 auto;
padding:0.5em 0;
}
label{display:block;}
th{
text-align:center;
padding:1em 0 0.5em;
line-height:1.7;
}
td{
padding:0 0 0.5em;
margin-bottom:1em;
}
.button{
margin:0 auto;
text-align:center;
padding-bottom:1em;
}
.submit_button{
width:10em;
margin:1em auto 0;
}
.submit_button:nth-of-type(1){margin-right:1em;}
.submit_button2{
width:12em;
margin:1em auto 0;
text-align:center;
display:block;
}
caption{padding:0.5em 0;}
input[type="submit"],
input[type="reset"]
{font-size:90%;}
}
@media screen and (max-width: 360px) {.submit_button:nth-of-type(1){margin-right:0;}}
#privacy_list{
font-size:90%;
max-width:620px;
padding:0 0 2em;
margin:0 auto 0;
}
#privacy_list dt{
padding-top:2em;
text-align:left;
color:#46c98d;
font-size:110%;
padding-bottom:0.5em;
font-weight:bold;
}
#privacy_list dd{
background:none;
border:none;
padding:0;
text-align:justify;
}
#privacy_list ul{
padding-top:1em;
font-size:95%;
}
#pr_link{
padding:2em;
text-align:center;
}
#pr_link a{
color:#46c98d;
font-weight:bold;
}
#privacy_list li{
padding-bottom:1em;
text-indent:-1em;
margin-left:1em;
}
#inqh3{padding-top:2em;}
p#privacy_list{
font-size:100%;
line-height:2;
padding:2em 0;
margin:0 auto 0;
}
p#privacy_list a{
font-weight:bold;
}
@media screen and (max-width: 640px) {
#privacy_list{width:90%;}
#privacy_list dt{text-align:center;}
}