@charset "utf-8";
body{overflow-x: hidden;}
/* common */
.mincho{ font-family:"游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Times New Roman", "ＭＳ Ｐ明朝", "MS PMincho", serif !important; -ms-font-family: "ＭＳ Ｐ明朝", "MS PMincho";-ms-font-feature-settings:"pkna";}
.logo-guideline_main_tit{font-size: 22px; color: #22AECA; margin-bottom: 35px; text-align: center; font-weight: bold; letter-spacing: 2px;}
.box{margin-bottom: 90px;}
.book_cont{width: 920px; margin-left: auto; margin-right: auto;}
.book_tit{margin-bottom: 40px; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: flex-end;}
.book_tit > *{font-weight: bold; vertical-align: text-bottom; line-height: 1;}
.book_tit .book_no{ text-align: right; font-size: 20px; color: #2DACCB; margin-left: -40px; padding-right: 15px; padding-bottom: 5px;}
.book_tit .book_en{flex: 1; font-size: 48px; color: #2DACCB;}
.book_tit .book_ja{width: 100%; font-size: 16px; margin-top: 25px;}
.book_btn{background-color: #2DACCB !important;}
.ebook_btn{background-color: #00468C !important;}
@media screen and (max-width: 1025px) {
  .book_tit{display: flex !important;}
  .book_tit.book_cont{margin-left: 0; margin-right: 0;}
  .book_tit .book_no{ margin-left: 0px; padding-right: 15px; padding-bottom: 5px;}
  .book_cont{width:auto; display: block; margin-left: 3%; margin-right: 3%;}
}
@media screen and (max-width: 768px) {
  .box{margin-bottom: 60px;}
  .book_cont{margin-left: 10%; margin-right: 10%;}
}

@media screen and (max-width: 415px) {
  .book_tit .book_en{font-size: 35px;}
}
/* =========================================================
各ページ個別メインビジュアル
========================================================= */
.ly_mainvis_well-being{background: url("../images/main_img_bg.jpg") no-repeat center; background-size: cover; height: 750px; color: #fff;}
.ly_mainvis_well-being .cont_flex{ justify-content: center; align-items: center; flex-direction: row-reverse;}
.ly_mainvis_well-being .mainvis_main dt{background: #fff; padding: 5px 15px; display: inline-block; font-weight: bold;}

#author .author_img{margin-bottom: 15px;}
#author .author_list > li{margin-bottom: 30px;}
#contents{position: relative; padding: 60px 10px;}
#contents::before{content: ""; display: block; position: absolute; top: 0; left: 3%; width: 94%; height: 620px; background-color: #F2FBFD;z-index: -1;}
#contents .contents_box{background: #fff; padding:50px 10px;}
#contents .contents_list > li{display: flex; justify-content: flex-start;}
#contents .contents_list .contents_list_no{flex-basis: 70px; color: #2C64AF; font-weight: bold;}
#contents .contents_list .contents_list_main span{ background-color: #2C64AF; color: #fff; padding: 5px 10px; display:table; font-size: 18px; font-weight: bold;line-height: 1.1; margin-bottom: 3px;}
#contents .contents_list_other{ background-color: #F8F9FA; padding: 35px 80px; font-size: 14px;}
#contents .contents_list_other dl{display: flex; justify-content: flex-start; flex-wrap: wrap;}
#contents .contents_list_other dt{ line-height: 1.4; flex-basis: 60px;}
#contents .contents_list_other dd{line-height: 1.4; flex: 1; flex-shrink: 0; flex-basis: 500px; margin-right: auto;}
#introduction {overflow:inherit;;}
#introduction .introduction_list_main{align-self: center; padding: 15px 5%;}
#introduction .introduction_list_img{height: 450px; background: no-repeat center; background-size: cover;}
#introduction .introduction_sider{width: 300vw; overflow: hidden;height: 400px; margin-left: -3%;}
#introduction .introduction_sider li{ margin-right: 20px;width: 276px; height: 400px; float: left; }
#introduction .introduction_sider img{border: 1px solid #ddd; width: auto; height: 100%; height: 400px;}
#introduction .introduction_sider img:first-child {animation: slide1 60s -30s linear infinite;}
#introduction .introduction_sider img:last-child {animation: slide2 60s linear infinite;}
@keyframes slide1 {  0% {    transform: translateX(100%);  }  to {    transform: translateX(-100%);  }}
@keyframes slide2 {  0% {    transform: translateX(0);  }  to {    transform: translateX(-200%);  }}

#endorsement{background-color: #F2FBFD; padding: 60px 10px;}
#endorsement .endorsement_box{display: flex; justify-content: center; align-items: center; margin-bottom: 40px; flex-wrap: wrap;}
#endorsement .endorsement_box:last-child{margin-bottom: 0;}
#endorsement .endorsement_box:nth-child(2n){flex-direction: row-reverse; text-align: right;}
#endorsement .endorsement_box .endorsement_img{ flex-basis: 300px; text-align: center;}
#endorsement .endorsement_box .endorsement_img img{margin: 0 auto;}
#endorsement .endorsement_box .endorsement_main{flex: 1;}
#endorsement .endorsement_box .endorsement_read{width: 100%; padding: 0 3%; box-sizing: border-box; line-height: 2;}
#archive{background: #F8F9FA; padding: 0 10px 30px 10px;}
#archive .archive_tit{ padding:0 0 30px 0;}
#archive .archive_tit::before{content: ""; display:table; width: 90px; height: 6px; background-color: #2FAECB; margin: 0 auto 30px auto;}
#cv_box{background: #2FAECB; color: #fff; text-align: center; padding: 30px 10px;}
#cv_box .link_btn{background: #fff !important;}
#cv_box .book_btn{ color: #2FAECB;}
#cv_box .ebook_btn{ color: #00468C;}
#cv_box .book_btn::after{border-color: #2FAECB;}
#cv_box .ebook_btn::after{border-color: #00468C;}

@media screen and (max-width: 1025px) {
  .ly_mainvis{padding-top:auto;}
  .ly_mainvis_well-being{ height: 600px;}
  .mainvis_book img{height: 350px; margin: 0 auto 15px auto;}
  .ly_mainvis_well-being .cont_flex{display: flex; width: 100%;}
  #contents{margin-left: 0; margin-right: 0;}
  #contents::before{width: 100%; left: 0;}
  #contents .contents_list_other{padding: 25px 20px; overflow: hidden;}
  #contents .contents_list_other .img_left{float: left; margin-right: 20px;}
  #contents .contents_list_other dd{flex-basis: 370px;}
  #introduction .introduction_btn ul{display: flex;}
}
@media screen and (max-width: 768px) {
  #introduction .introduction_list {display: block;}
  #introduction .introduction_list > *{width: 100%;}
  #introduction .introduction_list > .introduction_list_main{padding-left: 0; padding-right: 0;}
  #introduction .introduction_list_img{height: 300px;}
}

@media screen and (max-width: 415px) {
  .cont_box{margin-left: 0; margin-right: 0;}
  .book_tit.book_cont{margin-left: 10%; margin-right: 10%;}
  .ly_mainvis_well-being .cont_flex{display: block; padding: 15px 10px;}
  .ly_mainvis_well-being .mainvis_main{width: 90%; text-align: center; margin-left: auto; margin-right: auto;}
  .ly_mainvis_well-being .mainvis_main_title img{height: 100px; margin: 0 auto;} 
  .ly_mainvis_well-being .mainvis_book img{height: 300px; margin-bottom: 0;}
  .ly_mainvis_well-being #mainvis_title{font-size: 25px !important;}
  .ly_mainvis_well-being .mainvis_main dt{font-size: 18px !important;}
  #contents {padding-left: 0%; padding-right: 0%;}
  #contents .contents_box{filter: none; background: none; padding: 0px;}
  #contents .contents_list > li{display: block;}
  #contents .contents_list .contents_list_no{}
  #contents .contents_list_other .img_left{width: 100%; float: none; text-align: center;}
  #contents .contents_list_other .img_left img{margin: 0 auto;}
  #contents .contents_list_other dt{flex-basis: 25%;}
  #contents .contents_list_other dd{flex-basis: 75%;}
  
  #recommend .recommend_list br{display: none;}
  
  
  #introduction .introduction_btn ul > li,
  #introduction .introduction_btn ul .link_btn{width: 100%;}
  #introduction .introduction_list {margin-right: 10%; margin-left: 10%; width: auto;}
  #introduction .introduction_sider,
  #introduction .introduction_sider li,
  #introduction .introduction_sider img{height: 250px;}
  #introduction .introduction_sider{width: 200vw;}
  #introduction .introduction_sider li{width: auto;}
  #endorsement .endorsement_box{display: block; text-align: left !important;}
  #endorsement .endorsement_box .endorsement_main h3{font-size: 20px !important;}
  #endorsement .endorsement_box .endorsement_main h3 br{display: none;}
  #endorsement .endorsement_box .endorsement_read{padding: 15px 0% 0 0;}
  #author {margin-left: 10%; margin-right: 10%;}
  #author .book_cont{margin-left: 0; margin-right: 0;}
  #author .book_cont .author_list { width: auto;}
  #archive{margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
}