@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Press+Start+2P");

@font-face {
  font-family: Variet;
  src: url('/wp-content/themes/Lovit/font/Variet/Variet‚ Cirque.ttf') format("truetype");
}

@font-face {
  font-family: Roboto;
  src: url('/wp-content/themes/Lovit/font/roboto/Roboto-Thin.ttf') format("truetype");
}

@font-face {
  font-family: Roboto-Regular;
  src: url('/wp-content/themes/Lovit/font/roboto/Roboto-Regular.ttf') format("truetype");
}

@font-face {
  font-family: TanukiMagic;
  src: url('/wp-content/themes/Lovit/font/TanukiMagic/TanukiMagic.ttf') format("truetype");
}

@font-face {
  font-family: toroman;
  src: url('/wp-content/themes/Lovit/font/toroman/toroman.ttf') format("truetype");
}

@font-face {
  font-family: Haroopath;
  src: url('/wp-content/themes/Lovit/font/Haroopath/Haroopath.otf') format("truetype");
}

@font-face {
  font-family: GN-KillGothic-U-KanaNA;
  src: url('/wp-content/themes/Lovit/font/GN-KillGothic_U/GN-KillGothic-U-KanaNA.ttf') format("truetype");
}

@font-face {
  font-family: GenJyuuGothic-Heavy;
  src: url('/wp-content/themes/Lovit/font/GenJyuuGothic/GenJyuuGothic-Heavy.ttf') format("truetype");
}

@font-face {
  font-family: GenJyuuGothic-Bold;
  src: url('/wp-content/themes/Lovit/font/GenJyuuGothic/GenJyuuGothic-Bold.ttf') format("truetype");
}

@font-face {
  font-family: GenJyuuGothic-Medium;
  src: url('/wp-content/themes/Lovit/font/GenJyuuGothic/GenJyuuGothic-Medium.ttf') format("truetype");
}

@font-face {
  font-family: GenJyuuGothicL-Heavy;
  src: url('/wp-content/themes/Lovit/font/GenJyuuGothic/GenJyuuGothicL-Heavy.ttf') format("truetype");
}

@font-face {
  font-family: GenJyuuGothicL-Bold;
  src: url('/wp-content/themes/Lovit/font/GenJyuuGothic/GenJyuuGothicL-Bold.ttf') format("truetype");
}

@font-face {
  font-family: GenJyuuGothicL-Medium;
  src: url('/wp-content/themes/Lovit/font/GenJyuuGothic/GenJyuuGothicL-Medium.ttf') format("truetype");
}

@font-face {
  font-family: GenJyuuGothicX-Heavy;
  src: url('/wp-content/themes/Lovit/font/GenJyuuGothic/GenJyuuGothicX-Heavy.ttf') format("truetype");
}

@font-face {
  font-family: GenJyuuGothicX-Bold;
  src: url('/wp-content/themes/Lovit/font/GenJyuuGothic/GenJyuuGothicX-Bold.ttf') format("truetype");
}

@font-face {
  font-family: GenJyuuGothicX-Medium;
  src: url('/wp-content/themes/Lovit/font/GenJyuuGothic/GenJyuuGothicX-Medium.ttf') format("truetype");
}

/*
Theme Name: 株式会社LOVIT
Text Domain: lovit
Requires at least: 4.7
Requires PHP: 5.2.4
Author: Nakamura Daichi
Author URI: https://lovit.co.jp
Description: lovit theme
Version: 1.0.0
License: Only LOVIT
License URI: Only LOVIT
Tags: LOVIT, ホームページ, ウェブサイト, ブログ, 簡単, カスタム背景, カスタムカラー, カスタムロゴ, custom-menu, エディタースタイル, アイキャッチ画像, フッターウィジェット, 全幅テンプレート, 固定投稿, テーマオプション
*/


/* --------------------------------------------
 * 
 * @media (min-width: 992px) {}
 * @media (min-width:768px) and (max-width:991px) {}
 * @media (min-width:576px) and (max-width:767px) {}
 * @media (max-width: 575px) {}
 * 
 * ------------------------------------------*/

/* --------------------------------------------
 * 
 * 各要素の初期化
 * 
 * ------------------------------------------*/

a, abbr, address, article, aside, audio, b, blockquote, body, button, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, ins, kbd, label, legend, li, main, mark, menu, nav, object, ol, p, pre, q, samp, section, select, small, span, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, ul, var, video {
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
	font-family: 'Noto Sans JP', sans-serif;
    border: 0;
    box-sizing: border-box;
    color: #333;
    line-height: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    text-decoration: none;
    transition: .3s cubic-bezier(.4,.4,0,1);
    word-spacing: 1px;
}

.__opt {
    -webkit-overflow-scrolling: touch;
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    max-width: 100%;
    pointer-events: all;
    position: relative;
    z-index: 0;
}

.__opt.icon,  .__opt.text {
	align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    overflow: visible;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.bg__fixed {
	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  	background: #fdf7f5;
  	z-index: -1;
}

.__bg_icon_img {
	background-image: url(/wp-content/uploads/2023/06/bg_top_l_cw_icon.png), url(/wp-content/uploads/2023/06/bg_bottom_r_cw_icon.png);
	background-position: left 2% top 2%, right 2% bottom 2%;
	background-size: 25% auto;
	background-repeat: no-repeat;
}

@media screen and (max-width: 1140px) {
	.__bg_icon_img {
    	background-position: left 3% top 3%, right 3% bottom 3%;
		background-size: 35% auto;
	}
}

@media screen and (max-width: 840px) {
	.__bg_icon_img {
    	background-position: left 4% top 4%, right 4% bottom 4%;
		background-size: 45% auto;
	}
}

@media screen and (max-width: 540px) {
	.__bg_icon_img {
    	background-position: left 5% top 5%, right 5% bottom 5%;
		background-size: 55% auto;
	}
}


/* --------------------------------------------
 * 
 * スクロールバーの設定
 * 
 * ------------------------------------------*/

::-webkit-scrollbar{
  	width: 10px;
	display: none;
}
::-webkit-scrollbar-track{
  	background: #FFF;
  	border-left: solid 1px #ececec;
}
::-webkit-scrollbar-thumb{
  	background: #ccc;
	border-radius: 10px;
	box-shadow: inset 0 0 0 2px #fff;
}

/* --------------------------------------------
 * 
 * ヘッダースタイル
 * 
 * ------------------------------------------*/

#header {
	align-content: center;
    align-items: center;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    left: 0;
    margin: 0 0 0 0;
    padding: 24px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 4;
    max-width: 100%;
	background: rgba(253, 247, 245, 0.4);
}

/* --- ヘッダーアニメーション --- */

#header.h__up{
	animation: UpAnim 0.5s forwards;
}

@keyframes UpAnim{
  from {
    opacity: 1;
	transform: translateY(0);
  }
  to {
    opacity: 0;
	transform: translateY(-100px);
  }
}

#header.h__down{
	animation: DownAnim 0.5s forwards;
}

@keyframes DownAnim{
  from {
  	opacity: 0;
	transform: translateY(-100px);
  }
  to {
  	opacity: 1;
	transform: translateY(0);
  }
}

/* --- ここまで --- */

#header .h__logo_area {
	align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding: 0px;
	cursor: pointer;
}

#header .h__logo_area .h__logo {
	align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    overflow: visible;
    overflow-wrap: anywhere;
    word-break: break-word;
    margin: 0px 5px 0px 0px;
    max-width: calc(100% - 4px);
    background: url(/wp-content/uploads/2023/07/labot_cw_icon_face_re02.png);
	width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

#header .h__logo_area .h__logo_text {
	color: #ef3646;
	font-family: 'M PLUS 1', sans-serif;
    font-size: 20px;
    font-weight: 700;
    height: auto;
    letter-spacing: 2px;
    line-height: 1;
    margin: 0px 0px 0px 0px;
    text-align: left;
    width: auto;
    max-width: 100%;
    justify-content: flex-start;
}

#header .h__btn_area {
	cursor: pointer;
	align-content: center;
    align-items: center;
    background: #13202f;
    border-radius: 40px;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    height: auto;
    justify-content: space-between;
    padding: 10px 24px 10px;
    transition-duration: 200ms;
    transition-timing-function: ease-in-out;
    width: auto;
    max-width: 100%;
}

#header .h__btn_area:hover {
    transform: translate(3px, 3px);
}

@media screen and (max-width: 540px) {
	#header .h__btn_area {
    	padding: 8px 15px 8px;
	}
}

#header .h__btn_area .h__btn_text {
	color: #ffffff;
	font-family: 'Wix Madefor Text', sans-serif;
    font-size: 14px;
    font-weight: 800;
    height: auto;
    line-height: 1;
    margin: 0 0 0 10px;
    text-align: center;
    width: auto;
    max-width: calc(100% - 12px);
    justify-content: center;
}

@media screen and (max-width: 540px) {
	#header .h__btn_area .h__btn_text {
    	font-size: 12px;
		margin: 0 0 0 8px;
	}
}

#header .h__btn_area .h__add_icon {
	color: #ffffff;
    font-size: 17px;
}

@media screen and (max-width: 540px) {
	#header .h__btn_area .h__add_icon {
    	font-size: 14px;
	}
}

.h__btn_area .h__add_cw_icon {
	background: #f03748;
    border-radius: 9999px 9999px 9999px 0;
    pointer-events: none;
    transition: inherit;
    width: 15px;
	height: 15px;
}

@media screen and (max-width: 540px) {
	#header .h__btn_area .h__add_cw_icon {
    	width: 12px;
		height: 12px;
	}
}

/* --------------------------------------------
 * 
 * 前提スタイル
 * 
 * ------------------------------------------*/

.__container {
    align-content: center;
    align-items: center;
    flex: none;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0px;
    width: 100%;
    z-index: 1;
    max-width: 100%;
	/*background: #fdf7f5;*/
}

/* --------------------------------------------
 * 
 * トップスタイル
 * 
 * ------------------------------------------*/

.top__section {
    align-content: stretch;
    align-items: stretch;
    border-radius: 0px;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 100vh;
    justify-content: center;
    margin: 0px 0px 0px 0px;
    overflow-x: visible;
    overflow-y: visible;
    padding: 0px 0px 0px 0px;
    width: 100%;
    z-index: 1;
    max-width: 100%;
}

@media screen and (max-width: 1140px) {
	.top__section {
    	flex: none;
    	width: 100%;
		height: auto;
    	max-width: 100%;
	}
}

@media screen and (max-width: 840px) {
	.top__section {
    	flex: none;
    	flex-direction: column;
    	flex-wrap: nowrap;
		height: auto;
    	justify-content: flex-end;
	}
}

@media screen and (max-width: 540px) {
	.top__section {
    	flex: none;
	}
}

.top__section .top__area {
    align-content: center;
    align-items: center;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0px;
    width: 1283px;
    max-width: 100%;
}

@media screen and (max-width: 1140px) {
	.top__section .top__area {
		padding: 144px 0px 144px 0px;
	}
}

@media screen and (max-width: 840px) {
	.top__section .top__area {
		padding: 144px 0px 70px 0px;
		flex-direction: column;
    	flex-wrap: nowrap;
	}
}

@media screen and (max-width: 540px) {
	.top__section .top__area {
		flex-direction: column;
    	flex-wrap: nowrap;
    	padding: 96px 0px 48px 0px;
	}
}

.top__section .top__area .top__area_l {
    align-content: center;
    align-items: center;
    background: rgba(0,0,0,0.0);
    border-bottom: 0px solid #e7e7e7;
    border-left: 0px solid #e7e7e7;
    border-right: 0px solid #e7e7e7;
    border-top: 0px solid #e7e7e7;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    height: auto;
    justify-content: center;
    margin: 0px 0px 0px 0px;
    padding: 0px 48px 0px;
    transition-delay: 200ms;
    transition-duration: 400ms;
    transition-timing-function: ease-in-out;
    width: 45%;
    max-width: 45%;
}

@media screen and (max-width: 1140px) {
	.top__section .top__area .top__area_l {
		flex: none;
    	padding: 0px 24px 0px 24px;
    	width: 45%;
	}
}

