/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
html {
	-ms-text-size-adjust: 100%;
	/* 2 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}

body {
	margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
table,
pre {
	margin-top: 0;
}

ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

h1 {
	margin-bottom: 0px;
}

/* ==========================================================================
   Links
   ========================================================================== */
a {
	background: transparent;
}

a:focus {
	outline: thin dotted;
}

a:active,
a:hover {
	outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
html {
	font-size: 100%;
}

p,
li,
dt,
dd,
th,
td,
pre {
	-ms-line-break: strict;
	line-break: strict;
	-ms-word-break: break-strict;
	word-break: break-strict;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

mark {
	background: #ff0;
	color: #000;
}

code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 1em;
}

pre {
	white-space: pre-wrap;
}

q {
	quotes: "\201C""\201D""\2018""\2019";
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
img {
	border: 0;
	max-width: 100%;
	vertical-align: middle;
}

svg:not(:root) {
	overflow: hidden;
}

/* .ie8 img {
   width: auto;
   height: auto;
} */
/* ==========================================================================
   Figures
   ========================================================================== */
figure {
	margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	/* 1 */
	padding: 0;
	/* 2 */
}

button,
input,
select,
textarea {
	font-family: inherit;
	/* 1 */
	font-size: 100%;
	/* 2 */
	margin: 0;
	/* 3 */
}

button,
input {
	line-height: normal;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
/* 1 */
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	/* 2 */
	cursor: pointer;
	/* 3 */
}

button[disabled],
html input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
}

input[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	/* 2 */
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	/* 1 */
	vertical-align: top;
	/* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
---------------------------------------
clear
---------------------------------------
*/

.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
}

.clear,
.both {
	clear: both;
}

*:first-child + html .clearfix {
	zoom: 1;
}

/* IE7 */

/* ==========================================================================
   common
   ========================================================================== */
.sp {
	display: none;
}

.pc {
	display: block;
}

a {
	text-decoration: none;
}

a img:hover {
	opacity: 0.8;
}

.content_box {
	max-width: 1180px;
	margin: 0 auto;
	display: block;
	width: 95%;
	font-family: 游ゴシック, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

.content_box_top {
	width: 90% !important;
}

.site-content.top {
	padding: 0px;
}

.font-hira8 {
	/* font-family: "ヒラギノ角ゴ Pro W8", Meiryo, メイリオ, Osaka, "MS PGothic",
    arial, helvetica, sans-serif; */
}

.main-navigation a {
	padding: 1em 1em;
}

/* ==========================================================================
   header
   ========================================================================== */
.top_header {
	position: relative;
	background: #fff;
}

.top_header .site-navigation-fixed.navigation-top {
	position: static;
	top: auto;
}

.main_header {
	width: 100%;
	background: #b3eaff;
	position: relative;
}

.common_header .main_header {
	background: #0e482c;
}

.main_header .main_bg {
	position: relative;
	z-index: 1;
}

.main_header .main_bg picture {
	max-width: 1700px;
	margin: 0 auto;
	width: 100%;
	display: block;
	position: relative;
}

.main_header .main_bg picture::after {
	content: "";
	background: url(assets/images/lp/kateiyo/ttl_icon02.png) center / contain no-repeat;
	position: absolute;
	bottom: 25%;
	right: 0;
	width: 30%;
	height: 30%;
}

.common_header .main_header .main_bg picture::after {
	bottom: 10%;
	height: 77%;
}

/* 卒業生800人をスマホで非表示に */
@media (max-width: 750px) {
	.main_header .main_bg picture::after {
		display: none;
	}
}

.main_header .main_bg img {
	max-width: 1700px;
	margin: 0 auto;
	width: 100%;
}

.top_header_contact_area {
	position: absolute;
	width: 100%;
	top: 3%;
	z-index: 2;
}

.top_header_contact_area .content_box {
	width: 65%;
}

.top_header_contact_area .logo_box {
	width: 35%;
	display: inline-block;
	vertical-align: middle;
}

.top_header_contact_area .logo_box .logo picture {
	width: 100%;
	max-width: 410px;
	display: block;
	margin: 0 auto;
}

.top_header_contact_area .logo_box .logo img {
	width: 100%;
	max-width: 410px;
	display: block;
	margin: 0 auto;
}

.top_header_contact_area .line_register_box {
	width: 25%;
	display: inline-block;
	vertical-align: middle;
	margin-left: 1%;
}

.top_header_contact_area .line_register_box .line picture {
	width: 100%;
	max-width: 240px;
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
}

.top_header_contact_area .line_register_box .line img {
	width: 100%;
	max-width: 240px;
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
}

.top_header_contact_area .line_register_box .register picture {
	width: 100%;
	max-width: 240px;
	display: block;
	margin: 0 auto;
}

.top_header_contact_area .line_register_box .register img {
	width: 100%;
	max-width: 240px;
	display: block;
	margin: 0 auto;
}

.top_header_contact_area .phone_box {
	width: 35%;
	display: inline-block;
	vertical-align: middle;
	margin-left: 1%;
}

.top_header_contact_area .phone_box .phone img {
	width: 100%;
	max-width: 398px;
	display: block;
	margin: 0 auto;
}

.common_header_contact_area {
	width: 100%;
	background: #232323;
}

.common_header_contact_area .content_box {
}

.common_header_contact_area .logo_box {
	width: 28%;
	display: inline-block;
	vertical-align: middle;
}

.common_header_contact_area .logo_box .logo {
	width: 100%;
	max-width: 410px;
	display: block;
	margin: 0 auto;
}

.common_header_contact_area .line_register_box {
	width: 35%;
	display: inline-block;
	vertical-align: middle;
	margin-left: 2%;
}

.common_header_contact_area .line_register_box .txt {
	width: 100%;
	display: block;
	margin: 0 auto;
	max-width: 378px;
	padding-bottom: 2.5%;
}

.common_header_contact_area .line_register_box .line {
	width: 48%;
	max-width: 240px;
	display: inline-block;
	vertical-align: middle;
}

.common_header_contact_area .line_register_box .register {
	width: 47%;
	max-width: 220px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 2%;
}

.common_header_contact_area .phone_box {
	width: 30%;
	display: inline-block;
	vertical-align: middle;
	margin-left: 2%;
}

.common_header_contact_area .phone_box .phone {
	width: 100%;
	max-width: 398px;
	display: block;
	margin: 0 auto;
}

h1.course_name {
	font-size: 40px;
	line-height: 55px;
	color: #fff;
	padding: 0px;
	text-align: center;
	width: 50%;
	display: block;
	position: absolute;
	top: 35%;
	left: 0;
	right: 0;
	margin: 0 auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.course h1 {
	position: relative;
	line-height: 1.4;
	padding: 0.25em 1em;
	display: block;
	text-align: center;
	font-size: 2.5rem;
	margin: 2rem;
}

.course h1:before,
h1:after {
	content: "";
	width: 20px;
	height: 30px;
	position: absolute;
	display: inline-block;
}

.course h1:before {
	border-left: solid 1px #ff5722;
	border-top: solid 1px #ff5722;
	top: 0;
	left: 0;
}

.course h1:after {
	border-right: solid 1px #ff5722;
	border-bottom: solid 1px #ff5722;
	bottom: 0;
	right: 0;
}

.course .overview {
	font-size: 1rem;
	line-height: 1.4em;
}

.course .course_recomend_title {
	font-size: 1.4rem;
	font-weight: bold !important;
	padding: 0.5rem;
	margin-bottom: 1rem;
	background: linear-gradient(transparent 60%, #faf487 60%);
	font-weight: bold;
	display: inline;
}

.course ul.recomend_list {
	list-style-type: none;
	background: #fffcf4;
	border-radius: 8px;
	box-shadow: 0px 0px 5px silver;
	padding: 0.5em 0.5em 0.5em 2em;
}

.course ul.recomend_list li {
	position: relative;
	font-size: 1.1rem;
	font-weight: 500;
	line-height: 1.5;
	padding: 0;
}

.course ul.recomend_list li.check {
	margin: 0 0 0.5rem 3rem;
}

.course ul.recomend_list li.check:after {
	content: "";
	display: block;
	position: absolute;
	top: 0.5em;
	left: -1.5em;
	width: 10px;
	height: 5px;
	border-left: 2px solid #25af01;
	border-bottom: 2px solid #25af01;
	transform: rotate(-45deg);
}

.course .course_content_list_title {
	position: relative;
	color: #494949;
	padding: 0.5rem;
	margin-bottom: 1rem;
	margin-top: 2rem;
	background: #fffaf4;
	border-left: solid 5px #ffaf58;
}

.course .course_content_detail_title {
	color: #494949;
	padding-top: 0.5rem;
	margin: 0 1rem 0.5rem 1rem;
	display: inline-block;
	font-size: 1.2rem;
	border-bottom: 2px dashed #ffaf58;
}

.course .course_content_detail_desc {
	color: #494949;
	padding-left: 2rem;
	margin-bottom: 0.25rem;
	font-size: 1rem;
	line-height: 1.4em;
}

.course .course_raeson_title {
	position: relative;
	color: #494949;
	padding: 0.5rem;
	margin-bottom: 1rem;
	margin-top: 2rem;
	display: block;
	background-color: #e1b653;
	text-align: center;
	-webkit-text-stroke: 0.5px #494949;
}

.course .course_raeson_title::before {
	content: attr(data-text);
	position: absolute;
	color: #494949;
	text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff, 0-1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff;
}

.course .reason {
	background-color: #0d482b;
}

.course .reason_list {
	padding-bottom: 1rem;
}

.course .reason_list .marker {
	color: #494949;
}

.course .reason_list dt h3 {
	color: #fff;
	margin: 0 1rem 0.5rem 1rem;
	border-bottom: 2px dashed #ffaf58;
}

.course .reason_list dd {
	line-height: 1.4em;
	color: #fff;
}

.course .marker {
	background-color: #ff9;
}

.course .notice {
	color: #ff1919;
}

#course_flow .course_flow_title {
	position: relative;
	color: #494949;
	padding: 0.5rem;
	margin-bottom: 1rem;
	margin-top: 2rem;
	background: #fffaf4;
	border-bottom: solid 5px #ffaf58;
	text-align: center;
	font-size: 24px;
}
@media screen and (max-width: 750px) {
	#course_flow .course_flow_title {
		font-size: 20px;
	}
}

/* ==========================================================================
   main_menu
   ========================================================================== */
#main_menu {
	background: #232323;
	padding: 15px 0px;
}

#main_menu ul {
	width: 100%;
	text-align: center;
}

#main_menu ul li {
	text-align: center;
	display: inline-block;
	width: 17%;
}

#main_menu ul li a {
}

#main_menu ul li a img {
	width: 100%;
	max-width: 203px;
}

section.error-404.not-found {
	padding-top: 20px;
}

/* ==========================================================================
   breadcrumbs
   ========================================================================== */
#breadcrumbs {
	background: #f2f2f2;
	padding: 5px 0px;
	margin-bottom: 20px;
}

#breadcrumbs ul {
}

#breadcrumbs ul li {
	color: #343434;
	display: inline-block;
	margin-right: 5px;
	font-size: 14px;
}

#breadcrumbs ul li a {
	color: #343434;
}

/* ==========================================================================
   sidebar
   ========================================================================== */
#secondary .post_category_list {
	border: 1px solid #757575;
	border-top: 8px solid #0e482c;
	margin-bottom: 10px;
}

#secondary .post_category_list li {
	padding-bottom: 0px !important;
}

#secondary .post_category_list li a p {
	margin: 0px;
	padding: 0px;
	color: #282828;
	font-size: 15px;
	line-height: 40px;
	background: url(assets/images/sidebar/arrow.png) no-repeat left center;
	padding-left: 25px;
	background-position: 15px;
}

#secondary .post_category_list li a p:hover {
	text-decoration: underline;
}

#secondary ul.side_menu li {
	padding-bottom: 12px;
}

#secondary .contact {
	padding-top: 10px;
}

#secondary .contact .inner {
	background: #fbe49d;
	padding: 10px;
}

#secondary .contact ul {
	background: #0e482c;
	padding: 20px 0px;
}

#secondary .contact ul li {
	padding-bottom: 15px;
}

#secondary .contact ul li:nth-of-type(2)::after {
	display: block;
	content: "";
	width: 20%;
	height: 3px;
	background: #fff;
	margin: 0 auto;
	margin-top: 25px;
	margin-bottom: 10px;
}

#secondary .contact ul li img {
	margin: 0 auto;
	display: block;
}

#secondary .sidebar_area .widget_nav_menu {
	padding: 0px;
	padding-bottom: 15px;
}

#secondary .sidebar_area .widget-title {
	background: #0e482c;
	color: #fff;
	padding: 15px 0px;
	font-size: 18px;
	text-align: center;
	margin: 0px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#secondary .sidebar_area .menu-course_category-container ul {
	border-left: 2px solid #c6c6c6;
	border-right: 2px solid #c6c6c6;
	border-bottom: 2px solid #c6c6c6;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

#secondary .sidebar_area .menu-course_category-container ul li {
	border-bottom: none;
	border-top: 1px solid #c6c6c6;
	padding: 10px 0px;
}

#secondary .sidebar_area .menu-course_category-container ul li:nth-of-type(1) {
	border-top: none;
}

#secondary .sidebar_area .menu-course_category-container ul li a {
	display: block;
	text-decoration: none;
	padding-left: 10px;
	margin-left: 15px;
	border-left: 2px solid #c6c6c6;
}

#secondary .sidebar_area .menu-course_category-container ul li a:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
}

#secondary ul.column_category_list {
	background: #0e482c;
	padding: 1em 1.2em;
	border-radius: 8px;
}

#secondary ul.column_category_list li {
	padding: 0px;
}

#secondary ul.column_category_list li a {
	color: #fff;
	display: block;
	border-bottom: 1px solid #709382;
	padding: 0.9em 1.3em;
	padding-right: 2em;
	position: relative;
	font-size: 16px;
}

#secondary ul.column_category_list li a:hover {
	opacity: 0.8;
}

#secondary ul.column_category_list li:nth-of-type(1) a {
	border-top: 1px solid #709382;
}

#secondary ul.column_category_list li a::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0.5em;
	width: 1.3em;
	max-width: 17px;
	height: 0px;
	padding-top: 1.3em;
	background: url(assets/images/column/ico_categorylist.png) center center no-repeat;
	background-size: contain;
}

#secondary .column_category_ttl {
	width: 75.1%;
	margin: 0 auto;
	margin-bottom: 5%;
	max-width: 226px;
}

#secondary .column_ranking_ttl {
	width: 75.1%;
	margin: 0 auto;
	margin-bottom: 5%;
	max-width: 226px;
}

#secondary .column_ranking {
	margin-bottom: 8%;
}

#secondary .column_ranking li {
	border-bottom: 1px solid #b7b7b7;
	padding: 5% 0px;
}

#secondary .column_ranking li:nth-of-type(1) {
	border-top: 1px solid #b7b7b7;
}

#secondary .column_ranking li .post-thumbnail {
	margin: 0px;
}

#secondary .column_ranking li .post-title {
	margin: 0px;
	padding: 0px;
	margin-top: 5%;
	padding-left: 24%;
	position: relative;
	color: #000;
	font-size: 16px;
}

#secondary .column_ranking li:nth-of-type(1) .post-title::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0%;
	width: 16.3%;
	max-width: 49px;
	height: 0px;
	padding-top: 44px;
	background: url(assets/images/sidebar/ranking_n1.png) center center no-repeat;
	background-size: contain;
}

#secondary .column_ranking li:nth-of-type(2) .post-title::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0%;
	width: 19.7%;
	max-width: 59px;
	height: 0px;
	padding-top: 44px;
	background: url(assets/images/sidebar/ranking_n2.png) center center no-repeat;
	background-size: contain;
}

#secondary .column_ranking li:nth-of-type(3) .post-title::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0%;
	width: 19.7%;
	max-width: 59px;
	height: 0px;
	padding-top: 46px;
	background: url(assets/images/sidebar/ranking_n3.png) center center no-repeat;
	background-size: contain;
}

@media screen and (max-width: 750px) {
	#secondary .column_ranking li .post-title {
		padding-left: 70px;
	}

	#secondary ul.column_category_list li a {
		font-size: 16px;
	}
}

.aircon-entry-bnr,
.document-download-bnr,
.information-session-bnr {
	position: relative;
	width: max-content;
	margin: 0 auto 12px;
}

@media (max-width: 1200px) {
	.aircon-entry-bnr,
	.document-download-bnr,
	.information-session-bnr {
		display: none;
	}
}

.aircon-entry-bnr img,
.document-download-bnr img,
.information-session-bnr img {
	width: 301px;
}

.kateiyo-btn {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 8px;
}

.kateiyo-btn button {
	border: 1px solid #fff;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);
	width: 250px;
	font-size: 14px;
	font-family: "Hiragino Sans";
	color: rgb(255, 255, 255);
	text-align: center;
	border-radius: 38px;
	line-height: 1.3;
	padding: 0.3rem 0 0.25rem;
	position: relative;
	font-weight: bold;
	overflow: hidden;
	z-index: 10;
	background: -moz-linear-gradient(top, #ff8000, #ff4b00);
	background: -webkit-linear-gradient(top, #ff8000, #ff4b00);
	background: linear-gradient(to bottom, #ff8000, #ff4b00);
	-webkit-appearance: none;
}

.kateiyo-btn button small {
	display: block;
}

.kateiyo-btn button::before {
	position: absolute;
	content: "";
	display: inline-block;
	top: -180px;
	left: 0;
	width: 30px;
	height: 100%;
	background-color: #fff;
	/* animation: shiny-btn 3s ease-in-out infinite; */
	overflow: hidden;
	border-radius: 38px;
	-webkit-appearance: none;
}

@keyframes shiny-btn {
	0% {
		-webkit-transform: scale(0) rotate(45deg);
		opacity: 0;
	}

	80% {
		-webkit-transform: scale(0) rotate(45deg);
		opacity: 0.5;
	}

	81% {
		-webkit-transform: scale(4) rotate(45deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(50) rotate(45deg);
		opacity: 0;
	}
}

@media (min-width: 1201px) {
	.kateiyo-info-session-bnr,
  .gyomuyo-info-session-bnr,
  .kateiyo-pamphlet-bnr,
  /*.gyomuyo-pamphlet-bnr,*/
  .kateiyo-intro-bnr
  /*.gyomuyo-intro-bnr*/ {
		display: none;
	}
}

@media (max-width: 450px) {
	.aircon-entry-bnr,
	.document-download-bnr,
	.information-session-bnr {
		display: block;
		margin: 0 auto 10px;
		width: 94%;
	}

	.aircon-entry-bnr img,
	.document-download-bnr img,
	.information-session-bnr img {
		width: 100%;
	}

	.gyomuyo-btn button,
	.kateiyo-btn button {
		width: 40vw;
		font-size: 3.9vw;
		padding: 0.3rem 0;
	}

	.kateiyo-btn,
	.gyomuyo-btn {
		bottom: 4vw;
	}

	.kateiyo-btn {
		left: 13px;
	}

	.gyomuyo-btn {
		right: 13px;
	}
}

/* ==========================================================================
   footer
   ========================================================================== */
.footer_contact {
	background: url(assets/images/footer/footer_bg.png) bottom center no-repeat;
	text-align: center;
	padding-bottom: 25px;
	background-size: cover;
	position: relative;
}

.footer_contact .footer_bg picture {
	max-width: 1179px;
	margin: 0 auto;
	display: block;
	width: 100%;
}

.footer_contact .footer_bg img {
	max-width: 1179px;
	margin: 0 auto;
	display: block;
	width: 100%;
}

.footer_contact .footer_contact_area {
	position: absolute;
	width: 90%;
	bottom: 25%;
	max-width: 1100px;
}

.footer_contact .footer_contact_area .content_box {
	width: 74%;
	float: right;
	text-align: right;
}

.footer_contact .footer_contact_area .line_register_box {
	width: 35%;
	display: inline-block;
	vertical-align: middle;
}

.footer_contact .footer_contact_area .line_register_box .line picture {
	width: 100%;
	max-width: 294px;
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
}

.footer_contact .footer_contact_area .line_register_box .line img {
	width: 100%;
	max-width: 294px;
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
}

.footer_contact .footer_contact_area .line_register_box .register picture {
	width: 100%;
	max-width: 294px;
	display: block;
	margin: 0 auto;
}

.footer_contact .footer_contact_area .line_register_box .register img {
	width: 100%;
	max-width: 294px;
	display: block;
	margin: 0 auto;
}

.footer_contact .footer_contact_area .phone_box {
	width: 62%;
	display: inline-block;
	vertical-align: middle;
	margin-left: 1%;
}

.footer_contact .footer_contact_area .phone_box .phone picture {
	width: 100%;
	max-width: 527px;
	display: block;
	margin: 0 auto;
}

.footer_contact .footer_contact_area .phone_box .phone img {
	width: 100%;
	max-width: 527px;
	display: block;
	margin: 0 auto;
}

.footer_media {
	background: #665339;
	padding: 40px 0px;
	margin-top: 20px;
}

.footer_media h2 {
	max-width: 338px;
	width: 70%;
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
}

.footer_media h2 img {
	width: 100%;
}

.footer_media ul {
	text-align: center;
}

.footer_media ul li {
	display: inline-block;
	max-width: 174px;
	width: 40%;
	margin: 5px 5px;
}

.footer_media ul li img {
	width: 100%;
}

footer {
	border: none !important;
	margin: 0px !important;
	background: #232323;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
}

footer .navigation-bottom {
	padding: 20px 0px;
}

footer .navigation-bottom .menu {
	text-align: center;
}

footer .navigation-bottom .menu li {
}

footer .navigation-bottom .menu li a {
	color: #fff;
}

footer .navigation-bottom .menu-toggle {
	display: none;
}

footer .navigation-bottom .menu-scroll-down {
	display: none;
}

footer .copy {
	color: #7b7b7b;
	font-size: 12px;
}

#to_top {
	display: block;
	position: fixed;
	right: 2%;
	bottom: 5%;
	max-width: 78px;
	width: 100%;
	z-index: 10000;
}

.to-home {
	display: block;
	position: fixed;
	right: 2%;
	bottom: 5%;
	max-width: 78px;
	width: 100%;
	z-index: 10000;
}

@media (max-width: 750px) {
	.to-home {
		width: 20%;
		right: 3%;
	}
}

/* ==========================================================================
    slider
   ========================================================================== */
.bx-wrapper .bx-prev {
	background: url(assets/images/top/arrow_left.png) center center no-repeat;
	width: 55px !important;
	height: 55px !important;
	left: -5px;
}

.bx-wrapper .bx-next {
	background: url(assets/images/top/arrow_right.png) center center no-repeat;
	width: 55px !important;
	height: 55px !important;
	right: -5px;
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
	background-position: center center;
	opacity: 0.9;
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
	background-position: center center;
	opacity: 0.9;
}

/* ==========================================================================
   participation slider
   ========================================================================== */
#participation h2 {
	text-align: center;
}

#participation h2 picture {
	max-width: 860px;
	width: 100%;
}

#participation h2 img {
	max-width: 860px;
	width: 100%;
}

