body{
  font-size:13px;
  line-height: 1.7;
}
.carehybrid-container{
  overflow-x:hidden;
}
/* ---------------------------------------- */
/* MODULE */
/* ---------------------------------------- */
/* ATOM ---------------------------------------- */
.show-sml{
  display: inline;
}
.hide-sml{
  display: none;
}


/* MOLECULES ---------------------------------------- */
.line-vertical-sml{
	position: relative;
}
.line-vertical-sml::before{
	content:'';
	display: block;
	width:1px;
	height:52px;
	background-color:#b1181f;
	position: absolute;
	left:50%;
	top:-38px;
}
.unit_points{
  max-width:640px;
	padding: 0 18px;
}
@media screen and (max-width:640px){
  .unit_points > li::before{
    width:67px;
    height: 80px;
    background-size:67px auto;
    top:-11px;
    left:-19px;
  }
  .unit_points > li:first-child::before{
    background-image: url(../img/icon-point01-sml.png);
  }
  .unit_points > li:nth-child(2)::before{
    background-image: url(../img/icon-point02-sml.png);
  }
  .unit_points > li:last-child::before{
    background-image: url(../img/icon-point03-sml.png);
  }
}
@media screen and (max-width:374px){
  .unit_points > li::before{
    left:-26px;
  }
}
.unit_points > li{
	padding: 0 0px 0;
}
.unit_points > li:first-child .points-ttl{
  padding-top:19px;
  padding-bottom: 21px;
}
.sec_points .unit_points > li {
  margin-bottom: 34px;
}
.unit_points > li:nth-child(2){
  padding: 0 0;
}
.unit_points > li:nth-child(2) .points-ttl{
  padding-top:37px;
  padding-bottom:33px;
}
.unit_points > li:nth-child(3){
  padding: 0 0;
}
.unit_points > li:nth-child(3) .points-ttl{
  padding-top:33px;
  padding-bottom:33px;
}
.unit_points > li:nth-child(3) .block_contents-point{
  margin-bottom: 0;
}
.swiper-pagination{
  bottom: -30px;
}


/* ---------------------------------------- */
/* LAYOUT */
/* ---------------------------------------- */
.sec_hero .mainvisual img{
	display: none;
}
.sec_hero .mainvisual{
	width:100%;
	height:348px;
	background-position: center;
	background-repeat: no-repeat;
	background-size:768px auto;
  background-image:url(../img/hero-01-sml.jpg);
}
@media screen and (max-width:374px){
	.sec_hero .mainvisual{
		height: 292px;
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 645px auto;
	}
}


/* ABOUT---------------------------------------- */
.sec_about {
  padding-top: 53px;
  padding-bottom: 100px;
}
.sec_about .about-ttl {
  margin-bottom: 34px;
}
.sec_about .sec-ttl img{
	max-width:332px;
	width:89%;
}
.sec_about .about-icon{
  margin-bottom: 28px;
  text-align:center;
}
.sec_about .about-icon img{
  width:199px;
}
.sec_about .about-content{
	display: block;
}
.sec_about .about-content .about-icon img{
	max-width:295px;
}
.sec_about .about-content .about-text{
	text-align: center;
}
.sec_about .about-content .about-text img{
  max-width: 344px;
  width: 92%;
}


