/*-- iPhone --*/
@media screen and (max-width: 768px) {

/*-- common --*/
body {
width: 100%;
margin: 0;
font-family: "Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Geneva,Arial,Verdana,sans-serif;
font-size: 1em;
}
img {
max-width: 100%;
height: auto;
width /***/:auto;
}
/*-- wrapper --*/
#wrapper {
width: 100%;
margin: 0 auto;
box-sizing: border-box;
background-color: #ffffff;
}
/*-- header --*/
#header {
width: 100%;
padding: 0px;
background-image: url(../images/bk_header.jpg);
background-repeat: no-repeat;
background-size: 100% 100%;
}
#header h1 {
margin: 0px 0px 6px;
padding: 3px 0px 0px;
text-align: center;
font-size: 0.8em;
background-image: url(../images/bk_header_h1.png);
background-repeat: repeat;
}
#header h1 a {
color: #333333;
}
#header p {
margin: 0px;
padding: 0px;
}
#header .logo {
width: 80%;
margin: 0px auto;
padding: 0px 0px 8px;
text-align: center;
}
/*-- main-image --*/
#content .main-image {
margin: 0px 0px 8px;
}
#content .main-image p {
width: 100%;
margin: 0px;
padding: 0px;
}
/*-- content --*/
#content {
margin: 0px;
padding: 0px;
}
#content p {
padding: 0px;
margin: 0px 0px 8px;
color: #333333;
text-align: center;
}
#content a {
color: #333333;
}
#content h2 {
width: 86%;
margin: 0px auto 18px;
padding: 0px;
color: #ffffff;
font-size: 1.3em;
text-align: center;
background-color: #666666;
}
#content dl {
width: 86%;
margin: 0px auto 25px;
padding: 0px;
}
#content dt {
margin: 0px 0px 6px;
padding: 0px;
color: #333333;
font-size: 1.1em;
font-weight: bold;
text-align: center;
border-bottom: dotted 1px #aaaaaa;
}
#content dt br {
display: none;
}
#content dd {
margin: 0px 0px 14px;
padding: 0px;
color: #333333;
text-align: center;
}
/*-- privacy --*/
#content .privacy {
margin: 15px 15px 25px;
}
/*-- entryform --*/
#content .entryform {
margin: 0px 10px 15px;
}
#content .entryform table {
width: 100%;
}
#content .entryform span {
color: #aa0000;
font-size: 0.8em;
font-weight: normal;
}
#content .entryform label {
display: block;
}
#content .entryform td {
max-width: 100%;
padding: 8px 0px;
font-size: 1.2em;
display: block;
background-color: #EDEAE1;
}
#content .entryform td:nth-of-type(1) {
max-width: 100%;
padding: 5px 0px;
text-indent: 8px;
font-size: 16px;
font-weight: bold;
background-color: #dddddd;
-webkit-border-radius: 6px 6px 0px 0px;
-moz-border-radius: 6px 6px 0px 0px;
border-radius: 6px 6px 0px 0px;
}
#content .entryform td:nth-of-type(2) {
max-width: 100%;
padding: 20px 8px;
font-size: 12px;
text-align: center;
-webkit-border-radius: 0px 0px 6px 6px;
-moz-border-radius: 0px 0px 6px 6px;
border-radius: 0px 0px 6px 6px;
}
#content .entryform input {
max-width: 80%;
font-size: 16px;
}
#content .entryform .submit {
padding: 8px 0px 20px;
text-align: center;
}
#content .entryform .submit input {
margin: 0px auto;
border: none;
padding: 11px 18px;
color: #ffffff;
font-size: 16px;
text-decoration: none;
display: block;
cursor: pointer;
background-color: #B20000;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
#content .entryform dl {
}
#content .entryform dl:after {
content: "";
display: block;
clear: both;
}
#content .entryform dl dt {
padding: 8px 8px 0px 8px;
margin: 0px 0px 0px 20px;
float: left;
}
#content .entryform dl dt:nth-of-type(2) {
margin: 10px 0px 0px 20px;
padding: 8px 8px 0px 8px;
float: left;
clear: both;
}
#content .entryform dl dd:nth-of-type(2) {
margin: 10px 0px 0px;
}
#content .entryform dl dd {
float: left;
margin: 0px;
padding: 0px;
}
#content .entryform.mail input {
width: 300px;
font-size: 1.6em;
}
#content .entryform.mail .submit input {
width: auto;
}
#content .entryform.mail td {
display: block;
text-align: center;
}
#content .entryform.mail td.submit {
padding: 10px 0px 20px;
}
#content .entryform label.error {
color: #aa0000;
}