#participation .participation_slider_item {
	text-align: center;
}

#participation .participation_slider_item li {
}

#participation #participation_slider_pc .participation_slider_item li {
	width: 32%;
	display: inline-block;
}

#participation #participation_slider_pc .participation_slider_item li img {
	width: 100%;
	max-width: 273px;
	margin: 0 auto;
}

#participation .bx-wrapper {
	border: none;
	box-shadow: none;
	padding: 0px;
	margin: 0px;
}

#participation .bx-wrapper img {
	margin: 0 auto;
}

#participation .bx-wrapper .bx-pager {
	display: none;
}

/* ==========================================================================
   voice slider
   ========================================================================== */
#voice_list h2 {
	text-align: center;
}

#voice_list h2 picture {
	max-width: 860px;
	width: 100%;
}

#voice_list h2 img {
	max-width: 860px;
	width: 100%;
}

#voice_list .btn {
	width: 60%;
	border-radius: 30px;
	margin: 0 auto;
	display: block;
	padding: 2px 0px;
	text-align: center;
	vertical-align: middle;
	background: #ff6600;
	margin-bottom: 20px;
	margin-top: 20px;
	max-width: 300px;
}

#voice_list .btn:hover {
	opacity: 0.8;
}

#voice_list .btn a p {
	color: #fff;
	width: 100%;
	margin: 0px;
	padding: 12px 0px;
	background: url(assets/images/shikaku/kaminari.png) center center no-repeat;
	background-position: calc(50% - 80px) 50%;
}

#voice_list .voice_slider_box {
	padding: 0px 15px;
}

#voice_list .voice_slider .voice_list_slider_item {
	text-align: center;
}

#voice_list .voice_slider .voice_list_slider_item li {
}

#voice_list #voice_list_slider_pc .voice_list_slider_item li {
	width: 32%;
	display: inline-block;
}

#voice_list #voice_list_slider_pc .voice_list_slider_item li img {
	width: 100%;
	max-width: 250px;
	margin: 0 auto;
	border: 1px solid #fbfbfb;
}

#voice_list .voice_slider .voice_box img {
	cursor: pointer;
}

#voice_list .bx-wrapper {
	border: none;
	box-shadow: none;
	padding: 0px;
	margin: 0px;
}

#voice_list .bx-wrapper .bx-pager {
	display: none;
}

#voice_list .voice_slider .voice_box {
	border: 1px solid #c8c8c8;
	display: inline-block;
}

#image_popup_box {
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 10000;
}

#image_popup_box .inner {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 1024px;
	height: 90%;
	border: 2px solid #000;
	background: #fff;
}

#image_popup_box .inner_flow {
	overflow-y: auto;
	height: 100%;
	width: 100%;
	position: unset;
}

#image_popup_box .close_btn {
	max-width: 55px;
	position: absolute;
	right: -4%;
	top: -3%;
	z-index: 10000;
	width: 10%;
	height: auto;
}

#image_popup_box img {
	width: auto;
	cursor: pointer;
	height: 100%;
	margin: 0 auto;
	display: block;
}

/* ==========================================================================
   Top
   ========================================================================== */
#top_page {
	padding-top: 1%;
}

#top_page #status_list {
	border-top: 6px solid #ddb950;
	background: #0e482c;
	color: #fff;
}

#top_page #status_list h2 {
	text-align: center;
}

#top_page #status_list h2 picture {
	max-width: 860px;
	width: 100%;
}

#top_page #status_list h2 img {
	max-width: 860px;
	width: 100%;
}

#top_page #status_list ul {
	padding: 0px 15px;
}

#top_page #status_list ul li {
	border-top: 4px dotted #fff;
	padding: 20px 0px;
	padding-left: 1%;
}

#top_page #status_list ul li p {
	margin: 0px;
	display: inline-block;
}

#top_page #status_list ul li p.day_txt {
	white-space: nowrap;
	width: 35%;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
	max-height: 50px;
}

#top_page #status_list ul li p.subject_txt {
	white-space: nowrap;
	width: 35%;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
}

#top_page #status_list ul li p span.day {
	color: #0e482c;
	background: #fff;
	padding: 4px 12px;
	font-size: 15px;
	font-weight: bold;
	margin-right: 10px;
}

#top_page #status_list ul li p span.subject {
	color: #0e482c;
	background: #fff;
	padding: 4px 4px;
	font-size: 15px;
	font-weight: bold;
	margin-right: 10px;
}

#top_page #status_list ul li .btn {
	display: inline-block;
	width: 25%;
	border: 1px solid #f6f900;
	border-radius: 20px;
	padding: 2px 0px;
	text-align: center;
	vertical-align: middle;
}

#top_page #status_list ul li .btn:hover {
	opacity: 0.8;
}

#top_page #status_list ul li .btn a {
}

#top_page #status_list ul li .btn a p {
	color: #f6f900;
	width: 100%;
}

#top_page #status_list.status_list_2 {
	text-align: center;
	padding: 10px 5px;
	padding-bottom: 0px;
}

#top_page #status_list.status_list_2 ul {
}

#top_page #status_list.status_list_2 ul li {
	padding-left: 0px;
}

#top_page #status_list.status_list_2 ul li:nth-of-type(1),
#top_page #status_list.status_list_2 ul li:nth-of-type(2),
#top_page #status_list.status_list_2 ul li:nth-of-type(4) {
	display: none;
}

#top_page #status_list.status_list_2 ul li .subject_txt {
	/* font-size: 25px; */
	font-size: 24px;
	margin-bottom: 5px;
	width: 100%;
	text-overflow: clip;
	overflow: auto;
	white-space: normal;
	text-decoration: underline;
	text-underline-position: under;
}
#top_page #status_list.status_list_2 ul li .subject_txt a {
	color: #fff;
}
#top_page #status_list.status_list_2 .day_txt {
	max-width: 520px;
	margin: 0 auto;
	width: 100%;
}
.price_txt {
	max-width: 520px;
	margin: 20px auto;
	width: auto;
}
.day_txt .day_txt_td {
	line-height: 2;
}
#top_page #status_list.status_list_2 .day_txt tr {
	position: relative;
	height: 33px;
	border: none;
}
#top_page #status_list.status_list_2 .day_txt tr td {
	text-align: left;
	/* font-size: 15px; */
	max-height: none;
	text-overflow: clip;
	overflow: auto;
	white-space: normal;
	border: none;
	padding: 5px 0;
}

@media (min-width: 768px) {
	#top_page #status_list.status_list_2 .day_txt tr td {
		white-space: nowrap;
	}
	.price_txt th {
		width: 58%;
		text-align: right;
		padding-left: 20px;
		box-sizing: border-box;
	}
	.price_txt td {
		width: 42%;
		text-align: left;
	}
}

@media screen and (max-width: 750px) {
	#top_page #status_list.status_list_2 .day_txt tr td {
		font-size: 18px;
	}

	.price_txt {
		font-size: 14px;
	}
}

#top_page #status_list.status_list_2 .day_txt tr td:only-child {
	/*position: absolute;*/
}

#top_page #popular {
	margin-top: 40px;
}

#top_page #popular h2 {
	text-align: center;
}

#top_page #popular h2 picture {
	max-width: 860px;
	width: 100%;
}

#top_page #popular h2 img {
	max-width: 860px;
	width: 100%;
}

#top_page #popular ul li {
	margin-bottom: 15px;
}

#top_page #popular ul li.col_2 {
	display: inline-block;
	vertical-align: bottom;
	width: 49%;
	text-align: left;
	margin-right: 1%;
}

#top_page #popular ul li picture {
	max-width: 860px;
	width: 100%;
}

#top_page #popular ul li img {
	max-width: 860px;
	width: 100%;
}

#top_page #popular ul li.col_2 picture {
	max-width: 420px;
	width: 100%;
}

#top_page #popular ul li.col_2 img {
	max-width: 420px;
	width: 100%;
}

#top_page #popular ul li.col_2 picture {
	max-width: 420px;
	width: 100%;
}

#top_page #popular ul li.col_2 img {
	max-width: 420px;
	width: 100%;
}

#top_page #lesson_list {
	margin-top: 40px;
}

#top_page #lesson_list h2 {
	text-align: center;
}

#top_page #lesson_list h2 picture {
	max-width: 860px;
	width: 100%;
}

#top_page #lesson_list h2 img {
	max-width: 860px;
	width: 100%;
}

#top_page #lesson_list .lesson_box {
}

#top_page #lesson_list table {
}

#top_page #lesson_list table thead {
}

#top_page #lesson_list table thead tr {
}

#top_page #lesson_list table thead tr th {
	border: none;
	background: #0e482c;
	color: #fff;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

#top_page #lesson_list table thead tr th:nth-of-type(1) {
	border-top-left-radius: 10px;
}

#top_page #lesson_list table thead tr th div {
	width: 100%;
	height: 100%;
	padding: 7px 0px;
}

#top_page #lesson_list table thead tr th:nth-of-type(1) div {
	border-right: 1px solid #fff;
}

#top_page #lesson_list table thead tr th:nth-of-type(2) {
	border-top-right-radius: 10px;
}

#top_page #lesson_list table tbody {
	border: none;
}

#top_page #lesson_list table tbody tr {
	padding: 0px;
	margin: 0px;
}

#top_page #lesson_list table tbody tr td {
	padding: 0px;
	margin: 0px;
}

#top_page #lesson_list table tbody tr td div {
	border-bottom: 1px solid #c6c6c6;
	border-top: none;
	padding: 7px 0px;
	width: 100%;
	height: 100%;
}

#top_page #lesson_list table tbody tr td:first-child div {
	border-left: 2px solid #c6c6c6;
	border-right: 1px solid #c6c6c6;
	padding-left: 15px;
}

#top_page #lesson_list table tbody tr td:last-child div {
	border-right: 2px solid #c6c6c6;
	text-align: center;
}

#top_page #lesson_list table tbody tr:last-child td:first-child div {
	border-bottom-left-radius: 10px;
}

#top_page #lesson_list table tbody tr:last-child td:last-child div {
	border-bottom-right-radius: 10px;
}

#top_page #participation {
	margin-top: 50px;
}

#top_page #characteristics {
	margin-top: 50px;
}

#top_page #characteristics h2 {
	text-align: center;
}

#top_page #characteristics h2 picture {
	max-width: 860px;
	width: 100%;
}

#top_page #characteristics h2 img {
	max-width: 860px;
	width: 100%;
}

#top_page #characteristics ul {
}

#top_page #characteristics ul li {
	padding-bottom: 30px;
	border-bottom: 1px dashed #000;
	margin-bottom: 30px;
}

#top_page #characteristics ul li:nth-of-type(1) {
	text-align: center;
}

#top_page #characteristics ul li:nth-of-type(1) picture {
	max-width: 860px;
	width: 100%;
}

#top_page #characteristics ul li:nth-of-type(1) img {
	max-width: 860px;
	width: 100%;
}

#top_page #characteristics ul li .photo_box {
	width: 27%;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}

#top_page #characteristics ul li .photo_box picture {
	width: 100%;
	max-width: 229px;
}

#top_page #characteristics ul li .photo_box img {
	width: 100%;
	max-width: 229px;
}

#top_page #characteristics ul li .details {
	display: inline-block;
	width: 70%;
	margin-left: 2%;
	vertical-align: middle;
}

#top_page #characteristics ul li .details h3 {
}

#top_page #characteristics ul li .details h3 picture {
	width: 100%;
	max-width: 385px;
}

#top_page #characteristics ul li .details h3 img {
	width: 100%;
	max-width: 385px;
}

#top_page #characteristics ul li .details .desc {
	margin: 0px;
	color: #1f1f1f;
	/* font-size: 17px; */
}

@media screen and (max-width: 750px) {
	#top_page #characteristics ul li .details .desc {
		font-size: 18px;
	}
}

#top_page #voice_list {
	margin-top: 50px;
}

#top_page #feature_btn .btn {
	width: 60%;
	border-radius: 30px;
	margin: 0 auto;
	display: block;
	padding: 2px 0px;
	text-align: center;
	vertical-align: middle;
	background: #ff6600;
	margin-bottom: 20px;
	margin-top: 20px;
	max-width: 300px;
}

#top_page #feature_btn .btn:hover {
	opacity: 0.8;
}

#top_page #feature_btn .btn a p {
	color: #fff;
	padding: 12px 0px;
	width: 100%;
	margin: 0px;
}

#top_page .top-title {
	position: relative;
	display: block;
	line-height: 1;
	font-size: 30px;
	padding: 10px 0;
	color: #fff;
	font-weight: bold;
	margin: 25px;
	text-align: center;
	background: #232323;
	border-radius: 60px;
	letter-spacing: 1px !important;
}

#top_page .top-title img {
	position: absolute;
	transform: translate(-120%, -50%);
	top: 50%;
}

#top_page .top-title::after {
	content: "";
	position: absolute;
	top: 99%;
	left: 50%;
	margin-left: -10px;
	border: 10px solid transparent;
	border-top: 13px solid #232323;
}

@media screen and (max-width: 750px) {
	#top_page .top-title {
		font-size: 18px;
		margin: 25px 0;
		padding: 7px 0;
	}

	#top_page .top-title img {
		width: 20px;
	}

	#top_page .top-title::after {
		margin-left: -7px;
		border: 7px solid transparent;
		border-top: 10px solid #232323;
	}
}

.movie__youtube {
	position: relative;
	width: 100%;
	height: 56.25%;
}

.movie__youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ==========================================================================
   contact
   ========================================================================== */

#contact_page {
}

#contact_page h2 {
	text-align: center;
	border-bottom: 6px solid #463a31;
	margin-bottom: 30px;
	padding-bottom: 20px;
}

#contact_page h2 picture {
	max-width: 679px;
	width: 100%;
}

#contact_page h2 img {
	max-width: 679px;
	width: 100%;
}

#contact_page #banner_top {
	position: relative;
	top: -9px;
	margin-bottom: 10px;
	display: none;
	top: 0px;
}

#contact_page table {
	margin: 0px;
	border-top: 1px solid #c1c1c1;
	margin-bottom: 20px;
}

#contact_page table tr {
	border-bottom: 1px solid #c1c1c1;
}

#contact_page table tr td {
}

#contact_page table tr td:nth-of-type(1) {
	vertical-align: middle;
	width: 24%;
	text-align: right;
	padding: 10px 10px 10px 0px;
	border-radius: 10px;
	line-height: 45px;
	border-right: 1px solid #c1c1c1;
	font-size: 16px;
}

#contact_page table tr td:nth-of-type(2) {
	vertical-align: middle;
	width: 67%;
	padding: 15px 0px;
	padding-left: 3%;
	font-size: 16px;
}

#contact_page table tr td:nth-of-type(1) .hissu {
	background: #de0909;
	color: #fff;
	font-weight: normal;
	font-size: 13px;
	padding: 5px 5px;
	margin-left: 10px;
	display: inline-block;
	line-height: 16px;
}
@media screen and (max-width: 750px) {
	#contact_page table tr td:nth-of-type(1) .hissu {
		display: inline-block;
	}
}

#contact_page table tr td:nth-of-type(2) input {
	max-width: 400px;
	border: 1px solid #9d9d9d;
	border-radius: 7px;
	margin-left: 10px;
	width: 80%;
	font-size: 16px;
}

#contact_page table tr td:nth-of-type(2) input::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #90949c;
	opacity: 1;
	/* Firefox */
}

#contact_page table tr td:nth-of-type(2) input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #90949c;
}

#contact_page table tr td:nth-of-type(2) input::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #90949c;
}

#contact_page table tr td:nth-of-type(2) textarea {
	max-width: 400px;
	border: 1px solid #9d9d9d;
	border-radius: 7px;
	margin-left: 10px;
	height: 100px;
	width: 80%;
	font-size: 16px;
}

#contact_page table tr td:nth-of-type(2) input.choice {
	margin-right: 5px;
	width: auto;
}

#contact_page table tr td:nth-of-type(2) input.choice:nth-of-type(2) {
	margin-left: 40px;
}

#contact_page table tr td:nth-of-type(2) input.choice:nth-of-type(3) {
	margin-left: 40px;
}

#contact_page table tr td:nth-of-type(2) p {
	display: inline-block;
	margin-bottom: 0px;
}

#contact_page table tr td:nth-of-type(2) p.confirmation {
	word-break: break-all;
}

#contact_page table tr td:nth-of-type(2) select {
	height: 40px;
	margin-left: 10px;
	margin-right: 5px;
	font-size: 16px;
}

#contact_page table tr td:nth-of-type(2) .invalidField {
	border-color: #de0909;
}

#contact_page table tr td:nth-of-type(2) .err {
	color: #de0909;
	padding-left: 5px;
	padding-top: 5px;
	display: none;
}

#contact_page table tr td.topic_box input.choice {
	margin-left: 10px !important;
}

#contact_page table tr td.topic_box {
	display: flex !important;
	align-items: center;
}

#contact_page table tr td.topic_box p {
	line-height: 30px;
}

#contact_page table tr td .topic_box-card {
	display: block;
	margin-left: 10px;
	width: 200px;
}

@media screen and (max-width: 750px) {
	#contact_page table tr td .topic_box-card {
		width: 50%;
	}
}

#contact_page table tr td br.sp {
	display: none;
}

#contact_page .btn {
	text-align: center;
	margin-bottom: 30px;
}

#contact_page .btn:hover {
	opacity: 0.8;
}

#contact_page .btn p {
	background: #ff6600;
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	display: block;
	color: #fff;
	padding: 15px 0px;
	/* font-size: 20px; */
	font-size: 16px;
	border-radius: 40px;
	cursor: pointer;
	border: 1px solid #ff6600;
}

#contact_page #backBtn.btn p {
	background: none;
	color: #ff6600;
}

#contact_page p.desc {
	text-align: center;
}

#contact_page #subscribe_schedule optgroup {
	color: red;
	font-weight: bold;
}
#contact_page #subscribe_schedule option {
	color: black;
	font-weight: normal;
}

.subscribe-free {
	display: none;
}

/* ==========================================================================
   first
   ========================================================================== */
#first_page {
}

#first_page h2 {
	border-bottom: 6px solid #e7e7e7;
	margin-bottom: 30px;
	padding-bottom: 10px;
}

#first_page h2 picture {
	max-width: 341px;
	width: 100%;
}

#first_page h2 img {
	max-width: 341px;
	width: 100%;
}

#first_page #about {
	margin-bottom: 50px;
}

#first_page #about .photo_box {
	width: 40%;
	float: left;
	text-align: center;
}

#first_page #about .photo_box picture {
	width: 100%;
	max-width: 348px;
}

#first_page #about .photo_box img {
	width: 100%;
	max-width: 348px;
}

#first_page #about .details {
	float: right;
	width: 58%;
}

#first_page #about .desc {
	font-size: 16px;
	line-height: 1.7em;
}

#first_page #about .desc.full {
	padding-top: 20px;
}

#first_page #characteristics {
	margin-bottom: 50px;
}

#first_page #characteristics ul {
}

#first_page #characteristics ul li {
	border-bottom: 1px dashed #bababa;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

#first_page #characteristics ul li .photo {
	max-width: 308px;
	width: 22%;
	display: inline-block;
	vertical-align: middle;
}

#first_page #characteristics ul li .desc {
	display: inline-block;
	width: 75%;
	vertical-align: middle;
	margin-left: 2%;
}

#first_page #support {
	margin-bottom: 50px;
}

#first_page #support .desc {
	font-size: 16px;
	line-height: 1.7em;
}

#first_page #support .graph_box {
	text-align: center;
	width: 100%;
}

#first_page #support .graph_box picture {
	max-width: 859px;
	width: 100%;
}

#first_page #support .graph_box img {
	max-width: 859px;
	width: 100%;
}

/* ==========================================================================
   dokuritsushien
   ========================================================================== */
#dokuritsushien {
}

#dokuritsushien h2 {
	border-bottom: 6px solid #e7e7e7;
	margin-bottom: 30px;
	padding-bottom: 10px;
}

#dokuritsushien h2 picture {
	max-width: 379px;
	width: 100%;
}

#dokuritsushien h2 img {
	max-width: 379px;
	width: 100%;
}

#dokuritsushien #about {
	margin-bottom: 50px;
}

#dokuritsushien #about .photo_box {
	width: 27%;
	float: left;
	text-align: center;
}

#dokuritsushien #about .photo_box picture {
	width: 100%;
	max-width: 229px;
}

#dokuritsushien #about .photo_box img {
	width: 100%;
	max-width: 229px;
}

#dokuritsushien #about .details {
	float: right;
	width: 70%;
}

#dokuritsushien #about .desc {
	font-size: 16px;
	line-height: 1.7em;
}

#dokuritsushien #about .desc.full {
	padding-top: 20px;
}

#dokuritsushien #about ul {
	background: #f3f3f3;
	border-radius: 15px;
	padding: 15px 25px;
}

#dokuritsushien #about ul li {
	margin: 10px 0px;
	font-size: 15px;
}

#dokuritsushien #about ul li.number {
	padding-left: 35px;
	line-height: 27px;
}

#dokuritsushien #about ul li.number1 {
	background: url(assets/images/dokuritsushien/number1.png) center left no-repeat;
}

#dokuritsushien #about ul li.number2 {
	background: url(assets/images/dokuritsushien/number2.png) center left no-repeat;
}

#dokuritsushien #about ul li.number3 {
	background: url(assets/images/dokuritsushien/number3.png) center left no-repeat;
}

#dokuritsushien #about ul.photo_list {
	text-align: center;
	padding: 0px;
	background: none;
	margin-bottom: 20px;
}

#dokuritsushien #about ul.photo_list li {
	margin: 0px;
	float: left;
	margin-left: 1%;
	width: 32%;
	max-width: 274px;
}

#dokuritsushien #about ul.photo_list li img {
	width: 100%;
}

#dokuritsushien #about .s1 {
	color: #ff7010;
}

#dokuritsushien #about .s2 {
	text-decoration: underline;
}

/* ==========================================================================
   tokucho
   ========================================================================== */
