@charset "UTF-8";
/*=============================================================

Date: 2021-06-30
CSS Document ： オリジナル商品 開発ストーリー

=============================================================*/
/*------------------------------------

ベース

------------------------------------*/
#index_mama {
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "sans-serif";
 -webkit-text-size-adjust: 100%;
 font-size: 75%;
}
#wrapper_fsp {
 height: auto;
}
#wrapper {
 color: #000;
 font-size: 135%;
 position: relative;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 max-width: 920px;
 margin: 0 auto;
}
#plist {
 padding-top: 0;
 text-align: left;
}
#header_fsp, #side_fsp, #footer_fsp, .emergency_fsp {
 display: none;
 position: relative;
 background: #FFF;
}
body.side_view_fsp #side_fsp {
 z-index: 100;
}
img {
 vertical-align: bottom;
}
/* リンク */
@media (min-width: 920px) {
 #wrapper a {
  transition: all 0.3s;
 }
 /* PC hover */
 a:hover {
  opacity: 0.7;
 }
 #wrapper a:hover {
  text-decoration: none;
 }
}
@media (max-width: 919px) {
 a:hover {
  opacity: 1;
 }
 a:active {
  opacity: 0.7;
 }
}
/* sp用共存 */
#viewport_fsp {
 position: relative;
}
#add-line_allb a {
 border-left: none;
 padding-left: 0;
}
.pc_mama {
 display: block;
}
br.pc_mama {
 display: inline-block;
}
.sp_mama, #modal_fsp {
 display: none;
}
@media (max-width: 919px) {
 #header_fsp, #side_fsp, #footer_fsp, .emergency_fsp {
  display: block;
 }
 #wrap_dr, #footerarea_mama, #plist {
  display: none;
 }
 .pc_mama {
  display: none !important;
 }
 .sp_mama {
  display: block;
 }
 .interview img {
  width: 100%;
  height: auto;
 }
 #footer_logo_fsp img {
  width: auto;
 }
}
/* ---------------------------------

HEADER

--------------------------------- */
#wrap_dr {
 position: absolute;
 top: 0;
 background: #FFF;
}
#wrap {
 width: 920px;
 margin: 0px auto;
 text-align: left;
}
/* plist*/
#plist li {
 float: left;
}
#plist {
 width: 100%;
 background: #FFF;
 max-width: 920px;
 margin: 10px auto 0;
 padding-bottom: 10px;
 line-height: 1;
 _line-height: 1.1;
 vertical-align: middle;
}
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 line-height: 0;
}
.clearfix {
 display: inline-block;
}
* html .clearfix {
 height: 1%;
}
/*------------------------------------

タイトル

------------------------------------*/
#titlearea_mama {
 position: relative;
 margin: 30px 0 0;
 text-align: center;
}
#titlearea_mama .ttl_text {
 position: absolute;
 top: 220px;
 left: 75px;
 text-align: center;
 letter-spacing: 1px;
}
.item_name {
 color: #333333;
 text-align: center;
 line-height: 1.7;
}
.sub_name {
 margin: 0.9em 0;
 display: inline-block;
 font-family: "こぶりなゴシック W3 JIS2004" !important;
}
.main_name {
 color: #4c4c4c;
 font-size: 225%!important;
 letter-spacing: 0.1em;
 display: block;
 line-height: 1.4;
 transform: skewX(-10deg);
}
.main_name span {
 background: linear-gradient(transparent 50%, rgba(216, 230, 237, 0.85) 50%);
}
@media (max-width: 919px) {
 #titlearea_mama img {
  width: 118%;
  margin: 0 -7%;
 }
 #titlearea_mama .ttl_text {
  /* position: absolute; */
  top: auto;
  bottom: 9%;
  text-align: center;
  letter-spacing: 1px;
  left: -27%;
 }
 #titlearea_mama .ttl_text img {
  width: 40%;
 }
}
/*------------------------------------

メインコンテンツ

------------------------------------*/
#story_mama {
 font-size: 90%;
 width: 720px;
 margin: 0 auto;
}
.interview p {
 font-size: 95%;
 text-align: justify;
 text-justify: inter-ideograph; /* IE対策 */
 color: #333333;
 margin: 2.5em auto;
 letter-spacing: 0.12em;
 display: block;
 line-height: 2.1;
 font-feature-settings: 'palt'1;
}
#wrapper .interview p a {
 color: #000;
 text-decoration: underline;
}
@media (max-width: 919px) {
 #story_mama {
  width: 100%;
 }
 .interview p {
  width: 90%;
  margin: 1.5em 1.5em;
 }
}
span.bold {
 color: #000;
 font-weight: bold;
}
ul.interview {
 text-align: center;
 margin-bottom: 50px;
}
ul.interview > li {
 display: inline-block;
 margin: 1em auto;
 width: 100%;
}
.interview_ttl {
 color: #7dadc3;
 font-size: 215%;
 letter-spacing: 0.13em;
 font-feature-settings: 'palt'1;
 line-height: 1.3;
 margin: 1em auto;
 padding-bottom: 0.5em;
 border-bottom: 1px solid #cccccc;
 text-align: left;
}
.interview_ttl::before {
 display: inline-block;
 margin-top: -0.2em;
 margin-right: 0.3em;
 vertical-align: middle;
 width: 1.60em;
 height: 1px;
 background: #7dadc3;
 content: '';
}
@media (min-width: 920px) {
 /* PC */
 .interview p.center_txt {
  text-align: center;
  margin-top: 1.2em;
  margin-bottom: 3em;
 }
}
@media (max-width: 919px) {
 /* SP */
 .interview p {
  font-size: 125%;
 }
 .interview_ttl {
  padding: 0 0.8em 0.5em;
 }
 /* 個別 */
 .w60_img {
  width: 60%;
  display: block;
  margin: 0 auto;
 }
 .w70_img {
  width: 70%;
  display: block;
  margin: 0 auto;
 }
 .w80_img {
  width: 80% !important;
  display: block;
  margin: 0 auto;
 }
 .w90_img {
  width: 90%;
  display: block;
  margin: 0 auto;
 }
}
/* profile */
.prof {
 position: relative;
}
#story_mama .prof p { /*flex-shrink: 3;*/ margin: -2em 0 0 3em;
}
#story_mama .prof p img {
 display: block;
 margin-left: -4em;
 margin-bottom: -0.5em;
}
.posi_left {
 display: block;
 text-align: left;
}
.posi_right {
 display: block;
 text-align: right;
}
.side_text {
 display: flex !important;
 flex-wrap: nowrap;
 justify-content: space-between;
}
.side_text.center {
 align-items: center;
}
.side_text.change {
 margin-top: 2.2em;
}
.side_text.change > *:nth-child(1) {
 order: 2;
}
@media (min-width: 920px) {
 /* PC */
 #story_mama .m_t_0m {
  margin-top: 0;
 }
 #story_mama .m_t_2m {
  margin-top: 2em;
 }
 #story_mama .m_b_3m {
  margin-bottom: 3em;
 }
 #story_mama .m_r_3m {
  width: 29%;
  margin: 3em;
  /* margin: -2em -3em 0 0; */
  position: relative;
 }
 #story_mama .side_text.center {
  justify-content: center;
  /*align-items: flex-start;*/
  margin-top: 3em;
 }
 #story_mama .on_text {
  display: flex;
  justify-content: center;
  align-items: center;
 }
 #story_mama .on_text p {
  margin: 0 0 0 -60px;
 }
 #story_mama .m_l_3m {
  margin-left: 3em;
 }
 /* 個別 */
 .interview .posi_01 {
  width: 430px;
  margin-left: 87px;
 }
 #story_mama .overlap {
  justify-content: space-between !important;
  margin-top: 0 !important;
  margin-bottom: 4em;
 }
 .overlap p {
  width: 280px;
  margin: 0;
 }
 .over_btm p {
  margin-top: 2em;
 }
 .over_btm img {
  margin-top: -140px;
  /* position: relative;
  z-index: -1; */
 }
 #story_mama p.w530 {
  width: 530px;
  margin: 2.5em 0;
  display: inline-block;
 }
 .side_text_over {
  display: flex !important;
  flex-wrap: nowrap;
  justify-content: center;
 }
 .side_text_over div {
  width: 260px;
  margin-left: 35px;
 }
}
@media (max-width: 919px) {
 /* SP */
 #story_mama .prof {
  margin-top: 4em;
  display: flex !important;
 }
 #story_mama .prof .image_wrap {
  width: 50%;
  margin-top: 0em;
 }
 #story_mama .prof p img {
  /* display: block; */
  margin-left: 0;
  margin-bottom: 0;
  position: absolute;
  width: 39%;
  left: 1%;
  top: -4.2em;
 }
 #story_mama .prof p {
  margin: 0 1em 0 1.5em;
  width: 85%;
  font-size: 110%;
 }
 .interview .side_text > * {
  width: 50%;
 }
 .image_wrap.side_text {
  justify-content: space-around; /* IE */
  justify-content: space-evenly;
 }
 .image_wrap.side_text img {
  width: 46%;
 }
 .side_text.inline_text {
  display: block !important;
 }
 .side_text.inline_text .image_wrap {
  float: left;
  display: inline;
  height: auto;
  width: 42%;
  margin-right: 6%;
  margin-bottom: 1.5em;
 }
 .side_text.inline_text div {
  display: inline;
  width: auto;
 }
 .side_text.inline_text div p {
  display: block;
  margin: 0;
  width: 95%;
 }
 .side_text.inline_text div p:last-child {
  display: block;
  width: 90%;
  clear: both;
  margin: 0 auto;
 }
 #story_mama .overlap {
  margin-top: 0;
  align-items: flex-start;
 }
 #story_mama .overlap p {
  margin: 0 1em 1em;
 }
}
/*------------------------------------

spec

------------------------------------*/
.spec_wrap {
 display: block;
 width: 100%;
}
.spec_wrap a {
 color: #333333;
 font-size: 110%;
 line-height: 1.9;
 text-align: center;
 position: relative;
 display: block;
 border: 1px solid #b2b2b2;
 /* text-decoration:underline; */
}
.spec_wrap a::after {
 position: absolute;
 top: calc(50% - .5em);
 right: 1.2em;
 display: block;
 width: 1.0em;
 height: 1.0em;
 content: '';
 transform: rotate(-45deg);
 border-right: 1px solid #b2b2b2;
 border-bottom: 1px solid #b2b2b2;
}
.spec {
 font-size: 110%;
 display: block;
 vertical-align: middle;
 text-align: center;
 margin: 1.2em 0;
}
.spec * {
 font-weight: bold;
}
.spec > * {
 border-bottom: 1px solid #000;
}
.name {}
.price {
 font-size: 90%;
 line-height: 1.5;
}
.tani {}
.spec .num {
 font-family: "Oswald", "Helvetica Neue", Arial, Meiryo, sans-serif !important;
 font-weight: 600;
 font-size: 120%;
}
.tax {}
@media (max-width: 919px) {
 .spec {
  font-size: 120%;
 }
 ul.interview > li.spec_wrap {
  width: 90%;
 }
}
/*------------------------------------

ストーリー一覧

------------------------------------*/
.story_list {
 background: #f8f8f8;
 margin: 3em -500%;
 padding: 2em 500% 1.6em;
 position: relative;
}
.story_ttl {
 text-align: center;
 margin-bottom: 1em;
 position: relative;
}
.story_ttl::before {
 position: absolute;
 top: 50%;
 left: 0;
 display: block;
 width: 100%;
 height: 1px;
 background: #cccccc;
 content: '';
}
.story_ttl > span {
 background: #f8f8f8;
 padding: 0 1.5em;
 position: relative;
}
.story_ttl > span span {
 font-size: 150%;
 display: inline-block;
 background: linear-gradient(transparent 60%, rgba(220, 234, 227, 0.85) 60%);
 line-height: 1.3;
 transform: skewX(-5deg);
 letter-spacing: 0.1em;
 padding: 0 0.2em;
}
.story_list ul {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}
.story_list ul li a {
 color: #333333;
 display: flex;
 flex-wrap: nowrap;
 justify-content: flex-start;
}
.story_list ul li a div {
 display: block;
 margin-left: 1.7em;
}
.story_num {
 display: inline-block;
 text-align: center;
 border-bottom: 2px solid #000;
 padding-bottom: 0.5em;
 margin-bottom: 0.5em;
 font-family: "Oswald", "Helvetica Neue", Arial, Meiryo, sans-serif !important;
 font-weight: 200;
}
.story_num .story {
 display: block;
 font-size: 60%;
 margin-bottom: 0.4em;
 letter-spacing: 0.2em;
}
.story_num .num {
 display: block;
 font-size: 160%;
 transform: skewX(-5deg);
}
.story_list ul li a p {
 display: block;
 line-height: 1.7;
 font-size: 95%;
}
.story_list_top {
 text-align: center;
 margin: 2em 1em 1em;
 font-size: 105%;
}
.story_list_top a {
 color: #000;
 position: relative;
 padding-right: 1.7em;
 border-bottom: 1px solid #000;
 letter-spacing: 0.1em;
}
.story_list_top a::after {
 position: absolute;
 top: calc(50% - .25em);
 right: 0.3em;
 display: block;
 width: 0.5em;
 height: 0.5em;
 content: '';
 transform: rotate(-45deg);
 border-right: 1px solid #000;
 border-bottom: 1px solid #000;
}
@media (min-width: 920px) {
 /* PC */
 .story_list ul li {
  width: 50%;
  margin: 1.2em 0 1.6em;
 }
}
@media (max-width: 919px) {
 /* SP */
 .story_list {
  font-size: 115%;
 }
 .story_list ul li {
  margin: 1em;
  width: 100%;
 }
 .story_list ul li .image_wrap {
  width: 23%;
 }
 .story_list ul li .image_wrap img {
  width: 100%;
  height: auto;
 }
 .story_list ul li a div {
  display: block;
  margin-left: 7%;
  width: 70%
 }
}
/*------------------------------------

バナー

------------------------------------*/
ul.link_mama {
 display: flex;
 flex-wrap: nowrap;
 justify-content: space-between;
 margin-bottom: 2em;
}
ul.link_mama li {
 width: 47%;
 margin: 0px auto 30px;
 font-size: 115%;
 line-height: 1.4;
 display: block;
 text-align: center;
 border-radius: 7px;
 border: 1px solid #252525;
 box-shadow: 2px 2px #252525;
 transition: all 0.3s;
 position: relative;
 z-index: 1;
}
ul.link_mama li a {
 display: block;
 color: #252525;
 padding: 1.6em 0;
 letter-spacing: 0.2em;
 position: relative;
}
ul.link_mama li a::after {
 position: absolute;
 top: calc(50% - .3em);
 right: 1em;
 display: block;
 width: 0.6em;
 height: 0.6em;
 content: '';
 transform: rotate(-45deg);
 border-right: 1px solid #000;
 border-bottom: 1px solid #000;
}
@media (max-width: 919px) {
 ul.link_mama {
  flex-wrap: wrap;
 }
 ul.link_mama li {
  width: 90%;
 }
}
/*------------------------------------

ページトップへ戻る

------------------------------------*/
.pageTop {
 display: none;
 position: relative;
 height: 0;
 margin: 0 auto;
 max-width: 1000px;
 width: 100%;
 z-index: 10000;
}
.pageTop a {
 position: fixed;
 bottom: 0px;
 right: 25px;
 left: auto;
 display: block;
 width: 100px;
 height: 100px;
 padding-bottom: 20px;
 background: url(../images/pagetop.png);
 background-repeat: no-repeat;
 z-index: 10000;
 transition: all 0.3s;
}
@media (min-width: 920px) {
 .pageTop a:hover {
  bottom: 10px;
  opacity: 1.0;
 }
}
@media (max-width: 480px) {
 .pageTop a {
  right: 7px;
  bottom: 7px;
  width: 40px;
  height: 40px;
  right: 10vw;
  width: 14vw;
  right: 5vw;
  background-size: contain;
 }
}
/* safari調整 */
.is_safari #Footer_fca {
 font-size: 120% !important;
}
/* アニメーション */
#wrapper {
 animation: fadeInTop_ff 1.5s forwards;
 visibility: visible !important;
 opacity: 0;
}
@keyframes fadeInTop_ff {
 0% {
  opacity: 0;
 }
 50% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
}
/*------------------------------------

webフォント

------------------------------------*/
#wrapper {
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 font-family: '游ゴシック体', 'YuGothic', '游ゴシック Medium', 'Yu Gothic Medium', "こぶりなゴシック W3 JIS2004", Koburina Gothic W6 JIS2004, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
}
span.bold, ul.point_box li, .point_ttl {
 font-family: '游ゴシック体', 'YuGothic', '游ゴシック Medium', 'Yu Gothic Medium', "こぶりなゴシック W6 JIS2004", Koburina Gothic W6 JIS2004, sans-serif;
}
ul.link_mama li a {
 font-family: "A1ゴシック M", " A1 Gothic M", "Yu Gothic Medium", "游ゴシック", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media (max-width: 919px) {
 #Container_fca {
  width: 100%;
  min-width: auto;
  position: relative;
  margin: 0 auto;
  padding: 0 !important;
  text-align: left;
  font-size: 98%;
 }
}
@media (min-width: 920px) {
 #Header_fca {
  width: 920px;
  position: relative;
  top: 0;
  left: 0;
  margin: 0 auto;
 }
}
.around {
 display: flex !important;
 flex-wrap: nowrap;
 justify-content: space-around;
}
@media (min-width: 920px) {
 /* PC */
 .half_box {
  display: flex !important;
  flex-wrap: nowrap;
  justify-content: space-around;
 }
 .half_box div {
  width: 312px;
 }
 .half_box div.m_top {
  margin-top: 4em;
 }
}
@media (max-width: 919px) {
 /* SP */
 .half_box div, .half_box_sp {
  display: flex !important;
  flex-wrap: nowrap;
  justify-content: space-around;
  /* text-align: center; */
  margin: 3em auto;
  width: 94%;
 }
 .half_box div > *, .half_box_sp > * {
  width: 45%;
 }
 .half_box div:nth-child(2) > *:nth-child(1) {
  order: 2;
 }
 .around {
  width: 94%;
  margin: 0 auto;
 }
 .around img {
  width: 45%;
 }
}
ul.interview > li.mt_5em {
 margin-top: 5em;
}
ul.interview > li.mt_6em {
 margin-top: 6em;
}
.num_circle {
 color: #FFF;
 border-radius: 50%;
 background: #e69490;
 width: 1.5em;
 height: 1.5em;
 line-height: 1.5em;
 margin-right: 0.5em;
 margin-top: 0.3em;
 text-align: center;
 display: inline-block;
 font-family: Helvetica, Arial, "sans-serif";
 font-weight: 700;
 float: left;
 letter-spacing: 0;
}
p.num_box, .half_box p {
 margin: 1.5em auto;
}
.num_box .num_text {
 width: calc(100% - 2em);
 display: inline-block;
 float: left;
}
.num_box .num_text2 {
 width: calc(100% - 4.5em);
 display: inline-block;
 float: left;
}
.num_box .num_text3 {
 width: calc(100% - 6.5em);
 display: inline-block;
 float: left;
}
.num_box:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 line-height: 0;
}
@media (min-width: 920px) {
 /* PC */
 .tagai_wrap {
  display: flex !important;
  flex-wrap: nowrap;
  justify-content: space-around;
 }
 .tagai_wrap p {
  margin: 0;
  margin-left: 3em;
  width: 312px;
 }
 .tagai_wrap.change img {
  margin-top: -8em;
 }
 .tagai_wrap.change p {
  margin-top: 3em;
  margin-left: 0;
  margin-right: 3em;
 }
}
.tagai_wrap.change > *:nth-child(1) {
 order: 2;
}
@media (max-width: 919px) {
 /* SP */
 .half_box p {
  margin: 0 auto;
  display: block;
 }
 ul.interview .tagai_wrap {
  display: flex !important;
  flex-wrap: nowrap;
  justify-content: space-around;
  margin: 3em auto;
  width: 96%;
 }
 .tagai_wrap > * {
  width: 45% !important;
 }
 .tagai_wrap > p {
  margin: 0;
 }
}

