@charset "utf-8";
/*
Theme Name: L-style
Theme URI: http://www./
Description: L-style
Version: 1.0
Author: L-style
Author URI: http://www./
Tags: L-style

*/

@import url('root.css');

/*
.font-list{

	font-family:'Noto Sans JP', sans-serif;
	font-weight:400,500,700;

	font-family:'M PLUS Rounded 1c', sans-serif;
	font-weight:500,700;

	font-family:'Kosugi Maru', sans-serif;
	font-weight:400;
}
*/


*{
	box-sizing:border-box;
	padding:0;
	margin:0;
}

html{
	font-size:62.55%;
	word-break:break-all;
	word-wrap:break-word;
	background:#fff;
}

body{
	font-family:'Noto Sans JP', '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Helvetica', 'Arial', sans-serif;
	font-size:15px;
	font-size:1.5rem;
	font-weight:400;
	line-height:1.8;
	color:#000;
}
@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	body{
		font-size:14px;
		font-size:1.4rem;
	}
}

a{
	color:var(--color-main-01);
	text-decoration:none;
	transition:all 0.3s ease;
}
a:hover{
	opacity:0.6;
}
a:active,
a:focus{outline:0;}
p{margin-bottom:0}

.clear{clear:both;}
.center{text-align:center;}
.right{text-align:right;}

img{
	border:0;
	max-width:100%;
	height:auto;
	vertical-align:bottom;
}

i{font-style:normal;}
em{font-style:normal;}
ul{list-style:none;}
li{list-style:none;}
address{font-style:normal;}

hr{
	border:none;
	border-top:1px solid #e5e5e5;
	height:1px;
	margin:4.2em 0;
	width:100%;
}
i.fas,i.far{
	margin-right:0.4em;
}

/* id-link-anchor */

.id-link-anchor#aaaaaaaaaaaaaaa,
.id-link-anchor#aaaaaaaaaaaaaaa{
	padding-top:100px;
	margin-top:-100px;
}

/*******************************
/*  flex-box
*******************************/

.flex-box			{display:flex;}
.flex-box-nowrap	{flex-wrap:nowrap;}
.flex-box-wrap		{flex-wrap:wrap;}
.flex-box-row-rever	{flex-direction:row-reverse;}
.flex-box-column	{flex-direction:column;}
.flex-box-column-r	{flex-direction:column-reverse;}
.flex-box-space-b	{justify-content:space-between;}
.flex-box-space-a	{justify-content:space-around;}
.flex-box-space-c	{justify-content:center;}
.flex-box-space-e	{justify-content:flex-end;}
.flex-box-item-c	{align-items:center;}
.flex-box-item-e	{align-items:flex-end;}

/*******************************
/* 
*******************************/

#container{
	min-height:800px;
	position:relative;
	background:#fff;
	z-index:1;
}
#main{}
#sidebar{}


/*******************************
/* layout / layer
 * layout .layout-content_main
 * layout .layout-content_side
 * layout .layout-content_side
 * layout .layout-content_single
 * layout .layout-favorite
 * layout .layout-sns-share
*******************************/

.layout-content{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-start;
	max-width:1080px;
	margin:4.8em auto 8.2em auto;
}

/* layout-content_main */

.layout-content .layout-content_main{
	position:relative;
	order:2;
	flex:0 0 780px;
	border:1px solid var(--color-border-01);
	border-radius:8px;
	padding:2.2em 1.8em;
}
.layout-content .layout-content_main > .area{
	position:relative;
	padding:3.2em 0;
}
.layout-content .layout-content_main > .area:first-child{
	padding-top:0;
}
.layout-content .layout-content_main > .area + .area::before{
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	display:block;
	content:'';
	width:calc(100% + (1.8em * 2));
	height:1px;
	background:var(--color-border-01);;
}

/* layout-content_side */

.layout-content .layout-content_side{
	order:1;
	flex:0 0 280px;
}

/* layout-content_single */

.layout-content .layout-content_single{}

/* layout-favorite */

.layout-content .layout-favorite{
	position:absolute;
	top:160px;
	right:-100px;
	width:100px;
	min-height:100px;
	border:1px solid var(--color-border-01);
	border-radius:0 8px 8px 0;
}
body.single-staff .layout-content .layout-favorite{
	top:15px;
}
.layout-content .layout-favorite .simplefavorite-button,
.layout-content .layout-favorite .simplefavorite-button.active{
	opacity:1;
	cursor:pointer;
	padding:1em 0;
}
.layout-content .layout-favorite div.favorite-entry{}
.layout-content .layout-favorite div.favorite-entry p{
	display:flex;
	flex-wrap:wrap;
	line-height:1.5;
	text-align:center;
}
.layout-content .layout-favorite div.favorite-entry p::before{
	flex:0 0 100%;
	font-size:25px;
	font-family:'icomoon';
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	text-indent:initial;
	line-height:1.2;
	speak:never;
}
.layout-content .layout-favorite .simplefavorite-button div.favorite-entry p::before{
	content:'\e904';
	color:#ff0000;
}
.layout-content .layout-favorite .simplefavorite-button.active div.favorite-entry p::before{
	content:'\e913';
	color:#ff0000;
}
.layout-content .layout-favorite div.favorite-entry p > span{
	flex:0 0 100%;
	font-family:'Kosugi Maru', sans-serif;
	font-size:12px;
	font-size:1.2rem;
	font-weight:400;
	line-height:1.25;
}
.layout-content .layout-favorite > div.more{
	width:80%;
	border-top:1px dotted var(--color-border-01);
	padding:0.5em 0.5em 1.0em 0.5em;
	margin:0 auto;
}
.layout-content .layout-favorite > div.more > p.more{
	font-family:'Kosugi Maru', sans-serif;
	font-size:12px;
	font-size:1.2rem;
	font-weight:400;
	line-height:1.25;
	text-align:center;
}
.layout-content .layout-favorite > div.more > p.more a{}

/* layout-sns-share */

.layout-content .layout-sns-share{
	position:absolute;
	top:15px;
	right:-100px;
	width:100px;
	min-height:100px;
	text-align:center;
	border:1px solid var(--color-border-01);
	border-radius:0 8px 8px 0;
}
body.single-staff .layout-content .layout-sns-share{
	top:160px;
}
.layout-content .layout-sns-share > div.title{
	padding:1em 0 0.5em 0;
}
.layout-content .layout-sns-share > div.title p{
	color:#ff0000;
	font-family:'M PLUS Rounded 1c', sans-serif;
	font-size:16px;
	font-size:1.6rem;
	font-weight:700;
	line-height:1.5;
}
.layout-content .layout-sns-share > div.list{
	padding:0 0 0.5em 0;
}
.layout-content .layout-sns-share > div.list .a2a_kit a[class*=a2a_]{
	display:block;
}
.layout-content .layout-sns-share > div.list .a2a_kit a[class*=a2a_] span.a2a_svg{
	border-radius:50% !important;
}
.layout-content .layout-sns-share > div.list .a2a_kit a[class*=a2a_] span.a2a_svg svg{
	top:10%;
	width:80%;
	height:80%;
}
.layout-content .layout-sns-share > div.list .a2a_kit a[class*=a2a_].addtoany_share{
	margin-top:0.25em;
}
.layout-content .layout-sns-share > div.list .a2a_kit a[class*=a2a_].addtoany_share span.a2a_svg{
	width:26px !important;
	height:26px !important;
	line-height:26px !important;
	background-color:#ffa200 !important;
}

/*******************************
/* a.more
 * a.a-more-type-01
*******************************/

/* a.a-more-type-01 */

a.a-more-type-01{
	display:inline-flex;
	justify-content:center;
	align-items:center;
	min-width:14.5em;
	background:var(--color-main-01);
	color:#fff;
	font-size:17px;
	font-size:1.7rem;
	line-height:1.5;
	border-bottom:4px solid rgba(0,0,0,0.25);
	border-radius:256px;
	padding:0.45em 2.4em 0.45em 2.4em;
}
a.a-more-type-01::before{
	content:"\e900";
	font-family:'icomoon';
	font-size:110%;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	speak:never;
	margin-right:0.5em;
}

/*******************************
/* h-type-01
 * h-type-02
 * h-type-03
 * h-type-04
 * h-type-05
*******************************/

/* h-type-01 */

.h-type-01{
	font-family:'M PLUS Rounded 1c', sans-serif;
	font-size:21px;
	font-size:2.1rem;
	font-weight:500;
	transform:rotateZ(0.03deg);
	border-left:4px solid var(--color-main-01);
	padding:0.1em 0.1em 0.1em 0.8em;
	margin-bottom:1.5em;
}
#sidebar .h-type-01{
	font-size:18px;
	font-size:1.8rem;
	margin-bottom:1em;
}

/* h-type-02 */

.h-type-02{
	color:var(--color-04);
	font-family:'M PLUS Rounded 1c', sans-serif;
	font-size:20px;
	font-size:2.0rem;
	font-weight:500;
	transform:rotateZ(0.03deg);
	margin-bottom:0.5em;
}

/* h-type-03 */

.h-type-03{
	display:flex;
	justify-content:center;
	color:var(--color-01);
	font-family:'M PLUS Rounded 1c', sans-serif;
	font-size:33px;
	font-size:3.3rem;
	font-weight:500;
	text-align:center;
	transform:rotateZ(0.03deg);
	margin-bottom:0.5em;
}
.h-type-03::before,
.h-type-03::after{
	font-family:'icomoon';
	font-size:120%;
	font-style:normal;
	font-weight:bold;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	speak:never;
	margin:0.15em 0.25em 0 0.25em;
}
.h-type-03::before{
	content:'\e90b';
}
.h-type-03::after{
	content:'\e90c';
}

/* h-type-04 */

.h-type-04{
	display:flex;
	justify-content:center;
	color:var(--color-main-01);
	font-family:'M PLUS Rounded 1c', sans-serif;
	font-size:44px;
	font-size:4.4rem;
	font-weight:800;
	text-align:center;
	transform:rotateZ(0.03deg);
	margin-bottom:0.5em;
}
.h-type-04::before,
.h-type-04::after{
	font-family:'icomoon';
	font-size:110%;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	speak:never;
	margin:0.15em 0.25em 0 0.25em;
}
.h-type-04::before{
	content:'\e90d';
}
.h-type-04::after{
	content:'\e90e';
}

/* h-type-05 */

.h-type-05{
	background:var(--color-bg-01);
	font-family:'M PLUS Rounded 1c', sans-serif;
	font-size:18px;
	font-size:1.8rem;
	font-weight:500;
	transform:rotateZ(0.03deg);
	border-left:4px solid var(--color-main-01);
	padding:0.4em 0.4em 0.4em 1em;
	margin-bottom:1.5em;
}



.pc-block{
	display: block;
}
.sp-block{
	display: none;
}

/*******************************
/* 
 * module(1)
 * modules-members_list
 * modules-members_list.size-01
 * modules-members_list.size-02
 * 
 * module(2)
 * modules-head-01
 * 
 * module(3)
 * modules-dl-table-01
 * 
 * module(4)
 * modules-attention-area-01
 * 
*******************************/

/* module(1) */
/* modules-members_list */

.modules-members_list{}
.modules-members_list + .modules-members_list{
	margin-top:2.2em;
}

/* members_list */

