@charset "UTF-8";

/*-----------------------------------
	reset
-----------------------------------*/

*,
*:before,
*:after { box-sizing: border-box; }
ol, ul { list-style: none; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p { margin: 0; font-weight: normal; }
img { width: 100%; height: auto; }
a { display: block; transition: .3s; }
a,
a:link,
a:visited,
a:hover,
a:active { color: #000; text-decoration: none; }

::selection { background: transparent; }

.fsc_gheader-wrap { z-index: 4; }
.breadcrumb a { display: inline; }
.breadcrumb a:hover { text-decoration: underline; }
.fsc_gfooter .fsc_gfooter__breadcrumb:first-child { display: none; }

/*-----------------------------------
	common header
-----------------------------------*/

#Header_fca {
  position: absolute;
  left: 0;
  z-index: 0 !important;
  width: 100%;
  background-color: #ffffff;
  border-bottom: 1px solid #cccccc;
}
#Header_fca #head-topnavi_allb {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: auto;
  height: 32px;
  margin-right: 10px;
  margin-bottom: 0;
  margin-left: 10px;
  border: none;
}
#Header_fca #head-topnavi_allb ul.nave_allb li {
  height: auto;
  line-height: 1;
}
#Header_fca,
#Header_fca .nave_allb {
  position: static;
  display: flex;
  align-items: center;
}

.header-sp_arl {
	display: flex;
	justify-content: space-between;
	background-color: #ffffff;
	border-bottom: 1px solid #dddddd;
}
.header-sp_arl-logo {
	display: flex;
    align-items: center;
    width: 55%;
    margin: 5px 20% 5px 5%;
}
.header-sp_arl-right {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.header-sp_arl-logo-felissimo {
  margin-right: 15px;
}
.header-sp_arl-logo-felissimo img {
  width: 100%;
  height: auto;
}
.header-sp_arl-menu {
  display: flex;
  height: 100%;
}
.header-sp_arl-menu li {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-left: 1px solid #dddddd;
}
.header-sp_arl-menu li img {
  width: 100%;
  height: auto;
}
#Header_fca {
  position: relative;
  z-index: var(--z-header);
}

@media screen and (min-width: 768px) {
  .header-sp_arl {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #Header_fca {
    display: none;
  }
}

/*-----------------------------------
	base, common
-----------------------------------*/

/*html { font-size: 62.5%; }*/
body {
	min-height: 100vh;
	margin: 0;
	display: none;
}
#uraomote, .modaal-wrapper {
	font-size: 0.9375rem;
    line-height: 1.8;
    -webkit-text-size-adjust: 100%;
    word-wrap: break-word;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    word-break: break-all;
    font-weight: 400;
	letter-spacing: .1em;
	color: #000;
	text-align: left;
	font-family: 'Zen Kaku Gothic New', 'Noto Sans JP', sans-serif;
}

#uraomote h1, #uraomote h2, #uraomote h3, #uraomote h4, #uraomote h5, #uraomote h6,
.modaal-wrapper h1, .modaal-wrapper h2, .modaal-wrapper h3,
.modaal-wrapper h4, .modaal-wrapper h5, .modaal-wrapper h6 { font-family: 'Zen Kaku Gothic New', 'Noto Sans JP', sans-serif; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.8; }

.sp-display_ar { display: none; }
.en_ar {
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-weight: normal;
	letter-spacing: .05em;
}
.inner_ar { max-width: calc(960px + 10%); padding: 0 5%; margin: 0 auto; }
.secTtl_ar { margin: 0 auto 90px; text-align: center; }
.secTtl_ar img { width: auto; height: 28px; }
.btn_ar {
	display: block;
	border: 1px solid #000;
	border-radius: 100px;
	font-size: 1rem;
	text-align: center;
	letter-spacing: 0;
	line-height: 1;
	padding: 20px;
	margin-top: 45px;
}
.btn_ar + .btn_ar { margin-top: 28px; }
.btn_ar:hover { background: #000; color: #f9f9f7; }
.dott_ar { position: relative; }
.dott_ar:before {
	content: '・・・';
	position: absolute;
	top: -40px;
	left: 0;
	white-space: nowrap;
	text-align: center;
}
.itemWrap_ar .point_ar .dott_ar:before,
.itemVoice_ar .point_ar .dott_ar:before {
	top: -30px;
    transform: scaleX(0.8);
    letter-spacing: .35em;
    left: 50%;    
}
.itemWrap_ar .point_ar .dott_ar:before { content: '・・・・'; margin-left: -2.6em; }
.itemVoice_ar .point_ar .dott_ar:before { content: '・・　・・'; margin-left: -3.8em; }
.sec_ar { padding: 100px 0; }
.mainCopy_ar { font-size: 1.875rem; line-height: 2.5; }

.anime_ar {
	visibility: visible !important;
	opacity: 0;
	animation-fill-mode: both;
}
/*.fade_ar { visibility: hidden; }*/
.fadeInUp_ar { animation: fadeInUp 2s both; visibility: visible !important; }

@keyframes fadeInUp {
	0% { opacity: 0; transform: translate(0,50px); }
	100% { opacity: 1; transform: translate(0,0); }
}

@media screen and (max-width: 834px) {
	body { font-size: 1rem; letter-spacing: .05em; }
	.pc-display_ar { display: none; }
	.sp-display_ar { display: block; }
	.dott_ar:before { top: -30px; }
	.secTtl_ar { margin-bottom: 40px !important; }
	.secTtl_ar img { height: 18px; }
	.mainCopy_ar { font-size: 1.25rem; }
	.itemWrap_ar .point_ar .dott_ar:before,
	.itemVoice_ar .point_ar .dott_ar:before { top: -23px; }
	.btn_ar { max-width: 300px; margin: 40px auto 0 auto; font-size: 1rem; }
}
@media screen and (max-width: 375px) {
	.mainCopy_ar { font-size: 1.125rem; }
}


/*-----------------------------------
	swiper
-----------------------------------*/

#item_ar .swiper,
.item_ar .swiper { width: 100%; height: 100%; }
#item_ar .swiper-slide,
.item_ar .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
#item_ar .swiper-slide img,
.item_ar .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.swiper-button-next,
.swiper-button-prev {
	width: 52px;
	height: 52px;
	background: url(../../images/arrow.svg) 50% 50% / cover no-repeat;
}
.swiper-button-prev { transform: scale(-1,1); }
.swiper-button-next:after,
.swiper-button-prev:after { display: none; }
.swiper-button-next, .swiper-rtl .swiper-button-prev { right: 30px; }
.swiper-button-prev, .swiper-rtl .swiper-button-next { left: 30px; }

#member_ar .swiper-wrapper { transition-timing-function: linear; }

#mainSwiper_ar { z-index: -1; }

@media screen and (min-width: 835px) {
	#mainSwiper_ar .swiper-slide {
		display: flex;
		align-items: flex-end;
		justify-content: center;
	}
	#mainSwiper_ar .swiper-slide img { object-fit: cover; height: 100%; }
}
@media screen and (min-width: 1020px) {
	#mainSwiper_ar .swiper-slide { height: 840px; }
}
@media screen and (max-width: 1199px) and (min-width: 835px) {
	#mainSwiper_ar .swiper-slide { height: 640px; }
}
@media screen and (max-width: 834px) {
	.swiper-button-next,.swiper-button-prev { width: 25px; height: 25px; }
	.swiper-button-next, .swiper-rtl .swiper-button-prev { right: 20px; }
	.swiper-button-prev, .swiper-rtl .swiper-button-next { left: 20px; }
}

