@charset "UTF-8";

html,
body {
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 62.5%;
}

body {
	width: 100%;
	height: 100%;
	margin: 0;
	color: #000;
	font-family: YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
  font-weight: 500;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}

.pc {
	display: none !important;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

a {
	text-decoration: none;
	color: inherit;
}

img {
	max-width: 100%;
}

#wrapper {
	background: #fff;
}

p {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.8;
}

#loader-bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #f4f4f4;
	z-index: 1;
}

#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	margin-top: -30px;
	margin-left: -30px;
	text-align: center;
	color: #fff;
	z-index: 2;
}

.fulfilling-bouncing-circle-spinner,
.fulfilling-bouncing-circle-spinner * {
	box-sizing: border-box;
}

.fulfilling-bouncing-circle-spinner {
	height: 60px;
	width: 60px;
	position: relative;
	animation: fulfilling-bouncing-circle-spinner-animation infinite 4000ms ease;
}

.fulfilling-bouncing-circle-spinner .orbit {
	height: 60px;
	width: 60px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	border: calc(60px * 0.03) solid #ec7b3f;
	animation: fulfilling-bouncing-circle-spinner-orbit-animation infinite 4000ms ease;
}

.fulfilling-bouncing-circle-spinner .circle {
	height: 60px;
	width: 60px;
	color: #ff1d5e;
	display: block;
	border-radius: 50%;
	position: relative;
	border: calc(60px * 0.1) solid #ec7b3f;
	animation: fulfilling-bouncing-circle-spinner-circle-animation infinite 4000ms ease;
	transform: rotate(0deg) scale(1);
}

