@charset "UTF-8";
/* CSS Document */

*{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:#222;}
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;}

@media only screen and (min-width:1023px) {

a[href^="tel:"] {
cursor:default;
pointer-events:none;
text-decoration:none;}

}

body {
-webkit-animation:fadeIn 1s ease 0s 1 normal;
animation:fadeIn 1s ease 0s 1 normal;}
@keyframes fadeIn {
0% {opacity:0}
100% {opacity:1}
}
@-webkit-keyframes fadeIn {
0% {opacity:0}
100% {opacity:1}
}

body {
font-size:16px;
line-height:1.8;
text-align:center;
color:#222;
font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック Medium","Yu Gothic Medium",YuGothic,YuGothicM,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
-webkit-text-size-adjust:100%;}

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

body {
font-size:15px;
line-height:1.7;}

}

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

a:link {
color:#cf005b;
outline:none;
text-decoration:none;
transition:color 0.2s;}
a:visited {
color:#cf005b;
outline:none;
text-decoration:none;}
a:hover {
color:#ee8800;
outline:none;
text-decoration:none;}

h1 , h2 , h3 , h4 , h5 , h6 , table {
font-size:100%;
font-weight:normal;}

.mincho {
font-family:"Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

hr {
clear:both;
width:100%;
margin:20px 0;
border:0;
height:1px;
background:#999;}

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

hr {
margin:4% 0;}

}

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

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

.alignright , .alignleft {
float:none;
text-align:center;
display:block;
margin:3px auto 33px;}

}

blockquote {
clear:both;
margin:4% 0 0 0;
padding:28px;
border:2px solid #e898bb;}
.block {
clear:both;
margin:4% 0 0 0;
padding:28px;
border:2px solid #e898bb;}

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

blockquote {
margin:6% 0 0 0;
padding:18px;}
.block {
margin:6% 0 0 0;
padding:18px;}

}

.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;}

/*  ttl  ==========================*/

.ttl-01 {
font-family:"Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
padding:0 0 10px;
margin:0 0 15px 0;
font-size:260%;
line-height:1.4;
font-weight:normal;
letter-spacing:-0.05em;
border-bottom:1px solid #444;}
.ttl-01 br {
display:none;}
.ttl-02 {
font-family:"Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin:0 0 30px 0;
font-size:120%;
line-height:1.5;}
.ttl-02 br {
display:none;}
.ttl-03 {
margin:0 0 15px 0;
font-size:120%;
line-height:1.4;
font-weight:bold;
color:#e82b7b;}
.ttl-04 {
font-family:"Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:150%;
line-height:1.4;
padding:4px 0;
margin:24px 0;
color:#200;
border-bottom:1px solid #988;}
.ttl-05 {
margin:15px 0;
font-size:110%;
line-height:1.4;
font-weight:bold;}
h5 {
margin:0 0 15px 0;
padding:12px;
font-weight:normal;
line-height:1.3;
color:#fff;
background:#e82b7b;
border-radius:6px;}
h6 {
font-weight:normal;
text-align:center;
border-top:1px solid #777;
border-bottom:1px solid #777;
margin:35px 0 0 0;
padding:20px 0;}

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

.ttl-01 {
font-size:8vw;}
.ttl-01 br {
display:block;}
.ttl-02 br {
display:block;}
.ttl-03 {
font-size:110%;}

}

/* btn ===================*/

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

a.btn-link {
text-align:center;
transition:0.3s;
position:relative;
display:inline-block;
margin:30px 0 0 0;
padding:0 4em;
font-size:110%;
line-height:48px;
white-space:nowrap;
color:#e82b7b;
background:rgba(255,255,255,0.4);
border:1px solid #e82b7b;}
a.btn-link:hover {
color:#fff;
background:#e82b7b;}
a.btn-link::after {
content:"";
position:absolute;
z-index:2;
right:6px;
top:50%;
width:5px;
height:5px;
border-right:1px solid #e82b7b;
border-bottom:1px solid #e82b7b;
transform:translate(0,-50%) rotate(-45deg);
transition:0.3s;}
a.btn-link:hover::after {
border-right:1px solid #fff;
border-bottom:1px solid #fff;}

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

a.btn-link {
display:block;}

}

/* thanks error =======================*/

.thanks-error {
text-align:center;
width:100%;
max-width:1000px;
margin:4% auto;}
.thanks-error .ttl {
font-size:150%;
line-height:1.4;
margin:0 0 36px 0;}
