@charset "utf-8";
/************
 * Responsive *
*************/
/* 900 - 1280 */
@media only screen and (min-width:900px) and (max-width:1280px){
}

/* 768 - 899 */
@media only screen and (min-width:768px) and (max-width:1024px){
}

/* 320 - 767 */
@media only screen and (min-width:320px) and (max-width:899px){

header {
	height: 80px;
	background-color: white;
	box-shadow: 0px 0px 0px 0px rgba(141, 141, 141, 0.3);
	position: inherit;
	z-index: 99;
}

.flex_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 80px;
}

.header_flex_left {
  width: 30%;
}

.header_flex_right {
  width: 68%;
	margin-top: 0px;
  display: flex;
}

.FirstView {
	background: url(../img/header_bg_sp.png) center center/cover no-repeat;
	position: relative;
	z-index: 1;
}

.FV_title {
	text-align: left;
	padding: 10px 0;
}

.SecondSec {
	background: url(../img/second_bg_sp.png) center center/cover no-repeat;
}

.second_title {
  color: white;
  font-size: 22px;
  padding: 50px 0px 25px 0;
  letter-spacing: 1px;
  font-weight: 500;
}

/******
		Span Setting
					******/

          .large_txt {
            font-size: 36px;
          }
          
          .YellowColor {
            color: #FAF550;
          }
          
          .middle_txt {
            font-size: 26px;
          }
          
          .semi_middle_txt {
            font-size: 24px;
          }
          
          .forth_middle_txt {
            font-size: 30px;
        }
          
          .back_white {
            background-color: white;
            padding: 5px 0;
          }
          
          .back_yellow {
            background: linear-gradient(
              transparent 0%,
              white 0% 60%,
              #FAF550 60% 80%,
              transparent 80%
              );
          }
          
          .Orange {
            color: #FA6E12;
            font-weight: 400;
          }
          
/******
    　ここまで
          ******/

.second_four_sec_flex {
  display: flex;
  justify-content: center;
  width: 100%;
}

.second_four_sec_flex img {
  margin: -5px;
  width: 50vw;
}

.second_txt {
  font-size: 16px;
  color: white;
  font-weight: 300;
  padding-top: 20px;
}

.LINE_CTA_sec {
background: url(../img/LINE_sec_bg.png) center center/cover no-repeat;
}

.ThirdSec {
background: url(../img/third_sec_bg.png) center center/cover no-repeat;
}

.third_sec_title {
padding-top: 50px;
}

.third_sec_img {
padding: 20px 0;
}

.third_sec_txt {
font-size: 16px;
text-align: center;
line-height: 38px;
}

.ForthSec {
background: url(../img/forth_sec_bg.png) center center/cover no-repeat;
}

.forth_sec_img {
padding: 25px 0 25px;
}

.forth_sec_txt {
  font-weight: 500;
  font-size: 18px;
  line-height: 40px;
}

.forth_sec_txt_inwrap {
padding: 15px 0;
line-height: 34px;
}

.FifthSec {
background: url(../img/fifth_sec_bg_sp.png) center center/cover no-repeat;
}

.fifth_sec_title {
padding: 50px 30px 30px 30px;
}

.fifth_contents_wrap {
  width: 100%;
  max-width: 700px;
  height: auto;
  background-color: #CCF1FF;
  padding: 30px 15px;
  margin: 38px auto;
  border: solid 6px #ffffff;
  border-radius: 15px;
  position: relative;
}