/*-----------------------------------
	modal
-----------------------------------*/

.modalCont_ar { position: relative; }
.modaal-content-container { padding: min(20%, 80px) min(10%, 60px); }
.modaal-container {
	background: rgba(255,255,255,.97);
	border: 1.5px solid #000;
	max-width: 1100px;
	width: auto;
}
.modalCont_ar { display: none; }
.modaal-overlay { background: none !important; }
.modaal-wrapper .modaal-close {
	position: absolute;
	right: 0;
	top: 0;
	width: 80px;
	height: 64px;
	border-style: solid;
	border-color: #000;
	border-width: 0 0 1.5px 1.5px;
	border-radius: 0;
}
.modaal-close:after,
.modaal-close:before {
	top: 12px;
    left: 37px;
	background: #000 !important;
	border-radius: 0;
	width: 1.5px;
    height: 40px;
}
.modaal-close:after { transform: rotate(228deg); }
.modaal-close:before { transform: rotate(-228deg); }
.modaal-close:focus, .modaal-close:hover { background: none; }

@media screen and (min-width: 600px) {
	.modaal-container { min-width: 580px; }
}
@media screen and (max-width: 834px) {
	.modaal-content-container { padding: min(10%, 50px) min(10%, 60px); }
	.modaal-inner-wrapper { padding: 0; }
	.modaal-wrapper .modaal-close { width: 50px; height: 40px; }
	.modaal-close:after,
	.modaal-close:before { height: 30px; top: 4px; left: 24px; }
}

/*===================================

	contents

===================================*/

/*----------------
  header
----------------*/

#uraomote header {
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 4;
	padding: 30px 3%;
}
.modaal-noscroll #uraomote header { top: 0 !important; }
.modaal-noscroll #uraomote header .logofix_ar { display: block !important; }

#uraomote header .headwrap_ar { display: flex; justify-content: space-between; }
#uraomote header .logofix_ar { width: 240px; display: none; }
#uraomote header #menu_ar { width: 120px; margin: 0 0 0 auto; cursor: pointer; }
#uraomote header #menucont_ar {
	position: fixed;
	top: 0;
	right: 0;
	width: 500px;
	height: 100vh;
	transform: translateX(100%);
	transition: ease .4s;
	background: #fff;
	z-index: 5;
	padding: 40px 60px;
	box-shadow: -5px 0 20px rgba(0,0,0,.05);
	overflow-y: scroll;
}
#uraomote header #menucont_ar.active { transform: translateX(0); }

#menuclose_ar {
	width: 80px;
	font-size: 1.125rem;
	margin: 0 0 60px auto;
	padding: 0 27px 10px 0;
	background: url(../../images/line01.png) 0 100% / 80px auto no-repeat;
	position: relative;
	cursor: pointer;
}
#menuclose_ar:before,
#menuclose_ar:after {
    content: "";
	background: #000;
    position: absolute;
    top: 50%;
    right: 0;
    width: 25px;
    height: 1.5px;
	margin-top: -7px;
}
#menuclose_ar:before { transform: rotate(45deg); }
#menuclose_ar:after { transform: rotate(-45deg); }

