/*
Theme Name: Grandoir DOONA
Theme URI: 
Author: the WordPress team
Author URI: 
Description: 
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: grandoir-doona
Tags: 
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
	
@import url('https://fonts.googleapis.com/css2?family=Libre+Bodoni:ital,wght@0,400..700;1,400..700&display=swap');
@import url('https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css');

a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}



.wp-site-blocks > * {
  margin-block-start: 0;
}


body.style_doona {
}


.doona_frame {
  padding: 0 20px;
	font: normal 400 16px/1.5 "century-gothic","hiragino-kaku-gothic-pron",sans-serif;
	color: #262626;
  
  /*background-color: #aaa;*/
}
.doona_frame.frame_wide {
  padding: 0;
}
.doona_frame.frame_wide .doona_frame_content{
  padding: 0 20px;
}


@media screen and (max-width: 810px) {
.doona_frame.area_ourstory_about {
  font-size: 14px;
}
}

.doona_frame * {
  margin: 0;
  padding: 0;
	box-sizing: border-box;
}
.doona_frame .doona_frame_content {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
}

.doona_frame picture {
  display: inline-block;
  margin: 0 auto;
  text-align: center;
}
.doona_frame img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  width /***/:auto;　
  opacity: 1;
  transition: all 0.3s ease;
}
.doona_frame h1, 
.doona_frame h2, 
.doona_frame h3 {
  font-size: 1em;
  font-weight: 400;
}
.doona_frame .style_h1 { /* 32/16px */
	font-size: 2.2857em;
}
.doona_frame .style_h2 { /* 29/16px */
	font-size: 1.8125em;
}
.doona_frame .style_h3 { /* 24/16px */
	font-size: 1.5em;
}
.doona_frame i {
	font: italic 400 1em/1 "itc-bodoni-seventytwo-pro", serif;
}

.doona_frame .unit_text + .unit_text {
  margin-top: 1.5em;
}
.doona_frame .unit_text.style_mt_2 {
  margin-top: 3em;
}

.doona_frame .nobr {
  white-space: nowrap;
}
.doona_frame .spi {
  display: inline;
}
@media (min-width: 800px) {
.doona_frame .spi {
  display: none;
}
}






.doona_content {
  /*
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  
	font: normal 400 20px/1.5 "century-gothic","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",sans-serif;
  */
  
  /*
  century-gothic
  font-family: century-gothic, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-family: century-gothic, sans-serif;
  font-weight: 700;
  font-style: normal;
  
  Hiragino Kaku Gothic ProN
  font-family: hiragino-kaku-gothic-pron, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-family: hiragino-kaku-gothic-pron, sans-serif;
  font-weight: 600;
  font-style: normal;
  
  ITC Bodoni Seventytwo Pro
  font-family: itc-bodoni-seventytwo-pro, sans-serif;
  font-weight: 400;
  font-style: italic;
  */
  
	font: normal 400 16px/1.5 "century-gothic","hiragino-kaku-gothic-pron",sans-serif;
	color: #262626;
}

.doona_content * {
  margin: 0;
  padding: 0;
	box-sizing: border-box;
}
.doona_content picture {
  display: inline-block;
  text-align: center;
}
.doona_content img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  width /***/:auto;　
  opacity: 1;
  transition: all 0.3s ease;
}



.doona_content .content_normal {
  width: 100%;
  max-width: 1540px;
  margin: 0 auto;
}


.style_doona .area_image {
}
.style_doona .area_image picture {
  display: block;
  text-align: center;
  background-color: #F5F4F4;
}


.doona_content_main {
  padding-top: 80px;
}
.doona_content_main_pre {
}
  

/*---------------------------------------------
パンくずリスト
---------------------------------------------*/
.doona_frame.area_breadcrumb {
  padding: 20px;
}
.area_breadcrumb .list_breadcrumb {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  font-size: 0.9375em;
  list-style-type: none;
}
.area_breadcrumb .list_breadcrumb a {
  color: #969696;
  text-decoration: none;
}
.area_breadcrumb .list_breadcrumb a:hover {
  text-decoration: underline;
}
.area_breadcrumb .list_breadcrumb li + li::before {
  content: '/';
  display: inline-block;
  margin: 0 0.4em;
  color: #969696;
}


/*---------------------------------------------
ヘッダ
---------------------------------------------*/
body.style_doona header {
  position: fixed;
  top: 0;
  z-index: 10;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
	font: normal 400 16px/1.5 "century-gothic","hiragino-kaku-gothic-pron",sans-serif;
	color: #262626;
  background-color: rgb(255 255 255 / 1);
}
body.style_doona header > * {
  width: 100%;
  max-width: 1500px;
  font-weight: 700;
}
body.style_doona header .wp-block-spacer {
  position: relative;
  height: auto !important;
}
body.style_doona header .wp-block-spacer::before {
  content: '｜';
}

@media screen and (max-width: 600px) {
body.style_doona header .wp-block-navigation-link  {
  text-align: center;
}
}

@media (min-width: 800px) {
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        background-color: inherit;
        display: block;
        position: relative;
        width: 100%;
        z-index: auto;
    }
}


.doona_area_footer {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 10px;
	font: normal 400 16px/1.5 "century-gothic","hiragino-kaku-gothic-pron",sans-serif;
	color: #262626;
}
.doona_area_footer * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.doona_area_footer a {
  text-decoration: none;
}

.doona_area_footer .doona_footer_right {
  position: relative;
  margin-top: auto;
  padding: 1em;
}

.doona_area_footer .doona_footer_left {
  position: relative;
  padding: 1em;
}
.doona_area_footer .doona_footer_nav1  {
  display: flex;
  margin-bottom: 2em;
}
.doona_area_footer .doona_footer_nav1 .doona_unit  {
}
.doona_area_footer .doona_footer_nav1 .doona_unit + .doona_unit {
  margin-left: 3em;
}
.doona_area_footer .doona_footer_nav1 .unit_title {
  display: inline-block;
  margin-bottom: 1em;
  font-size: 1.2em;
  border-bottom: solid 1px #262626;
}
.doona_area_footer .doona_footer_nav1 .doona_link_list {
  margin-left: 1em;
  font-size: 0.9em;
}
.doona_area_footer .doona_footer_nav2 {
  font-size: 0.9em;
}
.doona_area_footer .doona_footer_nav2 a {
  display: inline-block;
}
.doona_area_footer .doona_footer_nav2 a + a {
  margin-left: 1.4em;
}

.doona_area_footer .doona_link_sns  {
  list-style-type: none;
  display: flex;
  justify-content: flex-end;
}
.doona_area_footer .doona_link_sns li + li {
  margin-left: 30px;
}
.doona_area_footer .doona_link_sns img {
  height: 36px;
}
.doona_area_footer .doona_copyright {
  margin-top: 1em;
  text-align: right;
  font-size: 0.9em;
}
/*---------------------------------------------
画面の横幅が1200px以下
---------------------------------------------*/
@media screen and (max-width: 900px) {
.doona_area_footer {
  display: block;
}
.doona_area_footer .doona_footer_nav1  {
  flex-wrap: wrap;
  justify-content: center;
}
.doona_area_footer .doona_footer_nav2 {
  text-align: center;
}
.doona_area_footer .doona_link_sns  {
  justify-content: center;
}
.doona_area_footer .doona_copyright {
  text-align: center;
}
.doona_area_footer .doona_copyright {
  font-size: 0.7em;
}
}
@media screen and (max-width: 600px) {
.doona_area_footer .doona_footer_nav1  {
  display: block;
  justify-content: center;
  text-align: center;
}
.doona_area_footer .doona_footer_nav1 .doona_unit + .doona_unit {
  margin-left: 0;
  margin-top: 2em;
}
.doona_area_footer .doona_footer_nav1 .unit_title {
  font-size: 1em;
}
.doona_area_footer .doona_footer_nav1 .doona_link_list {
  list-style-type: none;
  margin-left: 0;
  font-size: 0.8em;
}
.doona_area_footer .doona_footer_nav1 .doona_link_list li {
  line-height: 2;
}
.doona_area_footer .doona_footer_nav2 {
  text-align: center;
  font-size: 0.8em;
}
}





/*---------------------------------------------
トップページ
---------------------------------------------*/
/*
スライダ
-----------------------------------*/
.doona_top_slide {
  width: 100%;
}
.doona_top_slide .swiper-wrapper {
  width: 100%;
}
.doona_top_slide .swiper-slide {
  width: 100%;
}
.doona_top_slide .swiper-slide picture {
  display: block;
  width: 100%;
  text-align: center;
}
.doona_top_slide .swiper-slide picture img {
  width: 100%;
}


/*
Version up
-----------------------------------*/
.doona_frame.doona_top_versioup {
  width: 100%;
  margin-bottom: 100px;
  padding: 100px 0;
  background-color: #E4DFDF;
}

.doona_top_versioup .doona_top_versioup_content {
  display: flex;
  justify-content: center;
  width: 100%;
  overflow: hidden;
}