@keyframes fulfilling-bouncing-circle-spinner-animation {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes fulfilling-bouncing-circle-spinner-orbit-animation {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1);
	}

	62.5% {
		transform: scale(0.8);
	}

	75% {
		transform: scale(1);
	}

	87.5% {
		transform: scale(0.8);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes fulfilling-bouncing-circle-spinner-circle-animation {
	0% {
		transform: scale(1);
		border-color: transparent;
		border-top-color: inherit;
	}

	16.7% {
		border-color: transparent;
		border-top-color: initial;
		border-right-color: initial;
	}

	33.4% {
		border-color: transparent;
		border-top-color: inherit;
		border-right-color: inherit;
		border-bottom-color: inherit;
	}

	50% {
		border-color: inherit;
		transform: scale(1);
	}

	62.5% {
		border-color: inherit;
		transform: scale(1.4);
	}

	75% {
		border-color: inherit;
		transform: scale(1);
		opacity: 1;
	}

	87.5% {
		border-color: inherit;
		transform: scale(1.4);
	}

	100% {
		border-color: transparent;
		border-top-color: inherit;
		transform: scale(1);
	}
}

.fadein {
	opacity: 0;
	transform: translate(0, 100px);
	transition: all 1s;
}

.fadein.active {
	opacity: 1;
	transform: translate(0, 0);
}

.header {
	width: 100%;
	height: 60px;
	background: #A40000;
	margin-bottom: 32px;
}

.header .inner {
	max-height: 54px;
	padding: 5% 0 0 4%;
}

.header .inner h1 {
	width: 50%;
	height: auto;
	float: left;
}

.header .inner h1 img {
	max-height: 35px;
}

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

.header .inner .search {
	display: none;
}

.header .login {
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 1.2;
	border: 2px solid #A40001;
	color: #A40001;
	position: absolute;
	right: 70px;
	top: 5px;
	font-weight: bold;
	padding-top: 10px;
}

.main-image {
	width: 92%;
	height: auto;
	position: relative;
	margin: 0 auto;
}

.main-image .first-line {
	margin-bottom: 40px;
}

.main-image .first-line .first a {
	text-decoration: none;
}

.main-image .first-line .first a .image {
	width: 100%;
	height: 51.7vw;
	background-size: cover;
	background-position: center;
	margin-bottom: 16px;
}

.main-image .first-line .first a p.title {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 8px;
}

.main-image .first-line .first a p.company {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	color: #999;
}
.under-main {
	width: 90%;
	margin: 0 auto 40px;
}
.under-main a {
	text-decoration: none;
}

.under-main a .box .image {
	width: 100%;
	height: 50.1vw;
	margin-bottom: 8px;
	background-position: center;
}

.under-main a .box p.title {
	width: 100%;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.5;
	padding: 10px;
}

.under-main a .box p.company {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 10px;
	color: #999;
}

.wrap .main-contents {
	margin: 0 auto;
}

.wrap .main-contents .head {
	margin-top: 60px;
}

.wrap .main-contents .head .content-title-block {
	display: flex;
	margin-top: 20px;
	border-bottom: 3px solid #A40001;
}

.wrap .main-contents .head .content-question {
	font-weight: bold;
	color: #A40001;
}

.wrap .main-contents .content {
	margin-top: 20px;
}

.wrap .main-contents .head .content-title {
	font-weight: bold;
	color: #A40001;
	margin: auto 10px;
}

.wrap .message {
	margin-top: 60px;
}

.wrap .message .message-content-block {
	margin-top: 30px;
}

.wrap .message .message-content {
	margin-top: 20px;
}

.wrap .message .message-content-block .message-img img {
	width: 100%;
}

.wrap .example .example-head {
	margin-top: 40px;
	text-align: center;
}

.wrap .example .example-head .example-title-jp {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
}

.wrap .example .example-head .example-title-en {
	font-size: 12px;
	color: #A40001;
	font-weight: bold;
	line-height: 1.2;
}

.wrap .example .example-contents-block .example-contents {
	margin-top: 20px;
}

.wrap .example .example-contents-block .case-title {
	color: #A40001;
	font-weight: bold;
}

.wrap .example .example-contents-block .example-content p {
	font-size: 1.2rem;
}

.wrap .introduce-company {
	margin-top: 60px;
}

.wrap .introduce-company .company-logo img {
	margin: 0 auto;
}

.wrap .introduce-company .company-info {
	font-size: 1.2rem;
}

.wrap .introduce-company .company-main .company-description {
	font-size: 1.2rem;
}

.wrap .introduce-company .link-btn {
	margin-top: 20px;
}
.wrap .introduce-company .link-btn .btn img {
	margin-top: 20px;
}

.wrap .webinar .event-head {
	margin-top: 40px;
	margin-bottom: 20px;
	text-align: center;
}

.wrap .webinar .event-head .event-title-jp {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
}

.wrap .webinar .event-head .event-title-en {
	font-size: 12px;
	color: #A40001;
	font-weight: bold;
	line-height: 1.2;
}

.wrap .main-contents h2 {
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 24px;
}

.wrap .main-contents h2 span {
	font-size: 20px;
	font-size: 2rem;
	color: #A40001;
	font-family: 'Montserrat', sans-serif;
	display: block;
}

.wrap .main-contents .online-bnr {
	width: 92%;
	margin: 0 auto 4%;
	background-size: cover;
	color: #fff;
	text-align: center;
}

.wrap .main-contents .online-bnr a img {
	width: 100%;
	margin: 0 auto;
}

.wrap .main-contents .online-bnr a:hover img {
	opacity: 0.7;
}

.wrap .main-contents section {
	margin-bottom: 100px;
}
.wrap .main-contents section.info{
	margin-bottom: 0;
}

.wrap .main-contents section.info h2 {
	text-align: center;
}

.wrap .main-contents section.info h2 img {
	width: 200px;
	height: auto;
	margin: 0 auto;
}

.wrap .main-contents section.info h2 img.online-t {
	width: 270px;
}

.wrap .main-contents section.info h2 img.online-subt {
	width: 200px;
    margin-top: 16px;
}

.wrap .main-contents section.info .link-btn {
	width: 100%;
	margin: 54px auto;
}

.wrap .main-contents section.info .link-btn ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.wrap .main-contents section.info .link-btn ul li {
	width: 46%;
	list-style-type: none;
	margin-bottom: 8px;
}

.wrap .main-contents section.info .link-btn ul li a {
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 10px 0;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	border-radius: 5px;
	background: #B5B5B6;
	color: #fff;
}

.wrap .main-contents section.info .link-btn ul li:nth-of-type(5n) {
	margin-right: 0;
}

.wrap .main-contents section.info .link-btn ul li:hover a {
	background: #A40000;
	color: #fff;
}

.wrap .main-contents section.info .link-btn ul li.current a {
	background: #A40000;
	color: #fff;
}

.wrap .main-contents section.info .inner {
	width: 92%;
	margin: 0 auto;
}

.wrap .main-contents section.info .inner .box-info {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.wrap .main-contents section.info .inner .box-info .box {
	width: 100%;
	margin-bottom: 32px;
}

.wrap .main-contents section.info .inner .box-info .box .image {
	width: 100%;
	height: 51.7vw;
	background-size: cover;
	background-position: center center;
	margin-bottom: 8px;
}

.wrap .main-contents section.info .inner .box-info .box .txt {
	width: 100%;
}

.wrap .main-contents section.info .inner .box-info .box .txt p.title {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 8px;
}

.wrap .main-contents section.info .inner .box-info .box .txt p.date {
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 8px;
}

.wrap .main-contents section.info .inner .box-info .box .txt p.co-name {
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
}

.wrap .main-contents section.info .inner .box-info .box .txt .btn a {
	color: #00A0E9;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	text-decoration: none;
	margin-right: 16px;
}
.forlist{
	text-align: center;
	margin: 40px auto 60px;
}
.forlist a{
	display: inline-block;
	padding: 12px 40px;
	font-weight: bold;
	color: #fff;
	font-size: 16px;
	background: #A40001;
	border-radius: 10px;
}

.wrap .main-contents section.top-column {
	width: 100%;
/*	margin-bottom: 0;*/
	margin-bottom: 100px;
}

.wrap .main-contents section.top-column h2 {
	text-align: center;
}

.wrap .main-contents section.top-column h2 img {
	width: 218px;
	height: auto;
	margin: 0 auto 24px;
}

.wrap .main-contents section.top-column .wrap {
	background:url(../img/top/top-column-bg.png);
	background-size: contain;
	padding: 40px 0;
}
.wrap .main-contents section.top-com-column .wrap {
	background:url(../img/top/top-com-column-bg.png);
	background-size: contain;
	padding: 40px 0;
}

.wrap .main-contents section.top-column .wrap .inner {
	width: 100%;
	margin: 0 auto;
}

.wrap .main-contents section.top-column .wrap .inner .icon {
	margin: 0 auto 24px;
}
.wrap .main-contents section.top-column .wrap .inner .icon img{
	margin: 0 auto;
}

.wrap .main-contents section.top-column .wrap .inner .box {
	width: 92%;
	margin: 0 auto 32px;
	transition: 0.3s;
	background: #fff;
}

.wrap .main-contents section.top-column .wrap .inner .box a {
	text-decoration: none;
}

.wrap .main-contents section.top-column .wrap .inner .box a .image {
	width: 100%;
	height: 51.7vw;
	overflow: hidden;
	margin-bottom: 8px;
}

.wrap .main-contents section.top-column .wrap .inner .box a .image img {
	width: 100%;
	height: auto;
}

.wrap .main-contents section.top-column .wrap .inner .box a .txt {
	padding: 10px;
}

.wrap .main-contents section.top-column .wrap .inner .box a .txt p.title {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.5;
}

.wrap .main-contents section.top-column .wrap .inner .box a .txt p.co-name {
	font-size: 12px;
	font-size: 1.2rem;
	color: #666;
}

.wrap .main-contents section.top-column .wrap .inner .box:hover {
	transform: translateY(-10px);
}

.wrap .main-contents section.top-news {
	border: 1px solid #CECECE;
	width: 960px;
	margin: 0 auto 72px;
	padding: 40px 80px;
	position: relative;
}

.wrap .main-contents section.top-news dl {
	display: flex;
}

.wrap .main-contents section.top-news dl dt {
	padding: 12px 10px;
	width: 12%;
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
}

.wrap .main-contents section.top-news dl dd {
	padding: 12px 10px;
	width: 88%;
	font-size: 16px;
	font-size: 1.6rem;
}

.wrap .main-contents section.top-news dl dd a {
	text-decoration: none;
}

.wrap .main-contents section.top-news dl dd a:hover {
	color: #A40001;
	text-decoration: underline;
}

.wrap .main-contents section.top-news dl:nth-last-of-type(1) {
	margin-bottom: 40px;
}

.wrap .main-contents section.top-news .for-news-list {
	position: absolute;
	right: 40px;
	bottom: 40px;
	font-size: 14px;
	font-size: 1.4rem;
}

.wrap .main-contents section.top-news .for-news-list a:hover {
	color: #A40001;
}

.wrap .main-contents section.top-news .for-news-list::after {
	content: ">";
	margin-left: 10px;
}

.wrap .main-contents section.registeredcompany {
	background-color: #E6E6E6;
	padding: 80px 0;
	margin-bottom: 0;
}

.wrap .main-contents section.registeredcompany h2 {
	font-size: 24px;
	font-size: 2.4rem;
	margin-bottom: 32px;
}

.wrap .main-contents section.registeredcompany .inner {
	width: 100%;
	margin: 0 auto;
}

.wrap .main-contents section.registeredcompany .inner h3 {
	width: 92%;
	margin: 0 auto 32px;
}

.wrap .main-contents section.registeredcompany .inner .link-btn {
	width: 92%;
	margin: 54px auto;
}

.wrap .main-contents section.registeredcompany .inner .link-btn ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.wrap .main-contents section.registeredcompany .inner .link-btn ul li {
	list-style-type: none;
	width: 46%;
	margin-bottom: 8px;
}

.wrap .main-contents section.registeredcompany .inner .link-btn ul li a {
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 10px 0;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	background: #A40000;
	color: #fff;
	border-radius: 5px;
}

.wrap .main-contents section.registeredcompany .inner .search-area {
	width:100%;
	margin: 0 auto 54px;
	padding: 32px 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	text-align: center;
}

.wrap .main-contents section.registeredcompany .inner .search-area p {
	margin-right: 16px;
	font-size: 15px;
	font-size: 1.5rem;
}

.wrap .main-contents section.registeredcompany .inner .search-area p.example {
	width: 100%;
	text-align: center;
	font-size: 13px;
	font-size: 1.3rem;
	color: #212121;
}

.wrap .main-contents section.registeredcompany .inner .search-area input[type="text"] {
	padding: 3px 5px;
	font-size: 15px;
	font-size: 1.5rem;
}

.wrap .main-contents section.registeredcompany .inner .search-area input[type="submit"] {
	width: 23px;
	height: 33px;
	background: url(../img/top/icon-search.png);
	font-size: 0;
	line-height: 0;
	border: none;
}

.wrap .main-contents section.registeredcompany .inner .search-area form {
	display: flex;
	justify-content: center;
	margin: 16px auto;
}

.wrap .main-contents section.registeredcompany .inner .search-area .searchfield {
	font-size: 14px;
	width: 75%;
	margin-top: 10px;
	margin-right: 3px;
	margin-left: 5px;
	padding: 7px 5px;
	border: 2px solid #ddd;
	border-radius: 3px;
}

.wrap .main-contents section.registeredcompany .inner .search-area .searchsubmit {
	font-family: FontAwesome;
	font-size: 1.4em;
	padding: 0;
	cursor: pointer;
	color: #255fac;
	border: none;
	background: transparent;
}

.wrap .main-contents section.registeredcompany .inner .search-area .searchsubmit:hover {
	opacity: .6;
}

.wrap .main-contents section.registeredcompany .inner .company-list {
	width: 92%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.wrap .main-contents section.registeredcompany .inner .company-list .box {
	width: 100%;
	margin-bottom: 60px;
}
.wrap .main-contents section.registeredcompany .inner .company-list a:nth-last-of-type(1) .box{
	margin-bottom: 0;
}

.wrap .main-contents section.registeredcompany .inner .company-list .box .image {
	width: 100%;
	height: 51.7vw;
	background-size: cover;
	background-position: center center;
	margin-bottom: 8px;
}

.wrap .main-contents section.registeredcompany .inner .company-list .box .txt {
	position: relative;
	padding: 2% 0 0;
}

.wrap .main-contents section.registeredcompany .inner .company-list .box .txt p {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.5;
    padding: 10px;
}

.wrap .main-contents section.registeredcompany .inner .company-list .box .txt p.com-name {
	font-size: 13px;
	font-size: 1.3rem;
	text-align: left;
	color: #676767;
}

.wrap .main-contents section.registeredcompany .inner .company-list .box .txt a {
	position: absolute;
	right: 20px;
	bottom: 10px;
	display: block;
	width: 120px;
	text-align: center;
	color: #fff;
	background: #000;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 5px 0;
	border-radius: 20px;
	text-decoration: none;
	transition: 0.3s;
}

.wrap .main-contents section.registeredcompany .inner .company-list .box .txt a:hover {
	background: #666;
	transform: translateX(10px);
}
.wrap .main-contents section.registeredcompany .inner .for-detail{
	width: 92%;
	margin: 32px auto 80px;
	text-align: right;
}
.wrap .main-contents section.registeredcompany .inner .for-detail:nth-last-of-type(1){
	margin-bottom: 0;
}
.wrap .main-contents section.registeredcompany .inner .for-detail a{
	    display: inline-block;
    text-align: center;
    padding: 8px 40px;
    font-size: 16px;
    color: #fff;
    background:#A40001;
    text-decoration: none;
    border-radius: 5px;
	transition: 0.3s;
	font-weight: bold;
}
.wrap .main-contents section.top-movie {
	width: 100%;
	margin: 0 auto 100px;
	background-color: #efeedf;
	padding: 8% 2% 2%;
}

.wrap .main-contents section.top-movie h2 {
	text-align: center;
}

.wrap .main-contents section.top-movie h2 img {
	height: auto;
	margin: 0 auto;
}

.wrap .main-contents section.top-movie h2 div.subtitle {
	margin-top: 8px;
}

.wrap .main-contents section.top-movie h2 img.top-movie_title {
	width: 267px;
}

.wrap .main-contents section.top-movie h2 img.top-movie_subt {
	width: 137px;
}

.wrap .main-contents section.top-movie .bx-wrapper {
	border: none;
	box-shadow: none;
	line-height: 0;
	background: none;
}

.wrap .main-contents section.top-movie ul.bxslider-movie {
	width: 100%;
}

.wrap .main-contents section.top-movie ul.bxslider-movie li {
	position: relative;
  width: 100%;
  padding-top:48vw;
	display: block;
}

.wrap .main-contents section.top-movie ul.bxslider-movie li iframe {
 position: absolute;
  top: 0;
  right: 0;
  width: 100%;
	height: 48vw;	
}
.wrap .main-contents section.top-movie ul.bxslider-movie li p.txt{
	width: 92%;
	margin: 16px auto 0;
}
.wrap .main-contents section.top-movie ul.bxslider-movie li p.company{
	width: 92%;
	margin: 0 auto;
	font-size: 13px;
}
.wrap .main-contents section.top-movie .bx-wrapper .bx-pager.bx-default-pager a{
	background: #f3d743;
}
.wrap .main-contents section.top-movie .bx-wrapper .bx-pager.bx-default-pager a:hover,
.wrap .main-contents section.top-movie .bx-wrapper .bx-pager.bx-default-pager a.active,
.wrap .main-contents section.top-movie .bx-wrapper .bx-pager.bx-default-pager a:focus{
	background: #fff;
}
.wrap .main-contents section.top-about {
	background-image: url("../img/top/about-bg-sp.png");
	padding: 40px 0;
	background-position: top center;
	background-size: cover;
}
.wrap .main-contents section.top-about h2 {
	text-align: center;
	color: #4A566B;
}

.wrap .main-contents section.top-about h2 img {
	margin: 0 auto;
}

.wrap .main-contents section.top-about .wrap .inner {
	width: 80%;
	margin: 0 auto;
}

.wrap .main-contents section.top-about .wrap .inner p {
	font-size:6.2vw;
	font-weight: bold;
	margin-bottom: 24px;
	line-height: 2;
	background-image: linear-gradient(180deg, rgba(74, 86, 107, 0) 0%, rgba(74, 86, 107, 0) 98.5%, #4A566B 100%);
	background-repeat: repeat-y;
	background-size: 100% 2.4em;
	line-height: 2.4;
	color: #4A566B;
}

.for-kaiketsu{
	text-align: center;
}
.for-kaiketsu a{
	display: inline-block;
	color: #fff;
	background:#A40000;
	padding: 12px 32px;
	font-size: 18px;
	margin:0 auto 61vw;
	border-radius: 5px;

}

.footer-contact {
	margin-bottom: 0;
}

.footer-contact .inner {
	margin: 0 auto;
	display: flex;
}

.footer-contact .inner a {
	display: block;
	width: calc(100% / 3);
	text-align: center;
	color: #fff;
	font-size: 15px;
	font-size: 1.5rem;
	padding: 20px 0;
	text-decoration: none;
}

.footer-contact .inner a:hover {
	opacity: 0.7;
}

.footer-contact .inner a svg {
	margin-right: 5px;
}

.footer-contact .inner a:nth-of-type(1) {
	background: #000;
	border-radius: 10px 0 0 0;
}

.footer-contact .inner a:nth-of-type(2) {
	background: #A40001;
}

.footer-contact .inner a:nth-of-type(3) {
	background: #676767;
	border-radius: 0 10px 0 0;
}

/* 2カラム------------------- */
.box-2column {
	margin-bottom: 4%;
}

.box-2column .box {
	width: 100%;
	height: auto;
}

.box-2column .box .image {
	width: 100%;
	height: 80vw;
	background: #ccc;
	overflow: hidden;
	margin-bottom: 16px;
}

.box-2column .box p.title {
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
	margin-bottom: 8px !important;
}

/* 3カラム------------------- */
.box-3column {
	margin-bottom: 4%;
}

.box-3column .box {
	width: 100%;
	margin-bottom: 10%;
}

.box-3column .box .image {
	width: 100%;
	height: 60vw;
	background: #ccc;
	overflow: hidden;
	margin-bottom: 16px;
}

.box-3column .box p.title {
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
	margin-bottom: 8px !important;
}

/* 4カラム------------------- */
.box-4column {
	margin-bottom: 4%;
}

.box-4column .box {
	width: 100%;
}

.box-4column .box .image {
	width: 100%;
	height: 13vw;
	background: #ccc;
	overflow: hidden;
	margin-bottom: 16px;
}

.box-4column .box p.title {
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
	margin-bottom: 8px !important;
}

/* 2カラム カード------------ */
.box-2column-card {
	margin-bottom: 4%;
}

.box-2column-card .box {
	width: 100%;
	display: flex;
	margin-bottom: 4%;
}

.box-2column-card .box .image {
	width: 30%;
	margin-right: 2%;
	height: 20vw;
	background: #ccc;
	overflow: hidden;
}

.box-2column-card .box .txt {
	width: 68%;
}

.box-2column-card .box .txt p {
	font-size: 13px;
	font-size: 1.3rem;
}

.box-2column-card .box .txt p.title {
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 4px !important;
}

.for-list a {
	display: block;
	width: 90%;
	margin: 32px auto 80px;
	padding: 15px 0;
	text-align: center;
	color: #fff;
	background: #A40001;
	font-size: 16px;
	border-radius: 5px;
	text-decoration: none;
}

.for-list-under{
	display: flex;
	justify-content: center;
}
.for-list-under a{
	display: inline-block;
	margin: 32px auto 80px;
	padding: 15px 40px;
	text-align: center;
	color: #fff;
	background: #000;
	font-size: 16px;
	border-radius: 5px;
	text-decoration: none;	
}

.for-contact a {
	display: block;
	width: 280px;
	margin: 0 auto 40px;
	padding: 15px 0;
	text-align: center;
	color: #fff;
	background: #676767;
	font-size: 16px;
	border-radius: 5px;
	text-decoration: none;
}

.for-contact a:hover {
	background: #bbb;
}

/* 下層共通 -----------------------*/
.logo {
	width: 45%;
	height: auto;
	float: left;
}

.logo img {
	max-height: 35px;
}

/*
.u-main {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-bottom: 40px;
}

.u-main img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
*/

.u-main .inner {
	padding: 0 15px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

.u-main h1,
.u-main .page-title {
	padding: 24px 0;
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: bold;
	color: #000;
	line-height: 1.5;
	text-align: center;
}

.u-main h1 img.online-t {
	width: 270px;
}

.u-main h1 img.online-subt {
	width: 200px;
    margin-top: 16px;
}

.u-main h1 span,
.u-main .page-title span {
	display: block;
	font-size: 16px;
	color: #A40001;
	font-family: 'Montserrat', sans-serif;
}
.u-main h1 img{
	width: 92%;
	height: auto;
	margin: 0 auto;
}

.u-contents {
	padding: 0 15px;
	margin: 0 auto;
}

.u-contents h2 {
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	margin-bottom: 24px;
}

.u-contents p#breadcrumbs {
	margin-bottom: 24px;
}

.u-contents p#breadcrumbs a,
.u-contents p#breadcrumbs span {
	color: #000;
	font-size: 13px;
}

/*企業詳細*/
.comp-main {
	width: 100%;
	height:auto;
	margin-bottom: 40px;
}
.comp-main img{
	width: 100%;
	height: auto;
}

.company-intro {
	width: 92%;
	border-radius: 10px;
	margin:0 auto 40px;
	padding:0;
	background: #fff;
}

p.catch {
	font-size: 20px;
	font-size: 2rem;
	margin-bottom: 24px;
	font-weight: bold;
	line-height: 1.4;
}

.title-wrap {
	padding: 0;
	margin-bottom: 24px;
}

.title-wrap .cat {
	display: block;
}

.title-wrap .cat a {
	display: inline-block;
	padding: 3px 5px;
	border: 1px solid #000;
	text-align: center;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	margin: 0 8px 8px 0;
}

.title-wrap .title {
	margin-bottom: 24px;
}

.title-wrap .title h1 {
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	padding-bottom: 8px;
	border-bottom: 2px solid #B4B4B5;
	margin-bottom: 8px;
}

.title-wrap .title p {
	font-size: 14px;
	margin-bottom: 24px;
}

.title-wrap .title span {
	padding: 8px 20px;
	background: #000;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-size: 1.6rem;
}
.title-wrap .com-logo {
	width: 60vw;
	height: 60vw;
	border-radius: 30vw;
	border: 2px solid #B4B4B5;
    box-shadow: 4px 4px 0 #D5D5D6;
	margin: 0 auto 24px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.company-about .title {
	 position: relative;
    display: inline-block;
    margin:0 0 3rem;
    padding: 8px 23px;
    min-width: 120px;
    max-width: 100%;
    color: #fff;
    font-size: 4.5vw;
    background: #A40001;
    border-radius: 10px;
}
.company-about .title:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 80px;
  margin-left: -40px;
  border:6px solid transparent;
  border-top:17px solid #A40001;
}

.company-about .title span {
	font-size: 16px;
	font-size: 1.6rem;
	color: #A40001;
	display: block;
	font-family: 'Montserrat', sans-serif;
}

.company-about p.intro {
	margin-bottom: 32px;
	padding: 0;
}

.tyusyaku {
  margin-top: 8px;
}

.txt-tyusyaku {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: normal;
}

.txt-super {
  vertical-align: super;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal !important;
  color: #000 !important;
}

.r-mark {
  font-family: Verdana, "Droid Sans";
  font-size: 10px;
  font-size: 1rem;
  vertical-align: super;
}

.point3 {
	width: 90%;
	margin: 0 auto 60px;
}

.point3 .title {
	 position: relative;
    display: inline-block;
    margin:0 0 3rem;
    padding: 8px 23px;
    min-width: 120px;
    max-width: 100%;
    color: #fff;
    font-size: 4.5vw;
    background: #A40001;
    border-radius: 10px;
}
.point3 .title:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 80px;
  margin-left: -40px;
  border:6px solid transparent;
  border-top:17px solid #A40001;
}

.point3 .title span:not(.r-mark) {
	font-size: 16px;
	font-size: 1.6rem;
	color: #A40001;
	display: block;
	font-family: 'Montserrat', sans-serif;
}

.point3 .txt ul li {
	list-style-type: none;
	padding: 8px 0 0;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}

.point3 .txt ul li span:first-child {
	color: #A40001;
	font-weight: bold;
}

.movie {
	padding: 0 15px;
}

.movie h2 {
	background: #dddada;
	padding: 12px;
	font-weight: bold;
	font-size: 20px;
	font-size: 2rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 32px;
}

.movie h2 span {
	text-align: right;
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
}

.movie .video .wp-block-embed__wrapper {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom: 60px;
}

.movie .video .wp-block-embed__wrapper iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.online {
	margin-bottom: 72px;
}

.online a {
	display: block;
	width: 90%;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	text-align: center;
	line-height: 1.5;
	vertical-align: middle;
	border: 3px solid #000;
	border-radius: 10px;
	font-size: 18px;
	font-size: 1.8rem;
}

.online a img {
	margin: 0 16px;
}

.online a svg {
	margin: 0 16px;
}

.interview {
	width: 100%;
	margin: 0 auto;
}

.interview h2 {
	width: 100%;
    height: 14.8vw;
    background: url(../img/page/company-title-branch-sp.png);
    background-size: cover;
    position: relative;
	margin-bottom: 20vw;
}
.archiveinfo{
	width: 92%;
	margin: 0 auto;
}
.interview .archiveinfo{
	width: 100%;
}
.archiveinfo h2 {
    height: 14.8vw;
    background: url(../img/company-title-movie-sp.png);
    background-size: cover;
    position: relative;
	margin-bottom: 8vw;
}

.interview h2.title-branch {
  background: url(../img/page/company-title-branch-sp.png);
    background-size: cover;
}
.interview h2.title-expert {
  background: url(../img/page/company-title-expert-sp.png);
    background-size: cover;
}
.interview h2.title-product {
  background: url(../img/page/company-title-product-sp.png);
    background-size: cover;
}

.interview h2 img {
	margin: 0 auto;
}
.svs-btn{
	display: flex;
	justify-content: flex-end;
	padding-top: 20vw;
}
.svs-btn a{
	display: block;
	margin: 0 5px;

}
.interview .interview-main {
	margin-bottom: 40px;
}
.interview .interview-main .image{
	margin-bottom: 16px;
}
.interview .interview-main .image img {
	height: auto;
}
.interview .interview-main .txt p.name {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	padding-bottom: 3px;
	margin-bottom: 8px;
}

.interview .interview-main .txt p.name .career {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
	margin-right: 16px;
}

.interview .interview-main .txt p.comment {
	margin-top: 40px;
	font-size: 21px;
	font-size: 2.1rem;
	font-weight: bold;
	line-height: 1.5;
}

.interview p.interviewer {
	margin-bottom: 40px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}

.interview .qa {
	margin-bottom: 40px;
}

.interview .qa p.question {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 32px;
}

.interview .qa .a-wrap {
	margin-bottom: 40px;
}

.interview .qa .a-wrap .image {
	width: 100%;
	height: auto;
}
.interview .qa p{
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 24px;
}

.interview .qa .a-wrap .image img {
	width: 100%;
	height: auto;
}

.interview .qa .a-wrap .txt {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.8;
	margin-bottom: 32px;
}

.interview .qa .a-wrap .txt p a {
	text-decoration: underline;
	color: #00A0E9;
}

.interview .qa .a-wrap .txt p.question {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 32px;
}

.interview .qa .a-wrap .txt p.question img {
	display: inline-block;
	margin-right: 8px;
	vertical-align: middle;
}


.interview .qa .reverse {
	flex-direction: row-reverse;
}

.interview .qa .full {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.8;
	margin-bottom: 40px;
}

.result{
	width: 100%;
	margin: 0 auto;
	border-top: 3px solid #A40001;
}

.result h2{
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	margin:-5vw 0 32px;
	color: #A40001;
	display: inline-block;
	background: #fff;
	padding-right: 8px;
}

.result h2 span{
	font-size: 18px;
	font-size: 1.8rem;
	display: block;
	color: #A40001;
}
.result .result-box{
	border: 3px solid #A40001;
	padding-bottom: 40px;
	margin-bottom: 60px;
}

.result .result-box:nth-of-type(2) {
	margin-bottom: 60px;
}

.result .result-box .title {
	margin-bottom: 24px;
}

.result .result-box .title .number {
	width: 90%;
	margin: 20px auto 0;
	height:auto;
	 border-bottom: 3px solid #A40001;
		display:flex;
	justify-content: space-between;
}

.result .result-box .title .number p.case {
	padding: 0px 20px;
    background: #A40001;
    color: #fff;
    border-radius:5px 5px 0 0;
	display: flex;
	align-items: center;
    font-weight: bold;
}

.result .result-box .title .number p span {
	font-size: 18px;
	font-size: 1.8rem;
	display: block;
    font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	padding: 8px;
}

.result .result-box .title .number p:nth-of-type(1) {
	font-size: 21px;
	font-size: 2.1rem;
	padding-right: 8px;
	line-height: 1.3;
    font-weight: bold;
}

.result .result-box .title .number p:nth-of-type(2) {
	width: 70%;
	font-size:20px;
	font-size: 2rem;
	font-family: 'Montserrat', sans-serif;
	text-align: left;
	font-weight: 900;
	display: flex;
    justify-content: flex-end;
    font-weight: bold;
}

.result .result-box .title .ttl {
	padding: 4%;
	font-size: 21px;
	font-size: 2.1rem;
	font-weight: bold;
}

.result .result-box .title .ttl span {
	display: block;
	text-align: right;
	margin-top: 16px;
	font-size: 16px;
	font-size: 1.6rem;
}
.result .result-box .content .ttl{
	width: 92%;
	margin: 0 auto 24px;
	font-size: 20px;
	font-weight: bold;
}
.result .result-box .content .ttl span{
	display: block;
	margin-bottom: 8px;
	font-size: 18px;
	color:  #A40001;
}


.result .result-box .content {
	padding: 0 2%;
}

.result .result-box .content .image {
	width: 100%;
	height: auto;
	margin-bottom: 24px;
}

.result .result-box .content .image img {
	width: 100%;
	height: auto;
}

.result .result-box .txt {
	width: 92%;
	margin: 0 auto;
}

.result .result-box .txt p,
.result .result-box .txt02 p {
	margin-bottom: 24px;
}

.result .result-box .txt p:last-child,
.result .result-box .txt02 p:last-child {
	margin-bottom: 0px;
}

.result .result-box .txt p a,
.result .result-box .txt02 p a {
	text-decoration: underline;
	color: #00A0E9;
}

.result .result-box .content .txt p {
	margin-bottom: 16px;
	font-size: 14px;
}

.result .result-box .content .txt a {
	display: block;
	margin-top: 32px;
	color: #A40001;
}

.link-btn {
	margin-bottom: 40px;
	text-align: center;
}

.link-btn .btn a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 92%;
	margin: 0 auto 24px;
}

.link-btn .btn a svg {
	margin-left: 16px;
}

.link-btn .btn a:hover {
	background: #ccc;
}
.link-btn > .btn:nth-last-of-type(1) a{
	margin-bottom: 0;
}
.for-company-btn{
	width: 100%;
	margin: 0 auto 60px;
}
.for-company-btn a{
	display:block;
	justify-content: center;
	align-items: center;
	width:100%;
	margin: 0 auto 24px;
	background: #231815;
	color: #fff;
	font-size: 16px;
	padding: 16px 0;
	text-decoration: none;
	border-radius: 10px;
	text-align: center;
}
.webinar {
	padding: 0 15px;
}
.event-archive h1 img{
	max-width: 70%;
	margin: 0 auto;
	height: auto;
}
.wrap .single-event-list .webinar{
	padding: 0;
}
.wrap .single-event-list .webinar h2{
	margin: 0 auto 40px;
   font-size: 5vw;
    font-weight: bold;
    background: #A40001;
    color: #fff;
    display: block;
    padding: 12px;
}
/*
.webinar h2 {
	background: #dddada;
	padding: 12px;
	font-weight: bold;
	font-size: 20px;
	font-size: 2rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 32px;
}

.webinar h2 span {
	text-align: right;
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
}
*/
.webinar .link-btn {
	width: 100%;
	margin: 54px auto;
}

.webinar .link-btn ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.webinar .link-btn ul li {
	width: 46%;
	list-style-type: none;
	margin-bottom: 8px;
}

.webinar .link-btn ul li a {
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 10px 0;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	border-radius: 5px;
	background: #B5B5B6;
	color: #fff;
}

.webinar .link-btn ul li:nth-of-type(5n) {
	margin-right: 0;
}

.webinar .link-btn ul li:hover a {
	background: #A40000;
	color: #fff;
}

.webinar .link-btn ul li.current a {
	background: #A40000;
	color: #fff;
}

.webinar .box-info .box {
	margin-bottom: 40px;
}

.webinar .box-info .box .image {
	height: 53vw;
	background-size: cover;
	background-position: center center;
	margin-bottom: 16px;
}
.webinar .box-info .box .txt p.title {
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 8px;
}

.webinar .box-info .box .txt p.date {
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 8px;
}

.webinar .box-info .box .txt p.co-name {
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
}

.webinar .box-info .box .txt .btn a {
	color: #00A0E9;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
	text-decoration: none;
	margin-right: 16px;
}

.webinar .box-info .box .txt .inner {
	padding: 0;
}

.webinar .box-info .box .txt .inner .wrap .cat {
	margin-bottom: 16px;
	display: flex;
	flex-wrap: wrap;
}

.webinar .box-info .box .txt .inner .wrap .cat span {
	padding: 3px 5px;
	font-size: 12px;
	font-size: 1.2rem;
	border: 1px solid #000;
	margin-right: 8px;
	margin-bottom: 8px;
}

.webinar .box-info .box .txt .inner .wrap .date {
	display: block;
	padding: 12px;
	font-size: 15px;
	font-size: 1.5rem;
	color: #fff;
	background: #000;
	text-align: center;
	margin-bottom: 16px;
}

.webinar .box-info .box .txt .inner .wrap a {
	padding: 8px 0;
	text-align: center;
	display: block;
	width: 90%;
	text-decoration: none;
	margin: 0 auto 16px;
	color: #fff;
	border-radius: 30px;
	font-size: 14px;
	font-size: 1.4rem;
	transition: 0.3s;
}

.webinar .box-info .box .txt .inner .wrap a:hover {
	opacity: 0.7;
	transform: translateX(10px);
}

.webinar .box-info .box .txt .inner .wrap a:nth-of-type(1) {
	background: #A40001;
}

.webinar .box-info .box .txt .inner .wrap a:nth-of-type(2) {
	background: #676767;
	margin-bottom: 0;
}

.webinar .box-info .box .txt .inner .wrap:nth-of-type(2) {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
}

.archiveinfo {
	/*padding: 0 15px;*/
	margin-bottom: 60px;
}
.single-company_registration .archiveinfo{
	width: 100%;
}
.wp-block-embed iframe {
    max-width: 100%;
    height: 197px!important;
}

.archiveinfo h2 {
	margin: 0 auto 40px;
    font-size:5vw;
    font-weight: bold;
    background: #A40001;
    color: #fff;
    display: block;
    padding: 12px;
}

.archiveinfo h2 span {
	text-align: right;
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
}

.archiveinfo .wrap {
	margin-bottom: 40px;
}

.archiveinfo .wrap .box {
	margin-bottom: 24px;
}

.archiveinfo .wrap .box .wp-block-embed__wrapper {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.archiveinfo .wrap .box .wp-block-embed__wrapper iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.archiveinfo .bnr-wrap a {
	display: block;
	width: 92%;
	margin: 0 auto 24px;
	height: 40vw;
	background: #ccc;
}

.for-company a {
	display: block;
	width: 90%;
	margin: 0 auto 32px;
	position: relative;
	background: #000;
	color: #fff;
	padding: 20px 0;
	text-align: center;
	font-size: 17px;
	font-size: 1.7rem;
	text-decoration: none;
}

.for-company a svg {
	margin-right: 16px;
}

.for-company a::after {
	content: url(../img/page/icon-for-company.png);
	position: absolute;
	right: 3%;
	top: 32%;
	transition: 0.3s;
}

.for-company a:hover {
	background: #999;
}

.for-company a:hover::after {
	right: 1%;
}
.company-detail{
	width: 92%;
	margin: 0 auto;
}

.company-detail .profile-block .profile-img{
	margin-top: 20px;
}

.company-detail .profile-block .interview-position{
	font-weight: bold;
}
.company-detail .profile-block .name-area .japanese{
	font-weight: bold;
}
.company-detail .profile-block .name-area .english{
	color: #A40001;
	font-size: 1.2rem;
}
.company-detail .com-name {
	text-align: center;
	margin-bottom: 40px;
}

.company-detail .com-name .name {
	display: inline-flex;
	margin: 0 auto 60px;
	border: 1px solid #000;
	text-align: center;
}

.company-detail .com-name .name span {
	padding: 5px 20px;
}

.company-detail .com-name .name span:nth-of-type(1) {
	font-size: 20px;
	font-size: 2rem;
}

.company-detail .com-name .name span:nth-of-type(2) {
	font-size: 16px;
	font-size: 1.6rem;
	background: #000;
	color: #fff;
	padding-top: 8px;
}
.com-column{
	width: 100%;
	margin: 0 auto;
}
.com-column h2{
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 32px;
	background: #fff;
	color: #A40001;
	border-bottom: 4px solid #A40001;
}

.wrap .com-column .box-info {
	display: flex;
	flex-wrap: wrap;
	width:100%;
	margin: 0 auto;
}

.wrap .com-column .box-info .box {
	width: 100%;
	margin-bottom: 40px;
}

.wrap .com-column .box-info .box:nth-of-type(3n) {
	margin-right: 0;
}
.wrap .com-column .box-info .box a{
	text-decoration: none;
}

.wrap .com-column .box-info .box .image {
	width:100%;
	height:48vw;
	margin-bottom:24px;
}
.wrap .com-column .box-info .box .image img{
	width: 100%;
	height: auto;
}

.wrap .com-column .box-info .box .txt {
	width:100%;
}

.wrap .com-column .box-info .box .txt p.title {
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 8px;
	border-bottom: none;
}

.wrap .com-column .box-info .box .txt p.date {
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 8px;
}

/*新着情報*/
.u-contents section.top-news {
	width: 100%;
	margin: 0 auto 72px;
	position: relative;
}

.u-contents section.top-news dl {
	border-bottom: 1px dotted #ccc;
}

.u-contents section.top-news dl dt {
	padding: 12px 10px 0;
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
}

.u-contents section.top-news dl dd {
	padding: 8px 10px 12px;
	font-size: 16px;
	font-size: 1.6rem;
}

.u-contents section.top-news dl dd a {
	text-decoration: none;
}

.u-contents section.top-news dl dd a:hover {
	color: #A40001;
	text-decoration: underline;
}

.u-contents section.top-news dl:nth-last-of-type(1) {
	margin-bottom: 40px;
}


.news-card-2 .wrap .box,
.news-card-3 .wrap .box,
.news-card-4 .wrap .box {
	width: 100%;
	margin-bottom: 40px;
}

.news-card-2 .wrap .box .image,
.news-card-3 .wrap .box .image,
.news-card-4 .wrap .box .image {
	width: 100%;
	height: 55.7vw;
	background: #ccc;
	margin-bottom: 16px;
}

.news-card-2 .wrap .box p.title,
.news-card-3 .wrap .box p.title,
.news-card-4 .wrap .box p.title {
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 8px;
}

.news-card-2 .wrap .box p,
.news-card-3 .wrap .box p,
.news-card-4 .wrap .box p {
	font-size: 14px;
	font-size: 1.4rem;
}

.news-card-2 .wrap .box:nth-of-type(2n),
.news-card-3 .wrap .box:nth-of-type(2n),
.news-card-4 .wrap .box:nth-of-type(2n) {
	margin-right: 0;
}

.news-media-1 .wrap .box,
.news-media-2 .wrap .box {
	width: 100%;
	margin-bottom: 32px;
}

.news-media-1 .wrap .box .image,
.news-media-2 .wrap .box .image {
	width: 100%;
	height: 55.7vw;
	margin-right: 2%;
	background: #ccc;
	margin-bottom: 8px;
}

.news-media-1 .wrap .box .txt,
.news-media-2 .wrap .box .txt {
	width: 100%;
}

.news-media-1 .wrap .box .txt p.title,
.news-media-2 .wrap .box .txt p.title {
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 8px;
}

.news-media-1 .wrap .box .txt p,
.news-media-2 .wrap .box .txt p {
	font-size: 13px;
	font-size: 1.3rem;
}

.wp-pagenavi {
	text-align: center;
	margin: 40px auto;
	display: flex;
	justify-content: center;
}

.wp-pagenavi span,
.wp-pagenavi a {
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #A40001;
	border: 1px solid #A40001;
	border-radius: 50%;
	line-height: 30px;
	margin: 0 4px;
}

.wp-pagenavi span.nextpostslink,
.wp-pagenavi a.nextpostslink {
	border: none;
}

.wp-pagenavi span.pages,
.wp-pagenavi a.pages {
	display: none;
}

.wp-pagenavi span.current,
.wp-pagenavi a.current {
	color: #fff;
	background: #A40001;
}

.wp-pagenavi a:hover {
	color: #b5b5b5;
	border-color: #b5b5b5;
}

.wp-pagenavi a,
.wp-pagenavi span {
	padding: 0 !important;
}

/*記事詳細ページ*/
.single-contents {
	/*	margin-bottom: 64px;*/
	padding: 0 15px;
}

.single-contents h1 {
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	margin-bottom: 24px;
}

.single-contents h2 {
	font-size: 19px;
	font-size: 1.9rem;
	font-weight: bold;
	margin: 72px 0 40px;
	color: #A40001;
}

.single-contents h2:first-child {
	margin-top: 0;
}

.wp-block-image + h2,
.has-background + h2 {
    margin-top: calc(72px - 40px);
}

.single-contents h3 {
	font-size: 18px;
	font-size: 1.8rem;
	margin: 24px 0 20px;
	padding-left: 10px;
	border-left: 4px solid #A40001;
}

.single-contents h4 {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	margin: 16px 0;
}

.single-contents p {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 2;
	margin-bottom: 16px;
}

.single-contents .has-small-font-size {
	font-size: 13px;
	font-size: 1.3rem;
}
.single-contents .has-normal-font-size,
.single-contents .has-regular-font-size {
	font-size: 16px;
	font-size: 1.6rem;
}
.single-contents .has-medium-font-size {
	font-size: 18px;
	font-size: 1.8rem;
}
.single-contents .has-large-font-size {
	font-size: 21px;
	font-size: 2.1rem;
}
.single-contents .has-huge-font-size,
.single-contents .has-larger-font-size {
	font-size: 24px;
	font-size: 2.4rem;
}
.single-contents .has-background {
    margin-bottom: 1em !important;
    padding: 0.5em 1em;
    display: inline-block;
}

.single-contents figure img {
	max-width: 100%;
	height: auto;
	margin-bottom: 44px;
}

.single-contents .aligncenter>figcaption, .single-contents .alignleft>figcaption, .single-contents .alignright>figcaption {
	margin: -24px auto 28px;
}

.single-contents .news-main {
	width: 100%;
	height: 51.7vw;
	margin: 0 auto 40px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}


.single-contents ul {
	margin: 16px 0;
}

.single-contents ul li {
	font-size: 14px;
	font-weight: bold;
	list-style: none;
	margin: 0 0 16px;
	line-height: 1.5;
	padding: 0;
}

.single-contents ul li::before {
	content: "";
	/* 空の要素作成 */
	width: 10px;
	/* 幅指定 */
	height: 10px;
	/* 高さ指定 */
	display: inline-block;
	/* インラインブロックにする */
	background-color: #F44336;
	/* 背景色指定 */
	border-radius: 50%;
	margin-right: 8px;
	/* 要素を丸くする */
}

.single-contents ol {
  margin: 0 0 40px;
}

.single-contents ol li {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  list-style: none;
  margin: 0 0 10px;
	line-height: 1.5;
  padding: 0;
  padding-left: 1.3em;
  text-indent: -1.3em;
}

.single-contents table {
	border: 2px solid #eee;
	margin: 24px 0;
}

.single-contents table tr {
	width: 100%;
}

.single-contents table tr td {
	font-size: 14px;
	font-size: 1.4rem;
	padding: 2%;
	border-right: 2px solid #eee;
	border-bottom: 2px solid #eee;
	line-height: 1.5;
}

.single-contents table tr td:nth-of-type(1) {
	background: #e4e4e4;
	font-weight: bold;
}

.single-contents table tr td:nth-last-of-type(1) {
	border-right: none;
}

.single-contents table tr:nth-last-of-type(1) td {
	border-bottom: 0;
}

.single-contents blockquote {
	position: relative;
	padding: 40px 10px 10px 15px;
	box-sizing: border-box;
	font-style: italic;
	color: #464646;
	background: #ecf0f7;
	margin: 24px 0 40px;
}

.single-contents blockquote:before {
	display: inline-block;
	position: absolute;
	top: 13px;
	left: 17px;
	content: "\f10d";
	font-family: FontAwesome;
	color: #FFF;
	font-size: 35px;
	line-height: 1;
	font-weight: 900;
}

.single-contents blockquote p {
	padding: 0;
	margin: 10px 0 30px !important;
	line-height: 1.7;
	font-weight: bold;
}

.single-contents blockquote cite {
	display: block;
	text-align: right;
	color: #888888;
	font-size: 12px;
	font-size: 1.2rem;
}

.for-list {
	margin: 40px auto;
}

/*コラム*/
.u-contents section.top-column{
	margin-bottom: 100px;
}
.u-contents section.top-column .inner .wrap {
	margin-bottom: 64px;
}

.u-contents section.top-column .inner .wrap .box {
	margin: 0 auto 40px;
	transition: 0.3s;
}

.u-contents section.top-column .inner .wrap .box a {
	text-decoration: none;
}

.u-contents section.top-column .inner .wrap .box a .image {
	width: 100%;
	height: 51.7vw;
	overflow: hidden;
	margin-bottom: 8px;
}

.u-contents section.top-column .inner .wrap .box a .image img {
	width: 100%;
	height: auto;
}

.u-contents section.top-column .inner .wrap .box a p {
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 8px;
}
.u-contents section.top-column .inner .wrap .box a p.title{
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 8px;
}
.u-contents section.top-column .inner .wrap .box a p.co-name {
	color: #B2AEAE;
}

.u-contents section.top-column .inner .wrap .box:hover {
	transform: translateY(-10px);
}
.column-more{
	display: flex;
	justify-content:center;
	margin: 32px auto 0;
}
.column-more a{
display: block;
	padding: 12px 40px;
	text-align: center;
	color:#00356D;
	background:#fff;
	font-size: 16px;
	border-radius: 5px;
	text-decoration: none;
	font-weight: bold;
}
.top-com-column .column-more a{
	color: #023267;
}
/*企業検索*/
.company_registration .link-btn {
  margin: 54px auto;
}

.company_registration .link-btn ul {
  display: flex;
  flex-wrap: wrap;
}

.company_registration .link-btn ul li {
  list-style-type: none;
	 width:48%;
  margin-right: 4%;
  margin-bottom: 8px;
}

.company_registration .link-btn ul li a {
  display: block;
  text-align: center;
  text-decoration: none;
  padding: 10px 0;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  background: #B5B5B6;
  border-radius: 5px;
}
.company_registration .link-btn ul li.current a{
	 background: #A40000;
  color: #fff;
}

.company_registration .link-btn ul li:nth-of-type(2n) {
  margin-right: 0;
}

.company_registration .link-btn ul li:hover a {
  background: #A40000;
  color: #fff;
}

.company_registration .link-btn ul li.current a {
  background: #A40000;
  color: #fff;
}
.u-contents .company-list {
	margin: 0 auto 80px;
	padding: 0;
}

.u-contents .company-list .box {
	margin-bottom: 32px;
}

.u-contents .company-list .box .image {
	width: 100%;
	height: 53vw;
	background-size: cover;
	background-position: center center;
	margin-bottom: 8px;
}

.u-contents .company-list .box p.title {
	margin-bottom: 8px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	/*padding: 0 4%;*/
}

.u-contents .company-list .box p.company {

	margin-bottom: 40px;
	font-size: 12px;
	font-size: 1.2rem;
	color: #999;
	/*padding: 0 4%;*/
}


/*

.u-contents .company-list .box .txt a {
	position: absolute;
	right: 20px;
	bottom: 10px;
	display: block;
	width: 120px;
	text-align: center;
	color: #fff;
	background: #000;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 5px 0;
	border-radius: 20px;
	text-decoration: none;
	transition: 0.3s;
}

.u-contents .company-list .box .txt a:hover {
	background: #666;
	transform: translateX(10px);
}
*/

/*イベント・ウェビナー一覧*/
.event-list{
	margin-bottom: 100px;
}
.event-wrap {
	margin: 0 auto 40px;
}

.event-wrap .image {
	width: 100%;
	height: auto;
	margin-bottom: 32px;
}

.event-wrap .image img {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}


p.schedule,
p.host {
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 8px;
}
/*イベント詳細*/
.event-contents{
	width:100%;
	margin: 0 auto;
}
.single-event h1{
	font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 16px;
}
.pdf-down a{
	display:flex;
	color: #AC0001;
	font-size: 16px;
	margin-bottom: 16px;
	font-weight: bold;
}
.pdf-down a img{
	margin-right: 8px;
}
p.siteurl span{
	color: #AC0001;
}
.event-contents h2{
	font-size: 19px;
	border-bottom: 2px solid #AC0001;
}
.event-contents .wrap .image{
	width:100%;
	height: auto;
	margin-bottom: 24px;
}
.event-contents .wrap .image img{
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
.event-contents .wrap .txt{
	width:100%;
}
.event-contents .wrap .txt p.title{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 16px;
}
.event-contents .wrap p.prof{
	margin-bottom: 24px;
}
.event-contents .speakers{
	padding-top: 40px;
	border-top: 1px dotted #AC0001;
}
.event-data{
	margin: 0 auto 60px;
}
.event-data dl{
	margin-bottom: 16px;
	border-bottom: 1px dotted #ccc;
}
.event-data dl dt{
	font-size: 16px;
	width:100%;
	padding: 2%;
	font-weight: bold;
}
.event-data dl dd{
	font-size: 16px;
	width:100%;
	padding: 2%;
}
.googlemap{
	text-align: center;
	margin-bottom: 60px;
}
.googlemap iframe{
	width: 100%;
	height: 300px;
}
.tel-data{
	padding:6% 4%;
	border: 5px solid #AC0001;
	margin-bottom: 60px;
}
.tel-data dl dt{
	font-size: 18px;
	padding: 8px 0;
	width:100%;
	font-weight: bold;
}
.tel-data dl dd{
	width:100%;
	font-size: 18px;
	padding: 8px 0;
}
.tel-data dl dd.tel{
	font-size: 24px;
}
.tel-data .wrap{
	width:100%;
	margin: 32px auto 0;
	text-align: center;
}
.tel-data .wrap a{
	display: inline-block;
	padding: 12px 24px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	border-radius: 5px;
	margin:0 auto 24px;
	background: #A40001;
}
.tel-data .wrap a:hover{
	background: #999;
}

/*会社概要*/
.page-company .company-detail h2{
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 16px;
	margin-bottom: 24px;
	border-bottom: 5px solid #A40000;
}
.page-company .company-detail h3{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 24px;
	color: #A40000;
}

.page-company .company-detail {
	width: 100%;
	margin-bottom: 104px;
}

.page-company .company-detail dl {
	padding: 8px 0;
}
.page-company .company-detail dl dt {
	padding: 8px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.5;
	position: relative;
}
.page-company .company-detail dl dd {
	padding: 8px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}
.page-company .company-detail dl:nth-last-of-type(1){
	margin-bottom: 80px;
}
.page-company .company-detail ul:nth-of-type(1){
	margin-bottom: 80px;
}
.page-company .company-detail ul > li{
	position: relative;
	padding-left: 18px;
	font-size: 18px;
	font-weight: bold;
	list-style-type: none;
	margin-bottom: 24px;
}
.page-company .company-detail ul > li::before{
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	top: 7px;
	left: 0;
	background: #A40001;
}
.page-company .company-detail ul > li ul{
	padding-top:16px;
	margin-bottom: 0 !important;
}
.page-company .company-detail ul > li ul li{
	padding-left: 0;
	font-size: 15px;
	font-weight: normal;
	margin-bottom:16px;
	line-height: 1.5;
}
.page-company .company-detail ul > li ul li::before{
	content: none;
}
.page-company .wp-block-image img:nth-of-type(1){
	margin: 0 auto 60px;
}
.company-detail p.company-position{
	font-size: 16px;
	margin: 0 0 24px;
	font-weight: bold;
}
.company-detail p.company-name{
	font-size: 20px;
	font-weight: bold;
}
.page-company .company-detail p{
	margin-bottom: 24px;
	font-size: 16px;
}
.page-company .company-detail p.last{
	margin-bottom: 40px;
}
.kaiketsu-logo{
	margin-top: 80px;
}

/*よくある質問*/
.faq {
	margin-bottom: 64px;
}

.faq .box {
	margin-bottom: 24px;
	padding: 4%;
	border-radius: 10px;
}

.faq .box .question {
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 16px;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 8px;
}

.faq .box .question span {
	font-size: 20px;
	font-size: 2rem;
	color: cadetblue;
	margin-right: 8px;
}

.faq .box .answer {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.5;
}

.faq .box .answer span {
	font-size: 18px;
	font-size: 1.8rem;
	color: #e00;
	margin-right: 8px;
}

.faq .box:nth-of-type(2n-1) {
	background: linen;
}

/*プライバシーポリシー*/
.l-privacy .p--definition dt {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.2;
	margin-bottom: 16px;
	font-family: "note700";
}

.l-privacy .p--definition dd {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	margin-bottom: 32px;
}

.l-privacy p.company-name {
	font-size: 16px;
	font-size: 1.6rem;
	font-family: "note700";
}

.l-privacy p.company-name:first-line {
	font-size: 18px;
	font-size: 1.8rem;
}

/*お問い合わせフォーム*/
.contact-intro {
	text-align: center;
	font-size: 16px;
	margin-bottom: 30px;
}

.contact {
	padding: 0 15px;
	margin: 0 auto 40px;
}

.contact dl {
	border-bottom: 1px dotted #999;
}

.contact dl:first-child {
	border-top: 1px dotted #999;
}

.contact dl.last {
	margin-bottom: 40px;
}

.contact dl dt {
	padding: 15px 0 0;
	font-weight: bold;
	font-size: 16px;
}

.contact dl dt span {
	padding: 1px 5px;
	border-radius: 5px;
	text-align: center;
	color: #fff;
	margin-right: 10px;
	font-size: 12px;
}

.contact dl dt span.required {
	background: #e00;
}

.contact dl dt span.any {
	background: #aaa;
}

.contact dl dd {
	padding: 15px 0;
	line-height: 1.5;
	font-size: 16px;
}

.contact dl dd input[type="text"],
.contact dl dd input[type="email"] {
	width: 100%;
	padding: 5px;
	font-size: 16px;
}

.contact dl dd input.tel {
	width: 60%;
	font-size: 16px;
}

.contact dl dd input.zip {
	width: 40%;
	margin-bottom: 10px;
	padding: 3px 5px;
	font-size: 16px;
}

.contact dl dd textarea {
	width: 100%;
	height: 200px;
	padding: 5px;
	font-size: 16px;
}

.contact p {
	text-align: center;
	margin-bottom: 32px;
}
.contact p.with_drawal{
	text-align: center;
	margin: 30px auto;
	color: #e00;
	font-weight: bold;
}

.placeholder {
	text-align: left;
	color: #aaa;
	font-size: 13px;
}

.submit-area {
	text-align: center;
}

.submit-area input[type="submit"] {
	width: 280px;
	border: none;
	text-align: center;
	padding: 15px 0;
	font-size: 16px;
	color: #fff;
	background: #000;
	margin: 0 auto 40px;
	border-radius: 10px;
	transition: 0.3s;

}

.submit-area input[type="submit"]:hover {
	background: #A40001;
	transform: translateY(-10px);
}

.submit-area input.return {
	width: 200px;
	border: none;
	text-align: center;
	padding: 15px 0;
	font-size: 16px;
	color: #fff;
	background: #aaa;
	margin: 0 auto 40px;
	border-radius: 10px;

}

.mw_wp_form_preview .placeholder {
	display: none;
}

.thanks-txt {
	Width: 100%;
	text-align: left;
	font-size: 19px;
	font-size: 1.9rem;
	font-weight: bold;
	Margin: 0 auto 24px;
	line-height: 1.5;
}

p.thanks-sub {
	Width: 100%;
	text-align: left;
	font-size: 16px;
	font-size: 1.6rem;
	Margin: 0 auto 16px;
}

.for-top {
	margin: 60px auto;
	text-align: center;
}

.for-top a {
	display: block;
	width: 280px;
	padding: 15px 0;
	text-align: center;
	background: #A40001;
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0 auto 40px;
	text-decoration: none;
}

.for-top a:hover {
	background: #b5b5b5;
}

/*ログイン*/
#spiral-member-login {
	margin: 0 auto 64px;
}

#spiral-member-login #loginform {
	margin: 20px auto 20px;
}

#spiral-member-login #loginform p {
	margin: 0 auto;
	border-top: 1px dotted #999;
}