/* POINTS---------------------------------------- */
.sec_points{
  padding-bottom: 80px;
}
.sec_points .sec-ttl {
  margin-bottom: 26px;
}
.sec_points .sec-ttl img{
	width:289px;
}
.sec_points .points-copy {
  margin-top: 0;
  margin-bottom: 35px;
}
.sec_points .points-copy img{
	max-width:302px;
  width:90.1%;
}
.box_point01-detail .point01-figure{
	right:0;
}
.sec_points .unit_points > li:first-child .points-ttl img{
  max-width: 238px;
  width: 72%;
}
.sec_points .unit_points > li:nth-child(2) .points-ttl img{
  max-width: 236px;
  width: 71%;
}
.sec_points .unit_points > li:last-child .points-ttl img{
  max-width: 228px;
  width: 68.1%;
}
/*point01*/
.box_point01-detail::before{
  width:112px;
  height: 36px;
  background-image:url(../img/points/point01-badge-sml.png);
  background-size: 112px auto;
  top: 0px;
  left: -15px;
  opacity:0;
  transition:opacity 0.2s ease-out;
}
@media screen and (max-width: 374px){
  .box_point01-detail::before{
    width:100px;
    background-size: 100px auto;
  }
}
.accordin-open-complete .box_point01-detail::before{
	opacity:1;
}
.unit_points .point01-img img{
	max-width:312px;
  width:100%;
}
.unit_points .point01-img {
  margin-bottom: 36px;
  padding: 0 10px;
}
.box_point01-detail .detail-ttl img{
  width:117px;
  height: auto;
}
.box_point01-detail.box_point01-detail-02 .detail-ttl img{
  width:100px;
}
.box_point01-detail .detail-ttl {
  margin-bottom: 21px;
}
.box_point01-detail .detail-ttl:before{
  top: 16px;
}
.box_point01-detail p img{
  max-width: 292px;
  width: 99%;
}
.unit_points li:nth-child(1) .point01-attention img{
	max-width: 255px;
}
.sec_points .unit_points > li:nth-child(1) .block_contents-point{
	padding-bottom: 64px;
}
.box_point01-detail{
  left:0;
  max-width: 335px;
}
.box_point01-detail.box_point01-detail-01 {
    margin-bottom: 15px;
}
.box_point01-detail.box_point01-detail-02{
  margin-bottom: 12px;
}
.unit_points li:nth-child(1) .point01-attention{
  width: 100%;
  text-align: center;
  right: 0;
}
/*point02*/
.unit_points li:nth-child(2) .points-copy{
  margin-top: 0;
  margin-bottom: 33px;
}
.sec_points li:nth-child(2) .points-copy img{
  max-width: 311px;
  width: 92.9%;
}
.unit_point02 {
    padding-bottom: 77px;
}
.unit_point02 dt:first-child {
  margin-left: -6px;
  margin-bottom: 30px;
}
.unit_point02 dt:first-child img{
  max-width: 224px;
  width: 66%;
}
.unit_point02 dd:first-of-type {
  margin-bottom: 36px;
}
.unit_point02 dd:first-of-type img{
  max-width: 280px;
  width: 83.6%;
}
.unit_point02 dt:nth-of-type(2){
  margin-left: 18px;
}
.unit_point02 dt:nth-of-type(2) img{
max-width: 246px;
    width: 88%;
}
.unit_point02 dd:last-of-type img{
  max-width: 297px;
  width: 88.7%;
}
.unit_points li:nth-child(2) .point02-attention img{
	width:204px;
	height: auto;
}
/*point03*/
.unit_point03{
	display: block;
}
.sec_points li:nth-child(3) .points-copy img{
  max-width: 258px;
  width: 77.1%;
}
.unit_point03 li{
	text-align:center;
}
.unit_point03 li img{
	max-width:337px;
	width:100%;
}
.unit_point03 li .link-point03 img{
  width:182px;
  height: auto;
}
.unit_point03 li .link-point03 {
  bottom: 10%;
}
.unit_point03 li .link-point03 p:first-child {
  margin-bottom: 20px;
}
.unit_point03 li .link-point03 p:first-child img {
  width: 228px;
}
.unit_point03 li .link-point03 a.show-sml {
  display: block;
}
.unit_point03 li .link-point03 a.hide-sml {
  display: none;
}
.unit_point03 li:nth-child(2) .link-point03{
  bottom:6%;
}
.unit_point03 li:nth-child(2) .link-point03 p:first-child {
  margin-bottom: 18px;
}
.unit_points li:nth-child(3) .points-copy {
  margin-bottom: 36px;
}
.unit_point03 li:first-child{
	background: linear-gradient(rgba(232, 242, 248, 1) 0, rgba(232, 242, 248, .5) 50%, rgba(232, 242, 248, 0) 100%);
}
.unit_point03 li:last-child{
	background: linear-gradient(rgba(234, 237, 242, 1) 0, rgba(234, 237, 242, .5) 50%, rgba(234, 237, 242, 0) 100%);
}
.unit_point03 li .link-point03 p:nth-child(2) a::before {
  width: 135px;
  left: 43px;
}
@media screen and (max-width: 374px) {
  .unit_point03 li .link-point03 {
    bottom: 9.5%;
  }  
  .unit_point03 li .link-point03 p:first-child {
    margin-bottom: 12px;
  }
  .unit_point03 li:nth-child(2) .link-point03 {
    bottom: 2.5%;
  }    
  .unit_point03 li:nth-child(2) .link-point03 p:nth-child(2) {
    margin-bottom: 24px;
  }  
  .unit_point03 li:nth-child(2) .link-point03 p:first-child {
    margin-bottom: 8px;
  }  
}


