@charset "utf-8";
/* lastupdate-2021/07/07 19:00 */
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');

/* breadcrumb-setting */
.gw_breadcrumb{
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 57px;
  width: 100%;
  height: 30px;
  font-size: calc(1.2rem * 0.625);
}
.gw_breadcrumb li{
  float: left;
  padding-left: 20px;
  background: url(https://7net-img.omni7.jp/co/common/images/bg-icon-arrow-03.png) 7px center no-repeat;
  color:#707070;
}
.gw_breadcrumb li:first-child {
  padding-left: 0;
  background: none;
}

.gw_breadcrumb li a:hover{
  text-decoration: underline;
  color: #d43500;
}
.gw_breadcrumb li{
  color: #000;
}
.gw_breadcrumb li a{
  text-decoration: none;
  color: #666;
}
/* layout format */
#gw_container_area{
  font-family: 'Noto Sans JP', sans-serif;
  color: #0D0D0D;
}
.gw_font_alphabet{
  font-family: serif;
}
.gw_container_area > *{
  width: 100%
}
.gw_container_area {
  width: 980px;
  margin-left: auto;
  margin-right: auto;
}
/* ---font-setting--- */
#gw_container{
  font-size: 62.5%;
  margin-left: auto;
  margin-right: auto;
}
#gw_custom_area * {
  font-weight: 500;
}

/* main */
/* common-setting */
#gw_container > section{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 25px;
}
#gw_container > h1{
  padding: 0;
  margin: 0 auto;
  border: none;
}

#gw_container h2,
#gw_container h3{
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
}

#gw_container ul{
  list-style: none;
}

.gw_to_page_button{
  width: 57.55%;
  color: #414141;
  letter-spacing: -0.56px;
}
.gw_attention_text{
  font: normal normal 500 1.6em 'Noto Sans JP';
}
#gw_container img{
  max-width: 100%;
  height: auto;
  width: 100%;
  vertical-align:bottom;
}
#gw_custom_area a:hover {
opacity: 0.7;
}
.gw_item_wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 5px;
  height: auto;
}
.gw_item_wrap > *{
  width: 50%;
}

.gw_to_page{
  text-align: center;
}
.gw_book_item_img{
  margin-left: 60px;
  margin-right: 60px;
}
.gw_border_tb{
  border: 4px dashed #CA5160;
  border-right: 0;
  border-left: 0;
  padding-top: 5px;
  padding-bottom:5px;
}
.gw_book_titel_decoration{
  margin-bottom: 50px;
}
/* title-decoration setting */

.gw_book_titel_decoration div{
  border-bottom: 1px solid black!important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-right: 30px;
}
main#gw_custom_area .gw_book_titel_decoration h3,
main#gw_custom_area .gw_book_titel_decoration h2{
  font-family: "Noto Sans JP";
  font-size: 31px;
  font-weight: 700;
  width: auto;
  background: none;
}
.gw_book_titel_decoration div::after{
  content: "";
  display: inline-block;
  height: 25px;
  width: 25px;
  position: relative;
  left: 12.5px;
  border: 1px solid #000;
  border-radius: 50%;
}

div.gw_review_comment_title{
  background-color: #CA5160;
}

main#gw_custom_area div.gw_review_comment_title h3{
  font-size: 27px;
  color: #fff;
  padding:20px;
  font-family: "Noto Sans JP";
  font-weight: 700;
  background: none;
}
.gw_review_comment_textarea{
  text-align: left;
}
/* !title-decoration setting */

/* single-setting */
/* gw_h1 setting */
main#gw_custom_area h1.gw_h1 {
  position: relative;
  padding-left: 3em;
  padding-top: 3px;
  padding-bottom: 8px;
  background: none;
  color: white;
  font-weight: 900;
  font-family: 'Noto Sans JP',Black;
}
.gw_title_backcolor{
  background: #CA5160;
}
.gw_h1::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px #948783;
}
/* section gw_i1 setting */
#gw_i1_c1 > *{
  text-align: center;
  font-weight: 500;
  font-family: 'Noto Sans JP';
  letter-spacing: -1.01px;
  font-size:29px;
  color: #414141;
}
#gw_i1_c1{
  margin-top: 55px;
  margin-bottom: 55px;
}

#gw_i1_c3{
  margin-top: 60px;
}
#gw_i1{
  margin-bottom: 110px;
}

/* section gw_i2 setting */
#gw_i2 > #gw_i2_title{
  margin-bottom: 66px;
}