.sideMenu_ar > li:not(:last-child) { margin-bottom: 45px; }
.sideMenu_ar a { display: inline-block; line-height: 1.4; white-space: nowrap; }
.sideMenu_ar a span { position: relative; }
.sideMenu_ar a span:after {
    content: "";
	background: #000;
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 2px;
	transition: .3s;
}
.sideMenu_ar a:hover span:after { width: 100%; }
.sideMenu_ar > li > a {
	padding-right: 115px;
	background: url(../../images/line02.png) 100% 50% / 85px auto no-repeat;
}
.sideMenu_ar > li > a,
.sideMenu_ar h3 { font-size: 1.5625rem; }
.sideMenu_ar h3 { margin-bottom: 10px; }
.sideMenu_ar li li { position: relative; padding-left: 65px; }
.sideMenu_ar li li a {
	font-size: 1rem;
	padding: 8px 47px 8px 0;
	background: url(../../images/line03.png) 100% 50% / 17px auto no-repeat;
}
.sideMenu_ar li li:before {
    content: "";
    background-image: linear-gradient(to right, #000, #000 2px, transparent 2px, transparent 5px);
    background-size: 5px 1px;
    background-repeat: repeat-x;
    position: absolute;
    top: 50%;
    left: 0;
    width: 48px;
    height: 1px;
}
.sideMenu_ar li li a span:after { height: 1px; }

.sideSns_ar { display: flex; margin-top: 50px; flex-wrap: wrap; }
.sideSns_ar .arl_ar a { min-width: 240px; }

.sideSns_ar .sns_ar { width: 35%; margin-bottom: 50px; }
.sideSns_ar .arl_ar { width: 100%; max-width: 300px; }

.sideSns_ar .arl_ar a,
.sideSns_ar .sns_ar:nth-child(2) a {
	border: 1.5px solid #000;
	border-radius: 100px;
	height: 56px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sideSns_ar .arl_ar a:hover,
.sideSns_ar .sns_ar:nth-child(2) a:hover { background: #000; }
.sideSns_ar .arl_ar a img { width: 194px; }
.sideSns_ar .on_ar,
.sideSns_ar a:hover .off_ar { display: none; }
.sideSns_ar a .off_ar,
.sideSns_ar a:hover .on_ar { display: block; }
.sideSns_ar .sns_ar:nth-child(2) a { width: 56px; }
.sideSns_ar .sns_ar:nth-child(2) img { width: 42px; height: auto; }

@media screen and (max-width: 834px) {
	#uraomote header { padding: 20px 5%; }
	#uraomote header #menu_ar { width: 85px; }
	#uraomote header .logofix_ar { width: 34%; }
	#uraomote header #menucont_ar { width: 100%; padding: 30px 10%; }
	#menuclose_ar { width: 60px; font-size: 0.875rem; margin-bottom: 70px; padding: 0 20px 5px 0; }
	#menuclose_ar:before,
	#menuclose_ar:after { width: 15px; margin-top: -4px; }
	.sideMenu_ar > li:not(:last-child) { margin-bottom: 30px; }
	.sideMenu_ar > li > a, .sideMenu_ar h3 { font-size: 1.375rem; }
	.sideMenu_ar > li > a { padding-right: 80px; background-size: 60px auto; }
	.sideMenu_ar li li { padding-left: 35px; }
	.sideMenu_ar li li a { font-size: 0.9375rem; padding-right: 34px; background-size: 12px auto; }
	.sideMenu_ar li li:before { width: 24px; }
	.sideSns_ar { margin-top: 40px; justify-content: center; }
	.sideSns_ar .sns_ar { margin-right: 16px; width: 25%; margin-bottom: 35px; }
	.sideSns_ar .sns_ar a { width: 40px !important; margin: 0 auto; }
	.sideSns_ar .arl_ar { max-width: 200px; }
	.sideSns_ar .arl_ar a { min-width: 200px; }
	.sideSns_ar .arl_ar a,
	.sideSns_ar .sns_ar:nth-child(2) a { height: 40px; }
	.sideSns_ar .sns_ar:nth-child(2) img { width: 80%; }
	.sideSns_ar .arl_ar a img { width: 75%; }
}
@media screen and (max-width: 375px) {
	.sideMenu_ar > li > a, .sideMenu_ar h3 { font-size: 0.78125rem; }
}
@media screen and (max-height: 550px) {
	#menuclose_ar { margin-bottom: 30px; }
}
@media screen and (max-height: 414px) {
	.sideSns_ar .arl_ar a { min-width: 100%; }
}

/*----------------
  hero
----------------*/

#hero_ar {	position: relative;	padding-top: 100px; }
#hero_ar .logobox_ar {
	position: absolute;
	top: 70px;
	left: 50%;
	width: 710px;
	margin-left: -355px;
	z-index: 3;
	text-align: center;
}
#hero_ar .logobox_ar .subttl_ar { font-size: 1.125rem; }
#hero_ar .logobox_ar .logo_ar { margin: 20px 0 10px; }
#hero_ar .logobox_ar .en_ar { font-size: 0.9375rem; display: block; }

.sltObj_ar { position: relative; }
.sltObj_ar:before,
.sltObj_ar:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 0 0 100vw ;
	border-color: #fff transparent transparent transparent;
	z-index: 2;
	transform: scale(-1,1);
}
.sltObj_ar:after { top: auto; bottom: 0; transform: scale(1,-1); }
.sltObjR_ar:before { transform: scale(1,1); }
.sltObjR_ar:after { transform: scale(-1,-1); }

.gd_ar {
	position: absolute;
	left: 5%;
	top: 10%;
	z-index: 0;
	max-width: 200px;
	width: 10vw;
}

@media screen and (max-width: 1080px) {
	.gd_ar { left: auto; top: auto; right: 5%; bottom: 15%; width: 12vw; }
}
@media screen and (max-width: 834px) {
	#hero_ar { padding-top: 75px; }
	#hero_ar .logobox_ar { position: static; margin: 0 auto 27px; width: 90%; }
	#hero_ar .logobox_ar .en_ar { font-size: 0.75rem; line-height: 1.8; }
	.sltObj_ar:before,
	.sltObj_ar:after { display: none; }
	.gd_ar { top: 7%; bottom: auto; width: 15vw; }
}
@media screen and (max-width: 560px) {
	.gd_ar { top: 6%; right: auto; left: 5%; width: 16vw; }
}

/*----------------
  concept
----------------*/

#concept_ar { text-align: center; padding: 200px 0; }
#conceptSec_ar {
	margin-top: 100px;
	padding: 100px 0 0 0;
	border-top: 1px solid #cbcbcb;
	background: url(../../images/bg.png) 30% 55% / 380px auto no-repeat;
}
#conceptSec_ar .mainCopy_ar { padding-left: 30px; }
#movieSec_ar { padding-top: 100px; }
#movieSec_ar .secTtl_ar { margin-bottom: 65px; }
.videoWrap_ar {
	width: 740px;
	margin: 0 auto;
	border: 1.5px solid #000;
    border-radius: 40px;
    overflow: hidden;
	position: relative;
	z-index:1;
}
.video_ar { position: relative; padding-top: 56.25%; }
.video_ar iframe {
	position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 834px) {
	#concept_ar { padding: 75px 0 95px; }
	#conceptSec_ar .mainCopy_ar { padding-left: 3%; }
	#conceptSec_ar {
		margin-top: 55px;
		background-size: 60% auto;
		background-position: -10% 80%;
	}
	#movieSec_ar { padding-top: 90px; }
	#movieSec_ar .secTtl_ar { margin-bottom: 40px; }
	.videoWrap_ar { width: 90%; }
}