#tokucho {
}

#tokucho h2 {
	border-bottom: 6px solid #e7e7e7;
	margin-bottom: 0px;
	padding-bottom: 10px;
}

#tokucho h2 picture {
	max-width: 320px;
	width: 100%;
}

#tokucho h2 img {
	max-width: 320px;
	width: 100%;
}

#tokucho h3 {
	margin-bottom: 25px;
}

#tokucho h3 picture {
	max-width: 860px;
	width: 100%;
}

#tokucho h3 img {
	max-width: 860px;
	width: 100%;
}

#tokucho h4 {
	border-bottom: 4px solid #cecece;
	margin-bottom: 0px;
	padding-bottom: 10px;
}

#tokucho #course1 h4 picture {
	max-width: 564px;
	width: 100%;
}

#tokucho #course1 h4 img {
	max-width: 564px;
	width: 100%;
}

#tokucho #course2 h4 {
}

#tokucho #course2 h4 picture {
	max-width: 322px;
	width: 100%;
}

#tokucho #course2 h4 img {
	max-width: 322px;
	width: 100%;
}

#tokucho .course_features {
	margin-bottom: 15px;
}

#tokucho .course_features .photo_box {
	width: 27%;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
}

#tokucho .course_features .photo_box picture {
	width: 100%;
	max-width: 229px;
}

#tokucho .course_features .photo_box img {
	width: 100%;
	max-width: 229px;
}

#tokucho .course_features .details {
	width: 70%;
	display: inline-block;
	vertical-align: middle;
	margin-left: 2%;
}

#tokucho .course_features .desc {
	font-size: 16px;
	line-height: 1.7em;
}

#tokucho .course_features .desc.full {
	padding-top: 20px;
}

#tokucho .course_features ul {
	background: #f3f3f3;
	border-radius: 15px;
	padding: 15px 25px;
}

#tokucho .course_features ul li {
	margin: 10px 0px;
	font-size: 15px;
}

#tokucho .course_features ul.point_list {
	padding: 15px 20px;
	border-radius: 10px;
}

#tokucho .course_features ul.point_list li {
	margin: 0px;
}

#tokucho .course_features ul.feature_list {
	background: none;
}

#tokucho #course2 ul.feature_list {
	border-bottom: 1px dashed #000000;
	border-radius: 0px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#tokucho .course_features ul.feature_list li {
}

#tokucho .course_features ul li .point {
	background: #f22121;
	color: #fff;
	display: block;
	letter-spacing: 1px !important;
	width: 100px;
	text-align: center;
	line-height: 21px;
	padding: 1px 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	border-radius: 12px;
}

#tokucho .course_features ul li.check {
	background: url(assets/images/tokucho/check.png) center left no-repeat;
	padding-left: 30px;
}

#tokucho .course_features ul li.star {
	background: url(assets/images/tokucho/star.png) center left no-repeat;
	padding-left: 30px;
}

#tokucho .course_features .s1 {
	color: #ff7010;
}

#tokucho .course_features .s2 {
	color: #07befa;
}

#tokucho .course_features .s3 {
	color: #f22121;
}

#tokucho .course_features .s4 {
	display: inline-block;
	position: relative;
	z-index: 1;
}

#tokucho .course_features .s4:before {
	display: block;
	content: "";
	background: #ffdd67;
	width: 100%;
	height: 8px;
	position: absolute;
	bottom: 0px;
	z-index: -1;
}

/* ==========================================================================
   shikaku
   ========================================================================== */
#shikaku_page #course_details {
	margin-bottom: 50px;
}

#shikaku_page #course_details .course_title {
	color: #101010;
	/* font-size: 30px; */
	font-size: 24px;
	border-left: 5px solid #ff6600;
	padding: 0px;
	padding-left: 20px;
}

#shikaku_page #course_details table {
	margin: 0px;
	border-top: 1px solid #c1c1c1;
	margin-bottom: 20px;
}

#shikaku_page #course_details table tr {
	border-bottom: 1px solid #c1c1c1;
}

#shikaku_page #course_details table tr td {
}

#shikaku_page #course_details table tr td:nth-of-type(1) {
	vertical-align: middle;
	width: 30%;
	padding: 10px 20px;
	line-height: 30px;
	border-right: 1px solid #c1c1c1;
	background: #f1f1f1;
	border-radius: 0px;
	text-align: center;
}

#shikaku_page #course_details table tr td:nth-of-type(2) {
	vertical-align: middle;
	width: 70%;
	padding: 15px 0px;
	padding-left: 3%;
}

#shikaku_page #course_details table tr td br.sp {
	display: none;
}

#shikaku_page #course_details_none {
}

#shikaku_page #course_details_none img {
	margin: 0 auto;
	display: block;
	width: 80%;
	max-width: 740px;
	margin-top: 40px;
	margin-bottom: 50px;
}

#shikaku_page .schedule {
}

#shikaku_page .schedule h2 {
	text-align: center;
	background: #232323;
	color: #fff;
	padding: 10px 0px;
}

#shikaku_page .schedule h2 picture {
	max-width: 860px;
	width: 100%;
}

#shikaku_page .schedule h2 img {
	max-width: 860px;
	width: 100%;
}

#shikaku_page .schedule ul {
	text-align: center;
	margin-bottom: 30px;
}

#shikaku_page .schedule ul li {
	display: block;
	width: 100%;
	margin-bottom: 15px;
}

#shikaku_page .schedule ul li .time {
	margin: 0px;
	/* font-size: 20px; */
	font-size: 18px;
	padding-left: 39px;
	line-height: 35px;
	background: url(assets/images/shikaku/clock.png) center left no-repeat;
	display: inline-block;
	font-weight: bold;
}

@media screen and (max-width: 750px) {
	#shikaku_page .schedule ul li .time {
		font-size: 16px;
	}
}

#shikaku_page .schedule ul li .photo {
	width: 30%;
	height: 0px;
	padding-top: 30%;
	border-radius: 300px;
	display: inline-block;
	vertical-align: middle;
}

#shikaku_page .schedule ul li .details {
	width: 67%;
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	margin-left: 2%;
}

#shikaku_page .schedule ul li h3 {
	padding: 0px;
	padding-top: 15px;
	margin-bottom: 10px;
	font-size: 20px;
}

@media screen and (max-width: 750px) {
	#shikaku_page .schedule ul li h3 {
		font-size: 18px;
	}
}

#shikaku_page .schedule ul li .desc {
	/* font-size: 15px; */
	padding: 0px 5px;
	text-align: left;
}

#shikaku_page .schedule ul li .desc.full {
	display: none;
}

#shikaku_page .schedule .btn {
	display: inline-block;
	width: 100%;
	border-radius: 30px;
	padding: 2px 0px;
	text-align: center;
	vertical-align: middle;
	background: #ff6600;
	margin-bottom: 10px;
}

#shikaku_page .schedule .btn:hover {
	opacity: 0.8;
}

#shikaku_page .schedule .btn a {
}

#shikaku_page .schedule .btn a p {
	color: #fff;
	width: 100%;
	margin: 0px;
	padding: 12px 0px;
	background: url(assets/images/shikaku/kaminari.png) center center no-repeat;
	background-position: calc(50% - 70px) 50%;
}

#shikaku_page #schedule_buttons {
	margin-top: 30px;
}

#shikaku_page .details_btn {
	margin-bottom: 30px;
	text-align: right;
	border-bottom: 1px dashed #a0a0a0;
	padding-bottom: 10px;
}

#shikaku_page .details_btn .btn {
	display: inline-block;
	width: 40%;
	border-radius: 30px;
	padding: 2px 0px;
	text-align: center;
	vertical-align: middle;
	background: #ff6600;
	margin-bottom: 10px;
}

#shikaku_page .details_btn .btn:hover {
	opacity: 0.8;
}

#shikaku_page .details_btn .btn a p {
	color: #fff;
	width: 100%;
	margin: 0px;
	padding: 12px 0px;
	background: url(assets/images/shikaku/kaminari.png) center center no-repeat;
	background-position: calc(50% - 95px) 50%;
}

#shikaku_page #participation {
	margin-top: 50px;
}

#shikaku_page #voice_list {
	margin-top: 50px;
}

#shikaku_page #contact_page {
	margin-top: 50px;
}

/* ==========================================================================
   voice
   ========================================================================== */
#voice_page {
}

#voice_page #ichiran {
}

#voice_page #ichiran ul {
}

#voice_page #ichiran ul li {
	border-bottom: 1px dashed #000000;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

#voice_page .staff-ttl {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 110%;
}

#voice_page .staffvoice {
	background: #eee;
	padding: 30px;
	border-radius: 20px;
	margin-top: 20px;
}

#voice_page #ichiran ul li .photo_box {
	display: block;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #c8c8c8;
	background: #fbfbfb;
	padding: 1px;
	margin: auto;
	max-width: 254px;
}

#voice_page #ichiran ul li .photo_box img {
	max-width: 250px;
	width: 100%;
	display: block;
	margin: 0 auto;
	cursor: pointer;
}

#voice_page #ichiran ul li .details {
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	margin-top: 5%;
}

#voice_page #ichiran ul li .details .primary {
	margin: 5px 0;
	line-height: 32px;
	font-size: 16px;
}

#voice_page #ichiran ul li .details .primary span {
	color: #fff;
	background: #ff6600;
	/* font-size: 15px; */
	font-size: 14px;
	padding: 6px 20px;
	border-radius: 20px;
	margin-right: 15px;
}

#voice_page #ichiran ul li .details h3 {
	margin: 0px;
	margin-top: 25px;
	color: #ff6600;
	border-bottom: 1px solid #ff6600;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 10px;
	padding-bottom: 3px;
	display: inline-block;
	padding: 1px 0px;
}

#voice_page #ichiran ul li .details .desc {
	margin-bottom: 0px;
}

#company_page {
}

#company_page #about {
	margin-bottom: 40px;
}

#company_page #about h2 {
	border-bottom: 5px solid #e7e7e7;
	padding-bottom: 10px;
	margin-bottom: 20px;
	width: 100%;
	text-align: left;
}

#company_page #about h2 picture {
	max-width: 266px;
	width: 100%;
}

#company_page #about h2 img {
	max-width: 266px;
	width: 100%;
}

#company_page #about .denki_logo {
	margin: 0 auto;
	margin-top: 20px;
	display: block;
	max-width: 564px;
	margin-bottom: 30px;
	width: 65%;
}

#company_page #about .desc {
	font-size: 16px;
}

#company_page .s1 {
	color: #ff7010;
}

#company_page .s4 {
	display: inline;
	position: relative;
	z-index: 1;
}

#company_page .s4:before {
	display: block;
	content: "";
	background: #ffdd67;
	width: 100%;
	height: 8px;
	position: absolute;
	left: 0px;
	bottom: -3px;
	z-index: -1;
}

#company_page .check_list {
	background: #f3f3f3;
	border-radius: 15px;
	padding: 15px 25px;
}

#company_page .check_list li.check {
	background: url(assets/images/tokucho/check.png) center left no-repeat;
	padding-left: 30px;
	margin: 10px 0px;
	font-size: 16px;
}

#company_page .feature_list {
	border-radius: 15px;
	padding: 0px 15px;
}

#company_page .feature_list li.star {
	margin: 10px 0px;
	font-size: 16px;
	background: url(assets/images/tokucho/star.png) center left no-repeat;
	padding-left: 30px;
}

#company_page #message {
	margin-bottom: 40px;
}

#company_page #message h2 {
	border-bottom: 5px solid #e7e7e7;
	padding-bottom: 10px;
	margin-bottom: 20px;
	width: 100%;
	text-align: left;
}

#company_page #message h2 picture {
	max-width: 266px;
	width: 100%;
}

#company_page #message h2 img {
	max-width: 266px;
	width: 100%;
}

#company_page #message .box {
	position: relative;
}

#company_page #message h3 {
	padding: 0px;
	/* font-size: 25px; */
	font-size: 24px;
	font-weight: bold;
	color: #1e1e1e;
	width: 65%;
}

#company_page #message .photo {
	position: absolute;
	right: 0px;
	top: 0px;
	max-width: 254px;
	width: 30%;
}

#company_page #message .desc {
	width: 65%;
	font-size: 16px;
	line-height: 1.8;
}

#company_page #message .desc.full {
	width: 100%;
	margin-top: 40px;
}

#company_page #profile {
	margin-bottom: 40px;
}

#company_page #profile h2 {
	border-bottom: 5px solid #e7e7e7;
	padding-bottom: 10px;
	margin-bottom: 20px;
	width: 100%;
	text-align: left;
}

#company_page.message-page #profile h2 {
	color: #000;
}

#company_page #profile h2 picture {
	max-width: 266px;
	width: 100%;
}

#company_page #profile h2 img {
	max-width: 266px;
	width: 100%;
}

#company_page #profile .item:nth-of-type(2n-1) {
	background: #f7f7f7;
}

#company_page #profile .item .item_name {
	color: #232323;
	font-size: 16px;
	font-weight: bold;
	width: 25%;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	padding: 15px 0px;
}

#company_page #profile .item .item_name p {
	margin: 0px;
}

#company_page #profile .item .item_desc {
	display: inline-block;
	width: 70%;
	vertical-align: middle;
}

#company_page #profile .item .item_desc p {
	margin: 0px;
	line-height: 30px;
	padding: 15px 0px;
}

#company_page #profile .item .item_desc.links {
	padding: 15px 0px;
}

#company_page #profile .item .item_desc.links p {
	display: inline-block;
	vertical-align: middle;
	padding: 0px;
}

#company_page #profile .item .item_desc a {
	color: #16a8e5;
	text-decoration: underline;
	display: inline-block;
	vertical-align: middle;
}

#company_page #maps {
}

#company_page #maps h2 {
	border-bottom: 5px solid #e7e7e7;
	padding-bottom: 10px;
	margin-bottom: 20px;
	width: 100%;
	text-align: left;
}

#company_page #maps h2 picture {
	max-width: 266px;
	width: 100%;
}

#company_page #maps h2 img {
	max-width: 266px;
	width: 100%;
}

#company_page #maps > h3 {
	color: #000;
	font-weight: 900;
	border-bottom: 5px solid #e7e7e7;
	padding-bottom: 10px;
	font-size: 24px;
	margin-bottom: 20px;
	position: relative;
	padding-top: 0px;
	margin-top: 1.5em;
	padding-left: 1.2em;
}

@media screen and (max-width: 750px) {
	#company_page #maps > h3 {
		font-size: 22px;
	}
}

#company_page #maps > h3::before {
	content: "";
	display: block;
	position: absolute;
	height: 0px;
	top: 45%;
	transform: translateY(-50%);
	left: 0%;
	width: 0.79em;
	max-width: 22px;
	padding-top: 30px;
	background: url(assets/images/menu/map_icon.png) no-repeat center center;
	background-size: contain;
}

#company_page #maps .ttl {
	background: #232323;
	color: #fff;
	display: inline-block;
	padding: 5px 40px;
	margin: 0px;
	border-radius: 25px;
	margin-bottom: 20px;
}

#company_page #maps .desc {
	padding-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
}

#company_page #maps .map_box {
}

#archive_page .post .post-categories {
	list-style-type: none;
	display: inline-block;
	margin-bottom: 10px;
}

#archive_page .post .post-categories li {
	background: #0e482c;
	display: inline-block;
	padding: 3px 15px;
	margin-right: 10px;
}

#archive_page .post .post-categories li a {
	color: #fff;
	font-size: 15px;
	font-weight: normal;
}

#archive_page .post .entry-meta {
	display: inline-block;
}

#archive_page .entry-meta a {
	color: #767676;
}

#archive_page .entry-title,
#archive_page .post .entry-title a {
	color: #0e482c;
	/* font-size: 27px; */
	font-size: 24px;
}

#archive_page .post .entry-content p {
	/* font-size: 15px; */
	font-size: 16px;
	color: #282828;
	line-height: 30px;
}

@media screen and (max-width: 750px) {
	#archive_page .entry-title,
	#archive_page .post .entry-title a {
		font-size: 20px;
	}

	#archive_page .post .entry-content p {
		font-size: 18px;
	}
}

#archive_page .post {
	border-bottom: 1px dashed #a0a0a0;
	padding-bottom: 0px !important;
	margin-bottom: 40px;
}

#archive_page .archive_post_category_list {
	margin-bottom: 10px;
	margin-top: 6px;
	background: #f3f3f3;
	border-radius: 10px;
	padding-top: 15px;
}

#archive_page .archive_post_category_list li {
	padding-bottom: 0px !important;
	display: inline-block;
	margin-left: 20px;
}

#archive_page .archive_post_category_list li a {
}

#archive_page .archive_post_category_list li a p {
	margin: 0px;
	color: #fff;
	font-size: 15px;
	line-height: 35px;
	background: #0e482c url(assets/images/sidebar/arrow_white.png) no-repeat left center;
	padding: 0px 35px;
	padding-left: 40px;
	background-position: 25px;
	border-radius: 20px;
	margin-bottom: 15px;
}

#archive_page .archive_post_category_list li a p:hover {
	text-decoration: underline;
}

/* ==========================================================================
   thanks
   ========================================================================== */
#thanks_page {
	background: #0e482c;
	color: #fff;
}

#thanks_page #thanks {
	max-width: 860px;
	display: block;
	margin: 0 auto;
	padding: 50px 0px;
}

#thanks_page #thanks .phone {
	width: 90%;
	max-width: 745px;
	display: block;
	margin: 0 auto;
}

#thanks_page #thanks .desc {
	font-size: 16px;
	line-height: 30px;
}

#thanks_page #thanks .details {
	margin-bottom: 20px;
}

#thanks_page #thanks .details .phone_btn {
	display: inline-block;
	vertical-align: bottom;
}

#thanks_page #thanks .details p {
	display: inline-block;
	vertical-align: bottom;
	font-size: 16px;
	margin: 0px;
}

#thanks_page .btn {
	max-width: 245px;
	display: block;
	margin: 0 auto;
}

#thanks_page .btn p {
	color: #fff;
	border: 2px solid #ffffff;
	display: block;
	text-align: center;
	line-height: 40px;
	margin-bottom: 0px;
	border-radius: 40px;
}

#thanks_page .btn p:hover {
	color: #0e482c;
	background: #fff;
}

/* ==========================================================================
   lp_page
   ========================================================================== */
.lp_page {
}

.lp_page .panel2 {
}

.lp_page .panel2 div,
.lp_page .panel2 li {
	display: inline-block;
	width: 50%;
	vertical-align: middle;
}

.lp_page h1,
.lp_page h2,
.lp_page h3,
.lp_page h4 {
	margin: 0px;
	padding: 0px;
}

.lp_page h1 img,
.lp_page h2 img,
.lp_page h3 img,
.lp_page h4 img,
.lp_page .pic img {
	width: 100%;
	display: block;
}

.lp_page h1 picture,
.lp_page h2 picture,
.lp_page h3 picture,
.lp_page h4 picture,
.lp_page .pic picture {
	width: 100%;
	display: block;
	position: relative;
}

.lp_page h1 picture::after {
	content: "";
	background: url(assets/images/lp/kateiyo/ttl_icon02.png) center / contain no-repeat;
	position: absolute;
	bottom: 25%;
	right: 0;
	width: 20%;
	height: 20%;
}

@media screen and (max-width: 750px) {
	.lp_page h1 picture::after {
		content: none;
	}
}

.lp_page .banner {
	width: 100%;
	display: block;
	margin: 0 auto;
}

.lp_page .banner a {
}

.lp_page .banner img,
.lp_page .banner picture {
	width: 100%;
}

.lp_page .desc {
	color: #171717;
	/* font-size: 20px; */
	font-size: 16px;
	line-height: 35px;
	width: 100%;
	/* width: 70%; */
	margin-bottom: 0px;
}

#kateiyo #forms .content_box .details .desc {
	width: 70%;
}

#kateiyo #price .panel2 .installation_details .desc {
	width: 100%;
}

.lp_page .sp {
	display: none;
}

.lp_page .pc {
	display: block;
}

@media screen and (max-width: 750px) {
	.lp_page .sp {
		display: block;
	}

	.lp_page .pc {
		display: none;
	}

	.lp_page .desc {
		font-size: 18px;
	}
}

.lp-move__title {
	text-align: center;
	color: #232323;
	font-size: 30px;
}

@media screen and (max-width: 750px) {
	.lp-move__title {
		font-size: 20px;
	}
}

/* ==========================================================================
   lp_header
   ========================================================================== */
.lp_header_contact_area {
	background: #062013;
	padding: 15px 0px;
}

.lp_header_contact_area .logo_box {
	max-width: 220px;
	float: left;
	width: 20%;
}

.lp_header_contact_area .logo_box picture,
.lp_header_contact_area .logo_box img {
	width: 100%;
	display: block;
}

.lp_header_contact_area .menu {
	float: right;
	width: 80%;
	text-align: right;
}

.lp_header_contact_area .menu li {
}

.lp_header_contact_area .menu img {
	width: 100%;
}

.lp_header_contact_area .menu .phone {
	display: inline-block;
	vertical-align: middle;
	width: 49%;
	max-width: 281px;
}

.lp_header_contact_area .menu .mail {
	display: inline-block;
	vertical-align: middle;
	width: 49%;
	max-width: 281px;
	margin-left: 2%;
}

.lp-right-banner {
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10000;
}

@media screen and (max-width: 750px) {
	.lp-right-banner.sp {
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 68px;
		top: auto;
		bottom: -100px;
		transform: none;
		background-color: rgba(179, 234, 255, 0.8);
	}

	.lp-right-banner a {
		display: block;
		width: 100%;
		height: 100%;
		color: #000;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		padding: 5px 15px;
	}

	.lp-right-banner a span {
		display: inline-block;
		width: 300px;
		background: #0e492d;
		border-radius: 14px;
		color: #fff;
		padding: 4px 0;
	}

	.lp-right-banner a span::after {
		content: "";
		display: inline-block;
		width: 14px;
		height: 14px;
		background: url(assets/images/lp/link.png) center / contain no-repeat;
		margin-left: 4px;
	}

	.lp-right-banner__to-top img {
		width: auto;
		height: 100%;
	}

	.page-id-693 #to_top,
	.page-id-687 #to_top {
		display: none;
	}
}

/* ==========================================================================
   lp_page kateiyo
   ========================================================================== */
#kateiyo {
}

#kateiyo #top_ttl {
	background: #0e482c;
}

#kateiyo #top_ttl h1 {
	max-width: 1700px;
	display: block;
	margin: 0 auto;
}

#kateiyo #top_desc {
	padding-bottom: 50px;
}

