@charset "utf-8";
/*-----------------------------------------------------------------------------
License     : GNU General Public License
License URI : http://www.gnu.org/licenses/gpl-2.0.html
Theme Name  : cocktail design
Theme URI   : 
Author      : cocktail design
Author URI  : 
Description : テンプレート by カクテルデザイン
-----------------------------------------------------------------------------*/
/**********************************************************************************************************************
/* グローバル変数
/*********************************************************************************************************************/
:root {
	--base-width:				1200px;							/* 基本ブロック幅 */
	--base-fontsize:			16px;							/* 基本フォントサイズ 15->16 2026.01.22 */
	--base-color:				#524944;						/* 基本カラー */
	--base-notice:				900px;							/* フッターお知らせボタン幅 */
	--base-2col_width:			calc(var(--base-width) / 2);	/* flex 2カラム固定配置 */
	--base-3col_width:			calc(var(--base-width) / 3);	/* flex 3カラム固定配置 */
	--base-4col_width:			calc(var(--base-width) / 4);	/* flex 4カラム固定配置 */
	--base-between-2col:		45%;							/* flex 2カラム均等配置 */
	--base-between-3col:		30%;							/* flex 3カラム均等配置 */
	--base-between-4col:		22%;							/* flex 4カラム均等配置 */
	--mobile-padding_lr:		20px;							/* モバイル表示左右空き幅 */
	--contents-width:			1000px;							/* 基本コンテンツ幅 */
}
.myfontsize {
	font-size:					calc(var(--base-fontsize) * 3);
}
/**********************************************************************************************************************
/* 基本設定（標準タグ基本設定）
/*********************************************************************************************************************/
*,
*::before,
*::after {
	box-sizing:					border-box;
}
body {
	display:					flex;
	flex-direction:				column;
    margin:                     0;
    padding:                    0;
	min-width:					var(--base-width);
    color:                      var(--base-color);
	background-color:			#ffffff;
	background-image:			url(images/common/bkground.png);
	background-repeat:			repeat;
}
a {
    text-decoration:            none;
}
a:link, a:visited, a:active {
    color:                      var(--base-color);
}
p {
    margin:                     0;
    padding:                    0;
    line-height:                1.8;
}
ul, dl, li {
	margin:						0;;
	padding:					0;
}
ul, dl {
	list-style:					none;
}
img {
	width:						100%;
	vertical-align:				middle;
}
hr {
	margin:						10px 0;
	border-top:					1px solid #A3C1E7;
}
.center {
    text-align:                 center;
}
.left {
    text-align:                 left;
}
.right {
    text-align:                 right;
}
.w_bold {
	font-weight:				700;
}
.uline {
	text-decoration-line:		underline;
}
h1, h2, h3, h4, h5, h6 {
	margin:						0;
	padding:					0;
    font-weight:                bold;
}
h1 {
	padding:					10px 0;
	font-size:					28px;
}
h2 {
	margin-bottom:				5px;
	padding:					10px 0;
	font-size:					24px;
}
h3 {
	margin-bottom:				5px;
	padding:					5px 0;
	font-size:					18px;
}
@media print,screen and (max-width:640px){
	h1 {
		font-size:					20px;
	}
	h2 {
		font-size:					16px;
	}
	h3 {
		font-size:					14px;
	}
}
/*************************************************************************************************
/* 基本共通設定（使用フォント指定）
**************************************************************************************************/
/* メインフォント */
body {
	font-family:				"Noto Sans JP", sans-serif;
}
/* サブフォント */
.noto_serif {
  font-family:					"Noto Serif JP", serif;
  font-optical-sizing:			auto;
  font-weight:					400;
  font-style:					normal;
}
.noto_serif_bold {
  font-family:					"Noto Serif JP", serif;
  font-optical-sizing:			auto;
  font-weight:					bold;
  font-style:					normal;
}
/*************************************************************************************************
/* 基本共通設定（フォントサイズ）
**************************************************************************************************/
body {
    font-size:                  var(--base-fontsize);
	font-weight:				400;
	font-style:					normal;
}
.size_SS {
	font-size:					calc(var(--base-fontsize) - 4px);
}
.size_S {
	font-size:					calc(var(--base-fontsize) - 2px);
}
.size_L {
	font-size:					20px;
}
.size_LL {
	font-size:					24px;
}
@media print,screen and (max-width:640px){
	body {
		min-width:					100%;
		font-size:					calc(var(--base-fontsize) - 2px);
	}
	.size_SS {
		font-size:					calc(var(--base-fontsize) - 5px);
	}
	.size_S {
		font-size:					calc(var(--base-fontsize) - 4px);
	}
	.size_L {
		font-size:					18px;
	}
	.size_LL {
		font-size:					24px;
	}
}
/*************************************************************************************************
/* 基本共通設定（箱指定）
/* ・"box-sizing" は "border-box" を適用
/* ・"padding" 等は個別設定して下さい
**************************************************************************************************/
/* BOXエリア（基本ボックス・フルサイズボックス・フレックスボックス） */
.box_rect {
	width:						var(--base-width);
    margin:                     0 auto;
}
.box_flex {
	display:					flex;
	width:						var(--base-width);
    margin:                     0 auto;
}
.box_fluid {
	width:						100%;
}
.between-2col {
	width:						var(--base-between-2col);
}							
.between-3col {
	width:						var(--base-between-3col);
}							
.between-4col {
	width:						var(--base-between-4col);
}							
@media print,screen and (max-width:640px){
	.box_rect {
		width:						100%;
	}
	.box_flex {
		width:						100%;
		flex-wrap:					wrap;
	}
}
/*************************************************************************************************
/* 基本共通設定（色指定）
**************************************************************************************************/
.color_orange {
	color:						#F38621
}
.menu_blue {
	color:						#2fb2dc;
}
.color_hiraya {
	color:						#4E4744;
}
.color_piacezon {
	color:						#828181;
}
.color_faison {
	color:						#7B8071;
}
/*************************************************************************************************
/* 基本共通設定（グーグルマップ）
/* ・.googlemap の padding-bottom で高さを調整
/* ・.googlemap_pagetype はシングルページのグーグルマップ
**************************************************************************************************/
.googlemap {
	position: 					relative;
	padding-bottom: 			45%;
	height: 					0;
	overflow: 					hidden;
	background-color:			#ffffff;
	border: 					solid 1px #afafaf;
}
.googlemap iframe {
	position: 					absolute;
	top: 						0;
	left: 						0;
	width: 						100% !important;
	height: 					100% !important;
	padding: 					3px;
}	
/* モバイル用 */
@media print,screen and (max-width:640px){
}
/*************************************************************************************************
/* 基本共通設定（その他）
**************************************************************************************************/
/* margin設定 */
.mb_0 {
	margin-bottom:				0;
}
.mb_10 {
	margin-bottom:				10px;
}
.mb_20 {
	margin-bottom:				20px;
}
.mb_30 {
	margin-bottom:				30px;
}
.mb_40 {
	margin-bottom:				40px;
}
.mb_50 {
	margin-bottom:				50px;
}
.mb_short {
	margin-bottom:				15px;
}
.mb_normal {
	margin-bottom:				30px;
}
.mb_long {
	margin-bottom:				50px;
}
.mt_normal {
	margin-top:					30px;
}
/* padding設定 */
.no_padding {
	padding:					0;
}
/* ページトップボタン */
#pagetop {
	position:					fixed;
	width:						60px;
	height:						60px;
	right:						0;
	bottom:						0;
	z-index:					9999;
	background-color: 			#dddddd;
	opacity:					0.8;
}
/* デバイス別表示設定 */
.pc_mode {
	display:					block;
}
.mobile_mode {
	display:					none;
}
br.pc_br {
	display:					block;
}
br.mb_br {
	display:					none;
}
/* 画像リンク透過設定 */
a img:hover {
	opacity:					0.6;
}
/* スクロールフェードイン */
.fadein {
    opacity :               	0;
    transform:              	translateY(0);
    transition:             	all 1s;
}
.fadeup {
    opacity :               	0;
    transform:              	translateY(0);
    transition:             	all 1s;
}
/* test */
.fade_item {
    opacity :               	0;
    transform:              	translateY(0);
    transition:             	all 200ms;
}
/* モバイル用 */
@media print,screen and (max-width:640px){
	.mb_short {
		margin-bottom:				8px;
	}
	.mb_normal {
		margin-bottom:				15px;
	}
	.mb_long {
		margin-bottom:				30px;
	}
	.pc_mode {
		display:					none;
	}
	.mobile_mode {
		display:					block;
	}
	br.pc_br {
		display:					none;
	}
	br.mb_br {
		display:					block;
	}
}
/*************************************************************************************************
/* 各画面共通　ページヘッダー
**************************************************************************************************/
/* ヘッダー*/
#header_area {
	width:						100%;
}
#header_area .pc_header_area {
	position:					fixed;
	width:						100%;
	margin:						0 auto;
	background-color:			#ffffff;
	z-index:					100;
}
#header_area .pc_header_area a:link,
#header_area .pc_header_area a:visited,
#header_area .pc_header_area a:active {
    color:                      #ffffff;
}
/* ヘッダーメニュー */
#header_area .pc_header_area .items {
	display:					flex;
	width:						1000px;
	margin:						0 auto;
	background-color:			#ffffff;
	z-index:					100;
}
/* ヘッダーメニュー左 */
#header_area .pc_header_area .items .col01 {
	width:						400px;
	margin:						0;
	align-self:					center;
	text-align:					center;
}
#header_area .pc_header_area .items .col01 img {
	width:						250px;
}
/* ヘッダーメニュー右 */
#header_area .pc_header_area .items .col02 {
	width:						600px;
}
#header_area .pc_header_area .items .col02 ul {
	display:					flex;
	width:						600px;
    margin:                     0 auto;
	padding:					10px 0;
}
#header_area .pc_header_area .items .col02 ul li {
	width:						90px;
	padding: 					5px 0 5px;
	line-height:				1.2;
	text-align:					center;
	font-size:					16px;
	font-weight:				bold;
	color:						var(--base-color);
	border-bottom:				4px solid #ffffff;
	transition:					all 0.2s;
}
#header_area .pc_header_area .items .col02 ul li:hover {
	border-bottom:				4px solid var(--base-color);
}
#header_area .pc_header_area .items .col02 ul li span {
	display:					inline-block;
	padding-top:				3px;
	font-size:					10px;
}
#header_area .pc_header_area .items .col02 ul li span.adjust {
	margin-top:					8px;
	margin-bottom:				5px;
