@charset "utf-8";
html {font-size: 62.5%}
body {
background-color: #FFFFFF;
color: #262626;
min-width: 1080px;
font-size: 1.4rem;
font-weight: 300;
letter-spacing: 0.05em;
line-height: 2.2;
font-family: "Lato","Noto Sans JP",sans-serif;
-webkit-text-size-adjust: 100%;
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn {
 0% {opacity: 0}
 100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
 0% {opacity: 0}
 100% {opacity: 1}
}
select,input,button,textarea,button {font:99%;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt {
font-family:monospace;
*font-size:108%;
line-height:100%;
}
a:link {
color: #262626;
transition: .3s;
text-decoration: none;
}
a.color:link {
color: #0092E5!important;
transition: .3s;
text-decoration: underline!important;
}
a:visited {
color: #262626;
text-decoration: none;
}
a:hover {
color: #0092E5;
text-decoration: underline;
}
a:active {
color: #262626;
text-decoration: none;
}
a.btn img {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
-ms-filter: 'alpha(opacity=100)';
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
a:hover.btn img {
-ms-filter: 'alpha(opacity=60)';
filter: alpha(opacity=30);
-moz-opacity: 0.40;
opacity: 0.40;
}
a {
outline: none;
}
::selection {
background: #000000;
color: #FFFFFF;
}
::-moz-selection {
background:#000000;
color:#FFFFFF;
}
::-webkit-selection {
background:#000000;
color:#FFFFFF;
}
strong {
font-weight: bold;
}
.pc {
display: inherit!important;
}
.sp {
display: none!important;
}
#wrapper {
overflow: hidden
}
/*--HEADER-------------*/
header {
width: 100%;
height: 90vh;
}
header h1 img{
width: 100%;
height: 90vh;
object-fit: cover
}

/*--CONTENTS-------------*/
#contents {
width: 1200px;
margin-right: auto;
margin-left: auto;
}
#contents .read{
padding-top: 3em;
padding-bottom: 3em
}
ul.ph_image {
display: flex;
gap: 0px 40px;
margin-bottom: 60px;
}
ul.ph_image li {
}

ul.ph_image li img{
width: 100%;
height: auto
}

/*--cont_menu-------------*/
.cont_menu{
width: 350px;
float: left;
padding-bottom: 60px
}
.cont_detail{
width: 800px;
float: right;
padding-bottom: 60px
}

h2.sub_ttl{
font-size: 1.6rem;
margin-bottom: 1em
}

.cont_detail table{
	margin-bottom: 1em;
	border-top: 1px solid #E5E5E5;
	margin-top: 20px;
}
.cont_detail table th,
.cont_detail table td{
	border-bottom: 1px solid #E5E5E5;
	padding: 10px 30px;
}
.cont_detail table th{
vertical-align: top
}
.cont_detail .strong{
font-weight: 600
}
.cont_detail .notice{
font-size: 1.4rem
}
.cont_detail table a{
color: #5695B0;
text-decoration: underline
}

/*--FORM-------------*/
#form_wrap{
padding-top: 60px;
padding-bottom: 60px;
background-color: #4A4A4A;
color: #FFF
}
#form_wrap .inner{
width: 1200px;
margin-left: auto;
margin-right: auto
}
#form_wrap .inner .ttl{
background-color: #5695B0;
color: #FFF;
text-align: center;
padding: 5px;
font-size: 1.8rem;
font-weight: 500
}