#kateiyo #top_desc div.content_box {
}

#kateiyo #top_desc .ttl_01 {
	display: block;
	margin: 0 auto;
	max-width: 860px;
	width: 100%;
	margin-top: 3%;
}

#kateiyo #top_desc .ttl_02 {
	display: block;
	margin: 0 auto;
	max-width: 860px;
	width: 100%;
	margin-top: 2.5%;
}

#kateiyo #top_desc .ttl_03 {
	display: block;
	margin: 0 auto;
	max-width: 913px;
	width: 100%;
	margin-top: -3%;
	margin-bottom: 4%;
}

#kateiyo #top_desc div.panel2 {
}

#kateiyo #top_desc div.panel2 div.ranking_table {
	max-width: 656px;
	width: 56%;
}

#kateiyo #top_desc div.panel2 div.ranking_photo {
	max-width: 489px;
	width: 42%;
	margin-left: 2%;
}

#kateiyo #top_desc .ttl_04 {
	max-width: 900px;
	width: 100%;
	display: block;
	margin: 0 auto;
	margin-top: 4%;
	margin-bottom: 3%;
}

#kateiyo #top_desc .banner_01 {
	max-width: 1060px;
	margin-bottom: 6%;
}

#kateiyo #top_desc div.panel2 div.technical_photo {
	max-width: 489px;
	width: 41%;
	vertical-align: top;
}

#kateiyo #top_desc div.panel2 div.technical_details {
	/* width: 57%; */
	margin-left: 2%;
	vertical-align: top;
}

#kateiyo #top_desc div.panel2 div.technical_details {
	width: 50%;
}

#kateiyo #top_desc div.panel2 div.technical_details h3 {
	max-width: 670px;
	width: 100%;
	margin-bottom: 2%;
}

#kateiyo #top_desc div.panel2 div.technical_details .desc {
	width: 100%;
	max-width: 540px;
}

#kateiyo #top_desc .ttl_06 {
	max-width: 1112px;
	width: 100%;
	display: block;
	margin: 0 auto;
	margin-top: 4%;
	margin-bottom: 2%;
}

#kateiyo #top_desc .ttl_07 {
	width: 100%;
	display: block;
	margin: 0 auto;
	max-width: 1020px;
	margin-bottom: 2%;
}

#kateiyo #top_desc .table_02 {
	width: 100%;
	display: block;
	margin: 0 auto;
	max-width: 1180px;
	margin-bottom: 3%;
}

#kateiyo #top_desc .list_01 {
	width: 100%;
	display: block;
	margin: 0 auto;
	max-width: 703px;
	margin-bottom: 2%;
}

#kateiyo #top_desc .txt_01 {
	text-align: center;
	width: 100%;
}

#kateiyo #qualification {
	background: #b3eaff url(assets/images/lp/kateiyo/bg_01.png) center top no-repeat;
	padding-bottom: 15%;
}

#kateiyo #qualification h2 {
	width: 100%;
	display: block;
	margin: 0 auto;
	max-width: 1180px;
	position: relative;
	top: -30px;
}

#kateiyo #qualification h3 {
	width: 100%;
	display: block;
	margin: 0 auto;
	max-width: 1180px;
	margin-bottom: 1%;
}

#kateiyo #qualification .list_02 {
	width: 100%;
	display: block;
	margin: 0 auto;
	max-width: 1180px;
	margin-bottom: 3%;
}

#kateiyo #qualification .step_details {
	max-width: 590px;
	width: 50%;
}

#kateiyo #qualification .step_photo {
	max-width: 526px;
	width: 46%;
	margin-left: 4%;
}

#kateiyo #benefits {
}

#kateiyo #benefits .banner_01 {
	max-width: 1060px;
	margin-top: 4%;
	margin-bottom: 8%;
}

#kateiyo #benefits .banner_01.top_banner {
	margin-top: -10%;
	margin-bottom: 3%;
}

#kateiyo #benefits h2 {
	width: 100%;
	display: block;
	margin: 0 auto;
	max-width: 1180px;
}

#kateiyo #benefits .list_04 {
	width: 100%;
	display: block;
	margin: 0 auto;
	max-width: 1180px;
	margin-bottom: 4%;
}

#kateiyo #benefits .desc {
	width: 95%;
	display: block;
	margin: 0 auto;
}

#kateiyo #benefits .ttl_11 {
	width: 60%;
	display: block;
	max-width: 675px;
	padding-top: 10px;
	margin-bottom: 3%;
	margin-left: 2%;
}

#kateiyo #benefits .list_05 {
	width: 60%;
	display: block;
	max-width: 675px;
	margin-bottom: 3%;
	margin-left: 2%;
}

#kateiyo #benefits h3 {
	width: 100%;
	display: block;
	margin: 0 auto;
	max-width: 1020px;
	margin-top: 1%;
	margin-bottom: 5%;
}

#kateiyo #benefits .table_03 {
	width: 100%;
	display: block;
	margin: 0 auto;
	max-width: 1020px;
	margin-bottom: 2%;
}

#kateiyo #benefits .txt_02 {
	text-align: center;
}

#kateiyo #benefits h4 {
	width: 100%;
	display: block;
	margin: 0 auto;
	max-width: 860px;
	margin-bottom: 5%;
}

#kateiyo #benefits .main_option_details {
	max-width: 671px;
	/* width: 57%; */
}

#kateiyo #benefits .main_option_photo {
	max-width: 480px;
	width: 41%;
	margin-left: 2%;
}

#kateiyo #benefits .txt_03 {
	margin-top: 3%;
}

#kateiyo #benefits .txt_03 span {
	background: #fff100;
	padding: 4px 4px;
}

#kateiyo #price {
	padding-bottom: 5%;
}

#kateiyo #price h2 {
	width: 100%;
	display: block;
	background: #339517;
	padding-top: 40px;
	padding-bottom: 20px;
	position: relative;
	margin-top: 230px;
	margin-bottom: 4%;
}

#kateiyo #price h2::before {
	display: block;
	content: "";
	background: url(assets/images/lp/kateiyo/house.png) center bottom no-repeat;
	width: 100%;
	background-size: contain;
	height: 198px;
	margin-top: -198px;
}

#kateiyo #price h2::after {
	display: block;
	content: "";
	background: url(assets/images/lp/kateiyo/arrow_green.png) center top no-repeat;
	width: 100%;
	height: 43px;
	position: absolute;
	bottom: 0px;
	bottom: -40px;
}

#kateiyo #price h2 img {
	width: 100%;
	display: block;
	margin: 0 auto;
	max-width: 1020px;
}

#kateiyo #price .panel2:nth-of-type(1) {
	width: 100%;
	max-width: 1060px;
	display: block;
	margin: 0 auto;
	margin-top: 5%;
}

#kateiyo #price .main_option_details {
	width: 50%;
	margin-left: 4%;
}

#kateiyo #price .main_option_details .desc {
	width: 100%;
}

#kateiyo #price .main_option_photo {
	max-width: 480px;
	width: 46%;
}

#kateiyo #price .ttl_15 {
	width: 100%;
	display: block;
	margin: 0 auto;
	max-width: 900px;
	margin-top: 7%;
	margin-bottom: 5%;
}

#kateiyo #price h3 {
	width: 100%;
	display: block;
	margin: 0 auto;
	max-width: 1020px;
	margin-bottom: 3%;
}

#kateiyo #price .installation_details {
	vertical-align: top;
	width: 54%;
}

#kateiyo #price .panel2 .installation_details {
	width: 50%;
}

#kateiyo #price .installation_details .desc {
}

#kateiyo #price .installation_details .ttl_17 {
	width: 80%;
	display: block;
	max-width: 500px;
	margin-top: 4%;
	margin-bottom: 3.5%;
}

#kateiyo #price .installation_photo {
	vertical-align: top;
	max-width: 480px;
	width: 41%;
	margin-left: 5%;
}

#kateiyo #rewarded_effort {
	background: #ff7800;
	padding-bottom: 5%;
}

#kateiyo #rewarded_effort h2 {
	width: 100%;
	display: block;
	margin: 0 auto;
	max-width: 1180px;
	position: relative;
	top: -25px;
}

#kateiyo #rewarded_effort .effort_details {
	width: 45%;
}

#kateiyo #rewarded_effort .effort_details .desc {
	color: #fff;
}

#kateiyo #rewarded_effort .effort_details .desc span {
	background: #000;
	padding: 5px 0px;
}

#kateiyo #rewarded_effort .effort_list {
	max-width: 622px;
	width: 53%;
	margin-left: 2%;
}

#kateiyo #rewarded_effort .panel2 .effort_list {
	width: 50%;
}
#kateiyo #rewarded_effort .panel2 .effort_details .desc {
	width: 100%;
}

#kateiyo #rewarded_effort .table_04 {
	width: 100%;
	display: block;
	margin: 0 auto;
	max-width: 1021px;
	margin-top: 5%;
}

#kateiyo #forms {
	padding-top: 5%;
}

#kateiyo #forms .details {
	/* background: url(assets/images/lp/kateiyo/boss.png) right bottom no-repeat; */
	padding-bottom: 5%;
	background-size: 26%;
	background-position: bottom right 8%;
	max-width: 1000px;
	width: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 3%;
}
#kateiyo #forms .details .desc {
	width: 100% !important;
}
#kateiyo #forms .details img {
	float: right;
}
@media screen and (max-width: 750px) {
	#kateiyo #forms .details img {
		width: 35%;
	}
}

#kateiyo #forms .desc {
}

#kateiyo #forms .desc:nth-of-type(1) {
}

#kateiyo #forms .desc:nth-of-type(2) {
	margin-top: 3%;
	width: 56%;
}

#kateiyo #forms h2 {
	background: url(assets/images/lp/kateiyo/rays.png) center center no-repeat;
	padding-top: 4%;
	padding-bottom: 3%;
}

#kateiyo #forms h2 img {
	width: 100%;
	display: block;
	margin: 0 auto;
	max-width: 700px;
}

#kateiyo #forms .banner_02 {
	max-width: 1180px;
}

#kateiyo #forms .caution_banner {
	max-width: 860px;
	margin-bottom: 40px;
}

/*家庭用内用のコースページの一部*/

#shikaku_page.lp-course #course_details .course_title {
	margin: 30px 0;
}

#shikaku_page.lp-course .schedule h2 {
	background: #232323 !important;
	padding: 10px 0px !important;
	margin-bottom: 30px;
	font-size: 24px;
}

@media screen and (max-width: 750px) {
	#shikaku_page.lp-course .schedule h2 {
		font-size: 20px;
	}
}

#shikaku_page.lp-course .schedule ul li .details {
	width: 67% !important;
	display: inline-block !important;
	margin-left: 2% !important;
	background: none !important;
}

@media screen and (max-width: 750px) {
	#shikaku_page.lp-course .schedule ul li .details {
		width: 100% !important;
		margin-left: 0 !important;
		text-align: center;
	}
	#shikaku_page.lp-course .schedule ul li .details h3 {
		text-align: center;
	}
}

#shikaku_page.lp-course .schedule ul li .desc {
	width: auto !important;
}

#shikaku_page .caution_banner {
	margin-top: 40px;
}

/* ==========================================================================
   lp_page business
   ========================================================================== */
.lp_page #banner_side {
	display: block;
	position: fixed;
	right: 0px;
	top: 10%;
	max-width: 132px;
	width: 15%;
	z-index: 10000;
	display: none;
}

.lp_page #banner_side a {
}

.lp_page #banner_side img {
}

.lp_page #forms #voice_box {
	max-width: 860px;
	width: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 40px;
}

.lp_page #forms #voice_box h2 {
	margin-bottom: 20px;
}

.lp_page #forms #voice_box h2 img {
	max-width: 860px;
}

.lp_page #forms #participation_box {
	max-width: 860px;
	width: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 70px;
}

.lp_page #forms #participation_box h2 {
	margin-bottom: 20px;
}

.lp_page #forms #participation_box h2 img {
	max-width: 860px;
}

.lp_page #forms #contact_page {
	max-width: 860px;
	width: 100%;
	display: block;
	margin: 0 auto;
	margin-top: 4%;
	margin-bottom: 2%;
}

.lp_header_business {
	background: #fff;
}

#business .desc {
	line-height: 40px;
	/* font-size: 19px; */
}

#business .f1 {
	background: #fff100;
	padding: 8px 5px;
}

#business .f2 {
	background: #4b83b3;
	color: #fff;
	padding: 8px 5px;
}

#business .f3 {
	color: #fc2323;
	font-size: 24px;
	font-weight: bold;
}

#business .f4 {
	font-weight: bold;
}

#business .f5 {
	background: #fff100;
	padding: 5px 0px;
}

#business .f6 {
	color: #ff2121;
	font-weight: bold;
	font-size: 48px;
}

#business .f7 {
	color: #fff;
	background: #ff2121;
	padding: 8px 5px;
}

#business #part_1 {
}

#business #part_1 .list_1 {
	background: url(assets/images/lp/business/bg_1.png) center center no-repeat;
	background-size: 100% 100%;
}

#business #part_2 {
}

#business #part_2 .ttl {
	background: url(assets/images/lp/business/bg_2.png) center center no-repeat;
	background-size: cover;
	margin-bottom: 80px;
}

#business #part_2 .ttl h2 {
	max-width: 1020px;
	width: 100%;
	display: block;
	margin: 0 auto;
	padding: 30px 0px;
}

#business #part_2 h3 {
	max-width: 860px;
	width: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 40px;
}

#business #part_2 .desc_01 {
	max-width: 1180px;
	width: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 60px;
}

#business #part_2 .boss_01 {
	background: url(assets/images/lp/business/boss_1.png) left bottom no-repeat;
	border: 5px solid #ff2121;
	border-radius: 35px;
	padding: 20px 10px;
	margin-bottom: 60px;
}

#business #part_2 .boss_01 .desc {
	max-width: 910px;
	float: right;
	width: 80%;
}

#business #part_2 .img_01 {
	max-width: 1060px;
	width: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 80px;
}

#business #part_3 {
	background: #b3eaff url(assets/images/lp/business/bg_3.png) top center no-repeat;
	padding-bottom: 30px;
}

#business #part_3 h2 {
	max-width: 1020px;
	width: 100%;
	display: block;
	margin: 0 auto;
	position: relative;
	top: -30px;
	margin-bottom: 30px;
}

#business #part_3 .desc_top {
	max-width: 1060px;
	width: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 30px;
}

#business #part_3 .desc_top li:nth-of-type(1) {
	max-width: 473px;
	width: 45%;
	vertical-align: top;
}

#business #part_3 .desc_top li:nth-of-type(2) {
	max-width: 540px;
	width: 51%;
	margin-left: 2%;
	vertical-align: top;
}

#business #part_3 .desc_mid {
	max-width: 1020px;
	width: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 30px;
}

#business #part_3 .desc_bot {
	max-width: 1020px;
	width: 100%;
	display: block;
	margin: 0 auto;
}

#business #part_4 {
	padding-top: 60px;
	padding-bottom: 60px;
}

#business #part_4 .increase {
	max-width: 1060px;
	width: 100%;
	/* display: block; */
	display: flex;
	margin: 0 auto;
	margin-bottom: 40px;
}

@media screen and (max-width: 750px) {
	#business #part_4 .increase {
		display: block;
	}
}

#business #part_4 .increase li:nth-of-type(1) {
	max-width: 424px;
	width: 40%;
}

#business #part_4 .increase li:nth-of-type(2) {
	max-width: 590px;
	width: 56%;
	margin-left: 4%;
}

#business #part_4 h2 {
	margin-bottom: 40px;
}

#business #part_4 h3 {
	max-width: 896px;
	width: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 30px;
}

#business #part_4 .desc_bot {
	max-width: 896px;
	width: 100%;
	display: block;
	margin: 0 auto;
}

#business #part_5 {
	padding-bottom: 70px;
}

#business #part_5 h2 {
	background: #232323;
	margin-bottom: 75px;
}

#business #part_5 h2 img {
	max-width: 860px;
	width: 73%;
	display: block;
	margin: 0 auto;
}

#business #part_5 .table_top {
	max-width: 1060px;
	width: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 30px;
}

#business #part_5 .table_top li:nth-of-type(1) {
	max-width: 574px;
	width: 49%;
}

#business #part_5 .table_top li:nth-of-type(2) {
	width: 44%;
	margin-left: 5%;
	position: relative;
	top: -15px;
}

#business #part_5 h3 {
	max-width: 940px;
	width: 80%;
	display: block;
	position: relative;
	margin-bottom: 35px;
	right: -14%;
}

#business #part_5 .desc_top {
	max-width: 1180px;
	width: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 80px;
}

#business #part_5 .desc_mid {
	max-width: 1180px;
	width: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 80px;
}

#business #part_5 .desc_mid li:nth-of-type(1) {
	max-width: 578px;
	width: 49%;
}

#business #part_5 .desc_mid li:nth-of-type(2) {
	width: 41%;
	margin-left: 5%;
}

#business #part_5 .desc_bot {
	max-width: 1180px;
	width: 100%;
	display: block;
	margin: 0 auto;
}

#business #part_5 .desc_bot li:nth-of-type(1) {
	width: 45%;
}

#business #part_5 .desc_bot li:nth-of-type(2) {
	width: 48%;
	max-width: 560px;
	margin-left: 5%;
}

#business #part_6 {
}

#business #part_6 h2 {
	background: #232323;
	margin-bottom: 50px;
}

#business #part_6 h2 img {
	max-width: 580px;
	width: 50%;
	display: block;
	margin: 0 auto;
}

#business #part_6 .desc_top {
	max-width: 1180px;
	width: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 55px;
}

#business #part_6 .desc_top li:nth-of-type(1) {
	width: 40%;
	margin-left: 4%;
}

#business #part_6 .desc_top li:nth-of-type(2) {
	width: 50%;
	max-width: 590px;
	margin-left: 5%;
}

#business #part_6 .desc_mid {
	max-width: 1080px;
	width: 92%;
	display: block;
	margin: 0 auto;
}

#business #part_6 .desc_bot {
	max-width: 1021px;
	width: 100%;
	display: block;
	margin: 0 auto;
	margin-top: 70px;
}

#business #part_7 {
}

#business #part_7 .ttl {
	background: url(assets/images/lp/business/bg_2.png) center center no-repeat;
	background-size: cover;
	margin-bottom: 50px;
	margin-top: 55px;
}

#business #part_7 .ttl h2 {
	max-width: 1020px;
	width: 100%;
	display: block;
	margin: 0 auto;
	padding: 15px 0px;
}

#business #part_7 .list_1 {
	max-width: 1180px;
	width: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 60px;
}

#business #part_7 .img_bottom {
	max-width: 700px;
	width: 60%;
	display: block;
	margin: 0 auto;
}

#business #part_8 {
	padding-bottom: 55px;
}

#business #part_8 .ttl {
	background: #4b83b3;
	margin-bottom: 85px;
}

#business #part_8 .ttl h2 {
	max-width: 1020px;
	width: 80%;
	display: block;
	margin: 0 auto;
	position: relative;
}

#business #part_8 .ttl h2::after {
	display: block;
	content: "";
	background: url(assets/images/lp/business/arrow_blue.png) center top no-repeat;
	width: 100%;
	height: 37px;
	position: absolute;
	bottom: 0px;
	bottom: -35px;
}

#business #part_8 h3 {
	max-width: 860px;
	width: 73%;
	display: block;
	margin: 0 auto;
	margin-bottom: 60px;
}

#business #part_8 .image_area {
	max-width: 1065px;
	width: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 45px;
}

#business #part_8 .image_area li:nth-of-type(1) {
	width: 32%;
	max-width: 340px;
}

#business #part_8 .image_area li:nth-of-type(2) {
	width: 32%;
	margin-left: 2%;
	max-width: 340px;
}

#business #part_8 .image_area li:nth-of-type(3) {
	width: 32%;
	margin-left: 2%;
	max-width: 340px;
}

@media (min-width: 751px) {
	#business #part_8 .image_area {
		display: flex;
		justify-content: center;
	}

	#business #part_8 .image_area li:nth-of-type(1) {
		width: 30%;
	}

	#business #part_8 .image_area li:nth-of-type(2) {
		width: 30%;
	}

	#business #part_8 .image_area li:nth-of-type(3) {
		width: 30%;
	}
}

#business #part_8 .desc_1 {
	max-width: 1180px;
	width: 100%;
	display: block;
	margin: 0 auto;
	text-align: center;
}

#business #part_8 .img_1 {
	max-width: 1020px;
	width: 87%;
	display: block;
	margin: 0 auto;
	margin-top: 70px;
	margin-bottom: 70px;
}

#business #part_8 h4 {
	max-width: 1060px;
	width: 90%;
	display: block;
	margin: 0 auto;
	margin-bottom: 50px;
}

#business #part_8 .img_2 {
	max-width: 1180px;
	width: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 55px;
}

#business #part_8 .img_2 li:nth-of-type(1) {
	width: 45%;
	max-width: 522px;
}

#business #part_8 .img_2 li:nth-of-type(2) {
	width: 48%;
	max-width: 558px;
	margin-left: 6%;
}

#business #part_8 .desc_2 {
	border: 5px solid #ff2121;
	border-radius: 35px;
	padding: 20px 50px;
	max-width: 1090px;
	display: block;
	margin: 0 auto;
}

#business #part_8 .desc_3 {
	margin-top: 35px;
	margin-bottom: 75px;
}

#business #part_8 .desc_3 .desc {
	font-size: 24px;
	text-align: center;
	line-height: 60px;
}

#business #part_8 .desc_4 {
	max-width: 1180px;
	width: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 40px;
}

#business #part_8 .desc_4 .img_3 {
	max-width: 521px;
	width: 100%;
	display: block;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
}

#business #part_8 .desc_4 li:nth-of-type(1) {
	width: 40%;
	margin-left: 4%;
}

#business #part_8 .desc_4 li:nth-of-type(2) {
	width: 45%;
	max-width: 522px;
	margin-left: 5%;
}

#business #part_8 .table_1 {
	max-width: 807px;
	width: 69%;
	display: block;
	margin: 0 auto;
	margin-bottom: 60px;
}

#business #part_8 .desc_5 {
	max-width: 1180px;
	width: 100%;
	display: block;
	margin: 0 auto;
	margin-bottom: 60px;
}

#business #part_8 .desc_5 .img_4 {
	max-width: 573px;
	width: 100%;
	display: block;
	margin: 0 auto;
	margin-top: 35px;
}

#business #part_8 .desc_5 li:nth-of-type(1) {
	width: 48%;
	max-width: 560px;
}