/* STORY---------------------------------------- */
.sec_story-home {
  padding-bottom: 30px;
}
.sec_story-home .sec-ttl{
	margin-bottom:35px;
}
.sec_story-home .sec-ttl img{
  max-width: 292px;
  width: 77.9%;
}
.area_as-home{
  padding-top: 125px;
}
.sec_story-home .story-home-copy img{
  max-width: 343px;
  width: 91.5%;
}
.stories-comingsoon img{
  max-width: 329px;
  width: 87.8%;
}
.area_as-home .item-kawata {
    margin-bottom: 30px;
}
.unit_as-home{
  display:block;
  padding: 0 16px;
}
.unit_as-home li{
  margin-bottom: 32px;
}
.area_as-home .item-kawata .imgbox .as-ttl{
   position: absolute;
   top: -82px;
   left: -20px;
}
.area_as-home .item-kawata .imgbox .as-ttl img{
  width:287px;
}
.area_as-home .item-kawata .as-name img{
  width:250px;
}
.area_as-home .item-kawata .as-copy img{
  width:264px;
}
.area_as-home .item-kawata .imgbox{
  margin-bottom: 19px;
}
.area_as-home .item-kawata .as-name {
  margin-bottom: 26px;
}
.area_as-home .item-tejima .as-name img{
  width:236px;
}
.area_as-home .item-inuki .as-name img{
  width:227px;
}
.area_as-home .item-watanabe .as-name img{
  width: 299px;
}
.area_as-home .item-nakata .as-name img{
  width:108px;
}
.area_as-home .as-link{
  max-width:228px;
}
.unit_as-home li .as-name {
  margin-top: 5px;
  margin-bottom: 16px;
}


/* USERS VOICE---------------------------------------- */
.sec_usersvoice {
  padding-bottom: 108px;
}
.carehybrid-container .sec_usersvoice div.inner {
  padding: 0 16px;
}
.sec_usersvoice .sec-ttl {
  margin-bottom: 35px;
}
.sec_usersvoice .sec-ttl img {
  width: 141px;
}
.sec_usersvoice .block-usersvoice.block-dprogram {
  margin-bottom: 70px;
}
.sec_usersvoice .block-dprogram .img-product img {
  width: 276px;
}
.sec_usersvoice .block-haku .img-product img {
  width: 164px;
}