.doona_top_versioup .doona_top_versioup_inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1320px;
}

.doona_top_versioup .doona_versioup {
  position: relative;
  z-index: 2;
  padding: 0 60px 0 20px;
  text-align: center;
  font-weight: 700;
  background-color: #E4DFDF;
}
.doona_top_versioup .doona_versioup::before {
  content: '';
  display: block;
  width: 200vw;
  height: 100%;
  position: absolute;
  right: 100%;
  top: 0;
  background-color: #E4DFDF;
}
.doona_top_versioup .doona_versioup picture {
  max-width: 500px;
}
.doona_top_versioup .doona_versioup .unit_title_sub {
  margin-top: 1em;
}
.doona_top_versioup .doona_versioup .unit_title {

}
.doona_top_versioup .doona_versioup .unit_text {
}

.doona_top_versioup .doona_versioup_slide {
  position: relative;
}
.doona_top_versioup .vuSwiper {
  overflow: visible;
  width: 380px;
  padding-top: 80px;
}
.doona_top_versioup .vuSwiper .swiper-slide {
  width: 380px !important;
  padding-right: 55px;
}
.doona_top_versioup .vuSwiper .swiper-slide picture {
  display: block;
  max-width: 320px;
  margin: 0.5em 0;
  text-align: center;
}
.doona_top_versioup .vuSwiper .swiper-slide .slide_number {
	/*font: normal 700 1.2em/1.5 "century-gothic",sans-serif;*/
  font-size: 1.2em;
  font-weight: 700;
  color: #fff;
}
.doona_top_versioup .vuSwiper .swiper-slide .slide_number span {
  font-size: 1.25em;
  font-weight: 700;
  color: #97847C;
}
.doona_top_versioup .vuSwiper .swiper-slide .slide_title {
  width: 100%;
  padding: 0.4em 0;
  margin: 0 auto;
  font-size: 1.2em;
  font-weight: 700;
  text-align: center;
}
.doona_top_versioup .vuSwiper .swiper-slide .slide_title mark {
  background-color: #fff;
  font-size: 1em;
  font-weight: 700;
}
.doona_top_versioup .vuSwiper .swiper-slide .slide_text {
  width: 100%;
  max-width: 370px;
  margin: 0.4em auto 0;
  padding-top: 0.3em;
  font-size: 0.9em;
  font-weight: 700;
  border-top: solid 1px #262626;
}

.doona_top_versioup .vuSwiper .swiper-button-next, 
.doona_top_versioup .vuSwiper .swiper-button-prev {
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 30px;
  background-color: #F1EEEE;
  border-radius: 15px;
}
.doona_top_versioup .vuSwiper .swiper-button-prev {
  left: 100px;
}
.doona_top_versioup .vuSwiper .swiper-button-next::after, 
.doona_top_versioup .vuSwiper .swiper-button-prev::after {
  display: none;
}
.doona_top_versioup .vuSwiper .swiper-button-next img, 
.doona_top_versioup .vuSwiper .swiper-button-prev img {
  width: 42px;
}

@media screen and (max-width: 1200px) {
.doona_top_versioup .doona_versioup {
  width: 45%;
}
.doona_top_versioup .vuSwiper .swiper-slide {
  width: 80% !important;
}
}

@media screen and (max-width: 900px) {
.doona_top_versioup .doona_top_versioup_inner {
  display: block;
  padding: 0 20px;
}
.doona_top_versioup .doona_versioup {
  width: 100%;
  padding: 0 20px 40px;
}
.doona_top_versioup .vuSwiper .swiper-slide {
  width: 470px !important;
}
}


/*
アクセサリー
-----------------------------------*/
.doona_top_accessories .doona_frame_content {
  display: flex;
  align-items: center;
  margin: 50px auto;
}
.doona_top_accessories .doona_frame_content.doona_top_accessories_rev {
  flex-direction: row-reverse;
}
.doona_top_accessories .doona_frame_content > * {
  width: 50%;
}
.doona_top_accessories hgroup {
  margin-bottom: 3em;
  text-align: center;
}
.doona_top_accessories hgroup h1 {
	/*font: italic 400 3em/1.5 "itc-bodoni-seventytwo-pro", serif;*/
  line-height: 1.3;
  font-size: 3em;
  letter-spacing: -0.02em;
}
.doona_top_accessories .doona_unit {
  padding: 20px;
  text-align: center;
}
.doona_top_accessories .doona_unit .unit_title {
  margin: 1em 0;
  text-align: center;
}
.doona_top_accessories .doona_unit .unit_text,
.doona_top_accessories .doona_unit .unit_text2 {
  margin-top: 1.4em;
  text-align: center;
}
.doona_top_accessories .doona_unit .unit_text2 {
  max-width: 400px;
  margin: 2em auto;
  text-align: left;
}
.doona_top_accessories .doona_unit .unit_text span {
  text-decoration: underline;
}
.doona_top_accessories .doona_unit .unit_text b {
  font-size: 1.2em;
  font-weight: 400;
}
.doona_top_accessories .doona_unit .unit_button {
  margin: 1em 0;
  padding: 1em;
}

.doona_top_accessories .unit_image {
  display: block;
  text-align: right;
}
.doona_top_accessories.doona_top_accessories_rev .unit_image {
  padding: 0 10px;
  text-align: center;
}

@media screen and (max-width: 900px) {
.doona_top_accessories .doona_frame_content {
  display: block;
  align-items: center;
}
.doona_top_accessories .doona_frame_content > * {
  width: 100%;
}
  
.doona_top_accessories .doona_frame_content .unit_image {
  padding-left: 20px;
}
.doona_top_accessories .doona_frame_content.doona_top_accessories_rev .doona_unit {
  padding: 0;
}
.doona_top_accessories .doona_frame_content.doona_top_accessories_rev .unit_image {
  padding-left: 20px;
  padding-right: 10px;
}
}


/*
DOONA X
-----------------------------------*/
.doona_top_image_x .doona_frame_content {
  padding: 70px 0;
  text-align: center;
}

.doona_top_image_x .doona_frame_content img {
  border-radius: 20px;
}


/*
インスタグラム ストーリーズ
-----------------------------------*/
.doona_top_instagram {
  margin: 50px 0;
}
.doona_top_instagram hgroup {
  text-align: center;
}
.doona_top_instagram hgroup h1 {
	/*font: italic 400 3em/1.5 "itc-bodoni-seventytwo-pro", serif;*/
  line-height: 1.5;
  font-size: 3em;
  letter-spacing: -0.02em;
}
.doona_top_instagram hgroup p {
  margin-top: 0.3em;
  font-size: 0.7em;
}
.doona_top_instagram .doona_list {
  list-style-type: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 50px;
}
.doona_top_instagram .doona_list li {
  margin: 0 25px 25px;
  text-align: center;
}
.doona_top_instagram .doona_list li a {
  font-size: 0.6em;
  font-weight: 700;
  text-decoration: none;
}
.doona_top_instagram .doona_list li img {
  width: 77px;
  border-radius: 50%;
}


