@charset "UTF-8";
/* CSS Document */
.lower_title_bar {
  width: 88%;
  margin: 20px auto 0px auto;
}
.lower_title_area {
  margin: 15px 0px 0px 0px;
}
.lower_title_logo {
  width: 100px;
  margin: 0px 0px 0px 0px;
}
.lower_title_t {
  margin: 5px 0px 0px 0px;
  font-size: 1.4rem;
  line-height: 2rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  color: #0041d3;
}
.lower_title_l {
  margin: 10px 0px 0px 0px;
  font-size: 2rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  color: #0041d3;
}
/*lower-----------------*/
.lower_area {
  width: 88%;
  margin: 20px auto 0px auto;
  padding: 0px 0px 0px 0px;
}
.lower_area_inner {
  display: flex;
  flex-wrap: wrap;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
}
/*flow_area-----------------*/
.flow_area {
  width: 88%;
  margin: 20px auto 50px auto;
  padding: 20px 10px 20px 10px;
  background-color: #f7f7f7
}
.t_flow01 {
  text-align: center;
  margin: 0px auto 20px auto;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #000;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
}
.t_flow02 {
  text-align: center;
  margin: 30px auto 10px auto;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #000;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
}
.flow_area_inner {
  display: flex;
  flex-wrap: wrap;
}
.pre_base {
  display: flex;
  flex-wrap: wrap;
  background-color: #f6f5e8;
  margin: 20px 0px 0px 0px;
  padding: 3%
}
.pre_left {
  flex: 0 1 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px 0px 0px 0px;
  padding: 1rem;
  font-size: 1.4rem;
  line-height: 2rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  background-color: #d0d0d6
}
.pre_right {
  flex: 0 1 100%;
  margin: 10px 0px 0px 0px;
  display: flex;
  flex-direction: column;
}
.line_a {
  display: flex;
}
.line_b {
  display: flex;
}
.line_left {
  flex: 0 1 40%;
  display: flex;
  justify-content: center;
}
.line_center {
  flex: 0 0 auto;
  padding: 0 0.5rem 0 0.5rem;
  display: flex;
  font-size: 0.5rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  align-items: center;
}
.line_right {
  flex: 2 1 50%;
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  line-height: 2rem;
  font-family: "FP-ヒラギノ角ゴ ProN W3";
}
.pre_item {
  flex: 0 1 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 0.8rem 0.5rem 0.8rem;
  font-size: 1.4rem;
  line-height: 2rem;
  min-height: 4rem;
  color: #FFF;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  background-color: #56566e
}
.pre_item.done {
  flex: 0 1 100%;
  display: flex;
  justify-content: center;
  padding: 0.5rem 36px 0.5rem 0.8rem;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 2rem;
  min-height: 4rem;
  color: #000;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  border: #56566e 1px solid;
  background: url(../images/bg_done.png) #f7f7f7 right 2px center / 34px 34px no-repeat;
}
.arr {
  width: 28px
}
.line_middle {
  width: 100%;
  margin: 25px 0px 25px 0px;
  padding: 2rem 1rem 2rem 1rem;
  font-size: 1.4rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  background-color: #d0d0d6
}
/*kit_area-----------------*/
.kit_area {
  width: 88%;
  margin: 20px auto 0px auto;
  padding: 0px 0px 0px 0px;

}
.kit_area_inner {
  display: flex;
  flex-wrap: wrap;
  margin: -0.5% -0.5% 30px -0.5%;
}
.kit_p_area {
  flex: 0 0 49%;
  background-color: #e2e2e5;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0.5%;
  padding: 20px 0px 20px 0px;
  border-radius: 4px;
  overflow: hidden
}
.kit_p_area.tape {
  background-color: #fff;
  border: 1px solid #cbcbd0
}
.kit_p_area img {
  width: 100%;
}
.kit_txt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 2rem;
  margin: 10px 4px 0px 4px;
  text-align: center;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.6rem;
}
.kit_txt_nts {
  margin: 4px 0px 0px 0px;
  text-align: center;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.4rem;
}
/*pp_area-----------------*/
.pp_area {
  width: 88%;
  margin: 20px auto 0px auto;
  padding: 10px 10px 0px 10px;
  background-color: #fff
}
.notice_bold {
  margin: 20px 0px 10px 0px;
  font-size: 1.4rem;
	 font-family: "FP-ヒラギノ角ゴ ProN W6";
  line-height: 1.8rem;
  color: #000;
			  font-feature-settings: "palt";
}
ul.disc {
  list-style-type: disc;
  padding-left: 2rem;
}