.modules-members_list .members_list_wrap{}
.modules-members_list .members_list_wrap .members_list_item{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.modules-members_list:not([class*=size-]) .members_list_wrap .members_list_item + .members_list_item{
	border-top:1px dotted var(--color-border-01);
	padding-top:3.2em;
	margin-top:3.2em;
}
.modules-members_list .members_list_wrap .members_list_item .member_face{
	order:1;
	flex:0 0 15%;
}
.modules-members_list .members_list_wrap .members_list_item .member_body{
	order:2;
	flex:0 0 80.5%;
}
.modules-members_list .members_list_wrap .members_list_item .member_more{
	order:3;
	flex:0 0 100%;
	background:var(--color-bg-01);
	margin-top:1.8em;
}
.modules-members_list .members_list_wrap .members_list_item .member_face img{
	display:block;
	width:100%;
	height:auto;
	aspect-ratio:1/1;
	object-fit:cover;
	background:var(--color-bg-01);
	border-radius:50%;
	box-shadow:var(--gr-01);
}
.modules-members_list .members_list_wrap .members_list_item .member_body .member_name{}
.modules-members_list .members_list_wrap .members_list_item .member_body .member_name h3{
	color:#000;
	font-family:'M PLUS Rounded 1c', sans-serif;
	font-weight:500;
	transform:rotateZ(0.03deg);
}
.modules-members_list .members_list_wrap .members_list_item .member_body .member_name h3 span{
	display:inline-block;
}
.modules-members_list .members_list_wrap .members_list_item .member_body .member_name h3 span.name{
	font-size:21px;
	font-size:2.1rem;
}
.modules-members_list .members_list_wrap .members_list_item .member_body .member_name h3 span.kana{
	font-size:13px;
	font-size:1.3rem;
	margin-left:1em;
}
.modules-members_list .members_list_wrap .members_list_item .member_body .member_name h3 span.kana::before{
	content:'(';
}
.modules-members_list .members_list_wrap .members_list_item .member_body .member_name h3 span.kana::after{
	content:')';
}
.modules-members_list .members_list_wrap .members_list_item .member_body .member_name h3 a{
	color:#000;
}
.modules-members_list .members_list_wrap .members_list_item .member_body .member_location{
	margin-top:0.8em;
}
.modules-members_list .members_list_wrap .members_list_item .member_body .member_location dl.location{
	display:flex;
	flex-wrap:wrap;
	font-size:13px;
	font-size:1.3rem;
}
.modules-members_list .members_list_wrap .members_list_item .member_body .member_location dl.location > dt{}
.modules-members_list .members_list_wrap .members_list_item .member_body .member_location dl.location > dt::before{
	display:inline-block;
	content:'\e903';
	color:var(--color-04);
	font-family:'icomoon';
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	speak:never;
	margin-right:0.5em;
}
.modules-members_list .members_list_wrap .members_list_item .member_body .member_location dl.location > dt::after{
	content:'：';
}
.modules-members_list .members_list_wrap .members_list_item .member_body .member_location dl.location > dd{
	flex:1;
}
.modules-members_list .members_list_wrap .members_list_item .member_body .member_appeal{
	margin-top:0.8em;
}
.modules-members_list .members_list_wrap .members_list_item .member_body .member_appeal p{}
.modules-members_list .members_list_wrap .members_list_item .member_body .member_appeal a.more{
	color:var(--color-01);
	font-size:80%;
	text-decoration:underline;
	margin-left:0.5em;
}
.modules-members_list .members_list_wrap .members_list_item .member_body .member_service-list{
	margin-top:2em;
}
.modules-members_list .members_list_wrap .members_list_item .member_body .member_service-list ul.list{
	display:flex;
	flex-wrap:wrap;
}
.modules-members_list .members_list_wrap .members_list_item .member_body .member_service-list ul.list > li{
	background:var(--color-04);
	color:#fff;
	font-size:13px;
	font-size:1.3rem;
	line-height:1;
	border-radius:5px;
	padding:0.55em 1.2em;
}
.modules-members_list .members_list_wrap .members_list_item .member_body .member_service-list ul.list > li + li{
	margin-left:0.4em;
}
.modules-members_list .members_list_wrap .members_list_item .member_body .member_service-photos{
	display:flex;
	gap:0 1.5%;
	margin-top:1.8em;
}
.modules-members_list .members_list_wrap .members_list_item .member_body .member_service-photos > div{
	flex:0 0 32%;
}
.modules-members_list .members_list_wrap .members_list_item .member_body .member_service-photos > div img{
	object-fit:cover;
	aspect-ratio:4/3;
	width:100%;
	height:100%;
}
.modules-members_list .members_list_wrap .members_list_item .member_more{
	padding:1.4em 1.4em;
}
.modules-members_list .members_list_wrap .members_list_item .member_more p.more{
	font-size:18px;
	font-size:1.8rem;
	text-align:center;
}
.modules-members_list .members_list_wrap .members_list_item .member_more p.more > a{
	position:relative;
	display:inline-block;
	background:var(--color-01);
	color:#fff;
	border-bottom:4px solid rgba(0,0,0,0.25);
	border-radius:256px;
	padding:0.6em 3.2em 0.6em 4em;
}
.modules-members_list .members_list_wrap .members_list_item .member_more p.more > a::before{
	position:absolute;
	top:50%;
	left:1em;
	transform:translateY(-50%);
	content:"\e900";
	font-family:'icomoon';
	font-size:22px;
	font-size:2.2rem;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	speak:never;
}
.modules-members_list.size-01 .members_list_wrap{
	display:flex;
	flex-wrap:wrap;
	gap:1.4em 0;
}
.modules-members_list.size-02 .members_list_wrap{
	display:flex;
	flex-wrap:wrap;
	gap:0.8em 0;
}
.modules-members_list.size-01 .members_list_wrap > .members_list_item{
	flex:0 0 calc((100% - (3% * 1)) / 2);
}
.modules-members_list.size-01 .members_list_wrap > .members_list_item:nth-child(even){
	margin-left:3%;
}
.modules-members_list.size-02 .members_list_wrap > .members_list_item{
	flex:0 0 calc((100% - (3% * 2)) / 3);
	margin-left:3%;
}
.modules-members_list.size-02 .members_list_wrap > .members_list_item:nth-child(3n + 1){
	margin-left:0;
}
.modules-members_list.size-01 .members_list_wrap > .members_list_item{
	display:flex;
}
.modules-members_list.size-01 .members_list_wrap > .members_list_item .member_body{
	flex:0 0 75.5%;
}
.modules-members_list.size-01 .members_list_wrap > .members_list_item .member_face{
	flex:0 0 20%;
}
.modules-members_list.size-01 .members_list_wrap .members_list_item .member_body .member_name h3 span.kana,
.modules-members_list.size-02 .members_list_wrap .members_list_item .member_body .member_name h3 span.kana{
	display:none;
}
.modules-members_list.size-01 .members_list_wrap .members_list_item .member_body .member_name h3 span.name{
	font-size:17px;
	font-size:1.7rem;
}
.modules-members_list.size-01 .members_list_wrap .members_list_item .member_body .member_location{
	margin-top:0;
}
.modules-members_list.size-02 .members_list_wrap .members_list_item .member_body .member_name h3 span.name{
	font-size:15px;
	font-size:1.5rem;
}

/* members_profile */

.modules-members_list .members_profile_wrap{}
.modules-members_list .members_profile_wrap .members_profile_item{}
.modules-members_list .members_profile_wrap .members_profile_item .profile_service-detail{
	margin-top:2.5em;
}
.modules-members_list .members_profile_wrap .members_profile_item .profile_service-detail dl.detail{
	border:1px solid var(--color-border-01);
	border-radius:8px;
	overflow:hidden;
}
.modules-members_list .members_profile_wrap .members_profile_item .profile_service-detail dl.detail > div{
	display:flex;
}
.modules-members_list .members_profile_wrap .members_profile_item .profile_service-detail dl.detail > div + div{
	border-top:1px solid var(--color-border-01);
}
.modules-members_list .members_profile_wrap .members_profile_item .profile_service-detail dl.detail > div dt,
.modules-members_list .members_profile_wrap .members_profile_item .profile_service-detail dl.detail > div dd{
	padding:1.4em 1.8em;
}
.modules-members_list .members_profile_wrap .members_profile_item .profile_service-detail dl.detail > div dt{
	flex:0 0 24%;
	display:flex;
	justify-content:center;
	align-items:center;
	color:#fff;
	font-weight:500;
	background:var(--color-05);
}
.modules-members_list .members_profile_wrap .members_profile_item .profile_service-detail dl.detail > div dd{
	flex:0 0 76%;
	font-size:14px;
	font-size:1.4rem;
	border-left:1px solid var(--color-border-01);
}
.modules-members_list .members_profile_wrap .members_profile_item .profile_service-detail dl.detail > div.true{}
.modules-members_list .members_profile_wrap .members_profile_item .profile_service-detail dl.detail > div.false{}
.modules-members_list .members_profile_wrap .members_profile_item .profile_service-detail dl.detail > div.false > dt{
	background:#999;
}
.modules-members_list .members_profile_wrap .members_profile_item .profile_service-detail dl.detail > div.false > dd{}
.modules-members_list .members_profile_wrap .members_profile_item .profile_service-detail dl.detail > div.false > dd::before{
	content:attr(data-name) "のご依頼は出来ません。";
	color:#999;
}
.modules-members_list .members_profile_wrap .members_profile_item .profile_credentials,
.modules-members_list .members_profile_wrap .members_profile_item .profile_service-attention{
	margin-top:2.5em;
}
.modules-members_list .members_profile_wrap .members_profile_item .profile_credentials div.attention,
.modules-members_list .members_profile_wrap .members_profile_item .profile_service-attention div.attention{
	border:1px solid var(--color-border-01);
	border-radius:8px;
	padding:1.8em 2.2em;
}
.modules-members_list .members_profile_wrap .members_profile_item .profile_order-form{
	background:var(--color-bg-01);
	border-radius:12px;
	padding:3.5em 3.2em;
	margin-top:2.5em;
}
.modules-members_list .members_profile_wrap .members_profile_item .profile_order-form .form-foreword{
	text-align:center;
	margin-top:1em;
}
.modules-members_list .members_profile_wrap .members_profile_item .profile_order-form .form-foreword > ul{
	display:inline-block;
}
.modules-members_list .members_profile_wrap .members_profile_item .profile_order-form .form-foreword > ul > li{
	position:relative;
	font-size:14px;
	font-size:1.4rem;
	text-align:left;
	padding-left:1.5em;
}
.modules-members_list .members_profile_wrap .members_profile_item .profile_order-form .form-foreword > ul > li::before{
	position:absolute;
	top:5px;
	left:0;
	content:'●';
	font-size:55%;
}
.modules-members_list .members_profile_wrap .members_profile_item .profile_order-form .form-content{
	margin-top:2.5em;
}
.modules-members_list .members_profile_wrap .members_profile_item .profile_order-form .form-content .form-table{}
.modules-members_list .members_profile_wrap .members_profile_item .profile_order-form .form-content dl.form-table{}
.modules-members_list .members_profile_wrap .members_profile_item .profile_order-form .form-content dl.form-table > div{
	display:flex;
}
.modules-members_list .members_profile_wrap .members_profile_item .profile_order-form .form-content dl.form-table > div + div{
	margin-top:1.5em;
}
.modules-members_list .members_profile_wrap .members_profile_item .profile_order-form .form-content dl.form-table > div > dt{
	flex:0 0 32%;
}
.modules-members_list .members_profile_wrap .members_profile_item .profile_order-form .form-content dl.form-table > div > dd{
	flex:0 0 68%;
}
.modules-members_list .members_profile_wrap .members_profile_item .profile_order-form .form-content dl.form-table > div > dd label + label{
	margin-left:1.5em;
}
.modules-members_list .members_profile_wrap .members_profile_item .profile_order-form .form-content dl.form-table > div > dd.alignment{}
.modules-members_list .members_profile_wrap .members_profile_item .profile_order-form .form-content dl.form-table > div > dd.alignment label{
	display:inline-block;
	width:45%;
	margin-left:0;
}
.modules-members_list .members_profile_wrap .members_profile_item .profile_order-form .form-content .form-submit{
	text-align:center;
	margin-top:4.5em;
}
.modules-members_list .members_profile_wrap .members_profile_item .profile_order-form .form-content .form-submit button{
	position:relative;
	min-width:18em;
	background:var(--color-06);
	color:#fff;
	font-size:105%;
	border:none;
	border-bottom:4px solid rgba(0,0,0,0.25);
	border-radius:8px;
	padding:1em 3.3em;
	margin:0 1em;
}
.modules-members_list .members_profile_wrap .members_profile_item .profile_order-form .form-content .form-submit button.arrow::after{
	position:absolute;
	top:50%;
	right:1.5em;
	transform:translateY(-50%);
	content:'\e902';
	font-family:'icomoon';
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	speak:never;
}

/* module(2) */
/* modules-head-01 */

div.modules-head-01{}
div.modules-head-01 > div.head{}
div.modules-head-01 > div.body{
	margin-bottom:2.5em;
}
div.modules-head-01 > div.body > p{}
div.modules-head-01 > div.body > p + p{
	margin-top:1.0em;
}
div.modules-head-01 > div.body > p > span{
	display:block;
}

/* module(3) */
/* modules-dl-table-01 */

div.modules-dl-table-01{}
div.modules-dl-table-01 > dl.modules-dl-table-01{}
div.modules-dl-table-01 > dl.modules-dl-table-01 > div{
	display:flex;
	border-top:1px solid var(--color-border-02);
}
div.modules-dl-table-01 > dl.modules-dl-table-01 > div:last-child{
	border-bottom:1px solid var(--color-border-02);
}
div.modules-dl-table-01 > dl.modules-dl-table-01 > div > dt,
div.modules-dl-table-01 > dl.modules-dl-table-01 > div > dd{
	padding:1.2em 1.4em;
}
div.modules-dl-table-01 > dl.modules-dl-table-01 > div > dt{
	flex:0 0 30%;
	display:flex;
	justify-content:center;
	align-items:center;
	background:var(--color-bg-01);
	text-align:center;
}
div.modules-dl-table-01 > dl.modules-dl-table-01 > div > dd{
	flex:1;
}

/* module(4) */
/* modules-attention-area-01 */

div.modules-attention-area-01{
	background:var(--color-bg-01);
	border-radius:8px;
	padding:2.2em 3.2em;
	margin:2.5em 0;
}


/*******************************
/* header
*******************************/

header{}

#header{
	position:fixed;
	top:0;
	left:0;
	z-index:10;
	width:100%;
	background:var(--color-main-01);
	color:#fff;
	transition:all 0.6s;
}
#header.hide{
	transform:translateY(-160px);
}
#header > div.wrap{
	overflow:hidden;
}
#header > div.wrap > div.area{
	position:relative;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}