.usersvoice-list {
  max-width: 343px;
  margin: 64px auto 0;
}
.usersvoice-list li {
  margin-bottom: 37px;  
  padding-top:0;
}
.usersvoice-list li .user-name {
  margin-bottom: 10px;
  padding-bottom: 8px;  
  line-height: 1.4;
}
.usersvoice-list li .user-name img {
  width: auto;
  height: 13px;
}
.usersvoice-list li .user-img {
  top: 20px;
}
.usersvoice-list li .user-img img {
  width: 110px;
}
.usersvoice-list li .user-text img {
  width: 222px;
}
.usersvoice-list li:nth-child(2n-1) {
  padding-left: 118px;
}
.usersvoice-list li:nth-child(2n) {
  padding-right: 118px;
}
@media screen and (max-width: 374px) {
  .usersvoice-list li .user-img {
    top: 20px;
    width: 32%;
  }
  .usersvoice-list li .user-img img {
    width: 100%;
  } 
  .usersvoice-list li:nth-child(2n-1) {
    padding-left: 34%;
  }
  .usersvoice-list li:nth-child(2n) {
    padding-right: 34%;
  }  
}

.usersvoice-hashtag img {
  max-width: 317px;
  width: 100%;
}


/* PRODUCTS---------------------------------------- */
.sec_products{
	padding-top: 48px;
	padding-bottom: 70px;
}
.sec_products .inner{
	max-width: calc(100% - 18px);
}
.sec_products .sec-ttl {
   margin-bottom: 33px;
}
.sec_products .sec-ttl img{
  max-width: 300px;
  width: 85%;
}
.sec_products .icon-products {
  margin-bottom: 46px;
}
.sec_products .icon-products img{
	max-width: 199px;
}
.unit_products{
	display: block;
}
.unit_products > li .unit_products-ttl img{
  max-width: 324px;
  width: 91.3%;
}
.unit_products > li:first-child{
	margin-right:0;
  margin-bottom: 35px;
	padding-left:0;
}
.unit_products > li:first-child .unit_products-ttl {
  margin-bottom: 35px;
}
.unit_products > li:first-child p{
	text-align: center;
}
.unit_products > li:first-child p.item-haku img{
  max-width: 311px;
  width: 88%;
}
.unit_products > li:nth-child(2) .item-dprogram-01{
	max-width: 356px;
	margin: 0 auto;
	padding-bottom: 30px;
	text-align: center;
	border-bottom: 1px solid #b5b6b7;
}
.unit_products > li:nth-child(2) .item-dprogram-01 .product-link{
  display: block;
  margin-top: 42px;
  margin-bottom: 20px;
}
.unit_products > li:nth-child(2) .item-dprogram-01 p:first-of-type img{
  max-width: 265px;
  width: 81.3%;
}
.unit_products > li:nth-child(2) .unit_products-ttl {
  margin-bottom: 45px;
}
.unit_products .unit_dproducts{
	display: block;
	margin-top: 13px;
}
.unit_products .unit_dproducts li{
  max-width: 356px;
  margin: 0 auto;
	text-align:right;
	border-bottom:1px solid #b5b6b7;
}
.unit_products .unit_dproducts li:first-child{
  margin-bottom: 26px;
  padding-bottom: 11px;
}
.unit_products .unit_dproducts li:first-child img{
	width:356px;
}
.unit_products .unit_dproducts li:nth-child(2){
  margin-bottom: 13px;
  padding-bottom: 27px;
}
.unit_products .unit_dproducts li:nth-child(2) img{
	width:356px;
}
.unit_products .unit_dproducts li:nth-child(3){
  padding-bottom: 13px;
  margin-bottom: 20px;
}
.unit_products .unit_dproducts li:nth-child(3) img{
	width:356px;
}
.unit_products .unit_dproducts li:last-child{
	border-bottom: none;
}
.unit_products .unit_dproducts li:last-child img{
	width:356px;
}
/* contentsbottom---------------------------------------- */
.sec_contentsbottom .block-ttl {
 	margin-bottom: 35px;
}
.carehybrid-container .sec_contentsbottom .block_relatedsites{
	margin-bottom: 59px;
  padding-bottom: 44px;
}
.sec_contentsbottom .block_relatedsites .block-ttl img{
	max-width:303px;
  width: 80.6%;
}
.unit_relatedsites{
	display: block;
	max-width: 376px;
  margin:0 auto;
  padding:0 32px;
}
.unit_relatedsites li{
	margin:0 0 13px;
}
.unit_relatedsites li img{
	max-width:400px;
	width:100%;
}
.carehybrid-container .sec_contentsbottom .block_contentsbottom.block_share{
	padding: 30px 0 36px;
}
.sec_contentsbottom .block_contentsbottom.block_share .block-ttl img{
	width:140px;
	height: auto;
}
.unit_share li img{
	width:34px;
	height: auto;
}
.pagetop{
  width: 100%;
  height:59px;
  background-color: #b1181f;
  position: absolute;
  bottom: -59px;
  left:0;
}
.pagetop a{
  display: block;
  text-align: center;
  padding-top: 14px;
}
.pagetop a img{
	width:55px;
	height: auto;
}


