@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

*/

@media screen and (max-width: 767px){
	.pc-block{
		display: none;
	}
	.sp-block{
		display: block;
	}


	header{
		display: none;
	}
	#hero{
		padding-bottom: 10rem;
	}
	#hero > div.wrap{
		padding: 0 1.2em 1em 1.2em;
	}
	#hero > div.wrap > div.area::before, #hero > div.wrap > div.area::after{
		width: 100%;
		background-size: contain;
	}
	#hero > div.wrap > div.area::before{
		top: -190px;
		left: 0%;
	}
	#hero > div.wrap > div.area::after{
		left: 110%;
	}
	#hero::before{
		width: 100%;
		height: 710px;
	}
	#hero::after{
		background-position: center top -140px;
	}
	#hero > div.wrap > div.area{
		margin-top: 120px;
	}
	#hero > div.wrap > div.area > div.block{
		flex-direction: column-reverse;
		width: 100%;
	}
	#hero > div.wrap > div.area > div.block > div.logo{
		flex: 0 1 auto;
	}
	#hero > div.wrap > div.area > div.block > div.talk.talk-01{
		width: 60%;
		top: 49%;
		left: 30px;
		height: 120px;
	}
	#hero > div.wrap > div.area > div.block > div.talk.talk-02 {
		top: -60px;
		left: -10px;
		right: auto;
		width: 50%;
		height: 90px;
	}
	#hero > div.wrap > div.area > div.block > div.map{
		flex: 0 1 auto;
		margin: 0 0px -60px 20px;
	}
	#hero > div.wrap > div.area > div.block > div.map > div.map_list {
		padding: 1.2em 0 0 0;
	}