li.notice_env {
  margin: 0px 0px 8px 0px;
  font-size: 1.4rem;
  line-height: 2rem;
}
.notice_env {
  margin: 0px 0px 10px 0px;
  font-size: 1.4rem;
	
  line-height: 1.8rem;
}
/*howto_area-----------------*/
.howto_area {
  width: 88%;
  margin: 20px auto 0px auto;
  padding: 10px 0px 0px 0px;
  background-color: #fff
}

.url {
  display: block;
  margin: 10px 0px;font-feature-settings : "palt";
}
.htw_base {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #e2e2e5;
  margin: 0px 0px 0px 0px;
  padding: 4%
}
.htw_base.first {
  margin: 20px 0px 0px 0px;
}
.htw_sec {
  display: flex;
  align-items: center;
  margin: 0px 0px 10px 0px;
}
.htw_sec_no {
	 flex: 1 0 auto;
  margin: 0px 0.5rem 0px 1.5rem;
  width: 30px;
  height: 30px;
  font-size:2.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-weight: 700;
  padding: 0px 0px 0.2rem 0px;
  border-radius: 34px;  font-family: mr-eaves-xl-modern, sans-serif;
  background-color: #fff
}
.htw_sec_txt {
  display: flex;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.4rem;
			  font-family: "FP-ヒラギノ角ゴ ProN W6";
  color: #000;
  justify-content: center;
  flex-wrap: wrap;
}
.htw_p {
  width: 100%;
  margin: 0px 0px 10px 0px;
  min-height: 0%
}
.htw_p02 {
  width: 70%;
  margin: 0px 0px 10px 0px;
  min-height: 0%
}
.arr_l {
  margin: 0px auto 0px auto;
  width: 20px
}
.env_body {
  margin: 0px auto 0px auto;
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding: 15px 15px;
  border: 1px solid #999;
  border-radius: 10px
}


.howto_logo_area{

  display: flex;
width: 100%;
	flex-wrap: wrap

}

.howto_logo_left{

  display: flex;
flex-direction: column
}

.howto_logo_right{

  display: flex;
flex-direction: column
}

.howto_icon{
  margin: 4px 0px 0px 0px;
}
.howto_logo_left .howto_icon img{
height:40px;
	width:120px
}

.howto_logo_right .howto_icon img{
height:40px;
	width:134px
}


.env_body02 {
  margin: 0px auto 0px auto;
  text-align: center;
 font-size: 1.4rem;
  line-height: 2.4rem;
  padding: 10px 20px;
  background-color: #ebebeb;
  border-radius: 10px
}
.env_body_s {
  margin: 10px auto 10px auto;
  width: 100%;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 2rem;
}
.line_env {
  margin: 0px 0px 8px 0px;
  font-size: 1.4rem;
  line-height: 2.2rem;
}
.env_bold {
  margin: 20px 0px 10px 0px;
  font-size: 1.6rem;
  line-height: 2.4rem;
	  font-family: "FP-ヒラギノ角ゴ ProN W6";
  color: #000;
}
.env_bold02 {
  margin: 10px 0px 4px 0px;
  font-size: 1.6rem;
  line-height: 2.4rem;
	  font-family: "FP-ヒラギノ角ゴ ProN W6";
  color: #000;
}
/*pastevents_area-----------------*/
.pastevents_area {
  width: 88%;
  margin: 20px auto 0px auto;
  padding: 10px 0px 0px 0px;
  background-color: #fff
}
.pastevents_year{
  width: 100%;

  margin: 0px auto 0px auto;
  padding: 20px 0px 20px 0px;
    font-size: 4rem;
 font-family: mr-eaves-xl-modern, sans-serif;
	color: #0041d3;
	text-align: center
}
.pastevents_year_line {
  width: 100%;
  border-top: #B9CBF1 1px solid;
}
.pastevents_year_line_02 {
  width: 100%;
	  margin: 20px auto 0px auto;
  border-top: #B9CBF1 1px solid;
}
.pastevents_base {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 20px auto 10px auto;
}
.pastevents_p_area {
  margin: 0px auto 10px auto;
  flex: 0 1 100%;
  border-radius: 6px;
  overflow: hidden;
}
.link_area {
	display: block;
	width: 100%;
  margin: 20px auto 0px auto;
  background-color: #EFF4FF;
	  text-align: center;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
    padding: 20px 20px;  font-size: 1.6rem;
  line-height: 2.4rem;
}

/*report_area-----------------*/
.report_area {
  width: 88%;
  margin: 20px auto 0px auto;
  padding: 10px 0px 0px 0px;
  background-color: #fff
}

.report_area_line {
  width: 100%;
  border-top: #B9CBF1 1px solid;
		  margin: 0px auto 20px auto;
}

.report_top_base {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 20px auto 10px auto;
}
.report_top_p_area {
  margin: 0px auto 10px auto;
  flex: 0 1 100%;
  border-radius: 6px;
  overflow: hidden;
}