/*
ページ下部リンク
-----------------------------------*/
.doona_top_bottom {
  position: relative;
  margin: 50px 0;
}
.doona_top_bottom picture {
  overflow: hidden;
  display: block;
  width: 100%;
  max-height: 634px;
}
.doona_top_bottom picture img {
  object-fit: cover;
  object-position: 50% 100%;
  width: 100%;
  max-height: 634px;
}
.doona_top_bottom .doona_bottom_inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.doona_top_bottom .doona_bottom_unit {
  padding: 3em 1em;
}
.doona_top_bottom .doona_bottom_unit .doona_title {
  text-align: center;
  color: #fff;
}
.doona_top_bottom .doona_bottom_unit .doona_title img {
  max-width: 306px;
  margin: 30px 0;
}
.doona_top_bottom .doona_bottom_unit .unit_button {
  padding: 1em;
  text-align: center;
}
.doona_top_bottom .doona_bottom_unit .unit_button a {
  width: 100%;
  max-width: 300px;
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.doona_top_bottom .doona_bottom_unit .unit_button a::before {
  display: none;
}

@media screen and (max-width: 1200px) {
.doona_top_bottom .doona_bottom_unit {
  padding-top: 2vw;
}
.doona_top_bottom .doona_bottom_unit .doona_title {
  font-size: 3vw;
}
.doona_top_bottom .doona_bottom_unit .doona_title img {
  margin: 1vw 0;
}
}
@media screen and (max-width: 800px) {
.doona_top_bottom .doona_bottom_unit .doona_title img {
  max-width: 30vw;
}
.doona_top_bottom .doona_bottom_unit .unit_button a {
  padding: 1vw;
}
}



/*--------------------------------------------
Doona
---------------------------------------------*/
/*
世界唯一の完全一体型
-----------------------------------*/
.area_intro {
  position: relative;
  padding: 2em 20px;
}
.area_intro .doona_unit {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #d9d9d9;
  mix-blend-mode: difference;
}
.area_intro .doona_unit .unit_title {
  font-size: 4em;
  font-weight: 700;
}
.area_intro .doona_unit .unit_title_sub {
  margin-top: 1em;
  font-weight: 700;
}
.area_intro .doona_unit .unit_text {
  margin-top: 2em;
  line-height: 2.5;
}
.area_intro .unit_button {
  position: relative;
  z-index: 3;
  margin-top: 2em;
}

.area_intro .image_back {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 120px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.area_intro .image_back .image_back_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
}
.area_intro .image_back .image_back_inner img {
  max-width: 310px;
}
.area_intro .image_back .image_back_inner img:first-child {
  margin-left: -50px;
}
.area_intro .image_back .image_back_inner img:last-child {
  margin-right: -50px;
}

@media screen and (max-width: 800px) {
.area_intro .doona_unit .unit_title {
  font-size: 6vw;
}
.area_intro .image_back {
  position: relative;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.area_intro .image_back .image_back_inner img:first-child {
  margin-left: 0;
}
.area_intro .image_back .image_back_inner img {
  width: 50%;
}
.area_intro .image_back .image_back_inner img:last-child {
  margin-right: 0;
}
}


/*
コンテンツ
-----------------------------------*/
.area_first {
  margin-top: 80px;
}

.area_first .image_back {
  text-align: center;
}

.area_first .area_content {
  margin-top: -250px;
  background-color: rgb(255 255 255 / .9);
}
.doona_page_likitrike .area_first .area_content {
  margin-top: -200px;
}


.area_first .area_content .content_title {
  position: absolute;
  top: -1.8em;
}
.area_content {
  position: relative;
  margin: 0 auto;
  padding: 100px 20px 20px;
}
.doona_frame.frame_wide .doona_frame_content .area_content {
  margin-left: 0;
  margin-right: 0;
}

.doona_page_likitrike .area_first .area_content {
  padding-top: 50px;
}

.area_content .content_title {
  width: 100%;
  margin-bottom: 2em;
  text-align: center;
}
.area_content .content_title span {
  display: inline-block;
  line-height: 1.3;
  font-size: 2.1em;
  font-weight: 700;
  color: #fff;
  background-color: #E1CD9F;
  border-radius: 10px;
}
.area_content .content_title i {
  line-height: 1;
  font-size: 0.5em;
  font-weight: 700;
}

.area_content .content_title2 {
  width: 100%;
  margin-bottom: 0.5em;
  text-align: center;
  font-size: 2em;
  font-weight: 700;
  color: #E1CD9F;
}
.area_content .content_title2 b {
  font-size: 1.54em;
}
.area_content .content_title2 i {
  line-height: 1;
  font-size: 1.14em;
}

@media screen and (max-width: 800px) {
.area_first {
  margin-top: 40px;
}
.area_first .area_content {
  margin-top: -30px;
}
  
.area_content {
  padding: 60px 20px 20px;
}
}


.area_content hgroup {
  text-align: center;
  padding: 0 20px;
}
.area_content hgroup.style_doona h1 {
  font-size: 2em;
  font-weight: 700;
}
.area_content hgroup.style_doona h1 b {
  display: inline-block;
  margin-top: 0.5em;
  padding-bottom: 0.2em;
  font-size: 1.67em;
  font-weight: 400;
  border-bottom: solid 2px #262626;
}
.area_content hgroup.style_doona h1 i {
  line-height: 1;
  font-size: 1.67em;
}

.area_content hgroup.style_liki .title_sub {
  margin-bottom: 0.5em;
  line-height: 1;
  font-size: 3.2em;
  color: #DFDBDA;
}
.area_content hgroup.style_liki h1 {
  font-size: 1.75em;
  font-weight: 700;
}
.area_content hgroup.style_liki h1 span {
  font-size: 1.86em;
  vertical-align: -0.1em;
}
.area_content hgroup.style_liki h1 b {
  display: inline-block;
  margin-top: 0.3em;
  padding-bottom: 0.2em;
  font-size: 2.29em;
  border-bottom: solid 2px #262626;
}

@media screen and (max-width: 800px) {
.area_content hgroup.style_doona h1 {
  font-size: 5vw;
}
}


.area_content .unit_image {
  display: block;
  width: 100%;
  margin: 50px 0 20px;
  text-align: center;
}
.area_content .unit_spec {
  width: 100%;
  padding: 30px 40px;
  background-color: #F7F5F5;
}
.area_content .unit_spec .unit_title {
  text-align: center;
  margin-bottom: 30px;
}
.area_content .unit_spec .unit_title span {
  display: inline-block;
  padding: 0.4em 3em;
  font-size: 0.93em;
  font-weight: 700;
  letter-spacing: 0.2em;
  border: solid 1px #262626;
  border-radius: 2em;
}
.area_content .unit_spec .list_spec {
  column-count: 3;
  line-height: 1.9;
  list-style-type: none;
}
.area_content .unit_button {
  margin-top: 2em;
}

@media screen and (max-width: 800px) {
.area_content .unit_spec .list_spec {
  column-count: 2;
}
}
@media screen and (max-width: 560px) {
.area_content .unit_spec .list_spec {
  column-count: 1;
}
}


.area_content .text_catch {
  padding: 0 2em;
  text-align: center;
  line-height: 2.1;
  font-size: 1.5em;
  font-weight: 700;
}
.area_content .text_catch span {
  color: #BE9124;
}
.area_content .text_catch b {
  font-size: 1.5em;
  vertical-align: -0.1em;
}
.area_content .text_catch.style_border {
  display: inline-block;
  background-color: #fff;
  border: solid 1px #262626;
  border-radius: 2em;
}
.area_content hgroup .text_catch.style_border {
  margin: 1em auto;
  line-height: 1.4;
}

.area_content .unit_operation .text_catch {
  position: relative;
  z-index: 2;
  line-height: 2.4;
}

@media screen and (max-width: 800px) {
.area_content .text_catch {
  padding: 0 1em;
  font-size: 3vw;
}
.area_content .text_catch .nosp {
  display: none;
}
}


.area_content .unit_operation {
  margin-top: 80px;
  text-align: center;
}
.area_content .unit_operation .unit_image {
  margin-top: -2em;
}
.area_content .unit_operation .unit_text {
  margin-top: 1em;
  line-height: 2.5;
}
.area_content .unit_operation .unit_text span {
  text-decoration: underline;
}

@media screen and (max-width: 800px) {
.area_content .unit_operation {
  margin-top: 40px;
  text-align: center;
}
.area_content .unit_operation .unit_text {
  text-align: justify;
}
.area_content .unit_operation .unit_text .nosp {
  display: none;
}
}


.area_content .area_use {
  display: flex;
}
.area_content .use_unit {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0 15px;
}
.area_content .use_unit figure {
  display: block;
  text-align: center;
}
.area_content .use_unit figure figcaption {
  margin-top: 1em;
  text-align: center;
  font-size: 1.5em;
  font-weight: 700;
}
.area_content .use_unit .doona_unit {
  flex-grow: 1;
  height: auto;
  padding: 50px;
  background-color: #F7F5F5;
  border-radius: 8px;
}
.area_content .use_unit .doona_unit .unit_title {
  text-align: center;
  font-size: 1.25em;
  font-weight: 700;
}
.area_content .use_unit .doona_unit .unit_title b {
  font-size: 1.2em;
}
.area_content .use_unit .doona_unit .unit_title span{
  font-size: 0.8em;
}
.area_content .use_unit .doona_unit .unit_text {
  margin-top: 1.5em;
  text-align: justify;
}

@media screen and (max-width: 800px) {
.area_content .area_use {
  display: block;
}
.area_content .use_unit {
  padding: 0;
}
.area_content .use_unit .doona_unit {
  padding: 20px 30px;
}
}


.area_content .area_accessories {
  display: flex;
  padding: 0 9px;
}
.area_content .acce_unit {
  flex: 1;
  padding: 0 9px;
}
.area_content .acce_unit .unit_title {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 3em;
  text-align: center;
  font-size: 1.5em;
  font-weight: 700;
}
.area_content .acce_unit .unit_text {
  width: 100%;
  max-width: 340px;
  margin: 1em auto 0;
  text-align: justify;
}
.area_content .acce_unit .unit_button {
  width: 100%;
  max-width: 430px;
  margin: 1em auto 0;
  text-align: left;
}

@media screen and (max-width: 800px) {
.area_content .area_accessories {
  display: block;
  padding: 0;
}
.area_content .acce_unit .unit_text {
  max-width: none;
}
.area_content .acce_unit .unit_button {
  max-width: none;
  text-align: center;
}
}


.area_content .area_function_wrapper {
  padding: 0 20px;
}
.area_content .area_function {
  position: relative;
  display: flex;
  align-items: flex-end;
  margin: 80px auto 0;
  padding: 0 clamp(16px, 4vw, 64px) clamp(16px, 4vw, 64px) 0;
}
.area_content .area_function::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 82%;
  height: 86%;
  border: solid 1px #262626;
  border-radius: 8px;
}
.area_content .area_function.style_reverse {
  flex-direction: row-reverse;
  padding: 0 0 clamp(16px, 4vw, 64px) clamp(16px, 4vw, 64px);
}
.area_content .area_function.style_reverse::after {
  right: auto;
  left: 0;
}
.area_content .area_function .unit_image {
  position: relative;
  z-index: 2;
  display: block;
  margin: 0;
  padding: 0;
  text-align: left;
}
.area_content .area_function .function_unit {
  flex-shrink: 0;
  padding: 0 0 0 20px;
}
.area_content .area_function.style_reverse .function_unit {
  padding: 0 20px 0 0;
}
.area_content .area_function .function_unit .unit_title {
  text-align: center;
  font-size: 1.75em;
  font-weight: 700;
  border-bottom: solid 1px #262626;
}
.area_content .area_function .function_unit .unit_text {
  max-width: 390px;
  margin-top: 1.5em;
  padding: 30px 40px;
  text-align: justify;
  background-color: #F5F4F4;
}

@media screen and (max-width: 800px) {
.area_content .area_function_wrapper {
  padding: 0;
}
.area_content .area_function {
  display: block;
  margin: 40px auto 0;
  padding: 0;
}
.area_content .area_function::after {
  display: none;
}
.area_content .area_function .function_unit {
  margin-top: 20px;
  padding: 0;
}
.area_content .area_function .function_unit .unit_text {
  max-width: none;
  padding: 20px 30px;
}
}


.area_content .unit_isofix {
  margin-top: 80px;
  text-align: center;
}
.area_content .unit_isofix .list_isofix {
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
  padding: 30px 40px;
  text-align: left;
  line-height: 2.3;
  background-color: #F5F4F4;
  border-radius: 8px;
  list-style-type: none
}
.area_content .unit_isofix .unit_title {
  position: relative;
  margin: 90px 0 1em;
  font-size: 1.5em;
  font-weight: 700;
}
.area_content .unit_isofix .unit_title::before, 
.area_content .unit_isofix .text_catch_isofix::before {
  content: '';
  position: absolute;
  left: 50%;
  top: -70px;
  height: 50px;
  width: 1px;
  border-left: dotted 3px #262626;
}
.area_content .unit_isofix .text_catch_isofix {
  position: relative;
  margin: 110px 0 1em;
  font-size: 2em;
}
.area_content .unit_isofix mark {
  position: relative;
  display: inline-block;
  padding: 0 0.8em;
  background: none
}
.area_content .unit_isofix mark::before {
  content: '';
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: -0.3em;
  width: 100%;
  height: 1em;
  background-color: #FFE9E9;
  transform:skewX(-20deg);
}
.area_content .unit_isofix .unit_button {
  margin-top: 80px;
}

@media screen and (max-width: 800px) {
.area_content .unit_isofix {
  margin-top: 40px;
}
.area_content .unit_isofix .unit_title {
  margin: 70px 0 1em;
  font-size: 1.5em;
  font-weight: 700;
}
.area_content .unit_isofix .unit_title::before, 
.area_content .unit_isofix .text_catch_isofix::before {
  top: -50px;
  height: 30px;
}
.area_content .unit_isofix .unit_text {
  text-align: left;
}
.area_content .unit_isofix .list_isofix {
  padding: 20px 30px;
}
}

.list_accessories {
  width: 100%;
  margin: 30px auto 0;
  display: flex;
  flex-wrap: wrap;
  padding: 0 5px;
  list-style-type: none
}
.list_accessories li {
  width: 25%;
  margin-top: 50px;
  padding: 0 5px;
}
.list_accessories .accessories_unit {
  width: 100%;
  max-width: 310px;
  height: 100%;
  margin: 0 auto;
  padding: 20px;
  background-color: #F5F4F4;
  border-radius: 8px;
}
.list_accessories .accessories_unit .unit_image {
  display: block;
  margin: 0;
  padding: 0;
  text-align: center;
}
.list_accessories .accessories_unit .unit_tag {
  margin: 0.4em 0;
  list-style-type: none
}
.list_accessories .accessories_unit .unit_tag li {
  display: inline;
  margin-right: 0.2em;
  font-size: 0.6em;
  font-weight: 700;
  background-color: #fff;
}
.list_accessories .accessories_unit .unit_name {
  font-size: 1.2em;
}
.list_accessories .accessories_unit .unit_price {
  font-size: 1.2em;
  font-weight: 700;
}
.list_accessories .accessories_unit .unit_link {
  text-align: right;
}
.list_accessories .accessories_unit .unit_link a {
  display: inline-block;
  font-size: 0.7em;
  letter-spacing: 0.2em;
  text-underline-offset: 0.6em;
}

@media screen and (max-width: 900px) {
.list_accessories li {
  width: calc( 100% / 3);
  margin-top: 40px;
}
}
@media screen and (max-width: 600px) {
.list_accessories li {
  width: 50%;
  margin-top: 30px;
}
}


.area_content .area_features {
  margin: 0 auto;
  padding: 0 40px;
  display: flex;
}
.area_content .area_features .features_unit {
  width: 20%;
  margin-top: 80px;
  padding: 0 20px;
}
.area_content .area_features .features_unit .unit_image {
  display: block;
  margin: 0;
  padding: 0;
  text-align: center;
}
.area_content .area_features .features_unit .unit_title {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 3em;
  margin: 1em 0 0.6em;
  text-align: center;
  font-size: 1.2em;
  font-weight: 700;
}
.area_content .area_features .features_unit .unit_text {
  width: 100%;
  max-width: 215px;
  text-align: justify;
  margin: 0 auto;
}


@media screen and (max-width: 1000px) {
.area_content .area_features {
  padding: 0 20px;
  flex-wrap: wrap;
}
.area_content .area_features .features_unit {
  width: calc( 100% / 3 );
  margin-top: 50px;
}
}
@media screen and (max-width: 600px) {
.area_content .area_features {
  padding: 0;
  display: block;
}
.area_content .area_features .features_unit {
  width: 100%;
  margin-top: 40px;
}
.area_content .area_features .features_unit .unit_text {
  max-width: none;
}
}


.area_content .area_longterm {
  position: relative;
  width: 100%;
  max-width: 1450px;
  margin: 80px auto 0;
}
.area_content .area_longterm .unit_button {
  position: absolute;
  right: 30px;
  bottom: 0;
  text-align: right;
}

.area_spec {
  width: 100%;
  padding: 80px 20px;
  text-align: center;
}
.area_spec .title_sub {
  margin-bottom: 0.4em;
	font: italic 400 3.2em/1.5 "itc-bodoni-seventytwo-pro", serif;
  color: #fff;
}
.area_spec h2 {
  font-size: 0.9em;
  font-weight: 700;
}
.area_spec .unit_image {
  margin-top: -150px;
}


/*--------------------------------------------
Liki trike
---------------------------------------------*/
/*

-----------------------------------*/
.area_likitrike + .area_likitrike {
  margin-top: 150px;
}
.area_likitrike hgroup {
  margin: 80px auto;
  text-align: center;
  font-weight: 700;
}
.area_likitrike hgroup .likitrike_mode {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.5em
}
.area_likitrike hgroup .likitrike_mode dt {
  margin-right: 1em;
  line-height: 1;
  font-size: 1.4em;
}
.area_likitrike hgroup .likitrike_mode dt b {
  display: inline-block;
  margin-left: 0.1em;
  vertical-align: -0.2em;
  font-size: 1.5em;
}
.area_likitrike hgroup .likitrike_mode dd {
  font-size: 1.2em;
}
.area_likitrike hgroup .likitrike_mode dd b {
  display: inline-block;
  margin-right: 0.2em;
  vertical-align: -0.2em;
  font-size: 2.2em;
  font-weight: 400;
  font-style: italic;
}
.area_likitrike hgroup h1 {
  font-size: 1.9em;
  font-weight: 700;
  letter-spacing: 0.1em;
}
.area_likitrike hgroup h1 b {
  display: inline-block;
  margin-top: 0.2em;
  font-size: 2.1em;
  letter-spacing: 0;
}

@media screen and (max-width: 600px) {
.area_likitrike hgroup h1 {
  font-size: 1.4em;
}
}


.area_special {
  position: relative;
  width: calc( 100% - 16px );
  margin: 300px auto 20px;
  padding: 100px 20px 80px;
  text-align: center;
  background-color: #fff;
  border: solid 1px #262626;
  border-radius: 8px;
}
hgroup + .area_special {
  margin-top: 160px;
}
.area_special::after {
  content: '';    
  position: absolute;
  z-index: -1;
  left: 16px;
  top: 16px;
  width: 100%;
  height: 100%;
  border: solid 1px #262626;
  border-radius: 8px;
}
.area_special .special_title {
  position: absolute;
  left: 0;
  top: -130px;
  width:  calc( 100% + 16px );
  text-align: center;
}
.area_special .special_text1 {
  margin-top: 0.5em;
  font-size: 2.05em;
}
.area_special .special_text2 {
  margin-bottom: 0.2em;
  font-size: 3.7em;
}
.area_special .special_arrow {
  margin: 20px;
}
.area_special .special_text4 {
  margin: 0.5em 0;
  font-size: 1.9em;
  color: #fff;
}
.area_special .special_text4 span {
  display: inline-block;
  margin: 0.2em;
  padding: 0 1em;
  background-color: #AB9F9E;
  border-radius: 2em;
}
.area_special .special_image {
  line-height: 1.8;
  margin-bottom: 2em;
}
.area_special .special_image img {
  margin: 1.2em 0;
}
.area_special .special_text img {
  margin: 1.5em auto 1em;
}
.area_special mark {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: 0 0.4em;
  margin-bottom: 1.2em;
  background: none
}
.area_special mark::before {
  content: '';
  position: absolute;
  z-index: -1;
  left: 0;
  bottom: -0.3em;
  width: 100%;
  height: 1em;
  background-color: #FFE9E9;
  transform:skewX(-20deg);
}

.area_special .special_unit {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 1145px;
  margin: 2em auto 0;
  text-align: left;
}
.area_special .special_unit .doona_unit {
  flex-shrink: 0;
  padding-left: 80px;
}
.area_special .special_unit .unit_title {
  font-weight: 700;
}
.area_special .special_unit .unit_title b {
  font-size: 1.4em;
}
.area_special .special_unit .unit_text {
  margin-top: 1em;
  text-align: justify;
}
.area_special .special_unit .unit_button {
  margin-top: 2em;
}

@media screen and (max-width: 600px) {
.area_special .special_text1 {
  font-size: 1.4em;
}
.area_special .special_text2 {
  font-size: 2.2em;
}
.area_special .special_image {
  text-align: left;
}

.area_special .special_unit {
  display: block;
  margin: 2em auto 0;
}  
.area_special .special_unit picture {
  display: block;
  text-align: center;
}
.area_special .special_unit .doona_unit {
  padding-left: 0;
  padding-top: 20px;
}
}


.area_likitrike_content {
  margin: 50px 0;
}
.area_likitrike_content .content_top {
  position: relative;
  display: flex;
  align-items: center;
  margin: 30px 0 80px;
}
.area_likitrike_content .content_top picture:first-of-type {
  width: 48%;
  text-align: right;
  padding: 0 80px 0 10px;
}
.area_likitrike_content .content_top picture:last-of-type {
  width: 52%;
  height: 700px;
  text-align: left;
}
.area_likitrike_content .content_top picture:last-of-type img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.area_likitrike_content .content_top .top_circle {
  position: absolute;
  z-index: 2;
  left: calc( 48% - 270px );
  display: flex;
  justify-content: center;
  align-items: center;
  width: 540px;
  height: 540px;
  border-radius: 270px;
  background-color: rgb(255 255 255 / .9);
}
.area_likitrike_content .content_top .top_unit {
  max-width: 320px;
}
.area_likitrike_content .content_top .unit_title {
  font-size: 2em;
  font-weight: 700;
}
.area_likitrike_content .content_top .unit_title b {
  font-size: 1.2em;
}
.area_likitrike_content .content_top .unit_text {
  margin-top: 0.8em;
}

.area_likitrike_content.style_reverse .content_top {
  flex-direction: row-reverse
}
.area_likitrike_content.style_reverse .content_top picture:first-of-type {
  text-align: left;
  padding: 0 10px 0 80px;
}
.area_likitrike_content.style_reverse .content_top picture:last-of-type {
  text-align: right;
}
.area_likitrike_content.style_reverse .content_top .top_circle {
  left: calc( 52% - 270px );
}

@media screen and (max-width: 800px) {
.area_likitrike_content .content_top {
  display: block;
}
.area_likitrike_content .content_top .top_circle {
  position: absolute;
  left: auto !important;
  right: 0 !important;
  display: block;
  width: 55%;
  height: auto;
  border-radius: 0;
  background-color: rgb(255 255 255 / .9);
}
.area_likitrike_content .content_top .top_unit {
  max-width: none;
  padding: 0.5em;
}
.area_likitrike_content .content_top picture:first-of-type {
  text-align: left !important;
  padding: 0 20px 0 0 !important;
}
.area_likitrike_content .content_top picture:last-of-type {
  width: 100%;
  height: auto;
  text-align: center;
}
}


.area_likitrike_content .content_functions {
  position: relative;
  width: 100%;
  max-width: 1350px;
  margin: 0 auto 80px;
  padding: 0 10px;
}
.area_likitrike_content .content_functions::after {
  content: '';
  position: absolute;
  z-index: -1;
  left: 200px;
  bottom: -50px;
  width: 200vw;
  height: 92%;
  background-color: #F7F5F5;
}
.area_likitrike_content .content_functions .functions_unit {
  display: flex;
  align-items: center;
  margin: 1em 0;
}
.area_likitrike_content .content_functions .unit_image {
  flex-shrink: 0;
}
.area_likitrike_content .content_functions .doona_unit {
  width: 100%;
  max-width: 830px;
  margin: 0 20px;
}
.area_likitrike_content .content_functions .unit_title {
  margin-bottom: 1em;
  padding-bottom: 0.1em;
  font-size: 1.75em;
  font-weight: 700;
  border-bottom: solid 1px #262626;
}
.area_likitrike_content .content_functions .unit_text {
  width: 100%;
  max-width: 830px;
  text-align: justify;
}
.area_likitrike_content .content_functions .unit_button {
  margin-top: 1.5em;
  text-align: right;
}

.area_likitrike_content.style_reverse .content_functions::after {
  left: auto;
  right: 200px;
  height: 94%;
}
.area_likitrike_content.style_reverse .content_functions .functions_unit {
  flex-direction: row-reverse
}

@media screen and (max-width: 1100px) {
.area_likitrike_content .content_functions .style_image2.functions_unit {
  display: block;
}
.area_likitrike_content .content_functions .style_image2.functions_unit + .functions_unit {
  margin-top: 40px;
}
.area_likitrike_content .content_functions .style_image2 .unit_image {
  display: block;
}
.area_likitrike_content .content_functions .style_image2 .unit_title {
  margin-top: 0.7em;
  text-align: center;
}
.area_likitrike_content .content_functions .style_image2 .unit_button {
  text-align: center;
}
}

@media screen and (max-width: 800px) {
.area_likitrike_content .content_functions .functions_unit {
  display: block;
}
.area_likitrike_content .content_functions .functions_unit + .functions_unit {
  margin-top: 40px;
}
.area_likitrike_content .content_functions .unit_image {
  display: block;
}
.area_likitrike_content .content_functions .unit_title {
  margin-top: 0.7em;
  text-align: center;
}
.area_likitrike_content .content_functions .unit_button {
  text-align: center;
}
}


.area_whatsbox {
  margin-top: 80px;
  background-color: #F4EAE7;
}
.area_whatsbox .doona_frame_content {
  padding: 50px 10px 30px;
}
.area_whatsbox .whatsbox_unit {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.area_whatsbox .whatsbox_unit .doona_unit {
  max-width: 830px
}
.area_whatsbox .whatsbox_unit .unit_image {
  margin-right: 30px;
}
.area_whatsbox .whatsbox_unit .unit_title {
  padding-bottom: 0.2em;
  font-size: 2.4em;
  font-weight: 700;
  border-bottom: solid 1px #262626;
}
.area_whatsbox .whatsbox_unit .unit_title_sub {
  margin-top: 0.6em;
  font-size: 1.75em;
}
.area_whatsbox .whatsbox_unit .unit_text {
  margin-top: 1em;
  text-align: justify;
}
.area_whatsbox .whatsbox_unit .unit_button {
  margin-top: 2em;
  text-align: left;
}

@media screen and (max-width: 600px) {
.area_whatsbox .whatsbox_unit {
  display: block;
}
.area_whatsbox .whatsbox_unit .doona_unit {
  padding-bottom: 20px;
}
.area_whatsbox .whatsbox_unit .unit_image {
  margin: 20px;
}
.area_whatsbox .whatsbox_unit .unit_button {
  text-align: center;
}
}


.area_likiacce {
  padding: 80px 10px;
  background-color: #F7F5F5;
}
.area_likiacce .title_sub {
  margin-bottom: 0.4em;
  text-align: center;
  line-height: 1.5;
  font-size: 2.6em;
}
.area_likiacce h1 {
  text-align: center;
  font-size: 2.4em;
  font-weight: 700;
}
.area_likiacce .list_accessories .accessories_unit {
  background-color: #fff;
}
.area_likiacce .unit_button {
  margin-top: 50px;
}

@media screen and (max-width: 600px) {
.area_likiacce .title_sub {
  font-size: 1.8em;
}
.area_likiacce h1 {
  font-size: 5vw;
}
}


/*---------------------------------------------
アクセサリー
---------------------------------------------*/
/*

-----------------------------------*/
.area_accessories_list + .area_accessories_list {
  margin: 100px 0;
}

.area_accessories_list hgroup {
  text-align: center;
}
.area_accessories_list hgroup h1 {
  font-size: 4.2em;
  font-weight: 700;
}
.area_accessories_list hgroup p {
  line-height: 2;
}

.area_accessories_list .list_accessories2 {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  padding: 0 5px;
  list-style-type: none
}
.area_accessories_list .list_accessories2 li {
  width: 25%;
  margin-top: 50px;
  padding: 0 5px;
}
.area_accessories_list .list_accessories2 .accessories_unit {
  width: 100%;
  max-width: 310px;
  height: 100%;
  margin: 0 auto;
  padding: 20px;
}
.area_accessories_list .list_accessories2 .accessories_unit .unit_image {
  display: block;
  margin: 0;
  padding: 0;
  text-align: center;
  border-radius: 1em;
}
.area_accessories_list .list_accessories2 .accessories_unit .unit_image img {
  border-radius: 1em;
}
.area_accessories_list .list_accessories2 .accessories_unit .unit_tag {
  margin: 0.2em 0;
  text-align: center;
  list-style-type: none
}
.area_accessories_list .list_accessories2 .accessories_unit .unit_tag li {
  display: inline;
  margin-right: 0.2em;
  font-size: 0.6em;
  font-weight: 700;
  background-color: #F5F4F4;
}
.area_accessories_list .list_accessories2 .accessories_unit .unit_name {
  margin-top: 1em;
  text-align: center;
  font-weight: 700;
}
.area_accessories_list .list_accessories2 .accessories_unit .unit_link {
  margin-top: 1.2em;
  text-align: center;
}
.area_accessories_list .list_accessories2 .accessories_unit .unit_link a {
  display: inline-block;
  font-size: 0.8125em;
  letter-spacing: 0.2em;
  text-underline-offset: 0.6em;
}

@media screen and (max-width: 900px) {
.area_accessories_list .list_accessories2 li {
  width: calc( 100% / 3);
  margin-top: 40px;
}
}
@media screen and (max-width: 600px) {
.area_accessories_list .list_accessories2 li {
  width: 50%;
  margin-top: 30px;
}
}


/*
.page_title {
  margin: 1em 0;
  text-align: center;
  font-size: 3.5em;
  font-weight: 700;
}

.content_top {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 50px 10px;
}
.content_top .page_title {
}
.content_top .unit_text {
  font-size: 1.5em;
}
.content_top .unit_text + .unit_text {
  margin-top: 1em;
}
*/




/*---------------------------------------------
共通
---------------------------------------------*/
/*
ボタン
-----------------------------------*/
.doona_frame .unit_button {
  width: 100%;
  text-align: center;
}
.doona_frame .unit_button a {
  display: inline-block;
  max-width: 240px;
  padding: 1em 2em;
  font-size: 0.8125em;
  font-weight: 700;
  text-decoration: none;
  /*background-color: #fff;*/
  border: solid 1px #262626;
  border-radius: 6px;
  transition: all 0.3s ease;
}
.doona_frame .unit_button a + a {
  margin: 0.5em 0 0 0.8em;
}
.doona_frame .unit_button a.style_wide {
  max-width: none;
}
.doona_frame .unit_button a:hover {
  color: #F5F4F4;
  background-color: #262626;
}
.doona_frame .unit_button a::before {
  content: '▶︎';
  margin-right: 1em;
  vertical-align: middle;
  font-size: 0.7em;
}


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

---------------------------------------------*/
.area_content_top {
  padding: 30px 20px 70px;
  text-align: center;
}
.area_content_top .page_title + .unit_text {
  margin-top: 2em;
}
.area_content_top .unit_text {
  line-height: 1.8;
}
.area_content_top.style_line .unit_text {
  width: 100%;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  line-height: 2.15;
}
.area_content_top .unit_text + .unit_text {
  margin-top: 1em;
}
.area_content_top.style_line .unit_text + .unit_text {
  margin-top: 2em;
}
.area_content_top.style_line .unit_text.style_name {
  margin-top: 3em;
  line-height: 1.67;
}
.area_content_top.style_line .unit_text.style_name + .style_name {
  margin-top: 1em;
}

@media screen and (max-width: 600px) {
.area_content_top .unit_text {
  text-align: left;
}
.area_content_top .nosp {
  display: none;
}
}


.area_menu_item .page_title, 
.area_video .page_title, 
.area_userguide .page_title {
  margin: 1em;
  text-align: center;
}
@media screen and (max-width: 600px) {
.area_menu_item .page_title, 
.area_video .page_title, 
.area_userguide .page_title {
}
}


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

---------------------------------------------*/
.doona_area_link {
}
.doona_area_link .link_content {
  display: flex;
  justify-content: center;
  align-items: stretch;
  max-width: 1540px;
  margin: 0 auto;
}
.doona_area_link .link_content picture {
  display: block;
  width: 50%;
  text-align: right;
}
.doona_area_link .link_content picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.doona_area_link .link_content .unit_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
}
.doona_area_link .link_content .doona_unit {
  padding: 2em 1em;
  text-align: center;
}
.doona_area_link .link_content .doona_unit .unit_title {
  margin-bottom: 2em;
  font-size: 1.8em;
}
.doona_area_link .link_content .doona_unit .unit_button {
  margin-top: 3em;
}
.doona_area_link .link_content .doona_unit .unit_button a {
  width: 100%;
  max-width: 300px;
  font-weight: 400;
  background-color: transparent;
}
.doona_area_link .link_content .doona_unit .unit_button a:hover {
  background-color: #262626;
}
.doona_area_link .link_content .doona_unit .unit_button a::before {
  display: none;
}

@media screen and (max-width: 800px) {
.doona_area_link .link_content {
  display: block;
  margin-bottom: 40px;
}
.doona_area_link .link_content picture {
  width: 100%;
}
.doona_area_link .link_content .unit_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
}


/*---------------------------------------------
ページ下部リンク
---------------------------------------------*/
.area_link_page {
}
.area_link_page .doona_frame_content {
  display: flex;
  justify-content: center;
  align-items: stretch;
}
.area_link_page .doona_frame_content picture {
  display: block;
  width: 50%;
  text-align: right;
}
.area_link_page .doona_frame_content picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.area_link_page .doona_frame_content .unit_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
}
.area_link_page .doona_frame_content .doona_unit {
  padding: 2em 1em;
  text-align: center;
}
.area_link_page .doona_frame_content .doona_unit .unit_title {
  margin-bottom: 2em;
}
.area_link_page .doona_frame_content .doona_unit .unit_button {
  margin-top: 3em;
}
.area_link_page .doona_frame_content .doona_unit .unit_button a {
  width: 100%;
  max-width: 300px;
  background-color: transparent;
}
.area_link_page .doona_frame_content .doona_unit .unit_button a:hover {
  background-color: #262626;
}
.area_link_page .doona_frame_content .doona_unit .unit_button a::before {
  display: none;
}