#spiral-member-login #loginform label:last-child {
	margin-bottom: 40px;
}

#spiral-member-login #loginform label {
	display: block;
	padding: 6px 24px;
	font-weight: bold;
	font-size: 1.4rem;
	background: #ffe5e5;
	border-bottom: 1px dotted #999;
}

#spiral-member-login #loginform input {
	width: 90%;
	padding: 8px;
	margin: 10px 10px;
	font-size: 1.4rem;
	line-height: 1.5;
}

#spiral-member-login #loginform .submit {
	text-align: center;
}

#spiral-member-login #loginform .submit input[type="submit"] {
	width: 280px;
	border: none;
	text-align: center;
	padding: 15px 0;
	font-size: 16px;
	color: #fff;
	background: #f5868a;
	margin: 24px auto 0;
	border-radius: 10px;
}

#spiral-member-login .sml-action-links {
	text-align: center;
}

#spiral-member-login .sml-action-links li {
	position: relative;
	display: inline-block;
	padding: 0 16px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.8;
}

#spiral-member-login .sml-action-links li:first-child:before {
	content: "|";
	position: absolute;
	right: -5px;
}

#spiral-member-login .sml-user-links {
	margin: 16px auto 0;
}

#spiral-member-login .sml-user-links li {
	margin: 0 auto 16px;
}