#header > div.wrap > div.area > div.head{
	margin-left:-100px;
}

/* mark */

#header > div.wrap > div.area > div.head > div.mark{
	margin-right:1.5em;
}
#header > div.wrap > div.area > div.head > div.mark > a{
	display:inline-flex;
	align-items:center;
	color:#fff;
}
#header > div.wrap > div.area > div.head > div.mark > a > div.image{
	order:1;
	flex:0 0 150px;
	padding-top:5px;
}
#header > div.wrap > div.area > div.head > div.mark > a > div.image img{
	width:150px;
	margin-bottom:-30px;
}
#header > div.wrap > div.area > div.head > div.mark > a > div.name{
	order:2;
}
#header > div.wrap > div.area > div.head > div.mark > a > div.name h1{
	display:inline-flex;
	flex-direction:column;
	line-height:1.5;
	padding:0.8em 0.4em 0.2em 0.4em;
}
#header > div.wrap > div.area > div.head > div.mark > a > div.name h1 > span{
	flex:0 0 100%;
}
#header > div.wrap > div.area > div.head > div.mark > a > div.name h1 > span.sub{
	font-family:'Kosugi Maru', sans-serif;
	font-size:17px;
	font-size:1.7rem;
	font-weight:400;
}
#header > div.wrap > div.area > div.head > div.mark > a > div.name h1 > span.main{
	font-family:'M PLUS Rounded 1c', sans-serif;
	font-size:42px;
	font-size:4.2rem;
	font-weight:500;
}

/* menu */

#header > div.wrap > div.area > div.menu{}
#header > div.wrap > div.area > div.menu ul{
	display:flex;
}
#header > div.wrap > div.area > div.menu ul > li{}
#header > div.wrap > div.area > div.menu ul > li + li{
	margin-left:0.5em;
}
#header > div.wrap > div.area > div.menu ul > li > a{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-content:center;
	width:110px;
	height:110px;
	background:#fff;
	color:#000;
	text-align:center;
	border:2px solid #ffff00;
	border-radius:22px;
}
#header > div.wrap > div.area > div.menu ul > li > a:hover{
	background:#ffff00;
	opacity:1;
}
#header > div.wrap > div.area > div.menu ul > li > a > span{
	font-size:15px;
	font-size:1.5rem;
	font-weight:700;
}
#header > div.wrap > div.area > div.menu ul > li > a > span::before{
	display:block;
	/*color:#ff0000;*/
	color:var(--color-main-01);
	font-family:'icomoon';
	font-size:50px;
	font-size:5.0rem;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	speak:never;
	margin:0.1em 0;
}
#header > div.wrap > div.area > div.menu ul > li.cat-01 > a > span::before{content:'\e906';}
#header > div.wrap > div.area > div.menu ul > li.cat-02 > a > span::before{content:'\e907';}
#header > div.wrap > div.area > div.menu ul > li.cat-03 > a > span::before{content:'\e908';}
#header > div.wrap > div.area > div.menu ul > li.cat-04 > a > span::before{content:'\e909';}
#header > div.wrap > div.area > div.menu ul > li.cat-05 > a > span::before{content:'\e90a';}

/* decoration */

#header > div.wrap > div.area > div.decoration{
	position:absolute;
	z-index:-1;
	bottom:10px;
	left:calc(50% + 610px);
	transform:translateX(-50%);
}
#header > div.wrap > div.area > div.decoration > div.image{
	width:180px;
}
#header > div.wrap > div.area > div.decoration > div.image img{}

/*******************************
/* hero
*******************************/

#hero{
	position:relative;
	display:flex;
	align-items:flex-end;
	background:linear-gradient(to bottom, rgba(255,253,226,1) 0%,rgba(255,249,174,1) 60%,rgba(255,244,92,1) 100%);
	overflow:hidden;
	padding-bottom:50px;
}
#hero::before{
	position:absolute;
	z-index:2;
	bottom:-140px;
	left:50%;
	transform:translateX(-50%);
	width:1800px;
	height:560px;
	content:'';
	background-image:url("images/parts_03.png");
	background-size:cover;
	background-position:center bottom;
	background-repeat:no-repeat;
}
#hero::after{
	position:absolute;
	z-index:0;
	top:0;
	left:0;
	width:120%;
	height:100%;
	content:'';
	background-image:url("images/parts_01.png");
	background-size:cover;
	background-position:left 80px top -140px;
	background-repeat:no-repeat;
}
#hero > div.wrap{
	width:100%;
	padding:0 1.2em;
}
#hero > div.wrap > div.area{
	position:relative;
	width:100%;
	height:600px;
	margin-top:190px;
}
#hero > div.wrap > div.area::before,
#hero > div.wrap > div.area::after{
	position:absolute;
	z-index:1;
	top:-125px;
	left:50%;
	transform:translateX(-50%);
	width:1480px;
	height:100%;
	content:'';
	background-repeat:no-repeat;
}
#hero > div.wrap > div.area::before{
	background-image:url("images/parts_04.png");
	background-position:top left;
}
#hero > div.wrap > div.area::after{
	background-image:url("images/parts_05.png");
	background-position:top right;
}
#hero > div.wrap > div.area > div.block{
	position:relative;
	z-index:5;
	display:flex;
	align-items:flex-end;
	width:1110px;
	margin:0 auto;
}
#hero > div.wrap > div.area > div.block > div.map{
	flex:0 0 550px;
	margin:0 -40px -60px 20px;
}
#hero > div.wrap > div.area > div.block > div.logo{
	flex:0 0 640px;
}
#hero > div.wrap > div.area > div.block > div.map > div.map_image{}
#hero > div.wrap > div.area > div.block > div.map > div.map_list{
	padding:1.2em 0 0 2.2em;
}
#hero > div.wrap > div.area > div.block > div.map > div.map_list > ul.list{
	display:flex;
	flex-wrap:wrap;
}
#hero > div.wrap > div.area > div.block > div.map > div.map_list > ul.list > li{
	margin-right:1.5em;
}
#hero > div.wrap > div.area > div.block > div.map > div.map_list > ul.list > li:last-child{
	margin-right:0;
}
#hero > div.wrap > div.area > div.block > div.map > div.map_list > ul.list > li > a{
	display:flex;
	align-items:center;
	font-size:18px;
	font-size:1.8rem;
	font-weight:500;
	padding:0.2em 0.2em;
}
#hero > div.wrap > div.area > div.block > div.map > div.map_list > ul.list > li > a::before{
	content:'\e900';
	font-family:'icomoon';
	font-size:110%;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	speak:never;
	margin-right:0.4em;
}
#hero > div.wrap > div.area > div.block > div.map > div.map_list > ul.list > li > a > span{
	color:#000;
}
#hero > div.wrap > div.area > div.block > div.talk{
	position:absolute;
}
#hero > div.wrap > div.area > div.block > div.talk.talk-01{
	top:60px;
	left:-30px;
	width:410px;
	height:220px;
}
#hero > div.wrap > div.area > div.block > div.talk.talk-02{
	top:-20px;
	right:420px;
	width:300px;
	height:160px;
}

/*******************************
/* front-introduction
*******************************/