.report_p_base {
  display: flex;
  flex-wrap: wrap;
  border-radius: 20px;
  margin: 30px auto 0px auto;
	  border: #D7E0F2 1px solid;
	background-color: #FCFDFF;
	padding:14px
}

.report_p_area {
  flex: 0 1 100%;
  border-radius: 12px;
  overflow: hidden;
order: 1;
}

.w_70p img{
width: 100%

}
.w_30p{
margin-bottom: 10px

}
.report_t_area {
  flex: 0 1 100%;
	  margin: 16px 0.5rem 0px 0.5rem;
  display: flex;

align-items: center;

order: 2;

}
.report_t_area_02 {
  flex: 0 1 100%;
	  margin: 0px 0.5rem 0px 0.5rem;
  display: flex;

align-items: center;

order: 2;

}

.report_t {
  flex: 0 0 100%;
  font-size:1.4rem;
  line-height: 2.4rem;

}


.balloon_area {
  display: flex;
  flex-wrap: nowrap;
	align-items: center;
		  margin: 15px 0px 10px 0px;
}
.balloon {

	background: url("../images/balloon.svg") center left / 100% auto no-repeat;
	  font-size: 1.6rem;
  line-height: 2.8rem;
  font-family: mitimasu, sans-serif;
	color: #06690D;
 padding: 10px 30px 10px 15px;
}
.balloon_02 {

	background: url("../images/balloon_02.svg") center left / 100% auto no-repeat;
	  font-size: 1.6rem;
  line-height: 2.8rem;
  font-family: mitimasu, sans-serif;
	color: #06690D;
 padding: 10px 30px 10px 15px;
}
.balloon_l_auto {

margin-left:auto;
}





/*qa_area-----------------*/

.qa_area {
  width: 88%;
  margin: 20px auto 0px auto;
  padding: 10px 0px 0px 0px;
  background-color: #fff
}


.qanda_tr_q {
  display: flex;
  padding: 20px;
  width: 100%;
  background-color: #F3F5FF;
  border-radius: 4px;
  margin-bottom: 5px;
}
.qanda_q {
  font-family: mr-eaves-xl-modern, sans-serif;
  padding: 0.2rem 0.5rem 0 0;

  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.6rem;
  color: #364566
}
.qanda_tr_a {
  display: flex;
  padding: 20px;
  width: 100%;
  background-color: #f7f7f7;
  border-radius: 4px;
  margin-bottom: 20px;
}
.qanda_a {
  font-family: mr-eaves-xl-modern, sans-serif;
  padding: 0.2rem 0.5rem 0 0;

  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.6rem;
  color: #0041d3
}
.qanda_t{
	align-self: center;
}
.qanda_nts {
text-align: right;

  font-size: 1.2rem;

}


/*competition_area-----------------*/
.competition_area {
  width: 88%;
  margin: 20px auto 0px auto;
  padding: 10px 0px 0px 0px;
  background-color: #fff
}
.sono_base {
  margin: 20px auto 0px auto;
  padding: 10px 0px 10px 0px;
  width: 100%;
  border-top: #B9CBF1 1px solid;
}
.sono_base_gp {
  background-color: #f7f7f7;
  margin: 30px auto 0px auto;
  padding: 10px 0px 20px 0px;
  border-radius: 4px;
  border-top: transparent 1px solid;
}
.sono_name {
  display: flex;
  width: 96%;
  justify-content: center;
  align-items: center;
  margin: 0px auto 0px auto;

}
.sono_name_txt {
  font-size: 1.6rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  color: #000
}
.sono_name_txt_s {
  margin: 10px 0px 10px 0px;
  font-size: 1.6rem;
		text-align: center;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  color: #000
}
.sono_name_course {
  margin: 10px 10px 0px 0px;
  font-size: 1.2rem;
  font-family: "FP-ヒラギノ角ゴ ProN W3";
  color: #000
}
.sono_icon {
  width: 80px;
  margin: 0px 10px 0px 0px
}
.sono_p_base {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 0px auto 0px auto;
}
.sono_p_gp_l {
  flex: 0 0 100%;
}
.sono_p_gp_r {
  flex: 0 0 100%;
}
.sono_t_01 {
  width: 90%;
  font-size:1.4rem;
  line-height: 2.2rem;
  margin: 0px auto 0px auto;
}
.sono_p_p_l {
  flex: 0 0 100%;
}
.sono_p_ps_l {
  flex: 0 0 100%;
}
.sono_t_02 {
  flex: 1 0;
  font-size:1.4rem;
  line-height: 2.2rem;
  margin: 0px 0px 0px 10px;
}