#spiral-member-login .sml-user-links li a {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	width: 70%;
	margin: 0 auto;
	padding: 15px;
	border: none;
	background: #f5868a;
	color: #fff;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
}

#spiral-member-login .sml-user-links li:last-child a {
	background: #DDD;
	color: inherit;
}

/*ログイン(セミナーページ)*/
.form_s_login {
	text-align: center;
    font-size: 2.6rem;
    color: #A40001;
    font-weight: bold;
    margin-top: 32px;
}

#spiral-member-login1 {
	margin: 0 auto 64px;
	text-align: initial;
}

#spiral-member-login1 #loginform1 {
	margin: 20px auto 20px;
}

#spiral-member-login1 #loginform1 p {
	margin: 0 auto;
	border-top: 1px dotted #999;
}

#spiral-member-login1 #loginform1 label:last-child {
	margin-bottom: 40px;
}

#spiral-member-login1 #loginform1 label {
	display: block;
	padding: 6px 24px;
	font-weight: bold;
	font-size: 1.4rem;
	background: #ffe5e5;
	border-bottom: 1px dotted #999;
	color: #000;
}

#spiral-member-login1 #loginform1 input {
	width: 90%;
	padding: 8px;
	margin: 10px 10px;
	font-size: 1.4rem;
	line-height: 1.5;
}