#gw_i2_c1 {
  margin-left: 60px;
  margin-right: 60px;
  text-align: center;
}
#gw_i2_c1 *{
  margin-bottom: 80px;
}
#gw_i2_c1 #gw_i2_c1_checkpoint{
  width: 80%;
}
#gw_i2 #gw_i2_c2 {
  padding-top: 30.5px;
  padding-bottom: 30px;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 30px;
}
#gw_i2> #gw_i2_c2 > *{
  /* width: 48%; */
  margin: 0 8px;
  -ms-flex-item-align: center;
  align-self: center;
}
#gw_i2_c2 > img{
  width: auto;
}
#gw_i2_c2 > ul{
  width: 475px;
}
#gw_i2_c2 > ul > li{
  text-align: left;
  font-size:calc(2rem * 0.625);
  font-family: 'Noto Sans JP';
  font: normal normal 500;
  letter-spacing: -0.7px;
  color: #000000;
}
#gw_i2_c3{
  margin-top: 60px;
}
/* section gw_i3 setting */
#gw_i3{
  margin-top: 110px;
}
#gw_i3 #gw_i3_title{
  margin-bottom: 40px;
}
#gw_i3_c1 > dl{
  margin-left: 60px;
  margin-right: 60px;
  text-align: center;
}
#gw_i3_c1 > dl >dd{
  font-size: calc(2.5rem * 0.625);
  font-weight: 500;
  color: #000000;
}
#gw_i3_c1 > dl > dd{
  margin-top: 10px;
  margin-bottom: 66px;
}

#gw_i3_c1_2 #gw_i3_c1_2_content{
  text-align: center;
}
#gw_i3_c1_2 #gw_i3_c1_2_content p{
  font-size: calc(2.5rem * 0.625);
  font-weight: 500;
  color: #000000;
  margin-top: 10px;
  margin-bottom: 66px;
}

#gw_i3_c2{
  margin-top: 90px;
  border: 3px solid #CA5160;
}
#gw_i3_c2_textarea{
  margin-top: 26px;
  margin-left:20px;
  margin-bottom: 30px;
}
#gw_i3_c2_textarea ul li,
#gw_i3_c2_textarea p{
  text-align: left;
  font: normal normal 500 2em Noto Sans JP;
  letter-spacing: -0.78px;
  color: #414141;
}
#gw_i3_c2 p {
  margin-top:20px;
}

#gw_i3_c2 .gw_ul_liststyle_on li{
  list-style: inside;
}

#gw_i3_c3{
  margin-top: 80px;
}
/* section gw_i4 setting */
#gw_i4{
  margin-top: 170px;
}

#gw_i4_c2{
  margin-top: 67px;
}
.gw_item_wrap_center{
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
div#gw_i3_c1 .gw_item_wrap img,
#gw_i4 > #gw_i4_c2 >*,
div#gw_i5_c1 .gw_item_wrap img{
  width: 50%;
}

#gw_i4 > #gw_i4_c3{
  padding-top: 30.5px;
  padding-bottom: 30px;
}

#gw_i4_c3{
  margin-top: 153px;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#gw_i4>#gw_i4_c3 > img{
  width: auto;
}
#gw_i4_c3 > ul{
  width: 475px;
}

#gw_i4_c3 > ul > li{
  text-align: left;
  font-size: calc(2rem * 0.625);
  font-weight: 500;
  font-family:'Noto Sans JP';
  letter-spacing: -0.77px;
  color: #000000;
}
#gw_i4_c4{
  margin-top: 60px;
}


/* section gw_i5 setting */
#gw_i5{
  margin-top: 96px;
}
#gw_i5 #gw_i5_title{
  margin-bottom: 50px;
}
#gw_i5_c1 > dl{
  margin-left: 60px;
  margin-right: 60px;
  text-align: center;
}
#gw_i5_c1 > dl >dd{
  font-size: calc(2rem * 0.625);
  font-weight: 500;
}
#gw_i5_c1 > dl > dd{
  margin-top: 10px;
  margin-bottom: 63px;
}

#gw_i5_c2{
  margin-top: 90px;
  border: 3px solid #CA5160;
}
#gw_i5_c2_textarea{
  margin-top: 26px;
  margin-left:20px;
  margin-bottom: 30px;
}
#gw_i5_c2_textarea ul li,
#gw_i5_c2_textarea p{
  text-align: left;
  font: normal normal 500 2em Noto Sans JP;
  letter-spacing: -0.78px;
  color: #414141;
}

#gw_i5_c2_textarea p:not(:first-of-type){
  margin-top:1em;
}

#gw_i5_c2_textarea > ul:not(first-of-type){
  margin-top:30px;

}
#gw_i5_c3{
  margin-top: 80px;
}
#gw_book_review_list{
  margin-top: 200px;
}
#gw_footer{
  margin: 30px 0;
  padding: 15px 20px;
  border: 2px solid #eee;
  border-right: 0;
  border-left: 0;
}
.gw_relation_banner{
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  margin-top: 50px;
  padding-top: 50px;
  border-top: 2px solid #eee;
}
.gw_relation_banner a{
  display: block;
}

#gw_relation_article{
  font-size: 1.6em;
}

#gw_relation_article li{
  margin-bottom: 0.5em;
}
#gw_footer_c{
  font-size: calc(2.2rem * 0.625);
  font-weight: 500;
  text-align: center;
  margin-top: 100px;
  padding: 20px 0;
  width: 100vw;
  background-color: #CA5160;
  color: #fff;
}