@media screen and (max-width: 840px) {
	.top__section .top__area .top__area_l {
		margin: 0px 0px 0px 0px;
    	width: 100%;
    	max-width: 100%;
	}
}

@media screen and (max-width: 540px) {
	.top__section .top__area .top__area_l {
		padding: 0px 12px 0px;
	}
}

.top__section .top__area .top__area_l .top__area_l_text {
	align-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0px;
}

@media screen and (max-width: 840px) {
	.top__section .top__area .top__area_l .top__area_l_text {
		align-content: center;
    	align-items: center;
	}
}

@media screen and (max-width: 540px) {
	.top__section .top__area .top__area_l .top__area_l_text {
		align-content: center;
    	align-items: center;
    	flex: none;
    	width: 100%;
    	max-width: 100%;
	}
}

.top__area_l_text .top__ttl_area {
	align-content: flex-start;
    align-items: flex-start;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    width: 100%;
    max-width: 100%;
}

@media screen and (max-width: 540px) {
	.top__area_l_text .top__ttl_area {
		margin: 12px 0px 0px 0px;
    	width: 100%;
    	max-width: 100%;
	}
}

.top__area_l_text .top__ttl_area .top__ttl_one {
	color: #ef3646;
    font-size: 144px;
    font-weight: 300;
    height: auto;
    letter-spacing: normal;
    line-height: 1;
    margin: 0px 0px 0px 0px;
    text-align: left;
    width: auto;
    max-width: 100%;
    justify-content: flex-start;
}

@media screen and (max-width: 1140px) {
	.top__area_l_text .top__ttl_area .top__ttl_one {
		font-size: 110px;
	}
}

@media screen and (max-width: 840px) {
	.top__area_l_text .top__ttl_area .top__ttl_one {
		flex: none;
    	text-align: center;
    	width: 100%;
    	max-width: 100%;
    	justify-content: center;
	}
}

@media screen and (max-width: 540px) {
	.top__area_l_text .top__ttl_area .top__ttl_one {
		font-size: 100px;
    	text-align: center;
    	justify-content: center;
	}
}

.top__area_l_text .top__ttl_area .top__ttl_two {
	color: #ef3646;
    font-size: 64px;
    font-weight: 500;
    height: auto;
    letter-spacing: normal;
    line-height: 1;
    margin: 0px 0px 0px 0px;
    text-align: left;
    width: auto;
    max-width: 100%;
    justify-content: flex-start;
}

@media screen and (max-width: 1140px) {
	.top__area_l_text .top__ttl_area .top__ttl_two {
		font-size: 56px;
	}
}

@media screen and (max-width: 840px) {
	.top__area_l_text .top__ttl_area .top__ttl_two {
		flex: none;
    	text-align: center;
    	width: 100%;
    	max-width: 100%;
    	justify-content: center;
	}
}

@media screen and (max-width: 540px) {
	.top__area_l_text .top__ttl_area .top__ttl_two {
		font-size: 43px;
    	text-align: center;
    	justify-content: center;
	}
}

.top__area_l_text .top__des_area {
	color: #13202f;
	font-family: GenJyuuGothic-Bold;
    flex: none;
    font-size: 16px;
    font-weight: 400;
    height: auto;
    line-height: 1.5;
    margin: 30px 0px 50px 0px;
    text-align: left;
    width: auto;
    max-width: 100%;
}

@media screen and (max-width: 840px) {
	.top__area_l_text .top__des_area {
		text-align: center;
    	width: 100%;
    	max-width: 100%;
    	justify-content: center;
	}
}

@media screen and (max-width: 540px) {
	.top__area_l_text .top__des_area {
		font-size: 12px;
    	margin: 24px 0px 24px 0px;
    	text-align: center;
    	width: 100%;
    	max-width: 100%;
    	justify-content: center;
	}
}

.top__area_l_text .top__btn_area {
	cursor: pointer;
    align-content: center;
    align-items: center;
    background: #13202f;
    border-radius: 40px;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 55px;
    justify-content: space-between;
    padding: 0px 40px 0px 40px;
    transition-duration: 200ms;
    transition-timing-function: ease-in-out;
    width: auto;
    max-width: 100%;
}

.top__area_l_text .top__btn_area:hover {
    transform: translate(3px, 3px);
}

.top__area_l_text .top__btn_area .top__btn_text {
    color: #ffffff;
	font-family: 'Wix Madefor Text', sans-serif;
    font-size: 18px;
    font-weight: 800;
    height: auto;
    line-height: 1.4;
    margin: 0 0 0 17px;
    text-align: center;
    width: auto;
    max-width: calc(100% - 24px);
    justify-content: center;
}

@media screen and (max-width: 540px) {
	.top__area_l_text .top__btn_area .top__btn_text {
    	font-size: 16px;
	}
}

.top__area_l_text .top__btn_area .top__add_icon {
    color: #ffffff;
    font-size: 20px;
}

.top__area_l_text .top__btn_area .top__add_cw_icon {
	background: #f03748;
    border-radius: 9999px 9999px 9999px 0;
    pointer-events: none;
    transition: inherit;
    width: 20px;
	height: 20px;
}

.top__section .top__area .top__area_r {
	position: relative;
    align-content: flex-end;
    align-items: flex-end;
    background: rgba(0,0,0,0.0);
    flex: 1;
    flex-direction: column;
    flex-wrap: nowrap;
    height: auto;
    justify-content: center;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    transition-delay: 0ms;
    transition-duration: 1000ms;
    width: auto;
	height: 60vh;
    max-width: 100%;
}

@media screen and (max-width: 1140px) {
	.top__section .top__area .top__area_r {
    	width: 100%;
		height: 50vh;
    	max-width: 100%;
	}
}

@media screen and (max-width: 840px) {
	.top__section .top__area .top__area_r {
		flex: none;
    	margin: 60px 0px 0px 0px;
    	width: 100%;
		height: 45vh;
    	max-width: 100%;
	}
}

@media screen and (max-width: 540px) {
	.top__section .top__area .top__area_r {
		flex: none;
    	align-content: center;
    	align-items: center;
    	margin: 50px 0px 0px 0px;
		padding: 0px 12px 0px;
    	width: 100%;
		height: 42vh;
    	max-width: 100%;
	}
}

/* --------------------------------------------
 * 
 * メッセージブロック
 * 
 * ------------------------------------------*/

.top__section .top__area .top__area_r .top__msg_one {
	position: relative;
	width: 100%;
	height: 22%;
}

.top__section .top__area .top__area_r .top__msg_two {
	position: relative;
	width: 100%;
	height: 30%;
}

.top__section .top__area .top__area_r .top__msg_three {
	position: relative;
	width: 100%;
	height: 15%;
}

.top__section .top__area .top__area_r .top__msg_four {
	position: relative;
	width: 100%;
	height: 20%;
}

/* --------------------------------------------
 * 
 * ここまで
 * 
 * ------------------------------------------*/

.top__section .top__area .top__area_r .top__img_one {
	position: absolute;
	flex: none;
    height: auto;
    transition-delay: 0ms;
    transition-duration: 400ms;
    transition-timing-function: ease-in-out;
    width: 100%;
	height: 100%;
    max-width: 100%;
	z-index: 1;
}

.top__section .top__area .top__area_r .top__img_one:before {
	background-image: url(/wp-content/uploads/2023/06/top__section_img_pic4.png);
    background-position: 50%;
    background-size: contain;
    border-radius: inherit;
	background-repeat: no-repeat;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: inherit;
    width: 100%;
    z-index: -2;
}

.top__section .top__area .top__area_r .top__img_one .top__img_msg {
	align-content: center;
    align-items: center;
    background: #FFF;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0;
    padding: 10px 20px;
	box-shadow: 5px 5px 3px 0px rgba(0, 0, 0, .2);
    position: absolute;
    transition-delay: 200ms;
    transition-duration: 600ms;
    max-width: 100%;
}

.top__section .top__area .top__area_r .top__img_one .top__img_msg.one {
	border-radius: 30px 0px 30px 30px;
	bottom: 0;
    left: 60%;
    transform: translate(-50%, -20%);
    -webkit-transform: translate(-50%, -20%);
    -ms-transform: translate(-50%, -20%);
	width: 30%;
}

.top__section .top__area .top__area_r .top__img_one .top__img_msg.two {
	border-radius: 0 30px 30px 30px;
	top: 50%;
    left: 40%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	width: 30%;
}

.top__section .top__area .top__area_r .top__img_one .top__img_msg.three {
	border-radius: 30px 0px 30px 30px;
	top: 50%;
    left: 60%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	width: 30%;
}

.top__section .top__area .top__area_r .top__img_one .top__img_msg.four {
	border-radius: 0 30px 30px 30px;
	top: 50%;
    left: 40%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	width: 30%;
}

@media screen and (max-width: 1140px) {
	.top__section .top__area .top__area_r .top__img_one .top__img_msg.one {
		width: auto;
	}
	
	.top__section .top__area .top__area_r .top__img_one .top__img_msg.two {
		width: 35%;
	}

	.top__section .top__area .top__area_r .top__img_one .top__img_msg.three {
		width: auto;
	}
	
	.top__section .top__area .top__area_r .top__img_one .top__img_msg.four {
		width: 35%;
	}
}

@media screen and (max-width: 840px) {
	.top__section .top__area .top__area_r .top__img_one .top__img_msg.one {
		width: auto;
	}
	
	.top__section .top__area .top__area_r .top__img_one .top__img_msg.two {
		width: auto;
    	max-width: 200px;
	}
	
	.top__section .top__area .top__area_r .top__img_one .top__img_msg.three {
		width: auto;
	}
	
	.top__section .top__area .top__area_r .top__img_one .top__img_msg.four {
		width: auto;
    	max-width: 200px;
	}
}

@media screen and (max-width: 540px) {
	.top__section .top__area .top__area_r .top__img_one .top__img_msg.one {
		padding: 8px 15px;
		width: auto;
	}

	.top__section .top__area .top__area_r .top__img_one .top__img_msg.two {
		padding: 8px 15px;
		width: 45%;
	}
	
	.top__section .top__area .top__area_r .top__img_one .top__img_msg.three {
		padding: 8px 15px;
		width: auto;
	}
	
	.top__section .top__area .top__area_r .top__img_one .top__img_msg.four {
		padding: 8px 15px;
		width: 45%;
	}
}

.top__section .top__area .top__area_r .top__img_one .top__img_msg.labot_bg {
    background: #ef3646;
}

.top__section .top__area .top__area_r .top__img_one .top__img_msg .toast_msg {
	color: #000;
    font-family: GenJyuuGothic-Bold;
    flex: none;
    font-size: 14px;
    font-weight: 700;
    height: auto;
    letter-spacing: normal;
    line-height: 1.4;
    margin: 0px 0px 0px 0px;
    text-align: left;
    width: 100%;
    max-width: 100%;
    justify-content: flex-start;
}

@media screen and (max-width: 1140px) {
	.top__section .top__area .top__area_r .top__img_one .top__img_msg .toast_msg {
    	font-size: 11px;
	}
}

@media screen and (max-width: 840px) {
	.top__section .top__area .top__area_r .top__img_one .top__img_msg .toast_msg {
    	font-size: 10px;
	}
}

@media screen and (max-width: 540px) {
	.top__section .top__area .top__area_r .top__img_one .top__img_msg .toast_msg {
    	font-size: 10px;
	}
}

.top__section .top__area .top__area_r .top__img_one .top__img_msg .toast_msg.labot_text {
	color: #FFF;
}

.top__section .top__area .top__area_r .top__img_bg {
	position: absolute;
	flex: none;
    height: auto;
    transition-delay: 0ms;
    transition-duration: 400ms;
    transition-timing-function: ease-in-out;
    width: 100%;
	height: 100%;
    max-width: 100%;
}

.top__section .top__area .top__area_r .top__img_bg:before {
	background-image: url(/wp-content/uploads/2023/05/lovit_img_bg.png);
    background-position: 50%;
    background-size: contain;
    border-radius: inherit;
	background-repeat: no-repeat;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: inherit;
    width: 100%;
    z-index: -3;
}

/* --------------------------------------------
 * 
 * 2種画像スタイル
 * 
 * ------------------------------------------*/