@media screen and (max-width: 800px) {
.area_link_page .doona_frame_content {
  display: block;
  margin-bottom: 40px;
}
.area_link_page .doona_frame_content picture {
  width: 100%;
}
.area_link_page .doona_frame_content .unit_wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
}

/*---------------------------------------------
コンテンツ内メニュー
---------------------------------------------*/
.area_menu_page {
  padding: 20px 0 50px;
}
.doona_page_top .area_menu_page {
  padding: 0;
}
.area_menu_page .doona_frame_content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
  padding: 12px;
}
.doona_top_menu.style_page {
  gap: 80px;
  padding: 12px 40px;
}


.area_menu_page > .page_title {
  padding: 1em 0;
  text-align: center;
}

.area_menu_page .doona_frame_content .doona_unit {
  padding: 2em 1em;
  background-color: #F7F5F5;
  border-radius: 20px;
}
.area_menu_page .doona_frame_content .doona_unit .unit_title {
  text-align: center;
  font-size: 4.2em;
  font-weight: 700;
}
.area_menu_page .doona_frame_content .doona_unit .unit_image {
  display: block;
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}
.area_menu_page .doona_frame_content .doona_unit .unit_image img {
}
.area_menu_page .doona_frame_content .doona_unit .unit_title + .unit_text {
  margin-top: 0;
}
.area_menu_page .doona_frame_content .doona_unit .unit_text {
  margin-top: 4em;
  text-align: center;
}
.area_menu_page .doona_frame_content .doona_unit .unit_text b {
  font-size: 1.5em;
  font-weight: 700;
}
.area_menu_page .doona_frame_content .doona_unit .unit_button {
  padding-top: 1em;
}