/*	margin-bottom:				10px;*/
}
@media print,screen and (max-width:640px){
	/* モバイルヘッダー */
	#mobilheader_area {
		position:					fixed;
		width:						100%;
		background-color:			#000000;
		z-index:					10;
	}
	/* タイトル */
	#mobilheader_area #main_title {
		margin:                     0 auto;
		padding:					15px 10px;
		text-align:					center;
	}
	#mobilheader_area #main_title img {
		width:						100px;
	}
}
/**********************************************************************************************************************
/* フッター設定
/*********************************************************************************************************************/
/* フッター */
footer {
	width:						100%;
	background-color:			#393430;
	color:						#ffffff;
}
footer p,
footer a:link, footer a:visited, footer a:active {
	color:						#ffffff;
}
footer #footer_info {
	width:						100%;
}
footer #footer_info .finfo_section {
	display:					flex;
	width:						var(--base-width);
	margin:						0 auto;
	padding:					40px 0;
}
/* カラム幅 */
footer #footer_info .finfo_section .col01,
footer #footer_info .finfo_section .col02 {
	width:						600px;
}
/* カラム１：ロゴ・連絡先 */
footer #footer_info .finfo_section .col01 {
	align-self:					center;
}
footer #footer_info .finfo_section .col01 img {
	width:						400px;
	margin-bottom:				20px;
}
/* カラム２：メニュー */
footer #footer_info .finfo_section .col02 .menu {
	display:					flex;
	width:						100%;
}
footer #footer_info .finfo_section .col02 .menu .col {
	width:						33%;
}
footer #footer_info .finfo_section .col02 .menu .col ul li {
	padding-left:				10px;
	font-size:					14px;
}
footer #footer_info .finfo_section .col02 .menu .col ul li:nth-child(1) {
	padding-left:				0;
	font-size:					18px;
}
/* copyright */
footer #footer_info .copyright_section {
	width:						100%;
}
footer #footer_info .copyright_section .f_copyright {
	width:						100%;
	padding:					5px 0 5px;
	text-align:					center;
}
@media print,screen and (max-width:640px){
	footer {
		width:						100%;
		background-image:			none;
	}
	/* フッター情報 */
	footer #footer_info .finfo_section {
		flex-wrap:					wrap;
		width:						100%;
		padding:					30px var(--mobile-padding_lr) 20px;
	}
	footer #footer_info .finfo_section .col01,
	footer #footer_info .finfo_section .col02 {
		width:						100%;
	}
	/* カラム１：ロゴ・SNS */
	footer #footer_info .finfo_section .col01 {
		text-align:					center;
	}
	footer #footer_info .finfo_section .col01 img {
		width:						260px;
	}
	/* カラム２：住所・連絡先 */
	footer #footer_info .finfo_section .col02 {
		text-align:					center;
	}
	/* copyright */
	footer #footer_info .copyright_section .f_copyright {
		width:						100%;
		padding:					0 0 10px;
		text-align:					center;
	}
}
/**********************************************************************************************************************
/* モバイルメニュー設定
/*********************************************************************************************************************/
@media print,screen and (max-width:640px){
	/* モバイル用メニュー */
	#mobilheader_area #g-main_title {
		width:						100%;
		margin:                     0 auto;
		padding:					15px 10px;
		text-align:					center;
		color:						#ffffff;
	}
	#mobilheader_area #main_title h1 {
		padding:					0;
		font-size:					14px;
		font-weight:				bold;
		color:						#ffffff;
	}
	/* モバイル用スライドメニュー */
	#g-nav {
		position:					fixed;
		z-index:					999;
		top:						0;
		right:						-120%;
		width:						100%;
		height:						100vh;
		background:					rgba(0,0,0,0.8);
		transition:					all 0.6s;
	}
	#g-nav.panelactive {
		/* アクティブクラスがついたら位置を0に */
		right: 						0;
	}
	#g-nav.panelactive #g-nav-list {
		/* ナビゲーションの縦スクロール ナビの数が増えた場合縦スクロール */
		position:					fixed;
		z-index:					999; 
		width:						100%;
		height:						100vh;
		overflow:					auto;
		-webkit-overflow-scrolling: touch;
	}
	#mobilheader_area #g-nav #nav_title {
		width:						100%;
		margin:                     0 auto;
		padding:					15px 10px;
		text-align:					center;
		color:						#ffffff;
	}
	#mobilheader_area #g-nav #nav_title img {
		width:						100px;
	}
	#mobilheader_area #g-nav #nav_title h1 {
		padding:					0;
		font-size:					14px;
		font-weight:				bold;
		color:						#ffffff;
	}
	/*メニューのレイアウト設定*/
	#g-nav #nav_menu {
		padding:					5px 15px 0;
	}
	#g-nav #nav_menu ul {
		width:						100%;
	}
	#g-nav #nav_menu ul li {
		margin:						0;
		font-size:					16px;
		border-bottom:				1px solid #888888;
	}
	#g-nav #nav_menu ul.main li table {
		width:						100%;
		table-layout:				fixed;
		border-collapse:			collapse;
	}
	#g-nav #nav_menu ul.main li table tr td {
		padding:					10px 10px;
		color:						#ffffff;
	}
	#g-nav #nav_menu ul.main li table tr td:nth-child(1) {
		width:						30%;
		font-size:					14px;
		font-weight:				bold;
	}
	#g-nav #nav_menu ul.main li table tr td:nth-child(2) {
		width:						70%;
	}
	/* 携帯用ハンバーガーボタン */
	.openbtn{
		/*ボタン内側の基点となるためrelativeを指定。追従するナビゲーションの場合はfixed＋top、rightといった位置をセットで指定*/
		position:					relative;
		position:					fixed;
		z-index: 					9999;					/* ボタンを最前面に */
		top:						7px;					/* ボタンの位置 */
		right:						0;
		cursor:						pointer;
		width:						50px;
		height:						50px;
	}
	.openbtn span{
		/*ボタン内側*/
		display:					inline-block;
		transition:					all .4s;				/*アニメーションの設定*/
		position:					absolute;
		left:						14px;
		height:						2px;
		border-radius: 				5px;
		background: 				#fff;
		width: 						45%;
	}
	.openbtn span:nth-of-type(1) {
		/* ハンバーガーボタン3本線 */
		top:						13px;	
	}
	.openbtn span:nth-of-type(2) {
		top:						19px;
	}
	.openbtn span:nth-of-type(3) {
		top:						25px;
	}
	.openbtn.active span:nth-of-type(1) {
		/* ハンバーガーボタンバッテン線 */
		top: 						14px;
		left: 						18px;
		transform: 					translateY(6px) rotate(-45deg);
		width: 						30%;
	}
	.openbtn.active span:nth-of-type(2) {
		opacity: 					0;
	}
	.openbtn.active span:nth-of-type(3){
		top:						26px;
		left:						18px;
		transform:					translateY(-6px) rotate(45deg);
		width:						30%;
	}
}
/*************************************************************************************************
/* アコーデオン設定（携帯メニュー用・ページ部分は各ページで対応）
/*************************************************************************************************/
@media print,screen and (max-width:640px){
	#g-nav #g-nav-list #nav_menu .main .js_ac_title,
	#g-nav #g-nav-list #nav_menu .main .js_ac_only {
		position:                   relative;
		margin:                     0;
		padding:					0;
		font-size:                  14px;
	}
