@charset 'utf-8';
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

/*--------------------------------------
fullscreen設定（基本いじらない）
--------------------------------------*/
html {
	height: 100%;
	background: url(../img/bg_1.jpg);
}
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
body {
	font-family: ‘游明朝’,YuMincho, ‘ヒラギノ明朝 ProN W3’ , ‘HiraMinProN-W3’ ,‘游明朝体’,Yu Mincho,  serif;
	font-weight: 400;
	font-size: 100%;
	color: #333;
	height: 100%;
}
.js body {
/*	overflow: hidden;*/
	overflow: auto;
}
.sub_font {
	font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
}
.fluid {
	max-width: 100%;
	height: auto;
}
a {
	color: #555;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #000;
}
.container,
.bb-custom-wrapper,
.bb-bookblock {
	width: 100%;
	height: 800px;
}
.container {
	position: relative;
	left: 0px;
	-webkit-transition: left 0.3s ease-in-out;
	-o-transition: left 0.3s ease-in-out;
	transition: left 0.3s ease-in-out;
}
.slideRight {
	left: 240px;
}
.no-js .container {
	padding-left: 240px;
}
.menu-panel {
	background: #e6e6fa;
	width: 240px;
	height: 100%;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	text-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.js .menu-panel {
	position: absolute;
	left: -240px;
}
.menu-panel h3 {
	font-size: 1.8em;
	padding: 20px;
	font-weight: 300;
	color: #000;
	box-shadow: inset 0 -1px 0 rgba(0,0,0,0.05);
}
.menu-toc {
	list-style: none;
}
.menu-toc li a {
	display: block;
	color: #000;
	font-size: 1.1em;
	line-height: 3.5;
	padding: 0 20px;
	cursor: pointer;
	background: #e6e6fa;
	border-bottom: 1px solid #e6e6fa;
}
.menu-toc li a:hover,
.menu-toc li.menu-toc-current a,
.nav_tabs li.menu-toc-current a{
	background: #a59aca;
	color: #fff;
}
.nav_tabs li.menu-toc-current a{
	border-radius: 0 10px 10px 0;
}
.menu-panel div {
	margin-top: 20px;
}
.menu-panel div a {
	text-transform: uppercase;
	font-size: 0.7em;
	line-height: 1;
	padding: 5px 20px;
	display: block;
	border: none;
	color: #e6e6fa;
	letter-spacing: 1px;
	font-weight: 800;
	text-shadow: 0 1px rgba(255,255,255,0.2);
}
.menu-panel div a:hover {
	background: inherit;
	color: #000;
	text-shadow: none;
}
.bb-custom-wrapper {
	width: 100%;
	max-width: 1280px;
	height: 800px;
	margin: 0 auto;
}
.bb-custom-wrapper nav {
	top: 20px;
	left: 60px;
	position: absolute;
	z-index: 1000;
}
.bb-custom-wrapper nav span,
.menu-button {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 0;
	left: 0;
	margin-right: 50px;
	background: #e6e6fa;
	border-radius: 50%;
	color: #000;
	line-height: 30px;
	text-align: center;
	/* speak: none; */
	font-weight: bold;
	cursor: pointer;
}
.bb-custom-wrapper nav span:hover,
.menu-button:hover {
	background: #e6e6fa;
}
.bb-custom-wrapper nav span:last-child {
	left: 40px;
}
.menu-button {
	z-index: 1000;
	left: 20px;
	top: 20px;
	text-indent: -9000px;
}
.menu-button:after {
	position: absolute;
	content: '';
	width: 50%;
	height: 2px;
	background: #000;
	top: 50%;
	margin-top: -1px;
	left: 25%;
	box-shadow: 0 -4px #000, 0 4px #000;
}
.no-js .bb-custom-wrapper nav span,
.no-js .menu-button {
	display: none;
}
.js .content {
	width: 100%;
	height: 800px;
    margin: 0 auto;
	background: url(../img/bg_1.jpg);
	-webkit-font-smoothing: subpixel-antialiased;
}
.jspVerticalBar {
	display: none;
}
.js .content:before,
.js .content:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 20px;
	z-index: 100;
	pointer-events: none;
}
.js .content:after {
	top: auto;
	bottom: 0;
}
.p_guide {
	font-size: 10px;
	font-weight: 700;
	display: flex;
}
.prev_p {
	position: absolute;
	top: 55px;
	left: 68px;
}
.next_p {
	position: absolute;
	top: 55px;
	left: 108px;
}
.no-js .content h2 {
	padding: 40px 1% 20px;
}
/* .content p {
	font-size: 1.2em;
	line-height: 1.6;
	font-weight: 300;
	padding: 5px 8%;
	text-align: justify;
} */
/*--------------------------------------
共通設定
--------------------------------------*/
 /* ヘッダー */
 .header {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #e6e6fa;
	position: relative;
}
.header h1 img {
	width: 80px;
	height: 80px;
	margin-left: 180%;
}
/* ショッピングカート */
.cart{
	margin-top: 20px;
	margin-right: 10%;
    width:48px;
    height:48px;
    padding:10px;
    border-radius:48px;
    background-color:rgba(255, 255, 255, 0.1);
    overflow:hidden;
    -webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -ms-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
    transition:all 0.2s ease-in;
}
.cart img {
	width: 30px;
	height: auto;
	padding-left: 2px;
	padding-bottom: 7px;
}
.cart:hover{
    width:190px;
    height:40px;
	border-radius:40px;
	background-color:#e6e6fa;
}
.cart_btn {
	display: block;
    width:70%;
	padding-right: 10px;
    float:right;
    line-height:20px;
    color:#333;
    font-weight:300;
    font-size:12px;
}
/* ナビゲーションタブ（横のやつ） */
.nav_tabs {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1000;
	height: 100vh;
	font-size: 0.9vw;
}
.nav_tabs ul {
	text-align: center;
	line-height: 35px;
	margin-top: 5px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1000;
}
.nav_tabs li {
	list-style: none;
	width: 35px;
	height: 16%;
	border-radius: 0 10px 10px 0;
	margin-bottom: 1px;
	background-color: #e6e6fa;
	writing-mode: vertical-rl;
}
.nav_tabs a {
	display: block;
	font-size: 1.8vh
}
.nav_tabs a:hover {
	background-color: #e6cfe6;
	border-radius: 0 10px 10px 0;
}
/* コンテンツ */
.contents_wrapper {
	width: 100%;
	display: flex;
	justify-content: space-between;
	position: relative;
}
button{
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
	font-family: ‘游明朝’, YuMincho, ‘ヒラギノ明朝 ProN W3’ , ‘HiraMinProN-W3’ ,”メイリオ”, Meiryo, serif;
}
/* フッター */
.footer {
	width: 100%;
	border-top: 1px solid #e6e6fa;
	display: flex;
	justify-content: space-around;
}
.footer p {
	line-height: 50px;
}
.copy {
	margin-left: 35%;
}
.policy {
	font-size: 12px;
}

