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

input[type="text"],input[type="email"],input[type="password"],select,textarea{
font-size: 0.875rem;
line-height: 2;
padding: 0 15px;
font-family: inherit;
border: 1px solid #cdcdcd;
display: block;
width: 100%;
border-radius: 5px;
background-color: #f6f6f6;
transition: border 200ms linear;
}
input[type="text"],input[type="email"],input[type="password"],select{
height: 50px;
}
input[type="checkbox"], input[type="radio"]{
border: none;
}
textarea{
resize: vertical;
padding: 10px 15px;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, select:focus, textarea:focus{
border: 1px solid #0f93b2;
}
input:focus, select:focus, textarea:focus, button:focus{
outline: none;
}
label{
display: block;
cursor: pointer;
position: relative;
}

.checkBox label input[type="radio"],
.checkBox label input[type="checkbox"]{
display: none;
}
.checkBox label span{
display: flex;
align-items: center;
min-height: 50px;
padding: 0 0 0 40px;
}
.checkBox label span::before{
content: '';
display: block;
width: 28px;
height: 28px;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
border: 1px solid #cdcdcd;
background-color: #f6f6f6;
}
.checkBox label span::after{
content: '';
display: block;
width: 16px;
height: 16px;
position: absolute;
top: 50%;
left: 7px;
transform: translateY(-50%) scale(0);
background-color: #005175;
transition: transform 100ms linear;
}
.checkBox label input:checked+span::after,
.checkBox label.mfp_checked span::after{
transform: translateY(-50%) scale(1);
}
.checkBox.radio label span::before{
border-radius: 50%;
}
.checkBox.radio label span::after{
border-radius: 50%;
}



#mfp_hidden{
overflow: hidden;
width: 1px;
height: 0;
}



/*------------------------
ボタン
------------------------*/
.formBtn{
margin: 70px 0 0;
}
.formBtn ul{
display: flex;
justify-content: center;
}
.formBtn ul li{
margin: 0 10px;
}
.formBtn ul li button{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 70px;
position: relative;
border: 1px solid #005175;
background-color: transparent;
cursor: pointer;
font-family: inherit;
font-size: 1.125rem;
letter-spacing: 0.1em;
color: #005175;
transition: background 200ms linear, filter 200ms linear, opacity 200ms linear;
padding: 10px 50px;
}
.formBtn ul li button:hover{
background-color: #eeeeee;
}
.formBtn ul li button::after{
content: none;
display: block;
width: 20px;
position: absolute;
top: 0;
bottom: 0;
right: 20px;
background-image: url(../images/arrow_blue.png);
background-repeat: repeat-x;
background-position: left center;
background-size: 100% auto;
transition: background 300ms cubic-bezier(0.45, 0, 0.55, 1);
}
.formBtn ul li button:hover::after{
background-position: left 20px center;
}
#formConfirm, #formSend{}
#formReset, #formCancel{
border: 1px solid #666666;
color: #666666;
}
#formConfirm{
width: 640px;
}
#formSend{}
#formSend::before{
content: '';
display: block;
width: 30px;
height: 30px;
background-image: url(../images/icon_contact.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 100% auto;
margin-right: 15px;
}
#formReset{}
#formCancel{}
.formBtn ul li button:hover{}
#formConfirm[disabled]{
filter: grayscale(1);
opacity: 0.3;
cursor: default;
}
#formConfirm[disabled]:hover{
background-color: transparent;
}

@media screen and (max-width: 999px){
.formBtn{
margin: 50px 0 0;
}
.formBtn ul{
display: block;
}
.formBtn ul li{
margin: 0;
}
.formBtn ul li+li{
margin-top: 15px;
}
.formBtn ul li button{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 70px;
position: relative;
border: 1px solid #005175;
background-color: transparent;
cursor: pointer;
font-family: inherit;
font-size: 1.125rem;
letter-spacing: 0.1em;
color: #005175;
transition: background 200ms linear;
padding: 10px 50px;
}
#formConfirm{
width: 100%;
}
}/*999*/
/*------------------------
／ボタン
------------------------*/