/*----------------
  items
----------------*/

.item_ar { max-width: 1280px; margin: 0 auto 70px; }
#item03_ar { margin-bottom: 0; }

.itemWrap_ar { display: flex; align-items: flex-start; padding: 100px 0 0 0; }
.itemWrap_ar .imgBox_ar { width: 60%; border: 1.5px solid #000; position: relative; }
.itemWrap_ar .fixTxt_ar {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	padding: 0 min(10%, 70px) min(10%, 65px) min(10%, 70px);
}
.itemWrap_ar .fixTxt_ar .no_ar { font-size: 0.78125rem; font-weight: 500; }
.itemWrap_ar .fixTxt_ar .name_ar { font-size: 2.5rem; line-height: 1.3; margin-bottom: 10px; font-weight: 500; }
.itemWrap_ar .fixTxt_ar .summary_ar { font-size: 1.4375rem; font-weight: 500; }
.itemWrap_ar .txtBox_ar { width: 50%; }
.itemWrap_ar .txtInner_ar { width: 320px; margin: 0 auto; text-align: center; }
.point_ar {
	display: inline-block;
	font-size: 1.5625rem;
	text-align: center;
	transform: scaleX(1.2);
	border-bottom: 1.5px solid #000;
}
.itemWrap_ar .pointCopy_ar {
	font-size: 1.375rem;
	font-weight: 500;
	position: relative;
	padding-top: 100px;
	text-align: left;
	line-height: 1.7;
}
.itemWrap_ar .pointCopy_ar span {
	position: absolute;
	left: -20px;
	top: 30px;
	font-size: 2.5rem;
}
.itemWrap_ar .pointSummary_ar {
	text-align: justify;
	margin-top: 40px;
	line-height: 2;
}

.itemSub_ar {
	position: relative;
	background: url(../../images/bg.png) 50% 100% / 340px auto no-repeat;
	padding-bottom: 50px;
}
.itemSub_ar .itemSubImg_ar { width: 305px; margin: -35px 10% 0 auto; border: 1.5px solid #000; }
.itemSub_ar + .itemWrap_ar { padding-top: 50px; }
.itemR_ar .itemSub_ar { background-position: 95% 40%; background-size: 260px auto; }
.itemR_ar .itemSub_ar .itemSubImg_ar { margin: 0 auto 0 10%; }

.itemPoint_ar, .itemR_ar .itemVoice_ar { max-width: 930px; margin-left: auto; margin-right: auto; }
.itemPoint_ar .txtBox_ar { flex: 1; }
.itemPoint_ar .imgBox_ar { width: min(55%, 500px); }
.itemPoint_ar .txtInner_ar { margin-left: 0; }
.itemR_ar .itemPoint_ar .txtInner_ar { margin-left: auto; margin-right: 0; }

.itemVoice_ar { display: flex; align-items: flex-start; margin-top: 100px; }
.itemVoice_ar .itemSubImg_ar { width: 300px; border: 1.5px solid #000; margin: 0 10% 0 0; }
.itemVoice_ar .voiceBox_ar { flex: 1; }
.itemVoice_ar .voiceTtl_ar { display: flex; align-items: flex-end; margin-bottom:45px; }
.itemVoice_ar .voiceTtl_ar .point_ar { margin-left: 0.75rem; }
.itemVoice_ar .voiceTtl_ar img { width: 82px; margin-left: 40px; }
.itemVoice_ar li { display: flex; align-items: flex-start; }
.itemVoice_ar li:nth-child(2) { margin: -80px 0 0 135px; }
.itemVoice_ar li:nth-child(3) { margin: -80px 0 0 270px; }
.itemR_ar .itemVoice_ar { flex-direction: column; position: relative; }
.itemR_ar .itemVoice_ar .itemSubImg_ar { position: absolute; right: -10%; top: 0; margin: 0; }
.itemR_ar .itemVoice_ar .voiceTtl_ar .point_ar { margin-left: 2%; }
.itemR_ar .itemVoice_ar .voiceBox_ar { width: 100%; }

.people_ar { text-align: center; }
.itemVoice_ar li .people_ar { width: 125px; margin: 60px 25px 0 0; }
.people_ar img { border: 1.5px solid #000; }
.itemVoice_ar li .people_ar img {	width: 125px; height: 125px; border-radius: 125px; }
.itemVoice_ar li .prof_ar { white-space: nowrap; margin-top: 15px; }
.people_ar .job_ar { font-size: 0.8125rem; line-height: 1.5; margin-top: 3px; }
.itemVoice_ar li .voice_ar {
	background: url(../../images/voice-baloon.png) 0 0 / auto 100% no-repeat;
	display: flex;
    align-items: center;
	padding-left: 90px;
	flex: 1;
}
.itemVoice_ar li .voice_ar .baloon_ar { padding: 25px 0 35px; position: relative; }
.itemVoice_ar li .voice_ar .baloon_ar:before,
.itemVoice_ar li .voice_ar .baloon_ar:after {
	content: "";
	position: absolute;
	right: -30px;
	bottom: 45px;
	width: 10px;
	height: 10px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
    transform: rotate(45deg);
}
.itemVoice_ar li .voice_ar .baloon_ar:after { right: -40px; }
.itemVoice_ar li .voice_ar span { border-bottom: 1.5px solid #000; line-height: 2; padding-bottom: 2px; }
.itemVoice_ar li .voice_ar a:hover span { border: none; }

.modalVoiceWrap_ar { display: flex; padding: min(20%, 60px) min(10%, 30px); }
.modalVoiceWrap_ar .people_ar { margin-right: min(5%, 70px); }
.modaal-content .people_ar img { width: 215px;	height: 215px; border-radius: 215px; }
.modaal-content .prof_ar { margin-top: 30px; }
.modaal-content .prof_ar .name_ar { font-size: 1.5rem; }
.modaal-content .prof_ar .job_ar { font-size: 0.78125rem; }
.modalVoiceWrap_ar .modalVoice_ar { flex: 1; }
.modalVoiceWrap_ar .modalTtlWrap_ar { display: flex; margin-bottom: 50px; }
.modalVoiceWrap_ar .modalVoice_ar img { width: 68px; transform: rotate(-70deg); margin-top: -25px; }
.modalVoiceWrap_ar .mainVoice_ar { flex: 1; font-size: 1.5rem; font-weight: 600; margin-left: 20px; }
.modaal-content .summaryVoice_ar { font-size: 1.125rem; line-height: 1.7; text-align: justify; }

@media screen and (max-width: 1150px) {
	.itemSub_ar .itemSubImg_ar,
	.itemR_ar .itemSub_ar .itemSubImg_ar { margin-top: 40px; }
}
@media screen and (max-width: 1120px) {
	.itemR_ar .itemVoice_ar .itemSubImg_ar { right: 0; }
	.itemVoice_ar .itemSubImg_ar { width: 250px; }
}
@media screen and (max-width: 1050px) {
	.item_ar { padding: 0 5%; }
	.itemWrap_ar .imgBox_ar { width: 52%; }
	.itemPoint_ar .txtInner_ar { margin-right: 0; }
	.itemVoice_ar { flex-direction: column; margin-top: 70px; }
	.itemVoice_ar .itemSubImg_ar { margin: 0 0 0 auto; }
	.itemWrap_ar .fixTxt_ar { padding: 0 7% 7% 7%; width: 100%; }
	.itemWrap_ar .fixTxt_ar .no_ar { font-size: 2.3125rem; font-weight: 400; line-height: 1; }
	.itemWrap_ar .fixTxt_ar .name_ar { font-size: min(8vw,2rem); margin-bottom: 5px; }
	.itemWrap_ar .fixTxt_ar .summary_ar { font-size: 1rem; }
}
@media screen and (max-width: 960px) {
	.itemWrap_ar:not(.leftTxt_ar) .txtInner_ar { margin-left: auto; margin-right: 0; }
}
@media screen and (max-width: 834px) {
	.item_ar { padding: 0; }
	.itemWrap_ar { flex-direction: column; padding-top: 50px; }
	.itemWrap_ar.leftTxt_ar { flex-direction: column-reverse; }
	.itemWrap_ar .imgBox_ar,
	.itemWrap_ar .txtBox_ar { width: 100%; }
	.itemWrap_ar .txtBox_ar { margin-top: 50px; }
	.itemWrap_ar .txtInner_ar { width: 82%; margin: 0 auto !important; }
	.point_ar { font-size: 1.1875rem; }
	.itemWrap_ar .pointCopy_ar { padding-top: 60px; font-size: 1.375rem; }
	.itemWrap_ar .pointCopy_ar span { top: 0; left: -10px; font-size: 2.1875rem; }
	.itemWrap_ar .pointSummary_ar { margin-top: 30px; font-size: 0.9375rem; }
	.itemSub_ar {
		margin-top: 85px;
		padding-bottom: 0;
		background-size: 150px !important;
		background-position: -7% 65% !important;
	}
	.itemSub_ar .itemSubImg_ar { margin: 0 0 0 auto !important; width: min(60%, 230px) !important; }
	.itemSub_ar + .itemWrap_ar { padding-top: 85px; }
	.itemR_ar .itemVoice_ar { flex-direction: column-reverse; }
	.itemVoice_ar .itemSubImg_ar { margin: 0 auto 0 0; width: min(70%, 300px); }
	.itemVoice_ar .voiceBox_ar { width: 70% !important; margin: 90px auto 0; }
	.itemVoice_ar .voiceTtl_ar .point_ar { margin-left: 2rem; }
	.itemR_ar .itemVoice_ar .itemSubImg_ar { position: static; }
	.itemVoice_ar .point_ar .dott_ar:before { letter-spacing: .3em; margin-left: -3.7em; }
	.itemVoice_ar li { margin: 30px 0 0 0 !important; }
	.itemVoice_ar li:nth-child(2),
	.itemVoice_ar li:nth-child(3) { margin-top: -10px !important; }
	.itemVoice_ar li .people_ar { width: 120px; font-size: 0.75rem; margin: 45px 0 0 0; line-height: 1.6; }
	.itemVoice_ar li .people_ar img { width: 83px; height: 83px; }
	.itemVoice_ar li .voice_ar { padding-left: 70px; background-size: 70px 100%; min-height: 114px; }
	.itemVoice_ar li .prof_ar { margin-top: 10px; }
	.itemVoice_ar li .voice_ar a { width: 100%; }
	.itemVoice_ar li .voice_ar .baloon_ar { padding: 0 30px 7px 0; }
	.itemVoice_ar li .voice_ar span { font-size: 0.8125rem; }
	.itemVoice_ar li .voice_ar .baloon_ar:before,
	.itemVoice_ar li .voice_ar .baloon_ar:after { right: 0; width: 14px; height: 14px; bottom: 50%; margin-bottom: -7px; }
	.itemVoice_ar li .voice_ar .baloon_ar:after { right: 9px; }
	.modalVoiceWrap_ar { flex-direction: column; padding: 0; }
	.modaal-content .people_ar img { width: 140px; height: 140px; }
	.modaal-content .prof_ar { margin-top: 20px; }
	.modaal-content .prof_ar .name_ar { font-size: 0.9375rem; }
	.modaal-content .prof_ar .job_ar { font-size: 0.8125rem; }
	.modalVoiceWrap_ar .modalTtlWrap_ar { flex-direction: column; margin-bottom: 20px; position: relative; }
	.modalVoiceWrap_ar .mainVoice_ar { margin-left: 0; font-size: 1.0625rem; text-align: center; margin-top: 35px; }
	.modaal-content .summaryVoice_ar { font-size: 0.9375rem; }
	.modalVoiceWrap_ar .modalVoice_ar img { position: absolute; top: -70px; left: 7%; }
}
@media screen and (max-width: 560px) {
	.itemVoice_ar .voiceBox_ar { width: 90% !important; margin: 90px auto 0; }
}
@media screen and (max-width: 360px) {
	.itemVoice_ar li .voice_ar { padding-left: 40px; background-size: 40px 100%; }
	.itemVoice_ar li .voice_ar span { font-size: 1.1rem; }
	.itemVoice_ar li .voice_ar .baloon_ar { padding-right: 25px; }
	.itemVoice_ar li .voice_ar .baloon_ar:before,
	.itemVoice_ar li .voice_ar .baloon_ar:after { width: 10px; height: 10px; }
	.itemVoice_ar li .voice_ar .baloon_ar:after { right: 7px; }
	.modalVoiceWrap_ar .mainVoice_ar { font-size: 0.9375rem; }
	.modaal-content .summaryVoice_ar { font-size: 0.8125rem; }
}

/*----------------
  heart
----------------*/

#heart_ar { padding: 150px 0; }
#heart_ar .secTtl_ar { margin-bottom: 80px; }
#heart_ar .arrow_ar {
	position: relative;
	margin: 0 auto 65px;
	padding: 0 5% 70px;
}
#heart_ar .arrow_ar:before,
#heart_ar .arrow_ar:after {
	content: "";
    position: absolute;
    left: 50%;
    bottom: -20px;
    width: 15px;
    height: 15px;
    border-top: 1.5px solid #000;
    border-right: 1.5px solid #000;
    transform: rotate(135deg);
	margin-left: -11px;
}
#heart_ar .arrow_ar:after { bottom: -10px; }
#heart_ar .heartMainTtl_ar {
	text-align: center;
	padding: 20px 0 30px 0;
	margin-bottom: 120px;
	background: url(../../images/bg_one.png) 85% 0% / 212px auto no-repeat;
}
#heart_ar .heartMainTtl_ar span {
	border-bottom: 2px solid #000;
	font-size: 2.3125rem;
	font-weight: 500;
	letter-spacing: .1em;
	padding-bottom: 3px;
}

#heartMain_ar { max-width: calc(875px + 10%); text-align: center; }
#heartMain_ar .heartSummary_ar {
	font-size: 1.375rem;
	line-height: 2;
	letter-spacing: 0.13em;
	margin-top: 100px;
}
#heartMain_ar .heartSummary_ar strong {
	margin: 50px auto 55px;
	display: block;
	line-height: 2.2;
}
#heartMain_ar .heartSummary_ar strong span {
	font-weight: 600;
	border-bottom: 1.5px solid #000;
	padding-bottom: 3px;
}
#heartMind_ar {
	max-width: calc(990px + 10%);
	padding-bottom: 130px;
	margin-left: auto;
	margin-right: auto;
}
#heartMind_ar li { display: flex; justify-content: space-between; align-items: center; }
#heartMind_ar li:not(:last-child) { margin-bottom: 125px; }
#heartMind_ar .mindImg_ar { width: 390px; margin-right: 6%; border: 1.5px solid #000; }
#heartMind_ar li:nth-child(even) .mindImg_ar { margin: 0 0 0 6%; }
#heartMind_ar .mindTxt_ar {
	flex: 1;
	padding: 0 80px;
	background: url(../../images/heart-kakko.png) 0 0 / 100% 100% no-repeat;
}
#heartMind_ar .mindCopy_ar {
	font-size: 1.625rem;
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 1.4;
	margin-bottom: 20px;
	position: relative;
}
#heartMind_ar .mindCopy_ar .en_ar {
	position: absolute;
	line-height: 1;
    left: -60px;
    top: -55px;
    font-size: 2.6875rem;
	transform: rotate(-11deg);
}
#heartMind_ar .mindSummary_ar { font-size: 1.125rem; line-height: 1.7; letter-spacing: 0.08em; }
#hearVoice_ar {
	max-width: calc(820px + 10%);
	padding: 0 5% 100px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