/*--------------------------------------
コンセプトページ（1ページ目）
--------------------------------------*/
/* キービジュアル（左ページ） */
.kv_inner,
.contents_inner {
	width: calc(600 / 1280 * 100%);
	height: auto;
	margin-top: 2.5%;
}
/* スライダー */
/* imgタグだと下に隙間ができるのでblockに。 */
.slide-img img{
	display: block;
}
/* コンセプト（右ページ） */
.contents_inner {
	position: absolute;
	top: 0;
	right: 35px;
	z-index: 1000;
}
.concept_h3 {
	position: absolute;
	top: 8%;
	left: 5%;
/*	font-size: 2vw;*/
	font-size: 36px;
}
.concept_h4 {
	position: absolute;
	top: 20%;
	left: 5%;
/*	font-size: 1.4vw;*/
	font-size: 18px;
}
.p_inner {
	position: absolute;
	top: 40%;
	left: 5%;
/*	font-size: 1.2vw;*/
	font-size: 16px;
}
.p_inner p {
	padding: 0;
	margin-bottom: 6%;
}
.p_link a {
	color: #a59aca;
	font-weight: 700;
	border-bottom: 1px solid #a59aca;
}

/*--------------------------------------
商品ページ（2ページ目）
--------------------------------------*/
/* 商品 */
.product_h3 {
	position: absolute;
	top: -100px;
	left: 30px;
	font-size: 36px;
}
.product_h4 {
	position: absolute;
	top: -6%;
	left: 5%;
	font-size: 16px;
}
#wrap img {
	width: 100%;
}
/* ページ内タブ */
.inner_product {
	 margin: auto;
	 width: 100%;
	 position: relative;
 }
.product_tabs {
	 display: flex;
	 list-style: none;
 }
.product_tabs li {
	position: relative;
	box-shadow: 1px 0 rgba(255, 255, 255, 1);
	background-color: #e6e6fa;
	border-radius: 10px 10px 0 0;
	margin-right: 10px;
}
.product_tabs a {
	display: block;
	padding: 0 1.36em;
	position: relative;
}
.product_tabs a:hover,
.product_tabs a.active {
	background-color: #ece4f3;
	color: #333;
	border-radius: 10px 10px 0 0;
}
.product_tabs a.active {
	background-color: #a59aca;
	color: #fff;
	border-radius: 10px 10px 0 0;
}
.product_tabs a.active::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	width: 37px;
	height: 19px;
	margin-left: -18px;
}
.section-body {
	height: 100%;
	position: relative;
	margin-top: 2px;
}
.tabs-panel {
	width: 100%;
}
/* 特長 */
.features {
	width: 100%;
	margin-top: 100px;
	display: flex;
	justify-content: space-around;
}
.features_inner {
	width: 120px;
	text-align: center;
}
.features_ttl {
	font-size: 16px;
	color: #a59aca;
}
.features_ttl_line img {
	width: 80px;
	height: 20px;
}
.features_ccl {
	width: 120px;
	height: 120px;
	margin: 0 auto;
	border-radius: 50%;
	border: 1px solid #a59aca;
	position: relative;
	vertical-align: middle;
}
.features_ccl:hover {
	background-color: #e6e6fa;
	border: 0;
}
/* 波紋エフェクト */
.hovicon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
  }
  .hovicon:before {
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
  }
  .hovicon.effect-8 {
	background: rgba(230, 230, 250, 0.1);
	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
	-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
	transition: transform ease-out 0.1s, background 0.2s;
  }
  .hovicon.effect-8:after {
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 0 2px rgba(230, 230, 250, 0.1);
	opacity: 0;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
  }
  .hovicon.effect-8:hover {
	background: rgba(230, 230, 250, 0.8);
	-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-ms-transform: scale(0.93);
	transform: scale(0.93);
  }
  .hovicon.effect-8:hover:after {
	-webkit-animation: sonarEffect 1.3s ease-out 75ms;
	-moz-animation: sonarEffect 1.3s ease-out 75ms;
	animation: sonarEffect 1.3s ease-out 75ms;
  }
  @-webkit-keyframes sonarEffect {
	0% {
	  opacity: 0.3;
	}
	40% {
	  opacity: 0.5;
	  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #a59aca, 0 0 0 10px rgba(255, 255, 255, 0.5);
	}
	100% {
	  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #a59aca, 0 0 0 10px rgba(255, 255, 255, 0.5);
	  opacity: 0;
	}
  }
  @-moz-keyframes sonarEffect {
	0% {
	  opacity: 0.3;
	}
	40% {
	  opacity: 0.5;
	  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #a59aca, 0 0 0 10px rgba(255, 255, 255, 0.5);
	}
	100% {
	  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #a59aca, 0 0 0 10px rgba(255, 255, 255, 0.5);
	  opacity: 0;
	}
  }
  @keyframes sonarEffect {
	0% {
	  opacity: 0.3;
	}
	40% {
	  opacity: 0.5;
	  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #a59aca, 0 0 0 10px rgba(255, 255, 255, 0.5);
	}
	100% {
	  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #a59aca, 0 0 0 10px rgba(255, 255, 255, 0.5);
	  transform: scale(1.5);
	  opacity: 0;
	}
  }