#spiral-member-login1 #loginform1 .submit {
	text-align: center;
}

#spiral-member-login1 #loginform1 .submit input[type="submit"] {
	width: 280px;
	border: none;
	text-align: center;
	padding: 15px 0;
	font-size: 16px;
	color: #fff;
	background: #f5868a;
	margin: 24px auto 0;
	border-radius: 10px;
}

#spiral-member-login1 .sml-action-links {
	text-align: center;
}

#spiral-member-login1 .sml-action-links li:before {
	width: 0;
    height: 0;
}

#spiral-member-login1 .sml-action-links li {
	position: relative;
	display: inline-block;
	padding: 0 16px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.8;
	color: #000;
}

#spiral-member-login1 .sml-action-links li:first-child {
	display: none;
}

#spiral-member-login1 .sml-action-links li:first-child:before {
	content: "|";
	position: absolute;
	right: -10px;
}

#spiral-member-login1 .sml-user-links {
	margin: 16px auto 0;
}

#spiral-member-login1 .sml-user-links li {
	margin: 0 auto 16px;
}

#spiral-member-login1 .sml-user-links li a {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	width: 70%;
	margin: 0 auto;
	padding: 15px;
	border: none;
	background: #f5868a;
	color: #fff;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
}

#spiral-member-login1 .sml-user-links li:last-child a {
	background: #DDD;
	color: inherit;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/* マイページ */
