@charset "utf-8";

/*【スマートフォン横】*/
@media screen and (min-width: 481px) {
} 

/*【タブレット縦以上】*/
@media screen and (min-width: 769px) {
body{
}

#navi-sp,
.sp_view,
.sp_br{
	display: none;;
}
.pc_view{
	display: block;
}
.pc_br{
	display: block;
}

header.top{
    background-image: url(../img/mainvisual_new.jpg);
	padding-bottom:0;
}
#header div.wrap{
	width: 1200px;
	/*height:130px;*/
	margin: 0 auto;
	flex-wrap: nowrap;
}
#logo{
	min-width: 450px;
	width: 450px;
    padding-right: 0;
}
#header #headAddress{
	width: auto;
	display: flex;
	justify-content: end;
	flex-wrap: wrap;
}
#header #headAddress .address {
	width: auto;
	padding: .5rem 3rem;
	margin:0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#header #headAddress .address .biz-time{
	display: block;
	border-right:1px dotted #BFB6AD;
	padding-right: 2rem;
    margin-right: 2rem;
}
#header #headAddress .social{

}
#header .pc_navi{
	display: flex;
	justify-content: end;
	align-items: center;
	list-style-type: none;
	margin-top:.5rem;
	height:60px;
}
#header .pc_navi li{
	font-size: var(--font-small);
	height:100%;
	padding:0 2.1rem;
	display: flex;
	align-items: center;
}
#header .pc_navi>li.active,
#header .pc_navi>li:not(.contact):hover{
	background-color:#a59d95a6;
	border-radius: 5px;;
}
#header .pc_navi li a{
	letter-spacing: 1px;
}
#header .pc_navi li a:not(.btn){
	color:#595959;
	font-weight: bold;
	display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}
#header .pc_navi li.active a,
#header .pc_navi li:not(.contact):hover a{
	color:#fff;
}
#header .pc_navi li .sub{
	width: 100%;
	display: none;
	background-color: #a59d95a6;
	position: absolute;
	z-index: 15;
	left: 0;
	top: 137px;
}
#header .pc_navi li .sub ul{
	display: flex;
	align-items: center;
	justify-content: center;
	list-style-type: none;
	flex-wrap: wrap;
	padding:2rem;
	gap: 1rem;
}
#header .pc_navi li .sub ul li{
	margin-bottom:.5rem;
}
#header .pc_navi li .sub ul li a{
	color: var(--primary-font-color-white);
	display: inline-block;
	box-sizing: border-box;
}
#header .pc_navi li .sub ul li a:hover,
#header .pc_navi li .sub ul li.active a{
	font-weight: bold;
}
#mainvisual{
	width: 55%;
	margin-top: calc((100vh - 137px - 360px) / 2);
	text-align: left;
	margin-left: 41.5%;
}
#mainvisual h1{
	font-size: var(--font-large);
	padding: 4rem 7rem;
	width:auto;
	text-align: left;
}
#mainvisual h1 span{
	font-size:var(--font-normal);
}

/* __common__ */
.container{
	width:1200px;
	padding:10rem 0;
	margin:0 auto;
}
.container .w700px{
	width:700px;
	margin:0 auto 3rem;
}

/* counseling-service */
#counseling-service .container div.check,
.container div.check2{
	width:600px;
	margin:20px auto !important;
	font-size:var(--font-middle) !important;
}
.service-item-list {
	display: flex;
}
.service-item-list__item {
	flex-basis: 25%;
	max-width: 25%;
	padding: 0 0.1rem 0.2rem;
	height: max(33.3333333333vw, 44rem);
}
.service-item-list__item .card__head {
    top: 7rem;
}
.service-item-list__item .card__caption {
    top: 19rem;
	font-size:var(--font-normal);
}
.service-item-list__item .btn-arrow {
    bottom: 3.5rem;
    right: 2rem;
}

/* boss */
#greeting{
}
#greeting .container{

}
.greeting-container-block{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width:var(--pc-content-width);
	margin:0 auto;
}
.greeting-container-block img.owner{
	width:450px;
	margin-bottom:0;
}
.greeting-container-block>div{
	margin-left:6rem;
}
.greeting-container-block h2{
	margin-top:0;
	font-size:var(--font-large);
}
.greeting-container-block p{
	font-size:var(--font-normal);
	line-height: 2;
}


/* news/blog */
#news .container ul,
#blog .container ul{
	display: flex;
	justify-content: space-between;
	width:var(--pc-content-width);
	margin: 0 auto;
	flex-wrap: wrap;
}
#news.list .container {
  padding: 6rem 2.4rem 12rem;
}
#news .container ul li,
#blog .container ul li{
	width:32%;
	margin-bottom:4rem;
}
#news .container ul::after ,
#blog .container ul::after {
	display: block;
	content:"";
	width: 320px;
}
#news .pagenation ,
#blog .pagenation {
	margin: 6rem auto 0;
}


/* calendar */
#calendar{
	padding:6rem 0;
}
#calendar table{
	width:var(--pc-content-width);
    border-spacing: 4px;

}
#calendar table th,
#calendar table td{
	border:2px solid #A4C8C8;
	padding:10px;
}
#calendar table th{
	background-color:#A4C8C8;
	font-size:var(--font-small);
	color:#fff;
}
#calendar table th.head{
	writing-mode:unset;
	letter-spacing: 1px;
}
#calendar table td{
	font-size:var(--font-large);
}

/* footer */
#footer {

    padding: 10rem 0 1rem;
    position: relative;
}
#footer .container{
	width: var(--pc-content-width);
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	justify-content: space-between;
}
#footer .container ul.address {
    margin: 0 0 0 0;
}
#footer .container ul.sitemap{
	display: flex;
	justify-content: space-between;
	width:64%;
}
#footer .container ul.sitemap>li>ul>li,
#footer .container ul.sitemap>li>ul>li ul,
#footer .container ul.sitemap>li>ul>li ul li{
	margin-bottom:1.2rem;
}