/*------------------------------------

個別css

------------------------------------*/
/**** vol 01 ****/
.vol01 .sub_name {
 margin-bottom: 0;
}
.vol01 .main_name span {
 background: linear-gradient(transparent 50%, rgba(213, 230, 222, 0.85) 50%);
}
.vol01 .interview_ttl {
 color: #82af96;
}
.vol01 .interview_ttl::before {
 background: #82af96;
}
.vol01 .prof {
 margin: 4em 0;
 justify-content: center;
}
.vol01 #story_mama .prof p {
 width: 300px;
 margin-left: 2.5em;
}
@media (max-width: 919px) {
 /* SP */
 .vol01 #titlearea_mama > img {
  width: 118%;
  margin: 0 0 0 -2%;
 }
 .vol01 #titlearea_mama .ttl_text {
  top: auto;
  bottom: 16%;
  left: -23%;
 }
}
/**** vol 03 ****/
.vol03 .main_name span {
 background: linear-gradient(transparent 50%, rgba(247, 223, 222, 0.85) 50%);
}
.vol03 .interview_ttl {
 color: #e69490;
}
.vol03 .interview_ttl::before {
 background: #e69490;
}
.vol03 .point_ttl {
 font-size: 140%;
 font-weight: bold;
 border-left: 6px double #e69490;
 padding-left: 0.6em;
 margin-bottom: 0.9em;
 line-height: 1.5;
 text-align: left;
}
@media (min-width: 920px) {
 /* PC */
 .vol03 .side_text {
  align-items: center;
 }
 .vol03 .side_text p {
  margin: 0 3em;
 }
}
@media (max-width: 919px) {
 /* SP */
 .vol03 .point_ttl {
  margin: 1em 1em 0.9em;
 }
 .vol03 .side_text {
  display: block !important;
 }
 .vol03 .interview .side_text > div {
  width: 100%;
 }
 .vol03 .interview .side_text > .image_wrap {
  display: block;
  width: 60%;
  margin: 0 auto;
 }
}
/**** vol 04 ****/
.vol04 .sub_name {
 margin-bottom: 0;
}
.vol04 .main_name span {
 background: linear-gradient(transparent 50%, rgba(213, 230, 222, 0.85) 50%);
}
.vol04 .interview_ttl {
 color: #82af96;
}
.vol04 .interview_ttl::before {
 background: #82af96;
}
.vol04 #titlearea_mama .ttl_text {
 top: 210px;
 left: 135px;
}
.vol04 .image_wrap {
 display: inline-block;
 vertical-align: middle;
}
.vol04 .mt_4m {
 margin-top: 4em;
}
@media (max-width: 919px) {
 /**** SP ****/
 .vol04 #titlearea_mama .ttl_text {
  top: auto;
  bottom: 21%;
  left: 0%;
 }
}
/**** vol 05 ****/
.vol05 .sub_name {
 margin-bottom: 0;
}
.vol05 #titlearea_mama .ttl_text {
 top: 210px;
 left: 105px;
}
@media (min-width: 920px) {
 /* PC */
 .vol05 .interview p.lead_mama {
  width: 600px;
  margin-top: 1.5em;
 }
}
@media (max-width: 919px) {
 /* SP */
 .vol05 #titlearea_mama .ttl_text {
  top: auto;
  bottom: 21%;
  left: 0%;
 }
 .vol05 .half_box div {
  align-items: center;
  margin: 0 auto 2em;
 }
}
/* vol 06 */
.vol06 .main_name span {
 background: linear-gradient(transparent 50%, rgba(247, 223, 222, 0.85) 50%);
}
.vol06 .interview_ttl {
 color: #e69490;
}
.vol06 .interview_ttl::before {
 background: #e69490;
}
.vol06 .num_circle {
 color: #FFF;
 border-radius: 50%;
 background: #e69490;
 width: 1.5em;
 height: 1.5em;
 line-height: 1.5em;
 margin-right: 0.7em;
 margin-left: 0.2em;
 margin-top: 0.3em;
 text-align: center;
 display: inline-block;
 font-family: Helvetica, Arial, "sans-serif";
 font-weight: 700;
 float: none;
 letter-spacing: 0;
}
.vol06 .point_ttl {
 font-size: 140%;
 font-weight: bold;
 border-left: none;
 padding-left: 0;
 margin: 0 0 0.9em;
 line-height: 1.5;
}
.vol06 .point_ttl > span:first-child {
 color: #e69490;
 font-weight: bold;
}
.vol06 .point_ttl > span:nth-child(2) {
 font-weight: bold;
}
.vol06 #titlearea_mama .ttl_text {
 top: 165px;
 left: 128px;
}
@media (max-width: 919px) {
 /* SP */
 .vol06 .point_ttl {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
 }
 .vol06 .point_ttl > span:first-child {
  width: 7em;
 }
 .vol06 #titlearea_mama > img {
  width: 118%;
  margin: 0 0 0 -12%;
 }
 .vol06 #titlearea_mama .ttl_text {
  top: auto;
  bottom: 11%;
  left: 3%;
 }
 .vol06 .point_ttl {
  margin: 0 1em 0.9em;
 }
 #story_mama .sp_static {
  display: block !important;
 }
 #story_mama .sp_static.side_text .image_wrap {
  width: 70%;
  display: block;
  margin: 0 auto;
 }
 #story_mama .sp_static.side_text > p {
  width: 90%;
  margin: 1.5em 1.5em;
 }
}
/**** vol 07 ****/
.vol07 .sub_name {
 margin-bottom: 0;
}
.vol07 .main_name span {
 background: linear-gradient(transparent 50%, rgba(213, 230, 222, 0.85) 50%);
}
.vol07 .interview_ttl {
 color: #82af96;
}
.vol07 .interview_ttl::before {
 background: #82af96;
}
.vol07 #titlearea_mama .ttl_text {
 top: 210px;
 left: 135px;
}
@media (min-width: 920px) {
 /* PC */
 .vol07 .overlap p.wide {
  width: 290px;
 }
}
@media (max-width: 919px) {
 /* SP */
 .vol07 #titlearea_mama .ttl_text {
  top: auto;
  bottom: 21%;
  left: 3%;
 }
 .vol07 #story_mama .overlap {
  margin: 0 0 3em;
 }
}
/**** vol 08 ****/
.vol08 #titlearea_mama .ttl_text {
 top: 170px;
 left: 61px;
}
.vol08 .main_name {
 letter-spacing: 0;
}
@media (max-width: 919px) {
 /* SP */
 .vol08 #titlearea_mama > img {
  width: 118%;
  margin: 0 0 0 -15%;
 }
 .vol08 #titlearea_mama .ttl_text {
  top: auto;
  bottom: 12%;
  left: -2%;
 }
}