div.front-introduction{
	margin-top:4.4em;
}
div.front-introduction > div.wrap{
	position:relative;
	overflow:hidden;
	padding:0 1.2em 180px 1.2em;
}
div.front-introduction > div.wrap::before,
div.front-introduction > div.wrap::after{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	content:'';
	background-position:center bottom;
	background-repeat:no-repeat;
}
div.front-introduction > div.wrap::before{
	background-image:url("images/bg_line_01.svg");
}
div.front-introduction > div.wrap::after{
	background-image:url("images/parts_02.png");
	background-size:auto 140px;
}
div.front-introduction > div.wrap > div.inner{
	position:relative;
	z-index:5;
	max-width:1100px;
	margin:0 auto;
}
div.front-introduction > div.wrap > div.inner > div.lead{
	text-align:center;
}
div.front-introduction > div.wrap > div.inner > div.lead > p{
	font-family:'Kosugi Maru', sans-serif;
	font-size:26px;
	font-size:2.6rem;
	font-weight:400;
	line-height:2.2;
}
div.front-introduction > div.wrap > div.inner > div.lead > p > span{
	display:block;
}
div.front-introduction > div.wrap > div.inner > div.lead > p em{
	font-family:'M PLUS Rounded 1c', sans-serif;
	font-size:40px;
	font-size:4.0rem;
	font-weight:800;
}
div.front-introduction > div.wrap > div.inner > div.lead > p span.h-type-04{
	line-height:1.5;
	margin-bottom:0;
}
div.front-introduction > div.wrap > div.inner > div.more{
	margin-top:3.5em;
}
div.front-introduction > div.wrap > div.inner > div.more > ul{
	display:flex;
	justify-content:center;
}
div.front-introduction > div.wrap > div.inner > div.more > ul > li{
	margin:0 0.5em;
}
div.front-introduction > div.wrap > div.inner > div.more > ul > li > p.more{}
div.front-introduction > div.wrap > div.inner > div.more > ul > li > p.more > a{
	position:relative;
	display:inline-block;
	min-width:15.5em;
	background:var(--color-main-01);
	color:#fff;
	font-family:'Kosugi Maru', sans-serif;
	font-weight:400;
	font-size:24px;
	font-size:2.4rem;
	line-height:1.5;
	text-align:center;
	border-bottom:5px solid rgba(0,0,0,0.25);
	border-radius:256px;
	padding:0.8em 2em 0.8em 3.5em;
}
div.front-introduction > div.wrap > div.inner > div.more > ul > li > p.more > a span.icomoon{
	position:absolute;
	top:50%;
	left:0.8em;
	transform:translateY(-50%);
	width:1.8em;
	height:1.8em;
	display:flex;
	justify-content:center;
	font-size:110%;
	align-items:center;
	background:#fff;
	border-radius:50%;
}
div.front-introduction > div.wrap > div.inner > div.more > ul > li > p.more > a span.label{}
div.front-introduction > div.wrap > div.inner > div.more > ul > li > p.more.type-01 > a{background:var(--color-01);}
div.front-introduction > div.wrap > div.inner > div.more > ul > li > p.more.type-02 > a{background:var(--color-02);}
div.front-introduction > div.wrap > div.inner > div.more > ul > li > p.more.type-01 > a span.icomoon{color:var(--color-01);}
div.front-introduction > div.wrap > div.inner > div.more > ul > li > p.more.type-02 > a span.icomoon{color:var(--color-02);}
div.front-introduction > div.wrap > div.character{
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	z-index:1;
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	max-width:1180px;
	width:100%;
	margin:0 auto;
}
div.front-introduction > div.wrap > div.character > div{
	position:relative;
}
div.front-introduction > div.wrap > div.character > div.character-01{
	flex:0 0 210px;
}
div.front-introduction > div.wrap > div.character > div.character-02{
	flex:0 0 280px;
	margin-right:-40px;
	margin-bottom:-20px;
}
div.front-introduction > div.wrap > div.character > div.character-01::before,
div.front-introduction > div.wrap > div.character > div.character-02::before{
	content:'';
	position:absolute;
	z-index:-1;
	width:200px;
	height:150px;
	content:'';
	background-size:50%;
	background-repeat:no-repeat;
}
div.front-introduction > div.wrap > div.character > div.character-01::before{
	top:-30px;
	left:10px;
	background-image:url("images/character_02_name.png");
	background-position:left top;
}
div.front-introduction > div.wrap > div.character > div.character-02::before{
	top:-25px;
	right:15px;
	background-image:url("images/character_01_name.png");
	background-position:right top;
}

/*******************************
/* head
 * #head
 * #head.type-01
 * #head.type-02
 * #head.type-03
*******************************/

#head{
	position:relative;
	display:flex;
	align-items:flex-end;
	background:linear-gradient(to bottom, rgba(255,253,226,1) 0%,rgba(255,249,174,1) 60%,rgba(255,244,92,1) 100%);
	height:410px;
	overflow:hidden;
}
#head::before{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:100%;
	content:'';
	background-image:url("images/bg_line_01.svg");
	background-position:center bottom;
	background-repeat:no-repeat;
}
#head::after{
	position:absolute;
	top:0;
	left:0;
	width:120%;
	height:100%;
	content:'';
	background-image:url("images/parts_01.png");
	background-position:center bottom -100px;
	background-repeat:no-repeat;
}
#head svg{
	width:100%;
	height:auto;
}
#head > div.wrap{
	position:relative;
	z-index:1;
	max-width:1200px;
	min-width:1000px;
	background-image:url("images/parts_02.png");
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:1000px;
	margin:0 auto;
}
#head > div.wrap > div.block{
	display:flex;
	justify-content:center;
	align-items:flex-end;
}
#head > div.wrap > div.block > div.character-01{
	flex:0 0 480px;
	display:flex;
	align-items:center;
	margin-right:-60px;
}
#head > div.wrap > div.block > div.character-01 > div.talk{
	position:relative;
	order:2;
	flex:0 0 65%;
}
#head > div.wrap > div.block > div.character-01 > div.character{
	order:1;
	flex:0 0 35%;
}
#head > div.wrap > div.block > div.character-01 > div.talk,
#head > div.wrap > div.block > div.character-01 > div.talk > div.text,
#head > div.wrap > div.block > div.character-01 > div.talk > div.cover{
	width:100%;
	aspect-ratio:570/250;
}
#head > div.wrap > div.block > div.character-01 > div.talk > div.text{
	position:relative;
	z-index:1;
	display:flex;
	justify-content:center;
	align-items:center;
}
#head > div.wrap > div.block > div.character-01 > div.talk > div.cover{
	position:absolute;
	top:0;
	left:0;
}
#head > div.wrap > div.block > div.character-01 > div.talk > div.text > span{
	display:block;
	font-family:'M PLUS Rounded 1c', sans-serif;
	font-size:32px;
	font-size:3.2rem;
	font-weight:700;
	line-height:1.2;
	letter-spacing:-0.05em;
	text-align:center;
	padding:0 0.8em;
}
#head div.character-01 path{
	stroke-width:6px;
}
#head > div.wrap > div.block > div.character-02{
	flex:0 0 760px;
	display:flex;
	justify-content:flex-end;
}
#head > div.wrap > div.block > div.character-02 > div.talk{
	position:relative;
	flex:0 0 70%;
}
#head > div.wrap > div.block > div.character-02 > div.character{
	flex:0 0 30%;
	margin-left:-20px;
}
#head > div.wrap > div.block > div.character-02 > div.talk,
#head > div.wrap > div.block > div.character-02 > div.talk > div.text,
#head > div.wrap > div.block > div.character-02 > div.talk > div.cover{
	width:100%;
	aspect-ratio:580/240;
	margin-top:-10px;
}
#head > div.wrap > div.block > div.character-02 > div.talk > div.text{
	position:relative;
	z-index:1;
	display:flex;
	justify-content:center;
	align-items:center;
}
#head > div.wrap > div.block > div.character-02 > div.talk > div.cover{
	position:absolute;
	top:0;
	left:0;
}
#head > div.wrap > div.block > div.character-02 > div.talk > div.text > span{
	display:block;
	width:100%;
	font-family:'M PLUS Rounded 1c', sans-serif;
	font-weight:700;
	line-height:1.2;
	letter-spacing:-0.05em;
	text-align:center;
	padding:0 0.8em 0.5em 0.8em;
}
#head > div.wrap > div.block > div.character-02 > div.talk > div.text > span > span{
	display:block;
}
#head > div.wrap > div.block > div.character-02 > div.talk > div.text > span > span.subject{
	font-size:38px;
	font-size:3.8rem;
}
#head > div.wrap > div.block > div.character-02 > div.talk > div.text > span > span.subtitle{
	font-size:34px;
	font-size:3.4rem;
	margin-bottom:0.2em;
}
#head > div.wrap > div.block > div.character-02 > div.talk > div.text > span > span.extra,
#head > div.wrap > div.block > div.character-02 > div.talk > div.text > span > span.extra-01
#head > div.wrap > div.block > div.character-02 > div.talk > div.text > span > span.extra-02{
	font-size:30px;
	font-size:3.0rem;
	text-align:right;
	padding-right:4.5em;
	margin-top:0.2em;
}
#head > div.wrap > div.block > div.character-02 > div.talk > div.text > span > span.extra-01{}
#head > div.wrap > div.block > div.character-02 > div.talk > div.text > span > span.extra-02{
	text-align:center;
	padding:0;
	margin-bottom:0.2em;
}
#head div.character-02 path{
	stroke-width:4px;
}
#head.type-01{}
#head.type-01 > div.wrap > div.block > div.character-02 > div.talk > div.text > span > span.extra-02{
	display:none;
}
#head.type-02{}
#head.type-02 > div.wrap > div.block > div.character-01 > div.talk,
#head.type-02 > div.wrap > div.block > div.character-02 > div.talk > div.text > span > span.subtitle,
#head.type-02 > div.wrap > div.block > div.character-02 > div.talk > div.text > span > span.extra-01,
#head.type-02 > div.wrap > div.block > div.character-02 > div.talk > div.text > span > span.extra-02{
	display:none;
}
#head.type-02 > div.wrap > div.block > div.character-01{
	flex:0 0 170px;
	margin-left:80px;
	margin-right:-20px;
}
#head.type-02 > div.wrap > div.block > div.character-01 > div.character{
	flex:0 0 100%;
}
#head.type-03{}
#head.type-03 > div.wrap > div.block > div.character-01 > div.talk,
#head.type-03 > div.wrap > div.block > div.character-02 > div.talk > div.text > span > span.extra-01{
	display:none;
}
#head.type-03 > div.wrap > div.block > div.character-01{
	flex:0 0 170px;
	margin-left:80px;
	margin-right:-20px;
}
#head.type-03 > div.wrap > div.block > div.character-01 > div.character{
	flex:0 0 100%;
}

/*******************************
/* sidebar
*******************************/

#sidebar{}
#sidebar .wrap_space{
	padding:1.5em 1.5em;
}
#sidebar > .area{
	overflow:hidden;
	border:1px solid var(--color-border-01);
	border-radius:8px;
}
#sidebar > .area + .area{
	margin-top:2.2em;
}
#sidebar > .area > div.head{}
#sidebar > .area > div.head h2{
	background:var(--color-01);
	color:#fff;
	font-family:'Kosugi Maru', sans-serif;
	font-size:20px;
	font-size:2.0rem;
	font-weight:400;
	text-align:center;
	border-bottom:4px solid rgba(0,0,0,0.25);
	padding:0.6em 0.2em;
}
#sidebar > .area > div.body{}

/* category-list*/

#sidebar ul.category-list{}
#sidebar ul.category-list > li{}
#sidebar ul.category-list > li + li{
	border-top:1px solid var(--color-border-01);
}
#sidebar ul.category-list > li > a{
	display:block;
	color:#000;
	padding:1.0em 2.2em;
}
#sidebar ul.category-list > li > a:hover{
	background:#ffff00;
	opacity:1;
}
#sidebar ul.category-list > li > a > span{
	display:flex;
	align-items:center;
	font-size:16px;
	font-size:1.6rem;
	font-weight:700;
}
#sidebar ul.category-list > li > a > span::before{
	/*color:#ff0000;*/
	color:var(--color-main-01);
	font-family:'icomoon';
	font-size:45px;
	font-size:4.5rem;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	speak:never;
	margin-right:0.4em;
}
#sidebar ul.category-list > li.cat-01 > a > span::before{content:'\e906';}
#sidebar ul.category-list > li.cat-02 > a > span::before{content:'\e907';}
#sidebar ul.category-list > li.cat-03 > a > span::before{content:'\e908';}
#sidebar ul.category-list > li.cat-04 > a > span::before{content:'\e909';}
#sidebar ul.category-list > li.cat-05 > a > span::before{content:'\e90a';}

/* news-list*/

#sidebar ul.news-list{}
#sidebar ul.news-list > li{}
#sidebar ul.news-list > li + li{
	border-top:1px dotted var(--color-border-01);
	padding-top:1.5em;
	margin-top:1.5em;
}
#sidebar ul.news-list > li > div{}
#sidebar ul.news-list > li > div.status{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:0.8em;
}
#sidebar ul.news-list > li > div.status > div.icons{}
#sidebar ul.news-list > li > div.status > div.icons p{
	display:inline-block;
	min-width:9em;
	background:#333;
	color:#fff;
	font-size:12px;
	font-size:1.2rem;
	text-align:center;
	border-radius:256px;
	padding:0.1em 0.1em;
}
#sidebar ul.news-list > li > div.status.news > div.icons p{
	background:var(--color-04);
}
#sidebar ul.news-list > li > div.status.blog > div.icons p{
	background:var(--color-05);
}
#sidebar ul.news-list > li > div.status.new-staff > div.icons p{
	background:var(--color-02);
}
#sidebar ul.news-list > li > div.status > div.time{}
#sidebar ul.news-list > li > div.status > div.time p{
	font-size:12px;
	font-size:1.2rem;
	text-align:right;
}
#sidebar ul.news-list > li > div.write{}
#sidebar ul.news-list > li > div.write a{
	color:#000;
}
#sidebar ul.news-list > li > div.write p{
	font-size:14px;
	font-size:1.4rem;
}