/*
	#g-nav #g-nav-list #nav_menu .main .js_ac_title:hover,
	#g-nav #g-nav-list #nav_menu .main .js_ac_title:active,
	#g-nav #g-nav-list #nav_menu .main .js_ac_title.open { 
		background-color:           #ffffff;
	}
*/
	#g-nav #g-nav-list #nav_menu .main .js_ac_title::before {					/* 開閉マーク縦線 */
		content:                    "";
		position:                   absolute;
		top:                        50%;
		right:                      10px;
		width:                      15px;
		height:                     2px;
		transform:                  rotate(90deg);
		background:                 #ffffff;
		transition:                 all .3s ease-in-out;
	}
	#g-nav #g-nav-list #nav_menu .main .js_ac_title::after {					/* 開閉マーク横線 */
		content:					"";
		position:					absolute;
		top:						50%;
		right:						10px;
		width:						15px;
		height:						2px;
		background:					#ffffff;
		transition:					all .2s ease-in-out;
	}
	#g-nav #g-nav-list #nav_menu .main .ac_content {
		padding:					20px 0;
	}
	/* 開閉アニメーション */
	#g-nav #g-nav-list #nav_menu .main .js_ac_title.open::before {
		transform:					rotate(180deg);
	}
	#g-nav #g-nav-list #nav_menu .main .js_ac_title.open::after {
		opacity:					0;
	}
	#g-nav #g-nav-list #nav_menu .main .ac_content {
		padding:					0;
		background-color:			#444444;
	}
	#g-nav #g-nav-list #nav_menu .main .ac_content a {
		display:					block;
		padding:					8px 10px 8px 27px;
		font-size:					14px;
		color:						#ffffff;
		border-bottom:				1px solid #888888;
	}
	#g-nav #g-nav-list #nav_menu .main .ac_content a:last-child {
		border-bottom:				none;
	}
}
/*************************************************************************************************
/* ホーム画面
**************************************************************************************************/
/* コンテンツエリア */
#home_area {
	width:						100%;
	margin:						89px auto 0;
	padding:					0;
}
/* リンクボタン共通 */
#home_area .home_aboutus .aboutus_section .wrap a.btn,
#home_area .home_brand .brand_section a.btn,
#home_area .home_land .land_section a.btn {
	display:					block;
	margin:						0 auto;
	padding:					10px 0;
	border-radius:				30px;
	font-size:					20px;
	transition:					all 0.25s;
}
#home_area .home_brand .brand_section a.btn:hover,
#home_area .home_aboutus .aboutus_section .wrap a.btn:hover {
	background-color:			#FF500F;
	padding-left:				10px;
}
#home_area .home_land .land_section a.btn:hover {
	background-color:			#DCDCDC;
	padding-left:				10px;
}
/* タイトル */
#home_area .home_title {
	width:						100%;
	height:						600px;
	text-align:					center;
	background-image:			url(images/home/home_bk01.jpg);
	background-size:			cover;
	background-position:		center;
	background-repeat:			no-repeat;
}
#home_area .home_title .title_section {
	display:					flex;
	width:						var(--base-width);
	height:						600px;
	margin:						0 auto;
	justify-content:			center;
	align-items: 				center;
}
#home_area .home_title .title_section p {
	font-size:					36px;
	color:						#ffffff;
	text-shadow:				2px 2px 8px #4F3526, 2px -2px 8px #4F3526, -2px 2px 8px #4F3526, -2px -2px 8px #4F3526;
	opacity:					0;
	transition:					all 2s;
}
/* メッセージ */
#home_area .home_message {
	width:						100%;
	height:						600px;
	background-image:			url(images/home/home_bk02.jpg);
	background-size:			cover;
	background-position:		center;
	background-repeat:			no-repeat;
}
#home_area .home_message .message_section {
	position:					relative;
	display:					flex;
	height:						600px;
	width:						calc(var(--contents-width) - 200px);
	margin:						0 auto;
	align-items: 				center;
}
#home_area .home_message .message_section p {
	font-size:					20px;
	font-weight:				bold;
}
#home_area .home_message .message_section img.parts01 {
	position:					absolute;
	width:						70px;
	top:						40px;
	right:						0;
	opacity:					0;
	transition:					all 2s;
}
#home_area .home_message .message_section img.parts02 {
	position:					absolute;
	width:						70px;
	top:						260px;
	right:						100px;
	opacity:					0;
	transition:					all 2s;
}
/* 私たちの価値観 */
#home_area .home_aboutus {
	width:						100%;
	height:						600px;
	text-align:					center;
	background-image:			url(images/home/home_bk03.jpg);
	background-size:			cover;
	background-position:		center;
	background-repeat:			no-repeat;
}
#home_area .home_aboutus .aboutus_section {
	display:					flex;
	width:						var(--base-width);
	height:						600px;
	margin:						0 auto;
	justify-content:			center;
	align-items: 				center;
}
#home_area .home_aboutus .aboutus_section .wrap {
	padding:					50px 50px;
	background-color:			rgba(255,255,255,0.5);
	text-align:					center;
}
#home_area .home_aboutus .aboutus_section .wrap img.vision,
#home_area .home_aboutus .aboutus_section .wrap img.mission {
	display:					block;
	width:						100px;
	margin:						0 auto 10px;
}
#home_area .home_aboutus .aboutus_section .wrap img.vision_text,
#home_area .home_aboutus .aboutus_section .wrap img.mission_text {
	display:					block;
	width:						500px;
	margin-bottom:				30px;
}
#home_area .home_aboutus .aboutus_section .wrap p {
	font-weight:				bold;
	vertical-align:				middle;
}
#home_area .home_aboutus .aboutus_section .wrap a.btn {
	width:						350px;
	background-color:			#F38621;
	color:						#ffffff;
}
/* Brand */
#home_area .home_brand {
	width:						100%;
	height:						700px;
	text-align:					center;
	background-image:			url(images/home/home_bk04.jpg);
	background-size:			cover;
	background-position:		center;
	background-repeat:			no-repeat;
}
#home_area .home_brand .brand_section {
	width:						var(--base-width);
	margin:						0 auto;
	padding:					40px 0;
}
#home_area .home_brand .brand_section img.title {
	width:						120px;
	margin-bottom:				10px;
}
#home_area .home_brand .brand_section p {
	font-size:					20px;
	margin-bottom:				10px;
}
#home_area .home_brand .brand_section img.icon {
	width:						80px;
	margin-bottom:				20px;
}
#home_area .home_brand .brand_section .brand {
	display:					flex;
	justify-content:			space-between;
	width:						var(--contents-width);
	margin:						0 auto;
	padding:					20px 0;
}
#home_area .home_brand .brand_section .brand .col {
	width:						30%;
	text-align:					center;
}
#home_area .home_brand .brand_section .brand .col:hover {
	opacity:					1;
	animation:					fuwafuwa 1.25s ease-in-out infinite;
}
@keyframes fuwafuwa {
	0%, 100%	{ transform: translateY(0); }
	50%			{ transform: translateY(-20px); }
}
#home_area .home_brand .brand_section .brand .col img {
	display:					block;
	margin-bottom:				5px;
}
#home_area .home_brand .brand_section .brand .col img:hover {
	opacity:					1;
}
#home_area .home_brand .brand_section a.btn {
	width:						280px;
	background-color:			#F38621;
	color:						#ffffff;
}
/* Trust */
#home_area .home_trust {
	width:						100%;
	height:						600px;
	text-align:					center;
	background-image:			url(images/home/home_bk05.jpg);
	background-size:			cover;
	background-position:		center;
	background-repeat:			no-repeat;
}
#home_area .home_trust .trust_section {
	width:						var(--base-width);
	margin:						0 auto;
	padding:					40px 0;
	color:						#ffffff;
}
#home_area .home_trust .trust_section img.title {
	width:						150px;
}
#home_area .home_trust .trust_section .trust {
	display:					flex;
	width:						calc(var(--contents-width) - 200px);
	margin:						0 auto;
}
#home_area .home_trust .trust_section .trust .col01 {
	position: 					relative;
	width:						45%;
	padding-right:				50px;
}
#home_area .home_trust .trust_section .trust .col01 img.parts {
	width:						80%;
	margin-bottom:				30px;
}
#home_area .home_trust .trust_section .trust .col01 img.frame {
	width:						90%;
	margin-bottom:				30px;
}
#home_area .home_trust .trust_section .trust .col01 ul {
	position:					absolute;
	top:						145px;
	left:						50px;
}
#home_area .home_trust .trust_section .trust .col01 ul li {
	font-size:					20px;
	text-align:					left;
}
#home_area .home_trust .trust_section .trust .col01 p {
	font-size:					20px;
}
#home_area .home_trust .trust_section .trust .col02 {
	width:						55%;
}
/* Land */
#home_area .home_land {
	width:						100%;
    margin:                     0 auto;
	background-color:			#F1F2ED;
	text-align:					center;
}
#home_area .home_land .land_section {
	width:						var(--base-width);
	margin:						0 auto;
	padding:					40px 0;
}
#home_area .home_land .land_section img.title {
	width:						100px;
	margin-bottom:				10px;
}
#home_area .home_land .land_section p.title_text {
	font-size:					20px;
	margin-bottom:				20px;
}
#home_area .home_land .land_section img.icon {
	width:						100px;
	margin-bottom:				20px;
}
#home_area .home_land .land_section ul {
	margin-bottom:				20px;
}
#home_area .home_land .land_section ul li {
	font-size:					20px;
}
#home_area .home_land .land_section a.btn {
	width:						280px;
	background-color:			#ffffff;
	color:						#4E4744;
	border:						1px solid #4E4744;
}
@media print,screen and (max-width:640px){
	/* コンテンツエリア */
	#home_area {
		margin:						50px auto 0;
	}
	#home_area .home_aboutus .aboutus_section .wrap a.btn,
	#home_area .home_brand .brand_section a.btn,
	#home_area .home_land .land_section a.btn {
		font-size:					16px;
	}
	/* タイトル */
	#home_area .home_title {
		height:						500px;
	}
	#home_area .home_title .title_section {
		width:						100%;
		height:						500px;
	}
	#home_area .home_title .title_section p {
		font-size:					18px;
	}
	/* メッセージ */
	#home_area .home_message {
		height:						500px;
	}
	#home_area .home_message .message_section {
		height:						500px;
		width:						100%;
	}
	#home_area .home_message .message_section p {
		width:						74%;
		padding-left:				var(--mobile-padding_lr);
		font-size:					18px;
	}
	#home_area .home_message .message_section img.parts01 {
		width:						30px;
		top:						40px;
		right:						20px;
	}
	#home_area .home_message .message_section img.parts02 {
		width:						30px;
		top:						200px;
		right:						60px;
	}
	/* 私たちの価値観 */
	#home_area .home_aboutus {
		height:						500px;
	}
	#home_area .home_aboutus .aboutus_section {
		width:						100%;
		height:						500px;
	}
	#home_area .home_aboutus .aboutus_section .wrap {
		padding:					30px 0;
	}
	#home_area .home_aboutus .aboutus_section .wrap img.vision,
	#home_area .home_aboutus .aboutus_section .wrap img.mission {
		display:					block;
		width:						90px;
		margin:						0 auto 10px;
	}
	#home_area .home_aboutus .aboutus_section .wrap img.vision_text,
	#home_area .home_aboutus .aboutus_section .wrap img.mission_text {
		display:					block;
		width:						330px;
		margin-bottom:				30px;
	}
	#home_area .home_aboutus .aboutus_section .wrap a.btn {
		width:						280px;
	}
	/* Brand */
	#home_area .home_brand {
		height:						517px;
	}
	#home_area .home_brand .brand_section {
		width:						100%;
		padding:					60px var(--mobile-padding_lr);
	}
	#home_area .home_brand .brand_section img.title {
		width:						120px;
	}
	#home_area .home_brand .brand_section p {
		font-size:					16px;
	}
	#home_area .home_brand .brand_section img.icon {
		width:						60px;
	}
	#home_area .home_brand .brand_section .brand {
		flex-wrap:					wrap;
		width:						100%;
	}
	#home_area .home_brand .brand_section .brand .col {
		width:						32%;
		margin-bottom:				10px;
	}
	#home_area .home_brand .brand_section a.btn {
		width:						220px;
	}
	/* Trust */
	#home_area .home_trust {
		height:						750px;
	}
	#home_area .home_trust .trust_section {
		width:						100%;
	}
	#home_area .home_trust .trust_section img.title {
		width:						120px;
	}
	#home_area .home_trust .trust_section .trust {
		flex-wrap:					wrap;
		width:						100%;
	}
	#home_area .home_trust .trust_section .trust .col01 {
		position: 					relative;
		width:						100%;
		padding-right:				0;
	}
	#home_area .home_trust .trust_section .trust .col01 img.parts {
		width:						180px;
		margin-bottom: 				20px;
	}
	#home_area .home_trust .trust_section .trust .col01 img.frame {
		width:						250px;
		margin-bottom: 				20px;
	}
	#home_area .home_trust .trust_section .trust .col01 ul {
		position:					absolute;
		top:						110px;
		left:						100px;
	}
	#home_area .home_trust .trust_section .trust .col01 ul li {
		font-size:					16px;
	}
	#home_area .home_trust .trust_section .trust .col01 p {
		font-size:					16px;
		margin-bottom:				20px;
	}
	#home_area .home_trust .trust_section .trust .col02 {
		width:						100%;
		padding:					0 var(--mobile-padding_lr);
	}
	/* Land */
	#home_area .home_land {
		width:						100%;
	}
	#home_area .home_land .land_section {
		width:						100%;
		padding:					60px 0;
	}
	#home_area .home_land .land_section img.title {
		width:						100px;
	}
	#home_area .home_land .land_section p.title_text {
		margin-bottom:				15px;
	}
	#home_area .home_land .land_section img.icon {
		width:						100px;
		margin-bottom:				20px;
	}
	#home_area .home_land .land_section p {
		font-size:					16px;
	}
	#home_area .home_land .land_section ul li {
		font-size:					16px;
	}
	#home_area .home_land .land_section a.btn {
		width:						220px;
	}
}
/*************************************************************************************************
/* 私たちの価値観
**************************************************************************************************/
/* コンテンツエリア */
#aboutus_area {
	width:						100%;
	margin:						89px auto 0;
}
/* アンカーリンク */
#aboutus_area #aboutus_anchor01,
#aboutus_area #aboutus_anchor02,
#aboutus_area #aboutus_anchor03,
#aboutus_area #aboutus_anchor04,
#aboutus_area #aboutus_anchor05 {
    margin-top:					-80px;
    padding-top:				80px;
}
/* タイトル */
#aboutus_area .aboutus_title {
	width:						100%;
	height:						600px;
	background-image:			url(images/aboutus/aboutus_bk01.jpg);
	background-size:			cover;
	background-position:		center;
	background-repeat:			no-repeat;
	overflow:					hidden;
}
#aboutus_area .aboutus_title .title_section {
	position:					relative;
	display:					flex;
	height:						600px;
	width:						var(--contents-width);
	margin:						0 auto;
	justify-content:			center;
	align-items: 				center;
