@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}




/************************************
** 全体
************************************/
/* 全体のフォント設定 */
body {
	/*font-family: "Times New Roman", "MS P明朝", "Hiragino Mincho ProN", "Hiragino Mincho ProN", "MS PMincho", serif !important;*/
}
/* カスタムCSSの設定 */
:root {
	/* 色の設定 */
	/* バングラデシュ赤 #EE1F3F → #d61b38*/
	/* バングラデシュ緑 #21684c → #174835*/
	--primary-color: #174835;
	--secondary-color: #d61b38;
	--secondary-pale-color: #f796a5;
	--color-white: #ffffff;
	--color-black: #333333;
	/* コンテンツ幅の設定 */
	--content-width: 80%;
	--content-max-width: 1280px;
}
.green{color:#174835}
.red{color:#d61b38}

/* 各セクションのタイトルスタイル */
div.section__title {
	position: relative;
	text-align: center;
	color: var(--primary-color);
	/* margin-top: 200px;margin-bottom: 124px; */
	padding-top: 200px;
	padding-bottom: 124px;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
}
@media screen and (max-width: 768px) {
	div.section__title {
		padding-top: 40px;
		padding-bottom: 40px;
		line-height: 1.2;
	}
}
.section__title.--bd {
	font-size: 40px
}
@media screen and (max-width: 768px) {
	.section__title.--bd {
		font-size: 28px;
	}
}
.section__title.--ja {
	font-size: 20px;
	opacity: .7;
	position: absolute;
	left: 50%;
	top: 250px;
	transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
	.section__title.--ja {
		font-size: 14px;
		top: 74px;
	}
}
.section__title.--en {
	font-size: 120px;
	opacity: .1;
	position: absolute;
	left: 50%;
	top: 80px;
	transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
	.section__title.--en {
		font-size: 60px;
		top: 0;
	}
}
/* ボタンのスタイル */
a.c-button {
	/* 基本のサイズ */
	width: 36%;
	min-width: 280px;
	max-width: 320px;
	height: 50px;
	/* テキスト中央寄せ */
	display: flex;
	justify-content: center;
	align-items: center;
	/* 形・色 */
	border-radius: 100vh;
	color: var(--color-white);
	background-color: var(--secondary-color);
	text-decoration: none;
}
a.c-button:hover {
	opacity: .6;
}
.c-button-wrapper {
	margin-top: 60px;
	margin-right: auto;
	margin-left: auto;
	width: fit-content;
}

.section__title{
	font-family: "Times New Roman", "MS P明朝", "Hiragino Mincho ProN", "Hiragino Mincho ProN", "MS PMincho", serif !important;
}


/* デフォルトのマージンを消す */

@media screen and (max-width: 768px) {
	.gsss1_1 {
		margin-bottom: 0;
	}
}

.site-logo-image{height:100px;width:auto;}




/************************************
** 横までカバーする（セリフ）
************************************/
.gsss_box_outer{
	position: relative;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
}
.gsss_box_outer .gsss_box .box1 {
  padding: 0.5em 1em;
  margin: -100px 10% 2em 10%;
  font-weight: bold;
  border: solid 3px #000000;
  text-align:center;
}
@media screen and (max-width: 768px) {
	.gsss_box_outer .gsss_box .box1 {
		margin: 0px 10% 2em 10%;
	}
}
.gsss_box_outer .gsss_box .box1 p {
  margin: 0;
  padding: 0;
}
.gsss_box_outer .gsss_box .box1 p.en {font-size:150%;color: var(--primary-color);}
.gsss_box_outer .gsss_box .box1 p.bd {font-size:180%;color: var(--secondary-color);}
.gsss_box_outer .gsss_box .box1 p.jp {font-size:70%;color: var(--primary-color);}


/************************************
** 見出し
************************************/
.article h2,.article h3,.article h4,.article h5,.article h6{background-color: transparent;border:0;padding:0;}
.article h2{font-size:30px;border-bottom: solid 3px black;}
.article h3{font-size:26px;background:#f5f6f7;padding: 0.5em;}
.article h4{font-size:26px;padding: 0.8em;}
.article h5{font-size:22px;padding: 0.8em;}
.article h6{font-size:22px;padding: 0.8em;}





/************************************
** お問い合わせボックス
************************************/
.otoiawase_tel ,.otoiawase_line ,.otoiawase_mail {vertical-align:bottom;margin:0 auto !important;}
.otoiawase_tel figure ,.otoiawase_line figure ,.otoiawase_mail figure {vertical-align:bottom;margin:0 auto !important;}
.otoiawase_tel img,.otoiawase_line img,.otoiawase_mail img{max-height:85px;width:auto;}
.otoiawase_line,.otoiawase_line figure,.otoiawase_line img{width:100%}
@media screen and (max-width: 1023px) {
	.otoiawase_line,.otoiawase_line figure,.otoiawase_line img{width:auto}
	.otoiawase_tel figure ,.otoiawase_line figure ,.otoiawase_mail figure {text-align: center;float: none !important;}
}


/************************************
** ヘッダーバナー
************************************/
.header .header-in{
	display: flex;
	flex-direction: row !important;
	justify-content: flex-start;
}
.header .header-in .logo2{margin-left:auto;}
.header .header-in .logo3{margin-left:0;}
.header .header-in .logo4{margin-left:5px;}
.header .header-in .logo2 img{height:60px}
.header .header-in .logo3 img{height:60px}
.header .header-in .logo4 img{height:60px}

/************************************
** 追従メニューにロゴを表示しない
************************************/
.hlt-top-menu .header-in .logo2{display:none !important;}
.hlt-top-menu .header-in .logo3{display:none !important;}
.hlt-top-menu .header-in .logo4{display:none !important;}
@media screen and (max-width: 1023px) {
	.header .header-in .logo2{display:none !important;}
	.header .header-in .logo3{display:none !important;}
	.header .header-in .logo4{display:none !important;}
}

/************************************
** モバイルフッターボタン
************************************/
.mobile-footer-menu-buttons .navi-menu-button:nth-child(1){background-color: var(--primary-color);color:#FFF;font-weight:bold;}
.mobile-footer-menu-buttons .navi-menu-button:nth-child(1) .navi-menu-content{background-color:#fff;color:#000;font-weight:normal;}
.mobile-footer-menu-buttons .sidebar-menu-button{background-color: var(--primary-color);color:#FFF;font-weight:bold;}
.mobile-footer-menu-buttons .sidebar-menu-button .sidebar-menu-content{background-color:#fff;color:#000;font-weight:normal;}
.mobile-footer-menu-buttons .navi-menu-button:nth-child(2){background-color: var(--primary-color);color:#FFF;font-weight:bold;}
.mobile-footer-menu-buttons .navi-menu-button:nth-child(2) .custom-menu-icon{font-weight:bold;color:#FFF;}
.mobile-footer-menu-buttons .navi-menu-button:nth-child(2) .custom-menu-icon::after {content:"";}
.mobile-footer-menu-buttons .navi-menu-button:nth-child(2) .menu-caption{font-weight:bold;color:#FFF;}

.mobile-footer-menu-buttons .menu-icon{line-height:1.5em;}
.mobile-footer-menu-buttons .menu-caption{margin:0 0 1em 0;line-height:1.5em;}
.mobile-footer-menu-buttons .navi-menu-button::before {content: "";}
.mobile-footer-menu-buttons .menu-button::before {content: "";}


/************************************
** ヘッダー〜グローバルナビ
************************************/
.header,#header-container {
	background-color: #fff;
}
.header.cf {
	height: unset;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
}
.header .header-in {
	width: 80%;
	display: flex;
	flex-direction: column-reverse;
	padding: 20px 0;
	position: relative;
}
.is-header-fixed .header-container .logo {
	padding-left: 20px;
	padding-right: 20px;
}
@media screen and (max-width: 768px) {
	.is-header-fixed .header-container .logo {
		padding: 0;
	}
}
.logo,
.tagline {
	text-align: left;
	margin: 0;
	padding: 0;
}
.logo {
	font-weight: bold;
}
.site-name.site-name-text-link {
	padding: 0;
}
.tagline,
.header .site-name-text {
	color: var(--color-black);
}
#header-container .navi,
#navi .navi-in>.menu-header .sub-menu {
	background-color: rgba(255, 255, 255, .8);
}
.navi.cf {
	border-top: 4px solid #E7E7E7;
	border-bottom: 1px solid #E7E7E7;
	box-shadow: 0px -3px 0px -2px #dedede;
}

@media screen and (max-width: 1023px) {
	.navi.cf {
		display: none;
	}
}

.navi-in .cf {
	height: 45px;
}

.navi-in {
	width: 100%;
	height: 75px;
}

.menu-top.menu-header.menu-pc {
	height: 100%;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	justify-content: flex-start;
}



/* 入れ子メニューCSS */
.cl-slim .navi-in li.menu-item {
	height: 75px;
	line-height: 75px;
	border-left: 1px solid #e7e7e7;
	
	border-top: 3px solid #E7E7E7;
	box-sizing: border-box;
	position: relative;
	top: -3px; left: 0px;
}
.cl-slim .navi-in li.menu-item:hover {
	border-top: 3px solid #FF4D11;
	box-sizing: border-box;
}
.cl-slim .navi-in li.menu-item:last-of-type {
	border-right: 1px solid #e7e7e7;
}
.cl-slim .navi-in li.menu-item:hover::before {
}

/* 入れ子サブメニューCSS */
.cl-slim .navi-in .sub-menu li.menu-item {
	height: 45px;
	line-height: 45px;
	
	border-top: 3px solid #E7E7E7;
	box-sizing: border-box;
	position: relative;
	top: -3px; left: 0px;
}
.cl-slim .navi-in .sub-menu li.menu-item:hover {
	border-top: 3px solid #FF4D11;
	box-sizing: border-box;
}
.cl-slim .navi-in .sub-menu li.menu-item:last-of-type {

}
.cl-slim .navi-in .sub-menu li.menu-item:hover::before {

}







#navi .navi-in a,
#navi .navi-in a {
	color: var(--color-black);
	font-weight: bold;
}

#navi .navi-in a,
#navi .navi-in a:hover {
	color: var(--color-black);
	font-weight: bold;
}

.item-description.sub-caption {
	margin-top: 5px;
	color: #ff4d11;
}


/************************************
** ファーストビュー
************************************/
.gsss1_1 .fv {
	background-image: url('https://yoshida-office.tokyo/wp-content/uploads/2023/02/top2_-1.png');
	height: 498px;
	margin-bottom: 1em;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #E8EDEB;
	/* border-bottom: 30px solid #E7E7E7; */
}
@media screen and (max-width: 768px) {
	.gsss1_1 .fv {
		background-image: url('https://yoshida-office.tokyo/wp-content/uploads/2023/02/top2_-1_sp.png');
		height: 100vw;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
	}
}


.gsss1_1 .fv__inner {
	background: linear-gradient(to right top, #fff, #fff 30%, transparent);
	/* backdrop-filter: blur(4px); */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.gsss1_1 .toc {
	display: none;
}

.gsss1_1 .fv__text-block {
	width: var(--content-width);
	max-width: var(--content-max-width);
	margin-right: auto;
	margin-left: auto;
	/* background-color: pink; */
}

.gsss1_1 h2 {
	background-color: unset;
	margin: 0;
	padding: 0;
	font-size: 40px;
	text-shadow:
		2px 2px 1px #ffffff,
		-2px 2px 1px #ffffff,
		2px -2px 1px #ffffff,
		-2px -2px 1px #ffffff,
		2px 0px 1px #ffffff,
		0px 2px 1px #ffffff,
		-2px 0px 1px #ffffff,
		0px -2px 1px #ffffff;
	/* 文字の影 */
}

@media screen and (max-width: 768px) {
	.gsss1_1 h2 {
		font-size: 28px;
	}

}

.gsss1_1 p {
	margin-bottom: 0;
	line-height: 1;
}

.gsss1_1 .fv__main-title {
	margin-top: 12px;
}

.gsss1_1 .fv__sub-title span {
	display: inline-block;
	background-color: var(--secondary-color);
	color: #fff;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
}

@media screen and (max-width: 768px) {
	.gsss1_1 .fv__sub-title span {
		font-size: 14px;
		width: 24px;
		height: 24px;
		line-height: 24px;
	}
}

.gsss1_1 .fv__sub-title span+span {
	margin-left: 1px;
}

.gsss1_1 .fv__desc {
	display: inline-block;
	margin-top: 20px;
	padding-top: 20px;
	border-top: solid 1px var(--color-black);
	line-height: 1.4;
}

@media screen and (max-width: 768px) {
	.gsss1_1 .fv__desc {
		font-size: 14px;
	}
}

.gsss1_1 .fv__desc span {
	color: var(--secondary-color);
}

/************************************
** ご提供するサービス
************************************/

@media screen and (max-width: 768px) {
	.gsss1_2 .services{
		padding-top: 60px;
	}
}
.gsss1_2 .services__list {
	padding: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	row-gap: 20px;
}
.gsss1_2 .services__item {
	width: 45%;
	padding: 16px;
	list-style: none;
	border: 1px solid #E7E7E7;
}
.gsss1_2 .services__item a {
	text-decoration: none;
	color: var(--color-black);
}
@media screen and (max-width: 768px) {
	.gsss1_2 .services__list {
		flex-direction: column;
	}
	.gsss1_2 .services__item {
		width: 95%;
		margin-right: auto;
		margin-left: auto;
	}
}
.gsss1_2 .services__image {
	height: 240px;
	overflow: hidden;
}
.gsss1_2 .services__image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.gsss1_2 .services__item__title {
	position: relative;
	font-size: 120%;
	font-weight: bold;
	color: var(--secondary-color);
	text-align:center;
	margin: 1em 0;
	padding: 20px 0 30px;
}
.gsss1_2 .services__item__title::after {
	content: '';
	width: 20%;
	height: 2px;
	background-color: var(--primary-color);
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
}
.gsss1_2 .services__item__desc {
	padding: 30px 0 10px;
}






/************************************
** 横までカバーする（お問い合わせ）
************************************/
.gsss1_3 .cta-01 {
	position: relative;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	background-color: blue;
	background-image: url(https://yoshida-office.tokyo/wp-content/uploads/2022/12/1.png);
	background-size: cover;
	background-position: bottom;
	position: relative;
}

.gsss1_3 .cta-01__overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 51, 84, .7);
	z-index: 0;
}
.gsss1_3 .cta-01__inner {
	width: var(--content-width);
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding-top: 160px;
	padding-bottom: 80px;
	/* padding: 160px 5% 80px; */
}

@media screen and (max-width: 768px) {
	.gsss1_3 .cta-01__inner {
		padding-top: 40px;
	}
}

.gsss1_3 .cta-01__list {
	color: var(--color-white);
}

@media screen and (max-width: 768px) {
	.gsss1_3 ul.cta-01__list {
		padding: 0;
		line-height: 1.4;
	}
}

@media screen and (max-width: 768px) {
	.gsss1_3 li.cta-01__item+li {
		margin-top: 20px;
	}
}

.gsss1_3 .cta-01__item::before {
	content: '\200B \f14a';
	font-family: 'Font Awesome 5 Free';
	font-weight: 700;
}

.gsss1_3 .cta-01__notice {
	margin-top: 30px;
	color: var(--color-white);
}








/************************************
** 事務所 私たちについて アバウトアス
************************************/
.gsss1_4 .about {
	width: var(--content-width);
	max-width: var(--content-max-width);
	margin-right: auto;
	margin-left: auto;
}

@media screen and (max-width: 768px) {
	.gsss1_4 .about {
		width: 95%;
	}
}

.gsss1_4 .about__title {
	padding: 4px 12px;
	font-size: 20px;
	background-color: var(--primary-color);
	color: var(--color-white);
	border-radius: 10px;
}

.gsss1_4 .about__title-text:before {
	font-family: 'Font Awesome 5 Free';
	content: '\f111';
	font-weight: 700;
	color: var(--secondary-color);
}

.gsss1_4 .about__article {
	margin-top: 24px;
	display: flex;
	gap: 5%;
}

@media screen and (max-width: 768px) {
	.gsss1_4 .about__article {
		flex-direction: column;
	}
}

.gsss1_4 .about__text-block {
	flex: 1;
}

.gsss1_4 .about__article-image {
	flex: 0.8;margin:0 0 0 auto;
}

.gsss1_4 .about__heading {
	font-size: 18px;
	font-weight: bold;
	color: var(--secondary-color);
}

.gsss1_4 .about__desc {
	font-size: 14px;
}

.gsss1_4 .about__menu-list {
	display: flex;justify-content: flex-end;
}

.gsss1_4 .about__menu-item {
	font-size: 14px;
}

@media screen and (max-width: 768px) {
	.gsss1_4 .about__menu-item {
		font-size: 12px;
	}
}

.gsss1_4 .about__menu-item a {
	color: var(--primary-color);
	text-decoration:none;
}

.gsss1_4 .about__menu-item a:hover {
	text-decoration: none;
}

.gsss1_4 .about__menu-item::before {
	font-family: "Font Awesome 5 Free";
	content: '\200B \f138';
	font-weight: 700;
	color: var(--primary-color);

}






/************************************
** 横までカバーする（電話番号など）
************************************/
.gsss1_5 .cta-02 {
	position: relative;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	background-color: blue;
	background-image: url(https://yoshida-office.tokyo/wp-content/uploads/2022/12/3.png);
	background-size: cover;
	position: relative;
	color: var(--color-white);
	text-align: center;
}

.gsss1_5 .cta-02 a {
	color: var(--color-white);
}

.gsss1_5 .cta-02__overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 51, 84, .7);
	z-index: 0;
}

.gsss1_5 .cta-02__inner {
	width: var(--content-width);
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding-top: 80px;
	padding-bottom: 80px;
	/* padding: 160px 5% 80px; */
}

.gsss1_5 .cta-02__copy span {
	display: block;
}

.gsss1_5 .cta-02__copy span:first-of-type {
	font-size: 24px;
}
.gsss1_5 .cta-02__copy span:nth-of-type(2) {
	font-size: 32px;
}
.gsss1_5 .cta-02__copy span:nth-of-type(3) {
	font-size: 24px;
}

@media screen and (max-width: 768px) {
	.gsss1_5 .cta-02__copy span:first-of-type {
		font-size: 4vw;
	}
	.gsss1_5 .cta-02__copy span:nth-of-type(2) {
		font-size: 8vw;
	}
	.gsss1_5 .cta-02__copy span:nth-of-type(3) {
		font-size: 4vw;
	}
}

.gsss1_5 .cta-02__appeal {
	font-size: 24px;
	color: var(--secondary-color);
}

.gsss1_5 .c-button-wrapper {
	margin-top: 20px;
}

.gsss1_5 .cta-02__tel {
	margin-top: 32px;
	font-size: 36px;
}

.gsss1_5 .cta-02__tel::before {
	content: '\f095';
	font-family: 'Font Awesome 5 Free';
	font-weight: 700;
}

/************************************
** 横までカバーする（電話番号など）
************************************/
.gsss1_51 .cta-02 {
	position: relative;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	background-color: blue;
	background-image: url(https://yoshida-office.tokyo/wp-content/uploads/2022/12/2.png);
	background-size: cover;
	position: relative;
	color: var(--color-white);
	text-align: center;
}

.gsss1_51 .cta-02 a {
	color: var(--color-white);
}

.gsss1_51 .cta-02__overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 51, 84, .7);
	z-index: 0;
}

.gsss1_51 .cta-02__inner {
	width: var(--content-width);
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding-top: 80px;
	padding-bottom: 80px;
	/* padding: 160px 5% 80px; */
}

.gsss1_51 .cta-02__copy span {
	display: block;
}

.gsss1_51 .cta-02__copy span:first-of-type {
	font-size: 32px;
}

.gsss1_51 .cta-02__copy span:nth-of-type(2) {
	font-size: 24px;
}

@media screen and (max-width: 768px) {
	.gsss1_51 .cta-02__copy span:first-of-type {
		font-size: 24px;
	}

	.gsss1_51 .cta-02__copy span:first-of-type {
		font-size: 20px;
	}
}

.gsss1_51 .cta-02__appeal {
	font-size: 24px;
	color: var(--secondary-color);
}

.gsss1_51 .c-button-wrapper {
	margin-top: 20px;
}

.gsss1_51 .cta-02__tel {
	margin-top: 32px;
	font-size: 36px;
}

.gsss1_51 .cta-02__tel::before {
	content: '\f095';
	font-family: 'Font Awesome 5 Free';
	font-weight: 700;
}


/************************************
** アクセス
************************************/
.gsss1_6 .office-info {
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	padding-bottom: 124px;
}

.gsss1_6 .office-info__inner {
	width: var(--content-width);
	max-width: var(--content-max-width);
	margin-right: auto;
	margin-left: auto;
}

.gsss1_6 .office-info__container {
	display: flex;
	gap: 2%;
}

@media screen and (max-width: 768px) {
	.gsss1_6 .office-info{
		padding-top: 40px;
	}
	.gsss1_6 .office-info__inner{
		width: 95%;
	}
	.gsss1_6 .office-info__container {
		flex-direction: column-reverse;
	}
}

.gsss1_6 .office-info__container>div {
	flex: 1;
}

.gsss1_6 .office-info table,
.gsss1_6 .office-info tr,
.gsss1_6 .office-info td {
	border: 1px solid var(--primary-color);
	font-size: 16px;
}

.gsss1_6 .office-info__table tr td:first-of-type {
	width: 20%;
	min-width: 140px;
	vertical-align: middle;
	text-align: center;
	padding: 24px 3%;
	background-color: #dff5ec;
	font-weight: bold;
	;
}

.gsss1_6 .office-info__table tr td:nth-of-type(2) {
	padding: 24px 3%;
	background-color: var(--color-white);
}

@media screen and (max-width: 768px) {
	.gsss1_6 .office-info table,
	.gsss1_6 .office-info tr,
	.gsss1_6 .office-info td {
		display: block;
	}
	.gsss1_6 .office-info__table-wrapper,
	.gsss1_6 .office-info__table,
	.gsss1_6 .office-info table,
	.gsss1_6 .office-info tbody,
	.gsss1_6 .office-info tr,
	.gsss1_6 .office-info__table tr td:first-of-type {
		width: 100%;
		display: block;
	}
}

/************************************
** 報酬
************************************/
.gsss1_6_1 .price-info {
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	padding-bottom: 124px;
}

.gsss1_6_1 .price-info__inner {
	width: var(--content-width);
	max-width: var(--content-max-width);
	margin-right: auto;
	margin-left: auto;
}

.gsss1_6_1 .price-info__container {
	display: flex;
	gap: 2%;
}

@media screen and (max-width: 768px) {
	.gsss1_6_1 .price-info{
		padding-top: 40px;
	}
	.gsss1_6_1 .price-info__inner{
		width: 95%;
	}
	.gsss1_6_1 .price-info__container {
		flex-direction: column-reverse;
	}
}

.gsss1_6_1 .price-info__container>div {
	flex: 1;
}
.gsss1_6_1 .price-info table,
.gsss1_6_1 .price-info tr,
.gsss1_6_1 .price-info th,
.gsss1_6_1 .price-info td {
	border: 1px solid var(--primary-color);
	font-size: 16px;
}
.gsss1_6_1 .price-info__table tr th:first-of-type {
	vertical-align: middle;
	text-align: center;
	background-color: var(--primary-color);
	color:#fff;
	font-weight: bold;
}
.gsss1_6_1 .price-info__table tr td:first-of-type {
	width: 60%;
	min-width: 140px;
	vertical-align: middle;
	text-align: center;
	padding: 24px 3%;
	background-color: #dff5ec;
	font-weight: bold;
}
.gsss1_6_1 .price-info__table tr td:nth-of-type(2) {
	padding: 24px 3%;
	background-color: var(--color-white);
}

@media screen and (max-width: 768px) {
	.gsss1_6_1 .price-info table,
	.gsss1_6_1 .price-info tr,
	.gsss1_6_1 .price-info th,
	.gsss1_6_1 .price-info td {
		display: block;
	}
	.gsss1_6_1 .price-info__table-wrapper,
	.gsss1_6_1 .price-info__table,
	.gsss1_6_1 .price-info table,
	.gsss1_6_1 .price-info tbody,
	.gsss1_6_1 .price-info tr,
	.gsss1_6_1 .price-info th,
	.gsss1_6_1 .price-info__table tr td:first-of-type {
		width: 100%;
		display: block;
	}
}




/************************************
** フッター
************************************/
.gsss1_7 .above-footer {
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	padding-top: 60px;
	padding-bottom: 60px;
	border-top: 2px solid var(--primary-color);
}

.gsss1_7 .above-footer__inner {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: stretch;
	width: var(--content-width);
	max-width: var(--content-max-width);
	margin-right: auto;
	margin-left: auto;
}

@media screen and (max-width: 768px) {
	.gsss1_7 .above-footer__inner {
		flex-direction: column;
	}
}

.gsss1_7 .above-footer__logo {
	/* flex: 1; */
	border-right: 1px solid var(--color-black);
	padding-right: 4%;
}

.gsss1_7 .above-footer__logo--ja {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.4;
}

.gsss1_7 .above-footer__info {
	/* flex: 1; */
	font-size: 14px;
	line-height: 1.4;
	padding-left: 4%;
}

@media screen and (max-width: 768px) {
	.gsss1_7 .above-footer__logo {
		padding-right: 0;
		border-right: none;
	}

	.gsss1_7 .above-footer__logo--ja {
		font-size: 20px;
		text-align: center;
	}

	.gsss1_7 .above-footer__logo--en {
		text-align: center;
	}
	.gsss1_7 .above-footer__info{
		margin-top: 20px;
	}
}

.c-button-wrapper.--above-footer {
	margin: unset;
	/* flex: 0.6; */
	margin-left: auto;
}

@media screen and (max-width: 768px) {
	.c-button-wrapper.--above-footer {
		margin-right: auto;
		margin-top: 20px;
	}
}

.c-button-wrapper.--above-footer .c-button {
	border-radius: 0;
}

.gsss1_7 .above-footer__to-top {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	padding: 8px;
	transform: translateY(calc(-100% - 60px));
	background-color: var(--primary-color);
	color: var(--color-white);
}

.gsss1_7 .above-footer__to-top a {
	color: var(--color-white);
}

.gsss1_7 .above-footer__to-top::before {
	content: '\f139';
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
}


/************************************
** 追従メニューにロゴを表示しない
************************************/
#header a{color:#000;text-decoration:none;}
#header a:hover{color:#000;text-decoration:none;}
.hlt-top-menu .header-in{display:none;}/* 追従メニューにロゴを表示しない */
.fixed-header{background-color: #1b406d;}/* 追従メニューの色 */
.wrap {width: auto;} /* 位置調整 */


/************************************
** フォームとテーブルのデザイン
************************************/
.table{
	background-color: #fff;
}
form u.hissu {
	font-size:10px;
	text-decoration:none;
	display: inline-block;
	margin: 0 1em 0 1em;
	padding: .4em;
	line-height: 1;
	text-decoration: none;
	color: #fff;
	background-color: #bf0000;
	border: 1px solid #bf0000;
}
form u.nini {
	font-size:10px;
	text-decoration:none;
	display: inline-block;
	margin: 0 1em 0 1em;
	padding: .4em;
	line-height: 1;
	text-decoration: none;
	color: #fff;
	background-color: #999;
	border: 1px solid #999;
}
form u.kotei {
	font-size:10px;
	text-decoration:none;
	display: inline-block;
	margin: 0 1em 0 1em;
	padding: .4em;
	line-height: 1;
	text-decoration: none;
	color: #fff;
	background-color: #333;
	border: 1px solid #333;
}
/* チェック・ラジオを一行ごとに */
.wpcf7-form-control .wpcf7-list-item{
	display:block;
}
/* ボタン */
input[type="submit"] {
	display:block;
  background-color: #bf0000;
  color:#fff;
  font-weight:bold;
  text-align:center;
  margin: 0 auto;
  width: 80%;
}
/* 禁止マーク */
input:disabled {
    cursor: not-allowed;
}
label.disabled {
    cursor: not-allowed;color:#999;
}

/************************************
** テーブルのデザイン
************************************/
.table{
	font-size:0.9em;
	  border-collapse: collapse;
}
.table .tr{
  display: table;
  width: 100%;

  border-collapse: collapse;
  border-spacing: 0;
}
@media screen and (max-width: 767px) {
  .table .tr{
    display: block;
    width:100%;
  }
}
.table .tr .td{
  display: table-cell;
  border: 1px solid #e5e5e5;
  padding: 8px 13px;
  vertical-align:top;

  border-collapse: collapse;
  border-spacing: 0;
}
@media screen and (max-width: 767px) {
  .table .tr .td{
    display: block;
    width:100%;
  }
}
.table .label{
	background    : #fcfcfc;
	width:30%;
}
.table .input{
	width:70%;
}

.table .tr .td:nth-child(2){
width:70%;
}
@media screen and (max-width: 767px) {
  .table .tr .td:nth-child(2){
    display: block;
    width:100%;
  }
}