@charset "shift_jis";

/*------------------------------------------------
layout
-------------------------------------------------*/


.bg_color {
		/* background: #d7ecf1; */
		margin-top: 0px!important;
		padding-top: 3em;
		display: flex;
		flex-direction: column;
		gap: 60px;	/* 子要素間の間隔を一括で設定 */
}


.bg_color .container
{
	line-height:2rem;
	width:100%;
	margin-bottom: -40px;
}

@media screen and (max-width:767px) {
	.bg_color{
	gap: 20px;
	}
	.container{
	line-height:1.6	
	}
}

article{
	margin-bottom:-60px;
}



.keyimgBox {
	background-color: #e1e8f0;
	margin-bottom: -1em;
}

@media screen and (max-width:767px) {
.keyimgBox {
	margin-bottom: 0rem;
	}
}

.keyimgBox>div{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
}


.keyimgBox>div a img:hover {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

@media screen and (max-width:767px) {
.keyimgBox>div{
	width:100%;
	}
}

.container_inner
{
	/* background:#fff; */
	/* padding: 2rem; */
	width: 940px;
	margin:0 auto;
}

@media screen and (max-width:767px) {
.container_inner
	{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	padding: 1rem;
	}
}


.container_inner ul li
{
	padding-bottom:10px;
}
.container_inner ul li:last-child
{
	padding-bottom:0px;
}

/*------------------------------------------------
オープニング
-------------------------------------------------*/
.opening{
	position:relative;
	width: 100%;
	height:auto;
	background: #276ab7;
	background: linear-gradient(135deg, #276ab7, #0d2a4c);
	padding: 3rem 2rem;
	text-align:left;
	color: #ffffff;
	font-size:15px;
	border-top: solid 7px #333;
	border-image: linear-gradient(to right, #B67B03 , #FEE9A0	, #B67B03) 1;
}

@media screen and (max-width:767px) {
	.opening{
	padding: 2rem 0	1rem 0;
	margin-top: 0!important;
	}
}

.opening p.opening_text
{
	font-size: 1.8rem;
	padding-bottom: 20px;
	font-family: "Noto Serif JP", serif;
	font-weight: 800;
	text-align: center;
}


@media screen and (max-width:767px) {
	.opening p.opening_text{
	font-size: 0.95rem;
	}
}


/*----------------------
コンバージョンボタン
----------------------*/
.cv_box,
.cv_box_end
{
	background: #276ab7;
	padding: 3rem 3rem;
	background: linear-gradient(135deg, #276ab7, #0d2a4c);
}

.cv_box_end
{
	margin-bottom:0;
}


@media screen and (max-width:767px) {
	.cv_box,
	.cv_box_end
	{
	padding: 1rem 0;
	}
}
	

.cv_box .cv_inner {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	color:#fff;
}

@media screen and (max-width:767px) {
.cv_box .cv_inner
	{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	padding: 1rem;
	margin-bottom: 30px !important;
	}
}


.cv_box .cv_inner h2
{
	font-family: "Noto Serif JP", serif;
	color: #f7de90;
	font-weight:800;
	border:none;
}

.cv_box .cv_inner h3
{
	font-weight:800;
	border:none;
	color: #fff;
}


.cv_box .cv_inner h2:after,
.cv_box .cv_inner h3:after
{
	background: transparent;
}

.cv_area{
	background:#fff;
	padding: 2em;
	border-radius:6px;
	color:#333;
}


@media screen and (max-width:767px) {
	.cv_area{
		padding: 1em;
	}
}

.cv_area dl dt{
	display:flex;
	font-weight:800;
	font-size: 1.4rem;
	margin-bottom:10px;
	color: #1e5594;
	border-left: 8px solid #acc6e4;
	padding-left: 10px;
	align-items:center;
	line-height:1.8rem;
}

.cv_box ul.cv_inner li {
	background: #fff;	
	/*padding: 2rem;*//**241008**/
	border-radius: 8px;
	margin: 0 2rem;
	transition: 0.5s;
	box-shadow: 0px 2px 10px 0px rgb(22 22 83 / 50%);	
}

@media screen and (max-width:767px) {
	.cv_box ul.cv_inner{
		display:block;
	}
}

.cv_box ul.cv_inner li {
	background: #FF9800;
	/*padding: 2rem;*//**241008**/
	border-radius: 8px;
	margin: 0 2rem;
	transition: background 0.5s, background-image 0.5s, box-shadow 0.5s;
	box-shadow: 0px 5px 10px 0px rgb(22 22 83 / 50%);
	/*background-image: linear-gradient(45deg, #2876b5, #0566b4, #40c7e4, #25aae1); */
	background-image: linear-gradient(90deg, #ffc007	0%,#FF9800 40%);
	border:solid 2px #FFC107;
}

@media screen and (max-width: 767px) {
	.cv_box ul.cv_inner li {
		/*padding: 1rem;*//**241008**/
		margin: 15px 30px;
	}
}

.cv_box ul.cv_inner li:hover {
	background: #FF9800; 
	color: #fff; /* テキスト色 */
	box-shadow: 0px 0px 0px 0px rgb(22 22 83 / 20%);	
		background-image: linear-gradient(90deg, #FF9800 10%, #FFC107 90%,#FFEB3B);
}
.cv_box ul.cv_inner li a{
	display:block;
	color: #fff;
	font-weight:800;
	font-size:1.2rem;
	text-shadow: #FF9800 0px 0px 15px;
	padding: 2rem;/**241008**/
}

@media screen and (max-width: 767px) {
	.cv_box ul.cv_inner li a{
	text-align:center;
	padding: 1rem;/**241008**/
	}
}


.cv_box ul.cv_inner li:hover a {
	color: #fff;
	text-decoration:none;
}

.cv_box .present{
	position:relative;
	background: #FFF9C4;
	border-radius:10px;
	padding: 5em 3em 2em 3em;
	color: #333;
	border: 4px solid #ffbb86;
}

 h3.present_ttl{
	position:absolute;
	content: "";
	top:20px;
	left:-15px;
	background: #FF5722;
	padding:8px 30px 5px 10px;
	display:inline-block;
	vertical-align: middle;
	display: flex;
	justify-content: center;
	align-items: center;
	}

h3.present_ttl span.emp{
	color: #fffb40;
}

.cv_box .present h3.present_ttl:before{
	position:absolute;
	content: "";
	top:0;
	right:0;
	width:0;
	height:0;
	border-style: solid;
	border-color: transparent #fff9c4 transparent transparent;
	border-width: 23px 15px 23px 0;
}

.cv_box .present h3.present_ttl:after{
	border-bottom:none;

}

.cv_box .present ul{
	margin-bottom:30px;
}
.cv_box .present ul li{
	font-size:1.1rem;
}


@media screen and (max-width: 767px) {
	
	.cv_box .present ul li{
	font-size:1.0rem;
	}
	
	.cv_box .present{
	padding: 7em 1em	1em	1em;
	}
		.cv_box .present {
				position: relative;
		}
		.cv_box .present h3.present_ttl {
				left: -10px;
				top:20px;
				font-size: 1.3rem;
				padding: 10px;
				width: 90%;
				display: block;
		}
	.cv_box .present h3.present_ttl:before{
	border-color: transparent #fff9c4 transparent transparent;
	border-width: 30px 15px 30px 0;
	}
	.cv_box .present{
	line-height:1.2;	
	}
	.cv_box .present ul li{
	margin-bottom:10px;
	}
	.cv_box .present p{
	padding-bottom:10px;
	}
	
}


/*----------------------
h2 見出しの上書き
----------------------*/


.container_inner	h2{
	position: relative;
	font-family: "Noto Serif JP", serif;
	font-weight:800;
	border-bottom: none;
	margin: 0 0 40px 0;
	padding: 15px 0;
	font-size: 1.6rem;
	background: #276ab7;
	background: linear-gradient(135deg, #276ab7, #0d2a4c);
	color: #f7de90;
	text-align: center;
	line-height: 1.2;
}

@media screen and (max-width:767px) {
.container_inner	h2{
		font-size: 1.45rem;
	}
}

.container_inner	h2:after {
		background: transparent;
		position: absolute;
		content: "";
		bottom: -24px;
		left: 50%;
		border-style: solid;
		border-width: 26px 20px 0 20px;
		border-color: #184478 transparent transparent;
		transform: translateX(-50%);
		width: 0;
		height: 0;
}

@media screen and (max-width:767px) {
	.container_inner	h2:after {
		bottom: -20px;
		left: 50%;
		border-style: solid;
		border-width: 20px 15px 0 15px;
		border-color: #184478 transparent transparent;
		transform: translateX(-50%);
		width: 0;
		height: 0;
}

	}
}


.container_inner h3{
	margin-bottom:0.8em;
	color: #0566b4;
	border-bottom: none;
	font-size:1.48rem;
	padding:5px 10px;
	font-weight: 800;
	border-left: 8px solid #64a0d1;
	display: inline-block;
	vertical-align: middle;
}


.container_inner	h3::after{
	content:'';
	display:block;
	position:absolute;
	height:0;
	border-top: none;
	border-bottom: none;
}

@media screen and (max-width:767px) {
	.container_inner	h3{
	font-size: 1.3em;
	border-bottom: 2px solid #ccc;
	}
	
	.container_inner h3::after{
		/* スマホサイズ */
		content:'';
		display:block;
		position:absolute;
		bottom:-3px;
		width:30%;
		height:0;
		border-top: 1px solid #0566b4;
	}
}


/*----------------------
h3 見出しの上書き
----------------------*/

h3
{
	font-size: 1.5rem;
	font-weight: bold;
	position: relative;
	border-bottom: 3px solid #cccccc;
	color: #b33d12;
}

@media screen and (max-width:767px) {
	h3
	{
	font-size: 1.1rem;
	line-height: 1.2;
	}
}



h3:after
{
	position: absolute;
	left: 0;
	bottom: -3px;
	background-color: #0566b4;
	font-size:1.2rem;
	border-bottom: 2px solid #0566b4;
	width: 6rem;
}

h4{
	font-size:1.3rem;
	border-left: 4px solid #0566b4;
	font-weight: 800;
	color: #666;
}


/*----------------------
冒頭文章
----------------------*/
p.catch
{
	margin: auto;
	font-size:1.4rem;
	line-height:1.8;
	padding:0 0 1.5em 0;
	color:#0566b4;
	background: linear-gradient(90deg, #005aa2 0%,	#0566b4 40%,#25aae1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 800;
}
@media screen and (max-width:767px) {
	p.catch
	{
	font-size: 1.0rem;
	line-height:1.6;
	padding: 0 1em 1em 1em;
	}
}

/*----------------------
ページ内リンク
----------------------*/

.NavBox
{
	background: #fff;
	padding:1rem;
	border-radius: 10px;
	border: solid 4px #cde0e9;
	width:940px;
	margin:auto;
}

@media screen and (max-width:767px) {
/*スマホサイズ*/
	.NavBox
	{
	padding-left:0;
	margin:0 auto;
	width: 95%;
	}
}

.groupNav {
	padding:0.7em 0;
}
.groupNav:after {
	content: "";
	clear: both;
	display: block;
}
.groupNav li {
	float:left;
	text-indent:0;
	padding-left: 1.5em !important;
}
.groupNav li {
	width:auto;
	padding-top:0.3em;
	padding-bottom:0.7em;
	line-height: 1.2;
}


.groupNav li:last-child {
	padding-bottom:0;
}

ul.groupNav a{
	color: #0566b4;
}

a.tLink-a {
	position: relative;
	display: block;
	padding-left: 20px;
	background-image: none;
	}

.tLink-a:before {
	content: '';
	width: 14px;
	height: 14px;
	background: #0566b4;
	background:url("/common/images/arrow_a.png") no-repeat left 0.35em;
	background: linear-gradient(45deg, #005aa2 0%,	#0566b4 40%,#25aae1);
	border-radius: 2px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -7px;
}

.tLink-a:after {
	content: '';
	width: 5px;
	height: 5px;
	border: 0px;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: 3px;
	margin-top: -3px;
}

/*---------------------------
上書き
---------------------------*/

table td{ vertical-align: top;}


/*---------------------------
メリット
---------------------------*/

div.merit_box
{
	display:flex;
	margin:2rem 0;
	padding-bottom: 2rem;
	border-bottom: 2px solid #d3ecfe;
}

div.merit_box:last-child
{
	margin-bottom:0;
	padding-bottom: 0;
	border:none;
}

@media screen and (max-width:767px) {
	div.merit_box
	{
	display:block;
	}
}

	
div.merit_box img
{
	object-fit: contain;
	width:100px;
	height:auto;
	margin-right:20px;
}
@media screen and (max-width:767px) {
	div.merit_box img
	{
	margin:auto;
	}
}

dl.merit dt
{
	color:#0566b4;
	font-weight:800;
	font-size:1.2rem;
	line-height:1.3;
	margin-bottom:10px;
}
dl.merit dd
{
	line-height:1.6;
}


/*--------------------------
特長
--------------------------*/
dl.features dt{
	font-weight:800;
	color:#0566b4;
	display:flex;
	align-items: center;
	font-size: 1.2rem;
	line-height: 1.2;
}


dl.features dt span.features {
	font-weight: bold;
	color: #fff;
	--r: 0.8em; /* control the cutout */
	border-block: 0.5em solid #0000;
	margin-right:1rem;
	padding-inline: .5em calc(var(--r) + .25em);
	line-height: 1.8;
	clip-path: polygon(100% 0,0 0,0 100%,100% 100%,calc(100% - var(--r)) calc(100% - .25em),100% 50%,calc(100% - var(--r)) .25em);
	background: radial-gradient(.2em 50% at left, #000a, #0000) border-box, 
				linear-gradient(90deg, #005aa2 0%,	#0566b4 40%,#25aae1)padding-box; /* 追加の線形グラデーション */
	background-repeat: no-repeat;
	background-size: 100% 100%;
	white-space: nowrap;
}

dl.features dd{
	margin-bottom:20px;
	padding-bottom: 20px;
	line-height: 1.4;
	border-bottom: solid 1px #ccc;
}
dl.features dd:last-child{
	border-bottom: none;
	padding-bottom: 0;
}


@media screen and (max-width:767px){
	dl.features dt{
	display:block;
	line-height:1.2;
	margin-bottom: 10px;
	}
	dl.features dt span.features
	{
	display:block;
	}
}



/*--------------------------
登壇講師
--------------------------*/
.teacher_box
{
	text-align:center;	
}
.teacher_box img
{
	width: 80%;
	margin:0 auto;
}
@media screen and (max-width:767px){
	.teacher_box img
	{
	width: 55%;
	}
}
.teacher_box p.name
{
	font-weight:800;
	font-size:1.2rem;

}

.teacher_box p.name:after
{
	content:"氏";
	font-size:0.8rem;
}

.teacher_box p.prof
{
	font-size: 0.8rem;
	line-height: 1.5;
	color: #666;
	margin-top: 0;
}




/*--------------------------
注意リスト調整
--------------------------*/
ul.att li
{
	line-height: 1.5;
	margin-bottom: 1.2rem;
}

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


/*--------------------------
〇〇とはの調整
--------------------------*/

.about_contents{/**241008**/
	display: flex;
}

.about_content{/**241008**/
	background: #0e79c0;
	background: linear-gradient(45deg, #005aa2 0%,	#0566b4 20%,#25aae1);
	position: relative;
	padding-bottom: 16.5rem;
}

.about_content h3{/**241008**/
	background: #fff !important;
}

.about_content img{/**241008**/
	padding:0 1rem 1rem;
	position: absolute;
	bottom: 0;
}

.about_inner
{
	padding:1rem 1rem 0;
	/*background: #0e79c0;*/
	/*background: linear-gradient(45deg, #005aa2 0%,	#0566b4 20%,#25aae1););*/
	color: #fff;
}

.about_inner h3
{
	font-size:1.2rem;
	color: #fff;
	border:none;
}

.about_inner h3:after
{
background:transparent;
	border:none;
}
@media screen and (max-width:767px){
	.about_contents{/**241008**/
		flex-direction: column;
	}

	.about_content{/**241008**/
		padding: 0;
	}

	.about_content img{/**241008**/
		padding:0 1rem 1rem;
		position: relative;
	}
}

/*--------------------------
文字装飾
--------------------------*/
p.check
{
	font-weight:800;
	color:#0566b4;
	font-size:1.2rem;
}
@media screen and (max-width:767px){
	p.check
	{
	font-size:1.1rem;
	line-height:1.4;
	}
}

p.lead
{
	font-weight:800;
	font-size:1.2rem;
	color: #1d518e;
	text-align:center;
}

@media screen and (max-width:767px){
	p.lead
	{
	line-height:1.35;
	text-align: left;
	}
}

/*---------------------------
dl装飾
---------------------------*/
dl.pointBOX dt{
	background:#cde9fe;
	padding: 5px 10px;
	color:#0566b4;
	font-weight:800;
	font-size:1.2rem;
	margin-bottom: 10px;
}

dl.pointBOX dd{
	margin-bottom:20px;
	line-height:1.6;
	display: flex;
}

dl.pointBOX dd:last-child{
	margin-bottom:0;
}

dl.pointBOX dd img{
	padding-right:10px;
}
	
@media screen and (max-width:767px){
	dl.pointBOX dd img{
	height:fit-content;
	}
}

/*---------------------------
ol装飾
---------------------------*/
ol.box{
	background:#f3f7f8;
	padding:2em 2em 2em 3em;
	border-radius:10px;
	margin-left:0!important;
}

/*---------------------------
link　白
---------------------------*/
a.tLink_white{
	color:#ffffff;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}


/*---------------------------
実績一例
---------------------------*/
.jisseki
{
	background: #e7ebf2;
	padding:2rem;
	border-radius:10px;
}


/*---------------------------
利用者の声
---------------------------*/
div.voice
{
	display:flex;
		align-items: center;
	gap: 10px;
}

div.voice img
{
	width:auto;
	height: 120px;
}
.fukidashi
{
	position: relative;
	display: inline-block;
	background:#333;
	background-color: #f9ecc6;
	padding:2rem;
	border-radius:10px;
	margin-right: 16px;
	text-align: left;
	line-height: 1.5;
}

.fukidashi:after
{
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	border-style: solid;
	border-width: 14px 0 14px 26px;
	border-color: transparent transparent transparent #f9ecc6;
	translate: 100% -50%;
	transform: skew(0, -10deg);
	transform-origin: left;
}

.fukidashi h3{
	background: none;
	border-bottom:none;
	border-left: none;
	padding-left: 0;
	font-family: "Noto Serif JP", serif;
	font-weight: 800;
}
.fukidashi h3:after{
		background: none;
		border-top:none;
		border-bottom: none;
		border-left: none;
}

	
@media screen and (max-width:767px){
	div.voice img
	{
	display:none;
	}
	.fukidashi
	{
	margin-right: 0;
	padding: 1.5rem;
	}

	.fukidashi:after
	{
	content:none;
	}

}


/*--------------------------
disc
--------------------------*/
ul.discBOX
{
	background: #fff7eb;
	padding: 2rem;
	border-radius: 10px;
}

ul.disc li::marker {
	color: #ff983d;
	font-size: 1.5rem;
}


ul.discBOX li
{
	margin-bottom:10px;
	margin-left: 2em!important;
	line-height: 1.4;
}


ul.discBOX li:last-child
{
	margin-bottom:0px;
}


/*----------------------------
チェックリスト
----------------------------*/
ul.check
{
	border: solid 4px #7d9dc1;
	border-radius:10px;
	padding:2rem;
	margin-bottom: 50px;
	background: #edf2fa;
}

ul.check li
{
	position:relative;
	padding-left:2.2rem;
	font-size:1.2rem;
	line-height: 1.2;
	font-weight: bold;
	padding-bottom: 25px;
}
ul.check li:last-child
{
	padding-bottom: 0;
}

@media screen and (max-width:767px) {
	ul.check
	{
	padding:1rem;
	margin-bottom: 20px;
	}

	ul.check li
	{
	line-height:1.2;
	padding-bottom:20px;
	font-size: 1.1rem;
	padding-top: 2px;
	}
}

ul.check li:before
{
	position:absolute;
	content:"";
	top:-3px;
	left:0;
	display:-block;
	width:100%;
	height: 25px;
	background-image:url(/syoukei/images/index/img_check.png);
	background-size:contain;
	background-repeat:no-repeat;
}


/**/
dl.strength
{
	display: flex;
	flex-direction: column;
}

dl.strength dt
{
	font-weight: 800;
	margin: 20px 0 10px 0;
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	color:#0566b4;
	font-size: 1.2rem;
	line-height: 1.2;
	
}

dl.strength dt span.strength {
	background: #0566b4;
	color: #fff;
	display: inline-flex;
	align-items: center; /* 垂直方向の中央揃え */
	padding: 5px 20px;
	margin-right: 10px;
	text-align: center; /* テキストを中央揃え */
	border-radius: 100px;
}

/* スマホ用のメディアクエリ */
@media (max-width: 768px) {
	dl.strength dt
	{
	grid-template-columns: auto 1fr;
	}
	dl.strength dt span.strength {
	padding: 5px 20px;
	margin-right: 10px;
	font-size:1.2rem;
	}
}

/**/
#teacher .row
{
	border-top:1px dashed #ccc;
	padding:20px 0;
	margin:20px 0;
}


/*コンバージョンボタン_オレンジ*/

.cv_btn{
	display: block;
	text-align: center;
	margin: 3rem auto 0 auto!important;
	background: #FF9800;
	border-radius: 8px;
	transition: background 0.5s, background-image 0.5s, box-shadow 0.5s;
	box-shadow: 0px 10px 10px 0px rgb(22 22 83 / 50%);
	background-image: linear-gradient(0deg, #ff7600, #FFC107);
	border:solid 2px #FFC107;
	width: 50%;
}

@media screen and (max-width: 767px) {
	.cv_btn{
	width:80%;
	}
}

.cv_btn:hover {
	background: #FF9800; 
	color: #fff; /* テキスト色 */
	box-shadow: 0px 0px 0px 0px rgb(22 22 83 / 20%);	
	background-image: linear-gradient(0deg, #FFC107, #FF9800 60%);
}
.cv_btn a{
	display:block;
	color: #fff;
	font-weight:800;
	font-size:1.2rem;
	text-shadow: #FF9800 0px 0px 15px;
	padding: 2rem;	
}

@media screen and (max-width: 767px) {
	.cv_btn a{
	padding: 1rem;	
	}
}

.cv_btn a:hover {
	text-decoration: none;
}



/*コンバージョンボタン_赤*/

.cv_btn_red{
	display: block;
	text-align: center;
	margin: 0 auto 30px auto!important;
	background: #FF5722;
	border-radius: 8px;
	transition: background 0.5s, background-image 0.5s, box-shadow 0.5s;
	box-shadow: 0px 5px 5px 0px rgb(73 73 73 / 50%);
	background-image: linear-gradient(0deg, #bb4d2b, #ff3d00);
	border: solid 2px #FF5722;
	width: 60%;
}

@media screen and (max-width: 767px) {
	.cv_btn_red{
	width: 100%;
	}

}

.cv_btn_red:hover {
	background: #FF5722; 
	box-shadow: 0px 0px 0px 0px rgb(22 22 83 / 20%);	
	background-image: linear-gradient(0deg, #ff3d00, #bb4d2b);
}
.cv_btn_red a{
	display:block;
	color: #fff;
	font-weight:800;
	font-size:1.2rem;
	text-shadow: #bb4d2b 0px 0px 15px;
	padding: 1rem;	
}

@media screen and (max-width: 767px) {
	.cv_btn_red a{
	padding: 1rem 0.5rem 0rem 0.5rem;
	font-size:1.1rem;
	}
}

.cv_btn_red a:hover {
	text-decoration: none;
}


/*--------------------
.baceの上書き
--------------------*/

.mainBox div.end
{
	margin-top: -60px;/*gapの解消*/
}
@media screen and (max-width: 767px) {
	.mainBox div.end
	{
	margin-top: -20px;/*gapの解消*/
	}
}


.mainBox
{
	padding-bottom: 0px;
}


/*--------------------
teblaの上書き
--------------------*/
@media screen and (max-width:767px) {
/*スマホサイズ*/
	table.detail td.tate {
	writing-mode: vertical-rl;
	text-orientation: upright;
	padding-right: 10px;/* 余白の調整 */
	}
	table.detail td.tate span
	{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	}

}