.img__section {
	align-content: center;
    align-items: center;
    background: rgba(0,0,0,0.0);
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0px;
    width: 100%;
    max-width: 100%;
}

@media screen and (max-width: 840px) {
	.img__section {
    	flex-direction: column;
    	flex-wrap: nowrap;
	}
}

.img__section .img__area_l {
	position: relative;
	border-radius: 0;
    flex: none;
    height: 80vh;
    padding: 0px 0px 0px 0px;
    transition-duration: 600ms;
    transition-timing-function: ease-in-out;
    width: 50%;
    max-width: 50%;
}

@media screen and (max-width: 840px) {
	.img__section .img__area_l {
    	flex: none;
    	height: 50vh;
    	width: 100%;
    	max-width: 100%;
	}
}

.img__section .img__area_l:before {
	/*background-image: url(/wp-content/uploads/2023/06/img__section_pic1.gif);*/
	background-image: url(/wp-content/uploads/2026/01/h_pc_girl_01.jpg);
	/*background: #333;*/
	background-position: 50%;
    background-size: cover;
    border-radius: inherit;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: inherit;
    width: 100%;
    z-index: -2;
}

.img__section .img__area_r {
	position: relative;
	border-radius: 0;
    flex: none;
    height: 80vh;
    padding: 0px 0px 0px 0px;
    transition-duration: 600ms;
    transition-timing-function: ease-in-out;
    width: 50%;
    max-width: 50%;
}

@media screen and (max-width: 840px) {
	.img__section .img__area_r {
    	flex: none;
    	height: 50vh;
    	width: 100%;
    	max-width: 100%;
	}
}

.img__section .img__area_r:before {
	/*background-image: url(/wp-content/uploads/2023/06/img__section_pic1.gif);*/
	background-image: url(/wp-content/uploads/2026/01/h_pc_girl_02.jpg);
	/*background: #333;*/
	background-position: 50%;
    background-size: cover;
    border-radius: inherit;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: inherit;
    width: 100%;
    z-index: -2;
}

/* --------------------------------------------
 * 
 * 特徴その１スタイル
 * 
 * ------------------------------------------*/

.feature__section_one {
    align-content: center;
    align-items: center;
    background: rgba(0,0,0,0.0);
    flex: none;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 96px 48px 96px;
    width: 100%;
    max-width: 100%;
}

@media screen and (max-width: 540px) {
	.feature__section_one {
    	padding: 48px 24px 48px;
	}
}

/* --- 上部 --- */

.feature__section_one .feature__area_top {
	align-content: center;
    align-items: center;
    background: rgba(0,0,0,0.0);
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    height: auto;
    justify-content: flex-start;
    margin: 48px 24px 0px;
    width: 1180px;
    max-width: calc(100% - 48px);
}

@media screen and (max-width: 840px) {
	.feature__section_one .feature__area_top {
    	align-content: flex-start;
    	align-items: flex-start;
    	flex-direction: column-reverse;
    	flex-wrap: nowrap;
    	justify-content: center;
	}
}

@media screen and (max-width: 540px) {
	.feature__section_one .feature__area_top {
    	margin: 35px 0px 0px;
    	max-width: 100%;
	}
}

/* --- 上部（左） --- */

.feature__section_one .feature__area_top .feature__area_top_l {
	align-content: flex-start;
    align-items: flex-start;
    background: rgba(0,0,0,0.0);
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    height: auto;
    justify-content: center;
    width: 50%;
    z-index: 1;
    max-width: 50%;
}

@media screen and (max-width: 1140px) {
	.feature__section_one .feature__area_top .feature__area_top_l {
    	align-content: center;
    	align-items: center;
	}
}

@media screen and (max-width: 840px) {
	.feature__section_one .feature__area_top .feature__area_top_l {
    	align-content: center;
    	align-items: center;
    	flex: none;
    	margin: 96px 0px 0px 0px;
    	width: 100%;
    	max-width: 100%;
	}
}

.feature__section_one .feature__area_top .feature__area_top_l .feature__area_top_l_img {
	position: relative;
	align-content: flex-end;
    align-items: flex-end;
    border-radius: 50%;
    box-shadow: 0px 0px 0px 30px #ffe1da;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 520px;
    justify-content: flex-start;
    transition-delay: 200ms;
    transition-duration: 600ms;
    width: 520px;
    z-index: 0;
    max-width: 100%;
}

.feature__section_one .feature__area_top .feature__area_top_l .feature__area_top_l_img:before {
	background-image: url(/wp-content/uploads/2023/07/pc_girl_01.png);
	/*background: #333;*/
	background-position: 50%;
    background-size: cover;
    border-radius: inherit;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: inherit;
    width: 100%;
    z-index: -2;
}

@media screen and (max-width: 1140px) {
	.feature__section_one .feature__area_top .feature__area_top_l .feature__area_top_l_img {
    	flex: none;
    	height: 380px;
    	width: 380px;
    	max-width: 100%;
	}
}

@media screen and (max-width: 840px) {
	.feature__section_one .feature__area_top .feature__area_top_l .feature__area_top_l_img {
    	flex: none;
    	height: 460px;
    	width: 460px;
    	max-width: 100%;
	}
}

@media screen and (max-width: 540px) {
	.feature__section_one .feature__area_top .feature__area_top_l .feature__area_top_l_img {
    	flex: none;
    	height: 280px;
    	justify-content: flex-end;
    	width: 280px;
    	max-width: 100%;
	}
}

.feature__section_one .feature__area_top .feature__area_top_l .feature__area_top_l_toast {
	align-content: center;
    align-items: center;
    background: #ffffff;
    border-radius: 32px 32px 0px 32px;
    bottom: auto;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    left: -25px;
    margin: 0 0 0 0;
    padding: 15px 20px;
    position: absolute;
    right: auto;
    top: -15px;
    transition-delay: 200ms;
    transition-duration: 600ms;
    max-width: 100%;
}

@media screen and (max-width: 540px) {
	.feature__section_one .feature__area_top .feature__area_top_l .feature__area_top_l_toast {
    	border-radius: 32px 32px 32px 0px;
    	bottom: auto;
    	left: auto;
    	right: -12px;
    	top: -12px;
	}
}

.feature__area_top_l_toast .toast_text {
	color: #ef3646;
	font-family: GenJyuuGothic-Bold;
    flex: none;
    font-size: 14px;
    font-weight: 700;
    height: auto;
    letter-spacing: normal;
    line-height: 1.4;
    margin: 0px 0px 0px 0px;
    text-align: left;
    width: auto;
    max-width: 100%;
    justify-content: flex-start;
}

@media screen and (max-width: 540px) {
	.feature__area_top_l_toast .toast_text {
    	font-size: 12px;
    	text-align: center;
    	justify-content: center;
	}
}

/* --- 上部（右） --- */

.feature__section_one .feature__area_top .feature__area_top_r {
    align-content: flex-start;
    align-items: flex-start;
    background: rgba(0,0,0,0.0);
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    height: auto;
    justify-content: flex-start;
    margin: 0px 0px 0px 20px;
    transition-duration: 1000ms;
    width: calc(50% - 20px);
    z-index: 1;
    max-width: calc(50% - 20px);
}

@media screen and (max-width: 840px) {
	.feature__section_one .feature__area_top .feature__area_top_r {
    	align-content: center;
    	align-items: center;
    	margin: 0px 0px 0px 0px;
    	width: 100%;
    	max-width: 100%;
	}
}

.feature__section_one .feature__area_top .feature__area_top_r .sub_ttl {
	align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding: 0px;
    z-index: 1;
	color: #ef3646;
	font-family: GenJyuuGothic-Bold;
    flex: none;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    letter-spacing: 0.05em;
    line-height: 1.5;
    margin: 0px 0px 0px 0px;
    text-align: left;
    width: auto;
    max-width: 100%;
    justify-content: flex-start;
}

.feature__section_one .feature__area_top .feature__area_top_r .ttl {
	color: #ef3646;
    flex: none;
    font-size: 40px;
    font-weight: 700;
    height: auto;
    letter-spacing: normal;
    line-height: 1.4;
    margin: 12px 0px 0px 0px;
    text-align: left;
    width: 100%;
    z-index: 1;
    max-width: 100%;
    justify-content: flex-start;
}

@media screen and (max-width: 1140px) {
	.feature__section_one .feature__area_top .feature__area_top_r .ttl {
    	font-size: 48px;
	}
}

@media screen and (max-width: 840px) {
	.feature__section_one .feature__area_top .feature__area_top_r .ttl {
    	font-size: 38px;
    	width: 100%;
		justify-content: center;
		text-align: center;
	}
}

@media screen and (max-width: 540px) {
	.feature__section_one .feature__area_top .feature__area_top_r .ttl {
    	font-size: 28px;
		justify-content: center;
		text-align: center;
	}
}

.feature__section_one .feature__area_top .feature__area_top_r .des {
	color: #13202f;
    flex: none;
    font-family: GenJyuuGothic-Bold;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    height: auto;
    line-height: 1.6;
    margin: 40px 0px 40px 0px;
    text-align: left;
    width: 100%;
    z-index: 1;
    max-width: 100%;
    justify-content: flex-start;
}

@media screen and (max-width: 840px) {
	.feature__section_one .feature__area_top .feature__area_top_r .des {
    	flex: none;
    	width: 80%;
    	max-width: 80%;
		justify-content: center;
		text-align: center;
	}
}

@media screen and (max-width: 540px) {
	.feature__section_one .feature__area_top .feature__area_top_r .des {
    	font-size: 14px;
    	width: 100%;
    	max-width: 100%;
    	justify-content: center;
		text-align: center;
	}
}

.feature__section_one .feature__area_top .feature__area_top_r .feature__one_btn_area {
	cursor: pointer;
    align-content: center;
    align-items: center;
    background: #13202f;
    border-radius: 40px;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 55px;
    justify-content: space-between;
    padding: 0px 40px 0px 40px;
    transition-duration: 200ms;
    transition-timing-function: ease-in-out;
    width: auto;
    max-width: 100%;
}

.feature__section_one .feature__area_top .feature__area_top_r .feature__one_btn_area:hover {
    transform: translate(3px, 3px);
}

.feature__section_one .feature__area_top .feature__area_top_r .feature__one_btn_area .feature__one_btn_text {
    color: #ffffff;
	font-family: 'Wix Madefor Text', sans-serif;
    font-size: 18px;
    font-weight: 800;
    height: auto;
    line-height: 1;
    margin: 0 0 0 17px;
    text-align: center;
    width: auto;
    max-width: calc(100% - 24px);
    justify-content: center;
}

@media screen and (max-width: 540px) {
	.feature__section_one .feature__area_top .feature__area_top_r .feature__one_btn_area .feature__one_btn_text {
    	font-size: 16px;
	}
}

.feature__section_one .feature__area_top .feature__area_top_r .feature__one_btn_area .feature__one_add_icon {
    color: #ffffff;
    font-size: 20px;
}

.feature__section_one .feature__area_top .feature__area_top_r .feature__one_btn_area .feature__one_add_cw_icon {
	background: #f03748;
    border-radius: 9999px 9999px 9999px 0;
    pointer-events: none;
    transition: inherit;
    width: 20px;
	height: 20px;
}

.feature__section_one .feature__area_top .feature__area_top_r .num {
	align-content: center;
    align-items: center;
    bottom: auto;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    height: auto;
    justify-content: flex-end;
    margin: 0 0 0 0;
    padding: 0px;
    position: absolute;
    right: 0;
    top: -72px;
    width: 100%;
    z-index: 0;
    max-width: 100%;
}

@media screen and (max-width: 840px) {
	.feature__section_one .feature__area_top .feature__area_top_r .num {
    	justify-content: center;
		top: -100px;
	}
}

@media screen and (max-width: 540px) {
	.feature__section_one .feature__area_top .feature__area_top_r .num {
    	justify-content: center;
		top: -50px;
	}
}

.feature__section_one .feature__area_top .feature__area_top_r .num .num_text {
	color: #fffcfb;
	font-family: 'GenJyuuGothic-Heavy';
    font-size: 288px;
    font-weight: 700;
    height: auto;
    line-height: 1;
    margin: 0 0 0 0;
    position: relative;
    text-align: center;
    width: auto;
    z-index: 0;
    max-width: 100%;
    justify-content: center;
}

