/*
Theme Name:チャットホーム久留米2026
Theme URL:https://chathome-kurume.com/
Description:チャットホーム久留米
Author: チャットホーム
Version: 1.0

*/


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

html{
	font-size:62.5%;
}

@media screen and (min-width:641px) and ( max-width:1280px) {
	html {
		font-size: 50%;
	}
	
	header .header-container {
		padding-right: 100px;
	}
	
	.header-container .logo {
		width: 20% !important;
		margin-top: 10px !important;
	}
	
	 header .header-container .logo a {
		width: 190px !important;
		height: auto;
	}
	
	header #nav-drawer .nav-content > nav > ul > li > .nav-name {
		font-size: 1.4rem !important;
	}
	
	.contact-fixed li {
		width: 100px !important;
		height: 100px !important;
	}
	
	.safety-container .safety-pop::before{
		width: 145px !important;
		height: 82px !important;
		left:   0 !important;
		top: -20px !important;
	}
	
	.safety-container .safety-pop::after {
		width: 140px !important;
		height: 92px !important;
		right: -5px !important;
		bottom: 0 !important;
	}
}

body{
	font-family:"Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, Lato, Arial, "MS P Gothic", "MS Pゴシック", sans-serif;
	font-size:1.6rem;
	margin:0;
	padding: 0;
	line-height: 2;
	font-weight: 400;
	color:#2F4446;
	position: relative;
	counter-reset: number 0;  
}

ul,li{
	margin:0;
	padding:0;
	list-style: none;
}

a{
	text-decoration: none;
	color:#2F4446;
}

a:hover {
	transition:0.5s;
	-webkit-transition:0.5s;
	-ms-transition:0.5s;
	-moz-transition:0.5s;
	opacity: 0.7;
	/*! color: #FF8C31; */
}

img {
	image-rendering: -webkit-optimize-contrast;
}

p{
	padding:0;
	margin: 0;
	font-size: 1.6rem;
}

h1{
	margin:0;
	padding:0;
	font-size: 1rem;
	font-weight: 400;
}

.clearfix:after {
	content: "";
	clear: both;
	display: block;
}

.breadcrumbs{
	font-size: 1.4rem;
	color:#595757;
	font-weight: 400;
	font-style: normal;
	height: 55px;
	display: flex;
	justify-content: center;
	align-items: baseline;
	line-height: 50px;
	width: 95%;
	max-width: 1500px;
	margin: 0 auto;
}

.breadcrumbs a{
	padding:0 1rem;
}

.breadcrumbs a i{
	color: #494949;
	margin-right: 1rem;
}

.breadcrumbs i{
	font-size: 1.6rem;
}

.breadcrumbs a:hover{
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	opacity: 0.7;
}

.breadcrumbs span{
	padding: 0 1rem;
}

.breadcrumbs .now-page{
	color: #494949;
}

.wp-pagenavi {
	clear: both;
	text-align:center;
	font-size: 1.6rem;
	margin-top: 6.5rem;
}

.wp-pagenavi a,
.wp-pagenavi .current{
	color:#4CD9BB;
	text-decoration: none;
	display: inline-block;
	margin: 0 5px;
	background-color: #FFF;
	border-radius: 50%;
	border: 1px solid #4CD9BB;
}

.wp-pagenavi page larger{
	border: 1px solid #DFDFDF;
}

.wp-pagenavi span,
.wp-pagenavi a{
	width: 40px;
	height: 40px;
	line-height: 37px;
	font-weight: 500;
}

.wp-pagenavi .current{
	background-color: #4CD9BB;
	color: #FFF;
	border: none;
}

.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink{
	position:relative;
	border: 1px solid #4CD9BB;
}

.wp-pagenavi .first,
.wp-pagenavi .last{
	border: 1px solid #4CD9BB;
	width: 60px;
	border-radius: 5px;
}

.wp-pagenavi i{
	font-size:1.4rem;
}

.wp-pagenavi .pages{
	background-color:#fff;
	color:#4CD9BB;
	width: 60px;
	display: inline-block;
	margin-right: 10px;
	border: 1px solid #4CD9BB;
	font-size: 1.6rem;
	border-radius: 5px;
}

#page-top{
	display: block;
	position: fixed;
	bottom: 65px;
	right: 20px;
	z-index: 400;
	width: 60px;
	height: 60px;
}

#page-top img{
	width:100%;
	height:auto;
}

/* header
--------------------------------*/
header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 200;
}

.follow{
	position: fixed;
	top: 0;
}

.header-desc{
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 200;
}

.header-desc p{
	color: #4CD9BB;
	font-size: 1rem;
	text-align: center;
	font-weight: 500;
}

.header-container{
	width: 100%;
	height: 110px;
	display: flex;
	align-items: center;
	box-shadow: 3px 3px 5px 1px rgba(0, 0, 0, 0.15);
	padding-left: 15px;
	background-color: rgba(255,255,255,0.9);
	padding-right: 130px;
}

.header-container .logo{
	max-width:350px;
	height:auto;
	z-index: 300;
	margin-top: 25px;
	width: 30%;
}

.header-container .logo a{
	display:block;
	width: 100%;
}

.header-container .logo a img{
	width:100%;
	height:auto;
}

.c-header #nav-drawer{
	width: calc(100% - 360px);
}

.contact-fixed{
	position:fixed;
	top:0;
	right:0;
	z-index: 200;
}

.contact-fixed li{
	width: 130px;
	height: 130px;
}

.contact-fixed li a{
	display:block;
	width: 100%;
}

.contact-fixed li img{
	width:100%;
	height:auto;
}

/* navi
--------------------------------*/
#nav-drawer{
	width: 65%;
	margin-left: auto;
}

#nav-drawer #nav-btn{
	display:none;
}

#nav-drawer .nav-content > nav > ul{
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 3rem;
}

#nav-drawer .nav-content > nav > ul > li{
	display: inline-block;
	flex: 1 1 auto;
	height: 75px;
	text-align: center;
	line-height: 60px;
}

#nav-drawer .nav-content > nav > ul > li > .nav-name{
	display:block;
	font-size:1.6rem;
	position: relative;
	letter-spacing: .1em;
}

#nav-drawer .nav-content > nav > ul > .trigger{
	margin:0;
}

#nav-drawer .nav-content > nav > ul > .trigger > .nav-name::after{
	content:"";
	position:absolute;
	background-image: url(img/arrow-under-black.svg);
	display: inline-block;
	background-size: cover;
	width:14px;
	height:7px;
	bottom:-5px;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

#nav-drawer .nav-content > nav > ul > .trigger .mega{
	visibility: hidden;
	position: absolute;
	width: 100%;
	padding: 10rem 12rem;
	top: 110px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	border-radius: 0 0 10px 10px;
	background-color: rgba(255,255,255,0.95);
	z-index: 500;
	box-shadow: 0 2px 5px 3px rgba(0,0,0,0.2);
	display: flex;
	align-items: center;
}

#nav-drawer .nav-content > nav > ul > .trigger:nth-child(4) .mega{
	padding:7rem 12rem;
}

#nav-drawer .nav-content > nav > ul > .trigger .mega .mega-title-container{
	width:30%;
	position: relative;
}

#nav-drawer .nav-content > nav > ul > .trigger .mega .mega-title-container::after{
	content:"";
	background-color:#A5A5A5;
	width:1px;
	height:200px;
	position:absolute;
	right:0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

#nav-drawer .nav-content > nav > ul > .trigger .mega .side-title{
	text-align: left;
	width: 250px;
	line-height: 1.8;
	position: absolute;
	right: 70px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	top: 50%;
}

#nav-drawer .nav-content > nav > ul > .trigger .mega .side-title span{
	font-size:1.8rem;
	color:#4CD9BB;
	display:block;
	letter-spacing: .1em;
}

#nav-drawer .nav-content > nav > ul > .trigger .mega .side-title p{
	font-size:2.5rem;
	letter-spacing: .1em;
}

#nav-drawer .nav-content > nav > ul > .trigger:hover .mega{
	visibility: visible;
}

