@charset "utf-8";
#container{
	max-width:2400px;
}

.topimage{
	position: relative;
	height: 35vh;
	background: url("../images/1.jpg") center / cover;
	display:flex;
	justify-content: center;
	align-items: center;
	}	

.topimage .logo{
	display:flex;
	justify-content: center;
	align-items: center;
	height:auto;
	max-height:100%;
}

.logo img{
	width:100%;
	height:auto;
	max-height:100%;	
}

/*---------------------入力フォーム--------------------------*/
/*リセットcss↓*/
html {
  overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin: 0;
  padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
  font-style: normal;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,th {
  text-align: left;
}
q:before,q:after {
  content: '';
}
object,embed {
  vertical-align: top;
}
hr,legend {
  display: none;
}
h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
}
img,abbr,acronym,fieldset {
  border: 0;
}
li {
  list-style-type: none;
}
sup {
  vertical-align: super;
  font-size: 0.5em;
}
img {
  vertical-align: top;
}
i {
  font-style: normal;
}
/*----リセットcss*----/

/*デザインcss↓*/

main{
	height:100%
}

.box_con04 {
  max-width: 900px;
  margin: 0  auto;
}

@media only screen and (max-width: 768px) {
  .box_con04 {
    width: 95%;
  }
}
.box_con04 form {
  width: 100%;
}
.box_con04 form ul {
  width: 100%;
}
.box_con04 form ul li {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--primary-color);
  margin: .5em 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 769px) {
  .box_con04 form ul li {
    display: -webkit-flex;
    display: flex;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
  }
}
@media print {
  .box_con04 form ul li {
    display: -webkit-flex;
    display: flex;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
  }
}
.ie8 .box_con04 form ul li {
  display: -webkit-flex;
  display: flex;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
.box_con04 form ul li .title {
  position: relative;
  width: 30%;
  font-weight: normal;
  padding: 1em;
  position: relative;
  color: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 769px) {
  .box_con04 form ul li .title {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }
}
@media print {
  .box_con04 form ul li .title {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
  }
}
.ie8 .box_con04 form ul li .title {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.box_con04 form ul li .title:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--primary-color);
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  .box_con04 form ul li .title {
    text-align: center;
    width: 100%;
    display: block;
    background: rgba(0, 0, 0, 0.2);
    padding: .8em .2em;
  }
}
.box_con04 form ul li .title em {
  position: relative;
  z-index: 1;
}
.box_con04 form ul li .title span {
  background: #e14b6b;
  padding: 0 .3em;
  color: #fff;
  margin-left: .5em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.box_con04 form ul li .box_det {
  width: 70%;
  position: relative;
  padding: 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .box_con04 form ul li .box_det {
    padding: 1.5em .5em;
    display: block;
    width: 100%;
  }
}
.box_con04 form ul li .box_det input{
	/*width:100%!important;*/
	max-width:800px;
}
@media only screen and (max-width: 768px) {
.box_con04 form ul li .box_det input{
	max-width:100%!important;
}
}


.box_con04 form ul li .box_det select{
	max-width:400px;
}

.date select{
	width:300px!important;	
}

.box_con04 form ul li .box_br {
  display: block;
}
.box_con04 form ul li select, .box_con04 form ul li textarea, .box_con04 form ul li .wide {
  width: 100%;
  height: 3em;
  padding: .5em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.box_con04 form ul li textarea {
  height: 10em;
	border-radius:10px;
	border:1px solid #999;
	font-size:1rem;
	color:#333;
	width:100%!important;
	
}

input[type="date"]::-webkit-date-and-time-value {
  text-align: left;
}

.box_con04 form input{
	border-radius:10px;
	border:1px solid #999;
	font-size:1rem;
	color:#333;
}
.box_con04 form select{
	border-radius:10px;
	border:1px solid #999;
	font-size:1rem;
	color:#333;
}



/*プライバシーのデザインcss↓*/
.con_pri {
  max-width: 700px;
  margin: 0  auto;
}
@media only screen and (max-width: 768px) {
  .con_pri {
    width: 95%;
  }
}
.con_pri .box_pri {
  height: 300px;
  overflow-y: scroll;
  border: 1px solid #cdcdcd;
  background: #f7f7f7;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 20px;
  padding: 20px 55px;
}
@media only screen and (max-width: 768px) {
  .con_pri .box_pri {
    margin-top: 4%;
    padding: 3%;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .con_pri .box_pri {
    padding: 4%;
  }
}
.con_pri .box_pri .box_tori {
  text-align: left;
  margin-top: 40px;
}
@media only screen and (max-width: 768px) {
  .con_pri .box_pri .box_tori {
    margin-top: 4%;
  }
}
.con_pri .box_pri .box_tori h4 {
  font-weight: normal;
  margin-bottom: 30px;
  font-size: 150%;
}
@media only screen and (max-width: 768px) {
  .con_pri .box_pri .box_tori h4 {
    margin-bottom: 4%;
  }
}
.con_pri .box_pri .box_tori .txt {
  padding: 0 20px;
}
@media only screen and (max-width: 768px) {
  .con_pri .box_pri .box_tori .txt {
    padding: 0;
  }
}
.con_pri .box_pri .box_num {
  margin-top: 30px;
}
@media only screen and (max-width: 768px) {
  .con_pri .box_pri .box_num {
    margin-top: 5%;
  }
}
.con_pri .box_pri .box_num h4 {
  font-weight: normal;
  font-size: 113%;
}
.con_pri .box_pri .box_num .txt {
  padding: 10px 0 0 20px;
}
@media only screen and (max-width: 768px) {
  .con_pri .box_pri .box_num .txt {
    padding: 3% 0 0 3%;
  }
}

.box_check {
  text-align: center;
  margin: 1em auto;
}
.box_check label {
  display: inline-block;
}
.box_check label span {
  margin-left: .3em;
}

.btn {
  text-align: center;
}
.btn input {
  display: inline-block;
  background: #eee;
  padding: .5em 4em;
  color: #000;
  text-decoration: none;
  cursor: pointer;
  border: none;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.btn input:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}


.btn button, .mfp_buttons button{
	color:white;
	background-color:var(--primary-color);
	margin-top:1rem;
	font-size:1.5rem;
	padding:1rem;
	border-radius:1rem;
	border:0;
	
}
.btn button:hover, .mfp_buttons button:hover{
  opacity: 0.7;
}

.mfp_buttons button{
	margin-right:1rem;
	}

#mfp_confirm_table th,#mfp_confirm_table td{
	font-size:1rem!important;
}


.form_address{
	display:flex;
	flex-wrap:wrap;
}

.form_address_label{
	width:23%;
	text-align:right;
	color:var(--primary-color);
}
@media only screen and (max-width: 768px) {
.form_address_label{
	width:100%;
	text-align:left;
}
}

.form_address_value{
	width:77%;
}
@media only screen and (max-width: 768px) {
.form_address_value{
	width:100%;
}
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
	text-align: left!important;
  -moz-appearance: textfield;
}