@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
  background-color: #FFFFFF;
}

body {
  font-size: 18px;
  font-family: 'Noto Sans JP', sans-serif,'メイリオ';
  background-color: #FFFFFF;
  color: #323232;
  letter-spacing: 0.175em;
  font-weight: 400;
}

p, li, dt, dd, th, td, pre {
  -ms-line-break: strict;
  line-break: strict;
  -ms-word-break: break-strict;
  word-break: break-all;
}

p {
  display: block;
  word-wrap: break-word;
  font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-kerning: normal;
          font-kerning: normal;
  line-height: 28px;
}

section {
  width: 100%;
}
.space{
  width:70%;
  max-width:1000px;
  margin:0 auto;
}
@media screen and (max-width:768px){
.space{
  width:90%;
}
}
@media screen and (max-width:480px){
.space{
  width:95%;
}
}
img {
  height: auto;
  max-width: 100%;
}
a {
  color: inherit;
  text-decoration: none;
}
#wrapper {
  width: 100%;
}
header{
  width:100%;
}

#logo_SP{
	display:none;
	width:160px;
	position: fixed;
	z-index:1000;
	left:30px;
	top:40px;
	mix-blend-mode:exclusion;
	cursor: pointer;
}
@media screen and (max-width:1149px){
	#logo_SP{
	display:block;
	}
}
@media screen and (max-width:480px){
	#logo_SP{
	width:120px;
	}
}
.h2_title{
	width:100%;
	position:relative;
	padding:100px 0;
	text-align:center;
}
.h2_BG_txtimg{
    width: 200px;
    height: 200px;
    position: absolute;
    background-image: url(https://www.aoi-corp.jp/wp-content/uploads/rotation_aola.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top:15%;
    left:50%;
	animation: loop_animation_rotate 20s linear infinite;
}
@keyframes loop_animation_rotate {
  0% {
    transform: translate(-50%,-50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%,-50%) rotate(360deg);
  }
}
.h2_icon{
	width:24px;
	height:24px;
	margin:0 10px;
    background-image: url(https://www.aoi-corp.jp/wp-content/uploads/kira.svg);
    background-size: 100% 100%;
}
.h2_flex_container{
	position:relative;
	z-index:2;
	margin-top:10px;
	display:flex;
	align-items: center;
	justify-content: center;
}
.h2_flex_container span{
	padding:3px 5px;
	margin-right:5px;
	background-color:#fff;
	color:#203F72;
}
.h2_en_small{
	position:relative;
	z-index:2;
	color:#f2be16;
	font-weight:600;
}
h2{
	font-size:24px;
	line-height:35px;
	text-align: center;
	font-weight:900;
}
h3{
	font-size:20px;
	line-height:30px;
	font-weight:900;
	margin-bottom:15px;
}
.form_txt p{
    margin:100px 0 50px 0;
    text-align: center;
    transform: rotate(0.05deg);
}
input, textarea {
	padding: 0;
	border: none;
	outline: none;
    margin:10px 0;
}
.mailform dl{
    margin:30px 0;
}
.mailform dt{
    transform: rotate(0.05deg);
    font-weight:500;
    padding-top:10px;
    padding-bottom:10px;
}
input[type="text"],input[type="email"],.mailform dd select,
textarea{
    width: 100%;
    max-width: 100%;
    font-family: inherit;
    padding: 7px 12px;
    font-size: 20px;
    border-radius: 4px;
    border: 2px solid #606060;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;
}
input[type="reset"], input[type="submit"], input[type="button"]{
    min-width: 220px;
    min-height: 60px;
    border-radius: 100px;
  font-family: 'Noto Sans JP', sans-serif,'メイリオ';
    font-size: 16px;
    cursor: pointer;
    margin:50px auto 100px auto;
	width: fit-content;
	background-color: #fff;
    box-shadow: -4px -5px 15px 0px rgba(255, 255, 255, 0.56), -3px -3px 20px 0px rgba(255, 255, 255, 0.76), 5px 5px 12px 0 rgba(90, 125, 136, 0.16), 3px 3px 24px 0 rgba(90, 125, 136, 0.32);
	transition: all 0.2s ease-in-out;
	font-weight:700;
}
input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover{
    box-shadow:  -4px -5px 15px 0px rgba(255, 255, 255, 0.56), -3px -3px 20px 0px rgba(255, 255, 255, 0.76), 5px 5px 12px 0 rgba(90, 125, 136, 0.16), 3px 3px 14px 0 rgba(90, 125, 136, 0.10);
}
input[type="reset"]{
	color:#009ADD;
}
input[type="submit"]{
	color:#FD5D02;
}
#btn_area {
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
    align-items: center
}
input[type="checkbox"]{
    margin-right:5px;
}
.confirmation, .completion{
    text-align: center;
	margin-bottom:50px;
}
.submit_content{
    text-align: left;
}
.submit_content p, .submit_content dt{
    margin-top:15px;
}
.submit_content dt{
    font-weight:500;
}
.err{
    color:red;
}
.submit_area{
    width:100%;
    display:flex;
    justify-content:center;
}