/*	overflow:					hidden;*/
}
#aboutus_area .aboutus_title .title_section .parts01,
#aboutus_area .aboutus_title .title_section .parts02 {
	position:					absolute;
	width:						70px;
	opacity:					0;
	transition:					all 2s;
}
#aboutus_area .aboutus_title .title_section .parts01 {
	top:						0;
	left:						0;
}
#aboutus_area .aboutus_title .title_section .parts02 {
	top:						120px;
	left:						80px;
}
#aboutus_area .aboutus_title .title_section .title {
	position:					absolute;
	width:						250px;
	top:						80px;
	right:						100px;
}
#aboutus_area .aboutus_title .title_section .whiteback {
	position:					absolute;
	width:						1800px;
	top:						200px;
	left:						calc(50% - 350px);
}
#aboutus_area .aboutus_title .title_section p {
	font-size:					20px;
	font-weight:				bold;
	opacity:					0;
	transition:					all 2s;
}
/* 価値観 */
#aboutus_area .aboutus_values {
	width:						100%;
	background-color:			#111112;
}
#aboutus_area .aboutus_values .wrap {
	position:					relative;
	width:						var(--contents-width);
	height:						768px;
	margin:						0 auto;
}
#aboutus_area .aboutus_values .wrap .lightback {
	position:					absolute;
	width:						var(--contents-width);
	height:						768px;
	margin:						0 auto;
	top:						0;
	left:						0;
	z-index:					1;
	opacity:					0;
	transition:					all 2s;
}
#aboutus_area .aboutus_values .wrap .values_section {
	position:					absolute;
	width:						var(--contents-width);
	height:						768px;
	margin:						0 auto;
	padding:					100px 0;
	top:						0;
	left:						0;
	text-align:					center;
	color:						#ffffff;
	z-index:					2;
}
#aboutus_area .aboutus_values .values_section .values01,
#aboutus_area .aboutus_values .values_section .values02 {
	margin-bottom:				100px;
}
#aboutus_area .aboutus_values .values_section .values03 {
	margin-bottom:				0;
}
#aboutus_area .aboutus_values .values_section .values01 p,
#aboutus_area .aboutus_values .values_section .values02 p {
	line-height:				1.5;
}
#aboutus_area .aboutus_values .values_section .values03 ul li {
	margin-bottom:				4px;
}
#aboutus_area .aboutus_values .values_section .values01 img,
#aboutus_area .aboutus_values .values_section .values02 img,
#aboutus_area .aboutus_values .values_section .values03 img {
	width:						150px;
	margin-bottom:				15px;
}
/* ３つの強み */
#aboutus_area .aboutus_charms {
	width:						100%;
	background-color:			#E0E0E0;
}
#aboutus_area .aboutus_charms .charms_section {
	width:						var(--contents-width);
	margin:						0 auto;
	padding:					40px 0;
}
#aboutus_area .aboutus_charms .charms_section h2 img.title {
	width:						180px;
	margin-bottom:				30px;
}
#aboutus_area .aboutus_charms .charms_section .charms {
	display:					flex;
	width:						var(--contents-width);
	margin:						0 auto;
	color:						#ffffff;
}
#aboutus_area .aboutus_charms .charms_section .charms .col01,
#aboutus_area .aboutus_charms .charms_section .charms .col02,
#aboutus_area .aboutus_charms .charms_section .charms .col03 {
	width:						33.33%;
	padding:					20px 40px;;
}
#aboutus_area .aboutus_charms .charms_section .charms .col01 {
	background-color:			#FF600F;
}
#aboutus_area .aboutus_charms .charms_section .charms .col02 {
	background-color:			#FF7139;
}
#aboutus_area .aboutus_charms .charms_section .charms .col03 {
	background-color:			#FF885E;
}
#aboutus_area .aboutus_charms .charms_section .charms .col01 img,
#aboutus_area .aboutus_charms .charms_section .charms .col02 img,
#aboutus_area .aboutus_charms .charms_section .charms .col03 img {
	width:						80px;
	margin:						10px 0;
}
/* 開発体制 */
#aboutus_area .aboutus_system {
	width:						100%;
	background-color:			#ffffff;
}
#aboutus_area .aboutus_system .system_section {
	width:						var(--contents-width);
	margin:						0 auto;
	padding:					40px 0;
	color:						#4F4744;
}
#aboutus_area .aboutus_system .system_section h2 img.title {
	width:						440px;
	margin-bottom:				30px;
}
#aboutus_area .aboutus_system .system_section table  {
	width:						100%;
	table-layout:				fixed;
	border-collapse:			collapse;
}
#aboutus_area .aboutus_system .system_section table td {
	padding-bottom:				10px;
	font-size:					20px;
}
#aboutus_area .aboutus_system .system_section table td:nth-child(1) {
	width:						15%;
	text-align:					right;
}
#aboutus_area .aboutus_system .system_section table td:nth-child(1) img {
	width:						80px;
}
#aboutus_area .aboutus_system .system_section table td:nth-child(2) {
	width:						85%;
	padding-left:				40px;
}
/* 事業内容 */
#aboutus_area .aboutus_services {
	width:						100%;
	background-color:			#F1F2ED;
	padding:					70px 0;
}
#aboutus_area .aboutus_services .services_section {
	width:						var(--contents-width);
	height:						1035px;
	margin:						0 auto;
	padding:					80px 100px;
	background-image:			url(images/aboutus/aboutus_bk03.png);
	background-size:			cover;
	background-repeat:			no-repeat;
}
#aboutus_area .aboutus_services .services_section h2 img.title {
	width:						180px;
	margin-bottom:				50px;
}
#aboutus_area .aboutus_services .services_section p.copy {
	margin-bottom:				80px;
	font-size:					42px;
	font-weight:				bold;
	letter-spacing:				2px;
	line-height:				2;
}
#aboutus_area .aboutus_services .services_section .service {
	display:					flex;
	justify-content:			space-between;
	width:						calc(var(--contents-width) - 200px);
	margin:						0 auto;
}
#aboutus_area .aboutus_services .services_section .service .col {
	width:						30%;
	text-align:					center;
}
#aboutus_area .aboutus_services .services_section .service .col img,
#aboutus_area .aboutus_services .services_section .service .col h4 {
	margin-bottom:				20px;
}
#aboutus_area .aboutus_services .services_section .service .col h4 span {
	padding:					0 3px;
	letter-spacing:				1px;
	border-bottom:				1px solid var(--base-color);
	font-size:					20px;
}
#aboutus_area .aboutus_services .services_section .service .col p {
	padding:					0 10px;
	font-size:					20px;
	text-align:					left;
}
/* Brand */
#aboutus_area .aboutus_brand {
	width:						100%;
	background-color:			#ffffff;
}
#aboutus_area .aboutus_brand .brand_section {
	width:						var(--contents-width);
	margin:						0 auto;
	padding:					40px 0;
	text-align:					center;
}
#aboutus_area .aboutus_brand .brand_section h2 img.title {
	width:						273px;
	margin-bottom:				10px;
}
#aboutus_area .aboutus_brand .brand_section img.icon {
	width:						80px;
	margin-bottom:				20px;
}
#aboutus_area .aboutus_brand .brand_section .brand {
	display:					flex;
	justify-content:			space-between;
	width:						var(--contents-width);
	margin:						0 auto;
	padding:					20px 0;
}
#aboutus_area .aboutus_brand .brand_section .brand .col {
	width:						30%;
	text-align:					center;
}
#aboutus_area .aboutus_brand .brand_section .brand .col:hover {
	opacity:					1;
	animation:					fuwafuwa 1.25s ease-in-out infinite;
}
@keyframes fuwafuwa {
	0%, 100%	{ transform: translateY(0); }
	50%			{ transform: translateY(-20px); }
}
#aboutus_area .aboutus_brand .brand_section .brand .col img {
	display:					block;
	margin-bottom:				5px;
}
#aboutus_area .aboutus_brand .brand_section .brand .col img:hover {
	opacity:					1;
}
#aboutus_area .aboutus_brand .brand_section a.btn {
	display:					block;
	width:						250px;
	margin:						0 auto;
	padding:					10px 0;
	background-color:			#F38621;
	color:						#ffffff;
	border-radius:				30px;
	font-size:					20px;
	text-align:					center;
	transition:					all 0.25s;
}
#aboutus_area .aboutus_brand .brand_section a.btn:hover {
	background-color:			#FF500F;
	padding-left:				10px;
}
@media print,screen and (max-width:640px){
	/* コンテンツエリア */
	#aboutus_area {
		margin:						50px auto 0;
	}
	/* タイトル */
	#aboutus_area .aboutus_title {
		height:						470px;
	}
	#aboutus_area .aboutus_title .title_section {
		width:						100%;
		height:						470px;
	}
	#aboutus_area .aboutus_title .title_section .parts01,
	#aboutus_area .aboutus_title .title_section .parts02 {
		width:						40px;
	}
	#aboutus_area .aboutus_title .title_section .parts01 {
		top:						0;
		left:						20px;
	}
	#aboutus_area .aboutus_title .title_section .parts02 {
		top:						120px;
		left:						65px;
	}
	#aboutus_area .aboutus_title .title_section .title {
		width:						150px;
		top:						60px;
		right:						20px;
	}
	#aboutus_area .aboutus_title .title_section .whiteback {
		top:						130px;
		left:						105px;
	}
	#aboutus_area .aboutus_title .title_section p {
		font-size:					15px;
		padding:					0 20px 0 125px;
	}
	/* 価値観 */
	#aboutus_area .aboutus_values .wrap {
		position:					relative;
		width:						100%;
		height:						570px;
	}
	#aboutus_area .aboutus_values .wrap .lightback {
		width:						100%;
		height:						570px;
	}
	#aboutus_area .aboutus_values .wrap .lightback img {
		width:						100%;
		height:						570px;
		object-fit:					cover;
	}
	#aboutus_area .aboutus_values .wrap .values_section {
		width:						100%;
		height:						570px;
		padding:					70px var(--mobile-padding_lr);
	}
	#aboutus_area .aboutus_values .values_section .values01,
	#aboutus_area .aboutus_values .values_section .values02 {
		margin-bottom:				50px;
	}
	#aboutus_area .aboutus_values .values_section .values03 {
		margin-bottom:				0;
	}
	#aboutus_area .aboutus_values .values_section .values01 p,
	#aboutus_area .aboutus_values .values_section .values02 p {
		line-height:				1.5;
	}
	#aboutus_area .aboutus_values .values_section .values03 ul li {
		margin-bottom:				4px;
	}
	#aboutus_area .aboutus_values .values_section .values01 img,
	#aboutus_area .aboutus_values .values_section .values02 img,
	#aboutus_area .aboutus_values .values_section .values03 img {
		width:						80px;
		margin-bottom:				15px;
	}
	/* ３つの強み */
	#aboutus_area .aboutus_charms .charms_section {
		width:						100%;
		padding:					40px var(--mobile-padding_lr);
	}
	#aboutus_area .aboutus_charms .charms_section h2 img.title {
		width:						130px;
		margin-bottom:				30px;
	}
	#aboutus_area .aboutus_charms .charms_section .charms {
		flex-wrap:					wrap;
		width:						100%;
	}
	#aboutus_area .aboutus_charms .charms_section .charms .col01,
	#aboutus_area .aboutus_charms .charms_section .charms .col02,
	#aboutus_area .aboutus_charms .charms_section .charms .col03 {
		width:						100%;
		padding:					20px 30px;;
	}
	#aboutus_area .aboutus_charms .charms_section .charms .col01 img,
	#aboutus_area .aboutus_charms .charms_section .charms .col02 img,
	#aboutus_area .aboutus_charms .charms_section .charms .col03 img {
		width:						50px;
		margin:						10px 0;
	}
	/* 開発体制 */
	#aboutus_area .aboutus_system .system_section {
		width:						100%;
		padding:					40px var(--mobile-padding_lr);
	}
	#aboutus_area .aboutus_system .system_section h2 img.title {
		width:						280px;
		margin-bottom:				30px;
	}
	#aboutus_area .aboutus_system .system_section table td {
		padding-bottom:				10px;
		font-size:					14px;
	}
	#aboutus_area .aboutus_system .system_section table td:nth-child(1) {
		width:						15%;
		text-align:					right;
	}
	#aboutus_area .aboutus_system .system_section table td:nth-child(1) img {
		width:						40px;
	}
	#aboutus_area .aboutus_system .system_section table td:nth-child(2) {
		width:						85%;
		padding-left:				20px;
	}
	/* 事業内容 */
	#aboutus_area .aboutus_services {
		width:						100%;
		padding:					40px 0;
	}
	#aboutus_area .aboutus_services .services_section {
		width:						100%;
		height:						auto;
		margin:						0 auto;
		padding:					0 var(--mobile-padding_lr);
		background-image:			none;
	}
	#aboutus_area .aboutus_services .services_section h2 img.title {
		width:						120px;
		margin-bottom:				20px;
	}
	#aboutus_area .aboutus_services .services_section p.copy {
		margin-bottom:				30px;
		font-size:					18px;
		font-weight:				bold;
		letter-spacing:				1px;
		line-height:				1.8;
	}
	#aboutus_area .aboutus_services .services_section .service {
		flex-wrap:					wrap;
		width:						100%;
	}
	#aboutus_area .aboutus_services .services_section .service .col {
		width:						100%;
	}
	#aboutus_area .aboutus_services .services_section .service .col img,
	#aboutus_area .aboutus_services .services_section .service .col h4 {
		margin-bottom:				10px;
	}
	#aboutus_area .aboutus_services .services_section .service .col h4 span {
		font-size:					16px;
	}
	#aboutus_area .aboutus_services .services_section .service .col p {
		font-size:					16px;
		margin-bottom:				30px;
	}
	/* Brand */
	#aboutus_area .aboutus_brand .brand_section {
		width:						100%;
		padding:					40px var(--mobile-padding_lr);
	}
	#aboutus_area .aboutus_brand .brand_section h2 img.title {
		width:						200px;
		margin-bottom:				10px;
	}
	#aboutus_area .aboutus_brand .brand_section img.icon {
		width:						60px;
		margin-bottom:				20px;
	}
	#aboutus_area .aboutus_brand .brand_section .brand {
		flex-wrap:					wrap;
		width:						100%;
	}
	#aboutus_area .aboutus_brand .brand_section .brand .col {
		width:						32%;
		text-align:					center;
	}
	#aboutus_area .aboutus_brand .brand_section .brand .col img {
		display:					block;
		margin-bottom:				5px;
	}
	#aboutus_area .aboutus_brand .brand_section a {
		width:						220px;
		font-size:					16px;
	}
}
/*************************************************************************************************
/* ブランド
**************************************************************************************************/
/* コンテンツエリア */
#brand_area {
	width:						100%;
	margin:						89px auto 0;
}
/* アンカーリンク */
#brand_area #brand_anchor01,
#brand_area #brand_anchor02,
#brand_area #brand_anchor03,
#brand_area #brand_anchor04 {
    margin-top:					-80px;
    padding-top:				80px;
}
/* タイトル */
#brand_area .brand_title {
	width:						100%;
	height:						600px;
	background-image:			url(images/brand/brand_bk01.jpg);
	background-size:			cover;
	background-position:		center;
	background-repeat:			no-repeat;
}
#brand_area .brand_title .title_section {
	position:					relative;
	display:					flex;
	height:						600px;
	width:						calc(var(--contents-width) - 300px);
	margin:						0 auto;
}
#brand_area .brand_title .title_section img.brand {
	position:					absolute;
	width:						150px;
	top:						110px;
	left:						0;
	opacity:					0;
	transition:					all 2s;
}
#brand_area .brand_title .title_section p.title,
#brand_area .brand_title .title_section p.message {
	position:					absolute;
	font-size:					20px;
	font-weight:				bold;
	letter-spacing:				1px;
	opacity:					0;
	transition:					all 2s;
}
#brand_area .brand_title .title_section p.title {
	top:						160px;
	left:						0;
}
#brand_area .brand_title .title_section p.message {
	top:						220px;
	left:						0;
}
#brand_area .brand_title .title_section img.parts01,
#brand_area .brand_title .title_section img.parts02 {
	position:					absolute;
	width:						60px;
	opacity:					0;
	transition:					all 2s;
}
#brand_area .brand_title .title_section img.parts01 {
	top:						20px;
	right:						90px;
}
#brand_area .brand_title .title_section img.parts02 {
	top:						140px;
	right:						20px;
}
/* ３ブランド */
#brand_area .brand_info {
	width:						100%;
	background-color:			#1F3446;
}
#brand_area .brand_info .info_section {
	position:					relative;
	width:						var(--contents-width);
	margin:						0 auto;
}
#brand_area .brand_info .info_section .light {
	position:					absolute;
	width:						var(--contents-width);
	height:						498px;
	margin:						0 auto;
	top:						0;
	left:						0;
	opacity:					0;
	transition:					all 2s;
	z-index:					0;
}
#brand_area .brand_info .info_section .title {
	position:					relative;
	padding-top:				40px;
	text-align:					center;
	z-index:					5;
}
#brand_area .brand_info .info_section .title img {
	width:						300px;
	margin-bottom:				30px;
}
#brand_area .brand_info .info_section .brand {
	position:					relative;
	display:					flex;
	justify-content:			space-between;
	width:						calc(var(--contents-width) - 200px);
	margin:						0 auto;
	padding-bottom:				40px;
	color:						#ffffff;
	z-index:					5;
}
#brand_area .brand_info .info_section .brand .col {
	width:						30%;
	text-align:					center;
}
#brand_area .brand_info .info_section .brand .col:hover {
	opacity:					1;
	animation:					fuwafuwa 1.25s ease-in-out infinite;
}
@keyframes fuwafuwa {
	0%, 100%	{ transform: translateY(0); }
	50%			{ transform: translateY(-20px); }
}
#brand_area .brand_info .info_section .brand .col img:hover {
	opacity:					1;
}
#brand_area .brand_info .info_section .brand .col h4 {
	color:						#ffffff;
	font-weight:				400;
}
/* 平屋ぐらし */
#brand_area .brand_hiraya {
	width:						100%;
	background-color:			#E0E0E0;
}
#brand_area .brand_hiraya .hiraya_section {
	width:						var(--contents-width);
	margin:						0 auto;
	padding:					50px 0;
}
#brand_area .brand_hiraya .hiraya_section img.hiraya_pict {
	width:						431px;
	margin-bottom:				10px
}
#brand_area .brand_hiraya .hiraya_section h3,
#brand_area .brand_hiraya .hiraya_section p {
	font-size:					18px;
}
/* ピアチェゾン */
#brand_area .brand_piacezon {
	width:						100%;
}
#brand_area .brand_piacezon .piacezon_section {
	width:						var(--contents-width);
	margin:						0 auto;
	padding:					50px 0;
}
#brand_area .brand_piacezon .piacezon_section img.piacezon_pict {
	width:						507px;
	margin-bottom:				10px
}
#brand_area .brand_piacezon .piacezon_section p {
	font-size:					18px;
}
/* ファイゾン */
#brand_area .brand_fi-son {
	width:						100%;
	background-color:			#F1F2ED;
}
#brand_area .brand_fi-son .fi-son_section {
	width:						var(--contents-width);
	margin:						0 auto;
	padding:					50px 0;
}
#brand_area .brand_fi-son .fi-son_section img.fi-son_pict {
	width:						377px;
	margin-bottom:				10px
}
#brand_area .brand_fi-son .fi-son_section p {
	font-size:					18px;
}
/* ギャラリー */
#brand_area .brand_gallery {
	width:						100%;
	padding:					40px 0;
}
#brand_area .brand_gallery .gallery_section {
	width:						var(--contents-width);
	margin:						0 auto;
}
#brand_area .brand_gallery .gallery_section .gallery {
	display:					flex;
	flex-wrap:					wrap;
	justify-content:			space-between;
	width:						var(--contents-width);
	margin:						0 auto;
}
#brand_area .brand_gallery .gallery_section h2 {
	line-height:				2;
}
#brand_area .brand_gallery .gallery_section .gallery .col {
	width:						30%;
	margin-bottom:				50px;
}
@media print,screen and (max-width:640px){
	/* コンテンツエリア */
	#brand_area {
		margin:						50px auto 0;
	}
	/* タイトル */
	#brand_area .brand_title {
		height:						450px;
	}
	#brand_area .brand_title .title_section {
		width:						100%;
		height:						450px;
	}
	#brand_area .brand_title .title_section img.brand {
		width:						120px;
		top:						100px;
		left:						20px;
	}
	#brand_area .brand_title .title_section p.title,
	#brand_area .brand_title .title_section p.message {
		font-size:					15px;
	}
	#brand_area .brand_title .title_section p.title {
		top:						145px;
		left:						20px;
	}
	#brand_area .brand_title .title_section p.message {
		width:						280px;
		top:						200px;
		left:						20px;
	}
	#brand_area .brand_title .title_section img.parts01,
	#brand_area .brand_title .title_section img.parts02 {
		width:						40px;
	}
	#brand_area .brand_title .title_section img.parts01 {
		top:						20px;
		right:						65px;
	}
	#brand_area .brand_title .title_section img.parts02 {
		top:						140px;
		right:						20px;
	}
	/* ３ブランド */
	#brand_area .brand_info .info_section {
		width:						100%;
		height:						322px;
		padding:					0 var(--mobile-padding_lr);
	}
	#brand_area .brand_info .info_section .light {
		width:						100%;
		height:						322px;
	}
	#brand_area .brand_info .info_section .light img {
		width:						100%;
		height:						322px;
		object-fit:					cover;
	}
	#brand_area .brand_info .info_section .title {
		padding-top:				40px;
	}
	#brand_area .brand_info .info_section .title img {
		width:						180px;
		margin-bottom:				30px;
	}
	#brand_area .brand_info .info_section .brand {
		width:						100%;
		padding-bottom:				40px;
	}
	#brand_area .brand_info .info_section .brand .col {
		width:						32%;
		margin-bottom:				10px;
	}
	/* 平屋ぐらし */
	#brand_area .brand_hiraya .hiraya_section {
		width:						100%;
		padding:					30px var(--mobile-padding_lr);
	}
	#brand_area .brand_hiraya .hiraya_section img.hiraya_pict {
		width:						230px;
	}
	#brand_area .brand_hiraya .hiraya_section h3,
	#brand_area .brand_hiraya .hiraya_section p {
		font-size:					14px;
	}
	/* ピアチェゾン */
	#brand_area .brand_piacezon .piacezon_section {
		width:						100%;
		padding:					30px var(--mobile-padding_lr);
	}
	#brand_area .brand_piacezon .piacezon_section img.piacezon_pict {
		width:						300px;
	}
	#brand_area .brand_piacezon .piacezon_section p {
		font-size:					14px;
	}
	/* ファイゾン */
	#brand_area .brand_fi-son .fi-son_section {
		width:						100%;
		padding:					30px var(--mobile-padding_lr);
	}
	#brand_area .brand_fi-son .fi-son_section img.fi-son_pict {
		width:						220px;
	}
	#brand_area .brand_fi-son .fi-son_section p {
		font-size:					14px;
	}
	/* ギャラリー */
	#brand_area .brand_gallery {
		padding:					30px 0;
	}
	#brand_area .brand_gallery .gallery_section {
		width:						100%;
		margin:						0 auto;
		padding:					0 var(--mobile-padding_lr);
	}
	#brand_area .brand_gallery .gallery_section .gallery {
		width:						100%;
	}
	#brand_area .brand_gallery .gallery_section h2 {
		line-height:				2;
	}
	#brand_area .brand_gallery .gallery_section .gallery .col {
		width:						48%;
		margin-bottom:				30px;
	}
}
@media print,screen and (max-width:400px){
	/* タイトル */
	#brand_area .brand_title .title_section p.message {
		width:						235px;
	}
}
/*************************************************************************************************
/* 企業情報
**************************************************************************************************/
/* コンテンツエリア */
#office_area {
	width:						100%;
	margin:						89px auto 0;
}
/* アンカーリンク */
#office_area #company_anchor01,
#office_area #company_anchor02,
#office_area #company_anchor03,
#office_area #company_anchor04 {
    margin-top:					-80px;
    padding-top:				80px;
}
/* タイトル */
#office_area .office_title {
	width:						100%;
	background-color:			#E0E0E0;
}
#office_area .office_title .title_section {
	width:						var(--contents-width);
	margin:						0 auto;
	padding:					31px 0;
}
#office_area .office_title .title_section h1,
#office_area .office_title .title_section h1.noto_serif_bold {
	margin:						0;
	padding:					0;
	line-height:				1.3;
}
#office_area .office_title .title_section h1 {
	font-size:					48px;
}
#office_area .office_title .title_section h1.noto_serif_bold {
	font-size:					28px;
}
/* 代表挨拶 */
#office_area .office_greeting {
	width:						100%;
}
#office_area .office_greeting .greeting_section {
	width:						var(--contents-width);
	margin:						0 auto;
}
#office_area .office_greeting .greeting_section .greeting {
	display:					flex;
	width:						var(--contents-width);
	margin:						0 auto;
}
#office_area .office_greeting .greeting_section .greeting .col01,
#office_area .office_greeting .greeting_section .greeting .col02 {
	width:						50%;
}
#office_area .office_greeting .greeting_section .greeting .col01 {
	align-self:					center;
	padding-right:				30px;
}
#office_area .office_greeting .greeting_section .greeting .col01 h2.title {
	margin-bottom:				30px;
	font-size:					36px;
}
#office_area .office_greeting .greeting_section .greeting .col01 p.text {
	margin-bottom:				30px;
	font-size:					20px;
}
#office_area .office_greeting .greeting_section .greeting .col01 p.name {
	margin-bottom:				0;
	font-size:					20px;
	text-align:					right;
}
/* 設立 */
#office_area .office_establishment {
	width:						100%;
	background-color:			#D6EDFB;
}
#office_area .office_establishment .establishment_section {
	width:						var(--contents-width);
	margin:						0 auto;
	padding:					40px 0;
}
#office_area .office_establishment .establishment_section table {
	width:						100%;
	table-layout:				fixed;
	border-collapse:			collapse;
}
#office_area .office_establishment .establishment_section table tr {
	border-bottom:				3px solid #ffffff;
}
#office_area .office_establishment .establishment_section table tr td {
	border:						none;
	font-size:					18px;
}
#office_area .office_establishment .establishment_section table tr td:nth-child(1) {
	width:						20%;
	padding:					8px 0;
	text-align:					center;
	color:						#ffffff;
	background-color:			#7FC2C7;
}
#office_area .office_establishment .establishment_section table tr td:nth-child(2) {
	width:						80%;
	padding:					8px 30px 8px 30px;
	color:						#3A7EA0;
	background-color:			#CDE6EB;
}
/* 沿革 */
#office_area .office_history {
	width:						100%;
	background-color:			#E8F4F2;
}
#office_area .office_history .history_section {
	width:						var(--contents-width);
	margin:						0 auto;
	padding:					40px 0;

	background-image:			url(images/office/office_bk01.jpg);
	background-size:			cover;
	background-repeat:			no-repeat;

}
#office_area .office_history .history_section ul li {
	margin-bottom:				10px;
	font-size:					18px;
}
#office_area .office_history .history_section table {
	width:						100%;
	table-layout:				fixed;
	border-collapse:			collapse;
	font-size:					18px;
}
#office_area .office_history .history_section table tr td:nth-child(1) {
	width:						7%;
	padding:					8px 0;
}
#office_area .office_history .history_section table tr td:nth-child(2) {
	width:						93%;
	padding:					8px 10px 8px 10px;
}

