@charset "utf-8";



main {

  width: 100%;

}



.inner_1000 {

  max-width: 1000px;

  width: 90%;

  margin: 0 auto;

}



#hero_Vis {

  position: relative;

}



#hero_Vis>h2 {

  display: block;

  width: 100%;

  position: absolute;

  top: 50%;

  left: 50%;

  color: #071d32;

  font-size: min(8vw, 60px);

  font-family: "Geologica", sans-serif;

  text-align: center;

  transform: translate(-50%, -50%);

}



#hero_Vis>h2 span {

  display: block;

  margin-top: 20px;

  font-size: min(4vw, 20px);

  letter-spacing: 0.2em;

}



#bread_List {

  justify-content: flex-start;

  align-items: center;

  padding: 15px 0;

}



#bread_List>a {

  display: flex;

  align-items: center;

  font-size: 12px;

}



#bread_List>a:not(:last-child) {

  text-decoration: underline;

}



#bread_List>a:not(:last-child)::after {

  display: inline-block;

  content: '';

  width: 0.7em;

  height: 0.7em;

  margin: 0 10px 0 5px;

  border-top: 1px solid #000;

  border-right: 1px solid #000;

  transform: rotate(45deg);

}



#content_Wrap {

  padding: 80px 0;

}



.txt {

  font-size: min(3.8vw, 18px);

  letter-spacing: 0.07em;

  line-height: 2.5;

  overflow-wrap: anywhere;

  word-break: normal;

  line-break: strict;

}



.txt_Center {

  text-align: center;

}



.kaihatsu_Area {



  margin: 30px auto;

  padding: 40px;

  border: 1px solid #000;

  box-sizing: border-box;

}



.kaihatsu_Area div.flex {

  justify-content: flex-start;

  align-items: flex-start;

  gap: 40px;

}



.kaihatsu_Area .flex>* {

  width: calc((100% - 40px) / 2);

}



.kaihatsu_Block:not(:first-child) {

  margin-top: 30px;

}



.kaihatsu_Block h3 {

  display: block;

  margin-bottom: 1em;

  padding: 5px 10px;

  color: #fff;

  background-color: #25488f;

  border-radius: 5px;

  font-size: 16px;

  font-weight: 600;

  line-height: 1.5;

  box-sizing: border-box;

}



.kaihatsu_Block ul.flex {

  flex-wrap: wrap;

  gap: 4%;

  padding-left: 1em;

  box-sizing: border-box;

}



.kaihatsu_Block ul.flex>li {

  width: 48%;

  margin-bottom: 10px;

  list-style: disc;

}



.kaihatsu_Block em {

  font-size: min(6vw, 28px);

  font-style: normal;

}



#kaihatsu_Form {

  margin-top: 80px;

}



#kaihatsu_Form.mt0{

  margin-top: 0;

}



#kaihatsu_Form h4 {

  margin-bottom: 1em;

  padding-bottom: 10px;

  color: #323232;

  border-bottom: 1px solid #323232;

  font-size: min(6vw, 26px);

  font-weight: 600;

  line-height: 1.5;

}



#kaihatsu_Form h4 span {

  display: block;

  color: #25488f;

  font-size: 14px;

}



#kaihatsu_Form p {

  font-size: 14px;

  line-height: 1.5;

}



#form {

  margin-top: 50px;

}



#form input,

#form textarea {

  border: 1px solid #aaa;

  font-size: 16px;

  box-sizing: border-box;

}



#form li {

  padding: 25px 0 20px;

  border-bottom: 1px dotted #323232;

  box-sizing: border-box;

}



#form li:first-child {

  padding-top: 0;

}



#form dl {

  display: flex;

  align-items: center;

  gap: 30px;

}



#form dt {

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

  width: 30%;

}



#form .req {

  display: block;

  padding: 5px 8px;

  color: #fff;

  background-color: #d97000;

  border-radius: 5px;

  font-size: 12px;

  box-sizing: border-box;

}



#form dd {

  width: calc(70% - 30px);

}



/* 個別設定 */

.form01 dd {

  gap: 2%;

}



.form01 label {

  display: flex;

  align-items: center;

  gap: 5px;

  max-width: 120px;

  width: 49%;

  padding: 10px;

  background-color: #dce2e7;

  border: 1px solid #aaa;

  border-radius: 5px;

  box-sizing: border-box;

}



.form02 input,

.form03 input,

.form04 input,

.form05 input,

.form06 input,

.form07 input,

.form08 textarea {

  max-width: 500px;

  width: 100%;

  padding: 5px;

  box-sizing: border-box;

}



.form02 input,

.form03 input,

.form06 input,

.form07 input,

.form08 textarea {

  background-color: #dce2e7;

}