.features_ccl:hover .features_p {
	display: none;
}
.features_ccl:hover .features_p_hover {
	display: block;
}
.features_p {
	font-size: 12px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.features_p span,
.features_p_hover span {
	font-size: 10px;
}
.features_p_hover {
	display: none;
	font-size: 12px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.features_btn {
	width: 120px;
	height: 25px;
	text-align:center;
	cursor:pointer;
	box-sizing:border-box;
	font-size: 10px;
	padding: 2px 5px;
	margin-top: 25px;
	background-color: #e6e6fa;
	position:relative;
	overflow:hidden;
}
.features_btn a {
	display: block;
	position:relative;
	font-size:10px;
	color:#333;
	line-height: 25px;
	text-decoration:none;
	transition:all .5s ease;
	z-index:2;
}
.features_btn_eff{
	width:120px;
	height:25px;
	left:-120px;
	background-color: #a59aca;
	position:absolute;
	top: 0;
	transition:all .5s ease;
	z-index:1;
}
.features_btn:hover .features_btn_eff{
	left:0;
}
.features_btn:hover a{
	color:#fff;
}
  /* こんな方に */
.symptoms {
	width: 100%;
	border: 1px solid #a59aca;
	display: flex;
	justify-content: space-around;
	margin-top: 30px;
	padding: 10px 0;
	position: relative;
	transition: all .2s;
}
.symptoms:hover {
	border: 0;
}
.symptoms::before,
.symptoms::after {
position: absolute;
z-index: 2;
content: '';
width: 0;
height: 0;
border: 2px solid transparent;
}
.symptoms::before {
top: 0px;
left: 0px;
}
.symptoms::after {
bottom: 0px;
right: 0px;
}
.symptoms:hover::before,
.symptoms:hover::after {
width: 100%;
height: 100%;
}
.symptoms:hover::before {
border-bottom-color: #a59aca;
border-left-color: #a59aca;
transition: height .3s, width .3s .3s;
}
.symptoms:hover::after {
border-top-color: #a59aca;
border-right-color: #a59aca;
transition: height .3s, width .3s .3s;
}
.symptoms_ttl {
	font-size: 14px;
	color: #867ba9;
}
.symptoms_li {
	font-size: 11px;
}
.symptoms_li img {
	width: 10px;
	height: 10px;
	margin-right: 2px;
}
/* モニター */
.monitor {
	width: 100%;
	margin-top: 3%;
/*	background-color: aliceblue;*/
}
.monitor_ttl {
	font-size: 16px;
	color: #867ba9;
	border-bottom: 1px solid #867ba9;
}
.monitor_inner {
	display: flex;
	justify-content: space-around;
	border-bottom: 1px solid #867ba9;
	padding: 15px 0;
}
/* S1クリーム */
.cream {
	width: 100%;
	margin-top: 3%;
	display: flex;
	justify-content: space-around;
	position: relative;
}

.cream_btn {
	width: 120px;
	height: 25px;
	text-align:center;
	cursor:pointer;
	box-sizing:border-box;
	font-size: 10px;
	padding: 2px 5px;
	margin-top: 25px;
	color: #fff;
	background-color: #a59aca;
	position: absolute;
	top: 100px;
	right: 45px;
	overflow:hidden;
}
.cream_img {
	width: 50%;
	height: 120px;
	margin-top: -2%;
	background: url(../img/farmas1.png?250120) no-repeat;
	background-size: contain;
}
.cream_desc_img {
	width: 40%;
	height: 120px;
	background: url(../img/cream_description.png?250120) no-repeat;
	background-size: contain;
}
.cream_btn a  {
	display: block;
	position:relative;
	font-size:10px;
	color:#fff;
	line-height: 25px;
	text-decoration:none;
	transition:all .5s ease;
	z-index:2;
}
.cream_btn_eff {
	width:120px;
	height:25px;
	left:-120px;
	background-color: #e6e6fa;
	position:absolute;
	top: 0;
	transition:all .5s ease;
	z-index:1;
}
.cream_btn:hover .cream_btn_eff {
	left:0;
}
.cream_btn:hover a {
	color:#333;
}
/*使用方法*/
.how_use {
	text-align: center;
}
.how_use_img {
	margin-right: 50px;
	margin-top: 40px;
}
.how_use dt {
	font-size: 16px;
	font-weight: bold;
}
.how_use_line {
	margin-top: -8px;
}
.how_use_inner {
	display: flex;
	justify-content: space-around;
}
.how_use_p {
	text-align: left;
	font-size: 14px;
	font-weight: 600;
	margin-top: 30px;
}
/*使用前・使用後の比較*/
.before_after {
	text-align: center;
	margin-top: 40px;
}
.before_after dt,
.customers_voice dt {
	font-size: 16px;
	font-weight: bold;
}
.before_after_line {
	margin-top: -8px;
}
.before_after dd,
.customers_voice dd {
	font-size: 12px;
}
.before_after_inner {
	background-color: #e6e6fa;
	border-radius: 10px;
	padding: 3%;
	margin-top: 3%;
}
.before_after_inner ul {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.before_after_inner li {
	width: 50%;
	height: 127px;
	list-style: none;
}
.before_after_inner li:nth-of-type(3),
.before_after_inner li:nth-of-type(4) {
	margin-top: 15px;
	margin-bottom: 15px;
}
/*お客様の声*/
.customers_voice {
	text-align: center;
	margin-left: 60px;
	margin-top: -20px;
}
.customers_voice_inner li {
	list-style: none;
	display: flex;
	margin-bottom: 20px;
}
.customers_voice_inner li:nth-of-type(odd) {
	animation: SlideIn_left 1.6s;
}
.customers_voice_inner li:nth-of-type(even) {
	animation: SlideIn_right 1.6s;
}
@keyframes SlideIn_left {
	0% {
	  opacity: 0;
	  transform: translateX(-64px);
	}
	100% {
	  opacity: 1;
	  transform: translateX(0);
	}
 }
@keyframes SlideIn_right {
	0% {
		opacity: 0;
		transform: translateX(64px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
.customers_voice_inner li:nth-of-type(2) {
	margin-left: 20%;
}
.customers_voice_inner li:last-of-type {
	margin-left: 20%;
	margin-bottom: 0;
}
.voice_img {
	width: 85px;
	height: 138px;
	background-color: aliceblue;
}
.woman_img_1 {
	background: url(../img/woman_50.png) no-repeat;
}
.woman_img_2 {
	background: url(../img/woman_30.png) no-repeat;
}
.woman_img_3 {
	background: url(../img/woman_20a.png) no-repeat;
}
.woman_img_4 {
	background: url(../img/woman_20b.png) no-repeat;
}
.balloon1-left {
  position: relative;
  display: inline-block;
  margin: auto;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #e0edff;
}
.customers_voice_inner li:first-of-type .balloon1-left {
	width: 420px;
}
.customers_voice_inner li:nth-of-type(3) .balloon1-left {
	width: 380px;
}
.balloon1-left:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #e0edff;
}
.balloon1-right {
	width: 350px;
  position: relative;
  display: inline-block;
  margin: auto;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #e0edff;
}
.customers_voice_inner li:nth-of-type(2) .balloon1-right {
	width: 320px;
}
.customers_voice_inner li:nth-of-type(4) .balloon1-right {
	width: 320px;
}
.balloon1-right:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #e0edff;
}
.balloon1-left p,
.balloon1-right p {
  margin: 0;
  padding: 0;
	font-size: 13px;
	font-weight: bold;
}
.balloon1-left span,
.balloon1-right span {
	color: #e60012
}

/*--------------------------------------
シコニン関係のページ（3ページ目）
--------------------------------------*/
.work-section {
	margin-top: 60px;
}
 .tabs_nav_inner {
	 margin: auto;
	 width: 100%;
	 position: relative;
 }
.tabs-nav {
	 display: flex;
	 list-style: none;
	margin-top: -60px;
 }
.tabs-nav li {
	position: relative;
	box-shadow: 1px 0 rgba(255, 255, 255, 1);
	background-color: #e6e6fa;
	border-radius: 10px 10px 0 0;
	margin-right: 10px;
}
.tabs-nav a {
	display: block;
	padding: 0 1.36em;
	position: relative;
}
.tabs-nav a:hover,
.tabs-nav a.active {
	background-color: #ece4f3;
	color: #333;
	border-radius: 10px 10px 0 0;
}
.tabs-nav a.active {
	background-color: #a59aca;
	color: #fff;
	border-radius: 10px 10px 0 0;
}
.tabs-nav a.active::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	width: 37px;
	height: 19px;
	margin-left: -18px;
}
.section-body {
	width: 100%;
	height: 100%;
	position: relative;
	margin-top: 30px;
}
#works01 {
	display: flex;
}
#work01 .contents_inner {
	margin-top: 0;
}
/*シコニン ページ*/
/*左ページ*/
.shikonin_ttl,
.strength_ttl {
	position: absolute;
	top: 0;
	left: 40px;
	font-size: 20px;
	font-weight: 700;
}
.underline {
	width: 100%;
	position: relative;
	display: inline-block;
	text-decoration: none;
}
.underline::after {
	position: absolute;
	bottom: 10px;
	top: 42px;
	left: 0;
	content: '';
	width: 95%;
	height: 20px;
	background: rgba(255, 13, 0, 0.1);
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform 1.5s;
}
.underline:hover::after {
	transform: scale(1, 1);
}
.underline h4 {
	display: block;
	width: 95%;
	border-bottom: 3px solid #ead45a;
}
.underline p {
	margin-top: 10px;
	font-size: 16px;
	font-weight: 700;
	margin-left: 50px;
}

.shikonin dl {
	position: relative;
}
.shikonin_bl {
	display: flex;
	margin-top: 25px;
}
.chemical_fomula_img {
	width: 180px;
	background: url(../img/chemical_formula.png) no-repeat;
}
.murasaki_bl {
	width: 500px;
	height: 150px;
	display: flex;
	background-color: #e6e6fa;
}
.murasaki_img {
	padding: 10px 0 0 10px;
	margin-right: 15px;
	order: 1;
}
.murasaki_inner,
.shikon_inner {
	display: inline-block;
	transition: .3s;
	-webkit-transform: scale(1);
	transform: scale(1);
	order: 2;
}
.murasaki_inner:hover,
.shikon_inner:hover {
	transform: scale(1.1) translate(15px);
}
.murasaki_inner dt,
.shikon_inner dt,
.strength_inner dt {
	font-size: 16px;
	color: #9064a8;
	margin-bottom: 5px;
}
.murasaki_inner dd,
.shikon_inner dd {
	font-size: 12px;
	margin-right: 10px;
}
.shikon_bl {
	display: flex;
}
.cream_make_img {
	width: 95%;
	margin: 35px auto 0;
	position: relative;
	transform-style: preserve-3d;
	perspective: 10000px;
}
.cream_make {
	width: 98%;
	transition-duration: 1s;
}
.cream_make:hover {
/*	box-shadow: 0 1rem 0.5rem hsl(0 0% 0% / 10%);*/
	transition-duration: 1s;
	transform: scale(1.15);
}
.cream_make_img:hover .cm_point {
	opacity: 1;
	transform-origin: bottom center;
	animation: cubeAnime 1s ease-in;
}
.cm_point {
	width: 10%;
	position: absolute;
	top: -20px;
	right: 10px;
	opacity: 0;
	transition: opacity 1s ease-in;
	animation: cubeAnime_2 1s ease-in;
/*	box-shadow: 0  1rem 0.5rem hsl(0 0% 0% / 10%);*/
}
.cm_point_book {
	width: 10%;
	position: absolute;
	top: 0;
	right: 80px;
}
.shikon_bl {
	width: 100%;
	display: flex;
	background-color: #e6e6fa;
	margin-top: 30px;
}
.shikon_inner {
	margin-top: 10px;
}
.shikon_inner dt span {
	font-size: 13px;
	font-weight: 700;
	margin-left: 15px;
	color: #333;
}
.shikon_img {
	padding: 20px 0 20px 15px;
	margin-right: 20px;
	order: 1;
}
/*右ページ*/
.strength p {
	font-size: 15px;
}
.strength_ccl {
	display: flex;
	justify-content: space-around;
}
.strength_ccl li {
	list-style: none;
	position: relative;
}
.strength_ccl li:nth-of-type(odd) {
	margin: 3% -5% 0;
}
.strength_ccl li:nth-of-type(even) {
	margin: 20% -5% 0;
}
.strength_ccl img {
/*
	width: 110px;
	height: 110px;
*/
	width: 90%;
}
/*
.strength_ccl li img:hover {
	animation: ccl .1s infinite;
}
*/
/* .strength_ccl li:first-of-type img {
	animation-delay: 1s;
}
.strength_ccl li:nth-of-type(2) img {
	animation-delay: .5s;
}
.strength_ccl li:nth-of-type(3) img {
	animation-delay: 1.5s;
}
.strength_ccl li:nth-of-type(4) img {
	animation-delay: 4s;
}
.strength_ccl li:nth-of-type(5) img {
	animation-delay: 5s;
}
.strength_ccl li:last-of-type img {
	animation-delay: 8.5s;
} */
@keyframes ccl {
	0% {transform: translateX(0);}
	33% {transform: translateX(-1px);}
	66% {transform: translateX(1px);}
	100% {transform: translateX(0);}
}
.strength_inner {
	margin-top: 50px;
}
.strength_inner dd,
.point_inner dd {
	font-size: 14px;
}
.point_inner {
	position: relative;
	margin-top: 40px;
}
.point_inner dt {
	transform-style: preserve-3d;
	perspective: 10000px;
}
.point_inner:hover .p_point {
	opacity: 1;
	transform-origin: bottom center;
	animation: cubeAnime 1s ease-in;
}
.point_inner:hover .p_frame {
/*	box-shadow: 0 1rem 0.5rem hsl(0 0% 0% / 10%);*/
	transition-duration: 1s;
}
.p_point {
	width: 10%;
	position: absolute;
	top: -45px;
	right: 0;
	opacity: 0;
	transition: opacity 1s ease-in;
	animation: cubeAnime_2 1s ease-in;
/*	box-shadow: 0  1rem 0.5rem hsl(0 0% 0% / 10%);*/
}
@keyframes cubeAnime{
	0% { transform:  rotateX(-90deg);}
   100% { transform:  rotateX(0);}
 }
 @keyframes cubeAnime_2{
	0% { transform:  rotateX(0);}
   100% { transform:  rotateX(-90deg);}
 }
.p_book {
	width: 10%;
	position: absolute;
	top: -25px;
	right: 70px;
}
.point_description {
	width: 540px;
	position: absolute;
	top: 42px;
	left: 30px;
}
.point_description span {
	font-size: 16px;
	font-weight: 700;
	color: #9064a8;
}
.point_here {
	font-size: 12px;
	position: absolute;
	bottom: 5%;
	left: 40%;
}
.point_btn {
	width: 25%;
	height: 40px;
	text-align:center;
	cursor:pointer;
	box-sizing:border-box;
	color: #fff;
	background-color: #a59aca;
	position: absolute;
	bottom:3%;
	right: 5%;
	overflow:hidden;
}
.point_btn a  {
	display: block;
	position:relative;
	font-size:14px;
	color:#fff;
	line-height: 40px;
	text-decoration:none;
	transition:all .5s ease;
	z-index:2;
}
.point_btn_eff {
	width: 100%;
	height: 40px;
	left: -100%;
	background-color: #e6e6fa;
	position:absolute;
	top: 0;
	transition:all .5s ease;
	z-index:1;
}
.point_btn:hover .point_btn_eff {
	left:0;
}
.point_btn:hover a {
	color:#333;
}
/*WAKI ページ*/
/*左ページ*/
.waki_ttl {
	display: flex;
	position: relative;
}
.tokkyo_img {
	margin: 20px 40px 0 50px;
}
.tokkyo_img:after {
   background: #fff;
   content: "";
   width: 50px;
   height: 200px;
   left: -100px;
   opacity: .2;
   position: absolute;
   top: -20px;
   -webkit-transform: rotate(30deg);
   transform: rotate(30deg);
   -webkit-transition: all 350ms
	cubic-bezier(0.19, 1, 0.22, 1);
   transition: all 350ms
	cubic-bezier(0.19, 1, 0.22, 1);
   z-index: 1;
}
.tokkyo_img:hover:after {
	left: 35%;
   -webkit-transition: all 350ms
	cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 350ms
	cubic-bezier(0.19, 1, 0.22, 1);
}
.waki_ttl_inner {
	display: flex;
	flex-direction: column;
	margin-top: 30px;
}
.waki_ttl_inner h3 {
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	order: 2;
}
.waki_ttl_inner h4 {
	font-size: 18px;
	order: 1;
}
.waki_material {
	position: relative;
}
.waki_material_p {
	width: 350px;
	padding: 20px 0 20px 25px;
	margin: 50px 0 0 50px;
	font-size: 18px;
	font-weight: 700;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}
.waki_img {
	position: absolute;
	top: -50px;
	right: 0;
}
.waki_logo {
	position: absolute;
	top: 95px;
	right: 30px;
}
.certificate {
	margin-top: 70px;
	display: flex;
	justify-content: center;
}
.certificate img {
	margin-right: 30px;
	transition: all 0.8s linear;
}
.certificate img:hover {
	transition: all 0.8s linear;
	box-shadow: 0 1rem 1rem hsl(0 0% 0% / 10%);
}
.certificate:last-of-type {
	margin-right: 0;
}
.certificate_inner {
	position: relative;
}
.certificate_inner p {
	font-size: 12px;
	font-weight: 700;
	position: absolute;
	bottom: -20px;
	left: 30%;
}
/*右ページ*/
.waki_description {
	margin-top: 30px;
}
.description_inner {
	display: flex;
	margin-left: 30px;
}
.ds_inner_p {
	font-weight: 700;
	color: #9064a8;
}
.ds_p {
	font-size: 14px;
	font-weight: 700;
	margin: 20px 0 0 30px;
}
.other_cream {
	background-color: #e6e6fa;
	padding-top: 10px;
	margin-top: 40px;
}
.oc_ttl {
	width: 95%;
	font-weight: 700;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	background-color: #9064a8;
}
.oc_p {
	font-size: 14px;
	text-align: center;
}
.oc_p_top {
	padding-top: 5px;
}

.oc_bl_inner {
	display: flex;
	justify-content: space-around;
	margin-top: 30px;
}
.tooth_wash_bl {
	display: flex;
	position: relative;
}
.tw_bl_ttl {
	position: absolute;
	top: 160px;
	left: 75px;
}
.tw_bl_inner:after,
.ac_bl_inner:after {
	background: #e6e6fa;
	content: "";
	width: 50px;
	height: 200px;
	opacity: .1;
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
	-webkit-transition: all 350ms
	 cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 350ms
	 cubic-bezier(0.19, 1, 0.22, 1);
	z-index: 1;
 }
 .tw_bl_inner:after {
	position: absolute;
	top: -30px;
	left: 0px;
 }
 .ac_bl_inner:after {
	position: absolute;
	top: -30px;
	left: -10px;
 }
 .tw_bl_inner:hover:after,
 .ac_bl_inner:hover:after {
	 left: 120%;
	-webkit-transition: all 350ms
	 cubic-bezier(0.19, 1, 0.22, 1);
	 transition: all 350ms
	 cubic-bezier(0.19, 1, 0.22, 1);
 }
.animal_cream_bl {
	display: flex;
	position: relative;
}
.ac_bl_ttl {
	position: absolute;
	top: 160px;
	left: 45px;
}
.oc_p_bottom {
	padding: 40px 0 30px 0;
}
/*その他成分*/
/*左ページ*/
.connarus {
	margin-left: 20px;
}
.cnrs_inner,
.crmd_inner,
.lml_inner {
	display: flex;
	border-bottom: 3px solid #ead45a;
}
.crmd_inner:last-of-type,
.lml_inner:last-of-type {
	border-bottom: none;
}
.underline_two {
	width: 100%;
	position: relative;
	/* display: inline-block; */
	text-decoration: none;
}
.underline_two::after {
	position: absolute;
	bottom: 10px;
	top: 5px;
	left: 30%;
	content: '';
	width: 73%;
	height: 20px;
	background: rgba(255, 13, 0, 0.1);
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform 1.5s;
}
.underline_two:hover::after {
	transform: scale(1, 1);
}
.number_img {
	width: 25px;
	height: 28px;
	margin-right: 20px;
}
.img_one {
	background: url(../img/01.png) no-repeat;
}
.cnrs_ttl,
.crmd_ttl,
.lml_ttl {
	font-size: 20px;
	font-weight: 700;
}
.cnrs_ttl span,
.crmd_ttl span,
.lml_ttl span {
	font-size: 1vw;
	font-weight: 700;
	margin-left: 60px;
/*	display: block;*/
}
.cnrs_sub_ttl {
	font-weight: 700;
	margin-top: 2%;
	background-color: #ead45a;
}
.cnrs_p {
	margin-top: 10px;
	font-size: 12px;
}
.cnrs_str_p {
	margin-top: 20px;
	font-size: 14px;
	font-weight: 700;
	color: #9064a8;
}
.cnrs_img_inner {
	position: relative;
	transform-style: preserve-3d;
	perspective: 10000px;
}
.cnrs_img {
	width: 330px;
	height: 190px;
	background: url(../img/koutouka.png) no-repeat;
	background-size: contain;
	margin: 20px auto 40px;
	transition: all 1s ease-in;
}
.cnrs_img:hover {
	/* box-shadow: 0 1rem 0.5rem hsl(0 0% 0% / 5%); */
	transform: scale(1.15);
}
.cnrs_img_inner:hover .cnrs_point {
	opacity: 1;
	transform-origin: bottom center;
	animation: cubeAnime 1s ease-in;
}
.cnrs_point {
	width: 10%;
	position: absolute;
	top: 0;
	right: 10px;
	opacity: 0;
	transition: opacity 1s ease-in;
	animation: cubeAnime_2 1s ease-in;
/*	box-shadow: 0  1rem 0.5rem hsl(0 0% 0% / 10%);*/
}
.cnrs_point_book {
	width: 10%;
	position: absolute;
	top: 0;
	left: 20px;
}
.cnrs_bl_inner {
	display: flex;
	justify-content: space-around;
}
.cnrs_p_inner,
.crmd_p_inner,
.lml_p_inner {
	width: 60%;
}
.cnrs_sub_p {
	font-size: 10px;
	margin-top: 1%;
}
.cnrs_tree_img {
	width: 170px;
	height: 170px;
	background: url(../img/conna.png) no-repeat;
	margin-top: 5px;
}
/*右ページ*/
#work03 .contents_inner {
	margin-top: 0;
}
.img_two {
	background: url(../img/02.png) no-repeat;
}
.crmd_img {
	width: 150px;
	height: 150px;
	background: url(../img/uma.png) no-repeat;
	margin: 15px 30px;
}
.crmd_sub_ttl,
.lml_sub_ttl {
	margin-top: 20px;
}
.crmd_p,
.lml_p {
	font-size: 12px;
	margin-top: 20px;
}
.lamellar {
	margin-top: 3%;
}
.img_three {
	background: url(../img/03.png) no-repeat;
}
.lml_img_inner {
	position: relative;
}
.lml_img {
	width: 180px;
	height: 180px;
	background: url(../img/Lamellar.png) no-repeat center;
	background-size: cover;
	margin: 15px 15px 5px;
	transition: all 1s ease-in;
}
.lml_img:hover {
	/* box-shadow: 0 1rem 0.5rem hsl(0 0% 0% / 5%); */
	transform: scale(1.15) translateX(-15px);
}
.lml_img_inner:hover .lml_point {
	opacity: 1;
	transform-origin: bottom center;
	animation: cubeAnime 1s ease-in;
}
.lml_point {
	width: 25%;
	position: absolute;
	bottom: 40px;
	left: -75px;
	opacity: 0;
	transition: opacity 1s ease-in;
	animation: cubeAnime_2 1s ease-in;
/*	box-shadow: 0  1rem 0.5rem hsl(0 0% 0% / 10%);*/
}
.lml_point_book {
	width: 25%;
	position: absolute;
	top: 125px;
	left: -140px;
}
.other_img {
	width: 100%;
	background: #a59aca;
	padding: 10px 0 10px 30px;
	position: relative;
}
.oi_ttl {
	font-size: 20px;
	color: #fff;
	text-align: center;
}
.oi_p {
	width: 50%;
	background-color: #fff;
	border-radius: 10px;
	font-size: 18px;
	font-weight: 700;
	line-height: 18px;
	position: absolute;
	top: 55px;
	right: 120px;
	color: #a59aca;
	text-align: center;
	padding: 2px 0;
	margin-top: 5px;
}
.oi_inner {
	display: flex;
	margin-top: 60px;
}
.oi_skin_img {
	width: 160px;
	height: 115px;
	background: url(../img/woman_skin.jpg) no-repeat;
	margin: 0 20px 30px 0;
}
.oi_ul {
	font-size: 12px;
	font-weight: 700;
	list-style: none;
}
.oi_li span {
	margin-left: 15px;
}
.oi_zukai_img {
	width: 250px;
	height: 175px;
	background: url(../img/s1_zukai_2.png) no-repeat;
	position: absolute;
	bottom: 20px;
	right: 10px;
	transition: all 1s ease-in;
}