/* リクルート */
#office_area .office_recruit {
	width:						100%;
	padding:					40px 0;
}
#office_area .office_recruit .recruit_section {
	width:						var(--contents-width);
	margin:						0 auto;
	padding:					80px 30px;
	background-color:			#F1F2ED;
}
#office_area .office_recruit .recruit_section hr {
	border-top:					1px solid #716E67;
}
#office_area .office_recruit .recruit_section h2 {
	font-size:					32px;
	text-align:					center;
}
#office_area .office_recruit .recruit_section p.text {
	padding:					30px 50px 0;
	font-size:					18px;
}
#office_area .office_recruit .recruit_section h3 {
	margin-top:					50px;
	padding:					0 100px;
	font-size:					22px;
}
#office_area .office_recruit .recruit_section ul {
	padding:					0 100px;
}
#office_area .office_recruit .recruit_section ul li {
	font-size:					18px;
}
#office_area .office_recruit .recruit_section .wrap {
	padding:					0 100px;
}
#office_area .office_recruit .recruit_section .wrap table {
	width:						100%;
	margin-bottom:				40px;
	table-layout:				fixed;
	border-collapse:			collapse;
}
#office_area .office_recruit .recruit_section .wrap table tr {
	border-bottom:				3px solid #ffffff;
}
#office_area .office_recruit .recruit_section .wrap table tr td {
	border:						none;
	font-size:					18px;
}
#office_area .office_recruit .recruit_section .wrap table tr td:nth-child(1) {
	width:						20%;
	padding:					8px 0;
	text-align:					center;
	color:						#ffffff;
	background-color:			#7FC2C7;
}
#office_area .office_recruit .recruit_section .wrap table tr td:nth-child(2) {
	width:						80%;
	padding:					8px 30px 8px 30px;
	color:						#3A7EA0;
	background-color:			#CDE6EB;
}
#office_area .office_recruit .recruit_section a {
	display:					block;
	width:						250px;
	margin:						0 auto;
	padding:					10px 0;
	background-color:			#F38621;
	color:						#ffffff;
	border-radius:				30px;
	font-size:					20px;
	text-align:					center;
	transition:					all 0.3s;
}
#office_area .office_recruit .recruit_section a:hover {
	background-color:			#FF500F;
	padding-left:				10px;
}
@media print,screen and (max-width:640px){
	/* コンテンツエリア */
	#office_area {
		margin:						50px 0 0;
	}
	/* タイトル */
	#office_area .office_title .title_section {
		width:						100%;
		padding:					20px var(--mobile-padding_lr);
	}
	#office_area .office_title .title_section h1 {
		font-size:					22px;
	}
	#office_area .office_title .title_section h1.noto_serif_bold {
		font-size:					18px;
	}
	/* 代表挨拶 */
	#office_area .office_greeting .greeting_section {
		width:						100%;
		padding:					20px var(--mobile-padding_lr);
	}
	#office_area .office_greeting .greeting_section .greeting {
		flex-wrap:					wrap;
		width:						100%;
	}
	#office_area .office_greeting .greeting_section .greeting .col01,
	#office_area .office_greeting .greeting_section .greeting .col02 {
		width:						100%;
	}
	#office_area .office_greeting .greeting_section .greeting .col01 {
		align-self:					center;
		padding-right:				0;
	}
	#office_area .office_greeting .greeting_section .greeting .col01 h2.title {
		margin-bottom:				15px;
		font-size:					22px;
	}
	#office_area .office_greeting .greeting_section .greeting .col01 p.text {
		margin-bottom:				15px;
		font-size:					14px;
	}
	#office_area .office_greeting .greeting_section .greeting .col01 p.name {
		margin-bottom:				10px;
		font-size:					14px;
	}
	/* 設立 */
	#office_area .office_establishment .establishment_section {
		width:						100%;
		padding:					20px var(--mobile-padding_lr);
	}
	#office_area .office_establishment .establishment_section table tr td {
		font-size:					14px;
	}
	#office_area .office_establishment .establishment_section table tr td:nth-child(2) {
		padding:					10px 15px;
	}
	/* 沿革 */
	#office_area .office_history .history_section {
		width:						100%;
		padding:					20px var(--mobile-padding_lr);
	}
	#office_area .office_history .history_section table {
		font-size:					14px;
	}
	#office_area .office_history .history_section table tr td:nth-child(1) {
		width:						14%;
		vertical-align:				top;
	}
	#office_area .office_history .history_section table tr td:nth-child(2) {
		width:						86%;
	}
	/* リクルート */
	#office_area .office_recruit {
		padding:					0;
	}
	#office_area .office_recruit .recruit_section {
		width:						100%;
		padding:					40px var(--mobile-padding_lr);
	}
	#office_area .office_recruit .recruit_section h2 {
		text-align:					center;
	}
	#office_area .office_recruit .recruit_section h2 {
		font-size:					32px;
	}
	#office_area .office_recruit .recruit_section p.text {
		padding:					15px 5px 0;
		font-size:					14px;
	}
	#office_area .office_recruit .recruit_section h3 {
		padding:					0;
	}
	#office_area .office_recruit .recruit_section ul {
		padding:					0;
	}
	#office_area .office_recruit .recruit_section ul li {
		font-size:					14px;
	}
	#office_area .office_recruit .recruit_section .wrap {
		padding:					0;
	}
	#office_area .office_recruit .recruit_section .wrap table tr td {
		font-size:					14px;
	}
	#office_area .office_recruit .recruit_section .wrap table tr td:nth-child(2) {
		padding:					10px 15px;
	}
	#office_area .office_recruit .recruit_section a {
		width:						220px;
		font-size:					16px;
	}
}
/*************************************************************************************************
/* 仲介会社様 土地オーナー様へ
**************************************************************************************************/
/* コンテンツエリア */
#owners_area {
	width:						100%;
	margin:						89px auto 0;
}
/* アンカーリンク */
#owners_area #owners_anchor01,
#owners_area #owners_anchor02,
#owners_area #owners_anchor03 {
    margin-top:					-80px;
    padding-top:				80px;
}
/* タイトル */
#owners_area .owners_title {
	width:						100%;
	background-color:			#D6E154;
	padding:					40px 0;
}
#owners_area .owners_title .title_section {
	width:						var(--contents-width);
	margin:						0 auto;
}
#owners_area .owners_title .title_section h1 {
	margin:						0;
	padding:					0;
}
#owners_area .owners_title .title_section img {
	width:						400px;
}
/* メッセージ01 */
#owners_area .owners_message01 {
	width:						100%;
	height:						600px;
	background-image:			url(images/owners/owners_bk01.jpg);
	background-size:			cover;
	background-position:		center;
	background-repeat:			no-repeat;
}
#owners_area .owners_message01 .message01_section {
	position:					relative;
	width:						var(--contents-width);
	height:						600px;
	margin:						0 auto;
}
#owners_area .owners_message01 .message01_section p {
	position:					absolute;
	top:						100px;
	left:						0;
	font-size:					20px;
	font-weight:				bold;
	letter-spacing:				1px;
	opacity:					0;
	transition:					all 2s;
}
#owners_area .owners_message01 .message01_section img.parts {
	position:					absolute;
	width:						80px;
	top:						-100px;
	right:						0;
	opacity:					0;
	transition:					all 2s;
}
/* メッセージ02 */
#owners_area .owners_message02 {
	width:						100%;
	background-color:			#D6E154;
	padding:					40px 0;
}
#owners_area .owners_message02 .message02_section {
	width:						var(--contents-width);
	margin:						0 auto;
	text-align:					center;
	color:						var(--base-color);
}
#owners_area .owners_message02 .message02_section p {
	font-size:					20px;
	font-weight:				bold;
	letter-spacing:				1px;
}
/* コンタクト */
#owners_area .owners_contact {
	width:						100%;
	padding:					40px 0;
}
#owners_area .owners_contact .contact_section {
	width:						var(--contents-width);
	margin:						0 auto;
}
#owners_area .owners_contact .contact_section .contact {
	display:					flex;
	justify-content:			space-between;
	width:						calc(var(--contents-width) - 100px);
	margin:						0 auto;
}
#owners_area .owners_contact .contact_section .contact .col {
	width:						45%;
	margin:						0 auto;
	text-align:					center;
}
#owners_area .owners_contact .contact_section .contact .col a {
	display:					block;
	width:						380px;
	margin:						0 auto;
	padding:					20px 10px;
	border:						8px solid #DEDE00;
	background-color:			#CDDC3F;
	color:						#000000;
	border-radius:				30px;
	font-size:					20px;
}
#owners_area .owners_contact .contact_section .contact .col a img.icon01,
#owners_area .owners_contact .contact_section .contact .col a img.icon02 {
	width:						50px;
	margin:						8px 0 5px;
}
#owners_area .owners_contact .contact_section .contact .col a img.icon03 {
	width:						70px;
	margin:						5px 0 10px;
}
#owners_area .owners_contact .contact_section .contact .col a img.icon04 {
	width:						158px;
	margin:						5px 0 10px;
}
#owners_area .owners_contact .contact_section .contact .col a span.w_bold {
	font-weight:				bold;
}