@media screen and (max-width: 1140px) {
	.feature__section_one .feature__area_top .feature__area_top_r .num .num_text {
    	font-size: 200px;
	}
}

@media screen and (max-width: 540px) {
	.feature__section_one .feature__area_top .feature__area_top_r .num .num_text {
    	font-size: 188px;
	}
}

/* --- 下部 --- */

.feature__section_one .feature__area_bottom {
	align-content: center;
    align-items: center;
    background: #ffffff;
    border-radius: 32px;
    box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.05);
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    height: auto;
    justify-content: flex-start;
    margin: 96px 24px 0px;
    padding: 48px;
    transition-delay: 100ms;
    width: 980px;
    max-width: calc(100% - 48px);
}

@media screen and (max-width: 840px) {
	.feature__section_one .feature__area_bottom {
    	align-content: center;
    	align-items: center;
    	flex-direction: column;
    	flex-wrap: nowrap;
    	justify-content: center;
	}
}

@media screen and (max-width: 540px) {
	.feature__section_one .feature__area_bottom {
    	margin: 96px 12px 96px;
    	padding: 48px 24px 48px;
    	max-width: calc(100% - 24px);
	}
}

.feature__section_one .feature__area_bottom .ttl {
	color: #ef3646;
    flex: none;
    font-family: GenJyuuGothic-Bold;
    font-size: 24px;
    font-weight: 400;
    height: auto;
    letter-spacing: 0.05em;
    line-height: 1.5;
    margin: 0px 0px 0px 0px;
    text-align: center;
    transition-delay: 200ms;
    transition-duration: 600ms;
    width: 350px;
    max-width: 100%;
    justify-content: center;
}

@media screen and (max-width: 840px) {
	.feature__section_one .feature__area_bottom .ttl {
    	font-size: 20px;
    	width: 301px;
    	max-width: 100%;
	}
}

@media screen and (max-width: 540px) {
	.feature__section_one .feature__area_bottom .ttl {
    	flex: none;
    	text-align: center;
    	width: 299px;
    	max-width: 100%;
    	justify-content: center;
	}
}

.feature__section_one .feature__area_bottom .ttl_bar {
	background: #ef3646;
    border-radius: 8px;
    flex: none;
    height: 4px;
    margin: 24px 0px 0px 0px;
    width: 50px;
    max-width: 100%;
}

.feature__section_one .feature__area_bottom .icon__area {
	align-content: center;
    align-items: center;
    flex: none;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 48px 0px 0px 0px;
    padding: 0px;
    width: 100%;
    max-width: 100%;
}

@media screen and (max-width: 840px) {
	.feature__section_one .feature__area_bottom .icon__area {
    	flex-direction: column;
    	flex-wrap: nowrap;
	}
}

.feature__section_one .feature__area_bottom .icon__area .icon__area_l {
	align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0px;
}

.feature__section_one .feature__area_bottom .icon__area .icon__area_r {
	align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0px;
    transition-delay: 300ms;
}

@media screen and (max-width: 840px) {
	.feature__section_one .feature__area_bottom .icon__area .icon__area_r {
    	margin: 48px 0px 0px 0px;
    	max-width: 100%;
	}
}

@media screen and (max-width: 540px) {
	.feature__section_one .feature__area_bottom .icon__area .icon__area_r {
    	flex: none;
    	margin: 24px 0px 0px 0px;
    	max-width: 100%;
	}
}

/* --- 下部（アイコン） --- */

.feature__section_one .feature__area_bottom .icon__area .feature__icon {
	align-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0px 24px 0px;
    padding: 0px;
    transition-delay: 200ms;
    transition-duration: 600ms;
    max-width: calc(100% - 48px);
}

@media screen and (max-width: 540px) {
	.feature__section_one .feature__area_bottom .icon__area .feature__icon {
    	margin: 0px 12px 0px;
    	max-width: calc(100% - 24px);
	}
}

.feature__section_one .feature__area_bottom .icon__area .feature__icon_opt {
	align-content: center;
    align-items: center;
    background: #ffffff;
    border-bottom: 0px solid #000;
    border-left: 0px solid #000;
    border-radius: 50%;
    border-right: 0px solid #000;
    border-top: 0px solid #000;
    box-shadow: 0px 0px 0px 15px rgba(251, 233, 229, 0.8);
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 64px;
    justify-content: center;
    width: 64px;
    max-width: 100%;
}

@media screen and (max-width: 540px) {
	.feature__section_one .feature__area_bottom .icon__area .feature__icon_opt {
    	flex: none;
    	height: 48px;
    	width: 48px;
    	max-width: 100%;
	}
}

.feature__section_one .feature__area_bottom .icon__area .feature__name {
	color: #13202f;
    font-family: GenJyuuGothic-Bold;
    font-size: 14px;
    font-weight: 700;
    height: auto;
    letter-spacing: normal;
    line-height: 1.3;
    margin: 25px 0px 0px 0px;
    text-align: left;
    width: auto;
    max-width: 100%;
    justify-content: flex-start;
}

@media screen and (max-width: 540px) {
	.feature__section_one .feature__area_bottom .icon__area .feature__name {
    	font-size: 12px;
	}
}

.feature__section_one .feature__area_bottom .icon__area .feature__icon_opt .one {
	color: #ff5a91;
    font-size: 24px;
}

.feature__section_one .feature__area_bottom .icon__area .feature__icon_opt .two {
	color: #4441f2;
    font-size: 24px;
}

.feature__section_one .feature__area_bottom .icon__area .feature__icon_opt .three {
	color: #8acc12;
    font-size: 24px;
}

.feature__section_one .feature__area_bottom .icon__area .feature__icon_opt .four {
	color: #ff5a91;
    font-size: 24px;
}

.feature__section_one .feature__area_bottom .icon__area .feature__icon_opt .five {
	color: #4441f2;
    font-size: 24px;
}


/* --------------------------------------------
 * 
 * 特徴その２スタイル
 * 
 * ------------------------------------------*/

.feature__section_two {
	align-content: center;
    align-items: center;
    background: rgba(0,0,0,0.0);
    flex: none;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 96px 0px 96px 0px;
    width: 100%;
    max-width: 100%;
}

@media screen and (max-width: 540px) {
	.feature__section_two {
    	padding: 48px 24px 48px 24px;
	}
}

.feature__section_two .feature__area {
	align-content: center;
    align-items: center;
    background: rgba(0,0,0,0.0);
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    height: auto;
    justify-content: center;
    margin: 48px 24px 0px;
    width: 1180px;
    z-index: 1;
    max-width: calc(100% - 48px);
}

@media screen and (max-width: 840px) {
	.feature__section_two .feature__area {
    	align-content: flex-start;
    	align-items: flex-start;
    	flex-direction: column;
    	flex-wrap: nowrap;
    	justify-content: center;
    	margin: 0px 24px 0px;
    	max-width: calc(100% - 48px);
	}
}

@media screen and (max-width: 540px) {
	.feature__section_two .feature__area {
    	padding: 0;
	}
}

.feature__section_two .feature__area .sub_ttl {	
	color: #ef3646;
    flex: none;
    font-family: GenJyuuGothic-Bold;
    font-size: 13px;
    font-weight: 400;
    height: auto;
    letter-spacing: 0.05em;
    line-height: 1.5;
    margin: 0px 0px 0px 0px;
    text-align: center;
    width: 100%;
    max-width: 100%;
    justify-content: center;
}

.feature__section_two .feature__area .ttl {
	color: #ef3646;
    flex: none;
    font-size: 40px;
    font-weight: 700;
    height: auto;
    letter-spacing: normal;
    line-height: 1.4;
    margin: 12px 0px 0px 0px;
    text-align: center;
    transition-duration: 600ms;
    width: 100%;
    z-index: 1;
    max-width: 100%;
    justify-content: center;
}

@media screen and (max-width: 1140px) {
	.feature__section_two .feature__area .ttl {
    	font-size: 48px;
	}
}

@media screen and (max-width: 840px) {
	.feature__section_two .feature__area .ttl {
    	font-size: 38px;
    	width: 100%;
	}
}

@media screen and (max-width: 540px) {
	.feature__section_two .feature__area .ttl {
    	font-size: 28px;
	}
}

.feature__section_two .feature__area .feature__icon {
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 80px 0px 0px 0px;
    padding: 0px;
    width: 100%;
    max-width: 100%;
}

@media screen and (max-width: 840px) {
	.feature__section_two .feature__area .feature__icon {
    	align-content: center;
    	align-items: center;
    	flex-direction: column;
    	flex-wrap: nowrap;
	}
}

@media screen and (max-width: 540px) {
	.feature__section_two .feature__area .feature__icon {
    	align-content: center;
    	align-items: center;
    	margin: 48px 0px 0px 0px;
	}
}

/* --- 特徴1と2 --- */

.feature__section_two .feature__icon .__left {
	align-content: flex-start;
    align-items: flex-start;
    background: rgba(0,0,0,0.0);
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    height: auto;
    justify-content: flex-start;
    transition-delay: 0ms;
    transition-duration: 1000ms;
    width: 30%;
    z-index: 1;
    max-width: 30%;
}

@media screen and (max-width: 840px) {
	.feature__section_two .feature__icon .__left {
    	align-content: flex-start;
    	align-items: flex-start;
    	flex: none;
    	flex-direction: row;
    	flex-wrap: nowrap;
    	justify-content: space-between;
    	margin: 0px 24px 0px;
    	width: calc(100% - 48px);
    	max-width: calc(100% - 48px);
	}
}

@media screen and (max-width: 540px) {
	.feature__section_two .feature__icon .__left {
    	align-content: flex-start;
    	align-items: flex-start;
    	flex-direction: column;
    	flex-wrap: nowrap;
    	margin: 0px 0px 0px;
    	width: 100%;
    	max-width: 100%;
	}
}

.feature__section_two .feature__icon .__left .feature__one {
	align-content: center;
    align-items: center;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0px;
    transition-delay: 200ms;
    transition-duration: 600ms;
    width: 100%;
    max-width: 100%;
}

@media screen and (max-width: 840px) {
	.feature__section_two .feature__icon .__left .feature__one {
    	align-content: center;
    	align-items: center;
    	flex: none;
    	width: 40%;
    	max-width: 40%;
	}
}

@media screen and (max-width: 540px) {
	.feature__section_two .feature__icon .__left .feature__one {
    	align-content: center;
    	align-items: center;
    	flex: none;
    	margin: 0px 0px 0px 0px;
    	width: 100%;
    	max-width: 100%;
	}
}

.feature__section_two .feature__icon .__left .feature__two {
	align-content: center;
    align-items: center;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 48px 0px 0px 0px;
    padding: 0px;
    transition-delay: 300ms;
    transition-duration: 600ms;
    width: 100%;
    max-width: 100%;
}

@media screen and (max-width: 840px) {
	.feature__section_two .feature__icon .__left .feature__two {
    	align-content: center;
    	align-items: center;
    	flex: none;
    	margin: 0px 0px 0px 0px;
    	width: 40%;
    	max-width: 40%;
	}
}

@media screen and (max-width: 540px) {
	.feature__section_two .feature__icon .__left .feature__two {
    	align-content: center;
    	align-items: center;
    	flex: none;
    	margin: 48px 0px 0px 0px;
		width: 100%;
    	max-width: 100%;
	}
}

.feature__section_two .feature__icon .feature__icon_opt {
	align-content: center;
    align-items: center;
    background: #ffffff;
    border-bottom: 0px solid #000;
    border-left: 0px solid #000;
    border-radius: 50%;
    border-right: 0px solid #000;
    border-top: 0px solid #000;
    box-shadow: 0px 0px 0px 15px rgba(251, 233, 229, 0.8);
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 85px;
    justify-content: center;
    width: 85px;
    max-width: 100%;
}

@media screen and (max-width: 840px) {
	.feature__section_two .feature__icon .feature__icon_opt {
    	flex: none;
    	height: 64px;
    	margin: 0;
    	width: 64px;
    	max-width: calc(100% - 16px);
	}
}

@media screen and (max-width: 540px) {
	.feature__section_two .feature__icon .feature__icon_opt {
    	margin: 0;
    	max-width: 100%;
	}
}