#nav-drawer .nav-content > nav > ul > .trigger:hover > .mega > ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 70%;
	padding-left: 6rem;
}

#nav-drawer .nav-content > nav > ul > .trigger:nth-child(3):hover > .mega > ul {
	width: 55%;
}

#nav-drawer .nav-content > nav > ul > .trigger:nth-child(4):hover > .mega > ul{
	width:60%;
}

#nav-drawer .nav-content > nav > ul > .trigger:hover > .mega > ul:before{
	content:"";
	display: block;
	width:23.5%;
	order:1;
}

#nav-drawer .nav-content > nav > ul > .trigger:hover > .mega > ul > li{
	width: 23.5%;
	height: 65px;
	position: relative;
}

#nav-drawer .nav-content > nav > ul > .trigger:nth-child(4):hover > .mega > ul::before {
	width: 32%;
}

#nav-drawer .nav-content > nav > ul > .trigger:nth-child(3):hover > .mega > ul > li{
	width: 49%;
}

#nav-drawer .nav-content > nav > ul > .trigger:nth-child(4):hover > .mega > ul > li{
	width: 32%;
}

#nav-drawer .nav-content > nav > ul > .trigger:nth-child(4):hover > .mega > ul > li:nth-child(-n+3){
	margin-bottom:3.5rem;
}

#nav-drawer .nav-content > nav > ul > .trigger:hover > .mega > ul > li:after{
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border-bottom: 15px solid #4CD9BB;
	border-left: 15px solid transparent;
}

#nav-drawer .nav-content > nav > ul > .trigger:hover > .mega > ul > li > a{
	display: flex;
	background-color: #FFF;
	width: 100%;
	height: 65px;
	font-size: 1.6rem;
	border: 2px solid #4CD9BB;
	line-height: 1.4;
	font-weight: 500;
	color: #4CD9BB;
	align-items: center;
	justify-content: center;
}

/* SPだけに使用部分 */
#nav-drawer .nav-content > nav > ul > li > input,
#nav-drawer .nav-content > nav > ul > li > label.nav-name{
	display: none;
}

/* footer
--------------------------------*/
.footer-contact{
	padding:13rem 0;
	background-color: #FCFCFC;
}

.footer-contact .contact-catch{
	font-size:3.2rem;
	font-weight:700;
	color:#4CD9BB;
	text-align: center;
	letter-spacing: .1em;
	line-height: 1;
	margin:5.5rem auto 5rem;
	position:relative;
	width: 600px;
}

.footer-contact .contact-catch::before,
.footer-contact .contact-catch::after{
	content:"";
	display: inline-block;
	background-size: cover;
	width:18px;
	height:30px;
	position:absolute;
	bottom:0;
}

.footer-contact .contact-catch::before{
	background-image: url(img/diagonalline-left.svg);
	left:0;
}

.footer-contact .contact-catch::after{
	background-image: url(img/diagonalline-right.svg);
	right:10px;
}

.footer-contact ul{
	display:flex;
	justify-content:space-between;
}

.footer-contact ul li{
	max-width: 380px;
	height: auto;
	text-align: center;
	border-radius: 15px;
	width: 32%;
}

.footer-contact ul li a{
	width:100%;
	height:auto;
	display:block;
	padding: 3rem 0;
}

.footer-contact ul li:last-child a{
	padding: 3.5rem 0;
}

.footer-contact ul li:nth-child(2) a{
	padding: 3.3rem 0;
}

.footer-contact ul li .contact-title{
	font-size:1.8rem;
	line-height: 1;
	margin-top: 1rem;
}

.footer-contact ul li p{
	font-size:1.4rem;
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 1.4;
}

.footer-contact ul .contact-button{
	border-radius:30px;
	max-width:330px;
	height:40px;
	margin: 0 auto;
	width: 90%;
}

.footer-contact ul .contact-button p{
	color:#fff;
	text-align:center;
	line-height:38px;
	font-size:2rem;
}

.footer-contact ul .line{
	border:1px solid #06C055;
	box-shadow: 5px 5px #06C055;
}

.footer-contact ul .line img{
	width:45px;
	height:45px;
}

.footer-contact ul .line .contact-button{
	background-color:#06C055;
	margin-top: 1rem;
}

.footer-contact ul .line .ft-06c055{
	color:#06C055;
	margin-top: 1rem;
}

.footer-contact ul .mail{
	border:1px solid #D6AE92;
	box-shadow: 5px 5px #D6AE92;
}

.footer-contact ul .mail img{
	width:50px;
	height:37px;
}

.footer-contact ul .mail .contact-title{
	margin:2.5rem 0 3rem;
}

.footer-contact ul .mail .contact-button{
	background-color:#D6AE92;
}

.footer-contact ul .tel{
	border:1px solid #FF80A5;
	box-shadow: 5px 5px rgba(255,128,165,0.85);
}

.footer-contact ul .tel .icon-tel{
	width:37px;
	height:37px;
}

.footer-contact ul .tel .tel-number{
	font-size:4rem;
	font-weight:700;
	color:#FF9FAF;
	letter-spacing: .05em;
}

.footer-contact ul .tel .contact-tel{
	color:#FF80A5;
	font-size:4rem;
	font-weight:600;
	letter-spacing: .05em;
}

.footer-container{
	position:relative;
	background-color:#86E1CD;
	padding:5.5rem 0 3rem;
}

.footer-container .footer-pc{
	width:90%;
	max-width:1200px;
	margin:0 auto;
}

.footer-container .footer-logo{
	width:360px;
	height:auto;
	display: block;
	margin: 0 auto 5rem;
}

.footer-container .footer-logo img{
	width:100%;
	height:auto;
}

.footer-container .footer-navi a{
	display:block;
}

.footer-container .footer-navi > ul{
	display: flex;
}

.footer-container .footer-navi > ul > li{
	position:relative;
	flex: 1 1 auto;
	margin-right: 5rem;
}

.footer-container .footer-navi > ul > li:last-child{
	margin-right: 0;
}

.footer-container .footer-navi > ul > li > ul{
	position:relative;
}

.footer-container .footer-navi .nav-name{
	font-size:1.4rem;
	font-weight:500;
	border-bottom:1px solid #fff;
	margin-bottom: 2rem;
	color: #fff;
	line-height: 2.4;
}

.footer-container .footer-navi .sub{
	position:relative;
	line-height: 1.5;
}

.footer-container .footer-navi .sub > li{
	margin-bottom:1rem;
}

.footer-container .footer-navi .sub > li > a{
	position:relative;
	font-size:1.1rem;
	color:#fff;
	line-height: 1.5;
}

.footer-container .footer-navi .etc{
	position:relative;
}

.footer-container .footer-navi .etc > li{
	position:relative;
	line-height: 1.5;
	margin-bottom: 25px;
}

.footer-container .footer-navi .etc > li > a{
	font-size:1.4rem;
	font-weight:500;
	color: #fff;
}

.footer-container .footer-navi > ul > li > .etc > li:first-child{
	margin-bottom: 25px;
}

.footer-container .contact-box{
	width:710px;
	margin:6.5rem auto 3.5rem;
	display: flex;
	justify-content: space-between;
}

.footer-container .contact-box li{
	width:330px;
	height:70px;
}

.footer-container .contact-box li a{
	width:330px;
	height:70px;
	display:block;
	text-align:center;
	padding: 1.2rem;
	box-shadow: 5px 7px 10px rgb(34, 23, 20,0.2);
	border-radius: 50px;
	background-color: #fff;
}

.footer-container .contact-box .tel .tel-box{
	display:flex;
	align-items:baseline;
	justify-content: center;
	line-height: 1;
}

.footer-container .contact-box .tel .tel-box .tel-image{
	width:23px;
	height:23px;
	margin-right:0.5rem;
}

.footer-container .contact-box .tel .tel-box .telnumber-image{
	width:230px;
	height:37px;
}

.footer-container .contact-box .tel .tel-box p{
	font-size:3.2rem;
	color:#FF9FAF;
	font-weight: 600;
	letter-spacing: .05em;
}