/* search-form */

#sidebar div.search-form{}
#sidebar div.search-form dl.form-table{}
#sidebar div.search-form dl.form-table > div{}
#sidebar div.search-form dl.form-table > div + div{
	margin-top:1em;
}
#sidebar div.search-form dl.form-table > div > dt{
	color:var(--color-main-01);
	font-weight:700;
	margin-bottom:0.2em;
}
#sidebar div.search-form dl.form-table > div > dd{}
#sidebar div.search-form dl.form-table > div > dd.alignment{}
#sidebar div.search-form dl.form-table > div > dd.alignment label{
	display:inline-block;
	width:45%;
}
#sidebar div.search-form div.form-submit{
	text-align:center;
	margin-top:1em;
}
#sidebar div.search-form div.form-submit button{
	position:relative;
	background:var(--color-main-01);
	color:#fff;
	font-size:105%;
	border:none;
	border-bottom:4px solid rgba(0,0,0,0.25);
	border-radius:256px;
	padding:0.4em 3.3em;
	margin:0 1em;
}
#sidebar div.search-form div.form-submit button.search::after{
	position:absolute;
	top:calc(50% + 2px);
	left:1em;
	transform:translateY(-50%);
	content:'\e90f';
	font-family:'icomoon';
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	speak:never;
}

/* side-favorites */

#sidebar .side-favorites{}
#sidebar .area.side-favorites > div.head h2{
	background:var(--color-03);
}
#sidebar .side-favorites div.favorites-list{}
#sidebar .side-favorites div.favorites-list ul.favorites-list{}
#sidebar .side-favorites div.favorites-list ul.no-favorites{
	font-size:14px;
	font-size:1.4rem;
	padding:1.5em 1.5em;
}
#sidebar .side-favorites div.favorites-list ul.no-favorites::after{
	display:block;
	content:'サービスカテゴリからお気に入りの事業者を見つけてお気に入り登録出来ます。';
}
#sidebar .side-favorites div.favorites-list ul.favorites-list > li{
	/**/
	border:none;
	padding:0;
	margin:0;
	/**/
	position:relative;
	text-align:left;
	padding:1em 0 1em 30px;
}
#sidebar .side-favorites div.favorites-list ul.favorites-list > li + li{
	border-top:1px dotted var(--color-border-01);
}
#sidebar .side-favorites div.favorites-list ul.favorites-list > li::before{}
#sidebar .side-favorites div.favorites-list ul.favorites-list > li a{
	display:flex;
	color:#000;
}
#sidebar .side-favorites div.favorites-list ul.favorites-list > li a::before{
	content:'\e913';
	color:#ff0000;
	font-family:'icomoon';
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	text-indent:initial;
	speak:never;
	margin-right:0.5em;
}
#sidebar .side-favorites div.favorites-list ul.favorites-list > li a::after{}
#sidebar .side-favorites div.favorites-more{
	border-top:1px dotted var(--color-border-01);
	padding:1em 0
}
#sidebar .side-favorites div.favorites-more p.more{
	text-align:center;
}
#sidebar .side-favorites div.favorites-more p.more > a{
	display:inline-block;
	background:var(--color-03);
	color:#fff;
	font-size:15px;
	font-size:1.5rem;
	line-height:1.5;
	border-bottom:4px solid rgba(0,0,0,0.25);
	border-radius:256px;
	padding:0.25em 1.5em 0.25em 1.5em;
	margin:0 0.25em;
}

/*******************************
/* footer
*******************************/

footer{}
#footer{}

/* footer-upper */

#footer > div.footer-upper{
	position:relative;
	border-top:1px solid var(--color-border-01);
	padding:0 0 4.8em 0;
}
#footer > div.footer-upper > div.wrap{
	max-width:1100px;
	margin:0 auto;
}
#footer > div.footer-upper > div.wrap > div.primary{
	padding-bottom:1.8em;
}
#footer > div.footer-upper > div.wrap > div.primary > div.block{
	display:flex;
	flex-wrap:wrap;
}
#footer > div.footer-upper > div.wrap > div.primary > div.block > div.head{
	flex:0 0 30%;
	margin:-4.4em auto 0 0;
}
#footer > div.footer-upper > div.wrap > div.primary > div.block > div.head > div.mark{}
#footer > div.footer-upper > div.wrap > div.primary > div.block > div.head > div.mark > a{
	display:flex;
	flex-direction:column;
}
#footer > div.footer-upper > div.wrap > div.primary > div.block > div.head > div.mark > a:hover{
	opacity:1;
}
#footer > div.footer-upper > div.wrap > div.primary > div.block > div.head > div.mark > a > div.image{
	order:1;
	margin-bottom:1.4em;
}
#footer > div.footer-upper > div.wrap > div.primary > div.block > div.head > div.mark > a > div.name{
	order:2;
}
#footer > div.footer-upper > div.wrap > div.primary > div.block > div.head > div.mark > a > div.name h1{
	line-height:1.8;
	text-align:center;
}
#footer > div.footer-upper > div.wrap > div.primary > div.block > div.head > div.mark > a > div.name h1 span{
	display:block;
}
#footer > div.footer-upper > div.wrap > div.primary > div.block > div.head > div.mark > a > div.name h1 span.sub{
	color:#000;
	font-family:'Kosugi Maru', sans-serif;
	font-size:17px;
	font-size:1.7rem;
	font-weight:400;
}
#footer > div.footer-upper > div.wrap > div.primary > div.block > div.head > div.mark > a > div.name h1 > span.main{
	color:var(--color-main-01);
	font-family:'M PLUS Rounded 1c', sans-serif;
	font-size:30px;
	font-size:3.0rem;
	font-weight:800;
}
#footer > div.footer-upper > div.wrap > div.primary > div.block > div.menu{
	flex:0 0 29%;
	padding:4.0em 0 1.5em 0;
}
#footer > div.footer-upper > div.wrap > div.primary > div.block > div.menu + div.menu{
	margin-left:3.5%;
}
#footer > div.footer-upper > div.wrap > div.primary > div.block > div.menu > dl{}
#footer > div.footer-upper > div.wrap > div.primary > div.block > div.menu > dl > dt{
	display:block;
	background:#000;
	color:#fff;
	font-family:'Kosugi Maru', sans-serif;
	font-size:19px;
	font-size:1.9rem;
	font-weight:400;
	text-align:center;
	border-radius:5px;
	padding:0.6em 0.6em;
	margin-bottom:0.8em;
}
#footer > div.footer-upper > div.wrap > div.primary > div.block > div.menu > dl > dd{
	padding:0 1.2em;
}
#footer > div.footer-upper > div.wrap > div.primary > div.block > div.menu > dl > dd + dd{
	border-top:1px dotted var(--color-border-01);
	padding-top:1em;
	margin-top:1em;
}
#footer > div.footer-upper > div.wrap > div.primary > div.block > div.menu > dl > dd > ul{}
#footer > div.footer-upper > div.wrap > div.primary > div.block > div.menu > dl > dd > ul > li{}
#footer > div.footer-upper > div.wrap > div.primary > div.block > div.menu > dl > dd > ul > li a{
	position:relative;
	display:inline-flex;
	align-items:center;
	color:#000;
	padding:0.2em 0 0.2em 1.2em;
}
#footer > div.footer-upper > div.wrap > div.primary > div.block > div.menu > dl > dd > ul > li a::before{
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	content:'\e902';
	font-family:'icomoon';
	font-size:65%;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	speak:never;
	padding-top:0.4em;
}
#footer > div.footer-upper > div.wrap > div.primary > div.block > div.menu-01 > dl > dt{
	background:var(--color-01);
}
#footer > div.footer-upper > div.wrap > div.primary > div.block > div.menu-01  > dl > dd > ul > li a{
	color:var(--color-01);
}
#footer > div.footer-upper > div.wrap > div.primary > div.block > div.menu-02 > dl > dt{
	background:var(--color-02);
}
#footer > div.footer-upper > div.wrap > div.primary > div.block > div.menu-02 > dl > dd > ul > li a{
	color:var(--color-02);
}
#footer > div.footer-upper > div.wrap > div.primary > div.block > div.menu ul.menu-others{
	border-top:1px dotted var(--color-border-01);
	padding-top:1em;
	margin-top:1em;
}
#footer > div.footer-upper > div.wrap > div.primary > div.block > div.menu ul.menu-others > li{
	padding:0 1.2em;
}
#footer > div.footer-upper > div.wrap > div.primary > div.block > div.menu ul.menu-others > li a{
	position:relative;
	display:inline-flex;
	align-items:center;
	color:var(--color-04);
	padding:0.2em 0 0.2em 1.2em;
}
#footer > div.footer-upper > div.wrap > div.primary > div.block > div.menu ul.menu-others > li a::before{
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	content:'\e902';
	font-family:'icomoon';
	font-size:65%;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	speak:never;
	padding-top:0.4em;
}
#footer > div.footer-upper > div.wrap > div.explanation{}
#footer > div.footer-upper > div.wrap > div.explanation p{
	font-size:15px;
	font-size:1.5rem;
}

/* footer-under */

#footer > div.footer-under{
	background:var(--color-main-01);
	padding:1.4em 0;
}
#footer > div.footer-under > div.wrap{
	max-width:1100px;
	margin:0 auto;
}
#footer > div.footer-under > div.wrap > div.block{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#footer > div.footer-under > div.wrap > div.block > div.menu{
	order:2;
}
#footer > div.footer-under > div.wrap > div.block > div.copyright{
	order:1;
}
#footer > div.footer-under > div.wrap div.menu{}
#footer > div.footer-under > div.wrap div.menu ul.menu{
	display:flex;
	flex-wrap:wrap;
}
#footer > div.footer-under > div.wrap div.menu ul.menu > li{}
#footer > div.footer-under > div.wrap div.menu ul.menu > li > a{
	position:relative;
	display:block;
	color:#fff;
	font-size:13px;
	font-size:1.3rem;
	padding:0.2em 0.8em;
}
#footer > div.footer-under > div.wrap div.menu ul.menu > li + li > a::after{
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	display:block;
	left:0;
	content:'';
	width:1px;
	height:40%;
	background:#fff;
}
#footer > div.footer-under > div.wrap div.copyright{}
#footer > div.footer-under > div.wrap div.copyright p.copyright{
	color:#fff;
	font-size:13px;
	font-size:1.3rem;
}

/*******************************
/* common-overview
*******************************/

.common-overview{
	background:var(--color-bg-01);
	padding:6.6em 0 6.8em 0;
}
body.home .common-overview{
	padding:6.6em 0 4.8em 0;
}
.common-overview > div.wrap{
	padding:0 1.2em;
}
.common-overview > div.wrap > div.inner{
	max-width:1100px;
	margin:0 auto;
}
.common-overview > div.wrap > div.inner > div.head{
	margin-bottom:4.4em;
}

/* service-list */