/*--------------------------------------
開発ページ（4ページ目）
--------------------------------------*/
.story_top {
    margin: 0;
}
.story_header {
    background-image: url(../img/story_left01.jpg);
    background-repeat: no-repeat;
}
.story_title {
    padding: 15% 0 0 10%;
}
.story_title h5 {
    padding: 5% 0 2% 0;
}
.attn {
    color: #9064a8;
}
.story_contents {
    padding: 10% 0 8% 0;
    display: flex;
}
.story_cnt {
    font-size: 11px;
	margin-left: 10px;
	/* transition: all .3s; */
}
/* .story_cnt:hover {
	transition: all .3s;
	transform: scale(1.1) translate(10px);
} */
.story_img {
    padding: 10px 50px 0 0;
	margin-left: 30px;
}
.story_study {
	min-width: 90%;
	height: 290px;
	margin: 0 auto;
    font-size: 10px;
    background: url(../img/kenkyu_bunya.jpg) no-repeat;
	background-size: 100% 100%;
	position: relative;
}
.ss_inner {
	position: absolute;
	top: 15%;
	left: 8%;
}
.ss_inner p {
	font-size: 12px;
}
.kenkyu_img {
	margin-top: 5%;
    display: flex;
    justify-content:space-between;
}
.history_title {
    margin: 30px 30px 0 30px;
    background-image: url(../img/how_use_line.png);
    background-repeat: repeat-x;
    background-position: bottom;
}
.history_title h5 {
    font-size: 16px;
    padding-bottom: 10px;
}
.history_title img {
    padding-right: 20px;
}
.history_contents {
    padding: 25px 30px 0;
}
.story_cnt p,
.story_history .history_contents p {
    padding: 0;
    font-size: 14px;
    line-height: 1.6;
}
.story_movie {
    padding-top: 5%;
	text-align: center;
	transition: all .8s;
}
.story_movie:hover {
	/* transform: scale(2) translate(-80px, -80px); */
/*	transform: scale(1.2);*/
/*	transition: all .8s;*/
}
.dr_info {
    display: flex;
    justify-content: flex-start;
    padding: 5% 5% 0;
}
.dr_info dl {
    display: flex;
    font-size: 10px;
    /* padding: 30px 0 20px 0; */
}
.dr_name {
/*    padding-top: 30px;*/
    font-size: 11px;
    font-weight: bold;
}
.drInf {
    width: 75%;
    padding-left: 20px;
}
.drInf ul {
    list-style: none;
}