#business #part_8 .desc_5 li:nth-of-type(2) {
	width: 47%;
	margin-left: 5%;
}

#business #part_8 .desc_6 {
	max-width: 980px;
	width: 100%;
	display: block;
	margin: 0 auto;
}

#business #part_9 {
	border-top: 6px solid #e4007f;
	border-bottom: 6px solid #e4007f;
	padding: 60px 0px;
}

#business #part_9 .details {
	background: url(assets/images/lp/kateiyo/boss.png) right bottom no-repeat;
	background-size: 28%;
	background-position: bottom right 8%;
	max-width: 940px;
	width: 100%;
	display: block;
	margin: 0 auto;
}

#business #part_9 .details .desc:nth-of-type(2) {
	margin-top: 3%;
	width: 60%;
}

#business #part_9 .details .desc:nth-of-type(3) {
	width: 60%;
}

#business #forms {
	padding-top: 60px;
}

#business #forms .ttl {
	background: url(assets/images/lp/business/bg_2.png) center center no-repeat;
	background-size: cover;
	margin-bottom: 50px;
}

#business #forms .ttl h2 {
	max-width: 740px;
	width: 63%;
	display: block;
	margin: 0 auto;
	padding: 20px 0px;
}

/* ==========================================================================
   lp_page nagoya-training
   ========================================================================== */
#training {
}

#training .sectiontitle {
	color: #232323;
	font-size: 28px;
	/* font-size: 2.2vw; */
	text-align: center;
	margin-top: 20px;
	position: relative;
	margin-bottom: 75px;
}

@media (max-width: 750px) {
	#training .sectiontitle {
		font-size: 24px;
	}
}

#training .sectiontitle::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -20px;
	width: 70px;
	height: 3px;
	background: #000000;
}

#training .btn_area {
	width: 100%;
}

#training .btn {
	width: 95%;
	border-radius: 30px;
	display: block;
	padding: 2px 0px;
	text-align: center;
	vertical-align: middle;
	background: #fff;
	border: 1px solid #ff6600;
	margin-bottom: 0px;
	margin-top: 20px;
	position: relative;
}

#training .btn::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 30px;
	width: 14px;
	height: 19px;
	background: url(assets/images/nagoyatraining/btn_ico_01.png) center center no-repeat;
}

#training .btn::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 16px;
	width: 16px;
	height: 19px;
	background: url(assets/images/nagoyatraining/btn_ico_03.png) center center no-repeat;
}

#training .btn a p {
	color: #ff6600;
	padding: 12px 0px;
	width: 100%;
	margin: 0px;
	font-size: 16px;
	font-size: 1.2vw;
}

#training .btn:hover {
	opacity: 0.8;
}

#training #introduction {
	margin-bottom: 50px;
	border-bottom: 1px solid #cecece;
	padding-bottom: 50px;
}

#training #introduction .sectiontitle {
}

#training #introduction .photo_box {
	margin-bottom: 20px;
}

#training #introduction p {
	margin-bottom: 0px;
	line-height: 1.9em;
}

#training #introduction p span {
	background: #fefb00;
	padding: 0.4em 0.2em;
}

#training #merits {
}

#training #merits h2 {
	text-align: center;
}

#training #merits h2 img {
	max-width: 600px;
	width: 70%;
}

#training #merits ul {
	padding-top: 40px;
}

#training #merits ul li {
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-bottom: 1px dashed #d3d3d3;
	padding-bottom: 40px;
	margin-bottom: 40px;
}

#training #merits ul li .photo_box {
	width: 27%;
	text-align: center;
	position: relative;
}

#training #merits ul li .photo_box::before {
	content: "";
	display: block;
	position: absolute;
	top: -5%;
	left: 0px;
	height: 0px;
	background: url(assets/images/nagoyatraining/n1.png) center center no-repeat;
	background-size: contain;
	width: 31%;
	max-width: 70px;
	padding-top: 58px;
}

#training #merits ul li:nth-of-type(2) .photo_box::before {
	background: url(assets/images/nagoyatraining/n2.png) center center no-repeat;
	background-size: contain;
	width: 39%;
	max-width: 89px;
	padding-top: 58px;
}

#training #merits ul li:nth-of-type(3) .photo_box::before {
	background: url(assets/images/nagoyatraining/n3.png) center center no-repeat;
	background-size: contain;
	width: 37%;
	max-width: 86px;
	padding-top: 57px;
}

#training #merits ul li .details {
	width: 73%;
	padding-left: 3%;
}

#training #merits ul li .details h3 {
	font-size: 24px;
	font-size: 1.8vw;
	color: #101010;
	font-weight: bold;
	line-height: 1.7em;
}

#training #merits ul li .details h3 span {
	color: #ff6700;
}

#training #merits ul li .desc {
	line-height: 1.9em;
	margin-bottom: 0px;
}

#training #merits ul li:nth-of-type(2) .details .btn::after {
	right: 20px;
	width: 11px;
	height: 6px;
	background: url(assets/images/nagoyatraining/btn_ico_02.png) center center no-repeat;
}

#training #merits ul li .full {
	width: 100%;
	margin-top: 2%;
}

#training #merits ul li .example {
	background: #f8f8f8;
	padding: 1em;
	width: 97%;
	margin: 1em auto;
	border-radius: 0.4em;
}

#training #merits ul li .btn_area {
	margin-top: 3%;
}

#training #merits ul li .btn {
	width: 65%;
	margin: 0 auto;
}

#training #course_details {
	margin-bottom: 100px;
}

#training .banners ul {
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	align-items: flex-end;
}

#training .banners ul li.col_2 {
	margin-left: 2%;
}

#training .banners ul li.col_2:nth-of-type(1) {
	margin-left: 0px;
}

#training #maps {
}

#training #maps .sectiontitle {
	border-bottom: none;
	text-align: center;
	padding-bottom: 0px;
	margin-bottom: 35px;
	font-size: 28px;
}

@media screen and (max-width: 750px) {
	#training #maps .sectiontitle {
		font-size: 24px;
	}
}

#training #ichiran {
	margin-top: 7%;
}

#training #training {
	margin-top: 70px;
	margin-bottom: 70px;
}

#training #training .sectiontitle {
	display: none;
}

#training #training .photo_box {
	margin-bottom: 20px;
	display: none;
}

#training #training .desc {
	margin-bottom: 40px;
	display: none;
}

#training #training ul {
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	align-items: flex-end;
}

#training #training ul li.col_2 {
	margin-left: 2%;
}

#training #training ul li.col_2:nth-of-type(1) {
	margin-left: 0px;
}

#training #company_page {
	margin-top: 12%;
}

#training #company_page .btn_area {
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 9%;
}

#training #company_page .btn_area a {
	width: 48%;
	background: #0e482c;
	color: #fff;
	text-align: center;
	padding: 2.5% 0px;
	border-radius: 0.5em;
	font-size: 16px;
}

#training #company_page .btn_area a span {
	position: relative;
}

#training #company_page .btn_area a span::before {
	content: "";
	display: block;
	position: absolute;
	height: 0px;
	top: 50%;
	transform: translateY(-50%);
	left: -32%;
	background: url(assets/images/nagoyatraining/ico_06.png) center center no-repeat;
	background-size: contain;
	width: 2em;
	max-width: 35px;
	padding-top: 26px;
}

#training #company_page .btn_area a:nth-of-type(2) span::before {
	content: "";
	display: block;
	position: absolute;
	height: 0px;
	top: 50%;
	transform: translateY(-50%);
	left: -28%;
	background: url(assets/images/nagoyatraining/ico_01.png) center center no-repeat;
	background-size: contain;
	width: 2em;
	max-width: 22px;
	padding-top: 32px;
}

#training #company_page .btn_area a span::after {
	content: "";
	display: block;
	position: absolute;
	height: 0px;
	top: 50%;
	transform: translateY(-50%);
	right: -22%;
	background: url(assets/images/nagoyatraining/ico_02.png) center center no-repeat;
	background-size: contain;
	width: 0.8em;
	max-width: 22px;
	padding-top: 32px;
}

#training #company_page #maps .ttl {
	margin-top: 3%;
	background: none;
	color: #1e1e1e;
	font-weight: bold;
	font-size: 20px;
	padding: 0px;
	margin-left: 2em;
	position: relative;
	z-index: 2;
}

@media screen and (max-width: 750px) {
	#training #company_page #maps .ttl {
		font-size: 18px;
	}
}

#training #company_page #maps .ttl::before {
	content: "";
	display: block;
	position: absolute;
	height: 0px;
	top: 50%;
	transform: translateY(-50%);
	left: -2em;
	background: url(assets/images/nagoyatraining/ico_03.png) center center no-repeat;
	background-size: contain;
	width: 1.6em;
	max-width: 35px;
	padding-top: 26px;
}

#training #company_page #maps .ttl::after {
	content: "";
	display: block;
	position: absolute;
	height: 0.3em;
	bottom: 0.1em;
	left: 0px;
	width: 100%;
	z-index: -1;
	background: #e9e9e9;
}

#training #company_page #train {
	border-top: 1px solid #cecece;
	border-bottom: 1px solid #cecece;
	padding-bottom: 6%;
}

#training #company_page #maps #train .ttl::before {
	background: url(assets/images/nagoyatraining/ico_04.png) center center no-repeat;
	background-size: contain;
	width: 1em;
	max-width: 22px;
	padding-top: 32px;
	left: -1.6em;
}

#training #company_page #maps #train .desc {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#training #company_page #maps #train h2 {
	padding-top: 3%;
	border-bottom: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#training #company_page #maps #train h2 img {
	max-width: none;
}

#training #company_page #maps #train .train_map {
	width: 92%;
	margin: 0 auto;
	margin-top: 5%;
}

#training.saitama #company_page #maps #train .train_map {
	width: 55.1%;
}

#training.osaka #company_page #maps #train .train_map {
	width: 72.7%;
}

#training #company_page #maps #train ul {
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 auto;
	width: 100%;
	max-width: 780px;
}

#training #company_page #maps #train ul li {
	width: 46.93%;
	margin-top: 5%;
	position: relative;
}

#training #company_page #maps #train ul li:nth-of-type(2n-1)::after {
	content: "";
	display: block;
	position: absolute;
	height: 0px;
	top: 35%;
	right: -10%;
	background: url(assets/images/nagoyatraining/ico_05.png) center center no-repeat;
	background-size: contain;
	width: 7.2%;
	max-width: 26px;
	padding-top: 43px;
}

#training.saitama #company_page #maps #train ul li:nth-of-type(9)::after {
	display: none;
}

#training.osaka #company_page #maps #train ul li:nth-of-type(11)::after {
	display: none;
}

#training #company_page #maps #train ul li .train_img {
}

#training #company_page #maps #train ul li .desc {
	margin-top: 4%;
}

@media screen and (min-width: 1200px) {
	#training .sectiontitle {
		font-size: 28px;
	}

	#training #merits ul li .details h3 {
		font-size: 24px;
	}

	#training .btn a p {
		font-size: 16px;
	}
}

@media screen and (max-width: 750px) {
	#training .sectiontitle {
		font-size: 24px;
	}

	#training #merits ul li {
		display: block;
		width: 100%;
	}

	#training #merits ul li .photo_box {
		width: 60%;
		display: block;
		margin: 0 auto;
		margin-bottom: 30px;
		max-width: 229px;
	}

	#training #merits ul li .desc {
		font-size: 14px;
	}

	#training #merits ul li .details {
		padding: 0px;
		width: 100%;
	}

	#training #merits ul li .details h3 {
		text-align: center;
		line-height: 1.6em;
		font-size: 5.5vw;
	}

	#training #merits h2 img {
		width: 90%;
	}

	#training .btn::before {
		left: 15px;
		background-size: 80%;
	}

	#training .btn::after {
		right: 15px;
		background-size: 80%;
	}

	#training #merits ul li .btn {
		width: 90%;
	}

	#training #company_page #maps h2 img {
		width: 50%;
	}

	#training #company_page .btn_area {
		margin-top: 15%;
		flex-direction: column;
	}

	#training #company_page .btn_area a {
		width: 100%;
		margin-bottom: 4%;
		padding: 5% 0px;
	}

	#training #company_page #car {
		padding-bottom: 5%;
	}

	#training #company_page #train {
		padding-top: 5%;
		padding-bottom: 10%;
	}

	#training #company_page #maps #train .train_map,
	#training.saitama #company_page #maps #train .train_map,
	#training.osaka #company_page #maps #train .train_map {
		width: 100%;
	}

	#training #company_page #maps #train h2 img {
		max-width: none;
		width: 100%;
	}

	#training #company_page #maps #train ul {
		justify-content: center;
	}

	#training #company_page #maps #train ul li {
		width: 100%;
		margin: 0px;
		margin-top: 10%;
		max-width: 366px;
	}

	#training #company_page #maps #train ul li:nth-of-type(2n-1)::after {
		display: none;
	}

	#training #ichiran .sectiontitle {
		margin-top: 10%;
	}

	#training .banners ul {
		display: block;
	}

	#training .banners ul li.col_2 {
		margin-left: 0px;
		margin-top: 20px;
	}

	#training #training ul {
		display: block;
	}

	#training #training ul li.col_2 {
		margin-left: 0px;
		margin-top: 20px;
	}

	#training .btn {
		border-radius: 100px;
	}

	#training .btn a p {
		font-size: 16px;
	}

	#training #training .desc {
		font-size: 16px;
	}

	#training #introduction p {
		font-size: 16px;
	}
}

/* ==========================================================================
   common
   ========================================================================== */
.page:not(.home) #content {
	padding-bottom: 0px;
}

@media screen and (max-width: 750px) {
	.sp {
		display: block !important;
	}

	.pc {
		display: none !important;
	}
}

/* ==========================================================================
   media
   ========================================================================== */
