html, body,
ul, ol, li,
h1, h2, h3, h4, h5, h6, p, div {
    margin: 0;
    padding: 0;
}

@font-face {
  font-family: "Hiragino Sans W9";
  src: url(../css/HiraginoSansW9.ttc);
  font-weight: 900;
}

div,section,main{
	overflow: hidden;

}
body{
	   width: 100%;
	   height: 100%;
}

h1{
    font-weight: thin;
}

li{
    list-style:none;
}

a{
    text-decoration: none;
    color:inherit;
}

main{
	background-image: url(../img/main.png);
	background-size: auto 100%;
	background-position: center;
	height: 897px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}

header{
	display: flex;
	justify-content: space-between;
	padding: 10px 15px;
	margin-bottom: 20px;
}

.message{
	position: absolute;
	top:0;
	z-index: 1000;
	color: #fff;
	background-color: #000000;
	width:100%;
	text-align: center;
}

.fixed-bar{
	position: fixed;
	top: 0;
	bottom:0;
	right: 0;
	z-index: 100;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.fixed-bar img{
	display: block;
	margin: 5px 0;
}

.btn-bg{
	position: absolute;
	margin:0px auto;
	margin-top: 600px;
	height:231px;
	background-size: 100% auto;
	background-image: url(../img/section_01_bg.png);
	background-repeat: no-repeat;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.btn-bg img{
	width:100%;
	margin-top: 15px;
}

.btn-bg div{
	width:45%;
}

.section1{
	background-image: url(../img/section_02_bg.png);
	background-size: auto; 
	height:725px;
	background-position: center top;
	background-repeat: no-repeat;
}

.section2{
	background-image: url(../img/section_03.png);
	background-size: auto; 
	height: 1100px;
	background-position: center top;
	color: #403933;
}

.section2 div{
	width: 870px;
	margin: 180px auto;
	letter-spacing: 2px;
	font-family:Hiragino Sans,"ヒラギノ角ゴシック",Hiragino Kaku Gothic ProN,"ヒラギノ角ゴ ProN W3",Roboto,"Droid Sans",YuGothic,"游ゴシック",Meiryo,"メイリオ",Verdana,"ＭＳ Ｐゴシック",sans-serif;
	font-weight: 900;
	text-align: justify;
}

.section2 p{
	line-height: 2;
	font-size: 15px;
	font-weight:500;
}

.section2 h1{
	font-size: 24px;
}

.green{
	color:#80b93c;
}

.blue{
	color: #343c7a;
}

.section3{
	background-image: url(../img/section3_bg01.png);
	background-position: top center;
	background-repeat: no-repeat;
}
section.section3-1 {
    height: 750px;
    background-image: url(../img/section3_bg02.png);
    /* background-size: auto 100%; */
    background-position: top center;
    background-repeat: no-repeat;
}

.pf{
	margin: 0 auto;
	margin-top: 230px;
	text-align: center;
	width: 1030px;
}

.pf a:hover{
	opacity: 0.7;
	cursor: pointer;
}

.pf p{
	margin: 10px auto;
}

.pf-section{
	display: flex;
	justify-content: space-between;
}

.pf-section div{
	margin: 15px ;
}

.pf-section img{
	width:100%;
}

.support{
	margin: 0 auto;
	width: 1000px;
	margin-top: 350px;
	color:#fff;
	line-height: 2;
	font-size: 17px;
	font-family: "Hiragino Kaku Gothic Pro";
	letter-spacing: 2.1px;
	font-weight: 800;
}


.section4{
	background-image: url(../img/section_06_bg.png);
	min-height: 644px;
	background-size:auto;
	background-position: center top;
	background-repeat: no-repeat;
	overflow: visible;
}


.section5{
	background-image: url(../img/section_07_bg.png);
	height: 1986px;
	background-size:auto 100%;
	background-position: center top;
	background-repeat: no-repeat;
}

.question{
	padding-top: 200px;
	overflow: visible;
	z-index: 100;
}

.question-bar{
	height: 72px;
	width:1000px;
	background-image: url(../img/Q&A.png);
	background-size:auto 100%;
	background-position: center top;
	background-repeat: no-repeat;
	margin:30px auto;
	display: flex;
	color: #fff;
	align-items: center;
	overflow: visible;
}

.question-bar img:nth-child(1){
	margin-left:30px;
	margin-right: 10px;
}

.question-bar img:nth-child(2){
	margin-right: 30px;
}

.question-bar p{
	width: 85%;
	font-size: 18px;
	font-weight: 800;
	letter-spacing: 2.5px;
}

.q-btn1-2,.q-btn2-2,.q-btn3-2{
	display: none;
}

.active{
	display: block;
}

.deactive{
	display: none;
}

.answer{
	margin:20px auto;
	width: 1000px;
	display: flex;
	letter-spacing: 1px;

}

.answer p{
	width: 90%;
}


.answer img:nth-child(1){
	margin-left:30px;
	margin-right: 10px;
	height: auto;
}


.active{
	display: block;
}

.deactive{
	display: none;
}

.form{
	width: 850px;
	margin: 0 auto;
	margin-top: 350px;
	letter-spacing: 1px;
	font-weight: 800;
}

table{
	display: table-cell;
	margin: 0 auto;
}


td{vertical-align: text-top;}

.required{
	color: #c11e1e;
	border: 1px solid #c11e1e;
	padding:3px 6px;
	font-weight: 300;
	letter-spacing: 0px;
}

.form{
	overflow: visible;
}

.form div{
	padding-bottom: 12px;
}

.form td:nth-child(1){
	padding-right: 44px;
}

.form td{
	padding-bottom: 40px;
}

.form tr:nth-child(1) td{
	padding-bottom: 19px;
}

.radio{
  display: none;
}
.radio + label{
  padding-left: 22px;
  position:relative;
  margin-right: 20px;
}
.radio + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
}

.radio:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #7db53a;
  border-radius: 50%;
}