/**** vol 09 ****/
.vol09 #titlearea_mama .ttl_text {
top: 110px;
left: 100px;
}

.vol09 .interview_ttl {
    font-size: 210%;
}
@media (max-width: 919px) {
/* SP */
.vol09 #titlearea_mama > img {
    width: 140%;
    margin: 0 0 0 -18%;
}
.vol09 #titlearea_mama .ttl_text {
    top: auto;
    bottom: 37%;
    left: -21%;
}
.vol09 #titlearea_mama .ttl_text p .main_name{
    letter-spacing: 0.03em;
    font-size: 210%;
}
.vol09 #story_mama .overlap p {
    margin: 0 1em;
   }
.vol09 #story_mama .overlap {
    margin-top: 0;
    align-items: center;
   }
}

/**** vol 10 ****/
.vol10 #titlearea_mama .ttl_text {
 top: 90px;
 left: 142px;
}
.vol10 .main_name span {
 background: linear-gradient(transparent 50%, rgba(213, 230, 222, 0.85) 50%);
}
.vol10 .interview_ttl {
 color: #82af96;
}
.vol10 .interview_ttl::before,
.vol10 .num_circle {
 background: #82af96;
}
.vol10 .point_ttl {
 font-size: 140%;
 font-weight: bold;
 border-left: 6px double #82af96;
 padding-left: 0.6em;
 margin-bottom: 0.9em;
 line-height: 1.5;
 text-align: left;
}
@media (max-width: 919px) {
 /* SP */
 .vol10 #titlearea_mama .ttl_text {
  top: auto;
  bottom: 27%;
  left: 0%;
 }
 .vol10 .main_name span {
 font-size: 90%;
 }
 .vol10 #titlearea_mama > img {
  width: 118%;
  margin: 0 0 0 -9%;
 }
 .vol10 .point_ttl {
  margin: 1em 1em 0.9em;
 }
 .wrapper * {
    font-size: 93%;
}
.interview_ttl {

    font-size: 200%!important;
   }
}

#Container_fca {
padding-top: 20px;
}
#index_mama {
    overflow: hidden;
}