.footer-container .contact-box .tel .business-hours{
	font-size:1.4rem;
	font-weight:500;
	color:#FF9FAF;
	line-height: 1;
	letter-spacing: .15em;
	margin-top: 0.3rem;
}

.footer-container .contact-box .mail a{
	display:flex;
	align-items:center;
	justify-content: center;
}

.footer-container .contact-box .mail a img{
	width:33px;
	height:25px;
	margin-right: 1rem;
}

.footer-container .contact-box .mail a p{
	font-size:2rem;
	font-weight:700;
	color:#D6AE92;
}

.footer-container .nav-under{
	display:flex;
	justify-content:space-between;
	width: 480px;
	margin: 0 auto;
}

.footer-container .nav-under > li > a{
	font-size:1.4rem;
	font-weight:500;
	color: #fff;
	line-height: 1.5;
	border-right:1px solid #fff;
	padding-right:1.5rem;
}

.footer-container .nav-under > li:last-child > a{
	border-right:none;
}

/* SPだけに使用部分 */
.footer-container .footer-navi > ul > li > input,
.footer-container .footer-navi > ul > li.trigger > label.nav-name{
	display: none;
}


footer .under18{
	background-color: #fff;
	padding: 3rem 0;
}

footer .under18 .attention-bar{
	display:flex;
	align-items:center;
	width: 890px;
	margin: 0 auto;
	justify-content: space-between;
}

footer .under18 .stickers{
	width:70px;
	height:68px;
}

footer .under18 .stickers img{
	width:100%;
	height:auto;
}

footer .under18 .prohibition{
	width:calc(100% - 90px);
}

footer .under18 .prohibition p{
	font-size:1.6rem;
	color:#86E1CD;
	letter-spacing: .05em;
	line-height: 1.8;
}

footer .copy{
	background-color:#4CD9BB;
	height:30px;
	line-height: 30px;
}

footer .copy p{
	font-size:1rem;
	text-align: center;
	letter-spacing: .1em;
	color:#fff;
}

/* home
--------------------------------*/
.mainvisual {
	width: 100%;
	height: auto;
	position: relative;
	line-height: 0;
}

.mainvisual img{
	width: 100%;
	height: auto;
}

.mainvisual .main-banner{
	max-width:760px;
	width:30%;
	display:flex;
	justify-content:space-between;
	position: absolute;
	left: 50px;
	bottom:45px;
}

.mainvisual .main-banner li{
	width:48%;
	height:auto;
}

.mainvisual .main-banner li img{
}

.top-banner{
	background-color:#E1EFEF;
	padding:10rem 0;
}

.top-banner ul{
	display:flex;
	justify-content:space-between;
}

.top-banner ul li{
	width:32%;
	line-height: 1;
}

.top-banner ul li a{
	display:block;
	border-radius:10px;
	position: relative;
}

.top-banner ul li a img{
	width:100%;
	height:auto;
	border-radius: 15px;
}

.top-banner ul li a .bg-fff{
	background-color:rgba(255,255,255,0.6);
	height:120px;
	padding:2rem 3rem;
	position: absolute;
	width: 100%;
	bottom: 1px;
	border-radius: 0 0 10px 10px;
}

.top-banner ul li a .bg-fff .banner-title{
	font-size:2.8rem;
	font-weight:700;
	color: #4CD9BB;
	text-shadow: 2px 2px 0 #fff,-2px -2px 0 #fff,-2px 2px 0 #fff,2px -2px 0 #fff,0px 2px 0 #fff,0 -2px 0 #fff,-2px 0 0 #fff,2px 0 0 #fff;
	margin-bottom: 1rem;
	line-height: 1;
	letter-spacing: .15em;
}

.top-banner ul li a .bg-fff p{
	font-size:1.6rem;
	letter-spacing:.1em;
	color:#2F4446;
	line-height: 1.4;
}

.home-about{
	padding:13rem 0;
}

.home-about h2{
	font-size:2.8rem;
	font-weight:700;
	color:#fff;
	text-align:center;
	letter-spacing:.1em;
	position:relative;
	z-index: 100;
	margin-bottom: 11rem;
}

.home-about h2::after{
	content: "";
	display: inline-block;
	background-size: cover;
	position:absolute;
	top:-45px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	background-image: url(img/frame-ribbon.svg);
	width:908px;
	height:130px;
	z-index: -1;
}

.home-about .about-container{
	display:flex;
	justify-content:space-between;
}

.home-about .about-container .about-txt{
	width:50%;
}

.home-about .about-container .about-txt p{
	font-size:1.6rem;
	font-weight:500;
	letter-spacing: .05em;
}

.home-about .about-container .about-image{
	width:46%;
	position:relative;
	height: 406px;
	max-width: 542px;
}

.home-about .about-container .about-image::after{
	content:"";
	width:100%;
	height:100%;
	border:1px solid #86E1CD;
	position:absolute;
	bottom:-8px;
	left:8px;
}

.home-about .about-container .about-image img{
	width:100%;
	height:auto;
}

.home-about .about-banner{
	width:100%;
	padding:9rem 0;
	line-height: 1;
}

.home-about .about-banner img{
	width:100%;
	height:auto;
}

.home-reason{
	padding:13rem 0;
	background-image: url(img/reason-bg.jpg);
	background-position: top;
	background-repeat: repeat;
	overflow: hidden;
}

.home-reason ul{
	padding-top:7rem;
}

.home-reason ul li{
	background-color:#fff;
	padding:7rem 4.5rem 6rem;
	margin-bottom:3.5rem;
	position:relative;
	border-radius: 15px;
}

.home-reason ul li::after{
	content: "";
	width:110px;
	height:54px;
	display: inline-block;
	background-size: cover;
	position:absolute;
	top:0;
	left:50px;
}

.home-reason ul li:first-child::after{
	background-image: url(img/merit-01.svg);
}

.home-reason ul li:nth-child(2)::after{
	background-image: url(img/merit-02.svg);
}

.home-reason ul li:last-child::after{
	background-image: url(img/merit-03.svg);
}

.home-reason ul li:last-child{
	margin-bottom:0;
}

.home-reason ul li h3{
	font-size:2.8rem;
	font-weight:700;
	color:#4CD9BB;
	letter-spacing:.1em;
	line-height: 1.6;
	margin-bottom: 2.5rem;
}

.home-reason ul li p{
	font-size:1.8rem;
	letter-spacing: .05em;
}

.home-experienced{
	background-color:#E1EFEF;
	padding:12rem 0;
}

.home-experienced .experienced-container .experienced-title{
	margin-top:4.5rem;
}

.home-experienced .experienced-container .experienced-title p{
	font-size:2.2rem;
	font-weight:500;
	text-align:center;
	letter-spacing:.1em;
}

.home-experienced .experienced-container .experienced-title h3{
	max-width:870px;
	width:80%;
	height:120px;
	margin:2.5rem auto 4rem;
}

.home-experienced .experienced-container .experienced-catch{
	font-size:3rem;
	font-weight:500;
	letter-spacing: .1em;
	text-align:center;
	border-bottom:6px double #4CD9BB;
	width: 400px;
	margin: 0 auto 2.5rem;
}

.home-experienced .experienced-container .experienced-catch span{
	position:relative;
}

.home-experienced .experienced-container .experienced-catch span::after {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #4CD9BB;
	position: absolute;
	top: -10px;
	left: 10px;
}

.home-experienced .experienced-container .experienced-txt{
	font-size:2.2rem;
	font-weight:500;
	text-align:center;
	margin-bottom: 6.5rem;
}

.home-experienced .experienced-container ul{
	display:flex;
	justify-content:space-between;
}

.home-experienced .experienced-container ul li{
	width:32%;
	background-color:#fff;
	padding:3.5rem 2.5rem;
	border-radius: 15px;
}

.home-experienced .experienced-container ul li h4{
	font-size:2.5rem;
	font-weight:700;
	color:#4CD9BB;
	letter-spacing:.1em;
	text-align:center;
	line-height: 1;
}