.common-overview > div.wrap > div.inner > div.service-list{}
.common-overview > div.wrap > div.inner > div.service-list ul.list{
	display:flex;
	flex-wrap:wrap;
	gap:4.8em calc((100% - (3 * 30%)) / 2);
}
.common-overview > div.wrap > div.inner > div.service-list ul.list > li.box{
	position:relative;
	display:flex;
	flex-direction:column;
	flex:0 0 30%;
	background:#fff;
	border-radius:8px;
	box-shadow:var(--gr-01);
	padding-bottom:4.8em;
}
.common-overview > div.wrap > div.inner > div.service-list ul.list > li.box div.image{
	order:1;
	position:relative;
}
.common-overview > div.wrap > div.inner > div.service-list ul.list > li.box div.image > a{
	display:block;
}
.common-overview > div.wrap > div.inner > div.service-list ul.list > li.box div.image > a:hover{
	opacity:1;
	transition:all 0.3s ease;
}
.common-overview > div.wrap > div.inner > div.service-list ul.list > li.box div.image > a:hover img{
	opacity:0.6;
	transition:all 0.3s ease;
}
.common-overview > div.wrap > div.inner > div.service-list ul.list > li.box div.image > a > img{
	object-fit:cover;
	width:100%;
	height:100%;
	aspect-ratio:3/2;
}
.common-overview > div.wrap > div.inner > div.service-list ul.list > li.box div.image > a > i{
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute;
	top:-25px;
	left:-15px;
	z-index:1;
	background:#fff;
	width:92px;
	height:92px;
	text-align:center;
	border-radius:50%;
	box-shadow:var(--gr-01);
}
.common-overview > div.wrap > div.inner > div.service-list ul.list > li.box div.image > a > i span.icomoon{
	font-size:54px;
}
.common-overview > div.wrap > div.inner > div.service-list ul.list > li.box div.image,
.common-overview > div.wrap > div.inner > div.service-list ul.list > li.box div.image > a > img{
	border-radius:8px 8px 0 0;
}
.common-overview > div.wrap > div.inner > div.service-list ul.list > li.box div.body{
	order:2;
	padding:2em 1.8em;
}
.common-overview > div.wrap > div.inner > div.service-list ul.list > li.box div.body > div.title{}
.common-overview > div.wrap > div.inner > div.service-list ul.list > li.box div.body > div.title h3{
	color:var(--color-main-01);
	font-family:'Kosugi Maru', sans-serif;
	font-size:22px;
	font-size:2.2rem;
	font-weight:400;
	line-height:1.5;
	text-align:center;
	margin-bottom:0.5em;
}
.common-overview > div.wrap > div.inner > div.service-list ul.list > li.box div.body > div.text{}
.common-overview > div.wrap > div.inner > div.service-list ul.list > li.box div.body > div.more{
	position:absolute;
	left:0;
	bottom:2em;
	width:100%;
}
.common-overview > div.wrap > div.inner > div.service-list ul.list > li.box div.body > div.more > p.more{
	text-align:center;
}
.common-overview > div.wrap > div.inner > div.service-list ul.list > li.box div.body > div.more > p.more > a{
	display:inline-flex;
	justify-content:center;
	align-items:center;
	min-width:80%;
	background:var(--color-main-01);
	color:#fff;
	font-size:17px;
	font-size:1.7rem;
	line-height:1.5;
	border-bottom:4px solid rgba(0,0,0,0.25);
	border-radius:256px;
	padding:0.45em 2.4em 0.45em 2.4em;
}
.common-overview > div.wrap > div.inner > div.service-list ul.list > li.box div.body > div.more > p.more > a::before{
	content:"\e900";
	font-family:'icomoon';
	font-size:110%;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	speak:never;
	margin-right:0.5em;
}
.common-overview > div.wrap > div.inner > div.service-list ul.list > li.box.type-01 div.image > a > i{color:var(--color-01);}
.common-overview > div.wrap > div.inner > div.service-list ul.list > li.box.type-01 div.body > div.more > p.more > a{background:var(--color-01);}
.common-overview > div.wrap > div.inner > div.service-list ul.list > li.box.type-01 div.body > div.more > p.more > a::before{content:'\e904';}
.common-overview > div.wrap > div.inner > div.service-list ul.list > li.box.type-02 div.body > div.title h3{color:var(--color-02);}
.common-overview > div.wrap > div.inner > div.service-list ul.list > li.box.type-02 div.body > div.more > p.more > a{background:var(--color-02);}
.common-overview > div.wrap > div.inner > div.service-list ul.list > li.box.type-02 div.body > div.more > p.more > a::before{content:'\e905';}

/* others-list */

.common-overview > div.wrap > div.inner > div.others-list{
	margin-top:4.4em;
}
.common-overview > div.wrap > div.inner > div.others-list > div.banners{
	display:flex;
	justify-content:center;
	gap:0 40px;
}
.common-overview > div.wrap > div.inner > div.others-list > div.banners a:hover{
	opacity:1;
}
.common-overview > div.wrap > div.inner > div.others-list > div.banners > div{}
.common-overview > div.wrap > div.inner > div.others-list > div.banners > div > div.box{
	position:relative;
	margin-bottom:60px;
}
.common-overview > div.wrap > div.inner > div.others-list > div.banners > div > div.box > a{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	background-image:url("images/bg_01.png");
	background-color:var(--color-main-01);
	min-width:420px;
	min-height:260px;
	color:#000;
	border-radius:8px;
	box-shadow:var(--gr-01);
}
.common-overview > div.wrap > div.inner > div.others-list > div.banners > div > div.box > a div.title{
	width:100%;
	text-align:center;
	margin-top:25px;
}
.common-overview > div.wrap > div.inner > div.others-list > div.banners > div > div.box > a div.body{
	padding:0 35px 25px 35px;
}
.common-overview > div.wrap > div.inner > div.others-list > div.banners > div > div.box > a div.body p{
	font-family:'M PLUS Rounded 1c', sans-serif;
	font-size:18px;
	font-size:1.8rem;
	font-weight:500;
	line-height:1.4;
	transform:rotateZ(0.03deg);
}
.common-overview > div.wrap > div.inner > div.others-list > div.banners > div > div.box > div.character{
	position:absolute;
	bottom:-60px;
}
.common-overview > div.wrap > div.inner > div.others-list > div.banners > div > div.box > div.character a{
	display:block;
}
.common-overview > div.wrap > div.inner > div.others-list > div.banners > div > div.box > div.character a img{
	transition:all 0.3s ease;
}
.common-overview > div.wrap > div.inner > div.others-list > div.banners > div.type-01 > div.box > a{
	background-color:var(--color-01);
}
.common-overview > div.wrap > div.inner > div.others-list > div.banners > div.type-01 > div.box > a div.body{
	text-align:center;
	margin-left:auto;
	margin-right:10px;
}
.common-overview > div.wrap > div.inner > div.others-list > div.banners > div.type-01 > div.box > a div.body > p{
	position:relative;
	display:inline-block;
	margin-bottom:0.5em;
}
.common-overview > div.wrap > div.inner > div.others-list > div.banners > div.type-01 > div.box > a div.body> p::before{
	position:absolute;
	top:-30px;
	right:-50px;
	content:'';
	background-image:url("images/banner_01_ex_01.png");
	background-repeat:no-repeat;
	background-position:center center;
	width:50px;
	height:55px;
}
.common-overview > div.wrap > div.inner > div.others-list > div.banners > div.type-01 > div.box > a div.body div.ex{}
.common-overview > div.wrap > div.inner > div.others-list > div.banners > div.type-01 > div.box > a div.body div.ex > p{}
.common-overview > div.wrap > div.inner > div.others-list > div.banners > div.type-01 > div.box > a div.body div.ex > p > span{
	display:inline-flex;
	justify-content:center;
	align-items:center;
	background:var(--color-01);
	color:#fff;
	font-size:17px;
	font-size:1.7rem;
	line-height:1.5;
	border-bottom:4px solid rgba(0,0,0,0.25);
	border-radius:256px;
	padding:0.25em 1.5em 0.25em 1.5em;
	margin:0 0.25em;
}
.common-overview > div.wrap > div.inner > div.others-list > div.banners > div.type-01 > div.box > div.character{
	left:-65px;
}
.common-overview > div.wrap > div.inner > div.others-list > div.banners > div.type-02 > div.box > a{
	background-color:var(--color-02);
}
.common-overview > div.wrap > div.inner > div.others-list > div.banners > div.type-02 > div.box > a div.body{
	margin-left:20px;
	margin-right:auto;
}
.common-overview > div.wrap > div.inner > div.others-list > div.banners > div.type-02 > div.box > a div.body > p{}
.common-overview > div.wrap > div.inner > div.others-list > div.banners > div.type-02 > div.box > a div.body > p > span{
	display:block;
}
.common-overview > div.wrap > div.inner > div.others-list > div.banners > div.type-02 > div.box > div.character{
	right:-65px;
}
/*
.common-overview > div.wrap > div.inner > div.others-list > div.banners > div.type-01 > div.box > div.character a:hover img,
.common-overview > div.wrap > div.inner > div.others-list > div.banners > div.type-01 > div.box > a:hover ~ div.character img{
	transform:translate(5px,-5px);
	transition:all 0.3s ease;
}
.common-overview > div.wrap > div.inner > div.others-list > div.banners > div.type-02 > div.box > div.character a:hover img,
.common-overview > div.wrap > div.inner > div.others-list > div.banners > div.type-02 > div.box > a:hover ~ div.character img{
	transform:translate(-5px,-5px);
	transition:all 0.3s ease;
}
*/

/*******************************
/* common-badge
*******************************/

div.common-badge{
	position:fixed;
	bottom:4.2em;
	z-index:-1;
	transition:all 0.6s 0s ease;
}
div.common-badge > div.badge{}
div.common-badge > div.badge > a{
	position:relative;
	display:flex;
	justify-content:center;
	align-items:flex-start;
	width:168px;
	height:168px;
	border-radius:50%;
	box-shadow:var(--gr-01);
	background:#fff;
}
div.common-badge > div.badge > a::before,
div.common-badge > div.badge > a::after{
	content:'';
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:calc(100% - (8px * 2));
	height:calc(100% - (8px * 2));
	border-radius:50%;
}
div.common-badge > div.badge > a::before{
	border:8px solid #ddd;
	opacity:0.5;
}
div.common-badge > div.badge > a::after{
	border:3px solid #333;
}
div.common-badge > div.badge > a > div.image{
	position:absolute;
	top:-50px;
	z-index:1;
	width:100%;
	text-align:center;
}
div.common-badge > div.badge > a > div.image img{
	object-fit:cover;
	width:auto;
	height:100px;
}
div.common-badge > div.badge > a > div.heading{
	text-align:center;
	margin-top:60px;
}
div.common-badge > div.badge > a > div.heading > p{
	font-family:'M PLUS Rounded 1c', sans-serif;
	font-weight:700;
	transform:rotateZ(0.03deg);
	line-height:1;
}
div.common-badge > div.badge > a > div.heading > p span{
	display:block;
	font-size:18px;
	font-size:1.8rem;
}
div.common-badge > div.badge > a > div.heading > p span.sub{
	color:#000;
}
div.common-badge > div.badge > a > div.heading > p > span.main{
	margin-top:5px;
}
div.common-badge > div.badge > a > div.more{
	position:absolute;
	bottom:15px;
	width:100%;
	text-align:center;
}
div.common-badge > div.badge > a > div.more span.icomoon{
	font-size:28px;
	font-size:2.8rem;
}

/* badge-01 */

div.common-badge.badge-01,
div.common-badge.badge-01.active.out{
	opacity:0;
	left:-100px;
	animation:badge-01 3s ease-in-out infinite alternate;
}
div.common-badge.badge-01.active{
	opacity:1;
	left:1.8em;
	z-index:1;
	transition:all 0.6s 0s ease;
}
div.common-badge.badge-01 a{
	color:var(--color-01);
}
div.common-badge.badge-01 > div.badge > a > div.heading{
	margin-top:62px;
}
div.common-badge.badge-01 > div.badge > a::before,
div.common-badge.badge-01 > div.badge > a::after{
	border-color:var(--color-01);
}
div.common-badge.badge-01 > div.badge > a > div.heading > p > span.main{
	font-size:22px;
	font-size:2.2rem;
}

/* badge-02 */

