html {
  font-size: 62.5%; /* -> 10px; */
	-webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*,*:before,*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

body{
  box-sizing: border-box;
}
body *{
  box-sizing: inherit; /* box-sizingの値は継承されないので明示的に設定 */
}
*{
	margin: 0;
	padding: 0;
	font-family: "游ゴシック", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	width: 100%;
	text-align: center;
	color: #2E2E2E;
}

h1{
	font-family: "A-OTF 新ゴ Pro";
	font-size: 5.0rem;
	font-weight: bold;
	margin: 30px 0;
	line-height: 1.5em;
}

p{
	font-size: 2.2rem;
	line-height: 2.2em;
}

a{text-decoration: none}

header{
	width: 100%;
	height: 16%;
}

#headerImg{
	text-align: left;
	padding: 0 0 0 4%;
}

header img{
	width: 15%;
	height: auto;
	padding: 1% 0 1% 0%;
	
}

.button{
	width: 400px;
	height: auto;
	padding: 40px 40px;
	background-color: #CDECFB;
	border-radius: 10px;
	text-align: center;
	margin: 40px auto;
}

.button a{
	color: #FFFFFF;
	font-size: 2.4rem;
	text-decoration: none;
	font-weight: bold;
}

#container2{
	padding: 60px 0;
	background-color: #E4F5FD;
	margin: 40px 0 0 0;
}

#container2 h1{
	color: #1058A4;
	font-size: 3.6rem;
	margin: 0 0 30px 0;
}

.container2Box{
	width: 60%;
	background-color: #FFFFFF;
	height: auto;
	text-align: center;
	margin: 0 auto 30px auto;
	vertical-align: middle;
	padding: 20px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	}

.container2Box img{
	width: 10%;
	height: auto;
	align-self:center;
	padding: 0px;
}

.container2Box p{
	padding: 0 0 0 10%;
	text-align: left;
	align-self:center;
	font-weight: bold;
	font-size: 2.6rem;
}

#container3 h2{
	font-size: 3.6rem;
	font-weight: bold;
	padding: 75px 0 0 0;
}

#container3 .try{
	height: 200px;
}

#container3 .try{
	background:linear-gradient(to bottom left, #CDECFB 50%, transparent 50%) top left/ 50% 100% no-repeat,
    linear-gradient(to bottom right, #CDECFB 50%, transparent 50%) top right / 50% 100% no-repeat;
}

#containerKami{
	border-bottom: solid 50px #E4F5FD;
}

#containerKami h1{
	font-size: 6.5rem;
	color: #1058A4;
	margin: 40px 0 0 0;
}

#container4{
	padding: 0 0 100px 0;
}

#container4{
	width: 80%;
	text-align: center;
	margin: 0 auto;
}

#container4 h1{
	font-size: 4.0rem;
	color: #1058A4;
	margin: 100px 0 50px 0;
}

#container4 p{
	text-align: left;
	font-weight: bold;
}

#container5{
	background-color: #F6FAFD;
	padding: 100px 0 2px 0;
}



.containerFlex{
	width: 80%;
	height: auto;
	text-align: center;
	margin: 0 auto 70px auto;
	display: flex;
	flex-wrap: wrap;
}

.containerFlex img{
	width: 7%;
	height: 7%;
}

.container5Box{
	width: 85%;
	padding: 0 0 0 5%;
}

.container5Box h4{
	font-size: 2.4rem;
	color: #1058A4;
	border-bottom: #1058A4 solid 2px;
	padding: 0 0 4px 0;
	text-align: left;
}

.container5Box p{
	text-align: left;
}


#container6{
	width: 70%;
	text-align: center;
	margin: 0 auto;
	padding: 40px 0 ;
}

#container6 h1{
	color: #1058A4;
}

.flex{
	display: flex;
	flex-wrap: wrap;
	justify-content:space-around;
}

.pointBox{
	width: 40%;
	height: auto;
	background-color: #F6FAFD;
	border: #1058A4 solid 10px;
	padding: 20px;
	margin: 0 0 40px 0;
}

.sankaku{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 100px 100px 0 0;
	border-color: #1058A4 transparent transparent transparent;
	margin: -20px 0 0 -20px;;
}

#container6 .pointBox h1{
	font-size: 5.0rem;
	color: #FFFFFF;
	text-align: left;
	margin: -100px 0 0 0;
}

#container6 .pointBox h2{
	font-size: 1.8rem;
	line-height: 2.0em;
	color: #1058A4;
	text-align: center;
	margin:  0 0 30px 0;
}

#container6 .pointBox p{
	font-size: 1.8rem;
	color: #1058A4;
	text-align: left;
	margin:  0 0 30px 0;
}



#container8{
	width: 80%;
	text-align: center;
	margin: 0 auto;
}

#container8 h1{
	font-size: 7.0rem;
	color: #1058A4;
	margin: 50px 0;
}

.container8Gokaku{
	background-color: #7DBAE5;
	clip-path: polygon(9% 0%, 100% 0, 100% 100%, 9% 100%, 0 50%);
	color: #FFFFFF;
	padding: 40px 0;
}


.container8Gokaku h2{
	width: 90%;
	margin: 0 0 0 10%;
	color: #FFFFFF;
	font-size: 3.6rem;
	line-height: 2.0em;
	text-align: left;
}