#mailformpro table{
width: 100%;
}
#mailformpro table th,#mailformpro table td{
	border-bottom: 1px solid #C9C9C9;
	padding: 20px;
}
#mailformpro table th{
white-space: nowrap;
vertical-align: top;
}
#mailformpro table .form_field{
width: calc(100% - 10px)!important;
padding: 5px!important;
border: solid 1px #C4C4C4!important;
border-radius: 4px!important;
box-shadow: 0px 0px 0px #CCC inset!important;
}
#mailformpro .submit_btn {
	padding: 10px 30px;
	font-size: 1.4rem;
	width: 100%;
	border: none;
	color: #FFF!important;
	background-color: #5695B0!important;
	cursor: pointer;
	outline: none;
	background-image: none!important;
	text-shadow: none!important;
	border-radius: 0;
}
#mailformpro .submit_btn:hover {
	background-color: #000!important;
}
div#mfp_overlay_inner h4{
	text-align: center!important;
	font-weight: 500;
	margin-bottom: 0.7em
}
table#mfp_confirm_table tr th, table#mfp_confirm_table tr td {
  font-size: 1.4rem!important;
}
div.mfp_buttons {
  clear: both;
  padding: 10px 0px;
  text-align: center;
  margin-top: 1em
}
.mfp_element_submit, .mfp_element_reset, .mfp_element_button, button.mfp_next, button.mfp_prev {
	border-radius: 0px!important;
	padding: 10px 30px;
	border: solid 0px rgba(204,204,204,0.00)!important;
	background: gradient(linear, center top, center bottom, from(#EEE), to(#CCC));
	background: -webkit-gradient(linear, center top, center bottom, from(#EEE), to(#CCC));
	background: -moz-linear-gradient(top, #EEE, #CCC);
	background: -ms-linear-gradient(top, #EEE 0%, #CCC 100%);
	text-shadow: none!important;
	background-image: none!important;
	background-color: #000!important;
	color: #FFF!important;
	font-size: 1.4rem!important;
	cursor: pointer;
	outline: none;
	border-style: none;
}
div.mfp_err {
	background-image: none!important;
}
.mfp_thanks{
padding-top: 100px;
padding-bottom: 200px;
}

/*--FOOTER-------------*/
footer {
clear: both;
padding-top: 30px;
padding-bottom: 100px;
text-align: center
}

/*--THANKS PAGE-------------*/
header.thanks {
width: 100%;
height: 50vh;
}
header.thanks h1 img{
width: 100%;
height: 50vh;
object-fit: cover
}

.read.thanks{
text-align: center
}






































































@media screen and (max-width: 520px) {
html {font-size: 62.5%}
body {
background-color: #FFFFFF;
color: #262626;
min-width: 320px;
font-size: 1.4rem;
font-weight: 300;
letter-spacing: 0.05em;
line-height: 2.2;
font-family: "Lato","Noto Sans JP",sans-serif;
-webkit-text-size-adjust: 100%;
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
}

select,input,button,textarea,button {font:99%;}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt {
font-family:monospace;
*font-size:108%;
line-height:100%;
}
a:link {
color: #262626;
transition: .3s;
text-decoration: none;
}
a.color:link {
color: #0092E5!important;
transition: .3s;
text-decoration: underline!important;
}
a:visited {
color: #262626;
text-decoration: none;
}
a:hover {
color: #0092E5;
text-decoration: underline;
}
a:active {
color: #262626;
text-decoration: none;
}
a.btn img {
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
-ms-filter: 'alpha(opacity=100)';
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
a:hover.btn img {
-ms-filter: 'alpha(opacity=60)';
filter: alpha(opacity=30);
-moz-opacity: 0.40;
opacity: 0.40;
}
a {
outline: none;
}
::selection {
background: #000000;
color: #FFFFFF;
}
::-moz-selection {
background:#000000;
color:#FFFFFF;
}
::-webkit-selection {
background:#000000;
color:#FFFFFF;
}
strong {
font-weight: bold;
}
.pc {
display: none!important;
}
.sp {
display: inherit!important;
}
#wrapper {
overflow: hidden
}

/*--HEADER-------------*/
header {
width: 100%;
height: 70vh;
}
header h1 img{
width: 100%;
height: 70vh;
object-fit: cover
}

/*--CONTENTS-------------*/
#contents {
width: 90%;
margin-right: auto;
margin-left: auto;
}
#contents .read{
padding-top: 3em;
padding-bottom: 3em
}
ul.ph_image {
display: flex;
gap: 20px 10px;
margin-bottom: 60px;
flex-wrap: wrap;
width: 100%;
justify-content: space-between;
}
ul.ph_image li {
width: calc(50% - 10px);
}

ul.ph_image li img{
width: 100%;
height: auto
}

/*--cont_menu-------------*/
.cont_menu{
width: 100%;
float: none;
padding-bottom: 30px
}
.cont_detail{
width: 100%;
float: none;
padding-bottom: 60px
}

h2.sub_ttl{
font-size: 1.6rem;
margin-bottom: 1em
}

.cont_detail table{
	margin-bottom: 1em;
	border-top: 1px solid #E5E5E5;
	margin-top: 20px;
    font-size: 1.2rem
}
.cont_detail table th,
.cont_detail table td{
	border-bottom: 1px solid #E5E5E5;
	padding: 10px 10px;
    display: block
}
.cont_detail table th{
vertical-align: top;
background-color: #F3F3F3
}
.cont_detail .strong{
font-weight: 600
}
.cont_detail .notice{
font-size: 1.1rem
}


/*--FORM-------------*/
#form_wrap{
padding-top: 30px;
padding-bottom: 30px;
background-color: #4A4A4A;
color: #FFF
}
#form_wrap .inner{
width: 90%;
margin-left: auto;
margin-right: auto
}
#form_wrap .inner .ttl{
background-color: #5695B0;
color: #FFF;
text-align: center;
padding: 5px;
font-size: 1.6rem;
font-weight: 500
}

#mailformpro table{
width: 100%;
}
#mailformpro table th,#mailformpro table td{
	border-bottom: 1px solid #C9C9C9;
	padding: 10px 5px;
    display: block
}
#mailformpro table th{
white-space: nowrap;
vertical-align: top;
}
#mailformpro table .form_field{
width: calc(100% - 10px)!important;
padding: 5px!important;
border: solid 1px #C4C4C4!important;
border-radius: 4px!important;
box-shadow: 0px 0px 0px #CCC inset!important;
}
#mailformpro .submit_btn {
	padding: 10px 30px;
	font-size: 1.4rem;
	width: 100%;
	border: none;
	color: #FFF!important;
	background-color: #5695B0!important;
	cursor: pointer;
	outline: none;
	background-image: none!important;
	text-shadow: none!important;
	border-radius: 0;
}
#mailformpro .submit_btn:hover {
	background-color: #000!important;
}
div#mfp_overlay_inner h4{
	text-align: center!important;
	font-weight: 500;
	margin-bottom: 0.7em
}
table#mfp_confirm_table tr th, table#mfp_confirm_table tr td {
  font-size: 1.4rem!important;
}
div.mfp_buttons {
  clear: both;
  padding: 10px 0px;
  text-align: center;
  margin-top: 1em
}
.mfp_element_submit, .mfp_element_reset, .mfp_element_button, button.mfp_next, button.mfp_prev {
	border-radius: 0px!important;
	padding: 10px 30px;
	border: solid 0px rgba(204,204,204,0.00)!important;
	background: gradient(linear, center top, center bottom, from(#EEE), to(#CCC));
	background: -webkit-gradient(linear, center top, center bottom, from(#EEE), to(#CCC));
	background: -moz-linear-gradient(top, #EEE, #CCC);
	background: -ms-linear-gradient(top, #EEE 0%, #CCC 100%);
	text-shadow: none!important;
	background-image: none!important;
	background-color: #000!important;
	color: #FFF!important;
	font-size: 1.4rem!important;
	cursor: pointer;
	outline: none;
	border-style: none;
}
div.mfp_err {
	background-image: none!important;
}
.mfp_thanks{
padding-top: 100px;
padding-bottom: 200px;
}

/*--FOOTER-------------*/
footer {
clear: both;
padding-top: 30px;
padding-bottom: 100px;
text-align: center
}

/*--THANKS PAGE-------------*/
header.thanks {
width: 100%;
height: 50vh;
}
header.thanks h1 img{
width: 100%;
height: 50vh;
object-fit: cover
}

.read.thanks{
text-align: center
}


}