.table-user table {
	border-collapse: collapse;
}
.table-user tr td {
	border-top: 1px dotted #999;
	padding: 16px 24px;
	font-weight: bold;
    font-size: 1.8rem;
	display: block;
}

.table-user tr td:nth-of-type(1) {
    background: #ffe5e5;
}

.table-user tr:last-child td:last-child {
	border-bottom: 1px dotted #999;
}

/*404*/
p.notfound {
	font-size: 15px;
	text-align: center;
	padding: 0 15px;
	margin: 24px auto 40px;
}

p.notfound span {
	Font-size: 18px;
	Font-weight: bold;
	Margin-bottom: 24px;
	display: block;
}

.fortop {
	text-align: center;
	margin-bottom: 40px;
}

.fortop a {
	display: block;
	width: 230px;
	padding: 12px;
	text-align: center;
	color: #fff;
	background: #A40001;
	border: 1px solid #A40001;
	margin: 24px auto;
	font-size: 14px;
	color: #fff !important;
	text-decoration: none;
}

footer {
	color: #fff;
}
footer .inner {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

footer .inner .footer-logo {
	text-align: center;
	position: relative;
	margin-bottom: 40px;
}

footer .inner .footer-logo img.f-logo {
	margin: 0 auto 32px;
}

footer .inner .footer-logo .sns-link {
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}

footer .inner .footer-logo .sns-link a img {
	margin: 0 10px;
}

footer .inner .footer-logo .sns-link a:hover img {
	opacity: 0.7;
}

footer .copyright {
	background-color: #A40000;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding: 40px 0 32px;
	position: relative;
}

footer .copyright::before {
	content: "";
	width: 100%;
	height: 4px;
	background-color: #fff;
	position: absolute;
	top: 10px;
	left: 0;
}

#pagetop {
	position: absolute;
	top: -112px;
	right: 15px;
	width: 50px;
	height: 50px;
	background: #000;
}

#pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

#gnav {
	padding: 60px 0;
	background-color: #A40001;
}

#gnav a {
	color: #fff;
	text-decoration: none;
}

#gnav a:hover,
#gnav a.stay {
	background-color: #ff0b0c;
}

/* mmenu */
#mm-blocker {
	background: rgba(0, 0, 0, 0.5);
}

/* sp-navi */
.sp-navi {
	background: #f90;
	box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
}

.sp-navi li {
	border-left: 1px solid rgba(0, 0, 0, 0.1);
	border-right: 1px solid rgba(255, 255, 255, 0.1);
	width: 20%;
	position: relative;
}

.spn {
	width: 60px;
	height: 60px;
	position: absolute;
	right: 0;
	top: 0;
	background: #A40001;
	color: #fff !important;
	display: block;
	font-size: 10px;
	line-height: 1.1;
	text-align: center;
	padding: 11px 0 10px;
}

.spn:not(#gnav-open)::before {
	display: block;
	font-family: 'taga-koutsuu';
	font-size: 2rem;
	margin: 0 0 5px;
}

.sp-navi li:nth-child(1) a.spn::before {
	content: '\e801';
}

.sp-navi li:nth-child(2) a.spn::before {
	content: '\e803';
}

.sp-navi li:nth-child(3) a.spn::before {
	content: '\f15c';
}