@media screen and (max-width: 1200px) {
.doona_top_menu.style_page {
  gap: 12px;
  padding: 12px;
}
.area_menu_page .doona_frame_content .doona_unit .unit_title {
  font-size: 6vw;
}
.area_menu_page .doona_frame_content .doona_unit .unit_text {
  font-size: 1.4vw;
}
.area_menu_page .doona_frame_content .doona_unit .unit_text b {
  font-size: 2vw;
}
}

@media screen and (max-width: 600px) {
.area_menu_page .doona_frame_content {
  display: block;
  margin-bottom: 12px;
}
.area_menu_page .doona_frame_content .doona_unit {
  margin-bottom: 12px;
}
.area_menu_page .doona_frame_content .doona_unit .unit_title {
  font-size: 16vw;
}
.area_menu_page .doona_frame_content .doona_unit .unit_text {
  font-size: 1em;
}
.area_menu_page .doona_frame_content .doona_unit .unit_text b {
  font-size: 5.7vw;
}
}


/*---------------------------------------------
Our Story
---------------------------------------------*/
.doona_page_story figure img {
  width: 100%;
  max-width: 760px;
}

/*
ドゥーナについて
-----------------------------------*/
.area_ourstory_about {
  padding-top: 40px;
  padding-bottom: 60px;
}
.area_ourstory_about .doona_frame_content {
  display: flex;
  justify-content: center;
}

