@charset "UTF-8";
/* CSS Document */
.lower_title_bar {
  display: flex;
  width: calc(100vw - 100px);
  align-items: center;
  max-width: 1100px;
  margin: 40px auto 0px auto;
}
.lower_title_area {
  margin: 0px 50px 0px 0px;
}
.lower_title_logo {
  width: 120px;
  margin: 0px 0px 8px 0px;
}
.lower_title_t {
  font-size: 2rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  color: #0041d3;
  white-space: nowrap
}
.lower_title_l {
  position: relative;
  left: -14rem;
  font-size: 3rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  color: #0041d3;
  margin: 0 auto;
}
.lower_title_s {
  font-size: 2rem;

}
/*lower-----------------*/
.lower_area {
  width: calc(100vw - 100px);
  max-width: 1100px;
  margin: 80px auto 0px auto;
  padding: 0px 0px 0px 0px;
}
.lower_area_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 40px auto 0px auto;
  padding: 0px 0px 0px 0px;
}
@media (max-width: 1200px) {
  .lower_title_l {
    left: 0rem;
    font-size: 3rem;
    font-family: "FP-ヒラギノ角ゴ ProN W6";
    color: #0041d3;
    margin: 0 0 0 auto;
  }
  .lower_area_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 40px auto 0px auto;
    padding: 0px 0px 0px 0px;
  }
}
/*flow_area-----------------*/
.flow_area {
  width: calc(100vw - 100px);
  max-width: 1100px;
  margin: 50px auto 30px auto;
  padding: 20px 30px 20px 30px;
  background-color: #f7f7f7
}
.t_flow01 {
  text-align: center;
  margin: 20px auto 40px auto;
  font-size: 2.4rem;
  line-height: 2.8rem;
  color: #000;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
}
.t_flow02 {
  text-align: center;
  margin: 40px auto 20px auto;
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: #000;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
}
.flow_area_inner {
  display: flex;
}
.pre_base {
  display: flex;
  background-color: #f6f5e8;
  margin: 30px 0px 0px 0px;
  padding: 30px
}
.pre_left {
  flex: 0 1 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px 20px 0px 0px;
  padding: 1.6rem;
  font-size: 1.8rem;
  line-height: 2rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  background-color: #d0d0d6
}
.pre_right {
  flex: 2 1 auto;
  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 1rem 0 1rem;
  display: flex;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  align-items: center;
}
.line_right {
  flex: 2 1 50%;
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  line-height: 2rem;
  font-family: "FP-ヒラギノ角ゴ ProN W3";
}
.pre_item {
  flex: 0 1 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.6rem;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #FFF;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  background-color: #56566e
}
.pre_item.done {
  flex: 0 1 100%;
  display: flex;
  justify-content: center;
  padding: 1.6rem 50px 1.6rem 1.6rem;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #000;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  border: #56566e 1px solid;
  background: url(../images/bg_done.png) #f7f7f7 right 6px center / 46px 46px no-repeat;
}
.arr {
  width: 28px
}
.line_middle {
  width: 100%;
  margin: 25px 0px 25px 0px;
  padding: 3rem;
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  background-color: #d0d0d6
}
/*kit_area-----------------*/
.kit_area {
  width: calc(100vw - 100px);
  max-width: 1100px;
  margin: 50px auto 30px 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 32%;
  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%;
  max-width: 269px;
}
.kit_txt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 2rem;
  margin: 20px 0px 0px 0px;
  text-align: center;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2rem;
}
.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: calc(100vw - 100px);
  max-width: 1100px;
  margin: 50px auto 30px auto;
  padding: 0px 0px 0px 0px;
  background-color: #fff
}
.notice_bold {
  margin: 30px 0px 14px 0px;
  font-size: 2rem;
  line-height: 3rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  color: #000;
  font-feature-settings: "palt";
}
ul.disc {
  list-style-type: disc;
  padding-left: 2.2rem;
}
li.notice_env {
  margin: 0px 0px 8px 0px;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.notice_env {
  margin: 0px 0px 10px 0px;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
/*howto_area-----------------*/
.howto_area {
  width: calc(100vw - 100px);
  max-width: 1100px;
  margin: 50px auto 30px auto;
  padding: 0px 0px 0px 0px;
  background-color: #fff
}
.url {
  padding: 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: 30px
}
.htw_base.first {
  margin: 30px 0px 0px 0px;
}
.htw_sec {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0px 0px 30px 0px;
  padding: 0px 68px 0px 0px;
}
.htw_sec_no {
  flex: 0 0 auto;
  width: 68px;
  height: 68px;
  font-size: 4rem;
  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 {
  flex: 1 0 auto;
  display: flex;
  font-size: 1.8rem;
  line-height: 3rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  color: #000;
  justify-content: center;
  flex-wrap: wrap;
}
.htw_p {
  width: 70%;
  margin: 0px 0px 30px 0px;
  min-height: 0%
}
.htw_p02 {
  width: 50%;
  margin: 0px 0px 30px 0px;
  min-height: 0%
}
.arr_l {
  margin: 0px auto 0px auto;
  width: 30px
}
.env_body {
  margin: 0px auto 0px auto;
  font-size: 1.8rem;
  line-height: 2.8rem;
  padding: 20px 40px;
  border: 1px solid #999;
  border-radius: 10px
}
.howto_logo_area {
  display: flex;
  width: 100%;
  flex-wrap: wrap
}
.howto_logo_left {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column
}
.howto_logo_right {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column
}
.howto_icon {
  margin: 10px 0px 0px 0px;
}
.howto_logo_left .howto_icon img {
  height: 50px;
  width: 150px
}
.howto_logo_right .howto_icon img {
  height: 50px;
  width: 168px
}
.env_body02 {
  margin: 0px auto 0px auto;
  text-align: center;
  font-size: 1.6rem;
  line-height: 2.8rem;
  padding: 20px 40px;
  background-color: #ebebeb;
  border-radius: 10px
}
.env_body_s {
  margin: 10px auto 10px auto;
  width: 95%;
  font-size: 1.4rem;
  line-height: 2.2rem;
}
.line_env {
  margin: 0px 0px 8px 0px;
  font-size: 1.6rem;
  line-height: 2.8rem;
}
.env_bold {
  margin: 30px 0px 14px 0px;
  font-size: 1.8rem;
  line-height: 3rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  color: #000;
}
.env_bold02 {
  margin: 10px 0px 4px 0px;
  font-size: 1.8rem;
  line-height: 3rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  color: #000;
}
/*pastevents_area-----------------*/
.pastevents_area {
  width: calc(100vw - 100px);
  max-width: 1100px;
  margin: 50px auto 0px auto;
  padding: 0px 0px 0px 0px;
  background-color: #fff
}
.pastevents_year {
  width: 100%;
  margin: 0px auto 0px auto;
  padding: 30px 0px 30px 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: 50px auto 0px auto;
  border-top: #B9CBF1 1px solid;
}
.pastevents_base {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px auto 10px auto;
}
.pastevents_p_area {
  flex: 0 0 32.6%;
  border-radius: 6px;
  overflow: hidden;
  margin: 0px 0px 20px 0px;
}
.link_area {
  display: block;
  width: 50%;
  margin: 30px auto 0px auto;
  background-color: #EFF4FF;
  text-align: center;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  padding: 20px 20px;
  font-size: 1.8rem;
  line-height: 3rem;
}

/*report_area-----------------*/
.report_area {
  width: calc(100vw - 100px);
  max-width: 1100px;
  margin: 50px auto 30px auto;
  padding: 0px 0px 0px 0px;
  background-color: #fff
}
.report_area_line {
  width: 100%;
  border-top: #B9CBF1 1px solid;
	  margin: 0px auto 40px auto;
}

.report_top_base {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 40px auto 10px auto;
}

.body_report_top {

  margin: 0px 5% 0px 5%;
}
.report_top_p_area {
  flex: 0 0 32.6%;
  border-radius: 6px;
  overflow: hidden;
  margin: 0px 0px 20px 0px;
}



.report_p_base {
  display: flex;
  flex-wrap: wrap;

  border-radius: 20px;
  margin: 40px auto 0px auto;
	  border: #D7E0F2 1px solid;
	background-color: #FaFcFF;
	padding:20px
}
.w_70 {
width: 70%

}

.report_p_area {
  flex: 0 0 45%;
  border-radius: 12px;
  overflow: hidden;
	align-self: flex-start;
}
.w_70p {
  flex: 0 0 60%;

}
.w_70p img{
width: 100%

}
.w_30p {
  flex: 0 0 36%;
	  margin: 0px 2% 0px 0px;
}
.report_t_area {
  flex: 0 0 51%;
	  margin: 0px 2% 0px 2%;
  display: flex;
  flex-wrap: wrap;
align-items: center;



}
.report_t_area_02 {
width:  calc(100% - 20px);
	  margin: 0px 1.5% 0px 1.5%;
  display: flex;
  flex-wrap: wrap;
align-items: center;



}
.w_70t {
  flex: 0 0 36%;

}
.w_30t {
  flex: 0 0 25%;

}
.report_t {
  flex: 0 0 100%;
	  font-size: 1.6rem;
  line-height: 2.8rem;
}
.balloon_area {
  display: flex;
  flex-wrap: nowrap;
	align-items: center;
		  margin: 20px 0px 10px 0px;
}
.balloon {

	background: url("../images/balloon.svg") center left / 100% auto no-repeat;
	  font-size: 1.8rem;
  line-height: 3rem;
  font-family: mitimasu, sans-serif;
	color: #06690D;
 padding: 10px 40px 10px 20px;font-feature-settings : "palt";
}
.balloon_02 {

	background: url("../images/balloon_02.svg") center left / 100% auto no-repeat;
	  font-size: 1.7rem;
  line-height: 3rem;
  font-family: mitimasu, sans-serif;
	color: #06690D;
 padding: 10px 40px 10px 20px;font-feature-settings : "palt";
}
.balloon_l_auto {

margin-left:auto;
}







/*qa_area-----------------*/
.qa_area {
  width: calc(100vw - 100px);
  max-width: 1100px;
  margin: 50px auto 0px auto;
  padding: 0px 0px 0px 0px;
  background-color: #fff
}
.qanda_tr_q {
  display: flex;
	align-items: center;
  padding: 20px;
  width: 100%;
  background-color: #F3F5FF;
  border-radius: 4px;
  margin-bottom: 5px;
	
}
.qanda_q {
  font-family: mr-eaves-xl-modern, sans-serif;
  padding: 0rem 2rem 0rem 1rem;
  font-size: 3.2rem;
  font-weight: 700;
  color: #364566;

}
.qanda_tr_a {
  display: flex;
  padding: 20px;
  width: 100%;
  background-color: #f7f7f7;
	  margin-bottom:24px;
}
.qanda_a {
  font-family: mr-eaves-xl-modern, sans-serif;
  padding: 0rem 2rem 0rem 1rem;
  font-size: 3.2rem;
  font-weight: 700;
  color: #0041d3;	

}
.qanda_t{
	align-self: center;
}


/*@media all and (-ms-high-contrast: none) {
  .qanda_q {
    padding: 0.2rem 1rem 0rem 0.5rem;
  }
  .qanda_a {
    padding: 0.2rem 1rem 0rem 0.5rem;
  }
}*/
.qanda_nts {
text-align: right;

  font-size: 1.4rem;

}


/*competition_area-----------------*/
.competition_area {
  width: calc(100vw - 100px);
  max-width: 1100px;
  margin: 50px auto 0px auto;
  padding: 0px 0px 0px 0px;
  background-color: #fff
}
.sono_base {
  margin: 20px auto 0px auto;
  padding: 20px 0px 20px 0px;
  width: 100%;
  border-top: #B9CBF1 1px solid;
}
.sono_base_gp {
  background-color: #f7f7f7;
  margin: 30px auto 0px auto;
  padding: 20px 0px 40px 0px;
  border-radius: 4px;
  border-top: transparent 1px solid;
}
.sono_name {
  display: flex;
  width: 80%;
  justify-content: center;
  align-items: center;
  margin: 0px auto 0px auto;

}
.sono_name_txt {
  margin: 0px 10px 0px 10px;
  font-size: 2rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  color: #000
}
.sono_name_txt_s {
  margin: 10px 10px 10px 10px;
  font-size: 2rem;
	text-align: center;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  color: #000
}
.sono_name_course {
  margin: 10px 10px 0px 0px;
  font-size: 1.4rem;
  font-family: "FP-ヒラギノ角ゴ ProN W3";
  color: #000
}
.sono_icon {
  width: 120px;
  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 44%;
}
.sono_p_gp_r {
  flex: 0 0 56%;
}
.sono_t_01 {
  width: 90%;
  font-size: 1.6rem;
  line-height: 2.8rem;	
  margin: 10px auto 10px auto;
}
.sono_p_p_l {
  flex: 0 0 50%;
}
.sono_p_ps_l {
  flex: 0 0 40%;
}
.sono_t_02 {
  flex: 1 0;
  font-size: 1.6rem;
  line-height: 2.8rem;	
  margin: 0px 0px 0px 10px;
}


/*sapporo_area-----------------*/
.sapporo_area {
  width: calc(100vw - 100px);
  max-width: 1100px;
  margin: 50px auto 0px auto;
  padding: 0px 0px 0px 0px;
  background-color: #fff
}
.sapporo_base {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px auto 0px auto;
}
.sapporo_p_area {
  flex: 0 0 32.6%;
  border-radius: 6px;
  margin: 0px 0px 10px 0px;
  overflow: hidden;
}
.sapporo_p_area02 {
  flex: 0 0 50%;
  margin: 20px auto 0px auto;
}


/*thanking_area-----------------*/

.thanking_area {
  display: flex;
  width: calc(100vw - 100px);
	flex-flow: wrap;
  max-width: 1100px;
  margin: 60px auto 30px auto;
  padding: 50px 30px 50px 30px;
  background-color: #f7f7f7
}


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

}

.title_thanking_icon {
  width: 60px;
  margin: 0px 10px 0px 10px
}


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


.thanking_body {
	width: 84%;
	  margin: 50px auto 10px auto;
  font-size: 1.8rem;
  font-family: "FP-ヒラギノ角ゴ ProN W3";
  line-height: 3.6rem;
}


/*present-----------------*/
.b_close {
  display: block;
  position: absolute;
  top: -60px;
  right: 0px;
  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, .bclose.av:hover {
  border: #aabce6 1px solid;
  background-color: #aabce6;
}
.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: calc(100vw - 100px);
  max-width: 1100px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  background-color: #fff;
  padding: 20px;
}
.present_upper {
  display: flex;
  background-color: #f7f7f7;
  border-radius: 4px;
  margin: 0px 0px 10px 0px
}
.present_upper_img {
  flex: 0 1 45%;
  display: flex;
  align-items: center
}
.present_upper_img img {
  width: 100%
}
.present_upper_txt_area {
  flex: 0 1 55%;
  padding: 20px 30px 20px 20px
}
.present_upper_txt {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 700;
  color: #0041d3;
  font-size: 2.6rem;
  line-height: 3.4rem;
}
.present_upper_under_txt {
  margin-top: 2rem;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 3rem;
}
.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;
}
.present_left {
  flex: 0 1 55%;
  padding: 25px;
  margin: 0px 10px 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.6rem;
  line-height: 2.4rem;
  font-feature-settings: "palt";
  margin: 10px 0px 10px 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 45%;
  display: flex;
  flex-wrap: wrap;
}
.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 {
  width: 100%
}
.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.6rem;
  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.6rem;
  line-height: 2.6rem;
}
@media (max-width: 1000px) {
  .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;
  }
  .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%;
    display: flex;
    align-items: center
  }
  .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;
  }
}