.feature__section_two .feature__icon .ttl {
	color: #ef3646;
    font-size: 24px;
    font-weight: 700;
    height: auto;
    letter-spacing: normal;
    line-height: 1.3;
    margin: 25px 0px 0px 0px;
    text-align: left;
    width: auto;
    max-width: 100%;
    justify-content: flex-start;
}

@media screen and (max-width: 840px) {
	.feature__section_two .feature__icon .ttl {
    	font-size: 20px;
	}
}

@media screen and (max-width: 540px) {
	.feature__section_two .feature__icon .ttl {
    	font-size: 18px;
	}
}

.feature__section_two .feature__icon .des {
	color: #13202f;
    flex: none;
    font-family: GenJyuuGothic-Bold;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: auto;
    line-height: 1.6;
    margin: 24px 0px 24px 0px;
    text-align: left;
    width: 100%;
    max-width: 100%;
    justify-content: center;
	text-align: center;
}

@media screen and (max-width: 840px) {
	.feature__section_two .feature__icon .des {
    	flex: none;
		margin: 15px 0px 24px 0px;
	}
}

@media screen and (max-width: 540px) {
	.feature__section_two .feature__icon .des {
    	text-align: center;
    	width: 276px;
    	max-width: 100%;
    	justify-content: center;
	}
}

/* --- アイコン --- */

.feature__section_two .feature__icon .one {
	color: #ff5a91;
    font-size: 28px;
}

@media screen and (max-width: 840px) {
	.feature__section_two .feature__icon .one {
    	font-size: 24px;
	}
}

.feature__section_two .feature__icon .two {
	color: #4441f2;
    font-size: 28px;
}

@media screen and (max-width: 840px) {
	.feature__section_two .feature__icon .two {
    	font-size: 24px;
	}
}

.feature__section_two .feature__icon .four {
	color: #8a8a8a;
    font-size: 28px;
}

@media screen and (max-width: 840px) {
	.feature__section_two .feature__icon .four {
    	font-size: 24px;
	}
}

.feature__section_two .feature__icon .five {
	color: #8acc12;
    font-size: 28px;
}

@media screen and (max-width: 840px) {
	.feature__section_two .feature__icon .five {
    	font-size: 24px;
	}
}

/* --- 特徴3 --- */

.feature__section_two .feature__icon .__mid {
	align-content: center;
    align-items: center;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    height: auto;
    justify-content: flex-start;
    margin: 0 20px;
    padding: 0;
    transition-duration: 0ms;
    width: 40%;
    max-width: 40%;
}

@media screen and (max-width: 840px) {
	.feature__section_two .feature__icon .__mid {
    	flex: none;
    	margin: 40px 0px 60px 0px;
    	width: 100%;
    	max-width: 100%;
	}
}

@media screen and (max-width: 540px) {
	.feature__section_two .feature__icon .__mid {
    	flex: none;
    	margin: 48px 0px 48px 0px;
    	width: 100%;
    	max-width: 100%;
	}
}

.feature__section_two .feature__icon .__mid .feature__three {
	align-content: flex-end;
    align-items: flex-end;
    border-radius: 50%;
    box-shadow: 0px 0px 0px 30px rgba(255, 225, 218, 0.5);
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 400px;
    justify-content: flex-start;
    transition-delay: 200ms;
    transition-duration: 600ms;
    width: 400px;
    z-index: 0;
    max-width: 100%;
}

.feature__section_two .feature__icon .__mid .feature__three:before {
	background-image: url(/wp-content/uploads/2023/07/labot_pc_type.gif);
	background-position: 50%;
    background-size: cover;
    border-radius: inherit;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: inherit;
    width: 100%;
    z-index: -2;
}

@media screen and (max-width: 1140px) {
	.feature__section_two .feature__icon .__mid .feature__three {
    	flex: none;
    	height: 300px;
    	width: 300px;
    	max-width: 100%;
	}
}

@media screen and (max-width: 840px) {
	.feature__section_two .feature__icon .__mid .feature__three {
    	flex: none;
    	height: 400px;
    	width: 400px;
    	max-width: 100%;
	}
}

@media screen and (max-width: 540px) {
	.feature__section_two .feature__icon .__mid .feature__three {
    	flex: none;
    	height: 280px;
    	justify-content: flex-end;
    	width: 280px;
    	max-width: 100%;
	}
}

/* --- 特徴4と5 --- */

.feature__section_two .feature__icon .__right {
	align-content: flex-start;
    align-items: flex-start;
    background: rgba(0,0,0,0.0);
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    height: auto;
    justify-content: flex-start;
    transition-delay: 0ms;
    transition-duration: 1000ms;
    width: 30%;
    z-index: 1;
    max-width: 30%;
}

@media screen and (max-width: 840px) {
	.feature__section_two .feature__icon .__right {
    	align-content: flex-start;
    	align-items: flex-start;
    	flex: none;
    	flex-direction: row;
    	flex-wrap: nowrap;
    	justify-content: space-between;
    	margin: 0px 24px 0px;
    	width: calc(100% - 48px);
    	max-width: calc(100% - 48px);
	}
}

@media screen and (max-width: 540px) {
	.feature__section_two .feature__icon .__right {
    	align-content: flex-start;
    	align-items: flex-start;
    	flex-direction: column;
    	flex-wrap: nowrap;
    	margin: 48px 0px 0px;
    	width: 100%;
    	max-width: 100%;
	}
}

.feature__section_two .feature__icon .__right .feature__four {
	align-content: center;
    align-items: center;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0px;
    transition-delay: 400ms;
    transition-duration: 600ms;
    width: 100%;
    max-width: 100%;
}

@media screen and (max-width: 840px) {
	.feature__section_two .feature__icon .__right .feature__four {
    	align-content: center;
    	align-items: center;
    	flex: none;
    	width: 40%;
    	max-width: 40%;
	}
}

@media screen and (max-width: 540px) {
	.feature__section_two .feature__icon .__right .feature__four {
    	align-content: center;
    	align-items: center;
    	flex: none;
    	margin: 0px 0px 0px 0px;
    	width: 100%;
    	max-width: 100%;
	}
}

.feature__section_two .feature__icon .__right .feature__five {
	align-content: center;
    align-items: center;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 48px 0px 0px 0px;
    padding: 0px;
    transition-delay: 500ms;
    transition-duration: 600ms;
    width: 100%;
    max-width: 100%;
}

@media screen and (max-width: 840px) {
	.feature__section_two .feature__icon .__right .feature__five {
    	align-content: center;
    	align-items: center;
    	flex: none;
    	margin: 0px 0px 0px 0px;
    	width: 40%;
    	max-width: 40%;
	}
}

@media screen and (max-width: 540px) {
	.feature__section_two .feature__icon .__right .feature__five {
    	align-content: center;
    	align-items: center;
    	flex: none;
    	margin: 48px 0px 0px 0px;
    	width: 100%;
    	max-width: 100%;
	}
}

.feature__section_two .num {
	align-content: center;
    align-items: center;
    flex: none;
    flex-wrap: nowrap;
    justify-content: center;
    left: 0;
    margin: 0 0 0 0;
    padding: 0px;
    position: absolute;
    top: -48px;
    width: 100%;
    z-index: 0;
    max-width: 100%;
}

.feature__section_two .num_text {
	color: #fffcfb;
    font-family: 'GenJyuuGothic-Heavy';
    font-size: 288px;
    font-weight: 700;
    height: auto;
    line-height: 1;
    margin: 0 0 0 0;
    position: relative;
    text-align: center;
    width: auto;
    z-index: 0;
    max-width: 100%;
    justify-content: center;
}

@media screen and (max-width: 840px) {
	.feature__section_two .num_text {
    	font-size: 200px;
	}
}

@media screen and (max-width: 540px) {
	.feature__section_two .num_text {
    	font-size: 188px;
	}
}

/* --------------------------------------------
 * 
 * 特徴その３スタイル
 * 
 * ------------------------------------------*/

.feature__section_three {
	align-content: center;
    align-items: center;
    background: rgba(0,0,0,0.0);
    flex: none;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 96px 48px 48px;
    width: 100%;
    max-width: 100%;
}

@media screen and (max-width: 540px) {
	.feature__section_three {
    	padding: 48px 24px 48px;
	}
}

.feature__section_three .feature__area {
	align-content: center;
    align-items: center;
    background: rgba(0,0,0,0.0);
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    height: auto;
    justify-content: space-between;
    margin: 0px 24px 0px;
    width: 1180px;
    z-index: 1;
    max-width: calc(100% - 48px);
}

@media screen and (max-width: 840px) {
	.feature__section_three .feature__area {
    	align-content: center;
    	align-items: center;
    	flex-direction: column;
    	flex-wrap: nowrap;
    	justify-content: center;
	}
}

@media screen and (max-width: 540px) {
	.feature__section_three .feature__area {
    	align-content: center;
    	align-items: center;
    	flex-direction: column;
    	flex-wrap: nowrap;
    	margin: 48px 0px 0px 0px;
    	max-width: 100%;
	}
}

/* --- 左 --- */

.feature__section_three .feature__area .feature__area_l {
	align-content: flex-start;
    align-items: flex-start;
    background: rgba(0,0,0,0.0);
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    height: auto;
    justify-content: center;
    transition-duration: 1000ms;
    width: 50%;
    max-width: 50%;
	z-index: 1;
}

@media screen and (max-width: 840px) {
	.feature__section_three .feature__area .feature__area_l {
    	align-content: center;
    	align-items: center;
    	flex: none;
    	width: 100%;
    	max-width: 100%;
	}
}

@media screen and (max-width: 540px) {
	.feature__section_three .feature__area .feature__area_l {
    	align-content: center;
    	align-items: center;
	}
}

.feature__section_three .feature__area .feature__area_l .sub_ttl {
	align-content: center;
    align-items: center;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding: 0px;
    width: 100%;
    z-index: 1;
    max-width: 100%;
    color: #ef3646;
    flex: none;
    font-family: GenJyuuGothic-Bold;
    font-size: 13px;
    font-weight: 400;
    height: auto;
    letter-spacing: 0.05em;
    line-height: 1.5;
    margin: 0px 0px 0px 0px;
    text-align: left;
    width: auto;
    max-width: 100%;
    justify-content: flex-start;
}

.feature__section_three .feature__area .feature__area_l .ttl {
	color: #ef3646;
    flex: none;
    font-size: 40px;
    font-weight: 700;
    height: auto;
    letter-spacing: normal;
    line-height: 1.4;
    margin: 12px 0px 0px 0px;
    text-align: left;
    width: 100%;
    z-index: 1;
    max-width: 100%;
    justify-content: flex-start;
}

@media screen and (max-width: 1140px) {
	.feature__section_three .feature__area .feature__area_l .ttl {
    	font-size: 48px;
	}
}

@media screen and (max-width: 840px) {
	.feature__section_three .feature__area .feature__area_l .ttl {
    	font-size: 38px;
    	width: 100%;
		justify-content: center;
		text-align: center;
	}
}

@media screen and (max-width: 540px) {
	.feature__section_three .feature__area .feature__area_l .ttl {
    	font-size: 28px;
	}
}

.feature__section_three .feature__area .feature__area_l .des {
	color: #13202f;
    flex: none;
    font-family: GenJyuuGothic-Bold;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    height: auto;
    line-height: 1.6;
    margin: 40px 0px 40px 0px;
    text-align: left;
    width: 100%;
    z-index: 1;
    max-width: 100%;
    justify-content: flex-start;
}

@media screen and (max-width: 840px) {
	.feature__section_three .feature__area .feature__area_l .des {
    	flex: none;
    	width: 80%;
    	max-width: 80%;
	}
}

@media screen and (max-width: 540px) {
	.feature__section_three .feature__area .feature__area_l .des {
    	font-size: 14px;
    	text-align: justify;
    	width: 100%;
    	max-width: 100%;
    	justify-content: space-between;
		text-align: center;
	}
}

.feature__section_three .feature__area .feature__area_l .feature__btn_area {
	cursor: pointer;
	align-content: center;
    align-items: center;
    background: #13202f;
    border-radius: 40px;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 55px;
    justify-content: space-between;
    padding: 0px 40px 0px 40px;
    transition-duration: 200ms;
    transition-timing-function: ease-in-out;
    width: auto;
    max-width: 100%;
}