@media screen and (max-width: 750px) {
	.main_header .main_bg picture {
		max-width: 750px;
	}

	.main_header .main_bg img {
		max-width: 750px;
	}

	h1.course_name {
		font-size: 20px;
		top: 35%;
		line-height: 1.7em;
		white-space: normal;
		overflow: auto;
		text-overflow: clip;
	}

	.course h1 {
		font-size: 1.75rem;
		margin: 1rem;
	}

	.course ul.recomend_list li {
		font-size: 1rem;
	}

	.course .course_raeson_title {
		font-size: 1.2rem;
	}

	.course .reason_list dd {
		font-size: 1rem;
	}

	.top_header_contact_area {
		position: static;
		top: auto;
	}

	.top_header_contact_area .content_box {
		width: 100%;
		background: #282828;
		padding: 3% 0px;
		padding-left: 2%;
	}

	.top_header_contact_area .logo_box {
		width: 41%;
	}

	.top_header_contact_area .logo_box .logo picture {
		max-width: 309px;
	}

	.top_header_contact_area .logo_box .logo img {
		max-width: 309px;
	}

	.top_header_contact_area .line_register_box {
		width: 37%;
		margin-left: 3%;
	}

	.top_header_contact_area .line_register_box .line picture {
		max-width: 132px;
		margin: 0px;
		width: 48%;
		float: right;
	}

	.top_header_contact_area .line_register_box .line img {
		max-width: 132px;
		margin: 0px;
		width: 48%;
		float: right;
	}

	.top_header_contact_area .line_register_box .register picture {
		max-width: 132px;
		margin: 0px;
		width: 49%;
		float: left;
	}

	.top_header_contact_area .line_register_box .register img {
		max-width: 132px;
		margin: 0px;
		width: 49%;
		float: left;
	}

	.top_header_contact_area #sp_menu {
		display: inline-block !important;
		width: 12%;
		vertical-align: middle;
		text-align: center;
		margin-left: 3%;
	}

	.top_header_contact_area #sp_menu .menu_btn {
		max-width: 86px;
		width: 100%;
		display: block;
		margin: 0 auto;
	}

	#main_menu {
		padding: 0px;
	}

	#main_menu ul li {
		width: 32%;
	}

	#main_menu ul li a img {
		max-width: 245px;
	}

	#top_page #status_list h2 picture {
		max-width: 710px;
	}

	#top_page #status_list h2 img {
		max-width: 710px;
	}

	#top_page #status_list ul li {
		border-top: 1px dashed #fff;
	}

	#top_page #status_list ul li p {
		display: block;
		margin-bottom: 10px;
	}

	#top_page #status_list ul li p.day_txt {
		width: 100%;
		max-height: none;
	}

	#top_page #status_list ul li p.subject_txt {
		width: 100%;
	}

	#top_page #status_list ul li .btn {
		width: 80%;
		margin: 0 auto;
		display: block;
		padding: 5px 0px;
		max-width: 260px;
	}

	#top_page #status_list ul li .btn a p {
		margin: 0px;
	}

	#top_page #status_list.status_list_2 ul {
		padding: 0px 5px;
	}

	#top_page #status_list.status_list_2 ul li .subject_txt {
		font-size: 20px;
		line-height: 30px;
	}

	#top_page #status_list.status_list_2 ul li .day_txt {
		font-size: 14px;
	}

	#top_page #popular h2 picture {
		max-width: 710px;
	}

	#top_page #popular h2 img {
		max-width: 710px;
	}

	#top_page #popular ul li.col_2 {
		width: 100%;
		margin-left: 0px;
	}

	#top_page #popular ul li img {
		max-width: 710px;
		margin: 0 auto;
		display: block;
	}

	#top_page #popular ul li.col_2 img {
		max-width: 710px;
	}

	#top_page #popular ul li.col_2 img {
		max-width: 710px;
	}

	#top_page #lesson_list h2 picture {
		max-width: 710px;
	}

	#top_page #lesson_list h2 img {
		max-width: 710px;
	}

	#participation h2 picture {
		max-width: 710px;
	}

	#participation h2 img {
		max-width: 710px;
	}

	.bx-wrapper img {
		margin: 0 auto;
	}

	#top_page #characteristics h2 picture {
		max-width: 710px;
	}

	#top_page #characteristics h2 img {
		max-width: 710px;
	}

	#top_page #characteristics ul li:nth-of-type(1) picture {
		max-width: 710px;
	}

	#top_page #characteristics ul li:nth-of-type(1) img {
		max-width: 710px;
	}

	#top_page #characteristics ul li .photo_box {
		width: 100%;
		margin-bottom: 15px;
	}

	#top_page #characteristics ul li .details {
		width: 100%;
		margin: 0px;
	}

	#top_page #characteristics ul li .details h3 picture {
		max-width: 503px;
	}

	#top_page #characteristics ul li .details h3 img {
		max-width: 503px;
	}

	.sp_banner {
	}

	.sp_banner ul {
	}

	.sp_banner ul li {
		width: 100%;
		text-align: center;
		margin: 10px 0px;
	}

	.sp_banner ul li picture {
		max-width: 710px;
		width: 100%;
		margin: 0 auto;
		display: block;
	}

	.sp_banner ul li img {
		max-width: 710px;
		width: 100%;
		margin: 0 auto;
		display: block;
	}

	#top_page #voice_list {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	#top_page #feature_btn .btn {
		width: 100%;
		max-width: none;
	}

	#top_page #feature_btn .btn a p {
		font-size: 16px;
	}

	#voice_list .btn {
		width: 100%;
		max-width: none;
	}

	#voice_list .btn a p {
		font-size: 16px;
	}

	#voice_list .voice_slider .voice_box {
		margin: 0 auto;
		display: table;
	}

	#image_popup_box .inner {
		height: 72%;
		width: 90%;
	}

	#image_popup_box .close_btn {
		right: -3%;
		top: 1%;
	}

	#image_popup_box img {
		width: 100%;
		height: auto;
		position: absolute;
		top: 50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.footer_contact {
		background: url(assets/images/footer/footer_bg_sp.png) bottom center no-repeat;
		padding-bottom: 29%;
		background-size: contain;
	}

	.footer_contact .footer_bg picture {
		max-width: 710px;
	}

	.footer_contact .footer_bg img {
		max-width: 710px;
	}

	.footer_contact .content_box {
		position: relative;
	}

	.footer_contact .footer_contact_area {
		width: 100%;
		bottom: auto;
		top: 0px;
		height: 100%;
	}

	.footer_contact .footer_contact_area .content_box {
		width: 100%;
		float: none;
		height: 100%;
	}

	.footer_contact .footer_contact_area .phone_box {
		width: 90%;
		margin: 0 auto;
		display: block;
		position: absolute;
		top: 27%;
		left: 5%;
	}

	.footer_contact .footer_contact_area .phone_box .phone picture {
		max-width: 630px;
	}

	.footer_contact .footer_contact_area .phone_box .phone img {
		max-width: 630px;
	}

	.footer_contact .footer_contact_area .line_register_box {
		width: 64%;
		position: absolute;
		top: auto;
		right: 5%;
		bottom: 15%;
	}

	.footer_contact .footer_contact_area .line_register_box .line picture {
		margin-bottom: 15px;
		max-width: 463px;
	}

	.footer_contact .footer_contact_area .line_register_box .line img {
		margin-bottom: 15px;
		max-width: 463px;
	}

	.footer_contact .footer_contact_area .line_register_box .register picture {
		max-width: 463px;
	}

	.footer_contact .footer_contact_area .line_register_box .register img {
		max-width: 463px;
	}

	footer {
		padding-top: 30px;
	}

	footer .content_box {
		width: 100%;
	}

	footer .footer_logo {
		max-width: 356px;
		width: 60%;
	}

	footer .navigation-bottom .menu {
		display: block;
		background: #232323;
		border-top: 1px solid #ababab;
		padding: 0px;
		margin: 0px;
		text-align: left;
	}

	footer .navigation-bottom .menu li {
		border-bottom: 1px solid #ababab;
		width: 100%;
		background: url(assets/images/footer/footer_icon.png) left 10px center no-repeat;
		background-size: 18px;
	}

	footer .navigation-bottom .menu li:nth-of-type(n + 8) {
		width: 50%;
		float: left;
	}

	footer .navigation-bottom .menu li:nth-of-type(2n + 8) {
		border-right: 1px solid #ababab;
	}

	footer .navigation-bottom {
		padding-bottom: 0px;
		margin-bottom: 20px;
	}

	footer .navigation-bottom .menu li a {
		padding: 15px 35px;
		padding-right: 0px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	#first_page h2 picture {
		max-width: 433px;
		width: 60%;
	}

	#first_page h2 img {
		max-width: 433px;
		width: 60%;
	}

	#first_page #about .photo_box {
		width: 90%;
		margin: 0 auto;
		float: none;
	}

	#first_page #about .photo_box picture {
		max-width: 571px;
	}

	#first_page #about .photo_box img {
		max-width: 571px;
	}

	#first_page #about .desc {
		margin: 0px;
		font-size: 15px;
	}

	#first_page #about .details {
		float: none;
		width: 100%;
		padding-top: 20px;
	}

	#first_page #about .desc.full {
		width: 100%;
	}

	#first_page #characteristics ul li .photo {
		width: 50%;
		margin: 0 auto;
		display: block;
	}

	#first_page #characteristics ul li .desc {
		font-size: 15px;
		width: 100%;
		margin: 0px;
		padding-top: 20px;
	}

	#dokuritsushien h2 picture {
		max-width: 475px;
		width: 67%;
	}

	#dokuritsushien h2 img {
		max-width: 475px;
		width: 67%;
	}

	#dokuritsushien #about ul {
		margin-top: 20px;
		padding: 5px 15px;
	}

	#dokuritsushien #about ul li {
		line-height: 30px;
	}

	#dokuritsushien #about .photo_box {
		width: 90%;
		margin: 0 auto;
		float: none;
	}

	#dokuritsushien #about .photo_box picture {
		max-width: 229px;
	}

	#dokuritsushien #about .photo_box img {
		max-width: 229px;
	}

	#dokuritsushien #about .desc {
		margin: 0px;
		font-size: 15px;
	}

	#dokuritsushien #about .details {
		float: none;
		width: 100%;
		padding-top: 20px;
	}

	#dokuritsushien #about .desc.full {
		width: 100%;
	}

	#dokuritsushien #about ul.photo_list li {
		width: 100%;
		display: block;
		margin: 0 auto;
		float: none;
		margin-bottom: 10px;
	}

	#tokucho h2 picture {
		max-width: 400px;
		width: 57%;
	}

	#tokucho h2 img {
		max-width: 400px;
		width: 57%;
	}

	#tokucho h3 picture {
		max-width: 710px;
	}

	#tokucho h3 img {
		max-width: 710px;
	}

	#tokucho #course1 h4 picture {
		max-width: 694px;
		width: 98%;
	}

	#tokucho #course1 h4 img {
		max-width: 694px;
		width: 98%;
	}

	#tokucho #course2 h4 picture {
		max-width: 402px;
		width: 57%;
	}

	#tokucho #course2 h4 img {
		max-width: 402px;
		width: 57%;
	}

	#tokucho .course_features ul {
		margin-top: 20px;
		padding: 5px 15px;
	}

	#tokucho .course_features ul li {
		line-height: 27px;
	}

	#tokucho .course_features .photo_box {
		width: 90%;
		margin: 0 auto;
		float: none;
	}

	#tokucho .course_features .photo_box picture {
		max-width: 229px;
	}

	#tokucho .course_features .photo_box img {
		max-width: 229px;
	}

	#tokucho .course_features .desc {
		margin: 0px;
		font-size: 15px;
	}

	#tokucho .course_features .details {
		float: none;
		width: 100%;
		padding-top: 20px;
	}

	#tokucho .course_features .desc.full {
		width: 100%;
	}

	#voice_page #ichiran ul li {
		display: block;
	}

	#voice_page #ichiran ul li .photo_box {
		display: block;
		margin: 0 auto;
		margin-bottom: 20px;
		width: 95%;
	}

	#voice_page #ichiran ul li .photo_box img {
		max-width: 100%;
	}

	#voice_page #ichiran ul li .details {
		margin: 0px;
		width: 100%;
	}

	#voice_page #ichiran ul li .details .primary {
		font-size: 16px;
	}

	#voice_page #ichiran ul li .details .desc {
		font-size: 16px;
	}

	#contact_page #banner_top {
		top: 0px;
		margin-bottom: 0px;
	}

	#contact_page table {
		border: none;
	}

	#contact_page table tr {
		border: none;
	}

	#contact_page table tr td:nth-of-type(1) {
		display: block;
		width: 90%;
		padding: 10px 5%;
		text-align: left;
		line-height: 20px;
		border-right: none;
		border-bottom: 7px solid #e6e6e6;
		border-radius: 0px;
		margin-left: 5%;
		margin-bottom: 10px;
		margin-top: 5px;
		padding-left: 0px;
		margin-top: 15px;
	}

	#contact_page table tr td:nth-of-type(2) {
		display: block;
		width: 90%;
		margin: 0px;
		margin-left: 5%;
		padding: 0px;
		padding-top: 5px;
	}
	#contact_page table tr td > div {
		width: 50%;
	}

	#contact_page table tr td br.sp {
		display: block;
	}

	#contact_page table tr td:nth-of-type(2) input {
		margin: 0px;
		width: 100%;
		max-width: none;
	}

	#contact_page table tr td:nth-of-type(2) select {
		margin: 0px;
		width: 100%;
	}

	#contact_page table tr td:nth-of-type(2) textarea {
		margin: 0px;
		width: 100%;
		max-width: none;
	}

	#contact_page .btn p {
		width: 90%;
	}

	#shikaku_page #course_details .course_title {
		/* font-size: 25px; */
		font-size: 20px;
	}

	#shikaku_page #course_details table {
		border: none;
		border-top: 1px solid #b5b5b5;
	}

	#shikaku_page #course_details table tr {
		border: none;
	}

	#shikaku_page #course_details table tr td:nth-of-type(1) {
		display: block;
		width: 100%;
		padding: 10px 5%;
		text-align: left;
		line-height: 20px;
		border-right: none;
		border-radius: 0px;
		padding-left: 20px;
		color: #463a31;
		border-bottom: 1px solid #b5b5b5;
		/* font-size: 14px; */
		font-size: 18px;
	}

	#shikaku_page #course_details table tr td:nth-of-type(2) {
		display: block;
		width: 100%;
		margin: 0px;
		padding: 0px;
		padding-top: 5px;
		border-bottom: 1px solid #b5b5b5;
		min-height: 30px;
		/* font-size: 14px; */
		font-size: 18px;
		padding-bottom: 15px;
		padding-top: 10px;
	}

	#shikaku_page #course_details table tr td br.sp {
		display: block;
	}

	#shikaku_page #course_details_none img {
		margin-top: 20px;
	}

	#shikaku_page .schedule h2 picture {
		max-width: 710px;
	}

	#shikaku_page .schedule ul li {
		width: 100%;
		margin: 0px;
		margin-bottom: 30px;
		padding-bottom: 20px;
		border-bottom: 1px solid #bcbcbc;
	}

	#shikaku_page .schedule ul li h3 {
		text-align: left;
	}

	#shikaku_page .schedule ul li .details {
		width: 50%;
		min-height: 1px;
		position: relative;
	}

	#shikaku_page .schedule ul li .details:after {
		content: " ";
		display: block;
		height: 0;
		font-size: 0;
		clear: both;
		visibility: hidden;
	}

	#shikaku_page .schedule ul li .photo {
		width: 47%;
		padding-top: 47%;
	}

	#shikaku_page .schedule ul li .desc {
		width: 100%;
		clear: both;
		padding-top: 15px;
	}

	#shikaku_page .schedule ul li .details .desc {
		display: none;
	}

	#shikaku_page .schedule ul li .desc.full {
		display: block;
		font-size: 18px;
	}

	#shikaku_page .schedule ul.buttons li {
		border-bottom: none;
		margin: 0px;
		padding: 0px;
	}

	#shikaku_page .schedule h2 img {
		max-width: 710px;
	}

	#shikaku_page .schedule .btn a p {
		font-size: 20px;
		background: url(assets/images/shikaku/kaminari.png) center center no-repeat;
		background-position: calc(50% - 85px) 50%;
	}

	#shikaku_page .schedule ul li .time {
		padding-left: 34px;
		background: url(assets/images/shikaku/clock.png) center left no-repeat;
		text-align: left;
		/* font-size: 17px; */
		background-size: 25px;
	}

	#company_page #about h2 picture {
		max-width: 391px;
	}

	#company_page #about h2 img {
		max-width: 391px;
	}

	#company_page #about .desc {
		/* font-size: 15px; */
		font-size: 18px;
	}

	#company_page .check_list {
		margin-top: 20px;
		padding: 5px 15px;
	}

	#company_page .check_list li.check {
		line-height: 27px;
	}

	#company_page .feature_list {
		margin-top: 20px;
		padding: 5px 15px;
	}

	#company_page .feature_list li.star {
		line-height: 27px;
	}

	#company_page #message .photo {
		position: static;
		width: 100%;
		margin: 0 auto;
		display: block;
		margin-bottom: 20px;
	}

	#company_page #message h3 {
		width: 100%;
		margin-bottom: 20px;
		font-size: 20px;
	}

	#company_page #message h3 br {
		display: none;
	}

	#company_page #message .desc {
		width: 100%;
		/* font-size: 15px; */
		font-size: 18px;
	}

	#company_page #message .desc.full {
		margin-top: 20px;
	}

	#company_page #profile .item:nth-of-type(2n-1) {
		background: none;
	}

	#company_page #profile .item .item_name {
		padding: 10px 20px;
		padding-right: 0px;
		background: #f7f7f7;
		width: 100%;
		text-align: left;
		/* font-size: 15px; */
		font-size: 18px;
	}

	#company_page #profile .item .item_desc {
		width: 100%;
		/* font-size: 15px; */
		font-size: 18px;
		line-height: 18px;
		padding-left: 10px;
	}

	#company_page #profile .item .item_desc.links p {
	}

	#company_page #maps .desc {
		font-size: 18px;
	}

	#to_top {
		width: 20%;
		right: 3%;
	}

	#thanks_page #thanks .details .phone_btn {
		display: block;
		margin: 0 auto;
		margin-bottom: 10px;
	}

	#thanks_page #thanks .details p {
	}

	.lp_header_contact_area .menu {
		width: 50%;
	}

	.lp_header_contact_area .menu .phone {
		width: 36%;
		max-width: 127px;
	}

	.lp_header_contact_area .menu .mail {
		margin-left: 6%;
		max-width: 207px;
		width: 58%;
	}

	.lp_header_contact_area .logo_box {
		max-width: 309px;
		width: 45%;
	}

	#kateiyo #top_desc .ttl_01 {
		margin-top: 5%;
	}

	#kateiyo #top_desc .ttl_02 {
		margin-top: 5%;
	}

	#kateiyo #top_desc .txt_01 {
		text-align: left;
	}

	#kateiyo #top_desc {
		padding-bottom: 4%;
	}

	#kateiyo #top_desc .ttl_03 {
		margin-top: 0%;
		margin-bottom: 5%;
	}

	#kateiyo #top_desc div.ranking_photo {
		max-width: 710px;
		width: 100%;
		display: block;
		margin: 0 auto;
		margin-bottom: 5%;
	}

	#kateiyo #top_desc div.panel2 div.ranking_table {
		width: 100%;
		max-width: 710px;
	}

	#kateiyo #top_desc .ttl_04 {
		margin-top: 5%;
		margin-bottom: 5%;
	}

	#kateiyo #top_desc div.technical_photo {
		width: 100%;
		max-width: 710px;
		display: block;
		margin: 0 auto;
		margin-bottom: 5%;
	}

	.content_box_sp {
		width: 100%;
	}

	#kateiyo #top_desc div.panel2 div.technical_details {
		margin-left: 0px;
		width: 100%;
	}

	#kateiyo #top_desc div.panel2 div.technical_details h3 {
		max-width: 710px;
		margin-bottom: 4%;
	}

	#kateiyo #top_desc div.panel2 div.technical_details .desc {
		max-width: none;
	}

	#kateiyo #top_desc .ttl_06 {
		margin-bottom: 5%;
	}

	#kateiyo #top_desc .ttl_07 {
		margin-bottom: 5%;
	}

	#kateiyo #top_desc .table_02 {
		margin-bottom: 5%;
	}

	#kateiyo #top_desc .list_01 {
		max-width: 710px;
		margin-bottom: 4%;
	}

	#kateiyo #qualification h2 {
		top: 0px;
	}

	#kateiyo #qualification h3 {
		margin-bottom: 2%;
	}

	#kateiyo #qualification .list_02 {
		margin-bottom: 5%;
	}

	#kateiyo #qualification .step_details {
		max-width: none;
		width: 100%;
		margin-bottom: 5%;
	}

	#kateiyo #qualification .step_photo {
		margin-left: 0px;
		width: 100%;
		max-width: none;
	}

	#kateiyo #qualification {
		padding-bottom: 5%;
	}

	#kateiyo #benefits .banner_01.top_banner {
		margin-bottom: 5%;
		margin-top: 5%;
	}

	#kateiyo #benefits .desc {
		width: 100%;
	}

	#kateiyo #benefits .ttl_11 {
		margin-left: 0px;
		width: 100%;
		max-width: none;
		padding-top: 3%;
		margin-bottom: 5%;
	}

	#kateiyo #benefits .list_05 {
		width: 100%;
		max-width: none;
		margin-left: 0px;
		margin-bottom: 7%;
	}

	#kateiyo #benefits .table_03 {
		margin-bottom: 4%;
	}

	#kateiyo #benefits .txt_02 {
		text-align: left;
	}

	#kateiyo #benefits h4 {
		margin-top: 10%;
	}

	#kateiyo #benefits .main_option_photo {
		margin-left: 0px;
		width: 100%;
		max-width: 710px;
		margin-top: 5%;
	}

	#kateiyo #benefits .main_option_details {
		max-width: 710px;
		width: 100%;
		margin-bottom: 3%;
	}

	#kateiyo #benefits .photo_07 {
		max-width: 710px;
		width: 100%;
		display: block;
		margin: 0 auto;
		margin-top: 6%;
	}

	#kateiyo #price h2 {
		margin-bottom: 4%;
		background: none;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 5%;
	}

	#kateiyo #price h2::before,
	#kateiyo #price h2::after {
		display: none;
	}

	#kateiyo #price .main_option_details {
		width: 100%;
		margin-left: 0px;
		margin-bottom: 5%;
	}

	#kateiyo #price .main_option_photo {
		max-width: 710px;
		width: 100%;
	}

	#kateiyo #price .ttl_15 {
		margin-top: 8%;
		margin-bottom: 7%;
	}

	#kateiyo #price .installation_details {
		width: 100%;
	}
	#kateiyo #price .panel2 .installation_details {
		width: 100%;
	}

	#kateiyo #price .installation_details .ttl_17 {
		width: 100%;
		max-width: 710px;
		margin-top: 6%;
		margin-bottom: 5%;
	}

	#kateiyo #price .installation_photo {
		max-width: 710px;
		width: 100%;
		margin-left: 0px;
		margin-top: 5%;
		margin-bottom: 4%;
	}

	#kateiyo #rewarded_effort .effort_list {
		margin-left: 0px;
		width: 100%;
		max-width: 710px;
		margin-bottom: 3%;
	}

	#kateiyo #rewarded_effort .effort_details {
		width: 100%;
	}

	#kateiyo #forms .details {
		background-size: 35%;
		background-position: bottom right;
		padding-bottom: 0px;
		margin-bottom: 5%;
	}

	#kateiyo #forms .content_box .details .desc {
		width: 65%;
	}

	#kateiyo #forms .desc:nth-of-type(2) {
		width: 55%;
	}

	#kateiyo #forms h2 {
		background: none;
		padding: 0px;
	}

	#kateiyo #forms h2 img {
		max-width: 750px;
	}

	#kateiyo #forms .banner_02 {
		margin-top: 7%;
	}

	.lp_page #banner_side {
		top: 25%;
		width: 20%;
	}

	#business .desc {
		font-size: 15px;
		line-height: 32px;
	}

	#business .f1 {
		padding: 6px 5px;
	}

	#business .f2 {
	}

	#business .f3 {
		font-size: 18px;
	}

	#business .f4 {
	}

	#business .f5 {
	}

	#business .f6 {
		font-size: 36px;
	}

	#business .f7 {
	}

	#business #part_2 .ttl {
		background: none;
		margin-bottom: 8%;
	}

	#business #part_2 .ttl h2 {
		padding: 0px;
	}

	#business #part_2 h3 {
		margin-bottom: 5%;
	}

	#business #part_2 .desc_01 {
		margin-bottom: 0px;
	}

	#business #part_2 .boss_01 {
		background: none;
		padding: 10px 10px;
		border-radius: 20px;
		margin-bottom: 10%;
		position: relative;
		padding-top: 70px;
	}

	#business #part_2 .boss_logo {
		position: relative;
		top: 65px;
		z-index: 10;
		margin-top: -40px;
	}

	#business #part_2 .boss_01 .desc {
		float: none;
		width: 100%;
		max-width: none;
	}

	#business #part_3 {
		background: #b3eaff url(assets/images/lp/business/sp/bg_02.png) top center no-repeat;
		background-size: contain;
	}

	#business #part_3 h2 {
		top: -15px;
		margin-bottom: 3%;
	}

	#business #part_3 .desc_top li:nth-of-type(1) {
		max-width: none;
		width: 100%;
	}

	#business #part_3 .desc_top_ttl {
		display: block;
		margin: 0 auto;
		width: 100%;
		margin-bottom: 2%;
	}

	#business #part_3 .desc_top_txt {
		display: block;
		margin: 0 auto;
		width: 100%;
		margin-bottom: 7%;
	}

	#business #part_3 .desc_top {
		margin-bottom: 5%;
	}

	#business #part_4 {
		padding-top: 10%;
		padding-bottom: 10%;
	}

	#business #part_4 .increase li:nth-of-type(1) {
		max-width: none;
		width: 100%;
	}

	#business #part_4 h2 {
		margin-bottom: 5%;
	}

	#business #part_4 .increase li:nth-of-type(2) {
		max-width: none;
		width: 100%;
		margin-left: 0px;
		margin-top: 5%;
	}

	#business #part_4 .increase {
		margin-bottom: 5%;
	}

	#business #part_4 h3 {
		margin-bottom: 5%;
	}

	#business #part_5 h2 img {
		width: 100%;
	}

	#business #part_5 h2 {
		margin-bottom: 10%;
	}

	#business #part_5 .table_top li:nth-of-type(1) {
		max-width: none;
		width: 100%;
		margin-bottom: 10%;
		margin-top: 5%;
	}

	#business #part_5 .table_top li:nth-of-type(2) {
		width: 100%;
		margin-left: 0px;
		position: relative;
		top: 0px;
	}

	#business #part_5 .table_top {
		margin-bottom: 3%;
	}

	#business #part_5 h3 {
		max-width: 710px;
		width: 100%;
		display: block;
		position: static;
		margin-bottom: 5%;
		right: 0px;
	}

	#business #part_5 .desc_top {
		margin-bottom: 5%;
	}

	#business #part_5 .desc_mid li:nth-of-type(1) {
		max-width: none;
		width: 100%;
		margin-bottom: 5%;
	}

	#business #part_5 .desc_mid li:nth-of-type(2) {
		width: 100%;
		margin-left: 0px;
	}

	#business #part_5 .desc_mid {
		margin-bottom: 5%;
	}

	#business #part_5 .desc_bot li:nth-of-type(1) {
		width: 100%;
	}

	#business #part_5 {
		padding-bottom: 10%;
	}

	#business #part_6 h2 img {
		max-width: none;
		width: 100%;
		display: block;
		margin: 0 auto;
	}

	#business #part_6 h2 {
		margin-bottom: 5%;
	}

	#business #part_6 .desc_top li:nth-of-type(1) {
		width: 100%;
		margin-left: 0px;
		margin-bottom: 5%;
	}

	#business #part_6 .desc_top li:nth-of-type(2) {
		width: 100%;
		max-width: none;
		margin-left: 0px;
	}

	#business #part_6 .desc_top {
		margin-bottom: 7%;
	}

	#business #part_6 .desc_bot {
		margin-top: 10%;
	}

	#business #part_7 .ttl {
		background: none;
		margin-top: 5%;
		margin-bottom: 5%;
	}

	#business #part_7 .ttl h2 {
		padding: 0px;
	}

	#business #part_7 .list_1 {
		margin-bottom: 8%;
		margin-top: 10%;
	}

	#business #part_7 .img_bottom {
		max-width: none;
		width: 100%;
	}

	#business #part_8 .ttl {
		margin-bottom: 5%;
		background: none;
	}

	#business #part_8 .ttl h2 {
		width: 100%;
	}

	#business #part_8 .ttl h2::after {
		display: none;
	}

	#business #part_8 .desc_1 {
		text-align: left;
	}

	#business #part_8 .image_area {
		margin-bottom: 8%;
	}

	#business #part_8 .image_area li:nth-of-type(1) {
		width: 100%;
		max-width: none;
	}

	#business #part_8 .image_area li:nth-of-type(2) {
		width: 100%;
		max-width: none;
		margin-left: 0px;
		margin-top: 5%;
	}

	#business #part_8 .image_area li:nth-of-type(3) {
		width: 100%;
		max-width: none;
		margin-left: 0px;
		margin-top: 5%;
	}

	#business #part_8 h3 {
		width: 100%;
		margin-bottom: 7%;
	}

	#business #part_8 .img_1 {
		width: 100%;
		margin-top: 8%;
		margin-bottom: 5%;
	}

	#business #part_8 h4 {
		width: 100%;
		margin-bottom: 6%;
	}

	#business #part_8 .img_2 li:nth-of-type(1) {
		width: 100%;
		max-width: none;
		margin-bottom: 10%;
	}

	#business #part_8 .img_2 li:nth-of-type(2) {
		width: 100%;
		max-width: none;
		margin-left: 0px;
	}

	#business #part_8 .img_2 {
		margin-bottom: 5%;
	}

	#business #part_8 .desc_2 {
		padding: 12px 8px;
		border-radius: 25px;
	}

	#business #part_8 .desc_3 {
		margin-top: 5%;
		margin-bottom: 5%;
	}

	#business #part_8 .desc_4 li:nth-of-type(1) {
		width: 100%;
		margin-left: 0px;
		margin-top: 8%;
	}

	#business #part_8 .desc_4 .img_3 {
		margin-top: 5%;
		margin-bottom: 5%;
		max-width: none;
	}

	#business #part_8 .desc_4 {
		margin-bottom: 5%;
	}

	#business #part_8 .table_1 {
		margin-bottom: 7%;
		width: 100%;
	}

	#business #part_8 .desc_5 li:nth-of-type(1) {
		width: 100%;
		max-width: none;
		margin-bottom: 5%;
		margin-top: 5%;
	}

	#business #part_8 .desc_5 li:nth-of-type(2) {
		width: 95%;
		margin-left: 0px;
		display: block;
		margin: 0 auto;
	}

	#business #part_8 .desc_5 .img_4 {
		max-width: none;
		margin-top: 5%;
	}

	#business #part_8 .desc_5 {
		margin-bottom: 4%;
	}

	#business #part_8 .desc_6 {
		margin-bottom: 4%;
	}

	#business #part_8 {
		padding-bottom: 5%;
	}

	#business #part_8 .desc_3 .desc {
		font-size: 15px;
		text-align: left;
		line-height: 32px;
	}

	#business #part_9 {
		padding: 5% 0px;
	}

	#business #part_9 .details .desc:nth-of-type(2) {
		margin-top: 7%;
		width: 100%;
	}

	#business #part_9 .details .desc:nth-of-type(3) {
		margin-top: 7%;
		width: 51%;
	}

	#business #part_9 .details {
		background-size: 50%;
		background-position: bottom right;
		padding-bottom: 0px;
		margin-bottom: 5%;
	}

	#business #forms .ttl {
		background: none;
	}

	#business #forms .ttl h2 {
		max-width: none;
		width: 100%;
		padding: 0px;
	}

	#business #forms #participation_box {
		margin-bottom: 10%;
	}
}