#owners_area .owners_contact .contact_section .contact .col a img.icon01:hover,
#owners_area .owners_contact .contact_section .contact .col a img.icon02:hover,
#owners_area .owners_contact .contact_section .contact .col a img.icon03:hover,
#owners_area .owners_contact .contact_section .contact .col a img.icon04:hover {
	opacity:					1;
}
/* 募集について・ご相談 */
#owners_area .owners_recruitment {
	width:						100%;
	padding:					40px 0;
	background-color:			#F1F2ED;
}
#owners_area .owners_recruitment .recruitment_section {
	width:						var(--contents-width);
	margin:						0 auto;
	padding:					50px 100px;
	background-image:			url(images/owners/owners_bk02.png);
	background-size:			cover;
	background-position:		center;
	background-repeat:			no-repeat;
}
#owners_area .owners_recruitment .recruitment_section .handling,
#owners_area .owners_recruitment .recruitment_section .consultation {
	display:					flex;
	justify-content:			space-between;
	width:						calc(var(--contents-width) - 200px);
	margin:						0 auto 30px;
	color:						#ffffff;
}
#owners_area .owners_recruitment .recruitment_section .handling .col {
	display:					flex;
	align-items: 				center;
	justify-content: 			center;
  	width:						18%;
	height:						117px;
	padding:					15px 10px;
	background-color:			#FF7D7D;
	border-radius:				5px;
	text-align:					center;
}
#owners_area .owners_recruitment .recruitment_section .consultation .col {
	display:					flex;
	align-items: 				center;
	justify-content: 			center;
	width:						30%;
	height:						146px;
	padding:					15px 10px;
	background-color:			#FF7D7D;
	border-radius:				5px;
	text-align:					center;
}
/* ご相談・契約の流れ */
#owners_area .owners_recruitment .recruitment_section .flow {
	width:						calc(var(--contents-width) - 400px);
	margin:						0 auto 30px;
	text-align:					center;
}
#owners_area .owners_recruitment .recruitment_section .flow a {
	display:					block;
	width:						350px;
	margin:						0 auto;
	padding:					20px 20px;
	border:						8px solid #DEDE00;
	background-color:			#C4D726;
	color:						#000000;
	border-radius:				30px;
	font-size:					20px;
	text-align:					center;
}
#owners_area .owners_recruitment .recruitment_section .flow a.sline {
	padding:					35px 0 34px;
}
#owners_area .owners_recruitment .recruitment_section .flow img {
	width:						45px;
	margin:						10px 0;
}
#owners_area .owners_recruitment .recruitment_section .flow p {
	margin-top:					15px;
	line-height:				1.3;
}
/* FAQ */
#owners_area .office_faq {
	width:						100%;
}
#owners_area .office_faq .faq_section {
	width:						var(--contents-width);
	margin:						0 auto;
}
#owners_area .office_faq .faq_section .list .js_ac_title,
#owners_area .office_faq .faq_section .list .js_title_only {
    position:                   relative;
    margin:                     0;
    padding:                    14px 10px 8px 25px;
    background-color:           #CFDE45;
    font-size:                  13px;
	border-bottom:				2px solid #B2D82C;
	box-sizing: 				border-box;
}
#owners_area .office_faq .faq_section .list .js_ac_title:hover,
#owners_area .office_faq .faq_section .list .js_ac_title:active,
#owners_area .office_faq .faq_section .list .js_ac_title.open { 
    background-color:           #B2D82C;
}
#owners_area .office_faq .faq_section .list .js_ac_title::before {		/* 開閉マーク縦線 */
    content:                    "";
    position:                   absolute;
    top:                        50%;
    right:                      25px;
    width:                      15px;
    height:                     2px;
    transform:                  rotate(90deg);
    background:                 #ffffff;
    transition:                 all .3s ease-in-out;
}
#owners_area .office_faq .faq_section .list .js_ac_title::after {		/* 開閉マーク横線 */
    content:					"";
    position:					absolute;
    top:						50%;
    right:						25px;
    width:						15px;
    height:						2px;
    background:					#ffffff;
    transition:					all .2s ease-in-out;
}
#owners_area .office_faq .faq_section .list .ac_content {
	padding:					20px 30px;
	font-size:					18px;
}
#owners_area .office_faq .faq_section .list .js_ac_title.open::before {
    transform:					rotate(180deg);
}
#owners_area .office_faq .faq_section .list .js_ac_title.open::after {
    opacity:					0;
}
@media print,screen and (max-width:640px){
	#owners_area {
		margin:						50px auto 0;
	}
	/* タイトル */
	#owners_area .owners_title {
		padding:					20px 0;
	}
	#owners_area .owners_title .title_section {
		width:						100%;
		padding:					0 var(--mobile-padding_lr);
	}
	#owners_area .owners_title .title_section h1 {
		font-size:					22px;
	}
	#owners_area .owners_title .title_section img {
		width:						250px;
	}
	/* メッセージ01 */
	#owners_area .owners_message01 {
		height:						500px;
	}
	#owners_area .owners_message01 .message01_section {
		width:						100%;
		height:						500px;
	}
	#owners_area .owners_message01 .message01_section p {
		top:						150px;
		left:						20px;
		font-size:					15px;
	}
	#owners_area .owners_message01 .message01_section img.parts {
		width:						40px;
		top:						-30px;
		right:						20px;
	}
	/* メッセージ02 */
	#owners_area .owners_message02 {
		padding:					20px 0;
	}
	#owners_area .owners_message02 .message02_section {
		width:						100%;
	}
	#owners_area .owners_message02 .message02_section p {
		padding:					0 var(--mobile-padding_lr);
		font-size:					15px;
	}
	/* コンタクト */
	#owners_area .owners_contact {
		width:						100%;
		padding:					40px 0 20px;
	}
	#owners_area .owners_contact .contact_section {
		width:						100%;
	}
	#owners_area .owners_contact .contact_section .contact {
		flex-wrap:					wrap;
		width:						100%;
	}
	#owners_area .owners_contact .contact_section .contact .col {
		width:						100%;
		margin-bottom:				20px;
	}
	#owners_area .owners_contact .contact_section .contact .col a {
		width:						310px;
		font-size:					15px;
	}
	#owners_area .owners_contact .contact_section .contact .col a img.icon01,
	#owners_area .owners_contact .contact_section .contact .col a img.icon02 {
		width:						50px;
		margin:						8px 0 5px;
	}
	#owners_area .owners_contact .contact_section .contact .col a img.icon03 {
		width:						70px;
		margin:						5px 0 10px;
	}
	#owners_area .owners_contact .contact_section .contact .col a img.icon04 {
		width:						158px;
		margin:						5px 0 10px;
	}
	#owners_area .owners_contact .contact_section .contact .col a span.w_bold {
		font-weight:				bold;
	}

	#owners_area .owners_contact .contact_section .contact .col a img.icon01:hover,
	#owners_area .owners_contact .contact_section .contact .col a img.icon02:hover,
	#owners_area .owners_contact .contact_section .contact .col a img.icon03:hover,
	#owners_area .owners_contact .contact_section .contact .col a img.icon04:hover {
		opacity:					1;
	}
	/* 募集について・ご相談 */
	#owners_area .owners_recruitment {
		width:						100%;
		padding:					40px 0;
		background-color:			#F1F2ED;
	}
	#owners_area .owners_recruitment .recruitment_section {
		width:						100%;
		padding:					0 var(--mobile-padding_lr);
		background-image:			none;
	}
	#owners_area .owners_recruitment .recruitment_section .handling,
	#owners_area .owners_recruitment .recruitment_section .consultation {
		justify-content:			center;
		flex-wrap:					wrap;
		width:						100%;
	}
	#owners_area .owners_recruitment .recruitment_section .handling .col {
		width:						30%;
		margin:						0 5px 20px;