.feature__section_three .feature__area .feature__area_l .feature__btn_area:hover {
    transform: translate(3px, 3px);
}

.feature__section_three .feature__area .feature__area_l .feature__btn_area .feature__btn_text {
	color: #ffffff;
    font-family: 'Wix Madefor Text', sans-serif;
    font-size: 18px;
    font-weight: 800;
    height: auto;
    line-height: 1;
    margin: 0 0 0 17px;
    text-align: center;
    width: auto;
    max-width: calc(100% - 24px);
    justify-content: center;
}

@media screen and (max-width: 540px) {
	.feature__section_three .feature__area .feature__area_l .feature__btn_area .feature__btn_text {
    	font-size: 16px;
	}
}

.feature__section_three .feature__area .feature__area_l .feature__btn_area .feature__add_icon {
	color: #ffffff;
    font-size: 20px;
}

.feature__section_three .feature__area .feature__area_l .feature__btn_area .feature__add_cw_icon {
	background: #f03748;
    border-radius: 9999px 9999px 9999px 0;
    pointer-events: none;
    transition: inherit;
    width: 20px;
	height: 20px;
}

.feature__section_three .feature__area .feature__area_l .num {
    align-content: flex-start;
    align-items: flex-start;
    bottom: auto;
    flex: none;
    flex-wrap: nowrap;
    height: auto;
    justify-content: center;
    margin: 0 0 0 0;
    padding: 0px;
    position: absolute;
    left: 0;
    top: -130px;
    width: 100%;
    z-index: 0;
    max-width: 100%;
}

@media screen and (max-width: 840px) {
	.feature__section_three .feature__area .feature__area_l .num {
    	align-content: center;
    	align-items: center;
    	left: auto;
    	top: -96px;
	}
}

.feature__section_three .feature__area .feature__area_l .num .num_text {
	color: #fffcfb;
    font-family: 'GenJyuuGothic-Heavy';
    font-size: 288px;
    font-weight: 700;
    height: auto;
    line-height: 1;
    margin: 0 0 0 0;
    position: relative;
    text-align: center;
    width: auto;
    z-index: 0;
    max-width: 100%;
    justify-content: center;
}

@media screen and (max-width: 1140px) {
	.feature__section_three .feature__area .feature__area_l .num .num_text {
    	font-size: 200px;
	}
}

@media screen and (max-width: 540px) {
	.feature__section_three .feature__area .feature__area_l .num .num_text {
    	font-size: 188px;
	}
}

/* --- 右 --- */

.feature__section_three .feature__area .feature__area_r {
	align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0px;
}

@media screen and (max-width: 840px) {
	.feature__section_three .feature__area .feature__area_r {
    	margin: 96px 0px 0px 0px;
    	max-width: 100%;
	}
}

@media screen and (max-width: 540px) {
	.feature__section_three .feature__area .feature__area_r {
    	align-content: center;
    	align-items: center;
    	flex: none;
    	margin: 96px 0px 0px 0px;
    	width: 100%;
    	max-width: 100%;
	}
}

.feature__section_three .feature__area .feature__area_r .feature__img {
	position: relative;
	align-content: flex-end;
    align-items: flex-end;
    border-radius: 50%;
    box-shadow: 0px 0px 0px 30px #ffe1da;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 520px;
    justify-content: flex-start;
    transition-delay: 200ms;
    transition-duration: 600ms;
    width: 520px;
    z-index: 0;
    max-width: 100%;
}

.feature__section_three .feature__area .feature__area_r .feature__img:before {
	background-image: url(/wp-content/uploads/2023/07/pc_girl_02.png);
	/*background: #333;*/
	background-position: 50%;
    background-size: cover;
    border-radius: inherit;
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: inherit;
    width: 100%;
    z-index: -2;
}

@media screen and (max-width: 1140px) {
	.feature__section_three .feature__area .feature__area_r .feature__img {
    	flex: none;
    	height: 380px;
    	width: 380px;
    	max-width: 100%;
	}
}

@media screen and (max-width: 840px) {
	.feature__section_three .feature__area .feature__area_r .feature__img {
    	flex: none;
    	height: 460px;
    	width: 460px;
    	max-width: 100%;
	}
}

@media screen and (max-width: 540px) {
	.feature__section_three .feature__area .feature__area_r .feature__img {
    	flex: none;
    	height: 280px;
    	justify-content: flex-end;
    	width: 280px;
    	max-width: 100%;
	}
}

.feature__section_three .feature__area .feature__area_r .feature__toast {
	align-content: center;
    align-items: center;
    background: #ffffff;
    border-radius: 32px 32px 32px 0px;
    bottom: auto;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    left: auto;
    margin: 0 0 0 0;
    padding: 15px 20px;
    position: absolute;
    right: 0px;
    top: 0px;
    transition-delay: 200ms;
    transition-duration: 600ms;
    max-width: 100%;
}

@media screen and (max-width: 540px) {
	.feature__section_three .feature__area .feature__area_r .feature__toast {
    	right: -12px;
    	top: -12px;
	}
}

.feature__section_three .feature__area .feature__area_r .feature__toast .feature__toast_text {
	color: #ef3646;
    flex: none;
    font-family: GenJyuuGothic-Bold;
    font-size: 14px;
    font-weight: 700;
    height: auto;
    letter-spacing: normal;
    line-height: 1.4;
    margin: 0px 0px 0px 0px;
    text-align: left;
    width: auto;
    max-width: 100%;
    justify-content: flex-start;
}

@media screen and (max-width: 540px) {
	.feature__section_three .feature__area .feature__area_r .feature__toast .feature__toast_text {
    	font-size: 12px;
    	text-align: center;
    	justify-content: center;
	}
}

/* --------------------------------------------
 * 
 * プラン解説スタイル
 * 
 * ------------------------------------------*/

.plan__section {
	align-content: center;
    align-items: center;
    background: rgba(0,0,0,0.0);
    flex: none;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 96px 48px 96px;
    width: 100%;
    max-width: 100%;
	overflow: hidden;
}

@media screen and (max-width: 840px) {
	.plan__section {
   		padding: 48px 48px 48px;
	}
}

@media screen and (max-width: 540px) {
	.plan__section {
    	padding: 48px 24px 48px;
	}
}

.plan__section .plan__area {
	align-content: center;
    align-items: center;
    background: rgba(0,0,0,0.0);
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    height: auto;
    justify-content: center;
    margin: 0px 0px 0px 0px;
    width: 1180px;
    z-index: 1;
    max-width: 100%;
}

@media screen and (max-width: 840px) {
	.plan__section .plan__area {
   		align-content: flex-start;
    	align-items: flex-start;
    	flex-direction: column;
    	flex-wrap: nowrap;
    	justify-content: center;
	}
}

@media screen and (max-width: 540px) {
	.plan__section .plan__area {
   		margin: 24px 12px 24px 12px;
    	padding: 0px 0px 0px 0px;
    	max-width: calc(100% - 24px);
	}
}

.plan__section .plan__area .sub_ttl {
	color: #ef3646;
    flex: none;
    font-family: GenJyuuGothic-Bold;
    font-size: 13px;
    font-weight: 400;
    height: auto;
    letter-spacing: 0.05em;
    line-height: 1.5;
    margin: 0px 0px 0px 0px;
    text-align: center;
    width: 100%;
    max-width: 100%;
    justify-content: center;
}

@media screen and (max-width: 540px) {
	.plan__section .plan__area .sub_ttl {
    	font-size: 12px;
    	text-align: center;
    	justify-content: center;
	}
}

.plan__section .plan__area .ttl {
	color: #ef3646;
    flex: none;
    font-size: 40px;
    font-weight: 700;
    height: auto;
    letter-spacing: normal;
    line-height: 1.4;
    margin: 12px 0px 0px 0px;
    text-align: center;
    transition-duration: 600ms;
    width: 100%;
    z-index: 1;
    max-width: 100%;
    justify-content: center;
}

@media screen and (max-width: 1140px) {
	.plan__section .plan__area .ttl {
   		font-size: 48px;
	}
}

@media screen and (max-width: 840px) {
	.plan__section .plan__area .ttl {
   		font-size: 38px;
    	width: 100%;
	}
}

@media screen and (max-width: 540px) {
	.plan__section .plan__area .ttl {
   		font-size: 28px;
	}
}

.plan__section .plan__area .plan__table {
	align-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 48px 0px 0px 0px;
    padding: 0px;
    width: 100%;
    max-width: 100%;
}

@media screen and (max-width: 840px) {
	.plan__section .plan__area .plan__table {
   		flex-direction: column;
    	flex-wrap: nowrap;
	}
}

@media screen and (max-width: 540px) {
	.plan__section .plan__area .plan__table {
   		align-content: center;
    	align-items: center;
    	margin: 24px 0px 0px 0px;
    	width: 100%;
    	max-width: 100%;
	}
}

/* --- プラン表 --- */

.plan__section .plan__area .plan__table .plan__table_area {
	align-content: flex-start;
    align-items: flex-start;
    background: #ffffff;
    border-bottom: 0px solid #f25341;
    border-left: 0px solid #f25341;
    border-radius: 32px;
    border-right: 0px solid #f25341;
    border-top: 0px solid #f25341;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    height: auto;
    justify-content: flex-start;
    margin: 0px 12px 0px;
    padding: 0px;
    transition-delay: 300ms;
    transition-duration: 600ms;
    width: calc(50% - 24px);
    max-width: calc(50% - 24px);
}

@media screen and (max-width: 1140px) {
	.plan__section .plan__area .plan__table .plan__table_area {
   		flex: none;
	}
}

@media screen and (max-width: 840px) {
	.plan__section .plan__area .plan__table .plan__table_area {
   		flex: none;
    	flex-direction: column;
    	flex-wrap: nowrap;
    	margin: 0px 0px 0px;
    	overflow-x: hidden;
    	overflow-y: auto;
    	width: 100%;
    	max-width: 100%;
	}
	
	.plan__section .plan__area .plan__table .plan__table_area:not(:first-child) {
		margin: 24px 0px 0px 0px;
	}
}

@media screen and (max-width: 540px) {
	.plan__section .plan__area .plan__table .plan__table_area {
   		flex-direction: column;
    	flex-wrap: nowrap;
    	margin: 0px 0px 0px 0px;
    	width: 100%;
    	max-width: 100%;
	}
	
	.plan__section .plan__area .plan__table .plan__table_area:not(:first-child) {
		margin: 24px 0px 0px 0px;
	}
}

.plan__section .plan__table_area .plan__list {
	align-content: flex-start;
    align-items: flex-start;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    height: auto;
    justify-content: center;
    margin: 0px 0px 0px 0px;
    padding: 48px 48px 48px;
    width: 100%;
    max-width: 100%;
}

@media screen and (max-width: 1140px) {
	.plan__section .plan__table_area .plan__list {
   		padding: 30px 24px 30px 24px;
	}
}

@media screen and (max-width: 840px) {
	.plan__section .plan__table_area .plan__list {
   		align-content: flex-start;
    	align-items: flex-start;
	}
}

@media screen and (max-width: 540px) {
	.plan__section .plan__table_area .plan__list {
   		align-content: flex-start;
    	align-items: flex-start;
    	padding: 24px 24px 24px 24px;
	}
}

.plan__section .plan__list .plan__name {
	border: 2px solid #ef3646;
    border-radius: 24px;
    color: #ef3646;
    flex: none;
    font-family: GenJyuuGothic-Bold;
    font-size: 18px;
    font-weight: 700;
    height: auto;
    letter-spacing: normal;
    line-height: 1;
    margin: 0px 0px 0px 0px;
    padding: 6px 12px 6px;
    text-align: left;
    width: auto;
    max-width: 100%;
}

@media screen and (max-width: 540px) {
	.plan__section .plan__list .plan__name {
   		font-size: 16px;
    	text-align: left;
    	justify-content: flex-start;
	}
}

.plan__section .plan__list .plan__price {
	align-content: flex-end;
    align-items: flex-end;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 15px 0px 0px 0px;
    padding: 0px;
    max-width: 100%;
}