/*------------------------
確認画面
------------------------*/
#mfp_overlay{
position: absolute;
display: none;
z-index: 1001;
}
#mfp_overlay_background{
background-color: #000000;
position: absolute;
display: none;
z-index: 1000;
}
#mfp_overlay_inner{
background-color: #ffffff;
padding: 30px 50px 50px;
margin: 0 auto;
max-width: 800px;
border-radius: 10px;
}
#mfp_overlay_inner .confirm{
text-align: center;
margin-bottom: 1em;
font-size: 1.25rem;
line-height: 1.5;
font-weight: 500;
}
#mfp_confirm_table{
font-size: 0.875rem;
letter-spacing: 0.1em;
}
#mfp_confirm_table tr{}
#mfp_confirm_table tr th, #mfp_confirm_table tr td{}
#mfp_confirm_table tr th{
width: 170px;
padding: 30px 10px;
border-bottom: 1px solid #cdcdcd;
text-align: left;
}
#mfp_confirm_table tr td{
width: calc(100% - 170px);
padding: 30px 10px;
border-bottom: 1px solid #cdcdcd;
}

@media screen and (max-width: 999px){
#mfp_overlay_inner{
padding: 20px 20px 30px;
margin: 0 10px;
}
#mfp_overlay_inner .confirm{
font-size: min(6.5vw, 1.25rem);
}
#mfp_confirm_table tr th{
display: block;
width: auto;
padding: 20px 0 0;
border-bottom: none;
}
#mfp_confirm_table tr td{
display: block;
width: auto;
padding: 0 0 20px;
border-bottom: 1px solid #cdcdcd;
}
}/*999*/
/*------------------------
／確認画面
------------------------*/



/*------------------------
エラー
------------------------*/
.mfp_err{
display: none;
position: absolute;
top: -5px;
left: -5px;
width: 18px;
height: 18px;
background-image: url(../images/error.svg);
background-repeat: no-repeat;
background-position: center center;
font-size: 11px;
text-indent: 120%;
color: #ff0000;
overflow: hidden;
background-size: 100% auto;
}
.problem{
background-color: #ffe9e9 !important;
}
/*------------------------
／エラー
------------------------*/



/*------------------------
その他
------------------------*/
#mfp_loading_screen{
z-index: 2000;
opacity: 0.8;
display: none;
background-color: #000000;
position: absolute;
}
#mfp_loading_screen::before{
content: '';
display: block;
overflow: visible;
z-index: 2001;
position: absolute;
margin: auto;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 15px;
height: 15px;
border-radius: 100%;
box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
-o-box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
-ms-box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
-webkit-box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
-moz-box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
animation: cssload-spin ease infinite 2.8s;
-o-animation: cssload-spin ease infinite 2.8s;
-ms-animation: cssload-spin ease infinite 2.8s;
-webkit-animation: cssload-spin ease infinite 2.8s;
-moz-animation: cssload-spin ease infinite 2.8s;
}
@keyframes cssload-spin{
0%,
100%{
box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
}
25%{
box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);
}
50%{
box-shadow: -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223);
}
75%{
box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
}
}

@-o-keyframes cssload-spin{
0%,
100%{
box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
}
25%{
box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);
}
50%{
box-shadow: -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223);
}
75%{
box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
}
}

@-ms-keyframes cssload-spin{
0%,
100%{
box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
}
25%{
box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);
}
50%{
box-shadow: -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223);
}
75%{
box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
}
}

@-webkit-keyframes cssload-spin{
0%,
100%{
box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
}
25%{
box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);
}
50%{
box-shadow: -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223);
}
75%{
box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
}
}

@-moz-keyframes cssload-spin{
0%,
100%{
box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
}
25%{
box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);
}
50%{
box-shadow: -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223);
}
75%{
box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
}
}
/*------------------------
／その他
------------------------*/