.company__item {
	margin-top: 39px;
}

.company__item--info-title {
	border-radius: 30px;
	background: #000;
	display: table;
	padding: 0 38px;
	margin-bottom: 10px;
}

.company__item--info-title span {
	color: #fff;
	font-size: 14px;
	line-height: 35px;
}

.company__item--info-txt {
	/* font-size: 18px; */
	line-height: 32px;
	color: #111;
}

.company__item--map {
	border: 2px solid #c1c1c1;
	font-size: 0;
	position: relative;
	padding-bottom: 41.8%;
	height: 0;
	overflow: hidden;
	margin-bottom: 39px;
}

.company__item--map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.company__item--heading {
	padding-left: 35px;
	background: url(./assets/images/company/ico_pin.png) 0 4px no-repeat;
	/* font-family: "Hiragino Sans W8", "Hiragino Kaku Gothic StdN",
    "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka,
    "MS PGothic", arial, helvetica, sans-serif; */
	/* font-size: 28px; */
	font-size: 24px;
	font-weight: 800;
	color: #1e1e1e;
	letter-spacing: 0.04em;
	border-bottom: 6px solid #e7e7e7;
	padding-bottom: 12px;
	padding-top: 8px;
	margin-bottom: 20px;
}

.company__item--heading:nth-of-type(n + 2) {
	background: url(./assets/images/company/ico_pin.png) 0 10px no-repeat;
}

@media screen and (max-width: 750px) {
	.company__item--heading {
		font-size: 20px;
		background: url(./assets/images/company/ico_pin.png) no-repeat top 0px left 0 / 18px;
	}
	.company__item--heading:nth-of-type(n + 2) {
		background: url(./assets/images/company/ico_pin.png) no-repeat top 8px left 0 / 18px;
	}
}

.company__item--info {
	margin-bottom: 19px;
}

/* ==========================================================================
   column
   ========================================================================== */

#column_page .tax_list {
	background: #0e482c;
	text-align: center;
	border-radius: 0.3em;
	margin-bottom: 3.5%;
	padding: 0.8em 1em;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#column_page .tax_list li {
}

#column_page .tax_list li a {
	color: #fff;
	padding: 0px 1.5em;
	position: relative;
}

#column_page .tax_list li:nth-of-type(1) a::before {
	content: "";
	display: block;
	position: absolute;
	top: 0%;
	left: 0em;
	width: 1px;
	height: 100%;
	background: #fff;
}

#column_page .tax_list li a::after {
	content: "";
	display: block;
	position: absolute;
	top: 0%;
	right: 0em;
	width: 1px;
	height: 100%;
	background: #fff;
}

#column_page #ichiran {
}

#column_page #ichiran ul {
}

#column_page #ichiran ul.post_list > li {
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	padding-bottom: 3.5%;
	margin-bottom: 4.5%;
	border-bottom: 1px dashed #a0a0a0;
}

#column_page #ichiran ul li .post-thumbnail {
	width: 46.3%;
	max-width: 398px;
	margin: 0px;
}

#column_page #ichiran ul li .post-details {
	width: 51%;
}

#column_page #ichiran ul li .post-details .entry-header {
}

#column_page #ichiran ul li .post-details .entry-header .cat_list {
	display: inline-block;
	vertical-align: middle;
	line-height: 1em;
}

#column_page #ichiran ul li .post-details .entry-header .cat_list li {
	display: inline-block;
	vertical-align: middle;
	line-height: 1em;
	margin-right: 0.5em;
}

#column_page #ichiran ul li .post-details .entry-header .cat_list li a {
	display: inline-block;
	vertical-align: middle;
	line-height: 1em;
	color: #fff;
	font-size: 14px;
	background: #141414;
	padding: 0.3em 0.7em;
}

#column_page #ichiran ul li .post-details .entry-header .entry-meta {
	display: inline-block;
	vertical-align: middle;
	padding: 0px;
}

#column_page #ichiran ul li .post-details .entry-header .entry-meta .posted-on {
	color: #7b7b7b;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0px;
	font-size: 16px;
}

#column_page #ichiran ul li .post-details .entry-header .entry-meta .edit-link a {
	color: #7b7b7b;
	font-size: 12px;
	position: relative;
	top: 0.1em;
}

#column_page #ichiran ul li .post-content {
}

#column_page #ichiran ul li .post-content .post-title a {
	color: #0e482c;
	text-decoration: underline;
	text-underline-position: under;
	line-height: 1.7em;
	font-size: 24px;
}
@media screen and (max-width: 750px) {
	#column_page #ichiran ul li .post-content .post-title a {
		font-size: 20px;
	}
}

#column_page #ichiran ul li .post-content .excerpt {
	font-size: 17px;
}

#column_page #ichiran ul li .post-content .link-more {
	margin: 0px;
	width: 100%;
	text-align: right;
}

#column_page #ichiran ul li .post-content .link-more a {
	color: #0e482c;
	text-decoration: underline;
	text-underline-position: under;
	position: relative;
	margin-right: 1.5em;
}

#column_page #ichiran ul li .post-content .link-more a::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: -1.5em;
	width: 1.1em;
	max-width: 17px;
	height: 0px;
	padding-top: 17px;
	background: url(assets/images/column/ico_read_more.png) center center no-repeat;
	background-size: contain;
}

.column_pagination {
	text-align: right;
	padding-top: 4%;
	padding-bottom: 5%;
	margin-top: 8%;
	border-top: 1px solid #cccccc;
}

.column_pagination .page-numbers {
	display: inline-block;
	border: 1px solid #c6c6c6;
	line-height: 1em;
	border-radius: 0.3em;
	padding: 0px;
	margin: 0px;
	font-size: 16px;
	color: #222222;
	padding: 0.5em;
	min-width: 2em;
	text-align: center;
	margin-left: 0.3em;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.column_pagination .page-numbers:hover,
.column_pagination .page-numbers.current {
	background: #0e482c;
	color: #fff;
}

.column_pagination .next {
	display: none;
}

.column_pagination .prev {
	display: none;
}

@media screen and (max-width: 750px) {
	#column_page #ichiran {
	}

	#column_page #ichiran ul {
	}

	#column_page #ichiran ul.post_list > li {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding-bottom: 8%;
		margin-bottom: 10%;
	}

	#column_page #ichiran ul li .post-thumbnail {
		width: 100%;
		margin-top: 5%;
		max-width: none;
	}

	#column_page #ichiran ul li .post-details {
		width: 100%;
	}

	#column_page #ichiran ul li .post-details .entry-header {
		margin-top: 1.5em;
	}

	#column_page #ichiran ul li .post-details .entry-header .cat_list {
	}

	#column_page #ichiran ul li .post-details .entry-header .cat_list li {
	}

	#column_page #ichiran ul li .post-details .entry-header .cat_list li a {
		font-size: 14px;
	}

	#column_page #ichiran ul li .post-details .entry-header .entry-meta {
	}

	#column_page #ichiran ul li .post-details .entry-header .entry-meta .posted-on {
	}

	#column_page #ichiran ul li .post-details .entry-header .entry-meta .edit-link {
	}

	#column_page #ichiran ul li .post-content {
	}

	#column_page #ichiran ul li .post-content .post-title {
	}

	#column_page #ichiran ul li .post-content .excerpt {
	}

	#column_page #ichiran ul li .post-content .link-more {
	}

	#column_page #ichiran .column_pagination {
		margin-bottom: 2em;
	}
}

#column_page #column_content {
}

#column_page #column_content .post-details {
	width: 100%;
}

#column_page #column_content .post-details .entry-header {
}

#column_page #column_content .post-details .entry-header .cat_list {
	display: inline-block;
	vertical-align: middle;
	line-height: 1em;
}

#column_page #column_content .post-details .entry-header .cat_list li {
	display: inline-block;
	vertical-align: middle;
	line-height: 1em;
	margin-right: 0.5em;
}

#column_page #column_content .post-details .entry-header .cat_list li a {
	display: inline-block;
	vertical-align: middle;
	line-height: 1em;
	color: #fff;
	background: #141414;
	padding: 0.3em 0.7em;
	font-size: 14px;
}

#column_page #column_content .post-details .entry-header .entry-meta {
	display: inline;
	vertical-align: middle;
	padding: 0px;
}

#column_page #column_content .post-details .entry-header .entry-meta .posted-on {
	color: #7b7b7b;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0px;
	font-size: 16px;
	font-weight: normal;
	margin-right: 10px;
}

#column_page #column_content .post-details .entry-header .entry-meta .edit-link {
	display: inline-block;
}

#column_page #column_content .post-details .entry-header .entry-meta .edit-link a {
	color: #7b7b7b;
	display: inline-block;
	margin-right: 10px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1em;
	position: relative;
	top: 0.2em;
}

#column_page #column_content .post-details .post-title {
	font-size: 24px;
}

#column_page #column_content #post_details .post_item_text h2 {
	background: #0e482c;
	color: #fff;
	padding: 0px;
	font-size: 22px;
	padding: 0.3em;
	line-height: 1.7em;
	padding-left: 1em;
	position: relative;
	margin-bottom: 1.5em;
}

#column_page #column_content #post_details .post_item_text h2::after {
	content: "";
	position: absolute;
	bottom: -0.5em;
	left: 2.7em;
	height: 1em;
	width: 1em;
	background: #0e482c;
	transform: rotateZ(45deg);
}

#column_page #column_content #post_details .post_item_text p {
	font-size: 16px;
	line-height: 1.7em;
	color: #282828;
}
#column_page #column_content #post_details .post_item_text p span,
#column_page #column_content #post_details .post_item_text p strong {
	font-size: 16px;
}
#column_page #column_content #post_details .post_item_text .topic_box-text p {
	width: 100px;
}

#column_page #column_content #post_details .post_item_image {
	margin-bottom: 1.5em;
}

#column_page #column_content #post_details blockquote {
	margin-bottom: 2%;
	padding: 3% 3%;
	padding-bottom: 2%;
	padding-left: 6%;
	background: #ededed url(assets/images/column/quotes.png) left center no-repeat;
	background-position: left 2vw top 1.5vw;
	background-size: 3vw;
	border-radius: 5px;
	font-style: normal;
	margin-bottom: 1.5em;
}

#column_page #column_content #post_details blockquote p {
	margin: 0px;
	padding-left: 2em;
}

#column_page #column_content #post_details .post_item_imgtext {
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 1.5em;
}

#column_page #column_content #post_details .post_item_text h3,
#column_page #column_content #post_details .post_item_imgtext .post_item_imgtext-ttl {
	color: #1d1d1d;
	font-size: 24px;
	padding-left: 0.5em;
	border-left: 0.2em solid #0e482c;
	width: 100%;
	position: relative;
	margin-bottom: 1.5em;
	padding-top: 0px;
}

#column_page #column_content #post_details .post_item_text h3::before,
#column_page #column_content #post_details .post_item_imgtext .post_item_imgtext-ttl::before {
	content: "";
	display: block;
	position: absolute;
	bottom: -0.7em;
	left: -0.2em;
	width: 100%;
	height: 0.3em;
	background: #e7e7e7;
}

#column_page #column_content #post_details .post_item_imgtext .post_item_imgtext-img {
	width: 41%;
}

#column_page #column_content #post_details .post_item_imgtext .post_item_imgtext-text {
	width: 55%;
	font-size: 17px;
}

#column_page #post_pagination {
	position: relative;
}

#column_page #post_pagination .nav-all {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 36%;
	text-align: center;
}

#column_page #post_pagination .nav-all p {
	margin: 0px;
	color: #0e482c;
	border: 1px solid #0e482c;
	line-height: 1em;
	padding: 1em 0px;
	border-radius: 0.3em;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	z-index: 3;
}

#column_page #post_pagination .nav-all p:hover {
	background: #0e482c;
	color: #fff;
}

#column_page #post_pagination .navigation {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 2.2em 0px;
}

#column_page #post_pagination .navigation .screen-reader-text {
}

#column_page #post_pagination .navigation .nav-links {
	padding: 0px;
}

#column_page #post_pagination .navigation .nav-links p {
	margin: 0px;
	position: relative;
}

#column_page #post_pagination .navigation .nav-links .nav-previous {
	color: #222222;
	font-size: 16px;
	padding-left: 1.5em;
	position: relative;
	width: 30%;
}

#column_page #post_pagination .navigation .nav-links .nav-previous::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0em;
	width: 1.1em;
	max-width: 17px;
	height: 0px;
	padding-top: 17px;
	background: url(assets/images/column/arrow_prev.png) center center no-repeat;
	background-size: contain;
}

#column_page #post_pagination .navigation .nav-links .nav-next {
	color: #222222;
	font-size: 16px;
	padding-right: 1.5em;
	position: relative;
	width: 30%;
}

#column_page #post_pagination .navigation .nav-links .nav-next::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0em;
	width: 1.1em;
	max-width: 17px;
	height: 0px;
	padding-top: 17px;
	background: url(assets/images/column/arrow_next.png) center center no-repeat;
	background-size: contain;
}

@media screen and (max-width: 750px) {
	#column_page #column_content .post-details .post-title {
		font-size: 18px;
	}

	#column_page #column_content #post_details .post_item_text h2 {
		font-size: 18px;
	}

	#column_page #column_content #post_details .post_item_text h3,
	#column_page #column_content #post_details .post_item_imgtext .post_item_imgtext-ttl {
		font-size: 18px;
	}

	#column_page #column_content #post_details .post_item_imgtext .post_item_imgtext-img {
		width: 100%;
		margin-bottom: 1.5em;
	}

	#column_page #column_content #post_details .post_item_imgtext .post_item_imgtext-text {
		width: 100%;
	}

	#column_page #column_content #post_details blockquote {
		background-position: left 3vw top 2.5vw;
		background-size: 8vw;
	}

	#column_page #post_pagination .navigation .nav-links {
		display: -ms-flexbox;
		-js-display: flex;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

	#column_page #post_pagination .navigation .nav-links::before,
	#column_page #post_pagination .navigation .nav-links::after {
		display: none;
	}

	#column_page #post_pagination .navigation .nav-links .nav-next {
		margin: 0px;
		text-align: right;
	}
}

/* 会社概要 */
.company {
	max-width: 1000px;
	margin: 0 auto;
	padding: 40px;
	font-size: 1rem;
}

.company-contents {
	display: none;
}

.company li {
	list-style: none;
}

.company-h2 {
	border-bottom: 5px solid #e7e7e7;
	margin-bottom: 20px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.company-h2 span {
	font-size: 3.5rem;
}

.company-h2 > h2 {
	max-width: 300px;
	margin-bottom: 10px;
}

.company-h2 img {
	width: 100%;
	height: auto;
	margin-bottom: 0.2rem;
}

.company-h3 {
	background-color: #f7f7f7;
	padding: 10px 20px;
	font-weight: bold;
	color: #171717;
}

.company-tel-num {
	display: block;
	color: #16a8e5;
	padding: 15px 10px;
	text-decoration: underline;
}

@media (min-width: 767px) {
	.company-item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		font-size: 1rem;
	}

	.company-item:nth-child(odd) {
		background-color: #f7f7f7;
	}

	.company-item:nth-child(even) .company-h3 {
		background-color: #fff;
	}

	.company-item > p,
	.company-item > ul {
		padding: 15px 10px;
		margin-bottom: 0;
	}

	.company-item > p {
		margin-bottom: 0;
	}

	.company-item ul {
		margin-left: 0;
	}

	.company-item li {
		margin-bottom: 5px;
	}

	.company-h3 {
		width: 25%;
		text-align: center;
		font-size: 16px;
	}

	.compnay-url {
		color: #16a8e5;
		text-decoration: underline;
	}
}

@media (max-width: 745px) {
	.company {
		padding: 40px 10px !important;
	}

	.company-h2 {
		padding: 0 1rem;
	}

	.company-h2 h2 {
		width: 80%;
	}

	.company-h2 img {
		width: 153px !important;
		margin-bottom: 0;
	}

	.company-h2 span {
		font-size: 2.3rem;
		margin-bottom: 0.5rem;
	}

	.company-h3 {
		margin: 0;
		/* font-size: 15px; */
		padding: 10px 20px !important;
	}

	.company-item > p,
	.company-item > ul {
		padding: 15px 10px;
	}

	.company-item > p {
		margin: 0;
	}

	.company li {
		margin-bottom: 5px;
		/* font-size: 15px; */
	}

	.company ul {
		margin-left: 0;
	}

	.compnay-url {
		color: #16a8e5;
		text-decoration: underline;
	}
}

.corona-bnr {
	margin: 2rem auto;
	display: block;
}

.pc {
	display: none;
}

@media (min-width: 751px) {
	.pc {
		display: block;
	}

	.sp {
		display: none;
	}
}

#top_page #popular ul .pc_flex {
	display: none;
}

@media (min-width: 751px) {
	#top_page #popular ul .pc_flex {
		display: flex;
	}

	#top_page #popular ul li.col_2 {
		display: flex;
		align-items: flex-end;
	}

	#top_page #popular ul li.col_2:first-child {
		margin-right: 1%;
	}

	#top_page #popular ul li.col_2:nth-child(2) {
		margin-right: 0;
		margin-left: 1%;
	}
}

.postid-1514 #page,
.postid-3231 #page,
.postid-3336 #page,
.postid-3439 #page {
	margin-top: 3rem;
}

@media screen and (min-width: 48em) {
	.postid-1514.has-sidebar:not(.error404) #primary,
	.postid-3231.has-sidebar:not(.error404) #primary,
	.postid-3336.has-sidebar:not(.error404) #primary,
	.postid-3439.has-sidebar:not(.error404) #primary {
		margin: 0 auto;
		float: none;
		width: 73%;
	}
}

.to-kateiyo-bnr {
	margin-bottom: 17px;
}

@media (max-width: 767px) {
	.to-kateiyo-bnr {
		margin-bottom: 9px;
	}
}

/* 家庭用LPページへのバナー */
.reflection-img {
	position: relative;
	overflow: hidden;
	margin: 17px 0;
	animation: move 1s infinite ease-out;
	-webkit-animation: move 1s infinite ease-out;
	-moz-animation: move 1s infinite ease-out;
	-ms-animation: move 1s infinite ease-out;
	-o-animation: move 1s infinite ease-out;
}

@keyframes move {
	0% {
		transform: translateY(-3%);
	}

	50% {
		transform: translateY(3%);
	}

	100% {
		transform: translateY(-3%);
	}
}

@-webkit-keyframes move {
	0% {
		transform: translateY(-3%);
	}

	50% {
		transform: translateY(3%);
	}

	100% {
		transform: translateY(-3%);
	}
}

@-moz-keyframes move {
	0% {
		transform: translateY(-3%);
	}

	50% {
		transform: translateY(3%);
	}

	100% {
		transform: translateY(-3%);
	}
}

@-ms-keyframes move {
	0% {
		transform: translateY(-3%);
	}

	50% {
		transform: translateY(3%);
	}

	100% {
		transform: translateY(-3%);
	}
}

@-o-keyframes move {
	0% {
		transform: translateY(-3%);
	}

	50% {
		transform: translateY(3%);
	}

	100% {
		transform: translateY(-3%);
	}
}

.reflection {
	height: 100%;
	width: 50px;
	position: absolute;
	top: -180px;
	left: 0;
	background-color: #fff;
	opacity: 0;
	transform: rotate(45deg);
	animation: reflection 3s ease-in-out infinite;
	-webkit-transform: rotate(45deg);
	-webkit-animation: reflection 3s ease-in-out infinite;
	-moz-transform: rotate(45deg);
	-moz-animation: reflection 3s ease-in-out infinite;
	-ms-transform: rotate(45deg);
	-ms-animation: reflection 3s ease-in-out infinite;
	-o-transform: rotate(45deg);
	-o-animation: reflection 3s ease-in-out infinite;
}

@media (max-width: 767px) {
	.reflection {
		width: 30px;
	}
}

@keyframes reflection {
	0% {
		transform: scale(0) rotate(45deg);
		opacity: 0;
	}

	80% {
		transform: scale(0) rotate(45deg);
		opacity: 0.5;
	}

	81% {
		transform: scale(4) rotate(45deg);
		opacity: 1;
	}

	100% {
		transform: scale(50) rotate(45deg);
		opacity: 0;
	}
}