.plan__section .plan__list .plan__price .plan__price_num {
	color: #ef3646;
    font-size: 64px;
    font-weight: 600;
    height: auto;
    letter-spacing: normal;
    line-height: 0.9;
    margin: 0px 0px 0px 0px;
    text-align: left;
    width: auto;
    max-width: 100%;
    justify-content: flex-start;
}

@media screen and (max-width: 1140px) {
	.plan__section .plan__list .plan__price .plan__price_num {
   		font-size: 54px;
	}
}

@media screen and (max-width: 840px) {
	.plan__section .plan__list .plan__price .plan__price_num {
   		flex: none;
	}
}

@media screen and (max-width: 540px) {
	.plan__section .plan__list .plan__price .plan__price_num {
   		font-size: 48px;
	}
}

.plan__section .plan__list .plan__price .plan__price_month {
	color: #ef3646;
    font-size: 16px;
    font-weight: 600;
    height: auto;
    letter-spacing: normal;
    line-height: 1.4;
    margin: 0px 0px 0px 0px;
    text-align: left;
    width: auto;
    max-width: 100%;
    justify-content: flex-start;
}

@media screen and (max-width: 840px) {
	.plan__section .plan__list .plan__price .plan__price_month {
   		flex: none;
	}
}

.plan__section .plan__list .plan__contents_list {
	align-content: flex-start;
    align-items: flex-start;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 24px 0px 0px 0px;
    padding: 0px;
    width: 100%;
    max-width: 100%;
}

.plan__section .plan__list .plan__contents_list .plan__contents {
	align-content: center;
    align-items: center;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding: 0px;
    width: 100%;
    max-width: 100%;
}

.plan__section .plan__list .plan__contents_list .plan__contents:not(:first-child) {
	margin: 12px 0px 0px 0px;
}

.plan__section .plan__list .plan__contents_list .plan__contents .plan__contents_icon {
	color: #c8c8c8;
	font-size: 24px;
    margin: 0px 12px 0px 0px;
    max-width: calc(100% - 12px);
}

.plan__section .plan__list .plan__contents_list .plan__contents .plan__contents_icon.check {
	color: #ef3646;
}

.plan__section .plan__list .plan__contents_list .plan__contents .plan__contents_text {
	color: #c8c8c8;
	flex: 1;
    font-family: GenJyuuGothic-Bold;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    line-height: 1.4;
    margin: 0px 0px 0px 0px;
    text-align: left;
    width: auto;
    max-width: 100%;
    justify-content: flex-start;
}

@media screen and (max-width: 840px) {
	.plan__section .plan__list .plan__contents_list .plan__contents .plan__contents_text {
   		flex: none;
	}
}

@media screen and (max-width: 540px) {
	.plan__section .plan__list .plan__contents_list .plan__contents .plan__contents_text {
   		width: 100%;
    	max-width: 100%;
	}
}

.plan__section .plan__list .plan__contents_list .plan__contents .plan__contents_text.check {
	color: #ef3646;
}

/* --- プラン表背景 --- */

.plan__section .plan__area .plan__table .plan__table_bg {
	align-content: center;
    align-items: center;
    bottom: 0px;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: center;
    left: 0px;
    margin: 0 0 0 0;
    padding: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    z-index: -1;
    max-width: 100%;
}

.plan__section .plan__area .plan__table .plan__table_bg .plan__table_bg_img {
	flex: none;
    height: auto;
    opacity: 0.5;
    transition-duration: 1000ms;
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    width: 45%;
    max-width: 45%;
}

@media screen and (max-width: 840px) {
	.plan__section .plan__area .plan__table .plan__table_bg .plan__table_bg_img {
   		flex: none;
    	width: 110%;
    	max-width: 110%;
	}
}

@media screen and (max-width: 540px) {
	.plan__section .plan__area .plan__table .plan__table_bg .plan__table_bg_img {
   		flex: none;
    	width: 200%;
    	max-width: 200%;
	}
}

/* --------------------------------------------
 * 
 * Q&Aスタイル
 * 
 * ------------------------------------------*/

.qa__section {
	align-content: center;
    align-items: center;
    background: rgba(0,0,0,0.0);
    flex: none;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 96px 48px 48px;
    width: 100%;
    max-width: 100%;
}

@media screen and (max-width: 540px) {
	.qa__section {
   		padding: 24px 24px 48px;
	}
}

.qa__section .qa__area {
    align-content: stretch;
    align-items: stretch;
    background: rgba(0,0,0,0.0);
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    height: auto;
    justify-content: space-between;
    margin: 0px 20px 0px 20px;
    width: 1180px;
    max-width: calc(100% - 40px);
}

@media screen and (max-width: 840px) {
	.qa__section .qa__area {
   		align-content: flex-start;
    	align-items: flex-start;
    	flex-direction: column;
    	flex-wrap: nowrap;
    	justify-content: center;
	}
}

@media screen and (max-width: 540px) {
	.qa__section .qa__area {
   		align-content: center;
    	align-items: center;
    	flex-direction: column;
    	flex-wrap: nowrap;
    	margin: 0px 0px 0px 0px;
    	max-width: 100%;
	}
}

.qa__section .qa__area .qa__area_text {
	align-content: flex-start;
    align-items: flex-start;
    background: rgba(0,0,0,0.0);
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    height: auto;
    justify-content: flex-start;
    width: 45%;
    max-width: 45%;
}

@media screen and (max-width: 1140px) {
	.qa__section .qa__area .qa__area_text {
   		align-content: center;
    	align-items: center;
	}
}

@media screen and (max-width: 840px) {
	.qa__section .qa__area .qa__area_text {
    	align-content: center;
    	align-items: center;
    	flex: none;
    	width: 100%;
    	max-width: 100%;
	}
}

@media screen and (max-width: 540px) {
	.qa__section .qa__area .qa__area_text {
   		align-content: flex-start;
    	align-items: flex-start;
    	margin: 0px 0px 0px 0px;
    	width: 100%;
    	max-width: 100%;
	}
}

.qa__section .qa__area .qa__area_text .qa__area_sub_ttl {
	align-content: center;
    align-items: center;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    height: auto;
    justify-content: flex-start;
    padding: 0px;
    transition-duration: 600ms;
    width: 100%;
    max-width: 100%;
}

.qa__section .qa__area .qa__area_text .qa__area_sub_ttl .sub_ttl {
	color: #ef3646;
    flex: none;
    font-family: GenJyuuGothic-Bold;
    font-size: 13px;
    font-weight: 400;
    height: auto;
    letter-spacing: 0.05em;
    line-height: 1.5;
    margin: 0px 0px 0px 0px;
    text-align: left;
    width: auto;
    max-width: 100%;
    justify-content: flex-start;
}

@media screen and (max-width: 540px) {
	.qa__section .qa__area .qa__area_text .qa__area_sub_ttl .sub_ttl {
   		font-size: 12px;
    	text-align: center;
    	justify-content: center;
	}
}

.qa__section .qa__area .qa__area_text .ttl {
	color: #ef3646;
    flex: none;
    font-size: 40px;
    font-weight: 700;
    height: auto;
    letter-spacing: normal;
    line-height: 1.4;
    margin: 12px 0px 0px 0px;
    text-align: left;
    transition-duration: 600ms;
    width: 100%;
    z-index: 1;
    max-width: 100%;
    justify-content: flex-start;
}

@media screen and (max-width: 1140px) {
	.qa__section .qa__area .qa__area_text .ttl {
   		font-size: 48px;
	}
}

@media screen and (max-width: 840px) {
	.qa__section .qa__area .qa__area_text .ttl {
   		font-size: 38px;
    	width: 100%;
	}
}

@media screen and (max-width: 540px) {
	.qa__section .qa__area .qa__area_text .ttl {
   		font-size: 28px;
	}
}

.qa__section .qa__area .qa__table {
    align-content: flex-start;
    align-items: flex-start;
    flex: 1;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0px 0px 0px 0px;
    width: auto;
    max-width: 100%;
}

@media screen and (max-width: 840px) {
	.qa__section .qa__area .qa__table {
   		width: 100%;
    	max-width: 100%;
	}
}

.qa__section .qa__area .qa__table .qa__list {
	cursor: pointer;
	align-content: center;
    align-items: center;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 24px 0px 0px 0px;
    padding: 24px;
    transition-delay: 0ms;
    transition-duration: 600ms;
    width: 49%;
    max-width: 49%;
}

.qa__section .qa__area .qa__table .qa__list:hover {
    transform: translate(5px, 5px);
}

@media screen and (max-width: 840px) {
	.qa__section .qa__area .qa__table .qa__list {
   		flex: none;
    	width: 100%;
    	max-width: 100%;
	}
}

.qa__section .qa__area .qa__table .qa__list .qa__list_text {
	color: #ef3646;
    flex: 1;
    font-family: GenJyuuGothic-Bold;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    line-height: 1.4;
    margin: 0px 12px 0px 0px;
    text-align: left;
    width: auto;
    max-width: calc(100% - 12px);
    justify-content: flex-start;
}

@media screen and (max-width: 840px) {
	.qa__section .qa__area .qa__table .qa__list .qa__list_text {
    	flex: 1;
    	font-size: 16px;
    	width: auto;
	}
}

@media screen and (max-width: 540px) {
	.qa__section .qa__area .qa__table .qa__list .qa__list_text {
   		font-size: 14px;
	}
}

.qa__section .qa__area .qa__table .qa__list .qa__list_icon {
    color: #ef3646;
    font-size: 24px;
    margin: 0px 0px 0px 12px;
    max-width: calc(100% - 12px);
}

@media screen and (max-width: 840px) {
	.qa__section .qa__area .qa__table .qa__list .qa__list_icon {
   		font-size: 18px;
	}
}

/* --------------------------------------------
 * 
 * Tryスタイル
 * 
 * ------------------------------------------*/

.try__section {
	align-content: center;
    align-items: center;
    background: rgba(0,0,0,0.0);
    flex: none;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 96px 0px -48px 0px;
    padding: 0px;
    width: 100%;
    z-index: 1;
    max-width: 100%;
}

@media screen and (max-width: 540px) {
	.try__section {
   		margin: 24px 0px -48px 0px;
		width: 100%;
    	max-width: 100%;
	}
}

.try__section .try__area {
	align-content: center;
    align-items: center;
    background: #ffffff;
    border-radius: 32px;
    box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.05);
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0px 24px 0px;
    padding: 48px;
    transition-duration: 600ms;
    width: 1180px;
    max-width: calc(100% - 48px);
}

@media screen and (max-width: 840px) {
	.try__section .try__area {
   		padding: 48px 24px 48px;
	}
}

@media screen and (max-width: 540px) {
	.try__section .try__area {
   		margin: 0px 24px 0px;
    	padding: 24px 24px 24px;
	}
}

.try__section .try__area .try__area_text {
	align-content: center;
    align-items: center;
    background: rgba(0,0,0,0.0);
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    height: auto;
    justify-content: center;
    width: 50%;
    max-width: 50%;
}

@media screen and (max-width: 1140px) {
	.try__section .try__area .try__area_text {
   		align-content: center;
    	align-items: center;
	}
}

@media screen and (max-width: 840px) {
	.try__section .try__area .try__area_text {
   		align-content: center;
    	align-items: center;
    	flex: none;
    	width: 100%;
    	max-width: 100%;
	}
}

.try__section .try__area .try__area_text .ttl {
	color: #ef3646;
    flex: none;
    font-size: 48px;
    font-weight: 700;
    height: auto;
    letter-spacing: normal;
    line-height: 1.4;
    text-align: left;
    width: auto;
    z-index: 1;
    max-width: 100%;
    justify-content: flex-start;
}

@media screen and (max-width: 1140px) {
	.try__section .try__area .try__area_text .ttl {
   		flex: none;
    	font-size: 36px;
    	text-align: center;
    	justify-content: center;
	}
}

@media screen and (max-width: 540px) {
	.try__section .try__area .try__area_text .ttl {
   		font-size: 24px;
    	text-align: center;
    	justify-content: center;
	}
}

@media screen and (max-width: 320px) {
	.try__section .try__area .try__area_text .ttl {
   		font-size: 20px;
	}
}