.home-experienced .experienced-container ul li .experienced-image{
	width:100%;
	margin:2.5rem 0 3rem;
	line-height: 1;
}

.home-experienced .experienced-container ul li img{
	width:100%;
	height:auto;
}

.home-experienced .misunderstand-container{
	padding:10rem 0 6.5rem;
}

.home-experienced .misunderstand-container .misunderstand-catch{
	font-size:2.8rem;
	font-weight:500;
	letter-spacing:.05em;
	text-align:center;
	border-bottom:6px double #4CD9BB;
	max-width:820px;
	width:70%;
	margin:0 auto 3.5rem;
}

.home-experienced .influence-container{
	padding-bottom:8.5rem;
}

.home-experienced .influence-container .influence-image{
	width:100%;
	line-height: 1;
	margin-bottom: 4.5rem;
}

.home-experienced .influence-container .influence-image img{
	width:100%;
	height:auto;
}

.home-experienced .taxreturn-container .taxreturn-image{
	width:100%;
	line-height:1;
	margin-bottom:4.5rem;
}

.home-experienced .taxreturn-container .taxreturn-image img{
	width:100%;
	height:auto;
}

.home-blog{
	padding:13rem 0;
	background-image: url(img/blog-bg.jpg);
	background-position: top;
	background-repeat: repeat;
	overflow: hidden;
}

.home-blog .c-page-title{
	margin-bottom:8rem;
}

.home-blog .blog-list li{
	border-top:1px solid #86E1CD;
}

.home-blog .blog-list li:last-child{
	border-bottom:1px solid #86E1CD;
}

.home-blog .blog-list li a{
	display:flex;
	justify-content:space-between;
	padding: 2rem 8rem 2rem 2rem;
	position:relative;
}

.home-blog .home-button{
	margin:9rem auto 0;
}

.home-system{
	background-color:#FFF5F7;
	padding:11rem 0 13rem;
}

.home-system .system-title p{
	font-size:2.2rem;
	font-weight:500;
	text-align:center;
	letter-spacing:.1em;
	margin-bottom: 2.5rem;
}

.home-system .system-title p span{
	font-size:2.8rem;
	font-weight:700;
	color:#FF80A5;
	position:relative;
	letter-spacing: .2em;
}