.area_ourstory_about .doona_frame_content .ourstory_unit {
  width: 50%;
}
.area_ourstory_about .doona_frame_content .ourstory_unit:first-of-type {
  display: flex;
  justify-content: center;
  padding: 0 30px;
}
.area_ourstory_about .doona_frame_content .ourstory_unit .unit_title {
  margin-bottom: 1.2em;
  line-height: 2;
  font-size: 1.8em;
}
.area_ourstory_about .doona_frame_content .ourstory_unit .unit_title i {
  line-height: 0.8;
	font-size: 5em;
}
.area_ourstory_about .doona_frame_content .ourstory_unit:last-of-type {
  padding-top: 3.5em;
}

@media screen and (max-width: 640px) {
.area_ourstory_about .doona_frame_content {
  display: block;
}
.area_ourstory_about .doona_frame_content .ourstory_unit {
  width: 100%;
  padding: 0 !important;
}
.area_ourstory_about .doona_frame_content .ourstory_unit + .ourstory_unit {
  margin-top: 40px;
}
.area_ourstory_about .doona_frame_content .ourstory_unit .unit_title {
  font-size: 4vw;
}
}

/*
Intro
-----------------------------------*/
.area_ourstory_intro {
  padding: 100px 20px;
  background-color: #E4DFDF;
}