/*		margin-bottom:				20px;*/
	}
	#owners_area .owners_recruitment .recruitment_section .consultation .col {
		width:						46%;
		margin:						0 5px 20px;
/*		margin-bottom:				20px;*/
	}
	/* ご相談・契約の流れ */
	#owners_area .owners_recruitment .recruitment_section .flow {
		width:						100%;
	}
	#owners_area .owners_recruitment .recruitment_section .flow a {
		width:						310px;
		font-size:					15px;
	}
	#owners_area .owners_recruitment .recruitment_section .flow img {
		width:						45px;
		margin:						10px 0;
	}
	#owners_area .owners_recruitment .recruitment_section .flow p {
		margin-top:					14px;
		line-height:				1.3;
	}
	/* FAQ */
	#owners_area .office_faq {
		width:						100%;
	}
	#owners_area .office_faq .faq_section {
		width:						100%;
		padding:					0 var(--mobile-padding_lr);
	}
	#owners_area .office_faq .faq_section .list .js_ac_title,
	#owners_area .office_faq .faq_section .list .js_title_only {
		padding:                    8px 13px 3px;
		font-size:                  14px;
	}
	#owners_area .office_faq .faq_section .list .js_ac_title::before {
		right:                      10px;
	}
	#owners_area .office_faq .faq_section .list .js_ac_title::after {
		right:						10px;
	}
	#owners_area .office_faq .faq_section .list .ac_content {
		padding:					8px 15px;
		font-size:					14px;
	}
}
/*************************************************************************************************
/* お問い合わせ
**************************************************************************************************/
/* コンテンツエリア */
#contact_area {
	width:						100%;
	margin:						89px auto 0;
}
/* タイトル */
#contact_area .contact_title {
	width:						100%;
	background-color:			#E0E0E0;
}
#contact_area .contact_title .title_section {
	width:						var(--contents-width);
	margin:						0 auto;
	padding:					31px 0;
}
#contact_area .contact_title .title_section h1 {
	margin:						0;
	padding:					0;
	font-size:					48px;
	line-height:				1.3;
}
#contact_area .contact_title .title_section h1.noto_serif_bold {
	margin:						0;
	padding:					0;
	font-size:					28px;
	line-height:				1.3;
}
/* お問い合わせフォーム */
#contact_form {
	width:						var(--contents-width);
	margin:						0 auto;
	padding:					50px 0;
	background-color: 			#ffffff;
}
/* モバイル用 */
@media print,screen and (max-width:640px){
	/* コンテンツエリア */
	#contact_area {
		margin:						50px auto 40px;
	}
	/* タイトル */
	#contact_area .contact_title .title_section {
		width:						100%;
		padding:					20px var(--mobile-padding_lr);
	}
	#contact_area .contact_title .title_section h1 {
		font-size:					22px;
	}
	#contact_area .contact_title .title_section h1.noto_serif_bold {
		font-size:					18px;
	}
	/* メールフォーム */
	#contact_form {
		width:						89%;
		margin-bottom:				0;
	}
}
/*************************************************************************************************
/* プライバシーポリシー
**************************************************************************************************/
/*************************************************************************************************
/* 記事一覧表示
**************************************************************************************************/
/*************************************************************************************************
/* 記事表示
**************************************************************************************************/
/*************************************************************************************************
/* デフォルトテンプレート
**************************************************************************************************/
#page_area {
	width:						100%;
	margin:						92px auto 0;
}
#page_area #page_data {
	width:						960px;
	margin:						200px auto 200px;
}
#page_area #page_data h1 {
	margin-bottom:				20px;
	font-size:					32px;
}
#page_area #page_data h3 {
	font-size:					26px;
}
#page_area #page_data p {
	margin-bottom:				20px;
}
#page_area .return_area {
	width:						960px;
	margin:						0 auto 50px;
	text-align:					center;
}
@media print,screen and (max-width:640px){
	#page_area #page_data {
		width:						100%;
		margin:						100px auto 100px;
	}
	#page_area #page_data h1 {
		font-size:					26px;
	}
	#page_area #page_data h3 {
		font-size:					22px;
	}
	#page_area .return_area {
		width:						100%;
		margin:						0 auto 50px;
	}
	#page_area .return_area {
		width:						100%;
		margin:						0 auto 50px;
	}
}
/*************************************************************************************************
/* 404 Not Found
**************************************************************************************************/
#notfound_area {
	width:						100%;
	margin:						150px auto 0;
}
#notfound_area #notfound_title {
	width:						960px;
	margin:						100px auto 50px;
	text-align:					center;
}
#notfound_area #notfound_title h1 {
	font-size:					36px;
	font-weight:				bold;
}
#notfound_area #message {
	width:						960px;
	margin:						0 auto 30px;
}
#notfound_area #message .mes01 {
	margin:						0;
	font-size:					28px;
	font-weight:				bold;
	text-align:					center;
}
#notfound_area #message .mes02 {
	padding-bottom:				100px;
	font-size:					16px;
	text-align:					center;
}
#notfound_area #message .mes02 br.mb_br {
	display:					none;
}
@media print,screen and (max-width:640px){
	#notfound_area {
		margin:						60px auto;
	}
	#notfound_area #notfound_title {
		width:						100%;
		margin:						0 auto;
		padding:					70px 15px 20px;
	}
	#notfound_area #notfound_title h1 {
		font-size:					32px;
	}
	#notfound_area #message {
		width:						100%;
	}
	#notfound_area #message .mes01 {
		margin:						10px 0 20px;
		font-size:					22px;
	}
	#notfound_area #message .mes02 {
		padding-bottom:				30px;
		font-size:					16px;
	}
	#notfound_area #message .mes02 br.mb_br {
		display:					block;
	}
}
/**********************************************************************************************************************
/* ページナビゲーション
/*********************************************************************************************************************/
/*************************************************************************************************
/* パンくずリスト
**************************************************************************************************/
/*************************************************************************************************
/* 全画面共通設定
**************************************************************************************************/
/* リターンボタン */
.return_area p {
	padding-top:				9px;
	height:						45px;
}
.return_area a.return_btn {
	padding:					10px 30px;
	border-radius:				3px;
	color:						#ffffff;
	background-color:			#3e3a39;
	cursor:						pointer;
}
.return_area a.return_btn:hover {
	background-color:			#888888;
}
/* タイトル */ 
.common_title {
	width:						100%;
	text-align:					center;
}
/* 標準ボタン（ホバーで反転） */
.common_button {
	display:					flex;
	justify-content:			center;
	align-items:				center;
	width:						250px;
	margin:						0 auto;
	padding:					.9em 2em;
	border:						1px solid #3e3a39;
	border-radius:				5px;
	background-color:			#3e3a39;
}
.common_button a {
    color:                      #ffffff;
	font-size:					1em;
    font-weight:				bold;
}
.common_button:hover {
    background-color: 			#ffffff;
}
.common_button:hover a {
    color: 						#3e3a39;
}
/* パンくずリスト */
.common_breadcrumb {
	width:						100%;
}
.common_breadcrumb .breadcrumb_section {
	width:						1200px;
	margin:						0 auto 50px;
	padding:					30px 0;
}
/* お問い合わせフォーム */
.common_goform {
	width:						var(--base-width);
    margin:                     0 auto;
	text-align:					center;
}
.common_goform a .btn {
	width:						400px;
    margin:                     0 auto;
	padding:					20px 40px;
	border:						2px solid #000000;
	border-radius:				10px;
	background-color:			#ffffff;
}
.common_goform a .btn p img {
	width:						55px;
	margin-right:				5px;
}
/* センターライン */
.common_cline {
	display:					flex;
	align-items:				center;
}
.common_cline:before {
	content:					"";
	flex-grow:					1;
	height:						1px;				/* 線の太さ */
	margin:						0 2em 0 0;			/* 文字と線の余白 */
}
.common_cline:before {
	background:					var(--base-color);
}
.common_cline:after {
	content:					"";
	flex-grow:					1;
	height:						1px;				/* 線の太さ */
	margin:						0 0 0 2em;			/* 文字と線の余白 */
}
.common_cline:after {
	background:					var(--base-color);
}
.common_cline h2 {
	margin:						0;
	padding:					0;
	font-size:					28px;
	letter-spacing:				3px;
}
/* モバイル用 */
@media print,screen and (max-width:640px){
	/* パンくずリスト */
	.common_breadcrumb .breadcrumb_section {
		width:						100%;
		margin-bottom:				30px;
		padding:					20px 15px;
	}
	/* お問い合わせフォーム */
	.common_goform {
		width:						100%;
		padding:					0 15px;
	}
	.common_goform a .btn {
		width:						100%;
		padding:					15px 40px;
	}
	.common_goform a .btn p img {
		width:						30px;
	}
	/* センターライン */
	.common_cline h2 {
		font-size:					18px;
		letter-spacing:				1px;
	}
}
/*************************************************************************************************
/* リスト表示
**************************************************************************************************/
ul.common_list {
	margin:						0 auto;
	width:						860px;
	display:					table;
}
ul.common_list li {
	display:					table-cell;
}
ul.common_list li.col01 {
	padding:					15px 0 15px 0;
	margin-right:				2px;
	width:						178px;
	color:						#A84646;
	text-align:					center;
	vertical-align:				middle;
	border-bottom:				1px solid #A84646;
}
ul.common_list li.col02 {
	padding:					15px 0 15px 15px;
	width:						665px;
	vertical-align:				middle;
	border-bottom:				1px solid #404242;
}
/* ●付きリスト表示 */
ul.dot {
	list-style-type: 			none;
	margin-left:				15px;
}
ul.dot li {
	padding-bottom:				3px;
	line-height:				1.4;
}
ul.dot li:before {
	content:					'●';
	margin-left:				-16px;
}
/* モバイル用 */
@media print,screen and (max-width:640px){
	ul.common_list {
		display:					block;
		width:						100%;
		padding:					0 15px;
	}
	ul.common_list li {
		display:					block;
	}
	ul.common_list li.col01 {
		padding:					10px 15px 5px;
		width:						100%;
		text-align:					left;
		border-bottom:				none;
	}
	ul.common_list li.col02 {
		padding:					5px 15px 10px 30px;
		width:						100%;
		border-bottom:				1px solid #404242;
	}
	ul.dot {
		margin-left:				14px;
	}
	ul.dot li {
		padding-bottom:				2px;
	}
	ul.dot li:before {
		margin-left:				-14px;
	}
}