/* UTILITY---------------------------------------- */
.area_util {
  padding-top: 0;
  padding-bottom: 64px;
}
.unit_breadcrumb{
  padding-left: 10px;
  padding-right: 10px;
	font-size:12px;
}
@media screen and (max-width: 374px){
  .unit_breadcrumb{
    font-size:10px;
  }
}
.link_toppage a{
  width: 224px;
  height: 47px;
  margin: 0 auto;
  padding-top: 10px;
  font-size: 123.07%;
}
.product-link{
  max-width: 228px;
  margin-left:auto;
  margin-right: auto;
}
.product-link > a > img{
  width:100%;
}
.product-link a.show-sml {
  display: inline-block;
}
.product-link a.hide-sml{
  display: none;
}

/* sec_head---------------------------------------- */
.sec_head{
	height: 218px;
}
.sec_head-gallery {
  background-image: url(../img/cm/head-sml.jpg);
}
.sec_head-event {
  background-image: url(../img/event/head-sml.jpg);
}
@media screen and (max-width:374px){
  .sec_head{
    height: 180px;
  }
}


/* EVENT---------------------------------------- */
.sec_event {
  padding-top: 35px;
}
.sec_event .ttl_event img{
    max-width: 318px;
    width: 95%;
}
.sec_event .pkg_event img{
  width:164px;
}
.sec_event .figure_present img{
  max-width: 350px;
  width: 95%;
  margin-left: 4%;
}
.sec_event .ttl_event {
  margin-bottom: 29px;
}
.sec_event .pkg_event {
  margin-bottom: 29px;
}
.sec_event .figure_present {
  margin-bottom: 68px;
}
.sec_event .copy_event {
  margin-bottom: 26px;
}
.sec_event .copy_event img{
	max-width:335px;
	width:100%;
}
.sec_event .figure_present figcaption img{
  width:212px;
}
.block_eventmap .sec-ttl img{
  width: 180px;
}
.unit_eventmap{
  max-width: 600px;
  padding:0;
}
.unit_eventmap li .metabox .ttl_eventmap img{
  width:auto;
  height: 44px;
}
.unit_eventmap li .metabox .detail_eventmap{
  text-align: center;
}
.unit_eventmap li:first-child .metabox .detail_eventmap img{
  width:234px;
}
.unit_eventmap li:nth-child(2) .metabox .detail_eventmap img{
  width: 185px;
}
.unit_eventmap li:last-child .metabox .detail_eventmap img{
  width: 170px;
}
.block_eventmap{
  margin-bottom: 70px;
	padding-left:19px;
	padding-right: 19px;
}
.unit_eventmap li{
	display: block;
  margin-bottom: 32px;
}
.unit_eventmap li .metabox{
	height: auto;
  padding-left: 0;
  padding-right: 0;
  padding-top: 30px;
 	padding-bottom: 24px;
}
.unit_eventmap li .link_map.hide-sml{
  display: none;
}
.unit_eventmap li .link_map{
  display: inline-block;
  padding: 0 0 10px;
}
.unit_eventmap li .metabox .ttl_eventmap {
  margin-bottom: 24px;
  text-align: center;
}
.unit_eventmap li .mapbox{
	width:100%;
  padding: 0 17px;
}
.unit_eventmap li .mapbox iframe{
  max-width:100%;
  height: 260px;
}
.link_map-sml img{
  width:101px;
}
.link_map-sml{
	display: block;
  padding: 6px 0 10px;
}
@media screen and (max-width:640px){
  .unit_eventmap li::before{
    width:68px;
    height: 78px;
    background-size: 68px 78px;
  }
  .unit_eventmap li:first-child::before{
    background-image:url(../img/event/icon-event-01-sml.png);
  }
  .unit_eventmap li:nth-child(2)::before{
    background-image:url(../img/event/icon-event-02-sml.png);
  }
  .unit_eventmap li:last-child::before{
    background-image:url(../img/event/icon-event-03-sml.png);
  }
}
.banner-fixed{
  width:100%;
  bottom: 0px;
  left: 0;
}
.banner-fixed img{
  width:100%;
}
.carehybrid-container .banner-fixed .inner{
  position: relative;
  max-width:414px;
  margin:0 auto;
  padding:0 0px;
}
.banner-fixed .close-banner{
  right: 0;
  bottom: 50px;
}