@-webkit-keyframes reflection {
	0% {
		-webkit-transform: scale(0) rotate(45deg);
		opacity: 0;
	}

	80% {
		-webkit-transform: scale(0) rotate(45deg);
		opacity: 0.5;
	}

	81% {
		-webkit-transform: scale(4) rotate(45deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(50) rotate(45deg);
		opacity: 0;
	}
}

@-moz-keyframes reflection {
	0% {
		-moz-transform: scale(0) rotate(45deg);
		opacity: 0;
	}

	80% {
		-moz-transform: scale(0) rotate(45deg);
		opacity: 0.5;
	}

	81% {
		-moz-transform: scale(4) rotate(45deg);
		opacity: 1;
	}

	100% {
		-moz-transform: scale(50) rotate(45deg);
		opacity: 0;
	}
}

@-ms-keyframes reflection {
	0% {
		-ms-transform: scale(0) rotate(45deg);
		opacity: 0;
	}

	80% {
		-ms-transform: scale(0) rotate(45deg);
		opacity: 0.5;
	}

	81% {
		-ms-transform: scale(4) rotate(45deg);
		opacity: 1;
	}

	100% {
		-ms-transform: scale(50) rotate(45deg);
		opacity: 0;
	}
}

@-o-keyframes reflection {
	0% {
		-o-transform: scale(0) rotate(45deg);
		opacity: 0;
	}

	80% {
		-o-transform: scale(0) rotate(45deg);
		opacity: 0.5;
	}

	81% {
		-o-transform: scale(4) rotate(45deg);
		opacity: 1;
	}

	100% {
		-o-transform: scale(50) rotate(45deg);
		opacity: 0;
	}
}

/* 独立支援コース */
.top-bnr {
	margin-bottom: 17px;
}

/* フッター */
footer {
	padding-bottom: 30px;
}

footer .content_box {
	text-align: left;
	max-width: 1080px;
	margin: 0 auto;
}

footer .content_box .footer_logo {
	width: 250px;
	margin-bottom: 2rem;
}

.main-navigation {
	display: flex;
	justify-content: center;
}

.main-navigation-item {
	text-align: left;
	width: calc((100% - 2rem) / 3);
}

.main-navigation-item:not(:last-child) {
	margin-right: 1rem;
}

.main-navigation-title {
	color: #fff;
	margin-bottom: 14px;
	/* font-size: 1.1rem; */
	font-size: 18px;
	font-weight: bold;
}

.js .main-navigation .menu-container ul.menu {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.main-navigation a {
	padding: 7px 0;
}

.main-navigation a:hover {
	opacity: 0.6;
	transition: all 0.3s;
}

footer .copy {
	text-align: center;
	margin-top: 2rem;
	margin-bottom: 0;
}

@media (max-width: 767px) {
	footer {
		padding-top: 0;
	}

	footer .content_box {
		text-align: center;
	}

	.main-navigation {
		flex-direction: column;
		margin: 0 auto;
		width: 95%;
	}

	.main-navigation-item:not(:last-child) {
		margin-right: 0;
	}

	.main-navigation ul {
		background: none;
	}

	footer .navigation-bottom .menu {
		display: block;
		background: #232323;
		border-top: 1px solid #ababab;
		padding: 0px;
		margin: 0px;
		text-align: left;
	}

	footer .navigation-bottom .menu li {
		border-bottom: 1px solid #ababab;
		width: 100%;
		background: url(https://denkino-gakkou.com/wp-content/themes/customtheme/assets/images/footer/footer_icon.png) left 10px center no-repeat;
		background-size: 18px;
	}

	footer .navigation-bottom .menu li a {
		padding: 15px 35px;
		padding-right: 0px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 18px;
	}

	.main-navigation-item {
		width: 100%;
	}

	.main-navigation-title {
		padding-left: 12px;
		margin-top: 15px;
		/* font-size: 1.2rem; */
	}

	footer .content_box .footer_logo {
		margin: 37px auto 72px;
	}

	footer .content_box .footer_logo.pc {
		display: none;
	}

	footer .content_box .footer_logo.sp {
		display: block;
	}
}

.content_box.message-content {
	margin: 0 auto;
	padding: 12px;
	border-radius: 5px;
}

.d-sm-none {
	display: none;
}

@media (max-width: 767px) {
	.content_box.message-content {
		border: 1px solid;
		background-color: #fff;
		width: 95%;
	}

	.d-sm-none {
		display: block;
	}
}

.message-catch {
	background: #344f2f;
	color: #fff;
	font-weight: normal;
}

.message-catch:not(:last-child) {
	margin-bottom: 5px;
}

.message-page {
	padding-top: 15px;
	padding-bottom: 15px;
}

@media (max-width: 767px) {
	.message-page {
		background-image: url(assets/images/message/message-contents-bg.png);
		background-size: contain;
		padding-top: 15px;
		padding-bottom: 15px;
		margin-bottom: 12px;
	}
}

.message__signature {
	text-align: right;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.8;
}

@media (max-width: 767px) {
	.message__signature {
		font-size: 18px;
	}
}

.page-id-3465 #breadcrumbs {
	margin-bottom: 0;
}

.mv-face {
	margin-bottom: 20px;
}

@media (max-width: 767px) {
	.mv-face {
		display: none;
	}
}

@media (min-width: 768px) {
	#message .massage-article-img {
		width: 50%;
	}
}

#company_page.message-page .history-list {
	margin-bottom: 15px;
	line-height: 30px;
}

#company_page.message-page .history-list:first-child {
	margin-top: 15px;
}

#company_page.message-page #profile .item .item_name.v-align-top {
	vertical-align: top;
}

@media (max-width: 767px) {
	#company_page #message .photo {
		display: none;
	}
}

@media (min-width: 751px) {
	.main-img.--pc {
		display: block;
	}

	.main-img.--sp {
		display: none;
	}
}

@media (max-width: 751px) {
	.main-img.--sp {
		display: block;
	}

	.main-img.--pc {
		display: none;
	}
}

#contact_page table tr td:nth-of-type(1) {
	width: 245px;
}

#contact_page .info {
	padding: 12px;
	font-weight: 850;
	color: #262626;
	background: #99ccff;
	border: 2px solid #0066cc;
}

#contact_page .success {
	padding: 12px;
	font-weight: 850;
	color: #262626;
	background: #ccffcc;
	border: 2px solid #00cc00;
}

#contact_page .error {
	padding: 12px;
	font-weight: 850;
	color: #262626;
	background: #ffebe8;
	border: 2px solid #990000;
}

.corona-bnr {
	margin: auto;
	display: block;
	padding: 2rem 0;
}

.pc {
	display: none;
}

@media (min-width: 751px) {
	.pc {
		display: block;
	}

	.sp {
		display: none;
	}
}

.lp_page .pic img.sp {
	display: none;
}

@media (max-width: 750px) {
	.lp_page .pic img.sp {
		display: block;
	}
	#contact_page table tr td:nth-of-type(1) {
		width: 90%;
	}
	#contact_page .download-top-text {
		margin: 0 40px 10px;
	}
}

#training #introduction.page-nagoya__header-sp-new,
#training #introduction.page-tokyo__header-sp-new {
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0;
}

.page-tokyo__contents-img,
.page-nagoya__contents-img {
	margin: -19px -3px 20px;
}

@media (max-width: 750px) {
	.page-tokyo__contents-img,
	.page-nagoya__contents-img {
		margin: -19px -8px 20px;
	}
}

@media (max-width: 745px) {
	.kateiyou .company {
		padding: 40px 10px 70px !important;
	}
}

/* 20221129追加 */
.course-template-default #masthead .main_header .lp_header_contact_area {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 77px;
	z-index: 99;
}
.course-template-default #masthead .main_header .main_bg {
	margin-top: 77px;
}
@media (max-width: 750px) {
	.top-movie iframe {
		height: 300px;
	}
}
@media (max-width: 500px) {
	.top-movie iframe {
		height: 240px;
	}
}
.slick-prev.slick-arrow,
.slick-next.slick-arrow,
.slick-prev.slick-arrow:hover,
.slick-next.slick-arrow:hover {
	background: url(assets/images/top/arrow_left.png) center center no-repeat;
	width: 55px !important;
	height: 55px !important;
	position: absolute;
	top: 50%;
	left: -55px;
	margin-top: -16px;
	outline: 0;
	text-indent: -9999px;
	z-index: 9999;
}
.slick-next.slick-arrow,
.slick-next.slick-arrow:hover {
	background: url(assets/images/top/arrow_right.png) center center no-repeat;
	right: -55px;
	left: inherit;
}

#voice_page #ichiran .autoplay .voice_page_list_item_2 {
	border-bottom: 1px dashed #000000;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
#voice_page #ichiran .autoplay .voice_page_list_item_2 .photo_box {
	display: block;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #c8c8c8;
	background: #fbfbfb;
	padding: 1px;
	margin: auto;
	max-width: 254px;
}

#voice_page #ichiran .autoplay .voice_page_list_item_2 .photo_box img {
	max-width: 250px;
	width: 100%;
	display: block;
	margin: 0 auto;
	cursor: pointer;
}

#voice_page #ichiran .autoplay .voice_page_list_item_2 .details {
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	margin-top: 5%;
}

#voice_page #ichiran .autoplay .voice_page_list_item_2 .details .primary {
	margin: 5px 0;
	line-height: 32px;
	font-size: 16px;
}

#voice_page #ichiran .autoplay .voice_page_list_item_2 .details .primary span {
	color: #fff;
	background: #ff6600;
	font-size: 14px;
	padding: 6px 20px;
	border-radius: 20px;
	margin-right: 15px;
}

#voice_page #ichiran .autoplay .voice_page_list_item_2 .details h3 {
	margin: 0px;
	margin-top: 25px;
	color: #ff6600;
	border-bottom: 1px solid #ff6600;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 10px;
	padding-bottom: 3px;
	display: inline-block;
	padding: 1px 0px;
}

#voice_page #ichiran .autoplay .voice_page_list_item_2 .details .desc {
	margin-bottom: 0px;
}
.voice_img {
	height: 400px;
	width: auto !important;
	margin: auto;
	display: block !important;
}
@media (max-width: 750px) {
	/* .top-movie iframe{
		height: 170px;
	} */
	.autoplay,
	.autoplay2 {
		width: 80%;
		margin: auto;
	}
	.slick-prev.slick-arrow,
	.slick-prev.slick-arrow:hover {
		background: url(assets/images/top/arrow_left.png) center center no-repeat;
		background-size: 25px auto;
		left: -45px;
	}

	.slick-next.slick-arrow,
	.slick-next.slick-arrow:hover {
		background: url(assets/images/top/arrow_right.png) center center no-repeat;
		background-size: 25px auto;
		right: -45px;
	}

	#voice_page #ichiran .autoplay .voice_page_list_item_2 {
		display: block;
	}

	#voice_page #ichiran .autoplay .voice_page_list_item_2 .photo_box {
		display: block;
		margin: 0 auto;
		margin-bottom: 20px;
		width: 95%;
	}

	#voice_page #ichiran .autoplay .voice_page_list_item_2 .photo_box img {
		max-width: 100%;
	}

	#voice_page #ichiran .autoplay .voice_page_list_item_2 .details {
		margin: 0px;
		width: 100%;
	}

	#voice_page #ichiran .autoplay .voice_page_list_item_2 .details .primary {
		font-size: 18px;
	}

	#voice_page #ichiran .autoplay .voice_page_list_item_2 .details .desc {
		font-size: 18px;
	}
	.voice_img {
		height: 300px;
	}
}

/* メイン講師　インタビュー */
#teacher_interview {
	border-bottom: 1px solid #cecece;
	padding-top: 7%;
	padding-bottom: 6%;
}
.teacher__items {
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.teacher__item__text {
	width: 67%;
}
.teacher__item__pic {
	width: 29%;
	text-align: right;
}
.teacher__ttl {
	color: #0e482c;
	font-size: 24px;
	margin-bottom: 2% !important;
}
.teacher__txt {
	font-size: 16px;
	font-weight: 500;
}
.teacher__subttl {
	color: #0e482c;
	font-size: 22px;
	margin-top: 10% !important;
	margin-bottom: 2% !important;
	border: none;
	padding: 0;
}
.teacher__subtxt {
	font-size: 18px;
}
@media (max-width: 750px) {
	#teacher_interview {
		padding-top: 5%;
		padding-bottom: 10%;
	}

	.teacher__items {
		flex-wrap: wrap;
	}
	.teacher__item__text {
		width: 100%;
	}
	.teacher__item__pic {
		width: 100%;
		text-align: center;
	}
	.teacher__ttl {
		font-size: 22px;
	}
	.teacher__txt {
		font-size: 16px;
	}
	.teacher__subttl {
		font-size: 20px;
	}
	.teacher__subtxt {
		font-size: 16px;
	}
}

#forms #teacher_interview {
	border-bottom: 1px solid #cecece;
	padding-top: 5%;
	padding-bottom: 6%;
	border-top: 1px solid #cecece;
	margin-top: 10%;
	margin-bottom: 10%;
}

/* トップページ追加 */
.top-price {
	background: #fffbeb;
	border: 8px solid #dcb74f;
	width: 100%;
	box-sizing: border-box;
	margin: 60px 0;
	text-align: center;
	padding: 50px 20px 30px 20px;
}
.price__wrap {
	display: flex;
	justify-content: center;
}
.youtube {
	margin: 50px auto;
	display: block;
}
@media (max-width: 750px) {
	.top-price {
		border: 5px solid #dcb74f;
		margin: 30px 0;
		padding: 30px 20px;
	}
	.price__wrap {
		flex-wrap: wrap;
		row-gap: 20px;
	}
	.top-price h2 img {
		max-width: 40%;
	}
	.youtube {
		height: 300px;
		margin: 30px auto;
	}
}

@media (max-width: 500px) {
	.youtube {
		height: 250px;
	}
}

#kateiyo #forms .course-details__message {
	background: url(https://denkino-gakkou.com/wp-content/themes/customtheme/assets/images/lp/kateiyo/boss.png) right bottom no-repeat;
	max-width: 1000px;
	width: 100%;
	display: block;
	margin: 0 auto 5%;
	background-position: bottom right;
	/* background-size: 45%; */
	background-size: 30%;
	padding-top: 5%;
}
#kateiyo #forms .course-details__message .course-details__text:nth-child(2) {
	margin-top: 3% !important;
	width: 56% !important;
}
@media (min-width: 768px) {
	#kateiyo #forms .course-details__message .course-details__text {
		font-size: 20px;
		line-height: 35px;
	}
	#kateiyo #forms .course-details__message {
		padding-bottom: 5%;
		margin-bottom: 3%;
		background-position: bottom right 8% !important;
		background-size: 26% !important;
	}
}
@media (max-width: 500px) {
	#kateiyo #forms .course-details__message {
		background-size: 45% !important;
	}
}

#contact_page .notice-msg {
	background: #fff4f4;
	font-size: 1.1rem;
	padding: 20px;
	border-radius: 0.5rem;
	color: #df0809;
	font-weight: bold;
	line-height: 1.8;
	margin-top: 50px;
	margin-bottom: 50px;
}
@media (max-width: 750px) {
	#contact_page .notice-msg {
		width: 90%;
		margin: 0 auto;
	}
}

#contact_page table tr td > div.privacy-text-wrapper {
	overflow-y: scroll;
	max-width: 400px;
	border: 1px solid #9d9d9d;
	border-radius: 7px;
	margin-left: 10px;
	height: 220px;
	width: 80%;
	font-size: 14px;
	padding: 15px 15px;
	margin-bottom: 20px;
}
@media (max-width: 750px) {
	#contact_page table tr td > div.privacy-text-wrapper {
		margin-left: 0px;
		width: 100%;
		max-width: none;
	}
}
.privacy-text-inner {
	display: flex;
	flex-flow: column;
	gap: 15px;
}
#contact_page table tr td:nth-of-type(2) p.pr-err {
	color: #de0909;
	padding-left: 5px;
	padding-top: 5px;
	display: none;
}
#contact_page table tr td:nth-of-type(2) .privacy-text-inner p {
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	padding: 0 0 10px;
}
.privacy-text-inner dt {
	margin: 0 0 7px;
}
.privacy-text-inner dd {
	margin: 0 0 15px;
	font-size: 13px;
}
#contact_page table tr td:nth-of-type(2) input[type="checkbox"] {
	width: 20px;
	height: 20px;
	margin: 0;
	display: block;
}
label.check-privacy {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 0 0 0 15px;
	font-size: 16px;
}
label.check-privacy.invalid {
	color: #de0909;
}

/* 2024.02.06 */
body,
button,
input,
select,
textarea {
	color: #222;
	letter-spacing: 0.02em !important;
}
html[lang="ja"] {
	letter-spacing: 0.02em !important;
}
.content_box {
	line-height: 1.9 !important;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
}
#top_page #characteristics ul li .details .desc {
	color: #222;
}
#archive_page .post .entry-content p {
	color: #222;
}
#column_page #column_content #post_details .post_item_text p {
	color: #222;
}
#contact_page table tr td.topic_box p {
	line-height: 1.9 !important;
	letter-spacing: 0.02em !important;
}
#archive_page .post .entry-content p {
	line-height: 1.9 !important;
	letter-spacing: 0.02em !important;
}

#column_page #column_content #post_details .post_item_text p {
	line-height: 1.9 !important;
	letter-spacing: 0.02em !important;
}

.post_item_text > p {
	margin: 0;
}
.post_item_text > p > a {
	display: block;
	margin: 0 0 1.5em;
}
.post_item_text p strong {
	display: block;
	padding: 1.5em 0 1em;
}
#column_page #column_content #post_details .post_item_text h2 {
	margin-top: 1.5em;
}
#column_page #column_content #post_details .post_item_text h3,
#column_page #column_content #post_details .post_item_imgtext .post_item_imgtext-ttl {
	margin-top: 1.5em;
}
#company_page #message .desc {
	line-height: 1.9 !important;
	letter-spacing: 0.02em !important;
}
.company__item--info-txt {
	line-height: 1.9 !important;
	letter-spacing: 0.02em !important;
}
#company_page #profile .item .item_desc p {
	line-height: 1.9 !important;
	letter-spacing: 0.02em !important;
}
.lp_page .desc {
	line-height: 1.9 !important;
	letter-spacing: 0.02em !important;
}
#kateiyo #forms .course-details__message .course-details__text {
	line-height: 1.9 !important;
	letter-spacing: 0.02em !important;
}
.lp_page .desc {
	line-height: 1.9 !important;
	letter-spacing: 0.02em !important;
}
.privacy-text-inner dd {
	line-height: 1.9 !important;
	letter-spacing: 0.02em !important;
}

.status-list-link {
	text-decoration: underline;
	color: #fff;
	transition: all ease 0.33s;
}
.status-list-link:hover {
	color: #fdf501;
}
@media (max-width: 750px) {
	html[lang="ja"] {
		letter-spacing: 0.07em !important;
	}
	body {
		letter-spacing: 0.07em !important;
	}
	.content_box {
		line-height: 31px !important;
		font-size: 17px !important;
		letter-spacing: 0.07em !important;
	}
	#top_page #characteristics ul li .details .desc {
		font-size: 17px !important;
		letter-spacing: 0.07em !important;
	}
	#top_page #status_list.status_list_2 .day_txt tr td {
		font-size: 15px !important;
		letter-spacing: 0.07em !important;
	}
	#archive_page .post .entry-content p {
		font-size: 17px !important;
		letter-spacing: 0.07em !important;
	}
	#voice_page #ichiran ul li .details .desc {
		font-size: 17px !important;
		letter-spacing: 0.07em !important;
	}
	#column_page #column_content #post_details .post_item_text p {
		font-size: 17px !important;
		letter-spacing: 0.07em !important;
	}
	#company_page #about .desc {
		font-size: 17px !important;
		letter-spacing: 0.07em !important;
	}
	#company_page #profile .item .item_desc {
		font-size: 17px !important;
		letter-spacing: 0.07em !important;
	}
	#company_page #message .desc {
		font-size: 17px !important;
		letter-spacing: 0.07em !important;
	}
	#column_page #column_content #post_details .post_item_text p span,
	#column_page #column_content #post_details .post_item_text p strong {
		font-size: 17px !important;
		letter-spacing: 0.07em !important;
	}
	#contact_page table tr td.topic_box p {
		line-height: 31px !important;
		letter-spacing: 0.07em !important;
	}
	#archive_page .post .entry-content p {
		line-height: 31px !important;
		letter-spacing: 0.07em !important;
	}

	#column_page #column_content #post_details .post_item_text p {
		line-height: 31px !important;
		letter-spacing: 0.07em !important;
	}
	#company_page #message .desc {
		line-height: 31px !important;
		letter-spacing: 0.07em !important;
	}
	.company__item--info-txt {
		line-height: 31px !important;
		letter-spacing: 0.07em !important;
	}
	#company_page #profile .item .item_desc p {
		line-height: 31px !important;
		letter-spacing: 0.07em !important;
	}
	.lp_page .desc {
		line-height: 31px !important;
		letter-spacing: 0.07em !important;
	}
	#kateiyo #forms .course-details__message .course-details__text {
		line-height: 31px !important;
		letter-spacing: 0.07em !important;
	}
	.lp_page .desc {
		line-height: 31px !important;
		letter-spacing: 0.07em !important;
	}
	.privacy-text-inner dd {
		line-height: 31px !important;
		letter-spacing: 0.07em !important;
	}
	#column_page #column_content #post_details .post_item_text h4,
	#column_page #column_content #post_details .post_item_imgtext .post_item_imgtext-ttl {
		margin-top: 1.5em;
	}
	#top_page #status_list.status_list_2 .day_txt tr {
		height: auto !important;
	}
	#top_page #status_list.status_list_2 .day_txt tr td {
		padding: 0 !important;
	}
}

#voice_list .voice_slider .voice_box img {
	aspect-ratio: auto 139 / 200;
}
.to-kateiyo-bnr > .pc {
	aspect-ratio: 867 / 262;
}
.to-kateiyo-bnr > .sp {
	aspect-ratio: 117 / 64;
}
.price__wrap img {
	aspect-ratio: 301 / 228;
}
#top_page #characteristics ul li .photo_box img {
	aspect-ratio: 229 / 230;
}
@media screen and (max-width: 750px) {
	#main_menu ul li a img {
		aspect-ratio: 125 / 74;
	}
	.top_header_contact_area .line_register_box .register img {
		aspect-ratio: 23 / 18;
	}
	.top_header_contact_area .logo_box .logo img {
		aspect-ratio: 157 / 52;
	}
	#top_page #characteristics ul li:nth-of-type(1) img {
		aspect-ratio: 351 / 74;
	}
	#top_page #characteristics ul li .details h3 img {
		aspect-ratio: 351 / 43;
	}

	.footer_contact {
		background: url(assets/images/footer/footer_bg_sp.webp) bottom center no-repeat;
	}
}

/* 2024.05.07 */
#business #part_9 .details {
	background-size: 25%;
}
@media screen and (max-width: 750px) {
	#business #part_9 .details {
		background-size: 50%;
	}
}

.contact-cta {
	display: flex;
	flex-flow: column;
	gap: 30px;
	align-items: center;
	padding-top: 100px;
	margin-bottom: 100px;
	width: 100%;
}

.contact-cta > p {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
	color: #232323;
}
.contact-cta > a {
	width: 100%;
	border-radius: 999px;
	display: flex;
	padding: 11px 20px;
	background: #ff6600;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-weight: 600;
	max-width: 500px;
	height: 80px;
	line-height: 1;
	font-size: 22px;
	transition: all ease 0.33s;
}

.contact-cta > a:hover {
	opacity: 0.6;
}

@media screen and (max-width: 750px) {
	.contact-cta {
		gap: 25px;
		padding: 50px 5% 0;
		margin-bottom: 50px;
	}
	.contact-cta > p {
		font-size: 16px;
	}
	.contact-cta > a {
		max-width: 390px;
		height: 60px;
		font-size: 18px;
	}
}