@charset "UTF-8";
/* CSS Document */





.imo_natsu_pc{
 margin: auto;
 max-width: 1240px;
font-family: "M PLUS Rounded 1c", sans-serif;
}

/* 読書感想文入門コラムタイトル */
.imo_top_cnt_pc{
  position: relative;
  margin: auto;
  padding: 58px;
  padding-bottom: 70px;
  background-color: #bce2e8;
  text-align: center;
  color: #fff;
}

.imo_top_cnt_pc h2{
  margin: 0;
  font-size: 30px;
    font-weight: 500;
  background-color: unset;
}
.imo_top_cnt_pc h3{
  margin: 0;
  font-size: 60px;
    font-weight: 500;
}
.imo_top_cnt_pc h4{
  margin: 0;
  font-size: 38px;
    font-weight: 500;
}
.imo_top_img_a_pc{
      position: absolute;
    top: 27px;
    left: 5px;
    width: 166px;
    object-fit: cover;
    display: block;
}
.imo_top_img_b_pc{
      position: absolute;
    top: 142px;
    right: 0px;
    width: 226px;
    object-fit: cover;
}

/* トップメッセージ */

.imo_top_text_pc{
    max-width: 1180px;
    margin: auto;
}
.imo_top_text_pc p{
	margin: 0;
    margin-top: 60px;
    font-size: 21px;
    line-height: 32px;
    font-weight: 600;
    color: #707070;
}

/* フロー図 */
.imo_flow_pc{
	max-width: 1180px;
    margin: auto;
}
.imo_flow_cnt_pc{
	text-align: center;
	margin-top: 70px;
}
.imo_flow_cnt_pc h2{
	margin: 0;
	color: #bce2e8;
	font-size: 45px;
    font-weight: bold;
}
.imo_flow_cnt_pc img{
	width: 1180px;
    margin-top: 26px;
}


/*５つのステップ */

.imo_step_pc{
	max-width: 1180px;
    margin: auto;
    margin-top: 80px;
}

/* 1ステップの内容 */
.imo_step_pc{
	margin-bottom: 80px;
}
.imo_step_cnt_pc img{
	width: 1180px;
    position: relative;
}

/* ステップのタイトル */
.imo_step_mi_pc{
	display: flex;
    position: absolute;
    margin-top: -94px;
    margin-left: 26px;
	gap: 47px;
}
.imo-step_no_pc{
	color: #fff;
    text-align: center;
}
.imo-step_no_pc h2{
    margin: 0;
    font-size: 15px;
}

.imo-step_no_pc p{
    margin: 0;
    font-size: 45px;
    font-weight: bold;
    margin-top: -13px;
}
.imo_step_ti_pc{
	color: #bce2e8;
}

.imo_step_ti_pc h2{
    font-weight: bold;
    font-size: 29px;
    margin: 0;
    margin-top: 14px;
	font-family: "Mochiy Pop One", sans-serif;
}

/* ステップの本文 */
.imo_step_ex_pc p{
	margin: 0;
    margin-top: 20px;
	padding-left: 15px;
    font-size: 20px;
    line-height: 33px;
    font-weight: 400;
    color: #707070;
}

/* ステップの声かけ例とポイント */
.imo_step_point_pc{
	margin-top: 40px;
}

.imo_step_point_pc ul{
	margin: 0;
    padding: 0;
}

.imo_step_point_pc ul li{
	display: flex;
    align-items: center;
    gap: 20px;
    list-style: none;
	margin-bottom: 20px;
}

.imo_step_point_pc ul li p{
	margin: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #707070;

}

.imo_step-2_pc,.imo_step-3_pc,.imo_step-4_pc{
	margin-bottom: 80px;
}


/* 特別な１冊に出会おう */
.imo_special_ti_pc{
	color: #5ba5d4;
}

.imo_special_ti_pc img{
	width: 100%;
    position: relative;
    display: block;
}
.imo_special_text_pc{
	position: absolute;
    text-align: center;
    color: #5ba5d4;
    margin-top: -182px;
    margin-left: 81px;
}

.imo_special_ti_pc h2{
	margin: 0;
    font-size: 35px;
    font-weight: 500;
}
.imo_special_ti_pc p{
	margin: 0;
    font-size: 50px;
    font-weight: bold;
}


.imo_special_ho_pc{
	margin-top: 60px;
}

.imo_special_ho_pc p{
    margin: 0;
	margin-bottom: 80px;
    font-size: 21px;
    line-height: 32px;
    font-weight: 600;
    color: #707070;
}

 
.imo_books_pc{
	margin-bottom: 100px;
}

/* わたしたちの帽子 */
.imo_books_a_pc{
    background-color: #f9f9f9;
    padding: 48px;
    /* width: 1000px; */
    margin: auto;
}

.imo_books_a_pc ul li{
	display: flex;
      justify-content: flex-start;
    align-items: flex-start;
    gap: 50px;
}
.imo_books_a_pc ul li img{
	width: 350px;
}

.imo_books_a_pc ul li img a:hover {
    opacity: 0.7;
}

/* 作者など */
.imo_books_a_author_pc{
    color: #565656;
}
.imo_books_a_author_pc h2{
	 margin: 0;
    font-size: 34px;
    font-weight: bold;
    background-color: unset;
}
.imo_books_a_author_pc h3{
     margin: 0;
    font-size: 20px;
    font-weight: 500;
}
.imo_books_a_author_pc p{
    margin: 0;
    margin-top: 10px;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 15px;

}

/* 購入ボタン */
.imo_books_a_btn_pc a{
	display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    gap: 15px;
    color: #fff;
    width: 167px;
    height: 52px;
    font-weight: 400;
    border-radius: 100vh;
    transition: 0.5s;
    font-size: 19px;
    background-color: #96c7cc;
}
.imo_books_a_btn_pc a:hover {
    opacity: 0.7;
}

/* 受賞歴 */
.imo_books_a_award_pc{
	color: #565656;
	margin-top: 30px;
}
.imo_books_a_award_pc h2{
	margin: 0;
    font-size: 26px;
    font-weight: bold;
}
.imo_books_a_award_pc p{
	margin: 0;
    padding-top: 8px;
    font-size: 17px;
}


/* おいで、アラスカ！ */
.imo_books_b_pc{
    background-color: #f9f9f9;
    padding: 48px;
    /* width: 1000px; */
    margin: auto;
	margin-top: 80px;
}

.imo_books_b_pc ul li{
	display: flex;
        justify-content: flex-start;
    align-items: flex-start;
    gap: 50px;
}
.imo_books_b_pc ul li img{
	width: 350px;
}

.imo_books_b_pc ul li img a:hover {
    opacity: 0.7;
}