/* GALLERY--------------------------------------- */
.sec_gallery .block_gallery .inner{
  max-width:624px;
}
.sec_gallery .block_gallery.block_cm{
  margin-bottom: 90px;
  padding-top: 41px;
}

.unit_cm{
  display: block;
  max-width:600px;
  margin:0 auto;
}
.unit_cm li{
  margin-bottom: 80px;
}
.unit_cm li:nth-child(2),
.unit_cm li:nth-child(3){
  max-width:375px;
  margin-left:auto;
  margin-right: auto;
}
.unit_cm li:nth-child(3){
  margin-bottom: 0;
}
.unit_cm li .cm-brandname {
  margin-bottom: 4px;
}
.unit_cm li:first-child .cm-ttl {
  margin-top: 12px;
}
.unit_cm li:first-child .cm-ttl img{
  width:222px;
}
.unit_cm li:nth-child(2) .cm-ttl,
.unit_cm li:nth-child(3) .cm-ttl {
  margin-top: 12px;
}
.unit_cm li:nth-child(2) .cm-ttl img{
  max-width:322px;
  width:100%;
}
.unit_cm li:nth-child(3) .cm-ttl img{
  max-width:281px;
  width:100%;
}

@media screen and (max-width:374px){
  .unit_cm li:nth-child(2) .cm-ttl img,
  .unit_cm li:nth-child(3) .cm-ttl img{
    width: auto;
    max-width: 100%;
    height: 14px;
  }
}
.unit_graphic{
  display: block;
  margin:0 auto;
  max-width: 375px;
}
.unit_graphic li{
  margin-bottom: 70px;
}
.unit_graphic li a img{
  width:100%;
}
.unit_graphic li:last-child{
  margin-bottom: 0;
}
.unit_graphic li .graphic-ttl img{
  width: auto;
  height: 17px;
}
.sec_gallery .block_gallery.block_cm .ttl_block img{
  width:62px;
}
.sec_gallery .block_gallery.block_graphic .ttl_block img{
  width:160px;
}
.sec_gallery .block_gallery .ttl_block {
  margin-bottom: 38px;
}
.sec_gallery .block_gallery.block_graphic {
  margin-bottom: 63px;
}


