@charset "UTF-8";

section{ margin: 0 auto; max-width: 1440px;}
@media screen and (max-width: 800px) {
	section{ margin: 0 auto; width: 100%;padding-top:0;
	}}
/*ヘッダーロゴ*/
.logo{margin: 0 auto; padding: 30px 0 0px 80px; text-align: left;}
@media screen and (max-width: 800px) {.logo{margin: 0 auto; padding: 30px 0 0 0; text-align: center;}}

/*フッター*/
footer{ width: 100%; background-color: #d4ebff; color: #444;
    display: flex;
    align-items: center;
    justify-content: center;}
footer a{color: #444;}
#footer{margin: 0 auto; max-width: 700px; padding-top: 50px; text-align: left;}
@media screen and (max-width: 1000px) {
	#footer{margin: 0 auto; max-width: 100%; padding-top: 10px; padding-left: 10%; padding-right: 10%;
	}
}

/***追従するトップへ戻るボタン***/
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background:#0c268a;
  opacity: 0.6;
  border-radius: 50%;
}

#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #fbcd2d;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -1px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
/***トップへ戻るボタンここまで***/

.top_kv{position: relative;width: 1440px;height: 681px;}
.top_kv img{width: 100%;}
@media screen and (max-width: 800px) {.top_kv{width: 100%;height: auto;}}
.top_kv_tit{margin: 0 auto; width: 80%; max-width: 1000px; background-color: rgba(12,38,138,0.7);position: absolute;
        top:30%;
        left:50%;
	transform: translate(-50%,-50%);}