.red{
	color:#c11e1e;
	font-size: 12px;
	letter-spacing: 0.7px;
	padding-bottom: 21px;
}

.design-image {
	padding-bottom: 30px !important;
}

.design-image p{
	padding-bottom: 21px;
	letter-spacing: 0.7px;
}

.image-box div:nth-child(1){
	margin-top: -11px;
}

.image-box{
	overflow: visible;
}

input[type="text"]{
	height: 40px;
	width: 99%;
	font-size: inherit;
	border: 1px solid #bebebe;
	outline: 0;
}

.company td,.mail td{
	padding-bottom: 35px;
}

input[type="tel"]{
	height: 40px;
	width: 152px;
	font-size: inherit;
	border: 1px solid #bebebe;
	outline: 0;
}

.tel span{
	padding: 0 8px;
}

.tel td{
	padding-bottom: 35px;
}

select{
	height: 44px;
	width: 215px;
	font-size: inherit;
	border-radius: 0px;
	background: #fff;
	border: 1px solid #bebebe;
	outline: 0;
}

.birthplace td{
	padding-bottom: 35px;
}

.live td:nth-child(1){
	padding-top: 13px;
}

.live td{
	padding-bottom: 45px;
}

textarea{
	width: 617px;
	height: 116px;
	vertical-align:top;
	border: 1px solid #bebebe;
	outline: 0;
	font-size: inherit;
	font-family: inherit;
}

input[type="submit"]{
	background-image: url(../img/submit_bt_off.png);
	border: none;
	width: 450px;
	height: 101px;
	margin: 0 auto;
	text-align: center;
	outline: 0;
	background-repeat: no-repeat;
	background-position: center bottom;
}

.submit-btn{
	margin: 20px auto;
	width: 450px;
	height: 101px;
}

small{
	color: #fff;
	text-align: center;
	font-weight: 300;
	margin: 0 auto;
	width: 100%;
}

.last-message{
	margin-top: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
}
/*----------------------------------
2022/04/07動画追加
----------------------------------*/
section.section3-movie {background-image: url(../img/section3-m_bg01.png);
    background-position: top center;
    background-repeat: no-repeat;margin-top: 100px; margin-bottom: 50px;}

.movie-area {margin: 0 auto;
    margin-top: 230px;
    text-align: center;
    max-width: 1400px;display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -moz-flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;}

p.m-iframe {width: 95%;
  aspect-ratio: 16 / 9;padding: 15px;background: #5cb729;}

p.m-iframe iframe {width: 100%;
  height: 100%;}

.m-left,.m-right {width: 49%;}