@charset "UTF-8";

/* --------------------------default */
*{
  margin: 0;
  padding: 0;
}
html {
  margin: 0;
  padding: 0;
  width: 100vw;
}

body {
  margin: 0;
  padding: 0;
  text-align: left;
  line-height: 2;
  -webkit-text-size-adjust: 100%;
  width: 100%;
}

p {
  font-family: normal;
  font-size: 2.0vh;
}

a {
  text-decoration: none;
  font-size: 2.0vh;
  cursor: pointer;
  font-family: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: normal;
  color: #050505;
}

ul,li {
  list-style: none;
  padding: none;
}

img {
  width: 100%;
  object-fit: cover;
}
html,body{
  height: 100%;
}
div img{
  vertical-align: top;
}

.sns_icon{
  padding: 15px 0;
}
/* ここからヘッダーメニュー */
.hamburger-menu{
  display: none;
}
header{
  width: 100%;
}
.header_box_all{
  width: 100%;
  display: flex;
  align-items: center;
}
.header_logo_box{
  width: 30%;
}
.header_logo{
  width: 45%;
  margin: auto;
  padding-top: 4.5%;
}
.header_logo a{
  margin: auto;
}
.header_logo a:hover{
  opacity: .5;
}
.menu_all{
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.menu{
  width: 20%;
  text-align: center;
  margin: auto;

}
.menu a{
  font-size: 1.8vh;
  color: #050505;
  font-weight: bold;
}

.menu a:hover{
  border-bottom: 3px solid #6c6c6c;
}

.header_sns_icon{
  height: 144px;
}
.menu_linebtn{
  width: 30%;
  background-color: #00B900;
  display: flex;
  justify-content: center;
  align-items: center;
}
.menu_linebtn div{
  color: #ffffff;
  display: inline-block;
  font-size: 1.2rem;
}
.menu_linebtn:hover{
  opacity: .9;
}
.header_menu_box{
  width: 70%;
}



/* ここからmain */
.main{
  width: 100%;
}
.main_TOP{
  display: block;
}
.main_TOP_mobile{
  display: none;
}
.main_TOP_img_all_mobile{
  display: none;
}

.main_TOP{
  width: 100%;
  background-color: #f0f0f0;
  position: relative;
  height: 90vh;
}
.main_top_back{
  width: 57%;
  position: absolute;
  right: 0%;
}
.main_TOP_text{
  width: 50%;
  position: absolute;
  left: 15%;
  top: 5%;
}
.main_TOP_text1 h2{
  color: #079cdb;
  font-weight: bold;
  font-size: 4.0vh;
  line-height: 1.5;
  margin-top: 4%;
}
.main_TOP_text2 h2{
  color: #013076;
  margin-top: 2%;
  font-size: 5.0vh;
  line-height: 1.5;
}
.main_TOP_text3 p{
  margin-top: 2%;
  font-size: 2.5vh;
  font-weight: bold;
}
.main_TOP_img{
  width: 70%;
}
.main_TOP_img_all{
  width: 65%;
  display: flex;
  align-items: flex-start;
  position: absolute;
  left: 15%;
  bottom: 15%;
}
.main_TOP_img1{
  width: 23%;
  margin-right: 3%;
}
.main_TOP_img2{
  width: 23%;
  margin-right: 3%;
}
.main_TOP_img3{
  width: 23%;
  margin-right: 3%;
}
.main_content1{
  width: 100%;
  position: relative;
}
.main_content1 h2{
  font-size: 2.5vh;
  font-weight: bold;
  text-align: center;
  background-color: #013076;
  color: #ffffff;
  height: 10.5vh;
  padding-top: 5vh;
}
.main_content1 img{
  display: block;
  width: 55%;
  margin-left:22.5%;
  margin-right:22.5%;
  position: absolute;
  top: 88%;
}
.main_content2{
  width: 100%;
  background-color: #f0f0f0;
  margin-top: 40%;
  display: flex;
  position: relative;
  height: 307px;
}
.main_content2img{
  width: 10%;
  position: absolute;
  top: 5.0vh;
  left: 20%;
}
.main_content2text{
  width: 50%;
  text-align: center;
  margin-left: 25%;
  margin-top: 5%;
}
.main_content2text h2{
  font-size: 3.0vh;
  color: #013076;
  font-weight: bold;
}
.main_content2text p{
  font-size: 3.0vh;
  font-weight: bold;
}


.main_content3,.main_content4{
  width: 55%;
  margin: 10% auto;
}
.main_content3text1{
  width: 100%;
  text-align: center;
  font-weight: bold;
  background-color: #013076;
}
.main_content3text1 h2{
  color: #ffffff;
  font-weight: bold;
  height: 10.5vh;
  padding-top: 5.0vh;
  font-size: 3.0vh;
}
.main_content3text2{
  display: flex;
  align-items: flex-start;
  width: 100%;
  margin-top: 4%;
}
.main_content3text2-1{
  width: 35%;
  margin-right: 10%;
  margin: 0 auto;
  text-align: center;
  border: 1px solid #013076;
  padding: 8% 5% 5% 5%;
  position: relative;
}
.main_content3text2-1_img{
  width: 40%;
  position: absolute;
  top: -45%;
  left: 30%;
}
.main_content3text2-1 p{
  font-size: 2.5vh;
  font-weight: bold;
  color: #013076;
}
.main_content3text2-3{
  width: 5%;
  margin: 8% auto 0;
}
.main_content3text2-3_arrow{
  margin: 150% auto 0;
}
.main_content3text2-2{
  width: 35%;
  margin-left: 10%;
  margin: 0 auto 0;
  text-align: center;
  border: 1px solid #013076;
  padding: 8% 5% 5% 5%;
  position: relative;
}
.main_content3text2-2_img{
  width: 30%;
  position: absolute;
  top: -45%;
  left: 33%;
}
.main_content3text2-2 p{
  font-size: 2.5vh;
  font-weight: bold;
  color: #013076;
}
.main_content3text3{
  width: 100%;
  text-align: center;
  background-color: #f0f0f0;
  height: 15.5vh;
  margin-top: -1%;
}
.main_content3text3 h2{
  color: #eb7004;
  font-weight: bold;
  padding-top: 3.0vh;
}
.main_content3text3 p{
  font-size: 2.5vh;
  font-weight: bold;
}

.main_content4text1{
  width: 100%;
  text-align: center;
  font-weight: bold;
  background-color: #013076;
  position: relative;
}
.main_content4text1 h2{
  color: #ffffff;
  font-weight: bold;
  height: 10.5vh;
  padding-top: 5.0vh;
  font-size: 3.0vh;
}
.main_content4text1_img{
  position: absolute;
  width: 15%;
  top: -25%;
  left: 5%;
}
.main_content4_contents{
  width: 100%;
  margin-top: 3%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
.main_content4_content{
  width: 48%;
}

.main_content4_content_number p{
  font-size: 3.0vh;
  font-weight: bold;
  color: #012076;
}


.main_content5{
  background: url(../image/footerback.png) no-repeat;
  width: 100%;
  position: relative;
  height: 50.5vh;
  text-align: center;
  background-position-x: center; 
}
.main_content5_text1 {
    margin: 6% auto;
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
    display: inline-block;
}
.main_content5_lesponsive{
  display: none;
}
.main_content5_text1 h2{
  color: #fbcc3c;
  font-weight: bold;
  font-size: 3.0vh;
}
.main_content5_text1 h1{
  color: #ffffff;
  font-weight: bold;
  font-size: 4.5vh;
  border-bottom: 4px solid #eb7004;
  display: inline-block;
}
.main_content5_text1 p{
  color: #ffffff;
  font-weight: bold;
  margin-top: 2%;
  font-size: 1.5vh;
}
.main_content5_img1{
  position: absolute;
  width: 10%;
  top: 5%;
  left: 18.5%;
}
.main_content5_img2{
  position: absolute;
  width: 10%;
  top: 5%;
  right: 18.5%;
}
.main_content5_LINE{
  width: 15%;
  /* position: absolute; */
  bottom: 18%;
  right: 22%;
}
.main_content5_LINE a:hover{
  opacity: .8;
}
.main_content5_text2 {
  width: 55%;
  margin-left: 22.5%;
  position: absolute;
  display: flex;
  bottom: 10%;
}
.main_content5_text2_text{
  width: 50%;
}
.main_content5_text2_text p{
  color: #ffffff;
  font-size: 2.0vh;

}
.main_content5_LINEbox{
  width: 25%;
  margin-left: 25%;
}


.maincontent6{
  width: 100%;
}
.maincontent6_text{
  text-align: center;
  background-color: #f0f0f0;
  padding-top: 5%;
  padding-bottom: 10%;
  position: relative;
}
.maincontent6_text h1{
  font-size: 3.5vh;
  font-weight: bold;
  color: #013076;
  display: block;
  padding-bottom: 2%;
}
.maincontent6_img{
  width: 10%;
  margin: 5% auto 0;
}
.maincontent6_text p{
  line-height: 5.0vh;
}
.maincontent6_text span{
  border-bottom: 3px solid #fbcc3c;
}
.maincontent6_about_title{
  background-color: #013076;
  text-align: center;
  height: 10.5vh;
}
.maincontent6_about_title h2{
  color: #ffffff;
    font-weight: bold;
    height: 10.5vh;
    padding-top: 2.5vh;
    font-size: 3.0vh;
}
.maincontent6_about{
  width: 55%;
  margin-left: 22.5%;
  margin-right: 22.5%;
  margin-top: -12%;
  position: relative;
}
.maincontent6_yajirusi{
  width: 5%;
  margin: -2% auto 0;
}
.maincontent6_about_box{
  width: 100%;
  display: flex;
}
.maincontent6_about_left_text{
  min-height: 190px;
}
.maincontent6_about_left{
  width: 48%;
  margin-right: 2%;
}
.maincontent6_about_left_title{
  text-align: center;
}
.maincontent6_about_left_title h2{
  font-weight: bold;
}
.maincontent6_about_left_yellowbox{
  width: 100%;
  background-color: #fbcc3c;
  text-align: center;
  height: 220px;
  position: relative;
  margin-bottom: 10px;
}
.maincontent6_about_left_yellowbox_content{
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%)
}
.maincontent6_about_left_yellowbox_fee{
  /* padding-top: 5%; */
  width: 100%;
}
.maincontent6_about_left_yellowbox h2{
  font-size: 3.5vh;

}
.maincontent6_about_left_yellowbox_hiritu{
  border: 2px solid #050505;
  width: 55%;
  box-sizing: border-box;
  margin: auto;
  /* margin: 1% auto 5%; */
}
.maincontent6_about_left_yellowbox_hiritu h3{
  font-size: 2.0vh;
  font-weight: bold;
}
.maincontent6_about_left_yellowbox span{
  color: #013076;
  font-weight: bold;
  font-size: 4.5vh!important;
  font-family:  sans-serif;
}

.maincontent6_about_right{
  width: 48%;
  margin-left: 2%;
}
.maincontent6_about_right_title{
  text-align: center;
}
.maincontent6_about_right_title H2{
  font-weight: bold;
}

.maincontent7_about{
  width: 100%;
  margin-top: 10%;
  position: relative;
}
.main_content7{
  display: block;
  margin-top: 100%;
}
.main_content7_daybox{
  width: 100%;
  display: flex;
  margin-top: 5%;
  flex-flow: column;
  align-items: center;
}
.main_content7_day{
  text-align: center;
  width: 90%;
  border: 1px solid #050505;
  padding: 3%;
  font-weight: bold;
}
.main_content7_daybox div:not(:last-of-type){
  margin-bottom: 10%;
}
.main_content7_days{
  width: 95%;
  margin: 5% auto 0;
  background-color: #fbcc3c;
  padding: 1% 3%;
}


.maincontent8_about{
  width: 55%;
  margin-left: 22.5%;
  margin-right: 22.5%;
  margin-top: 10%;
  position: relative;
}
.maincontent8_about_title{
  background-color: #013076;
  text-align: center;
  height: 10.5vh;
  position: relative;
}
.maincontent8_about_title h2{
  color: #ffffff;
    font-weight: bold;
    height: 10.5vh;
    padding-top: 2.5vh;
    font-size: 3.0vh;
}
.maincontent8_about_title_img{
  width: 20%;
  position: absolute;
  top: -45%;
  left: 5%;
}
.maincontent8_contentbox{
  width: 100%;
  margin: 5% 0;
  display: flex;
  align-items: flex-start;
}
.maincontent8_content_left{
  width: 48%;
  margin-right: 2%;
}
.maincontent8_content_right{
  width: 48%;
  margin-left: 2%;
}
.maincontent8_yajirusi{
  width: 5%;
  margin: -2% auto 0;
  position: relative;
}


.maincontent9_about{
  width: 100%;
  background-color: #f0f0f0;

}

.main_content9text{
  width: 55%;
  text-align: center;
  min-height: 250px;
  margin: auto;
  padding: 5% 0 2%;
  position: relative;
}
.maincontent9_about_img{
  position: absolute;
  left: 0%;
  bottom: 18%;
}
.main_content9text h2{
  font-size: 3.0vh;
  color: #013076;
  font-weight: bold;
}
.main_content9text p{
  font-size: 3.0vh;
  font-weight: bold;
}
.maincontent10_about{
  width: 55%;
  margin: 15% auto 5%;
  border: 1px solid #f0f0f0;
  padding: 3% 5%;
  background-color: #ffffff;
  box-shadow: 2px 2px 10px 2px #b5b5b5;
  box-sizing: border-box;
}
.content10_about_first{
  margin-top: -70px;
}
.main_content10{
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 40px;
}
.main_content10_child{
  width: 40%;
}
.main_content10_reason_box{
  width: 100%;
}
.main_content10_reasontitle{
  width: 40%;
  background-color: #fbcc3c;
  font-weight: bold;
  text-align: center;
  padding: 1.5% 3%;
}
.main_content10_reason_text{
  border-top: 1px solid #050505;
  border-bottom: 1px solid #050505;
  padding-top: 3%;
  padding-bottom: 3%;
}
.main_content10_reason_text span{
  color: #e74c3c;
}


.maincontent11_about{
  margin-top: 10%;
  width: 100%;
  position: relative;
}
.maincontent11_about_title_box{
  width: 100%;
  background-color: #f0f0f0;
}
.maincontent11_about_title{
  width: 50%;
  margin-left: 25%;
  margin-right: 25%;
  padding-top: 5%;
  padding-bottom: 5%;
}

.main_content11_all{
  width: 55%;
  margin: -4% auto 10%;
}
.main_content11-2{
  margin-top: 10%;
}
.step_box{
  width: 100%;
  margin: 5% auto;
}
.step{
  width: 100%;
  display: flex;
  align-items: flex-start;
  background-color: #f0f0f0;
}
.step_icon{
  width: 15%;
}
.step_text_all{
  width: 85%;
  display: flex;
  align-items: flex-start;
}
.step_title{
  width: 30%;
  text-align: center;
  margin: 5%;
}
.step_title p{
  font-size: 3.0vh;
  color: #013076;
  font-weight: bold;
}
.step_text{
  width: 70%;
  padding: 4%;
  text-align: left;
}
.step_text2{
  width: 70%;
  padding: 6.5%;
  text-align: left;
}
.step_text p,.step_text2 p{
  font-size: 2.0vh;
}
.step_yajirusi{
  width: 3.5%;
  margin: 3% auto 0;
}
.step_mobile_title{
  display: none;
}
.flow_line_banner{
  width: 100%;
}
.fixed_btn_sns{
  position: fixed;
  bottom: 50px; 
  right: 10px;
}

.main_content12{
  width: 100%;
  background: url(../image/footerback.png);
  background-position: center;
  background-size: cover;
  padding: 100px 0 50px;
}
.logo_contena{
  width: 300px;
  margin: 0 auto 20px;
}
.main_content12_text{
  text-align: center;
}
.main_content12_text h2{
  color: #ffffff;
  font-weight: bold;
  font-size: 3.0vh;
}
.main_content9_LINE{
  width: 30%;
  margin: 4% auto 0;
}


/* フッター */
footer{
  width: 100%;
  height: 5.0vh;
  text-align: center;
}