.top_kv_tit .tit_01{font-size: 3.5em;color:#fff; text-align:center;padding-top:30px;}
.top_kv_tit .tit_02{font-size: 6.0em;color:#ffed4a; text-align:center;padding-top:60px; padding-bottom:50px;}
@media screen and (max-width: 800px) {.top_kv_tit{top:40%;
        left:50%;}
	.top_kv_tit .tit_01{font-size: 1.5em;color:#fff; text-align:center;padding-top:20px;}
.top_kv_tit .tit_02{font-size: 2.4em;color:#ffed4a; text-align:center;padding-top:30px; padding-bottom:20px;}}

.inf_01_box{background-image: url(../img/inf_02_b_pc_t.png),url(../img/inf_02_b_pc_b.png),url(../img/inf_02_b_pc_c.png);
background-position: top,bottom,center;
background-repeat: no-repeat,no-repeat,repeat-y;
	width:100%;}
.inf_01_box_tit{margin: 0 auto;font-size: 4.0em;color:#fff; text-align:center;padding-top:40px; line-height: 120%; font-weight: bold;}

@media screen and (max-width: 800px) {.inf_01_box{background-image: url(../img/inf_02_t_sm_t.png),url(../img/inf_02_t_sm_b.png),url(../img/inf_02_t_sm_c.png);
background-position: top,bottom,center;
background-repeat: no-repeat,no-repeat,repeat-y;
	width:100%;background-size: contain;}
	.inf_01_box_tit{font-size: 1.3em;padding-top:20px; }}

.inf_01_box ul{
  list-style:none; padding-left: 30%; padding-top: 100px; padding-bottom: 100px;
}

.inf_01_box ul li{
font-size: 2.5em;margin-bottom: 40px;position: relative;
vertical-align: middle;
}

@media screen and (max-width: 800px) {.inf_01_box ul{padding-left: 20%; padding-top: 30px; padding-bottom: 30px; padding-right: 15%;}
	.inf_01_box ul li{background-image: url(../img/inf_02_b_tit_t.png),url(../img/inf_02_b_tit_b.png),url(../img/inf_02_b_tit_c.png);
background-position: top,bottom,center;
background-repeat: no-repeat,no-repeat,repeat-y;font-size: 1.2em;margin-bottom: 20px; padding: 20px;}
}

.inf_01_box ul li:before{
	content:url(../img/icons8.png);vertical-align: middle;}
@media screen and (max-width: 800px) {
.inf_01_box ul li:before{
	content:url(../img/icons9.png);vertical-align: middle;}}

.inf_02_box_01{ margin: 0 auto; background-image: url("../img/inf_03_b_01_pc.png");
	background-position: top center; background-repeat: no-repeat; width: 1503px; max-height:504px;  margin-bottom: 40px;max-width: 1503px;}

@media screen and (max-width: 800px) {.inf_02_box_01{background-image: url(../img/inf_03_b_01_sm.png),url(../img/inf_03_b_01_sm_b.png),url(../img/inf_03_b_01_sm_c.png);
background-position: top,bottom,center;
background-repeat: no-repeat,no-repeat,repeat-y;
	width:100%;background-size: contain;}
}

.inf_02_box_02{ margin: 0 auto; background-image: url("../img/inf_03_b_02_pc.png");
	background-position: top center; background-repeat: no-repeat; width: 1503px; max-height:504px;  margin-bottom: 40px;max-width: 1503px;}

@media screen and (max-width: 800px) {.inf_02_box_02{background-image: url(../img/inf_03_b_02_sm.png),url(../img/inf_03_b_01_sm_b.png),url(../img/inf_03_b_01_sm_c.png);
background-position: top,bottom,center;
background-repeat: no-repeat,no-repeat,repeat-y;
	width:100%;background-size: contain;}}

.inf_02_box_03{ margin: 0 auto; background-image: url("../img/inf_03_b_03_pc.png");
	background-position: top center; background-repeat: no-repeat; width: 1503px; max-height:504px;  margin-bottom: 40px;max-width: 1503px;}

@media screen and (max-width: 800px) {.inf_02_box_03{background-image: url(../img/inf_03_b_03_sm.png),url(../img/inf_03_b_01_sm_b.png),url(../img/inf_03_b_01_sm_c.png);
background-position: top,bottom,center;
background-repeat: no-repeat,no-repeat,repeat-y;
	width:100%;background-size: contain;}}

.inf_02_box_04{ margin: 0 auto; background-image: url("../img/inf_03_b_04_pc.png");
	background-position: top center; background-repeat: no-repeat; width: 1503px; max-height:504px;  margin-bottom: 40px;max-width: 1503px;}
@media screen and (max-width: 800px) {.inf_02_box_04{background-image: url(../img/inf_03_b_04_sm.png),url(../img/inf_03_b_01_sm_b.png),url(../img/inf_03_b_01_sm_c.png);
background-position: top,bottom,center;
background-repeat: no-repeat,no-repeat,repeat-y;
	width:100%;background-size: contain;}}

.inf_02_box_01_tit{padding: 100px 0 20px 150px;}
.inf_02_box_01_txt01{font-size: 2.8em; padding: 0 0 40px 150px;}
.inf_02_box_01_txt02{ padding: 0 650px 70px 150px;}

@media screen and (max-width: 800px) {.inf_02_box_01_tit{padding:25% 3% 3% 5%;}.inf_02_box_01_tit img{width: 30%;}
	.inf_02_box_01_txt01{font-size: 1.4em; padding: 0 0 20px 6%;}
	.inf_02_box_01_txt02{padding:0% 3% 30px 6%;}}

.inf_02_box_02_tit{padding: 70px 20px 20px 700px;}
.inf_02_box_02_txt01{font-size: 2.8em; padding: 0 80px 40px 700px;}
.inf_02_box_02_txt02{ padding: 0 100px 70px 700px;}

@media screen and (max-width: 800px) {.inf_02_box_02_tit{padding:25% 3% 3% 5%;}.inf_02_box_02_tit img{width: 30%;}
	.inf_02_box_02_txt01{font-size: 1.4em; padding: 0 0 20px 6%;}
	.inf_02_box_02_txt02{padding:3% 3% 30px 6%;}}

.inf_03_box{margin: 0 auto; background-image: url("../img/inf_04_t.png");background-position: top center; background-repeat: no-repeat; margin-top: 40px;font-size: 4.0em;color:#fff; text-align:center;padding:60px 0 130px 0; line-height: 120%; font-weight: bold;}

@media screen and (max-width: 800px) {.inf_03_box{margin-top: 40px;font-size: 1.5em;color:#fff; text-align:center;padding:20px 0 130px 0;width:100%;background-size: contain;}}

.inf_03_box_02{width: 100%; margin: 0 auto; margin-bottom: 80px;}
@media screen and (min-width: 800px) {.inf_03_box_02{display: flex;align-items: stretch;}}
.inf_03_box_02_left{float: left;width: 70%;}
.inf_03_box_02_right{float: right;width: 30%;}
.inf_03_box_02_right img{width: 60%;}

@media screen and (max-width: 800px) {
	.inf_03_box_02{width: 100%;}
	.inf_03_box_02_left{float: left;width: 100%;}.inf_03_box_02_left img{width: 30%;}
.inf_03_box_02_right{float: left;width: 100%; text-align: center; padding-bottom: 80px;}.inf_03_box_02_right img{ margin: 0 auto; width: 60%; }}

.inf_03_box_02_left_tit{font-size: 4.2em; padding: 0 0 0 30%; font-weight: bold;}
.inf_03_box_02_left_txt{font-size: 1.2em;  padding: 5% 0 5% 52%;}

@media screen and (max-width: 800px) {.inf_03_box_02_left_tit{font-size: 1.5em; padding: 0 0 0 10%; font-weight: bold;}
.inf_03_box_02_left_txt{font-size: 1.0em;  padding: 5% 0 5% 5%;}}

.inf_04_box{margin: 0 auto; background-image: url("../img/inf_04_t.png");background-position: top center; background-repeat: no-repeat; margin-top: 40px;font-size: 4.0em;color:#fff; text-align:center;padding:60px 0 0 0; line-height: 120%; font-weight: bold; background-color: #d4ebff;max-width: 1440px;}

@media screen and (max-width: 800px) {.inf_04_box{margin-top: 40px;font-size: 1.5em;color:#fff; text-align:center;padding:20px 0 0px 0;width:100%;background-size: contain;font-size: 2.0em;}}

.Qa-Box {
  width: 70%;
  margin: 0 auto; padding-top: 200px;
}

@media screen and (max-width: 800px) {.Qa-Box {padding-top: 40px;}}
.Qa{padding-bottom: 50px;}

@media screen and (max-width: 800px) {.Qa {padding-top: 10px;}}

.Qa-Box .Qa dt,
.Qa-Box .Qa dd {
  display: flex;
  align-items: baseline;
  margin: 0;
}

.Qa-Box .Qa dt p {
  margin: 0;
  padding-left: 26px;
  font-weight: bold;
  width: 100%; color: #0c268a; font-size: 30px; text-align: left;
}
@media screen and (max-width: 800px) {.Qa-Box .Qa dt p {font-size:18px; line-height: 120%;padding-left: 20px;}}

.Qa-Box .Qa dd p {
  margin: 0;
  padding-left: 15px;
  width: 100%; color: #000000;  font-size: 30px; text-align: left; line-height: 130%;
}

@media screen and (max-width: 800px) {.Qa-Box .Qa dd p{font-size:18px;}}

.Qa-Box .Qa dt::before {
  content: "Q";
  display: flex;
  justify-content: center;
  align-items: center;
  background: #0c268a;
  color: #fff;
  width: 80px;
  height: 68px;
  border-radius: 50%;  font-size: 50px;
}

@media screen and (max-width: 800px) {.Qa-Box .Qa dt::before {
  width: 50px;
  height: 40px;
  border-radius: 50%;  font-size: 20px;}}

.Qa-Box .Qa dd::before {
  content: "A";
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFF;
  color: #0c268a;
  width: 80px;
  height: 68px;
  border-radius: 50%;  font-size: 50px;
}

@media screen and (max-width: 800px) {.Qa-Box .Qa dd::before  {
  width: 50px;
  height: 40px;
  border-radius: 50%;  font-size: 20px;}}

@media screen and (max-width: 960px) {
  .Qa-Box {
    width: 95%;
  }
}
.contact_box{ margin: 0 auto; max-width: 1440px; padding-top: 80px;}
.contact_tit {
position: relative;
  padding: 1.5rem;
  text-align: center; font-size: 2.5em;
}
.contact_tit:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #000;
}

.contact-box-shadow {
	margin: 0 auto;
	margin-top: 100px;
	margin-bottom: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333333;
  background-color: #FFF;
  font-size: 1.0em;
  width: 80%;
  border-radius: 3px;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.35);
}

@media screen and (max-width: 800px) {.contact-box-shadow {
  width: 98%;
	margin-top: 20px;
	margin-bottom: 20px;}}
 	.Form {
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
  max-width: 720px;
}
@media screen and (max-width: 480px) {
  .Form {
    margin-top: 40px;
  }
}
.Form-Item {

  padding-top: 24px;
  padding-bottom: 24px;
  width: 100%;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .Form-Item {
    padding-left: 20px;
    padding-right: 0px;
    padding-top: 16px;
    padding-bottom: 16px;
    flex-wrap: wrap;
	 width: 90%;
  }
}
.Form-Item:nth-child(5) {

}
.Form-Item-Label {
  width: 100%;
  max-width: 248px;
  letter-spacing: 0.05em;
  font-weight: bold;
  font-size: 18px;
}
@media screen and (max-width: 800px) {
  .Form-Item-Label {
    max-width: inherit;
    display: flex;
    align-items: center;
    font-size: 15px;padding-left: 14px;
  }
}
.Form-Item-Label.isMsg {
  margin-top: 8px;
  margin-bottom: auto;
}
@media screen and (max-width: 800px) {
  .Form-Item-Label.isMsg {
    margin-top: 0;
  }
}
.Form-Item-Label-Required {
  border-radius: 6px;
  margin-right: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
  width: 48px;
  display: inline-block;
  text-align: center;
  background: #ff0000;
  color: #fff;
  font-size: 14px;
}
@media screen and (max-width: 800px) {
  .Form-Item-Label-Required {
    border-radius: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 32px;
    font-size: 10px;
  }
}
.Form-Item-Input {
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-left: 40px;
  padding-left: 1em;
  padding-right: 1em;
  height: 48px;
  flex: 1;
  width: 100%;
  max-width: 410px;
  background: #eaedf2;
  font-size: 18px;
}
.Form-Item-Input_02 {
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-left: 40px;
  padding-left: 1em;
  padding-right: 1em;
  height: 48px;
  flex: 1;
  width: 50%;
  max-width: 410px;
  background: #eaedf2;
  font-size: 18px;
}
.Form-Item-Textarea {
  border: 1px solid #ddd;
  border-radius: 6px;
  margin-left: 40px;
  padding-left: 1em;
  padding-right: 1em;
  height: 216px;
  flex: 1;
  width: 100%;
  max-width: 410px;
  background: #eaedf2;
  font-size: 18px;
}
@media screen and (max-width: 800px) {
  .Form-Item-Input {
    margin-left: 14px;
    margin-top: 18px;
    height: 40px;
    flex: inherit;
	font-size: 15px;width: 80%;max-width: 80%;
	}

  .Form-Item-Input_02 {
    margin-left: 14px;
    margin-top: 18px;
    height: 40px;
    flex: inherit;
    font-size: 15px;width: 80%;max-width: 80%;
  }
}
@media screen and (max-width: 800px) {
  .Form-Item-Textarea {
    margin-top: 18px;
    margin-left: 14px;
    height: 200px;
    flex: inherit;
    font-size: 15px; width: 80%;max-width: 80%;
  }
}
.Form-Btn {
  border-radius: 6px;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
margin-bottom: 80px;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 280px;
  display: block;
  letter-spacing: 0.05em;
  background: #fa7025;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
border: 0;
}
@media screen and (max-width: 800px) {
  .Form-Btn {
    margin-top: 24px;
    padding-top: 30px;
    padding-bottom: 30px;
    width: 260px;
    font-size: 24px;
  }
}