#footer .container p.copyright{
	margin-top:6rem;
	width: 100%;
	font-size:var(--font-small);
}

/* about */
#achievements div.wrap{
	width: var(--pc-content-width);
	margin: 0 auto;
}
/* vision */
#philosophy{
	margin-top:15rem;
}
.philosophy__block{
    margin-left: auto;
	width:400px;
	margin-top:7rem;
}
.vision__block{
	margin-top:7rem;
}
.philosophy__block h1{}
.vision__block h1{
	width: 44%;
}
.philosophy__block h2{}
.vision__block h2{
	width: 44%;
}
.philosophy__block p{
}
.vision__block p{
	width: 44%;
}
#cred{
	margin-top:10rem;
	padding:10rem 0;
}
.cred__inner{
    padding: 5rem;
}
.cred__inner ul{
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
	width:900px;
	margin:0 auto;
}
.cred__inner ul li{
	width:45%;
	margin-bottom:4rem;
}
.cred__inner ul li h2{
	font-size: var(--font-normal);
}
.cred__inner ul li p{
	font-size: var(--font-small);
	line-height:var(--primary-line-height);
}

/* service-menu */
.service-menu__block{
    margin-left: auto;
	width:680px;
	margin-top:7rem;
	margin-bottom:7rem
}

.service-menu__block h1{}
.vision__block h1{
	width: 44%;
}
.service-menu__block h2{}
.vision__block h2{
	width: 44%;
}
.service-menu__block p{
	font-size: var(--font-small);
	line-height: var(--primary-line-height);
}
.coco_img{
object-fit: cover;
    height: 500px !important;
    width: 330px;
}
/* approach */
#approach .container>div{
	width: 1140px;
}
#approach .container>div ol{
	font-size:var(--font-normal);
}
#approach .contract{
	text-align: center;
}

/* services */
#services{

}
#services ul.service-list li:after{
    width: 100%;
    height: 100%;
    left: 40%;
    /*transform: translateX(460px);*/
}
#services ul.service-list li .container-block{
	width:1000px;
	padding:2rem 0;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#services ul.service-list li .container-block h2 {
    font-size: var(--font-large);
	width:30%
}
#services ul.service-list li .container-block>div {
	width:60%
}
#services ul.service-list li .container-block>div p{
	font-size: var(--font-small);
	line-height: var(--primary-line-height);
}

/* guide */
#guide .container{
	width:900px;
}
#guide .container div.check{
	margin:3rem 3.5rem 5rem 2rem;
}
#guide .business_menu li{
	background-repeat: no-repeat;
	background-position: right 3rem center;
	background-size:100px;
}
#guide .business_menu li.mental_health{
	background-image:url("../img/service/mental_health.png");
}
#guide .business_menu li.engagement{
	background-image:url("../img/service/engagement.png");
}
#guide .business_menu li.personal_counseling{
	background-image:url("../img/service/personal_counseling.png");
}
#guide .business_menu li.shakehand{
	background-image:url("../img/service/shakehand.png");
}
#guide .business_menu dl{
    padding-left: 5rem;
}
#guide .plan{
	position: relative;
}
#guide .plan table tbody{
	display: flex;
	align-items: stretch;
}
#guide .plan table tr{
	width:calc(100% /3 );
	display: block;
}
#guide .plan table td{
	border-left:1px solid #D2D2D2 !important;
	padding:5rem 2.5rem 12rem;
	display: block;
	height:100%;
	text-align: center;
}
#guide .plan table td.light{
	border-top:20px solid #FCD9AF;
}
#guide .plan table td.standard{
	border-top:20px solid #E5C297;
}
#guide .plan table td.premium{
	border-top:20px solid #B39066;
}
#guide .plan table td h5,
#guide .plan table td p,
#guide .plan table td h6{
	margin-bottom:3rem;
}
#guide .plan table td ul{
	text-align: left;
}
#guide .contract{
	text-align: center;
	position: absolute;
	padding: 1.5rem 0;
	bottom: 12rem;
	width: 760px;
	left: calc(50% - 380px);
}

.cocofit__block{
	display: flex !important;
	justify-content: space-between;
	align-items: baseline;
}
.cocofit__block>div{
	width:48%;
	text-align: left;
}
.cocofit__block>div p{
		margin:2rem 1rem;
}
#cocofit .container{
	padding-top:0;
}
.cocofit__block>div:last-child{
	margin-top:0;
}
#recommend{
}
#recommend div.wrap{
	width: var(--pc-content-width);
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: top;
	margin:0 auto;
}
#recommend div.osusume{
	width:35%;
	display: flex;
	align-items: top;
}
#recommend div.price{
	width:65%;
}
#recommend div.osusume>.container,
#recommend div.price>.container{
	width:100%;
	padding-bottom:0;
}
#recommend div.caution{
	width:100%;
	margin-top:3rem;
}


	/* お問合せ */
	#contact table{
		width: 100%;
	}
	#contact table tr{
		display: flex;
		align-items: center;
		margin-bottom:20px;
		padding-bottom:20px;
	}
	#contact table th,
	#contact table td{
		padding: 0 0 0 0;
	}
	#contact table th {
		width:200px;
		padding-right:1rem;
		text-indent: -1.7rem;
        padding-left: 2rem;
	}
	#contact table td.radio{
		display: flex;
		gap:20px;
	}
	#contact table td.radio div{
		margin-bottom:2rem;
	}
.sq::after {
    top: 20%;
}



}