.area_ourstory_intro .doona_frame_content {
  display: flex;
  justify-content: center;
}

.area_ourstory_intro .doona_frame_content .doona_unit {
  width: 50%;
  padding: 0 10px;
  text-align: center;
}
.area_ourstory_intro .doona_frame_content .doona_unit .unit_title {
  margin-bottom: 2em;
}
.area_ourstory_intro .doona_frame_content .doona_unit .unit_title i {
  font-size: 3.8em;
}
.area_ourstory_intro .doona_frame_content .doona_unit .unit_text.style_h3 {
  line-height: 1.4;
}
.area_ourstory_intro .doona_frame_content .doona_unit .unit_text {
  margin-top: 2em;
  line-height: 2;
}
.area_ourstory_intro .doona_frame_content .doona_unit .unit_button {
  width: 100%;
  margin-top: 3em;
}

@media screen and (max-width: 640px) {
.area_ourstory_intro {
  padding: 20px 0;
}
.area_ourstory_intro .doona_frame_content {
  display: block;
}
.area_ourstory_intro .doona_frame_content .doona_unit {
  width: 100%;
  padding: 40px 0;
}
}

/*
ページ下部リンク
-----------------------------------*/
.area_link_bottom .doona_frame_content {
  position: relative;
  background-color: #fff;
}
.area_link_bottom .doona_frame_content .doona_unit {
  position: absolute;
  left: 120px;
  top: 100px;
  text-align: center;
}
.area_link_bottom .doona_frame_content picture {
  display: block;
  text-align: right;
}
.area_link_bottom .doona_frame_content .doona_unit .unit_title {
  margin-bottom: 1em;
  text-align: center;
  font-size: 1.5em;
}
.area_link_bottom .doona_frame_content .doona_unit .unit_text {
  margin: 1em 0 1.5em;
  text-align: center;
}
.area_link_bottom .doona_frame_content .doona_unit .unit_title img {
  width: 100%;
  max-width: 240px;
}
.area_link_bottom .doona_frame_content .doona_unit .unit_button a {
  width: 100%;
  font-size: 0.9em;
  background-color: rgba(255,255,255,0.5);
}
.area_link_bottom .doona_frame_content .doona_unit .unit_button a::before {
  display: none;
}

@media screen and (max-width: 1360px) {
.area_link_bottom .doona_frame_content .doona_unit {
  left: 50px;
  top: 50px;
}
}
@media screen and (max-width: 1040px) {
.area_link_bottom .doona_frame_content .doona_unit {
  width: 25%;
}
.area_link_bottom .doona_frame_content .doona_unit .unit_button {
  margin-top: 1em;
}
}
@media screen and (max-width: 800px) {
.doona_page_accessories .doona_frame.area_link_bottom {
  padding-left: 0;
  padding-right: 0;
}
.doona_page_accessories .area_link_bottom .doona_frame_content {
  margin-top: 30px;
}
.doona_page_accessories .area_link_bottom .doona_frame_content .doona_unit {
  position: relative;
  left: auto;
  top: auto;
  width: 100%;
  max-width: none;
  margin-bottom: 30px;
  padding: 0 70px;
}
}
@media screen and (max-width: 560px) {
.doona_frame.area_link_bottom {
  padding-left: 0;
  padding-right: 0;
}
.area_link_bottom .doona_frame_content {
  margin-top: 30px;
}
.area_link_bottom .doona_frame_content .doona_unit {
  position: relative;
  left: auto;
  top: auto;
  width: 100%;
  max-width: none;
  padding: 0 70px;
}
}


.content_bottom .doona_unit .unit_button a:hover {
  background-color: #262626;
}


.area_link_bottom .doona_frame_content .doona_unit.bottom_video {
  position: absolute;
  left: clamp( 20px, 7.6vw, 100px );
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-align: center;
}
.area_link_bottom .doona_frame_content .doona_unit.bottom_video .unit_title {
  margin-bottom: 1em;
  text-align: center;
  line-height: 1.6;
  font-size: 3em;
  color: #fff;
}
.area_link_bottom .doona_frame_content .doona_unit.bottom_video .unit_title i {
	font: italic 400 1.25em/1 "itc-bodoni-seventytwo-pro", serif;
}
.area_link_bottom .doona_frame_content .doona_unit.bottom_video .unit_title i span {
  font-size: 0.67em;
}

@media screen and (max-width: 1360px) {
.content_bottom .doona_unit.bottom_story {
  left: 50px;
  top: 50px;
}
  
.area_link_bottom .doona_frame_content .doona_unit.bottom_video .unit_title {
  font-size: 4vw;
}
}
@media screen and (max-width: 1040px) {
.content_bottom .doona_unit.bottom_story {
  width: 25%;
}
.doona_content .unit_button {
  margin-top: 1em;
}
}
@media screen and (max-width: 560px) {
.content_bottom {
  margin-top: 30px;
}
.content_bottom .doona_unit.bottom_story {
  position: relative;
  left: auto;
  top: auto;
  width: 100%;
  max-width: none;
  padding: 0 70px;
}
  
.area_link_bottom .doona_frame_content .doona_unit.bottom_video {
  position: relative;
  left: auto;
  top: auto;
  width: 100%;
  max-width: none;
  margin-bottom: 3em;
  padding: 0 10px;
}
.area_link_bottom .doona_frame_content .doona_unit.bottom_video .unit_title {
  margin-bottom: 0.4em;
  font-size: 7vw;
  color: #262626;
}
}


/*---------------------------------------------
お問い合わせ
---------------------------------------------*/
.area_form {
  width: 100%;
  max-width: 1000px;
  margin: 20px auto 80px;
  padding: 50px 80px;
  background-color: #F8F5F5;
}

.area_form form {
  display: block;
  width: 100%;
}
.area_form form input[type="text"], 
.area_form form input[type="email"], 
.area_form form textarea, 
.area_form form select {
  width: 100%;
  font-size: 1em;
  border: none;
}
.area_form form input[type="file"] {
  width: auto;
  font-size: 1em;
}
.area_form form textarea {
  margin-top: 0.5em;
  border: solid 1px #595858;
}
.area_form .mw_wp_form .error {
  display: inline-block;
}
.area_form dl {
  display: flex;
  align-items: center;
  margin: 1em 0;
  background-color: #fff;
  border: solid 1px #000;
  border-radius: 10px;
}
.area_form dl dt {
  width: 16em;
  height: 100%;
  padding: 0.5em 2em;
}
.area_form dl dd {
  width: calc( 100% - 12em );
  padding: 0.5em 1em;
  border-left: solid 1px #000;
}
.area_form .area_button {
  width: 100%;
  margin-top: 2em;
  text-align: center;
}
.area_form .area_button input[type="submit"] {
  padding: 0.4em 3em;
  font-size: 0.8125em;
  color: #fff;
  background-color: #595858;
  border-radius: 10px;
  cursor: pointer;
}