/*--------------------------------------
コンクト・会社概要ページ（５・6ページ目）
--------------------------------------*/
.contact_header img{
	width: 100%;
}
.contact_main p{
	font-size: 0.85rem;
	padding: 0;
}
@media (max-width: 1000px){
	.contact_main p{
		font-size: 1.4vw;
	}
}
.contact_header{
	font-size: 1.25rem;
	text-align: center;
	margin-bottom: 10px;;
}
.Form-Item {
  border-top: 1px solid #ddd;
  padding: 10px 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 480px) {
  .Form {
    margin-top: 40px;
  }
}
@media screen and (max-width: 480px) {
  .Form-Item {
    padding-left: 1.2vw;
    padding-right: 1.2vw;
    padding-top: 1.4vw;
    padding-bottom: 1.4vw;
    flex-wrap: wrap;
  }
}
.Form-Item:nth-child(5) {
  border-bottom: 1px solid #ddd;
}
.Form-Item-Label {
  width: 50%;
  max-width: 248px;
  letter-spacing: 0.05em;
  font-weight: bold;
  font-size: 18px;
}
@media screen and (max-width: 480px) {
  .Form-Item-Label {
    max-width: inherit;
    display: flex;
    align-items: center;
    font-size: 15px;
  }
}
.Form-Item-Label.isMsg {
  margin-top: 8px;
  margin-bottom: auto;
}
@media screen and (max-width: 480px) {
  .Form-Item-Label.isMsg {
    margin-top: 0;
  }
}
.Form-Item-Label-Required {
  border-radius: 6px;
  margin-left: 0.3rem;
  padding-top: 4px;
  padding-bottom: 4px;
  width: 4.8vw;
  display: inline-block;
  text-align: center;
  background: #a59aca;
  color: #fff;
}
@media screen and (max-width: 480px) {
  .Form-Item-Label-Required {
    border-radius: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 32px;
    font-size: 10px;
  }
}
.Form-Item-Input {
  border: 1px solid #ddd;
  border-radius: 6px;
  padding-left: 1em;
  padding-right: 1em;
  height: 3vw;
  max-height: 30px;
  width: 100%;
  max-width: 410px;
  background: #eaedf2;
}
@media screen and (max-width: 480px) {
  .Form-Item-Input {
    margin-left: 0;
    margin-top: 18px;
    height: 40px;
    flex: inherit;
    font-size: 15px;
  }
}
.Form-Item-Textarea {
  justify-content: flex-end;
  border: 1px solid #ddd;
  border-radius: 6px;
  padding-left: 0.5em;
  padding-right: 0.5em;
  height: 90px;
  width: 100%;
  max-width: 410px;
  background: #eaedf2;
  font-size: 0.85rem;
  resize: none;
}
.contact_textarea{
	text-align:right
}
.contact_textarea p{
		text-align: end;
}
@media screen and (max-width: 480px) {
  .Form-Item-Textarea {
    margin-top: 18px;
    margin-left: 0;
    height: 200px;
    flex: inherit;
    font-size: 15px;
	resize: none;
  }
}
.Form-Btn {
    text-align: center;
  border-radius: 6px;
  margin: 100px auto;
  padding: 20px;
  width: 50%;
  display: block;
  letter-spacing: 0.05em;
  background: #a59aca;
}