#hearVoice_ar li { display: flex; justify-content: center; position: relative; }
#hearVoice_ar li:not(:last-child) { margin-bottom: 40px; }
#hearVoice_ar li > img {
	position: absolute;
	width: 68px;
	top: -60px;
	right: -60px;
}
#hearVoice_ar li:nth-child(even) > img {
	top: auto;
	bottom: -80px;
	left: 0;
	right: auto;
	transform: rotate(-60deg);
}
#hearVoice_ar .voiceImg_ar img { width: 125px; height: 125px; border-radius: 125px; margin-right: 35px; }
#hearVoice_ar li:nth-child(even) .voiceImg_ar img { margin: 0 0 0 35px; }
#hearVoice_ar .voiceTxt_ar {
	padding: 30px 40px 27px;
	line-height: 1.7;
	background-image : linear-gradient(to right, #000 7px, transparent 7px),linear-gradient(to bottom, #000 7px, transparent 7px),linear-gradient(to left, #000 7px, transparent 7px),linear-gradient(to top, #000 7px, transparent 7px);
	background-size: 14px 2px, 2px 14px, 14px 2px, 2px 14px;
	background-repeat: repeat-x,repeat-y,repeat-x,repeat-y;
	background-position:left top, right top, right bottom, left bottom;
}
#hearVoice_ar .voiceTxt_ar .voiceSummary_ar { text-align: justify; }
#hearVoice_ar .voiceTxt_ar .voiceName_ar { font-size: 1rem; font-weight: 500; text-align: right; }
#hearOutline_ar { width: 90%; margin: 0 5%; text-align: center; padding-top: 100px; }
#hearOutline_ar .olSummary_ar {
	font-size: 1.375rem;
	line-height: 2;
	letter-spacing: .13em;
	margin-bottom: 70px;
}
#hearOutline_ar .olMain_ar span {
    border-bottom: 2px solid #000;
	font-size: 2rem;
    font-weight: 500;
	letter-spacing: .1em;
    padding-bottom: 3px;
}