.home-system .system-title p span::after{
	content:"";
	width:6px;
	height:6px;
	border-radius:15px;
	background-color:#FF80A5;
	display:block;
	position:absolute;
	top:-5px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.home-system .system-title h2{
	text-align:center;
	margin-bottom: 3.5rem;
}

.home-system .system-title h2 img{
	max-width:870px;
	width:70%;
	height:122px;
}

.home-system .home-button{
	margin:6.5rem auto 0;
}

.home-faq{
	padding:13rem 0;
	background-image: url(img/q&a-bg.jpg);
	background-position: top;
	background-repeat: repeat;
	overflow: hidden;
}

.home-faq .c-page-title{
	margin-bottom:5rem;
}

.home-faq .home-button{
	margin:9.5rem auto 0;
}

/* お仕事内容
--------------------------------*/
.page-bg-work{
	background-image:url(img/title-img.jpg);
}

.c-work .bg-fff{
	background-color:rgba(255,255,255,0.7);
	padding:9rem 0 13em;
}

.c-work .work-container .work-top-image{
	width:100%;
	margin-top:7rem;
}

.c-work .work-container .work-top-image img{
	width:100%;
	height:auto;
}

.c-work .about-container{
	padding:8rem 0;
}

.c-work .about-container .about-box{
	display:flex;
	justify-content:space-between;
}

.c-work .about-container .about-image{
	max-width:576px;
	width:48%;
	height:578px;
	position:relative;
}

.c-work .about-container .about-image::after {
	content: "";
	width: 100%;
	height: 100%;
	border: 1px solid #86E1CD;
	position: absolute;
	bottom: -8px;
	left: 8px;
}

.c-work .about-container .about-image img{
	width:100%;
	height:auto;
}

.c-work .about-container .about-txt{
	width:48%;
}

.c-work .about-container .about-txt p{
	font-size:1.8rem;
	margin-bottom:4rem;
}

.c-work .features-container ul li{
	border:2px solid #4CD9BB;
	padding:1rem;
	margin-bottom:5rem;
	position:relative;
}

.c-work .features-container ul li:last-child{
	margin-bottom:0;
}

.c-work .features-container ul li::after{
	content: "";
	width: 68px;
	height: 80px;
	display: inline-block;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 50px;
}

.c-work .features-container ul li:first-child::after{
	background-image:url(img/tag-01.svg);
}

.c-work .features-container ul li:nth-child(2)::after{
	background-image:url(img/tag-02.svg);
}

.c-work .features-container ul li:nth-child(3)::after{
	background-image:url(img/tag-03.svg);
}

.c-work .features-container ul li:last-child::after{
	background-image:url(img/tag-04.svg);
}

.c-work .features-container ul li .inner-line{
	border:1px solid #4CD9BB;
	padding:9rem 3.5rem 4rem;
}

.c-work .features-container ul li h4{
	font-size:2.5rem;
	font-weight:700;
	margin-bottom:2.5rem;
	color:#4CD9BB;
	line-height: 1;
	letter-spacing: .1em;
}

.c-work .application-container{
	padding:12rem 0;
}

.c-work .application-container table{
	border-collapse: collapse;
	width: 100%;
}

.c-work .application-container table tr th,
.c-work .application-container table tr td{
	font-size:1.6rem;
	letter-spacing:.1em;
	padding:1.8rem;
	font-weight: 400;
}

.c-work .application-container table tr th{
	width:135px;
	background-color:#86E1CD;
	text-align:center;
	border-bottom: 1px solid #fff;
}

.c-work .application-container table tr td{
	width:calc(100% - 135px);
	border:1px solid #86E1CD;
}

.c-work .application-container .application-catch{
	font-size:1.6rem;
	letter-spacing:.1em;
	margin-top:3rem;
}

/* 報酬について
--------------------------------*/
.page-bg-reward{
	background-image:url(img/title-img.jpg);
}

.c-reward .bg-fff{
	background-color:rgba(255,255,255,0.7);
	padding:9rem 0 12em;
}

.c-reward .c-page-title{
	margin-bottom:6.5rem;
}

.c-reward .reward-banner{
	width:100%;
	margin-bottom:4rem;
	line-height: 1;
}

.c-reward .reward-banner img{
	width:100%;
	height:auto;
}

.c-reward .system-container{
	background-color:#FFF9E9;
	padding:12rem 0;
}

.c-reward .example-container{
	padding:11rem 0 13rem;
	background-image: url(img/reason-bg.jpg);
	background-position: top;
	background-repeat: repeat;
	overflow: hidden;
}

.c-reward .example-container ul li{
	border:1px solid #4CD9BB;
	padding:4.5rem;
	background-color:#fff;
	display:flex;
	justify-content:space-between;
	margin-bottom: 5rem;
}

.c-reward .example-container ul li:last-child{
	margin:0;
}

.c-reward .example-container ul li .example-image{
	width:385px;
	height:252px;
}

.c-reward .example-container ul li .example-image img{
	width:100%;
	height:auto;
}

.c-reward .example-container ul li .example-image .example-name{
	position:relative;
	font-size: 1.8rem;
	text-align: center;
	margin-top: 5rem;
	font-weight: 700;
	letter-spacing: .1em;
}

.c-reward .example-container ul li .example-image .example-name::after{
	content: "";
	background-image:url(img/example-ribbon.svg);
	width: 290px;
	height: 65px;
	display: inline-block;
	background-size: cover;
	position: absolute;
	top: -8px;
	left: 50px;
}

.c-reward .example-container ul li .example-txt{
	width:calc(100% - 415px);
}

.c-reward .example-container ul li .example-txt .examlpe-catch{
	font-size:2.5rem;
	font-weight:500;
	letter-spacing:.1em;
	border-bottom:1px solid #4CD9BB;
	line-height:1;
	padding-bottom:1.5rem;
	margin-bottom:1.5rem;
}

.c-reward .example-container ul li .example-txt p{
	font-size:1.6rem;
}

.c-reward .example-container ul li .example-txt dl{
	display:flex;
	background-color:#D2F7F0;
	padding:2.5rem;
	align-items: center;
	letter-spacing: .1em;
	line-height: 1;
	margin-top: 4rem;
}

.c-reward .example-container ul li .example-txt dl dd{
	margin-right:2.5rem;
}

.c-reward .example-container ul li .example-txt dl dd:last-of-type{
	margin-right:0;
}

.c-reward .example-container ul li .example-txt dl .income{
	font-size:2.2rem;
	font-weight:700;
	color:#4CD9BB;
}

.c-reward .example-container ul li .example-txt dl .income span{
	font-size:3.2rem;
}

/* 待遇・環境について
--------------------------------*/
.page-bg-treat{
	background-image:url(img/title-img.jpg);
}

.c-treat .bg-fff{
	background-color:rgba(255,255,255,0.7);
	padding:11rem 0 13em;
}

.c-treat .treat-catch{
	margin:5rem 0 10rem;
}

.c-treat .treat-catch p{
	font-size:2.8rem;
	font-weight:500;
	position:relative;
	text-align: center;
	letter-spacing: .1em;
}

.c-treat .treat-catch p::after{
	content:"";
	width: 50px;
	height: 2px;
	background-color: #4CD9BB;
	display: block;
	letter-spacing: .05em;
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.c-treat .ft-ff80a5{
	font-weight:700;
}

.c-treat .treat-banner{
	width:100%;
}

.c-treat .treat-banner img{
	width:100%;
	height:auto;
}

.c-treat .environment-container{
	padding-top:11rem;
}

.c-treat .environment-container .environment-box{
	display:flex;
	justify-content:space-between;
	margin-bottom: 8.5rem;
}

.c-treat .environment-container .environment-box .environment-txt{
	width:calc(100% - 400px);
}

.c-treat .environment-container .environment-box .environment-txt p{
	font-size:1.8rem;
}

.c-treat .environment-container .environment-box .environment-image{
	width:360px;
	height:240px;
	position:relative;
}

.c-treat .environment-container .environment-box .environment-image::after{
	content:"";
	width: 100%;
	height: 100%;
	border: 1px solid #86E1CD;
	position: absolute;
	bottom: -8px;
	left: 8px;
}

.c-treat .environment-container .environment-box .environment-image img{
	width:100%;
	height:auto;
}

.c-treat .environment-container ul li{
	border:1px solid #4CD9BB;
	background-color:#fff;
	padding:4.5rem;
	display:flex;
	justify-content:space-between;
	margin-bottom: 5rem;
}

.c-treat .environment-container ul li:last-child{
	margin:0;
}

.c-treat .environment-container ul li .treatment-image{
	width:360px;
	height:270px;
}

.c-treat .environment-container ul li .treatment-image img{
	width:100%;
	height:auto;
}

.c-treat .environment-container ul li .treatment-txt{
	width:calc(100% - 410px);
}

.c-treat .environment-container ul li .treatment-txt h4{
	font-size:2.5rem;
	font-weight:500;
	line-height:1.6;
	border-bottom:1px solid #4CD9BB;
	padding-bottom:2rem;
	margin-bottom:2rem;
	letter-spacing: .1em;
}

.c-treat .promise-container{
	background-color:#FFF9E9;
	padding:13rem 0;
}

.c-treat .promise-container .promise-txt{
	font-size:1.8rem;
	margin-bottom:8rem;
	letter-spacing: .05em;
}

.c-treat .promise-container ul li{
	border:2px solid #4CD9BB;
	padding:1rem;
	background-color:#fff;
	margin-bottom: 5rem;
	position:relative;
}

.c-treat .promise-container ul li:last-child{
	margin:0;
}

.c-treat .promise-container ul li::after{
	content: "";
	width: 68px;
	height: 80px;
	display: inline-block;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 50px;
}

.c-treat .promise-container ul li:first-child::after{
	background-image:url(img/tag-01.svg);
}

.c-treat .promise-container ul li:nth-child(2)::after{
	background-image:url(img/tag-02.svg);
}

.c-treat .promise-container ul li:nth-child(3)::after{
	background-image:url(img/tag-03.svg);
}

.c-treat .promise-container ul li:last-child::after{
	background-image:url(img/tag-04.svg);
}

.c-work .features-container ul li .inner-line{
	border:1px solid #4CD9BB;
	padding:9rem 3.5rem 4rem;
}

.c-treat .promise-container ul li .inner-line{
	border:1px solid #4CD9BB;
	padding: 9rem 3.5rem 4rem;
}

.c-treat .promise-container ul li h4{
	font-size:2.5rem;
	font-weight:700;
	letter-spacing:.1em;
	margin-bottom:2rem;
	line-height:1;
	color:#4CD9BB;
}

/* よくある質問
--------------------------------*/
.page-bg-faq{
	background-image:url(img/title-img.jpg);
}

.c-faq .faq-catch{
	font-size:2.2rem;
	font-weight:500;
	letter-spacing:.1em;
	margin:5rem 0 5.5rem;
	line-height: 1.8;
}

.c-faq .page-link{
	font-weight:500;
	color:#4CD9BB;
	border-bottom: 1px solid #4CD9BB;
}

/* ブログ(archive.php)
--------------------------------*/
.page-bg-blog{
	background-image:url(img/title-img.jpg);
}

.blog-wrap .bg-fff{
	background-color: rgba(255,255,255,0.7);
	padding: 13rem 0 10rem;
}

.blog-list > li{
	border-top:1px solid #86E1CD;
}

.blog-list > li:last-child{
	border-bottom:1px solid #86E1CD;
}

.blog-list > li > article > a{
	display:flex;
	justify-content:space-between;
	padding:2rem 8.5rem 2rem 2rem;
	position:relative;
	align-items: center;
}

.blog-list > li > article > a::after {
	content: "";
	display: inline-block;
	background-size: cover;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	background-image: url(img/arrow-right-green.svg);
	width: 9px;
	height: 16px;
}

.blog-list > li > article > a > .blog-thumbnail{
	width:160px;
	height:120px;
}

.blog-list > li > article > a > .blog-thumbnail img{
	width:100%;
	height:auto;
}

.blog-list > li > article > a > .blog-info{
	width:calc(100% - 180px);
}

.blog-list > li > article > a > .blog-info > h2{
	font-size:1.8rem;
	letter-spacing:.1em;
	color:#4CD9BB;
	font-weight:700;
	margin-bottom:1rem;
	line-height: 1;
}

.blog-list > li > article > a > .blog-info > .excerpt{
	font-size:1.6rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 2; /* だいたい92文字くらい */
}

/* ブログ記事ページ(single.php)
--------------------------------*/
.blog-single{
	background-color: #fff;
  	padding: 8.5rem 9.5rem;
	border-radius: 15px;
	box-shadow: 0 0 4px -1px rgba(73,73,73,.75);
}

.blog-single .bg-fff{
	background-color: rgba(255,255,255,0.5);
	padding: 8.5rem 0 12.5rem;
}

.blog-single .blog-single-container{
	background-color: #fff;
  	padding: 8.5rem 9.5rem;
	border-radius: 15px;
	box-shadow: 0 0 4px -1px rgba(73,73,73,.75);
	width: 90%;
	max-width: 1200px;
	margin: 0 auto 8.5rem;
}

.blog-single .blog-single-container .post-info h2{
	font-size:2.8rem;
	letter-spacing:.1em;
	font-weight:500;
	border-bottom:1px solid #4CD9BB;
	margin-bottom: 3.5rem;
	padding-bottom: 1rem;
}

.blog-single .post-contents a{
	font-size:1.6rem;
	font-weight:500;
	letter-spacing: .05em;
	margin-bottom: 2rem;
	color: #4CD9BB;
}

.blog-single .post-contents img{
	max-width: 50%;
	height: auto;
	margin: 5px 0px;
}

.blog-single .post-contents p{
	font-size: 1.6rem;
	margin-bottom: 2.4rem;
}

.blog-single .post-contents h3{
	font-size: 2.5rem;
	font-weight:500;
	letter-spacing:.05em;
	background-color:#E1EFEF;
	padding-left:2.5rem;
	height:60px;
	line-height:60px;
	margin-bottom: 3.5rem;
	margin-top: 6.5rem;
}

.nav-below{
	display: flex;
	justify-content: space-between;
	width: 420px;
	margin: 0 auto;
	align-items: center;
}

.nav-below .works-list-btn{
	font-size: 1.8rem;
	width: 260px;
	text-align: center;
	line-height: 56px;
	height: 60px;
	border: 1px solid #544545;
	border-radius: 45px;
	background-color: #fff;
}

.nav-below .nav-previous,
.nav-below .nav-next{
	width: 60px;
}

.nav-below .nav-previous a,
.nav-below .nav-next a{
	border: 1px solid #544545;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	background-color: #fff;
	position: relative;
}

.nav-below .nav-previous a::after{
	content:"";
	background-image: url(img/arrow-gray-l.svg);
	display:block;
	width:13px;
	height:23px;
	position: absolute;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	top: 50%;
	left: 37%;
}

.nav-below .nav-next a::after{
	content:"";
	background-image: url(img/arrow-gray.svg);
	display:block;
	width:13px;
	height:23px;
	position: absolute;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	top: 50%;
	left: 44%;
}

.nav-below a{
	display: block;
	position:relative;
}

.nav-below a span{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
}

.nav-below .nav-previous a span{
	margin-left: 2rem;
}

.nav-below .nav-next a span{
	margin-right: 2rem;
}

/* 会社概要
--------------------------------*/
.page-bg-company{
	background-image:url(img/title-img.jpg);
}

.c-company{
	background-color:#E1EFEF;
	padding:13.5rem 0 11.5rem;
}

.c-company .company-catch{
	font-size:1.8rem;
	letter-spacing:.1em;
	text-align:center;
	margin-bottom: 6rem;
}

.c-company .company-catch .inquiry{
	color:#4CD9BB;
	border-bottom:1px solid #4CD9BB;
}

.c-company .company-container{
	background-color:#fff;
	padding:8.5rem 3.5rem;
	display:flex;
	justify-content:space-between;
	align-items: center;
}

.c-company .company-container .store-image{
	width:48%;
}

.c-company .company-container .store-image img{
	width:100%;
	height:auto;
}

.c-company .company-container .company-info{
	width:48%;
	display:flex;
	flex-wrap:wrap;
}

.c-company .company-container .company-info dt,
.c-company .company-container .company-info dd{
	font-size:1.6rem;
	letter-spacing:.1em;
	padding:3rem 0;
}

.c-company .company-container .company-info dt{
	width:125px;
	color:#4CD9BB;
	padding-left:1.5rem;
	font-weight:500;
	border-bottom:1px solid #4CD9BB;
}

.c-company .company-container .company-info dt:nth-of-type(1){
	border-top:1px solid #4CD9BB;
}

.c-company .company-container .company-info dd:nth-of-type(1){
	border-top:1px solid #C4C4C4;
}

.c-company .company-container .company-info dd{
	width:calc(100% - 160px);
	border-bottom:1px solid #C4C4C4;
	padding-left: 3rem;
}

.c-company .company-container .company-info .mail-address::after{
	content:"info@chatladyjapan.com";
}

.c-company .attention{
	margin-top:3rem;
	letter-spacing:.1em;
}

/* 個人情報保護方針
--------------------------------*/
.page-bg-privacypolicy{
	background-image:url(img/title-img.jpg);
}

.c-privacypolicy .privacy-catch{
	font-size:1.8rem;
	font-weight:400;
	letter-spacing:.05em;
	text-align: center;
	line-height: 1.8;
}

.c-privacypolicy h2{
	font-size:2.2rem;
	font-weight:500;
	letter-spacing:.05em;
	border-bottom:1px solid #C4C4C4;
	margin:5rem 0 1.5rem;
	line-height: 1;
	padding-bottom: 1.5rem;
}

.c-privacypolicy .list-disc{
	padding-left:1.5rem;
}

.c-privacypolicy .list-disc li{
	list-style: disc;
}

.c-privacypolicy .inquiry{
	color:#4CD9BB;
	border-bottom:1px solid #4CD9BB;
}

/* 反社会的勢力に対する基本方針
--------------------------------*/
.page-bg-antisocial{
	background-image:url(img/title-img.jpg);
}

.c-antisocial{
	counter-reset: number 0;
}

.c-antisocial .antisocial-catch{
	font-size:1.8rem;
	font-weight: 400;
	line-height: 1.8;
	letter-spacing: .05em;
}

.c-antisocial h2{
	font-size: 2.2rem;
	font-weight: 500;
	letter-spacing: .05em;
	border-bottom: 2px solid #c4c4c4;
	margin: 5rem 0 1.5rem;
	line-height: 1;
	padding-bottom: 1.5rem;
}

.c-antisocial h2::before {
	content: counter(number)" ";
	margin-right: 0.5rem;
	counter-increment: number 1;
}

/* ご応募・お問い合わせ
--------------------------------*/
.page-bg-contact{
	background-image:url(img/title-img.jpg);
}

.c-contact .bg-fff{
	background-color: rgba(255,255,255,0.7);
	padding: 15rem 0 13rem;
}

.c-contact .contact-title{
	position:relative;
	margin-bottom: 11rem;
}

.c-contact .contact-title::after{
	content:"";
	background-image: url(img/frame-ribbon.svg);
	width:905px;
	height:130px;
	position:absolute;
	top: -45px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.c-contact .contact-title h2{
	font-size:2.8rem;
	font-weight:700;
	color:#fff;
	letter-spacing:.1em;
	text-align:center;
	z-index: 300;
	position: relative;
}

.c-contact .contact-catch{
	font-size:1.8rem;
	letter-spacing:.1em;
	text-align: center;
	line-height: 1.8;
}

.c-contact .contact-content{
	padding-bottom:9rem;
}

.c-contact .contact-list{
	display:flex;
	justify-content:space-between;
	max-width: 810px;
	width: 80%;
	margin: 5.5rem auto 0;
}

.c-contact .contact-list li{
	background-color: #fff;
	max-width: 380px;
	width: 48%;
	text-align: center;
	border-radius: 15px;
}

.c-contact .contact-list li a {
	width: 100%;
	height: auto;
	display: block;
	padding: 3.2rem 2rem;
}

.c-contact .contact-list li .contact-catch{
	font-size:1.8rem;
	margin: 1rem 0;
}

.c-contact .contact-list li p{
	font-size:1.4rem;
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 1;
}

.c-contact .contact-list li .ft-06c055{
	color:#06C055;
}

.c-contact .contact-list .contact-button{
	border-radius:30px;
	max-width:330px;
	height:40px;
	margin: 0 auto;
	width: 90%;
}

.c-contact .contact-list .contact-button p{
	color:#fff;
	text-align:center;
	line-height:38px;
	font-size:2rem;
}

.c-contact .contact-list .line{
	border:1px solid #06C055;
	box-shadow: 5px 5px #06C055;
}

.c-contact .contact-list .line img{
	width:45px;
	height:45px;
}

.c-contact .contact-list .line .contact-button{
	background-color:#06C055;
	margin-top: 1.5rem;
}

.c-contact .contact-list .line .ft-06c055{
	color:#06C055;
	font-size:1.4rem;
}

.c-contact .contact-list .tel{
	border:1px solid #FF9FAF;
	box-shadow: 5px 5px #FF9FAF;
}

.c-contact .contact-list .tel .icon-tel{
	width:37px;
	height:37px;
}

.c-contact .contact-list .tel .telnumber{
	font-size:4rem;
	font-weight:700;
	color:#FF9FAF;
	text-align:center;
	letter-spacing: .05em;
	margin-bottom:1rem;
}

.c-contact .contact-list .tel .contact-tel{
	color:#FF80A5;
	font-size:4rem;
	font-weight:600;
	letter-spacing: .05em;
}

.c-contact .contact-step {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 5.5rem auto 4rem;
	width: 250px;
	position: relative;
	z-index: 1;
}

.c-contact .contact-step::after{
	background: #C4C4C4;
	content: "";
	z-index: -1;
	margin: auto;
	height: 1px;
	width: 95%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: -2px;
}

.c-contact .contact-step .active::before{
	content: "";
	margin: auto;
	height: 1px;
	width: 14rem;
	position: absolute;
	right: 48px;
	top: -1px;
	background-color: #4CD9BB;
	bottom: 0;
}

.c-contact .contact-step .cricle{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	color: #FF80A5;
	font-size: 1.6rem;
	letter-spacing: .1em;
	font-weight: 500;
}

.c-contact .contact-step li .cricle-in{
	position: absolute;
	top: 6rem;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	color: #b4b4b4;
	font-weight: 500;
	width: 100%;
	font-size: 1.6rem;
}

.c-contact .contact-step .active:first-child::before{
	content: none;
}

.c-contact .contact-step .active .cricle{
	color:#FFF;
}

.c-contact .contact-step li {
	text-align: center;
	position: relative;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: #fff;
	color: #4CD9BB;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 4.9;
	border: 2px solid #4CD9BB;
}

.c-contact .contact-step .cricle{
	color: #4CD9BB;
	letter-spacing: .1em;
}

.c-contact .contact-step .active{
	background-color: #4CD9BB;
	border: none;
	line-height: 5;
}

.c-contact .contact-step .active .cricle-in{
	color:#595757;
}

.c-contact .mail-container .mail-catch{
	font-size:1.8rem;
	font-weight:500;
	letter-spacing:.1em;
	text-align:center;
	margin-bottom:5.5rem;
}

/* お問い合わせ・ご応募（確認画面）
--------------------------------*/
.contact-confirmation .contact-catch{
	text-align:center;
}

.c-contact .home-sub-title h2{
	font-size: 3.2rem;
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 1;
	margin-top: 0.5rem;
}

/* お問い合わせ・ご応募(フォーム部分)
--------------------------------*/
.contact-container{
	margin-top:5rem;
	width:100%;
	background-color:#FFF;
	padding:7rem 9rem 10rem;
	border-radius: 15px;
	box-shadow: 0 5px 5px rgba(0,0,0,0.15);
}

.contactpage-form{
	width: 100%;
}

.contactpage-form .req::after{
	content: "必須";
	color: #FFF;
	font-size: 1.4rem;
	position: absolute;
	right: 4rem;
	border-radius: 3px;
	width: 50px;
	text-align: center;
	background-color: #f73838;
	line-height: 1.8;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.contactpage-form .any::after{
	content: "任意";
	color: #FFF;
	font-size: 1.4rem;
	position: absolute;
	right:4rem;
	border-radius: 3px;
	width: 50px;
	text-align: center;
	background-color: #8f959f;
	line-height: 1.8;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

.contactpage-form table{
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.contactpage-form table tr{
	display:flex;
	justify-content: space-between;
	padding: 4rem 0;
	border-bottom: 1px solid #C4C4C4;
	align-items: center;
}

.contactpage-form table th{
	text-align: left;
	vertical-align: top;
	position: relative;
	font-size: 1.6rem;
	background-clip: padding-box;
	width: calc(100% - 740px);
	font-weight: 400;
	display: block;
	padding-left: 0.5rem;
	border-left: 3px solid #4CD9BB;
	line-height: 1.4;
}

.contactpage-form table td{
	width: 740px;
	display: block;
	font-size: 1.6rem;
}

.contactpage-form table td span{
	font-size:1.4rem;
	margin-top: 0.5rem;
}

.contactpage-form table td .age .contactpage-form select{
	width:70px;
}

.contactpage-form input,
.contactpage-form textarea{
	padding: 1.5rem;
	transition:0.5s;
	-webkit-transition:0.5s;
	-ms-transition:0.5s;
	-moz-transition:0.5s;
	font-size: 1.4rem;
	font-weight: 400;
	width: 90%;
	max-width: 600px;
	border-radius: 3px;
	border: 1px solid #C4C4C4;
}

.contactpage-form select {
	padding: 1rem;
	transition:0.5s;
	-webkit-transition:0.5s;
	-ms-transition:0.5s;
	-moz-transition:0.5s;
	border: none;
	width: 160px;
	background-color: #fff;
	border-radius: 3px;
	margin: 0 0.5rem;
	border: 1px solid #C4C4C4;
}

.contactpage-form textarea {
	padding: 2.2rem;
}

.contactpage-form input[type="checkbox"]{
	border-radius:15px;
	padding: 0.8rem;
	transition:0.5s;
	-webkit-transition:0.5s;
	-ms-transition:0.5s;
	-moz-transition:0.5s;
	box-shadow: 1px 1px 1px 0px rgba(196, 207, 214, .8) inset;
	border: 1px solid #d2dadf;
	font-size: 1.6rem;
	width: auto;
}

.contactpage-form input::placeholder,
.contactpage-form textarea::placeholder{
	color:#2F4446;
	font-size:1.4rem;
}

.contactpage-form input:hover,
.contactpage-form textarea:hover{
	box-shadow:inset 2px 2px 3px #CCCCCC;
	transition:0.5s;
	-webkit-transition:0.5s;
	-ms-transition:0.5s;
	-moz-transition:0.5s;
}

.contactpage-form input:focus,
.contactpage-form textarea:focus{
	background-color: #FFFFE1;
	box-shadow:inset 2px 2px 3px #CCCCCC;
	transition:0.5s;
	-webkit-transition:0.5s;
	-ms-transition:0.5s;
	-moz-transition:0.5s;
}

.contactpage-form .checkbox-adjust span{
	width: 31%;
	margin-left: 0px !important;
}

.contact-privacy{
	border: 1px solid #b4b4b4;
	max-width: 780px;
	margin: 8rem auto 0;
	padding: 4rem;
	box-sizing: border-box;
	width: 80%;
}

.contact-privacy a{
	color:#333;
	text-decoration: underline;
}

.contact-privacy p{
	font-size: 1.4rem;
	font-weight: 400;
}

.contact-privacy .cp-title{
	font-weight: 500;
	margin-bottom: 1rem;
	display: block;
}

.contact-privacy .privacy-check{
	text-align:center;
	margin-top: 1rem;
	line-height: 2;
}

.contact-privacy .privacy-check .checkbox{
	margin:0;
}

.contact-privacy .privacy-check .mwform-checkbox-field-text{
	font-size: 1.4rem;
}

.contact-privacy .privacy-check input{
	margin-right: 10px;
	transform: scale(1.4);
	-moz-transform: scale(1.4);
	-webkit-transform: scale(1.4);
}

.contactpage-check .contact-privacy,
.contactpage-check .txt-sample,
.c-input-complete .contactpage-form-btn .back-btn{
	display:none;
}

.contactpage-check table tr{
	background-color:#efefef; 
	margin-bottom:1rem;
}

.contactpage-check table th{
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.contactpage-check table td{
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.contactpage-form-btn{
	text-align: center;
	margin: 8rem auto 0;
	position: relative;
	display: block;
	width:260px;
	height: 60px;
}

.contactpage-form-btn input[type="submit"],
.contactpage-form-btn button[type="submit"]{
	font-size: 1.8rem;
	text-align: center;
	width:260px;
	height:60px;
	border-radius:3rem;
	position:relative;
	background-color: #4CD9BB;
	color: #fff;
	font-weight: 500;
	border: none;
	letter-spacing: .1em;
	font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, Lato, Arial, "MS P Gothic", "MS Pゴシック", sans-serif;
}

.wpcf7 .hidden-fields-container{
	display: none; 
}

/* お問い合わせ(新)追加部分 */
.c-contact-new .fl-box p{
	display:flex;
}

.c-contact-new .contactpage-form br{
	display:none;
}

.c-contact-new .contactpage-form-btn input[type="submit"]:hover{
	opacity: 0.7;
}

.c-contact-new .contactpage-form-btn::before{
	content: "";
	background-image: url(img/arrow-right-white.svg);
	display: block;
	position: absolute;
	width: 9px;
	height: 16px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	z-index: 100;
	right: 20px;
}


/* お問い合わせ・ご応募（送信完了）
--------------------------------*/
.c-complete .contact-complete{
	margin-top: 5rem;
	width: 100%;
	background-color: #FFF;
	padding: 7rem 9rem 10rem;
	border-radius: 15px;
	box-shadow: 0 5px 5px rgba(0,0,0,0.15);
}

.c-complete .contact-step{
	margin-bottom:6rem;
}

.c-complete .contact-complete h3{
	color:#4CD9BB;
	font-size:2.8rem;
	font-weight:500;
	text-align:center;
	border-bottom: 2px solid #C4C4C4;
	padding-bottom: 4rem;
	margin-bottom: 4rem;
	letter-spacing: .15em;
	line-height: 1;
}

.c-complete .contact-complete .home-button{
	margin:6.5rem auto 0;
}

/* 404Error
--------------------------------*/
.page-bg-404{
	background-image:url(img/title-img.jpg);
}

.error404 .bg-fff{
	background-color: rgba(255,255,255,0.7);
	padding: 12.5rem 0 14.5rem;
}

.error404 .container404 {
	width: 100%;
	background-color: #fff;
	padding: 7rem 9rem 10rem;
	border-radius: 15px;
	box-shadow: 0 5px 5px rgba(0,0,0,.15);
}

.error404 .container404 h2{
	color: #4CD9BB;
	font-size: 2.8rem;
	font-weight: 500;
	text-align: center;
	border-bottom: 2px solid #c4c4c4;
	padding-bottom: 4rem;
	margin-bottom: 4rem;
	letter-spacing: .15em;
	line-height: 1;
}

.error404 .container404 .home-button {
	margin: 6.5rem auto 0;
}

/* 経験者の方へ
--------------------------------*/
.page-bg-experienced{
	background-image:url(img/title-img.jpg);
}

.c-experienced .bg-dot-container{
	padding:10rem 0 17rem;
}

.c-experienced .bg-fff{
	background-color: rgba(255,255,255,0.7);
  	padding: 12rem 0;
}

.c-experienced .experienced-container{
	margin-top:4.5rem;
}

.c-experienced .experienced-container .experienced-title p{
	font-size:2.2rem;
	font-weight:500;
	text-align:center;
	letter-spacing: .1em;
}

.c-experienced .experienced-container .experienced-title h3{
	max-width: 870px;
	width: 80%;
	height: 120px;
	margin: 2rem auto 3.5rem;
}

.c-experienced .experienced-container .experienced-catch{
	font-size:3rem;
	font-weight:500;
	letter-spacing: .1em;
	text-align:center;
	border-bottom:6px double #4CD9BB;
	width: 400px;
	margin: 0 auto 2.5rem;
}

.c-experienced .experienced-container .experienced-catch span{
	position:relative;
}

.c-experienced .experienced-container .experienced-catch span::after {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #4CD9BB;
	position: absolute;
	top: -10px;
	left: 10px;
}

.c-experienced .experienced-container .experienced-top-txt{
	font-size: 2.2rem;
	font-weight: 500;
	text-align: center;
	margin-bottom: 6.5rem;
}

.c-experienced .experienced-list li{
	margin-bottom:8.5rem;
}

.c-experienced .experienced-list li:last-child{
	margin-bottom:0;
}

.c-experienced .experienced-list li h4{
	font-size: 3.2rem;
	font-weight: 500;
	text-align: center;
	position: relative;
	margin-bottom: 6rem;
	letter-spacing: .1em;
}

.c-experienced .experienced-list li h4::after {
	content: "";
	width: 50px;
	height: 2px;
	background-color: #4CD9BB;
	display: block;
	letter-spacing: .05em;
	position: absolute;
	bottom: -20px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.c-experienced .experienced-list li .experienced-image{
	width:100%;
	margin-bottom:6rem;
}

.c-experienced .experienced-list li .experienced-image img{
	width:100%;
	height:auto;
}

.c-experienced .experienced-list li .experienced-txt{
	background-color:#E1EFEF;
	padding:5.5rem 3.5rem 6.5rem;
	position:relative;
	margin-left: 1rem;
}

.c-experienced .experienced-list li .experienced-txt::after{
	content: "";
	width: 100%;
	height: 100%;
	border: 1px solid #2F4446;
	position: absolute;
	bottom: 8px;
	left: -8px;
}

.c-experienced .misunderstand-catch{
	font-size: 2.8rem;
	font-weight: 500;
	letter-spacing: .05em;
	text-align: center;
	width: 810px;
	margin: 0 auto 3rem;
	border-bottom: 6px double #4CD9BB;
}

.c-experienced .bg-fff9e9{
	background-color:#FFF9E9;
	padding:12rem 0 13rem;
}

.c-experienced .earn-container{
	padding-top:5rem;
}

.c-experienced .earn-container .experienced-image{
	max-width:1000px;
	width:70%;
	height:auto;
	margin:0 auto 15rem;
	position:relative;
}

.c-experienced .earn-container .experienced-image::after{
	content: "";
	background-image: url(img/arrow-pink-under.svg);
	display: block;
	position: absolute;
	width: 36px;
	height: 78px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	z-index: 100;
	bottom:-105px;
}

.c-experienced .earn-container .experienced-image img{
	width:100%;
	height:auto;
}

.c-experienced .earn-container .conclusion-txt{
	position:relative;
	margin-bottom: 5rem;
}

.c-experienced .earn-container .conclusion-txt::after {
	background-image: url(img/earn-frame.svg);
	content: "";
	display: inline-block;
	background-size: cover;
	width: 740px;
	height: 78px;
	position: absolute;
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	z-index: 1;
}

.c-experienced .earn-container .conclusion-txt p{
	font-size: 2.8rem;
	font-weight: 500;
	color:#4CD9BB;
	letter-spacing: .05em;
	text-align: center;
	position: relative;
	z-index: 100;
}

.c-experienced .earn-container .earn-txt p{
	font-size:1.8rem;
}

.c-experienced .earn-list{
	display: flex;
	justify-content: space-between;
	margin-top: 10rem;
}

.c-experienced .earn-list li{
	width: 31.5%;
	background-color: #fff;
	border: 1px solid #4CD9BB;
	padding: 6rem 3rem 5rem;
	position: relative;
	border-radius: 20px;
	box-shadow: 5px 5px #4CD9BB;
}

.c-experienced .earn-list li::before{
	content: "";
	display: inline-block;
	background-size: cover;
	position:absolute;
	top:-65px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.c-experienced .earn-list .rewardrate::before{
	background-image: url(img/earn-icon01.svg);
	width:77px;
	height:96px;
}

.c-experienced .earn-list .education::before{
	background-image: url(img/earn-icon02.svg);
	width:90px;
	height:100px;
}

.c-experienced .earn-list .rank::before{
	background-image: url(img/earn-icon03.svg);
	width:100px;
	height:92px;
	top: -60px;
}

.c-experienced .earn-list li h4{
	font-size:2.5rem;
	font-weight:700;
	letter-spacing:.1em;
	text-align:center;
	border-bottom:1px solid #4CD9BB;
	color: #4CD9BB;
	padding-bottom: 1rem;
	margin-bottom: 1.5rem;
}

.c-experienced .influence-container{
	padding:11rem 0;
}

.c-experienced .influence-container .influence-image{
	width:100%;
	margin-bottom:5rem;
	line-height: 1;
}

.c-experienced .influence-container .influence-image img{
	width:100%;
	height:auto;
}

.c-experienced .taxreturn-container{
	padding-bottom:15rem;
}

.c-experienced .taxreturn-container .taxreturn-image{
	width:100%;
	margin-bottom:5rem;
	line-height: 1;
}

.c-experienced .taxreturn-container .taxreturn-image img{
	width:100%;
	height:auto;
}