/*-- footer --*/
#footer {
width: 100%;
margin: 0px;
padding: 8px 0px;
text-align: center;
clear: both;
background-color: #eeeeee;
}
#footer p {
margin: 0px;
font-size: 0.8em;
}

/*-- pagetop --*/
.pagetop {
display: none;
position: fixed;
bottom: 15px;
right: 15px;
}
.pagetop a {
width: 45px;
height: 45px;
display: block;
z-index: 100;
position: relative;
text-align: center;
text-decoration: none;
color: #fff;
font-size: 18px;
line-height: 45px;
background-color: #333333;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-moz-opacity: 0.80;
-khtml-opacity: 0.80;
opacity: 0.80;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter:alpha(opacity=80);
}

}

/*-- Pc --*/
@media screen and (min-width: 769px) {

/*-- common --*/
html {
width: 100%;
}
html, body, div, p {
margin: 0px;
padding: 0px;
}
body {
width: 100%;
font-family: メイリオ, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, sans-serif;
}
img {
border: none;
vertical-align: bottom;
}

/*-- wrapper --*/
#wrapper {
width: 100%;
margin: 0px auto;
overflow: hidden;
}

/*-- header --*/
#header {
width: 100%;
height: 100px;
margin: 0px;
background-image: url(../images/bk_header.jpg);
background-repeat: repeat-x;
position: relative;
z-index: 100;
-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.65);
-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.65);
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.65);
}
#header .header-wrapper {
width: 960px;
margin: 0px auto;
}
#header h1 {
width: 100%;
margin: 0px;
padding: 5px 0px;
font-size: 12px;
font-weight: normal;
text-indent: 18px;
background-image: url(../images/bk_header_h1.png);
background-repeat: repeat;
}
#header h1 a {
color: #333333;
text-decoration: none;
}
#header h1 a:hover {
text-decoration: underline;
}
#header .logo {
margin: 0px;
padding: 15px 0px 16px 40px;
float: left;
}

/*-- content --*/
#content {
width: 960px;
margin: 0px auto 30px;
padding: 0px;
color: #333333;
font-size: 16px;
-webkit-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.65);
-moz-box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.65);
box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.65);
}
#content h2 {
width: 700px;
margin: 0px auto 20px;
padding: 0px;
color: #ffffff;
text-align: center;
background-color: #666666;
}
#content h3 {
width: 100%;
margin: 0px;
padding: 0px;
}
#content p {
font-size: 18px;
}
#content dl {
width: 660px;
margin: 0px auto 20px;
padding: 0px;
}
#content dt {
width: 175px;
margin: 0px 0px 12px;
padding: 0px;
text-align: center;
display: inline-block;
border-bottom: dotted 1px #aaaaaa;
}
#content dd {
width: 485px;
margin: 0px 0px 12px;
padding: 0px;
display: inline-block;
border-bottom: dotted 1px #aaaaaa;
}
#content a {
text-decoration: none;
color: #333333;
}
#content a:hover {
text-decoration: underline;
}
#content a img:hover {
-moz-opacity: 0.70;
-khtml-opacity: 0.70;
opacity: 0.70;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
filter:alpha(opacity=70);
}
#content .title {
margin: 0px 0px 20px;
text-align: center;
}
#content .subtitle {
margin: 0px 0px 10px;
}
#content p.description {
width: 830px;
margin: 0px auto 20px;
padding: 0px;
font-size: 18px;
}
#content .clearfix:after {
clear: both;
display: block;
content: "";
}

/*-- main-image --*/
#content .main-image {
margin: 0px 0px 20px;
padding: 0px;
}
/*-- main-101 --*/
#content .main-101 {
}
#content .main-101 .box-001 {
width: 100%;
margin: 0px 0px 10px;
padding: 0px;
}

/*-- privacy --*/
#content .privacy {
margin: 15px 0px 25px;
padding: 0px 25px;
}
#content .privacy h3 {
margin: 0px 0px 16px;
padding: 0px;
text-align: left;
border-bottom: solid 1px #eeeeee;
}
#content .privacy p {
margin: 0px 0px 16px;
text-align: left;
}