@media screen and (max-width: 875px) {
	#heart_ar .heartMain_ar { max-width: 90%; }
}
@media screen and (max-width: 834px) {
	#heart_ar { padding: 90px 0; }
	#heart_ar .arrow_ar { margin-bottom: 35px; padding-bottom: 40px; }
	#heart_ar .heartMainTtl_ar { background-size: 130px auto; background-position: 85% 80%; margin-bottom: 35px; }
	#heart_ar .heartMainTtl_ar span { font-size: 1.25rem; }
	#heartMain_ar .heartSummary_ar { font-size: 1.0625rem; margin-top: 50px; }
	#heartMain_ar .heartSummary_ar strong { margin: 40px auto 45px; }
	#heartMind_ar li,
	#hearVoice_ar li { flex-direction: column; }
	#heartMind_ar li:nth-child(even),
	#hearVoice_ar li:nth-child(even) { flex-direction: column-reverse; }
	#heartMind_ar li:not(:last-child) { margin-bottom: 70px; }
	#heartMind_ar .mindImg_ar { width: 100%; margin: 0 !important; }
	#heartMind_ar .mindTxt_ar { padding: 50px 15%; text-align: justify; margin-top: 30px; }
	#heartMind_ar .mindCopy_ar { font-size: 1.0625rem; }
	#heartMind_ar .mindCopy_ar .en_ar { font-size: 1.875rem; left: -20px; top: -40px; }
	#hearVoice_ar { padding-bottom: 0; }
	#hearVoice_ar li:not(:last-child) { margin-bottom: 50px; }
	#hearVoice_ar li > img { top: 60px; right: 10%; transform: rotate(-55deg); }
	#hearVoice_ar li:nth-child(even) > img { top: 90px; bottom: auto; left: 10%; transform: rotate(-14deg); }
	#heartMind_ar .mindSummary_ar,
	#hearVoice_ar .voiceTxt_ar .voiceSummary_ar { font-size: 0.8125rem; }
	#hearVoice_ar .voiceTxt_ar { padding-left: 30px; padding-right: 30px; }
	#hearVoice_ar .voiceImg_ar { text-align: center; }
	#hearVoice_ar .voiceImg_ar img { margin: 0 auto 35px !important; }
	#hearVoice_ar .voiceTxt_ar .voiceSummary_ar { letter-spacing: 0.07em; line-height: 2; }
	#hearVoice_ar .voiceTxt_ar .voiceName_ar { font-size: 0.875rem; }
	#hearOutline_ar .olSummary_ar { font-size: 1.0625rem; margin-bottom: 55px; font-weight: 500; }
	#hearOutline_ar .olMain_ar span { font-size: 1.25rem; line-height: 2; }
}
@media screen and (max-width: 560px) {
	#heartMind_ar .mindTxt_ar { padding: 0 55px; margin-top: 70px; }
	#heartMind_ar .mindCopy_ar .en_ar { left: -40px; }
}
@media screen and (max-width: 375px) {
	#hearOutline_ar .olSummary_ar { font-size: 1rem; }
}
@media screen and (max-width: 360px) {
	#heartMain_ar .heartSummary_ar { font-size: 0.9375rem; }
	#hearOutline_ar .olSummary_ar { letter-spacing: 0.05em; }
}