/*sapporo_area-----------------*/
.sapporo_area {
  width: 88%;
  margin: 20px auto 0px auto;
  padding: 10px 0px 0px 0px;
  background-color: #fff
}
.sapporo_base {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 20px auto 0px auto;
}
.sapporo_p_area {
  margin: 0px auto 10px auto;
  flex: 0 1 100%;
  border-radius: 6px;
  overflow: hidden;
}
.sapporo_p_area02 {
  flex: 0 1 100%;
  margin: 0px auto 5px auto;
}

.thanking_area {
  display: flex;
	flex-wrap: wrap;
  width:88%;
  margin: 30px auto 0px auto;
  padding: 30px 0px 20px 0px;
  background-color: #f7f7f7
}


.thanking_title {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;

}

.title_thanking_icon {
  width: 50px;
  margin: 0px 5px 0px 5px
}


.title_thanking {
text-align: center;
  font-size: 1.6rem;  line-height: 2.4rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  color: #000;font-feature-settings : "palt";
}


.thanking_body {
	width: 88%;
	  margin: 30px auto 10px auto;
  font-size: 1.6rem;
  font-family: "FP-ヒラギノ角ゴ ProN W3";
  line-height: 3rem;
}


/*present-----------------*/
.b_close {
  position: fixed;
  top: 10px;
  right: 2.5%;
  height: 50px;
  width: 50px;
  border: #a8b0b4 1px solid;
  border-radius: 32px;
  color: #0041d3;
  line-height: 1.8rem;
  background: url(../images/b_menu.svg) bottom left / 50px 100px no-repeat, #f7f7f7;
  cursor: pointer;
  transition: 0.2s;
  z-index: 52;
}
.b_close:hover, .b_close.av:hover {
  border: #aabce6 1px solid;
  background-color: #aabce6;
}
@media (hover: none) {
  .b_close:hover, .b_close.av:hover {
    border: #a8b0b4 1px solid;
    background-color: #f7f7f7;
  }
}
.present_base {
  display: none;
  position: fixed;
  width: 100vw;
  height: 100vh;
  align-items: center;
  justify-content: center;
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));
  z-index: 200;
}
.present_base_app {
  display: flex
}
.present_area {
  display: block;
  z-index: 201;
}
.present_wapper_outside {
  position: relative;
}
.present_wapper {
  max-height: calc(100vh - 140px);
  width: 96vw;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  background-color: #fff;
  padding: 10px;
	 margin: 0px auto 0px auto
}
.present_upper {
  display: flex;
  background-color: #f7f7f7;
  border-radius: 4px;
	flex-wrap: wrap;
  margin: 0px 0px 10px 0px
}
.present_upper_img {
  flex: 0 1 100%;
}
.present_upper_img img {
  width: 100%
}
.present_upper_txt_area {
  flex: 0 1 100%;
  padding: 10px 10px 10px 10px
}
.present_upper_txt {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 700;
  color: #0041d3;
  font-size: 2.2rem;
  line-height: 3rem;  font-feature-settings: "palt";
}
.present_upper_under_txt {
  margin-top: 1rem;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.6rem;
}
.present_upper_under_txt_s {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 2.2rem;
}
.present_lower {
  width: 100%;
  display: flex;
		flex-wrap: wrap;
}
.present_left {
  flex: 0 1 100%;
  padding: 15px;
  margin: 0px 0px 0px 0px;
  border: #999 1px solid;
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  align-content: center
}
.line_present {
  flex: 0 1 100%;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.4rem;
  font-feature-settings: "palt";
  margin: 0px 0px 0px 0px
}
.present_bold {
  flex: 0 1 100%;
  font-family: source-han-sans-japanese, sans-serif;
  font-feature-settings: "palt";
  font-weight: 700;
  color: #0041d3;
  font-size: 1.6rem;
  line-height: 3rem;
  margin: 0px 0px 10px 0px
}
.present_right {
  flex: 0 1 100%;
  display: flex;
  flex-wrap: wrap;
	  margin: 10px 0px 0px 0px
}
.present_frame {
  flex: 0 1 100%;
  display: flex;
  padding: 10px;
  background-color: #f7f7f7;
  margin: 2px 0px 2px 0px
}
.present_p_area {
  flex: 0 1 50%;  display: flex;
	align-items: center;
}
.present_p_area img {}
.present_right_t_area {
  flex: 0 1 50%;
  padding: 10px 10px 10px 0px;
}
a.present_p_model {
  font-family: source-han-sans-japanese, sans-serif;
  font-feature-settings: "palt";
  font-weight: 700;
  margin: 10px 0px 0px 0px;
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #0041d3;
  text-decoration: underline
}
a.present_p_model:hover {
  color: #00309C;
  text-decoration: underline
}
.t_detail {
  font-family: source-han-sans-japanese, sans-serif;
  font-feature-settings: "palt";
  font-weight: 400;
  margin: 10px 0px 0px 0px;
  font-size: 1.4rem;
  line-height: 2.4rem;
}