/*-- button --*/
#content .entrybutton {
padding: 240px 75px 0px 0px;
float: right;
}
#content .entrybutton a {
padding: 11px 18px;
color: #ffffff;
font-size: 18px;
text-decoration: none;
display: block;
background-color: #B20000;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
#content .entrybutton a:hover {
background-color: #d31d1d;
}

/*-- entryform --*/
#content .entryform {
padding: 0px 0px 50px;
font-size: 16px;
}
#content .entryform .box-001 {
margin: 0px 0px 10px;
}
#content .entryform .box-002 {
width: 820px;
margin: 0px auto 16px;
}
#content .entryform .main-entryform-001 {
width: 820px;
margin: 0px auto;
}
#content .entryform .main-entryform-001 p {
text-align: center;
}
#content .entryform .attention {
color: #888888;
}
#content .entryform label.error {
position: absolute;
margin: -52px 0px 0px 0px;
display: block;
background-color: #ee0000;
color: #ffffff;
font-size: 10px;
padding: 2px 15px;
border-radius: 5px;
-moz-opacity: 0.60;
-khtml-opacity: 0.60;
opacity: 0.60;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=60);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
filter:alpha(opacity=60);
}
#content .entryform label.error:before {
content: "";
position: absolute;
bottom: -10px;
left: 18px;
border: 5px solid transparent;
border-top: 5px solid #ee0000;
}
#content .entryform input.error {
border: solid 1px #ff7777;
}
#content .entryform dl {
margin: 0px;
padding: 0px;
}
#content .entryform dl dt {
padding: 8px 0px 0px;
float: left;
}
#content .entryform dl dt:nth-of-type(2) {
padding: 8px 0px 0px 15px;
}
#content .entryform dl dd {
padding: 0px;
margin: 0px 0px 0px 8px;
float: left;
}
#content .entryform textarea {
width: 480px;
}
#content .entryform table {
width: 820px;
margin: 0px auto 24px;
padding: 0px;
border: solid 2px #aaaaaa;
border-collapse: collapse;
}
#content .entryform table td {
}
#content .entryform table td:nth-of-type(odd) {
width: 200px;
padding: 8px 16px;
border-right: solid 1px #ffffff;
border-bottom: solid 1px #ffffff;
background-color: #dddddd;
}
#content .entryform table td:nth-of-type(even) {
padding: 8px 16px;
background-color: #EDEAE1;
border-bottom: solid 1px #ffffff;
}
#content .entryform span {
padding: 1px 8px;
font-size: 12px;
color: #ffffff;
background-color: #aa0000;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#content .entryform input {
padding: 5px 8px;
font-size: 16px;
font-family: メイリオ, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, sans-serif;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: solid 1px #dddddd;
}
#content .entryform textarea {
padding: 5px 8px;
font-size: 16px;
font-family: メイリオ, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, sans-serif;
}
#content .entryform .submit {
padding: 20px 0px;
text-align: center;
}
#content .entryform .submit input {
padding: 6px 24px 8px;
border:none;
color: #ffffff;
font-size: 24px;
border: none;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-color: #B20000;
-webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    1px 1px 3px 0px rgba(50, 50, 50, 0.75);
box-shadow:         1px 1px 3px 0px rgba(50, 50, 50, 0.75);
}
#content .entryform .submit input:hover {
cursor: pointer;
background-color: #d31d1d;
}

/*-- footer --*/
#footer {
width: 100%;
height: 50px;
margin: 0px;
padding: 15px 0px 0px;
clear: both;
}
#footer p {
padding: 0px 0px 12px;
color: #333333;
text-align: center;
font-size: 18px;
}
#footer a {
color: #333333;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
#footer .phone.sp {
display: none;
}
#footer p.copyright {
font-size: 12px;
}

/*-- pagetop --*/
.pagetop {
display: none;
position: fixed;
bottom: 20px;
right: 30px;
}
.pagetop a {
width: 45px;
height: 45px;
display: block;
z-index: 100;
position: relative;
text-align: center;
text-decoration: none;
color: #fff;
font-size: 18px;
line-height: 45px;
background-color: #333333;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-moz-opacity: 0.80;
-khtml-opacity: 0.80;
opacity: 0.80;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter:alpha(opacity=80);
}

}