div.common-badge.badge-02,
div.common-badge.badge-02.active.out{
	opacity:0;
	right:-100px;
	animation:badge-02 3s ease-in-out infinite alternate;
}
div.common-badge.badge-02.active{
	opacity:1;
	right:1.8em;
	z-index:1;
	transition:all 0.6s 0.3s ease;
}
div.common-badge.badge-02 a{
	color:var(--color-02);
}
div.common-badge.badge-02 > div.badge > a > div.heading{
	margin-top:58px;
}
div.common-badge.badge-02 > div.badge > a::before,
div.common-badge.badge-02 > div.badge > a::after{
	border-color:var(--color-02);
}
div.common-badge.badge-02 > div.badge > a > div.heading > p > span.main{
	font-size:33px;
	font-size:3.3rem;
}

@keyframes badge-01{
	0%		{transform:translate(0, 0)		rotate(-7deg);}
	45%		{transform:translate(0, -7px)	rotate(0deg);}
	55%		{transform:translate(0, -7px)	rotate(0deg);}
	100%	{transform:translate(0, 0)		rotate(7deg);}
}
@keyframes badge-02{
	0%		{transform:translate(0, 0) 		rotate(7deg);}
	45%		{transform:translate(0, -7px)	rotate(0deg);}
	55%		{transform:translate(0, -7px)	rotate(0deg);}
	100%	{transform:translate(0, 0)		rotate(-7deg);}
}


/*******************************
/* home
*******************************/

/*******************************
/* page
*******************************/


/*******************************
/* page-customer-guide
*******************************/

div.page-customer-guide{}

/* service-overview */

div.page-customer-guide > div.service-overview{
	margin-bottom:3.5em;
}
div.page-customer-guide > div.service-overview > div.head{
	margin-bottom:2em;
}
div.page-customer-guide > div.service-overview > div.head > div.title{
	padding-bottom:1em;
}
div.page-customer-guide > div.service-overview > div.head > div.text{}
div.page-customer-guide > div.service-overview > div.body{}
div.page-customer-guide > div.service-overview > div.body ul.point{
	display:flex;
	justify-content:center;
	gap:0 2.5%;
}
div.page-customer-guide > div.service-overview > div.body ul.point > li{
	flex:0 0 30%;
	text-align:center;
}
div.page-customer-guide > div.service-overview > div.body ul.point > li div.circle{
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	width:150px;
	height:150px;
	margin:0 auto 0.5em auto;
}
div.page-customer-guide > div.service-overview > div.body ul.point > li div.circle::before{
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	content:'';
	width:150px;
	height:150px;
	background:var(--color-main-01);
	border-radius:50%;
	opacity:0.2;
}
div.page-customer-guide > div.service-overview > div.body ul.point > li div.circle span.icomoon{
	color:var(--color-main-01);
	font-size:55px;
	font-size:5.5rem;
}
div.page-customer-guide > div.service-overview > div.body ul.point > li p{}
div.page-customer-guide > div.service-overview > div.body ul.point > li p.main{
	color:var(--color-main-01);
	font-family:'M PLUS Rounded 1c', sans-serif;
	font-size:24px;
	font-size:2.4rem;
	font-weight:700;
	line-height:1;
	transform:rotateZ(0.03deg);
	padding:0.6em 0;
}
div.page-customer-guide > div.service-overview > div.body ul.point > li p.sub{}
div.page-customer-guide > div.service-overview > div.body ul.point > li.type-01 div.circle::before{background:var(--color-01);}
div.page-customer-guide > div.service-overview > div.body ul.point > li.type-01 div.circle span.icomoon,
div.page-customer-guide > div.service-overview > div.body ul.point > li.type-01 p.main{color:var(--color-01);}
div.page-customer-guide > div.service-overview > div.body ul.point > li.type-02 div.circle::before{background:var(--color-02);}
div.page-customer-guide > div.service-overview > div.body ul.point > li.type-02 div.circle span.icomoon,
div.page-customer-guide > div.service-overview > div.body ul.point > li.type-02 p.main{color:var(--color-02);}
div.page-customer-guide > div.service-overview > div.body ul.point > li.type-03 div.circle::before{background:var(--color-03);}
div.page-customer-guide > div.service-overview > div.body ul.point > li.type-03 div.circle span.icomoon,
div.page-customer-guide > div.service-overview > div.body ul.point > li.type-03 p.main{color:var(--color-03);}

/* service-detail */

div.page-customer-guide > div.service-detail{}

div.page-customer-guide > div.service-detail dl.detail{}
div.page-customer-guide > div.service-detail dl.detail > div{
	display:flex;
	justify-content:space-between;
}
div.page-customer-guide > div.service-detail dl.detail > div + div{
	margin-top:2.5em;
}
div.page-customer-guide > div.service-detail dl.detail > div > dt{
	flex:0 0 30%;
	padding-right:4.5%;
}
div.page-customer-guide > div.service-detail dl.detail > div > dd{
	flex:1;
}
div.page-customer-guide > div.service-detail dl.detail > div > dt span{
	display:block;
	color:var(--color-main-01);
	font-family:'Kosugi Maru', sans-serif;
	font-size:19px;
	font-size:1.9rem;
	font-weight:400;
	line-height:1.5;
	text-align:center;
	border:1px solid var(--color-main-01);
	border-radius:256px;
	padding:0.4em 1.2em;
}
div.page-customer-guide > div.service-detail dl.detail > div > dd > p{}
div.page-customer-guide > div.service-detail dl.detail > div > dd > p > span{
	display:block;
}
div.page-customer-guide > div.service-detail dl.detail > div.type-01 > dt span{
	color:var(--color-01);
	border:1px solid var(--color-01);
}
div.page-customer-guide > div.service-detail dl.detail > div.type-02 > dt span{
	color:var(--color-02);
	border:1px solid var(--color-02);
}
div.page-customer-guide > div.service-detail dl.detail > div.type-03 > dt span{
	color:var(--color-03);
	border:1px solid var(--color-03);
}

/*******************************
/* staff-guide
*******************************/

div.page-staff-guide{}

/* guide-price */

div.page-staff-guide > div.guide-price{}
div.page-staff-guide > div.guide-price > div.head{
	margin-bottom:2em;
}
div.page-staff-guide > div.guide-price > div.head > div.title{}
div.page-staff-guide > div.guide-price > div.head > div.text{}
div.page-staff-guide > div.guide-price > div.head > div.text > p{}
div.page-staff-guide > div.guide-price > div.head > div.text > p > span{
	display:block;
}
div.page-staff-guide > div.guide-price > div.plan-list{}
div.page-staff-guide > div.guide-price > div.plan-list > div.box{
	display:flex;
	justify-content:space-between;
}
div.page-staff-guide > div.guide-price > div.plan-list > div.box + div.box{
	border-top:1px dotted var(--color-border-01);
	padding-top:3.2em;
	margin-top:3.2em;
}
div.page-staff-guide > div.guide-price > div.plan-list > div.box > div.name{
	flex:0 0 210px;
}
div.page-staff-guide > div.guide-price > div.plan-list > div.box > div.body{
	flex:1;
}
div.page-staff-guide > div.guide-price > div.plan-list > div.box > div.name > div{
	display:flex;
	justify-content:center;
	align-items:center;
	width:190px;
	height:190px;
	background:#888;
	color:#fff;
	border-bottom:4px solid rgba(0,0,0,0.25);
	border-radius:22px;
}
div.page-staff-guide > div.guide-price > div.plan-list > div.box > div.name > div h3{
	font-family:'M PLUS Rounded 1c', sans-serif;
	transform:rotateZ(0.03deg);
	text-align:center;
}
div.page-staff-guide > div.guide-price > div.plan-list > div.box > div.name > div h3::before{
	display:block;
	content:attr(data-en);
	font-size:18px;
	font-size:1.8rem;
	font-weight:500;
}
div.page-staff-guide > div.guide-price > div.plan-list > div.box > div.name > div h3 > span{
	display:block;
	font-size:24px;
	font-size:2.4rem;
	font-weight:700;
}
div.page-staff-guide > div.guide-price > div.plan-list > div.box > div.name > div h3 > i{
	display:block;
	font-size:18px;
	font-size:1.8rem;
	font-weight:500;
}
div.page-staff-guide > div.guide-price > div.plan-list > div.box > div.body > div.detail{}
div.page-staff-guide > div.guide-price > div.plan-list > div.box > div.body > div.detail > dl{
	border:1px solid var(--color-border-01);
	border-radius:8px;
	overflow:hidden;
}
div.page-staff-guide > div.guide-price > div.plan-list > div.box > div.body > div.detail > dl > div{
	display:flex;
}
div.page-staff-guide > div.guide-price > div.plan-list > div.box > div.body > div.detail > dl > div + div{
	border-top:1px solid var(--color-border-01);
}
div.page-staff-guide > div.guide-price > div.plan-list > div.box > div.body > div.detail > dl > div > dt,
div.page-staff-guide > div.guide-price > div.plan-list > div.box > div.body > div.detail > dl > div > dd{}
div.page-staff-guide > div.guide-price > div.plan-list > div.box > div.body > div.detail > dl > div > dt{
	flex:0 0 28%;
	display:flex;
	justify-content:center;
	align-items:center;
	background:var(--color-bg-01);
	padding:1.2em 0.4em;
}
div.page-staff-guide > div.guide-price > div.plan-list > div.box > div.body > div.detail > dl > div > dd{
	flex:1;
	border-left:1px solid var(--color-border-01);
	padding:1.2em 1.8em;
}
div.page-staff-guide > div.guide-price > div.plan-list > div.box > div.body > div.detail > dl > div > dd > ul{}
div.page-staff-guide > div.guide-price > div.plan-list > div.box > div.body > div.detail > dl > div > dd > ul > li{}
div.page-staff-guide > div.guide-price > div.plan-list > div.box.type-01 > div.name > div{background:var(--color-02);}
div.page-staff-guide > div.guide-price > div.plan-list > div.box.type-02 > div.name > div{background:var(--color-03);}
div.page-staff-guide > div.guide-price > div.plan-list > div.box.type-03 > div.name > div{background:var(--color-04);}
div.page-staff-guide > div.guide-price > div.plan-list > div.box.type-04 > div.name > div{background:var(--color-05);}
div.page-staff-guide > div.guide-price > div.plan-list > div.box > div.body > div.more{
	margin-top:1.5em;
}
div.page-staff-guide > div.guide-price > div.plan-list > div.box > div.body > div.more > p.more{
	text-align:right;
}

/* guide-point */

div.page-staff-guide > div.guide-point{}

div.page-staff-guide > div.guide-point div.point-price{}
div.page-staff-guide > div.guide-point div.point-price > dl.price{
	display:flex;
	border:1px solid var(--color-border-01);
	border-radius:8px;
	overflow:hidden;
}
div.page-staff-guide > div.guide-point div.point-price > dl.price > div{
	flex:0 0 calc(100% / 3);
}
div.page-staff-guide > div.guide-point div.point-price > dl.price > div + div{
	border-left:1px solid var(--color-border-01);
}
div.page-staff-guide > div.guide-point div.point-price > dl.price > div > dt,
div.page-staff-guide > div.guide-point div.point-price > dl.price > div > dd{
	display:flex;
	justify-content:center;
	align-items:center;
}
div.page-staff-guide > div.guide-point div.point-price > dl.price > div > dt{
	background:var(--color-06);
	color:#fff;
	padding:0.8em 0.8em;
}
div.page-staff-guide > div.guide-point div.point-price > dl.price > div > dt > span{
	font-family:'M PLUS Rounded 1c', sans-serif;
	font-size:18px;
	font-size:1.8rem;
	font-weight:500;
	transform:rotateZ(0.03deg);
}
div.page-staff-guide > div.guide-point div.point-price > dl.price > div > dd{
	padding:1.2em 0.8em;
}