/* #menu */
	#menu{
		position:fixed;
		z-index:20;
		right: 10px;
		top: 10px;
		z-index:20;
		width: 60px;
		height: 60px;
		background: var(--color-main-01);
		border-radius:50%;
		transition:all 0.6s ease;
	}
	body.menu-open #menu{
		background:transparent;
	}
	#menu div.menu-icon{
		position:relative;
		z-index:500;
		width: 60px;
		height: 60px;
		cursor:pointer;
	}
	#menu div.menu-icon > span{
		position:absolute;
		left:15px;
		width:30px;
		height:1px;
		background:#fff;
		transition:all 0.4s;
	}
	#menu div.menu-icon > span:nth-child(1){top:20px;}
	#menu div.menu-icon > span:nth-child(2){top:28px;}
	body.menu-open #menu div.menu-icon > span:nth-child(1),
	body.menu-open #menu div.menu-icon > span:nth-child(2){
		top: 20px;
		left: 20px;
	}
	body.menu-open #menu div.menu-icon > span:nth-child(1){
		transform:rotate(45deg);
	}
	body.menu-open #menu div.menu-icon > span:nth-child(2){
		transform:rotate(-45deg);
	}
	body.menu-open #menu div.menu-icon > span{
		width:24px;
		background:var(--color-bg-01);
	}
	#menu div.menu-icon > i{
		position:absolute;
		bottom:15px;
		left:50%;
		transform:translateX(-50%);
		color:#fff;
		font-size:11px;
		font-size:1.1rem;
		font-weight:400;
		line-height:1;
		opacity:1;
		width: 100%;
		text-align: center;
	}
	body.menu-open #menu div.menu-icon > i{
		opacity:0;
	}
	#menu div.menu-icon > i.open{}
	#menu div.menu-icon > i.close{
		opacity:0;
	}
	body.menu-open #menu div.menu-icon > i.close{
		opacity:1;
		color:var(--color-bg-01);
	}
	#menu div.menu-background{
		visibility:hidden;
		opacity:0;
		position:fixed;
		left:0;
		top:0;
		width:100vw;
		height:100vh;
		z-index:100;
		transition:all 0.6s ease;
	}
	body.menu-open #menu div.menu-background{
		visibility:visible;
		opacity:1;
	}
	#menu div.menu-content{
		visibility:hidden;
		opacity:0;
		position:fixed;
		top:0;
		right:0;
		z-index:999;
		width:100%;
		height:100%;
		display:flex;
		align-items:center;
		overflow-y:scroll;
		transition:all 0.6s ease;
	}
	#menu div.menu-content{
		-ms-overflow-style:none;
		scrollbar-width:none;
	}
	#menu div.menu-content::-webkit-scrollbar{
		display:none;
	}
	body.menu-open #menu div.menu-content{
		visibility:visible;
		opacity:1;
		background: var(--color-main-01);
	}
	#menu div.menu-content > div{
		max-width:1080px;
		color:#000;
		padding:1.8em 2.4em 4.2em 1.8em;
		margin:0 auto;
		background: var(--color-main-01);
		height: 100%;
		width: 100%;
	}
	#menu div.menu-content div.menu-content-body{
		position:relative;
	}
	#menu div.menu-content div.menu-content-body > div.menu-block > div{
		flex-shrink:0;
	}
	#menu div.menu-content div.menu-content-body > div.menu-block > div > .head > .mark > a{

    color: #fff;
	}
	#menu div.menu-content div.menu-content-body > div.menu-block > div > .head > .mark > a > div.name h1 > span{
		display: block;
	}
	#menu div.menu-content div.menu-content-body > div.menu-block > div > .head > .mark > a > div.name h1 > span.sub{
		font-family: 'Kosugi Maru', sans-serif;
		font-size: 14px;
		font-size: 1.4rem;
		font-weight: 400;
	}
	#menu div.menu-content div.menu-content-body > div.menu-block > div > .head > .mark > a > div.name h1 > span.main{
		font-family: 'M PLUS Rounded 1c', sans-serif;
		font-size: 36px;
		font-size: 3.6rem;
		font-weight: 500;
	}
	#menu div.menu-content div.menu-content-body > div.menu-block > div > .head > .mark > a > div.image{
		width: 60%;
		margin: 10px auto 0;
	}
	#menu div.menu-content div.menu-content-body > div.menu-block > div nav ul{
		margin-top: 2rem;
	}
	#menu div.menu-content div.menu-content-body > div.menu-block > div nav ul li{
		border-bottom: 1px solid var(--color-bg-01);
		padding: 0.5rem 1rem;
	}
	#menu div.menu-content div.menu-content-body > div.menu-block > div nav ul li a{
		display: block;
		color: #fff;
	}
	#menu div.menu-content div.menu-content-body > div.menu-block > div nav ul li a span{
		font-size: 20px;
		/* font-size: 1.5rem; */
		font-weight: 700;
		display: inline-block;
		vertical-align: middle;
	}
	#menu div.menu-content div.menu-content-body > div.menu-block > div nav ul li a span::before{
		display: inline-block;
		vertical-align: middle;
		/* color: #ff0000; */
		color: #fff;
		font-family: 'icomoon';
		font-size: 42px;
		font-size: 4.2rem;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		speak: never;
		margin: 0.1em 0.5em 0.1em 0;
	}
	#menu div.menu-content div.menu-content-body > div.menu-block > div nav ul li.cat-01 > a > span::before {
		content: '\e906';
	}
	#menu div.menu-content div.menu-content-body > div.menu-block > div nav ul li.cat-02 > a > span::before {
		content: '\e907';
	}
	#menu div.menu-content div.menu-content-body > div.menu-block > div nav ul li.cat-03 > a > span::before {
		content: '\e908';
	}
	#menu div.menu-content div.menu-content-body > div.menu-block > div nav ul li.cat-04 > a > span::before {
		content: '\e909';
	}
	#menu div.menu-content div.menu-content-body > div.menu-block > div nav ul li.cat-05 > a > span::before {
		content: '\e90a';
	}



	.h-type-03{
		font-size: 28px;
		font-size: 2.8rem;
	}
	.h-type-03::before, .h-type-03::after{
		font-size: 80%;
	}
	.h-type-04::before, .h-type-04::after{
		font-size: 60%;
	}

	div.front-introduction {
		margin-top: 2.4em;
	}
	div.front-introduction > div.wrap > div.inner{
		margin: 0 auto 4rem;
	}
	div.front-introduction > div.wrap > div.inner > div.lead > p{
		line-height: 1.6;
		font-size: 24px;
		font-size: 2.4rem;
	}
	div.front-introduction > div.wrap > div.inner > div.lead > p span.h-type-04{
		line-height: 1.3;
	}
	div.front-introduction > div.wrap > div.inner > div.lead > p em{
		font-size: 34px;
		font-size: 3.4rem;
	}
	div.front-introduction > div.wrap > div.inner > div.lead > p em:nth-child(2){
		display: block;
	}
	div.front-introduction > div.wrap > div.inner > div.more {
		margin-top: 2.8em;
	}
	div.front-introduction > div.wrap > div.inner > div.more > ul{
		flex-direction: column;
	}
	div.front-introduction > div.wrap > div.inner > div.more > ul > li{
		margin-bottom: 2rem;
	}
	div.front-introduction > div.wrap > div.inner > div.more > ul > li > p.more > a{
		min-width: 100%;
		font-size: 20px;
		font-size: 2.0rem;
	}
	div.front-introduction > div.wrap > div.character > div.character-01{
		flex: 0 1 auto;
		margin-bottom: -30px;
	}
	div.front-introduction > div.wrap > div.character > div.character-02{
		flex: 0 1 auto;
		margin-right: 0;
		margin-left: 40px;
	}
	div.front-introduction > div.wrap > div.character > div.character-01::before{
		top: -20px;
		left: 10px;
	}
	div.front-introduction > div.wrap > div.character > div.character-02::before{
		top: -25px;
		right: 5px;
	}


	div.common-badge{
		bottom: 1.2em;
	}
	div.common-badge.badge-01.active{
		z-index: 9;
		left: 0.8em;
	}
	div.common-badge.badge-02.active{
		z-index: 9;
		right: 0.8em;
	}
	div.common-badge.badge-01 > div.badge > a > div.heading {
		margin-top: 32px;
	}
	div.common-badge.badge-02 > div.badge > a > div.heading {
		margin-top: 26px;
	}
	div.common-badge > div.badge > a{
		width: 120px;
		height: 120px;
	}
	div.common-badge > div.badge > a > div.image img{
		height: 70px;
	}
	div.common-badge > div.badge > a > div.more{
		bottom: 10px;
	}
	div.common-badge > div.badge > a > div.heading > p span{
		font-size: 14px;
		font-size: 1.4rem;
	}
	div.common-badge.badge-01 > div.badge > a > div.heading > p > span.main{
		font-size: 18px;
		font-size: 1.8rem;
	}
	div.common-badge.badge-02 > div.badge > a > div.heading > p > span.main{
		font-size: 24px;
		font-size: 2.4rem;
	}


	body.home .common-overview {
		padding: 4.8em 0 3.2em 0;
	}
	.common-overview {
		padding: 4.8em 0 6.8em 0;;
	}
	.common-overview > div.wrap > div.inner > .head h2.h-type-04{
		font-size: 34px;
		font-size: 3.4rem;
	}
	.common-overview > div.wrap > div.inner > div.service-list ul.list{
		display: grid;
		gap: 4.2em ;
		flex-direction: column;
	}
	.common-overview > div.wrap > div.inner > div.service-list ul.list > li.box div.image > a > i{
		top: -30px;
		left: -10px;
	}
	.common-overview > div.wrap > div.inner > div.others-list > div.banners > div > div.box > a{
		min-width: 100%;
	}
	.common-overview > div.wrap > div.inner > div.others-list > div.banners > div.type-02 > div.box > div.character {
		right: 0;
	}
	.common-overview > div.wrap > div.inner > div.others-list > div.banners{
		flex-direction: column;
	}
	.common-overview > div.wrap > div.inner > div.others-list > div.banners > div > div.box > div.character{
		bottom: -40px;
	}
	.common-overview > div.wrap > div.inner > div.others-list > div.banners > div.type-01 > div.box > div.character {
		left: -15px;
		width: 26%;
	}
	.common-overview > div.wrap > div.inner > div.others-list > div.banners > div.type-02 > div.box > div.character{
		width: 26%;
	}
	.common-overview > div.wrap > div.inner > div.others-list > div.banners > div > div.box > a div.body{
		padding: 0 35px 25px 10px;
	}


	.layout-content{
		max-width: 100%;
		justify-content: center;
	}
	.layout-content .layout-content_main{
		flex: 0 0 340px;
		order: 1;
	}
	.layout-content .layout-content_side {
		flex: 0 0 340px;
		order: 2;
		margin-top: 2.5em;
	}

	body.archive .layout-content{
		margin-bottom: 6.5rem;
	}



	.modules-members_list .members_list_wrap .members_list_item{
		flex-direction: column;
	}
	.area:last-child .modules-members_list .members_list_wrap .members_list_item{
		flex-direction: row;
		align-items: center;
	}
	.modules-members_list .members_list_wrap .members_list_item .member_face{
		width: 40%;
		margin: 0 auto;
	}
	.area:last-child .modules-members_list .members_list_wrap .members_list_item .member_face{
		width: auto;
		margin: 0 auto;
	}
	.modules-members_list .members_list_wrap .members_list_item .member_face{
		width: 40%;
		margin: 0 auto;
	}
	.modules-members_list .members_list_wrap .members_list_item .member_body .member_name{
		text-align: center;
		margin-top: 1rem;
	}
	.area:last-child .modules-members_list .members_list_wrap .members_list_item .member_body .member_name {
		text-align: left;
		margin-top: 0;
		margin-left: 3%;
	}
	.modules-members_list .members_list_wrap .members_list_item .member_body .member_name h3 span.kana{
		display: block;
		margin-left: 0;
	}
	.modules-members_list .members_list_wrap .members_list_item .member_more p.more > a{
		padding: 0.6em 1.8em 0.6em 3em;
	}
	.modules-members_list.size-02 .members_list_wrap{
		flex-direction: column;
	}
	.modules-members_list.size-02 .members_list_wrap > .members_list_item{
		margin-left: 0;
	}
	.modules-members_list.size-02 .members_list_wrap > .members_list_item+.members_list_item{
		margin-top: 3%;
	}

	#footer > div.footer-upper{
		padding: 0 0 2.8em 0;
	}
	#footer > div.footer-upper > div.wrap > div.primary > div.block{
		flex-direction: column;
		padding: 0 1.2em;
	}
	#footer > div.footer-upper > div.wrap > div.primary > div.block > div.head{
		margin: -5.4em auto 0 0;
	}
	#footer > div.footer-upper > div.wrap > div.primary > div.block > div.head > div.mark > a > div.image{
		width: 80%;
		margin: 0 auto 1.4em;
	}
	#footer > div.footer-upper > div.wrap > div.primary > div.block > div.menu{
		padding: 2em 0 0 0;
	}
	#footer > div.footer-upper > div.wrap > div.primary > div.block > div.menu + div.menu {
		margin-left: 0;
	}
	#footer > div.footer-upper > div.wrap > div.explanation{
		padding: 0 1.2em;
	}
	#footer > div.footer-under{
		padding: 1.4em 1.2em;
	}


	#head > div.wrap{
		max-width: 100%;
		min-width: 100%;
	}
	#head > div.wrap > div.block > div.character-01{
		flex: 0 1 100%;
		margin-right: 100px;
	}
	#head > div.wrap > div.block > div.character-01 > div.character{
		flex: 0 1 auto;
	}
	#head > div.wrap > div.block > div.character-02{
		flex: 0 1 160%;
	}
	#head > div.wrap > div.block > div.character-02 > div.character{
		flex: 0 1 auto;
		width: 80%;
	}
	#head > div.wrap > div.block > div.character-01 > div.talk{
		width: 72%;
		position: absolute;
        top: -4rem;
        right: 5%;
	}
	#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: 72%;
	}
	#head > div.wrap > div.block > div.character-02 > div.talk{
		width: 94%;
		position: absolute;
		top: -17rem;
		left: 1rem;
		margin-top: 0;
	}
	#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: 94%;
	}
	#head > div.wrap > div.block > div.character-01 > div.talk > div.text > span{
		font-size: 20px;
		 font-size: 2.0rem;
	}
	#head > div.wrap > div.block > div.character-02 > div.talk > div.text > span > span.subtitle{
		font-size: 24px;
		font-size: 2.4rem;
	}
	#head > div.wrap > div.block > div.character-02 > div.talk > div.text > span > span.subject{
		font-size: 28px;
		font-size: 2.8rem;
	}
	#head > div.wrap > div.block > div.character-02 > div.talk > div.text > span > span.extra-01{
		font-size: 28px;
		font-size: 2.8rem;
	}
	#head.type-02 > div.wrap > div.block > div.character-01{
		margin-left: 0;
	}
	#head.type-02 > div.wrap > div.block > div.character-01 > div.character{
		flex: 0 1 auto;
	}
	#head.type-02 > div.wrap > div.block > div.character-02 > div.character{
		margin-left: 0;
		width: 80%;
	}
	#head.type-03 > div.wrap > div.block > div.character-01 > div.character{
		flex: 0 1 auto;
	}
	#head.type-03 > div.wrap > div.block > div.character-01{
		margin-left: 0;
	}



	body.customer-guide .layout-content{
		margin-bottom: 6.5rem;
	}
	body.customer-guide .layout-content .layout-content_main{
		flex: 0 0 340px;
	}
	body.customer-guide .layout-content .layout-content_main > .area:first-child{
		padding-bottom: 0;
	}

	div.page-customer-guide > div.service-overview > div.body ul.point{
		flex-direction: column;
	}
	div.page-customer-guide > div.service-detail dl.detail > div{
		flex-direction: column;
	}
	div.page-customer-guide > div.service-overview > div.body ul.point > li+li{
		margin-top: 3rem;
	}
	div.page-customer-guide > div.service-detail dl.detail > div > dd{
		margin-top: 1rem;
	}
	div.modules-attention-area-01{
		margin-bottom: 1.2em;
		padding: 2em 1.2em;
	}



	div.page-staff-guide > div.guide-price > div.plan-list > div.box{
		flex-direction: column;
	}
	div.page-staff-guide > div.guide-price > div.plan-list > div.box > div.name > div{
		margin: 0 auto;
	}
	div.page-staff-guide > div.guide-price > div.plan-list > div.box > div.body > div.detail > dl > div{
		flex-direction: column;
	}
	div.page-staff-guide > div.guide-price > div.plan-list > div.box > div.body > div.detail > dl > div > dd{
		border-left: none;
	}
	div.page-staff-guide > div.guide-price > div.plan-list > div.box > div.body > div.more > p.more {
		text-align: center;
	}
	div.page-staff-guide > div.guide-price > div.plan-list > div.box > div.body > div.more > p.more a.a-more-type-01{
		min-width: 100%;
	}
	div.page-staff-guide > div.guide-point div.point-price > dl.price > div > dt > span{
		font-size: 12px;
		font-size: 1.2rem;
	}
	div.page-staff-guide > div.guide-point div.point-price > dl.price > div > dd{
		text-align: center;
	}
	body.staff-guide .layout-content{
		margin-bottom: 4.2em;
	}
	body.staff-guide .layout-content .layout-content_main > .area{
		padding-bottom: 1.2em;
	}


	body.search .area:nth-last-child(2) .modules-members_list .members_list_wrap .members_list_item{
		flex-direction: row;
		align-items: center;
	}
	body.search .area:nth-last-child(2) .modules-members_list .members_list_wrap .members_list_item .member_face{
		width: auto;
		margin: 0 auto;
	}
	body.search .area:nth-last-child(2) .modules-members_list .members_list_wrap .members_list_item .member_body .member_name {
		text-align: left;
		margin-top: 0;
		margin-left: 3%;
	}

	body.single-staff .layout-content{
	margin-bottom: 4.2em;
	}
	body.single-staff .layout-content .layout-content_main{
		width: 80%;
		padding: 0;
	}
	body.single-staff .layout-content .layout-favorite {
		position: relative;
		top: 0;
		right: -30px;
		border-radius: 0;
	}
	body.single-staff .layout-content .layout-sns-share{
		position: relative;
		top: -127px;
		width: 180px;
		border-radius: 0;
		min-height: 127px;
		border-left: 0;
		right: -130px;
	}
	body.single-staff .layout-content .layout-sns-share .a2a_kit{
		display: flex;
	}
	body.single-staff .layout-content .layout-sns-share .a2a_kit > a{
		width: calc(100%/4);
	}
	body.single-staff .modules-members_list {
		padding: 1.5em 1.5em;
	}
	body.single-staff .modules-members_list .members_profile_wrap .members_profile_item .profile_service-detail dl.detail > div.false{
		flex-direction: column;
	}
	body.single-staff .modules-members_list .members_profile_wrap .members_profile_item .profile_service-detail dl.detail > div.true {
		flex-direction: column;
	}
	.modules-members_list .members_profile_wrap .members_profile_item .profile_service-detail dl.detail > div.true > dd {
		text-align: center;
	}
	body.single-staff .modules-members_list .members_profile_wrap .members_profile_item .profile_order-form .form-content dl.form-table > div{
		flex-direction: column;
	}
	.modules-members_list .members_profile_wrap .members_profile_item .profile_service-detail dl.detail > div.false > dd {
		text-align: center;
	}
	body.single-staff .modules-members_list .members_profile_wrap .members_profile_item .profile_order-form .form-content dl.form-table > div > dt{
		flex: 0 1 auto;
	}
	body.single-staff .modules-members_list .members_profile_wrap .members_profile_item .profile_order-form .form-content dl.form-table > div > dd{
		flex: 0 1 auto;
		margin-top: 1rem;
	}
	body.single-staff .modules-members_list .members_profile_wrap .members_profile_item .profile_order-form{
		padding: 3.5em 1.2em;
	}
	body.single-staff .modules-members_list .alignment .wpcf7-radio{
		flex-direction: column;
	}
	body.single-staff .modules-members_list .alignment .wpcf7-radio .wpcf7-list-item {
		width: auto;
	}
	body.single-staff .modules-members_list .members_profile_wrap .members_profile_item .profile_order-form .form-content .form-submit{
		margin-top: 1.8em;
	}
	body.single-staff select{
		width: 100%;
	}
	body.single-staff input.short[type=text]{
		width: 100%;
	}
	body.single-staff form span.example{
		display: block;
	}

	body.new-staff .layout-content{
		margin-bottom: 4.2em;
	}
	body.new-staff .layout-content .layout-sns-share{
	position: relative;
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 240px;
	border-radius: 0;
	padding: 0rem 1rem;
}
	body.new-staff .layout-content .layout-sns-share .addtoany_shortcode .a2a_kit{
	display: flex;
}
	body.new-staff .layout-content .layout-sns-share .addtoany_shortcode .a2a_kit > a{
	width: calc(100%/4);
}


	div.modules-dl-table-01 > dl.modules-dl-table-01 > div{
		flex-direction: column;
	}
	div.modules-dl-table-01 > dl.modules-dl-table-01 > div > dt{
		flex: 0 1 auto;
	}
	.modules-members_list .members_profile_wrap .members_profile_item .profile_order-form .form-content .form-submit

	div.modules-dl-table-01 > dl.modules-dl-table-01 > div button,div.modules-dl-table-01 > dl.modules-dl-table-01 > div input[type=button], input[type=submit]{
		width: 100%;
	}
	body.contact .layout-content{
		margin-bottom: 4.2em;
	}
	body.contact .layout-content .layout-content_main > .area:first-child{
		padding-bottom: 0;
	}

	body.favorites .layout-content{
		margin-bottom: 4.2em;
	}
	body.favorites .layout-content .layout-content_main > .area:first-child{
		padding-bottom: 1.2em;
	}


	.archive_area ul.archive_area_list > li{
		flex-direction: column;
	}
	.archive_area ul.archive_area_list > li span.title{
		margin-top: 1rem;
	}

	body.single #head > div.wrap > div.block > div.character-02 > div.talk{
		top: -14rem;
	}
	body.search #head > div.wrap > div.block > div.character-02 > div.talk{
		top: -14rem;
	}
	body.favorites #head > div.wrap > div.block > div.character-02 > div.talk{
		top: -14rem;
	}

	body.staff-guide #head > div.wrap > div.block > div.character-02 > div.talk{
		top: -14rem;
	}
	body.customer-guide #head > div.wrap > div.block > div.character-02 > div.talk{
		top: -14rem;
	}
	body.tax-location #head > div.wrap > div.block > div.character-02 > div.talk{
		top: -14rem;
	}
	body.blog #head > div.wrap > div.block > div.character-02 > div.talk{
		top: -14rem;
	}

	body.category #head > div.wrap > div.block > div.character-02 > div.talk{
		top: -14rem;
	}


	body.contact #head > div.wrap > div.block > div.character-02 > div.talk{
		top: -14rem;
	}




}