/*----------------
  member
----------------*/

#member_ar {
	padding: 80px 0;
	border-style: solid;
	border-color: #000;
	border-width: 1px 0;
	text-align: center;
	overflow: hidden;
}
.loopWrap_ar { overflow: hidden; }
.loopSlide_ar {
	overflow-x: scroll;
	padding-bottom: 30px;
	display: flex;
	align-items: center;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.loopSlide_ar::-webkit-scrollbar{
	display:none;
}
.loopSlide_ar ul {
	display: flex;
	animation: loop-slide 20s infinite linear 1s both;
}
.loopSlide_ar .noslide_ar { animation: none; margin: 0 auto; justify-content: center; }
.loopSlide_ar:hover ul { animation-play-state: paused; }

@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.loopSlide_ar li { width: 200px; }
.loopSlide_ar li img {
	width: 136px;
	height: 136px;
	margin: 0 auto;
	border-radius: 136px;
}
.loopSlide_ar li .prof_ar { margin-top: 20px; }

.modalMemWrap_ar { max-width: 580px; }
.modalMemWrap_ar .summaryVoice_ar { margin-top: 40px; }

@media screen and (max-width: 834px) {
	#member_ar { padding: 40px 0 20px; }
	.loopSlide_ar li { width: 150px; }
	.loopSlide_ar li img { width: 110px; height: 110px; }
	.loopSlide_ar li .prof_ar .name_ar { font-size: 0.875rem; }
	.loopSlide_ar li .prof_ar .job_ar { font-size: 0.8125rem; }
	.loopSlide_ar .noslide_ar { flex-wrap: wrap; }
	.loopSlide_ar .noslide_ar li:nth-child(-n+2) { margin-bottom: 30px; }
}

/*----------------
  buy
----------------*/

#buy_ar { max-width: 1145px; margin: 0 auto; padding: 120px 0 90px; }
#buy_ar ul { display: flex; justify-content: center; }
#buy_ar li { max-width: 380px; margin: 0 20px; }
#buy_ar li .img_ar { height: 380px; display: flex; justify-content: center; align-items: center; }
#buy_ar li .img_ar img { width: auto; height: 100%; }
#buy_ar li .fixTxt_ar { width: 320px; margin: 25px auto 0; }
#buy_ar li .no_ar { font-size: 0.78125rem; line-height: 1; }
#buy_ar li .name_ar { font-size: 1.4375rem; font-weight: 500; }
#buy_ar li .summary_ar { font-size: 0.875rem; letter-spacing: .05em; margin-top: 10px; }

@media screen and (max-width: 1145px) {
	#buy_ar { padding-top: 70px; }
	#buy_ar ul { flex-direction: column; }
	#buy_ar li { max-width: 100%; margin: 0 5%; }
	#buy_ar li:not(:last-child) { margin-bottom: 70px; }
	#buy_ar li .fixTxt_ar { width: 100%; text-align: center; margin-top: 30px; }
	#buy_ar li .fixTxtInner_ar { text-align: left; display: inline-block; }
	#buy_ar li .summary_ar { font-size: 0.9375rem; }
	.btn_ar { max-width: 320px; margin-left: auto; margin-right: auto; }
}
@media screen and (max-width: 834px) {
	#buy_ar { padding-left: 5%; padding-right: 5%; }
	#buy_ar li .img_ar,
	#buy_ar li .img_ar img { height: auto; width: 100%; }
}

/*----------------
  footer
----------------*/

#arlFooter_ar { background: #000; padding: 100px 5% 75px; }
#arlFooter_ar .logoFooter_ar { width: min(70%, 465px); margin: 0 auto 37px; }
#arlFooter_ar ul { display: flex; justify-content: center; align-items: center; }
#arlFooter_ar li { margin: 0 40px; }
#arlFooter_ar .official_ar a {
	width: 190px;
	border: 1px solid #fff;
	border-radius: 100px;
	padding: 20px;
	color: #FFF;
	line-height: 1;
	text-align: center;
}
#arlFooter_ar .official_ar a:hover { background: #fff; color: #000; }
.sns_ar a { width: 56px; }
.sns_ar a:hover { opacity: .7; }

.logoLast_ar { width: 300px; margin: 75px auto 70px; }

@media screen and (min-width: 1921px) {
	.slantingWrap_ar .slanting_ar img { width: 100%; }
}

@media screen and (max-width: 834px) {
	#arlFooter_ar { padding: 40px 5% 60px; }
	#arlFooter_ar .logoFooter_ar { width: min(70%, 240px); }
	#arlFooter_ar ul { flex-wrap: wrap; }
	#arlFooter_ar li { margin: 0 30px; }
	#arlFooter_ar .official_ar { width: 100%; margin-bottom: 50px; }
	#arlFooter_ar .official_ar a { margin: 0 auto; }
	.logoLast_ar { width: 240px; margin: 65px auto 60px; }
}