/*******************************
/* contact
*******************************/

div.page-contact{}
div.page-contact > div.area{}
div.page-contact > div.area > div.form{}
div.page-contact > div.area > div.form .wpcf7-form{}
div.page-contact > div.area > div.form .wpcf7-form .form-parts-01 .wpcf7-list-item{
	display:block;
	margin:0;
}
div.page-contact > div.area > div.form .wpcf7-form .form-submit{
	text-align:center;
	margin-top:2.5em;
}

/*******************************
/* page-favorites
*******************************/

div.page-favorites{}
div.page-favorites > div.area{}
div.page-favorites > div.area > div.favorites-list{}
div.page-favorites > div.area > div.favorites-list ul.no-favorites::after{
	display:block;
	content:'サービスカテゴリからお気に入りの事業者を見つけてお気に入り登録出来ます。';
}
div.page-favorites > div.area > div.favorites-list ul.favorites-list{}
div.page-favorites > div.area > div.favorites-list ul.favorites-list > li{
	/**/
	border:none;
	padding:0;
	margin:0;
	/**/
	position:relative;
	text-align:left;
	padding:1em 0 1em 30px;
}
div.page-favorites > div.area > div.favorites-list ul.favorites-list > li + li{
	border-top:1px dotted var(--color-border-01);
}
div.page-favorites > div.area > div.favorites-list ul.favorites-list > li::before{
	position:absolute;
	top:18px;
	left:0px;
	content:'\e913';
	color:#ff0000;
	font-size:20px;
	font-family:'icomoon';
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	text-indent:initial;
	line-height:1;
	speak:never;
}
div.page-favorites > div.area > div.favorites-list ul.favorites-list > li a{
	color:#000;
}
div.page-favorites > div.area > div.favorites-list ul.favorites-list > li a::before{
	content:'お気に入りに登録済み：';
}
div.page-favorites > div.area > div.favorites-list ul.favorites-list > li a::after{}

/*******************************
 * terms-policy
*******************************/

div.page-terms-policy{}
div.page-terms-policy > div.policy-content{}
div.page-terms-policy > div.policy-content > div.box{}
div.page-terms-policy > div.policy-content > div.box + div.box{
	margin-top:2.5em;
}
div.page-terms-policy > div.policy-content > div.box p{
	margin:1.5em 0;
}

/*******************************
 * privacy-policy
*******************************/

div.page-privacy-policy{}
div.page-privacy-policy > div.policy-content{}
div.page-privacy-policy > div.policy-content > div.box{}
div.page-privacy-policy > div.policy-content > div.box + div.box{
	margin-top:2.5em;
}
div.page-privacy-policy > div.policy-content > div.box p{
	margin:1.5em 0;
}

/*******************************
/* company
*******************************/

div.page-company-profile{}
div.page-company-profile > div.area{}

/*******************************
/* dealinglaw
*******************************/

div.dealinglaw{}
div.dealinglaw > div.area{}


/*******************************
/* single.php
 * single-post_content
*******************************/

.single_area{}
.single_area .single_content{}
.single_area .single_content .content_body{
	min-height:220px;
}
.single_area .single_content .content_body p{}
.single_area .single_content .content_body p + p{
	margin-top:1.5em;
}
.single_area .single_content .content_status{
	border-top:1px dotted var(--color-border-01);
	padding:1em 0 1.5em 0;
	margin-top:4.2em;
}
.single_area .single_content .content_status p.date{
	text-align:right;
}

/*******************************
/* archive.php
*******************************/

.archive_area{}
.archive_area ul.archive_area_list{}
.archive_area ul.archive_area_list > li{
	display:flex;
	align-items:baseline;
	border-bottom:1px dotted var(--color-border-01);
	padding-bottom:1.5em;
}
.archive_area ul.archive_area_list > li + li{
	margin-top:1.5em;
}
.archive_area ul.archive_area_list > li span.title{
	order:2;
	flex:1;
}
.archive_area ul.archive_area_list > li span.title a{
	display:block;
	color:#000;
}
.archive_area ul.archive_area_list > li span.date{
	order:1;
	color:var(--color-main-01);
	font-size:13px;
	font-size:1.3rem;
	border:1px solid var(--color-main-01);
	border-radius:256px;
	padding:0.2em 1.2em;
	margin-right:1.5em;
}


/*******************************
/* search.php
 * theme-search
*******************************/

/*******************************
/* box
*******************************/
img.aligncenter{
	display:block;
	margin:0 auto;
}
img.alignright{
	display:inline-block;
	padding:0.6em;
	margin:0 0 0.8em 1.6em;
}
img.alignleft{
	display:inline-block;
	padding:0.6em;
	margin:0 1.6em 0.8em 0;
}
.alignright{float:right;}
.alignleft{float:left;}

/*******************************
/* ul
 * ul.ul-type-01
 * ul.ul-type_any_number-01
*******************************/

ul.decimal-01,
ul.disc-01,
ul.upper-roman-01,
ul.upper-alpha-01{
	padding-left:2em;
}
ul.decimal-01 > li + li,
ul.disc-01 > li + li,
ul.upper-roman-01 > li + li,
ul.upper-alpha-01 > li + li{
	margin-top:0.8em;
}
/* 数字(1,2,3,4...) */
ul.decimal-01 > li{
	list-style:decimal;
}
/* 黒丸ポチ */
ul.disc-01 > li{
	list-style:disc;
}
/* ローマ数字(大文字) */
ul.upper-roman-01 > li{
	list-style-type:upper-roman;
}
/* アルファベット(大文字) */
ul.upper-alpha-01 > li{
	list-style-type:upper-alpha;
}
/* ※ */
ul.asterisk-01{
	margin-left:1.2em;
}
ul.asterisk-01 > li{
	list-style-type:none;
}
ul.asterisk-01 > li + li{
	margin-top:0.6em;
}
ul.asterisk-01 > li:before{
	display:inline-block;
	content:'※';
	width:1.2em;
	margin-left:-1.2em;
}

/* ul.ul-type-01 */

ul.ul-type-01{}
ul.ul-type-01 > li{
	position:relative;
	text-align:left;
	padding-left:1.2em;
}
ul.ul-type-01 > li + li{
	margin-top:0.4em;
}
ul.ul-type-01 > li::before{
	position:absolute;
	top:8px;
	left:2px;
	content:'●';
	font-size:45%;
}

/* ul-type_any_number-01 */

ul.ul-type_any_number-01{}
ul.ul-type_any_number-01 > li{
	position:relative;
	padding-left:3.5em;
}
ul.ul-type_any_number-01 > li + li{
	margin-top:0.4em;
}
ul.ul-type_any_number-01 > li::before{
	content:attr(any-number);
	position:absolute;
	top:0;
	left:0;
	font-weight:bold;
}

/*******************************
/* form
*******************************/

form{}
form .required{
	display:inline-block;
	background:var(--color-05);
	color:#fff;
	font-size:65%;
	line-height:1.5;
	border-radius:5px;
	padding:0.2em 0.6em;
	margin-left:0.5em;
}
form .example{
	color:#999;
	font-size:85%;
}
form p.example{
	margin:0.65em 0;
}
form span.example{
	margin-left:0.65em;
}
input,
textarea,
select,
button{
	font-family:inherit;
}
input,
textarea,
button{
    border:1px solid #ddd;
	border-radius:4px;
    padding:0.8em 0.8em;
}
input:focus,
textarea:focus{
	outline:0;
	border-color:rgba(0,0,0,0.1);
	box-shadow:0 0 0 0.14em rgba(0,0,0,0.06);
}
input[type=text],
input[type=tel],
input[type=email]{
	width:100%;
}
input.short[type=text]{
	width:25%;
	min-width:12em;
}
textarea{
	width:100%;
	height:11em;
}
select{
	border:1px solid #ddd;
	border-radius:4px;
	padding:0.8em 0.8em;
}
select:focus{
	outline:0;
	border-color:rgba(0,0,0,0.1);
	box-shadow:0 0 0 0.14em rgba(0,0,0,0.06);
}
button,
input[type=button],
input[type=submit]{
	-webkit-appearance:none;
	cursor:pointer;
	background:#eee;
	color:#000;
	font-weight:normal;
	border-color:rgba(0,0,0,0.1);
	padding:0.8em 1.8em;
}
input[type=checkbox],
input[type=radio]{
	margin-right:0.4em;
}


/*******************************
/* wp-pagenavi
*******************************/

.wp-pagenavi{
	clear:both;
	text-align:center;
	font-size:13px;
	font-size:1.3rem;
	padding-top:6.2em;
}
.wp-pagenavi a,
.wp-pagenavi span{
	display:inline-block;
	background:#f5f5f5;
	color:#000;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
	border-radius:3px;
	padding:0.4em 1.2em;
	margin:0 0.2em 0.8em 0.2em;
}
.wp-pagenavi a:hover{
	color:#fff;
	background:var(--color-01);
	opacity:1;
}
.wp-pagenavi span.current{
	color:#fff;
	background:var(--color-01);
}
@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.wp-pagenavi{
		padding-top:2.2em;
	}
	.wp-pagenavi a,
	.wp-pagenavi span{}
	.wp-pagenavi a:hover{}
	.wp-pagenavi span.current{}
}


/*******************************
/* WP：the_posts_pagination()関数
*******************************/

.navigation.pagination{
	border-top:1px dotted var(--color-border-01);
	padding:2.2em 1.2em;
}
.navigation.pagination .screen-reader-text{
	display:none;
}
.navigation.pagination .nav-links{
	display:flex;
	justify-content:center;
}
.navigation.pagination .nav-links > .page-numbers{
	display:flex;
	justify-content:center;
	align-items:center;
	min-width:2.6em;
	height:2.6em;
	background:var(--color-01);
	color:#fff;
	font-size:14px;
	font-size:1.4rem;
	text-align:center;
	border-radius:4px;
	margin:0 0.2em;
}
.navigation.pagination .nav-links > .page-numbers.current{}
.navigation.pagination .nav-links > .page-numbers:not(.current){
	opacity:0.5;
}
.navigation.pagination .nav-links > .page-numbers.prev,
.navigation.pagination .nav-links > .page-numbers.next{
	position:relative;
	background:none;
	color:#000;
	text-indent:200%;
	white-space:nowrap;
	border-radius:50%;
	overflow:hidden;
}
.navigation.pagination .nav-links > .page-numbers.prev{
	transform:scale(-1,1);
}
.navigation.pagination .nav-links > .page-numbers.prev::before,
.navigation.pagination .nav-links > .page-numbers.next::before{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	content:'\e902';
	font-family:'icomoon';
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	text-indent:initial;
	line-height:1;
	speak:never;
}
.navigation.pagination .nav-links > .page-numbers:hover{
	opacity:1;
}

/*******************************
/* scrollTop
*******************************/

.scrollTop{
	position:fixed;
	right:20px;
	bottom:30px;
	opacity:0;
	visibility:hidden;
	transition:all 0.4s ease-in-out 0s;
	z-index:99999;
}
.scrollTop a{
	display:block;
	width:46px;
	height:46px;
	background:var(--color-03);
	border-radius:50%;
}
.scrollTop a:after{
	position:absolute;
	display:block;
	content:'';
	margin-left:17px;
	margin-top:19px;
	width:10px;
	height:10px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	transform:rotate(-45deg);
	transition:all 0.3s;
}
.scrollTop a:hover{
	opacity:0.6;
}
@media screen and (max-width: 767px){
/* mobile -------------------------------------------------------------------------------------------- */
	.scrollTop{
		right:0.8em;
		bottom:0.8em;
	}
	.scrollTop a{
		width:34px;
		height:34px;
	}
	.scrollTop a:after{
		margin-left:12px;
		margin-top:14px;
		width:8px;
		height:8px;
	}
}