/* ARTICLE--------------------------------------- */
.sec_article{
  padding-bottom: 50px;
}
.carehybrid-container .sec_article article .inner{
  max-width:650px;
}
.sec_article .ornament-article img{
  width:124px;
  height: auto;
}
.sec_article .ttl-article{
  font-size: 160%;
}
.profile-article{
  display: block;
  margin-bottom: 46px;
}
.profile-article dd{
  border-top:1px solid #b0181f;
  border-bottom:1px solid #b0181f;
  padding: 16px 0;
}
.profile-article dt{
  width: 100%;
  margin-bottom: 13px;
}
.profile-article dt span{
  margin-right:4px;
}
.sec_article .base-content figure {
  margin-bottom: 30px;
}
.sec_article .base-content h2{
  margin-top: 28px;
  font-size: 130%;
}
.sec_article .base-content h2 br{
/*  display: none;*/
}
.sec_article .base-content p{
  margin: 0 0 65px;
}
.sec_article .base-content p.q{
  margin-top: 2.6em;
  margin-bottom: 1.2em;
}
.visual-article{
  margin-bottom: 15px;
}
.block_topics .ttl-topics {
  margin-bottom: 10px;
  margin-left: 0;
}
.unit_topics{
  padding-left:0;
  padding-right: 0;
}
.preface{
  margin-bottom: 40px;
}
.unit_topics li a{
  padding: 8px 0px 8px 0;
}
.block_topics {
  margin-bottom: 0px;
}
.sec_article .base-content{
  margin-bottom: 30px;
}
.sec_article .link-product a{
    padding-top: 8px;
}

.sec_article .link-product{
  max-width:335px;
  margin:0 auto;
}
.link-product_use {
  padding-top: 34px;
}
.link-product_useInuki {
  background: url(../img/article/use_inuki_sp.png) no-repeat center top/contain;
}
.link-product_useNakata {
  background: url(../img/article/use_nakata_sp.png) no-repeat center top/contain;
}
.link-product_useTejima {
  background: url(../img/article/use_tejima_sp.png) no-repeat center top/contain;
}
.link-product_useWatanabe {
  background: url(../img/article/use_watanabe_sp.png) no-repeat center top/contain;
}

.sec_article .link-product a::before{
  display: none;
}
.sec_article .link-product a img{
  width: auto;
  height: 41px;
}
.area_anotherstory .ttl-anotherstory img{
  width:194px;
}
.area_anotherstory .ttl-movie {
  margin: 40px auto 19px;
}
.area_anotherstory .ttl-movie img{
  width:153px;
}
.area_anotherstory .ttl-interview {
  margin-bottom: 20px;
}
.area_anotherstory .ttl-interview img{
  width:184px;
}
.area_anotherstory .unit_as .as-link {
  margin-top: 30px;
}
.area_anotherstory .unit_as li{
  margin-bottom: 65px;
}
.area_anotherstory{
  padding-top: 50px;
}
.area_anotherstory .item-kawata {
  margin-bottom: 50px;
}
.area_anotherstory .item-kawata .as-img{
  margin-bottom: 22px;
}
.area_anotherstory .item-kawata .as-ttl img{
  max-width:240.5px;
}
.area_anotherstory .unit_as{
  display: block;
}
.area_anotherstory .unit_as li{
  max-width:510px;
  margin-left:auto;
  margin-right: auto;
}
.area_anotherstory .unit_as .as-img img{
  max-width:510px;
  width:100%;
}
.area_anotherstory .unit_as .as-ttl img{
  max-width:510px;
  width:100%;
}
.area_anotherstory .unit_as .as-link a{
  display:block;
  width:228px;
  margin:0 auto;
}
.modal-container .modal-content{
  padding-left: 0;
  padding-right: 0;
}
.modal-container.modal-home .modal-content{
  transform: translateY(60px);
}
.modal-container.modal-graphic .modal-content{

}
.modal-content .box-graphic{
  max-height: auto;
  max-height: initial;
}

.modal-container.modal-graphic img{
  max-height: 450px;
}
@media screen and (max-width:374px){
  .modal-container.modal-graphic img{
    max-height: 360px;
  }  
}
/*
body.page-gallery.is_modal-open{
  position: fixed;
}
*/