@media screen and (max-width: 1040px) {
.area_form {
  padding: 30px 20px;
}

}

@media screen and (max-width: 800px) {
.area_form form {
  font-size: 1em;
}
.area_form dl {
  display: block;
}
.area_form dl dt {
  width: 100%;
  height: auto;
  padding: 0.5em 1em;
  text-align: center;
  border-right: none;
}
.area_form dl dd {
  width: 100%;
  padding: 0.5em 1em;
}
}


/*---------------------------------------------
よくある質問
---------------------------------------------*/
.area_faq {
  padding: 10px 10px 100px;
}
.area_faq .faq_content {
  overflow: hidden;
  width: 100%;
  max-width: 1320px;
  margin: 10px auto;
  padding: 30px 80px;
  background-color: #fff;
  border-radius: 8px;
}

.area_faq .page_title {
  margin: 1.5em 0 0.5em;
  text-align: center;
  font-size: 1.81em;
}

.area_faq .faq_content .faq_q,
.area_faq .faq_content .faq_a {
  padding-left: 1.4em;
  text-indent: -1.2em;
}
.area_faq .faq_content .faq_q::before {
  content: 'Q. ';
}
.area_faq .faq_content .faq_a::before {
  content: 'A. ';
}
.area_faq .faq_content .faq_a {
  margin-top: 1em;
}
.area_faq .faq_content .unit_button {
  margin-top: 0.5em;
  padding-left: 1.4em;
  text-align: left;
}
.area_faq .faq_content .unit_button a {
  font-size: 0.8em;
  font-weight: 400;
}
.area_faq .faq_content .faq_a img {
  float: right;
}


@media screen and (max-width: 600px) {
.area_faq .faq_content {
  padding: 20px 20px;
}
.area_faq .page_title {
  font-size: 1.5em;
}
.area_faq .faq_content .faq_q,
.area_faq .faq_content .faq_a {
}
}


/*---------------------------------------------
使い方動画
---------------------------------------------*/
.doona_frame.area_video {
  padding: 0;
}
.area_list_video {
  max-width: none;
  padding: 10px 0 100px;
}
.area_list_video .list_title {
  margin: 0.5em 0;
  padding: 1em 10px;
  text-align: center;
  font-size: 1.5em;
}
.area_list_video .list_title b {
	font: normal 700 2.6em/1.1 "century-gothic",sans-serif;
  text-align: center;
}
.area_list_video .list_video  {
  width: 100%;
  max-width: 800px;
  margin: 10px auto;
  padding: 0 20px;
  list-style-type: none;
}
.area_list_video .list_video li {
  margin-top: 0.7em;
}
.area_list_video .list_video li a {
  font-family: "hiragino-kaku-gothic-pron",sans-serif;
}
.area_list_video .list_video li a::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.2em;
  background: url("./assets/images/icon_youtube.svg") center bottom no-repeat;
}

.area_list_video .list_video img {
  height: 24px;
  margin-left: 0.1em;
  vertical-align: middle;
}

@media screen and (max-width: 600px) {
.area_list_video .list_title {
  font-size: 1em;
}
.area_list_video .list_video li {
  font-size: 1em;
}
}


/*---------------------------------------------
ユーザーガイド
---------------------------------------------*/
.area_userguide {
  margin-bottom: 50px;
  padding: 10px;
}
.area_userguide .userguide_content {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 1320px;
  margin: 20px auto;
  background-color: #F7F5F5;
}
.area_userguide .userguide_unit  {
  width: 50%;
  padding: 70px 10px 20px;
  text-align: center;
}
.area_userguide .userguide_unit .unit_title {
	font: normal 700 4.2em/1.1 "century-gothic",sans-serif;
  text-align: center;
}
.area_userguide .userguide_unit .unit_title img {
  height: 0.7em;
  vertical-align: baseline;
}
.area_userguide .userguide_unit .unit_text {
  margin: 0.7em 0.5em 1em;
  text-align: center;
  font-size: 1.5em;
}
.area_userguide .userguide_unit .unit_text a img {
  width: 180px;
}
.area_userguide .userguide_unit.style_image_only .unit_image {
  margin-right: -150px;
}
.area_userguide .userguide_unit .unit_image img {
  width: 80%;
  text-align: center;
}

@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 600px) {
.area_userguide .userguide_content {
  display: block;
}
.area_userguide .userguide_unit  {
  width: 100%;
  padding: 70px 10px 20px;
}
.area_userguide .userguide_unit.style_image_only .unit_image {
  margin-right: 0;
}
.area_userguide .userguide_unit.style_image_only + .userguide_unit {
  padding-top: 10px
}
}


/*---------------------------------------------
正規販売店
---------------------------------------------*/
.area_shoplist {
  padding: 40px 10px 100px;
}
.area_shoplist .shoplist_content {
  width: 100%;
  max-width: 1320px;
  margin: 10px auto;
  padding: 2em 5em 2em 4em;
  background-color: #fff;
}
.area_shoplist .shoplist_content .unit_title {
  margin-bottom: 0.5em;
	font-size: 1.5em;
}
.area_shoplist .shoplist_content .list_shop {
  padding-left: 1.5em;
  line-height: 1.6;
}
.area_shoplist .shoplist_content .list_shop li {
  margin-top: 0.4em;
}

.doona_frame img.style_icon {
  height: 36px;
  margin: 0.2em;
  vertical-align: middle;
}
.doona_frame a img.style_icon {
  height: 24px;
  margin-left: 0.1em;
  vertical-align: middle;
}

@media screen and (max-width: 600px) {
.area_shoplist .shoplist_content {
  margin: 10px auto;
  padding: 2em 2em 2em 1em;
}
.area_shoplist .shoplist_content .unit_title {
  font-size: 1.2em;
}
}


/*---------------------------------------------
品質と安全性
---------------------------------------------*/
/*
コンテンツ
-----------------------------------*/
.area_content_safety {
  padding: 50px;
  background-color: #E4DFDF;
}

.area_content_safety .doona_frame_content {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.area_content_safety .doona_frame_content .safety_unit {
  width: 50%;
  padding: 35px 10px;
}
.area_content_safety .doona_frame_content .safety_unit .doona_unit {
  width: 100%;
  height: 100%;
  max-width: 500px;
  margin: 0 auto;
  padding: 30px;
  background-color: #fff;
}
.area_content_safety .doona_frame_content .safety_unit .unit_image {
  display: block;
  width: 100%;
  max-width: 270px;
  margin: 0 auto;
  text-align: center;
}
.area_content_safety .doona_frame_content .safety_unit .unit_text {
  margin-top: 2.5em;
  line-height: 1.65;
}

@media screen and (max-width: 640px) {
.area_content_safety {
  padding: 20px;
}
.area_content_safety .doona_frame_content {
  display: block;
}
.area_content_safety .doona_frame_content .safety_unit {
  width: 100%;
  padding: 0 10px;
}
.area_content_safety .doona_frame_content .safety_unit .doona_unit {
  max-width: 500px;
  margin: 20px auto;
  padding: 30px;
  background-color: #fff;
}
}



/*---------------------------------------------
PRE
---------------------------------------------*/
/*

-----------------------------------*/
.doona_frame.area_image_top {
  padding: 0;
  text-align: center;
  background-color:#f5f4f4
}
.doona_frame.area_image_top picture {
  width: 100%;
  max-width: 1920px;
  height: 740px;
}
.doona_frame.area_image_top picture img {
  object-fit: cover;
  width: 100%;
  height: 740px;
}

.doona_page_pre .area_content_top {
  margin: 100px 0;
  padding: 0 20px;
}
.doona_page_pre .area_content_top .unit_title {
  margin-bottom: 1em;
  font-size: 1.8em;
  font-weight: 700;
}
.doona_page_pre .area_content_top .unit_button {
  margin-top: 2em;
}

@media screen and (max-width: 1200px) {
.doona_frame.area_image_top picture {
  height: 61.67vw;
}
.doona_frame.area_image_top picture img {
  height: 61.67vw;
  object-position: 45% center;
}
}
@media screen and (max-width: 800px) {
.doona_page_pre .pc {
  display: none;
}
.doona_page_pre .area_content_top .unit_text {
  text-align: justify;
}
}
@media screen and (max-width: 600px) {
.doona_page_pre .pc {
  display: none;
}
.doona_page_pre .area_content_top {
  margin: 60px 0;
}
.doona_page_pre .area_content_top .unit_title {
  font-size: 1.4em;
}
.doona_page_pre .area_content_top .unit_text {
  text-align: justify;
}
}