.try__section .try__area .try__area_text .ttl_bar {
	background: #ef3646;
    border-radius: 8px;
    flex: none;
    height: 4px;
    margin: 24px 0px 0px 0px;
    width: 50px;
    max-width: 100%;
}

.try__section .try__area .try__area_text .sub_ttl {
	color: #ef3646;
    flex: none;
    font-family: GenJyuuGothic-Bold;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    line-height: 1.6;
    margin: 24px 0px 0px 0px;
    text-align: left;
    width: auto;
    max-width: 100%;
    justify-content: flex-start;
}

@media screen and (max-width: 840px) {
	.try__section .try__area .try__area_text .sub_ttl {
   		flex: none;
	}
}

@media screen and (max-width: 540px) {
	.try__section .try__area .try__area_text .sub_ttl {
   		flex: none;
    	font-size: 14px;
    	text-align: center;
    	justify-content: center;
	}
}

.try__section .try__area .try__area_btn {
	cursor: pointer;
	align-content: center;
    align-items: center;
    background: #13202f;
    border-radius: 40px;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 55px;
    justify-content: space-between;
    margin: 48px 0px 0px 0px;
    padding: 0px 40px 0px 40px;
    transition-duration: 200ms;
    transition-timing-function: ease-in-out;
    width: auto;
    max-width: 100%;
}

.try__section .try__area .try__area_btn:hover {
    transform: translate(3px, 3px);
}

@media screen and (max-width: 540px) {
	.try__section .try__area .try__area_btn {
   		margin: 24px 0px 0px 0px;
    	max-width: 100%;
	}
}

.try__section .try__area .try__area_btn .try__btn_text {
	color: #ffffff;
    font-family: 'Wix Madefor Text', sans-serif;
    font-size: 18px;
    font-weight: 800;
    height: auto;
    line-height: 1;
    margin: 0 0 0 17px;
    text-align: center;
    width: auto;
    max-width: calc(100% - 24px);
    justify-content: center;
}

@media screen and (max-width: 540px) {
	.try__section .try__area .try__area_btn .try__btn_text {
   		font-size: 16px;
	}
}

.try__section .try__area .try__area_btn .try__add_icon {
	color: #ffffff;
    font-size: 20px;
}

.try__section .try__area .try__area_btn .try__add_cw_icon {
	background: #f03748;
    border-radius: 9999px 9999px 9999px 0;
    pointer-events: none;
    transition: inherit;
    width: 20px;
	height: 20px;
}

/* --------------------------------------------
 * 
 * Footerスタイル
 * 
 * ------------------------------------------*/

#footer {
	position: relative;
	align-content: center;
    align-items: center;
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    height: auto;
    justify-content: center;
    padding: 144px 0px 96px 0px;
    width: 100%;
    max-width: 100%;
}

#footer:before {
	/*background-image: url(/wp-content/uploads/2023/06/footer_img_pic1.gif);*/
	background: #333;
	background-position: 50%;
    background-size: auto;
    border-radius: inherit;
	filter: brightness(0.8);
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: inherit;
    width: 100%;
    z-index: -2;
}

@media screen and (max-width: 1140px) {
	#footer {
   		flex: none;
	}
}

@media screen and (max-width: 540px) {
	#footer {
   		height: auto;
	}
}

#footer .f__logo_area {
	align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    max-width: 100%;
}

#footer .f__logo_area .f__logo {
	align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    overflow: visible;
    overflow-wrap: anywhere;
    word-break: break-word;
    margin: 0px 15px 0px 0px;
    max-width: calc(100% - 4px);
    background: url(/wp-content/uploads/2023/05/header_lovit_logo_transe-1.png);
    width: 200px;
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

@media screen and (max-width: 1140px) {
	#footer .f__logo_area .f__logo {
   		width: 150px;
    	height: 150px;
	}
}

@media screen and (max-width: 840px) {
	#footer .f__logo_area .f__logo {
   		width: 100px;
    	height: 100px;
	}
}

@media screen and (max-width: 540px) {
	#footer .f__logo_area .f__logo {
		width: 50px;
    	height: 50px;
    	margin: 0px 6px 0px 0px;
    	max-width: calc(100% - 6px);
	}
}

#footer .f__logo_area .f__logo_text {
	color: #ffffff;
	font-family: 'Aoboshi One', serif;
    font-size: 140px;
    font-weight: 400;
    height: auto;
    letter-spacing: 10px;
    line-height: 1;
    margin: 0px 0px 0px 0px;
    text-align: left;
    width: auto;
    max-width: 100%;
    justify-content: flex-start;
}

@media screen and (max-width: 1140px) {
	#footer .f__logo_area .f__logo_text {
   		font-size: 120px;
	}
}

@media screen and (max-width: 840px) {
	#footer .f__logo_area .f__logo_text {
   		flex: none;
    	font-size: 90px;
    	width: 100%;
    	max-width: 100%;
	}
}

@media screen and (max-width: 540px) {
	#footer .f__logo_area .f__logo_text {
		font-size: 50px;
	}
}

#footer .f__text_area {
	align-content: stretch;
    align-items: stretch;
    background: rgba(0,0,0,0.0);
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    height: auto;
    justify-content: space-between;
    margin: 24px 20px 0px 20px;
	width: 1180px;
    max-width: calc(100% - 40px);
}

@media screen and (max-width: 840px) {
	#footer .f__text_area {
   		align-content: flex-start;
    	align-items: flex-start;
    	flex-direction: column;
    	flex-wrap: nowrap;
    	justify-content: center;
	}
}

@media screen and (max-width: 540px) {
	#footer .f__text_area {
		align-content: center;
    	align-items: center;
    	margin: 0px 24px 0px;
    	max-width: calc(100% - 48px);
	}
}

#footer .f__text_area .f__text {
    align-content: flex-end;
    align-items: flex-end;
    background: rgba(0,0,0,0.0);
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    height: auto;
    justify-content: space-between;
    padding: 40px 0;
    width: 100%;
    max-width: 100%;
}

@media screen and (max-width: 840px) {
	#footer .f__text_area .f__text {
		flex-direction: column;
		align-content: center;
    	align-items: center;
	}
}

#footer .f__text_area .f__text .f__link {
	align-content: flex-start;
    align-items: flex-start;
    background: rgba(0,0,0,0.0);
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: center;
    width: auto;
    max-width: 100%;
}

#footer .f__text_area .f__text .f__link .f__link_privacy {
	cursor: pointer;
    background: rgba(0,0,0,0.0);
    color: #ffffff;
    flex: none;
    font-family: GenJyuuGothic-Bold;
    font-size: 12px;
    font-weight: 700;
    height: auto;
    line-height: 1.4;
    margin: 0px 0px 0px 0px;
    text-align: left;
    width: auto;
    max-width: 100%;
    justify-content: flex-start;
}

#footer .f__text_area .f__text .f__link .f__link_tos {
	cursor: pointer;
	background: rgba(0,0,0,0.0);
    color: #ffffff;
    flex: none;
    font-family: GenJyuuGothic-Bold;
    font-size: 12px;
    font-weight: 700;
    height: auto;
    line-height: 1.4;
    margin: 0px 0px 0px 12px;
    text-align: left;
    width: auto;
    max-width: calc(100% - 12px);
    justify-content: flex-start;
}

#footer .f__text_area .f__text .f__copyright {
	color: #ffffff;
    flex: none;
    font-family: GenJyuuGothic-Bold;
    font-size: 12px;
    font-weight: 600;
    height: auto;
    line-height: 1.4;
    margin: 0px 0px 0px 0px;
    text-align: left;
    width: auto;
    max-width: 100%;
    justify-content: flex-start;
}

@media screen and (max-width: 840px) {
	#footer .f__text_area .f__text .f__copyright {
   		margin: 12px 0px 0px 0px;
    	max-width: 100%;
	}
}


/* --------------------------------------------
 * 
 * モーダルスタイル
 * 
 * ------------------------------------------*/

.modals {
	z-index: 1000;
	display: none;
}

/* --- modalアニメーション --- */

.is-active {
	display: flex;
	animation: modalAnimIn 0.5s forwards;
}

@keyframes modalAnimIn {
  from {
  	opacity: 0;
  }
  to {
  	opacity: 1;
  }
}

/* --- ここまで --- */

.design-canvas__modal {
    height: 100%;
    pointer-events: none;
    position: fixed;
    transition: none;
    width: 100%;
    z-index: 2;
}

.design-canvas__modal .__canvas_modal {
    height: 100%;
    pointer-events: none;
}

.design-canvas__modal .__canvas_modal>* {
    background: none!important;
    pointer-events: none;
}

.design-canvas__modal .__canvas_modal .__modal_area {
	background: rgba(0,0,0,0.16);
    height: 100%;
    justify-content: center;
    width: 100%;
    max-width: 100%;
}

.design-canvas__modal .__canvas_modal .__modal_area .__modal_contents {
	align-content: center;
    align-items: center;
    background: #FFFFFF;
    border-radius: 24px;
    box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.2);
    flex: none;
    flex-direction: column;
    flex-wrap: nowrap;
    height: calc(60% - 40px);
    justify-content: flex-start;
    margin: 20px;
    overflow-x: visible;
    overflow-y: visible;
    padding: 48px;
    width: 740px;
    max-width: calc(100% - 40px);
}

@media screen and (max-width: 840px) {
	.design-canvas__modal .__canvas_modal .__modal_area .__modal_contents {
   		height: calc(50% - 40px);
		padding: 38px;
	}
}

@media screen and (max-width: 540px) {
	.design-canvas__modal .__canvas_modal .__modal_area .__modal_contents {
   		height: calc(45% - 40px);
		padding: 33px;
	}
}

.design-canvas__modal .__modal_contents .__modal_close {
	cursor: pointer;
	background: none;
	align-content: center;
    align-items: center;
    bottom: 24px;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    left: 0px;
    margin: 0 0 0 0;
    padding: 0px;
    position: absolute;
    right: 0px;
    top: auto;
    width: 100%;
    max-width: 100%;
}

.design-canvas__modal .__modal_contents .__modal_close .__modal_close_icon {
	color: #13202f;
    font-size: 24px;
}

.design-canvas__modal .__modal_contents .__modal_close .__modal_close_text {
	color: #13202f;
    flex: none;
	font-family: GenJyuuGothic-Bold;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    height: auto;
    line-height: 1;
    margin: 0px 0px 0px 6px;
    text-align: center;
    width: auto;
    z-index: 1;
    max-width: calc(100% - 6px);
    justify-content: center;
}

.design-canvas__modal .__modal_contents .__modal_text {
	align-content: center;
    align-items: center;
    flex: 1;
    flex-direction: column;
    flex-wrap: nowrap;
    height: auto;
    justify-content: flex-start;
    margin: 0px 0px 12px 0px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0px;
    width: 100%;
    max-width: 100%;
}

.design-canvas__modal .__modal_contents .__modal_text .ttl {
	color: #ef3646;
    flex: none;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    height: auto;
    line-height: 1.4;
    margin: 0px 0px 0px 0px;
    text-align: left;
    width: auto;
    max-width: 100%;
	text-align: center;
    justify-content: flex-start;
}

@media screen and (max-width: 840px) {
	.design-canvas__modal .__modal_contents .__modal_text .ttl {
   		font-size: 18px;
	}
}

@media screen and (max-width: 540px) {
	.design-canvas__modal .__modal_contents .__modal_text .ttl {
   		font-size: 16px;
	}
}

.design-canvas__modal .__modal_contents .__modal_text .des {
	color: #13202f;
    flex: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    height: auto;
    line-height: 1.6;
    margin: 24px 0px 24px 0px;
    width: 100%;
    z-index: 1;
    max-width: 100%;
    justify-content: center;
}

@media screen and (max-width: 840px) {
	.design-canvas__modal .__modal_contents .__modal_text .des {
   		font-size: 14px;
	}
}

@media screen and (max-width: 540px) {
	.design-canvas__modal .__modal_contents .__modal_text .des {
   		font-size: 13px;
	}
}

.design-canvas__modal .design-canvas__modal__base {
	height: 100%;
    left: 0;
    pointer-events: auto;
    position: fixed;
    top: 0;
    transition: .4s cubic-bezier(.4,.4,0,1);
    width: 100%;
    z-index: -1;
}