li[class^='form'] label.filled,

li[class^='form'] input.filled,

li[class^='form'] textarea.filled,

li[class^='form'] select.filled {

  background-color: #fff !important;

}



.btn_Area {

  justify-content: center;

  align-items: center;

  gap: 20px;

  margin: 50px auto;

}



.btn_Area>button {

  max-width: 350px;

  width: 100%;

  padding: 10px;

  border: 1px solid #aaa;

  border-radius: 5px;

  font-size: 18px;

  text-align: center;

  box-sizing: border-box;

}



.btn_Area>button span {

  display: block;

  margin-bottom: 10px;

  font-size: 14px;

}



.submit_Btn {

  color: #fff;

  background-color: #25488f;

}



.privacy_box {

  height: 300px;

  padding: 20px;

  border: 1px solid #aaa;

  box-sizing: border-box;

  overflow: scroll;

}



.privacy_caution {

  color: #FF0000;

  font-size: 12px;

  margin-bottom: 15px;

}



.privacy_title {

  background-color: #EFEFEF;

  color: #333333;

  font-size: 12px;

  line-height: 30px;

  font-weight: bold;

  margin-bottom: 10px;

  padding-left: 10px;

  box-sizing: border-box;

}



.privacy_contents {

  color: #333333;

  font-size: 12px;

}



.privacy_subtitle {

  color: #333333;

  font-size: 12px;

  line-height: 30px;

  font-weight: bold;

  margin-top: 20px;

  margin-bottom: 10px;

  border-bottom: 1px #CCCCCC solid;

}



.privacy_box_title {

  font-size: 14px;

  color: #333333;

  margin-left: 30px;

  margin-top: 50px;

  font-weight: bold;

}



.privacy_box_title span {

  color: red;

}



.bsd_pmark_conteiner {

  overflow: hidden;

}



.bsd_pmark {

  float: right;

  margin: 0 10px;

}



.bsd_pmark img {

  width: 250px;

  height: 75px;

}



.i_win {

  display: block;

  width: 100%;

  background: url("../img/icon_list_orange.png") no-repeat scroll left center;

  background-size: 10px 10px;

  padding-left: 15px;

  margin: 5px auto;

  color: #333333;

  font-size: 14px;

  text-decoration: underline;

  box-sizing: border-box;

}



.i_win>a {

  line-height: 1.5;

  word-break: break-all;

}



.mark_Area {

  display: flex;

  justify-content: flex-end;

  margin-top: 20px;

}



.mark_Area a {

  display: block;

  max-width: 300px;

  width: 40%;

}



.error_message_area{

  display: none;

	background:#FFEEEE;

	margin-top:2em;

	margin-bottom:2em;

	padding:1em;

	border:2px solid #FF0000;

}



.error_message_area.active{

  display: block;

}



.error_message_area p{

	margin-bottom:1em;

}



.error_message_area ul{

	list-style:disc;

	padding-left:1em;

	line-height:2em;

}



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

  #content_Wrap {

    padding: 50px 0;

  }



  .kaihatsu_Area {

    padding: 20px;

  }



  .kaihatsu_Area div.flex {

    flex-direction: column;

    gap: 30px;

    margin-bottom: 10px;

  }



  .kaihatsu_Area .flex>* {

    width: 100%;

  }



  #kaihatsu_Form {

    margin-top: 50px;

  }



  #form {

    margin-top: 30px;

  }



  #form input,

  #form textarea {

    border: 1px solid #aaa;

    font-size: 16px;

    box-sizing: border-box;

  }



  #form dl {

    flex-wrap: wrap;

    flex-direction: column;

    align-items: flex-start;

    gap: 10px;

  }



  #form dt {

    justify-content: flex-start;

    gap: 20px;

    width: 100%;

  }



  #form dd {

    width: 100%;

  }



  /* 個別設定 */

  .form01 label {

    max-width: 100%;

  }



  .form02 input,

  .form03 input,

  .form04 input,

  .form05 input,

  .form06 input,

  .form07 input,

  .form08 textarea {

    max-width: 100%;

    padding: 10px;

  }



  .btn_Area {

    flex-direction: column;

    margin: 30px auto;

  }



  .btn_Area>button {

    max-width: 100%;

  }



  .mark_Area a {

    display: block;

    max-width: 300px;

    width: 100%;

  }

}



/* サンクス */

.thank_Block {

  padding-bottom: 80px;

  text-align: center;

}



.thank_Block>h5 {

  margin-bottom: 1em;

  color: #25488f;

  font-size: min(6vw, 22px);

  font-weight: 600;

}



#content_Wrap .thank_Block>p {

  font-size: 14px;

  line-height: 2.5;

}



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

  .thank_Block {

    text-align: left;

  }

}