.Form-Btn a{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

@media screen and (max-width: 480px) {
  .Form-Btn {
    margin: 60px auto;
  }
    
    .Form-Btn a{
        font-size: 16px;
    }
}
.Form-Item-Input-mail{
	border: 1px solid #ddd;
	border-radius: 6px;
	padding-left: 1em;
	padding-right: 1em;
	height: 3vw;
	max-height: 30px;
	width: -100%;
	max-width: 410px;
	background: #eaedf2;
}
.Form .form_left{
	width: 35%;
}
.Form .form_right{
	width: 50%;
}
.contact_mailA {
	margin-bottom: .5rem;
	width: 100%;
}
.contact_mailB{
	width: 100%;
}
.Form select{
	width: 31.2vw;
	max-width: 312px;
	height: 3vw;
	max-height: 30px;
	background-color: #eaedf2;
	border-radius: 6px;
}
.unmentioned select{
	margin-right: 2rem;
	width: 10vw;
	max-width: 150px;
	height: 3vw;
	max-height: 30px;
	background-color: #eaedf2;
	border-radius: 6px;
	font-size: 0.7rem;
}
.unmentioned{
	margin-left: 0.3rem;
}
.radio{
	display: flex;
	padding-top: 0.5rem;
}
.unmentioned .gender ,.unmentioned .age{
	width: 4rem;
	padding: 5px 0;
}
.contact_privacy{
	margin: 1rem 0.3rem;
	padding: 0.5rem 0;
	border: solid 1px black;
}
.contact_privacy a{
	color: blue;
}
.contact_privacy p{
	text-align: center;
}
.contact_privacy .privacy{
	font-size: 1rem;
}
.contents_title h2{
	font-size: 1.25rem;
	text-align: center;
	margin: 30px auto 0;
}
.contents_border{
	width: 40%;
	border: solid 1px #000;
	border-radius: 0.5px;
	margin: 0 auto;
}
.contents_main{
	height: 100vh;
	max-height: 570px;
	margin-right: 2rem;
}
.contents_main img{
	margin-left: 50px;
}
.contents_main .contact_img{
	margin-left: 50px;
}
.contents_main p{
	padding: 0;
	margin-left: 1rem;
}
.contents_main dt p{
	padding: 5px;
}
.contents_main dt{
	display: flex;
	margin-top: 7%;
}
.contents_main dd{
	display: flex;
	margin-top: 3%;
}
.contents_main a{
	color: blue;
	font-size: 1rem;
}
.contents_main .contact_question{
	font-size: 1rem;
}
.contents_main .contact_answer{
	font-size: 0.85rem;
}
.contents_all{
	margin-top: 0;
}
.company_keyvisual{
	overflow: hidden;
}
.company_all{
	width: 100%;
}
.company_title h2{
	font-size: 1.25rem;
	text-align: center;
	margin: 30px auto 0;
	padding-bottom: 1rem;
}
.company_table {
	width: 100%;
	margin: 0.8vw 0 1.2vw;
}
.company_table a {
	color: blue;
}
.company_table th,.company_table td {
	padding: 0.8vw;
}
@media screen and (max-width: 950px) {
	.company_table,
	.company_table tr,
	.company_table td,
	.company_table th {
	display:block;
	text-align: center;
	}
	.company_table th {
	width:auto;
	}
	.company_map{
		display: none;
	}
	.company_banner{
		margin-top: 5rem;
	}
}
.company_map{
	width: 100%;
	margin-bottom: 1.2vw;
}
.company_banner{
	text-align: center;
}
/*--------------------------------------
プライバシーポリシーページ（7ページ目）
--------------------------------------*/
/*左ページ*/
.policy {
	margin-top: 0;
}
.policy_header {
	position: relative;
}
.policy_img {
	width: 100%;
	height: 200px;
	background: url(../img/green.jpg) no-repeat;
}
.policy_ttl {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 18px;
	font-weight: 700;
}
.policy_declare {
	font-size: 14px;
	font-weight: 700;
	width: 95%;
	margin: 30px auto;
}
hr {
	border-bottom: 1px solid #333;
}
.policy_ul {
	width: 95%;
	margin: 0 auto;
	list-style: none;
}
.policy_li {
	margin-top: 30px;
}
.policy_sub_ttl {
	font-size: 16px;
	font-weight: 700;
	color: #5f1985;
}
.policy_p {
	font-size: 14px;
	margin-top: 20px;
}

/*右ページ*/