.fifth_evi_img {
  position: absolute;
  top: -5%;
  width: 30%;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.fifth_contents_title {
  font-size: 20px;
  color: #002870;
  text-align: center;
  line-height: 30px;
  font-weight: 600;
  padding: 70px 0 15px 0;
}

.fifth_contents_txt {
  padding: 20px 0 0 0;
  font-size: 16px;
  line-height: 26px;
  text-align: left;
  color: #1F1F1F;
}

.fifth_contents_txt2 {
  font-size: 18px;
  font-weight: 400;
  color: black;
  line-height: 36px;
  padding: 10px 0 40px 0;
}

.SixthSec {
background: url(../img/sixth_contents_bg_sp.png) center center/cover no-repeat;
}

.sixth_sec_title {
padding: 40px 0 20px 0;
}

.sixth_sec_contents {
padding: 10px 0;
}

.sixth_sec_contents img {
  margin: 10px 0 0 0;
}

.SeventhSec {
background: url(../img/seventh_sec_bg_sp.png) center center/cover no-repeat;
}

.seventh_sec_icon {
  padding: 30px 0 20px 0;
}

.seventh_sec_title {
  font-size: 36px;
  color: #002870;
  font-weight: 400;
  padding-top: 10px;
  padding-bottom: 50px;
}

.seventh_sec_contents_wrap {
background-color: #DFF3FC;
width: 100%;
max-width: 720px;
height: auto;
padding: 30px 25px;
margin: 0 auto 50px auto;
position: relative;
}

.sp_padding {
  padding: 70px 0 0 0;
}

.seventh_sec_locate_wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.seventh_sec_contents_title {
  font-size: 24px;
  color: #002870;
  font-weight: 500;
  padding: 0 0 20px 0;
}

.seventh_sec_contents_title2 {
  padding-top: 20px;
  padding-bottom: 0px;
  font-size: 16px;
  color: #002870;
  font-weight: 400;
}

.seventh_sec_contents_flex {
  display: block;
}

.seventh_sec_left_img {
  width: 100%;
  margin-right: 0;
}

.container_vw100 {
  width: 100vw !important;
  padding: 0 !important;
  margin: 0 !important;
}

.padding_space {
  padding-bottom: 80px;
}

.seventh_sec_right_txt {
  width: 100%;
  background-color: white;
  padding: 15px;
  font-size: 16px;
  line-height: 36px;
  margin-left: 0;
  margin: 20px 0 0 0;
  text-align: left;
}

.question_wrap {
padding: 15px 0;
}

.question_area_flex {
display: flex;
justify-content: center;
align-items: center;
background-color: #002870;
padding: 14px 5px;
border-radius: 10px 10px 0 0;
}

.left {
width: 10%;
}

.right {
  width: 90%;
  font-size: 16px;
  font-weight: 800;
  text-align: left;
  color: white;
}

.answer_area_flex {
display: flex;
justify-content: center;
align-items: center;
background-color: #DFF3FC;
padding: 14px 5px;
border-radius: 0 0 10px 10px;
}

.answer_right {
  width: 90%;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  color: black;
}

.padding_area {
padding: 70px 0 0 0;
}

#form-sec {
  padding: 30px 0;
}

.form-top {
margin: auto;
margin-top: 40px;
max-width: 800px;
}

.form-main {
  padding: 10px;
}


.Form {
  padding: 16px;
  margin-bottom: 20px;
}

.Form-Item-Label {
  font-size: 16px;
}

.fontsize12 {
background-color: #e20000;
color: #fff;
font-size: 12px;
padding: 0px 4px 0px 4px;
margin-left: 10px;
line-height: 150%;
}

.fontsize12black {
color: #000;
font-size: 12px;
padding: 0px 4px 0px 4px;
line-height: 150%;
}

.Form-Item {
  margin-top: 16px;
  padding-bottom: 16px;
}

.first {
margin-top: 0;
}

.Form-Item input {
border: 1px solid #707070;
padding: 0px 2px;
margin-top: 6px;
}

.Form-checkbox {
  margin-top: 16px;
  font-size: 16px;
}

.Form-Btn {
margin-top: 20px;
}

.Form-Item .text-input {
  width: 100%;
  padding: 0 4px;
  line-height: 200%;
}

.Form-Btn {
max-width: 100%;
margin-left: 0px;
}

.label-note {
display: block;
width: 100%;
font-size: 14px;
}

.form-item-text {
  border-bottom: none;
  padding-bottom: 0;
  margin-top: 16px;
}

.Form-Item .text-input {
width: 100%;
padding: 0 4px;
line-height: 200%;
}

.Form-checkbox p {
display: block;
font-size: 12px;
margin-top: 12px;
}

/* .Form-checkbox .agree {
text-decoration: underline;
} */

.loading {
display: none;
}

.footer_com_info {
padding: 0 0 60px 0;
}

.com_info_title {
  font-size: 28px;
  text-align: center;
}

.footer_logo {
  padding: 20px 0 20px 0;
  width: 50%;
  margin: 0 auto;
}

.com_info_txt {
font-size: 22px;
text-align: center;
}

.underline {
text-decoration: underline !important;
color: #000 !important;
}

.com_info_list_wrap {
  padding: 30px 0 0 0;
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
}
.com_info_list_wrap2 {
width: 100%;
max-width: 560px;
margin: 0 auto;
}

.com_info_list_flex {
display: flex;
justify-content: center;
padding: 15px 0;
border-top: solid 2px #707070;
border-bottom: solid 2px #707070;
}

.com_info_list_flex2 {
display: flex;
justify-content: center;
padding: 15px 0;
border-bottom: solid 2px #707070;
}

.com_info_left {
  width: 25%;
  padding-right: 20px;
  font-weight: 600;
  color: #EFAD1D;
}

.com_info_right {
  width: 75%;
  padding-left: 20px;
  text-align: left;
  font-size: 16px;
}

}