.sp-navi li:nth-child(4) a.spn::before {
	content: '\e800';
}

.mainnav-sub li {
	background: #ff0b0c;
}
img.img-1column  {
      display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
}
.qa figcaption{
      margin-bottom: 50px!important;
    font-size: 12px;
    text-align: left;
}
.qa .message figcaption{
	margin-bottom:24px !important;
}
.wp-block-image img {
	    max-width: inherit;
    width: 100%;
    height: 100%;
}

.tensen {
	color: #A40001;
	font-weight: bold;
	border-bottom: dotted 1px #A40001;
	padding-bottom: 10px;
}

.ol_on {
	font-size: 14px;
	margin-top: 20px;
	line-height: 2em;
	list-style-type: decimal !important;
	padding-left: 20px !important;
}

.single-column h1 {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 16px;
}
.single-column figcaption a{
	font-size: 14px;
	text-decoration: underline;
	color: #00A0E9;
}
.single-column p {
	margin-bottom: 40px!important;
}
.single-column p a {
	text-decoration: underline;
	color: #00A0E9;
}

section.profile {
	margin: 0 auto 48px;
}
.single-contents section.profile figure img {
	margin-bottom: 20px;
}
.single-column section.profile strong{
 	    text-align: center;
    font-size: 18px;
    padding-bottom: 18px;
    border-bottom: solid 2px #000;
    display: block;
 }
 .single-column section.profile .name {
 	text-align: center;
 	font-weight: bold;
    font-size: 18px;
    margin-bottom: 32px !important;
 }
.interview p.interviewer {
	margin-bottom: 56px!important;
	font-size: 16px!important;
	font-size: 1.6rem!important;
	font-weight: bold;
}
p.clm_b {
	margin-bottom: 56px!important;
	font-size: 18px!important;
	font-size: 1.8rem!important;
	font-weight: bold;
	line-height: 1.8;
}
 p.writer_name {
 	font-size: 14px;
 }
  p.writer_name span {
  	font-size: 16px;
    font-weight: bold;
  }

.btn-arrow{
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
	max-width: 420px;
	height: 50px;
	margin: 0 auto;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	border-radius: 9px;
	background: #A40001 url(../img/common/icn_arrow_01.svg) no-repeat center right 15px/15px 15px;
}
.btn-arrow:hover{
	opacity: .7;
}
.btn-arrow.-mb{
	margin-bottom: 80px;
}
.btn-arrow.-black{
	background: #231815;
}

.heading-1{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-align-items: baseline;
	align-items: baseline;
	font-weight: bold;
	border-bottom: 3px solid #A40001;
}
.heading-1 [lang="en"]{
	flex-shrink: 0;
	margin-right: 15px;
	font-size: 2.4rem;
}
.heading-1 [lang="ja"]{
	color: #A40001;
}

.the_content p + p{
	margin-top: 20px;
}

.heading-2{
	position: relative;
	margin: 0 0 3rem;
	padding: 8px 14px;
	min-width: 120px;
	max-width: 100%;
	font-size: 20px;
	color: #fff;
	border-radius: 10px;
	background: #A40001;
}
.heading-2::before{
	content: '';
	position: absolute;
	top: 100%;
	left: 80px;
	margin-left: -40px;
	border: 6px solid transparent;
	border-top: 17px solid #A40001;
}

.about-point{
	margin-top: 40px;
}
.about-point__items{
	margin-bottom: 40px;
}
.about-point__item{
	padding: 0 16px 19px;
	font-weight: bold;
	border: 2px solid #A40001;
	border-radius: 6px;
}
.about-point__item:nth-of-type(n+2){
	margin-top: 20px;
}
.about-point__item p strong{
	color: #A40001;
}
.about-point__heading{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-ms-align-items: baseline;
	align-items: baseline;
	font-size: 2rem;
	font-weight: bold;
	color: #A40001;
	line-height: 40px;
}
.about-point__heading span{
	font-size: 3rem;
	line-height: 60px;
}

.page-about{
	margin: 0 0 80px;
}

.page-about .header {
	margin-bottom: 0;
}

.page-about .u-main .wrap {
  background-image: url(../img/page/about-bg2-sp.png);
  padding: 8% 0 60%;
  background-position: bottom center;
  background-size: contain;
  background-repeat:no-repeat;
  background-color: #CCE8E2;
  margin-bottom: 10px;
}

.page-about .u-main .wrap .inner {
	width: 90%;
  margin: 0 auto;
	display: flex;
	flex-direction: column-reverse;
}

.page-about .u-main .wrap .inner p {
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 30px;
	line-height: 2;
	background-image: linear-gradient(180deg, rgba(204, 204, 204, 0) 0%, rgba(204, 204, 204, 0) 98.5%, #646464 100%);
	background-repeat: repeat-y;
	background-size: 100% 2.4em;
	line-height: 2.4;
}

.page-about .u-main .wrap .inner h1 {
	padding: 0;
	line-height: 1;
	text-align: left;
}

.page-about .u-main .wrap .inner img {
	margin: 0;
}

.page-about h2{
	font-weight: bold;
	border-bottom: 3px solid #A40001;
}
.page-about__intro{

}

.page-about dl{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-top: 15px;
	font-weight: bold;
}

.page-about dt{
	font-size: 2.4rem;
}

.page-about dd{
	order: -1;
	margin-bottom: 15px;
	font-size: 1.8rem;
}

.page-about p + p{
	margin-top: 20px;
}

.page-about__item{
	margin-bottom: 40px;
}

.page-post{

}
.page-post__lead{
	margin-bottom: 40px;
	font-weight: bold;
}
.page-post__wrap{
	margin: 20px 0 80px;
}
.page-post h2{
	margin-bottom: 35px;
	font-weight: bold;
	border-bottom: 5px solid #A40001;
}
.page-post__items{
	margin-bottom: 60px;
}
.page-post__item{

}
.page-post__item + .page-post__item{
	margin-top: 40px;
}
.page-post__items h3{
	margin-bottom: 15px;
	font-size: 2rem;
	font-weight: bold;
	color: #A40001;
}
.page-post__items p{

}
.page-post__buttons a + a{
	margin-top: 20px;
}
hr.yokosen {
	    border-top: 5px #000 solid;
	    margin-bottom: 54px;
}
.intro {
	text-align: center;
}
.intro .inner {
	margin-top: 32px;
}
.intro h2 {
	text-align: center;
	font-size: 20px!important;
	font-size: 2rem!important;
	font-weight: bold;
	line-height: 2;
	background: linear-gradient(transparent 90%, #000 0%);
	display: inline;
	padding: 0 4px 6px;
  }
  .intro p {
	margin: 30px auto 40px;
	text-align: left;
	font-size: 15px;
	font-size: 1.5rem;
  }
.online_exhb {
	margin-bottom:0!important;
}
  .rdf {
	width: 90%;
	margin: 40px auto;
	border: 2px solid #A40000;
}
.rdf a {
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 10px 0;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	border-radius: 5px;
	background: #A40000;
	color: #fff;
}
.sc2022 {
	margin: 48px 0;
}
.sc2022 .inner {
	width: 90%;
	margin: 40px auto;
}
.sc2022 .inner .title_sc {
	width: 82%;
    margin: 0 auto 32px;
}
.sc2022 .inner .bnr_2022 a {
	margin-bottom: 24px;
	display: block;
}
.sc2022 .inner .bnr_2022 a:last-child {
	margin-bottom: 0;
}
.sc2022 .pic {
	position: relative;
}
.sc2022 .pic a {
	display: block;
    text-align: center;
    text-decoration: none;
    padding: 10px 50px;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
    border-radius: 5px;
    background: #A40000;
    color: #fff;
    position: absolute;
    bottom: 1.5%;
    left: calc(50% - 122px);
}
.main-image .title_iv {
	width: 60%;
	margin: 40px auto;
}
.yt_interview {
	margin-bottom: 48px!important;
}
.yt_interview h2 img {
	width: 57%;
    margin: 0 auto 40px;
}
.yt_interview .box-info ul li {
	width: 100%;
	list-style: none;
	margin-bottom: 32px;
}
.yt_interview .box-info ul li:last-child {
	margin-bottom: 0;
}
.yt_interview .box-info ul li .yt_link {
	max-height: 53vw;
    overflow: hidden;
    width: 100%;
    display: block;
	margin-bottom: 8px;
}
.yt_interview .box-info ul li .yt_link p {
	height: 400px;
	display: block;
	overflow: hidden;
	margin: -10% 0 0;
}
.yt_interview .box-info ul li .yt_link .yt_image {
	max-width: initial;
    margin: 0 -25% 16px;
}
.yt_interview .box-info ul li iframe {
	width: 100%;
	margin-bottom: 16px;
}
.yt_interview .box-info ul li span {
	display: block;
    text-align: center;
    font-size: 15px;
	font-weight: bold;
}
.yt_interview .box-info ul li span.company_yt {
	color: #A40001;
}
/* 動画視聴ボタン　*/
.play_btn {
	padding: 10px 20px;
    font-size: 1.8rem;
	font-weight: bold;
	width: 100%;
	margin: 40px 0 0;
}
.modaal-video-wrap {
	width: 100%;
    margin: 0!important;
}