.container8Box{
	width: 91%;
	text-align: center;
	margin: 0 0 0 9%;
	background-color: #B5D8F0;
	padding: 40px;
}

.container8Box p{
	text-align: left;
}

.container8Gokaku2{
	background-color: #7DBAE5;
	clip-path: polygon(91% 0, 100% 50%, 91% 100%, 0 100%, 0 0);	
	display: flex;
	flex-wrap: wrap;
	padding: 40px 0;
}

.container8Gokaku2 p{
	width: 90%;
	color: #FFFFFF;
	padding: 0 0 0 10%;
	text-align: left;
}

#container9{
	width: 90%;
	text-align: center;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-around;
	padding: 100px 0;
}

.container9Box{
	width: 30%;
	height: auto;
	border: solid 2px #1058A4;
	margin: 0 0 40px 0;
	padding: 20px
}

.container9Box img{
	width: 100%;
}

.container9Box h1{
	font-size: 2.0rem;
	text-align: left;
	font-weight: normal;
	margin: 20px 0 10px 0;
}

.container9Box p{
	font-size: 1.8rem;
	text-align: left;
}


#container10{
	padding: 100px 0;
	background-color: #E4F5FD;
	margin: 40px 0 60px 0;
	clip-path: polygon(0.27% 11px, 99.93% 139px, 99.74% 83.01%, 3px 94.56%);
}

#container10 p{
	width: 80%;
	padding: 0 10%;
	text-align: left;
	font-size: 3.0rem;
	color: #1058A4;
	font-weight: bold;
}

#container7{
	width: 60%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	padding: 0 0 100px 0;
}


#container7 dl dt{
	font-size: 2.4rem;
	text-align: left;
	margin: 20px 0 10px 0;
	line-height: 1.5em;
}

#container7 dl dd{
	font-size: 2.0rem;
	text-align: left;
}

#container7 p{
	text-align: left;
	margin: 20px 0 0 0;
}

#formRadio{
	display:flex;
	flex-wrap: wrap;
	text-align: center;
	margin: 0 auto ;
	padding: 0 0 20px 0;
	font-size: 2.4rem;
}

#formRadio label{
	width: 25%;
	height: auto;
	display: inline-block;
}

#container7 .textBox{
	text-align: left;
}

#button_entry{
    position: relative;
    display: inline-block;
		width: 60%;
    font-weight: bold;
    padding: 0.55em 0.85em;
	  padding: 20px 0;
    text-decoration: none;
    color: #FFFFFF;
    background: #39A0F4;
    transition: .4s;
	border-style: none;
	vertical-align : middle;
	border-radius: 10px;
	margin: 40px 0 0 0;
}


#button_entry:hover {
    background: #C8E4FB;
	width: 60%;
    color: #000000;
	vertical-align : middle;
}

footer{
 background-color: #313131;
}

.footerArea{
	width: 90%;
	text-align: center;
	margin: 0 auto;
	padding: 30px 0 20px 0;
}

footer h1{
	color: #FFFFFF;
	font-size: 5.0rem;
	font-weight: bold;
	text-align: left;
	padding: 0 0 0 2%;
	margin: 0;
	text-decoration: none;
	}

footer p{
	color: #FFFFFF;
	font-size: 2.0rem;
	font-weight: normal;
	text-align: left;
	padding: 0 0 0 2%;
	margin: 0;
	}

.footerFlex{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.footerArea img{
	width: 40%;
}

.footerText{
	width: 50%;
	padding: 0 0 0 10%;
}

.footerText ul li{
	color: #FFFFFF;
	list-style: none;
	font-size: 1.8rem;
	line-height: 1.5em;
	font-weight: bold;
}

.red{
	color: red;
}


#formcheck{
	width: 60%;
	height: auto;
	text-align: center;
	margin: 0 auto;
}

#formcheck h1{
	font-size: 2.4rem;
}

#formcheck h2{
	font-size: 2.0rem;
	line-height: 1.5em;
	margin: 0 0 30px 0;
}

#formcheck label{
	font-size: 2.0rem;
	color: #565656;
}

#formcheck p{
	font-size: 1.8rem;
	line-height: 1.5em;
	margin: 0 0 10px 0;
}

#buttonBox{
	display: flex;
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	flex-wrap: wrap;
	justify-content:space-around;
	padding: 0 0 100px 0;
}

#button_send{
    position: relative;
    display: inline-block;
		width: 40%;
    font-weight: bold;
    padding: 0.55em 0.85em;
	  padding: 20px 0;
    text-decoration: none;
    color: #FFFFFF;
    background: #39A0F4;
    transition: .4s;
	border-style: none;
	vertical-align : middle;
	border-radius: 10px;
	margin: 40px 0 0 0;
}


#button_send:hover {
    background: #C8E4FB;
	width: 40%;
    color: #000000;
	vertical-align : middle;
}

#button_back{
    position: relative;
    display: inline-block;
		width: 40%;
    font-weight: bold;
    padding: 0.55em 0.85em;
	  padding: 20px 0;
    text-decoration: none;
    color: #FFFFFF;
    background: #39F457;
    transition: .4s;
	border-style: none;
	vertical-align : middle;
	border-radius: 10px;
	margin: 40px 0 0 0;
}


#button_back:hover {
    background: #7FF592;
	width: 40%;
    color: #000000;
	vertical-align : middle;
}

#completeContainer{
	padding: 0 0 100px 0;
}