@charset "UTF-8";

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

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

/* 1023px以下　サイトサイズ */
@media (max-width: 1023px) {
	.entry-content>*, .mce-content-body>*, .article p, .demo .entry-content p, .article dl, .article ul, .article ol, .article blockquote, .article pre, .article table, .article .toc, .body .article, .body .column-wrap, .body .new-entry-cards, .body .popular-entry-cards, .body .navi-entry-cards, .body .box-menus, .body .ranking-item, .body .rss-entry-cards, .body .widget, .body .author-box, .body .blogcard-wrap, .body .login-user-only, .body .information-box, .body .question-box, .body .alert-box, .body .information, .body .question, .body .alert, .body .memo-box, .body .comment-box, .body .common-icon-box, .body .blank-box, .body .button-block, .body .micro-bottom, .body .caption-box, .body .tab-caption-box, .body .label-box, .body .toggle-wrap, .body .wp-block-image, .body .booklink-box, .body .kaerebalink-box, .body .tomarebalink-box, .body .product-item-box, .body .speech-wrap, .body .wp-block-categories, .body .wp-block-archives, .body .wp-block-archives-dropdown, .body .wp-block-calendar, .body .ad-area, .body .wp-block-gallery, .body .wp-block-audio, .body .wp-block-cover, .body .wp-block-file, .body .wp-block-media-text, .body .wp-block-video, .body .wp-block-buttons, .body .wp-block-columns, .body .wp-block-separator, .body .components-placeholder, .body .wp-block-search, .body .wp-block-social-links, .body .timeline-box, .body .blogcard-type, .body .btn-wrap, .body .btn-wrap a, .body .block-box, .body .wp-block-embed, .body .wp-block-group, .body .wp-block-table, .body .scrollable-table, .body .wp-block-separator, .body .wp-block, .body .video-container, .comment-area, .related-entries, .pager-post-navi, .comment-respond {
		width: 100% !important
	}
}


.fixed-header {
	box-shadow: none;
}

.admin-panel {
	display: none;
}

/*SNSボタン全てをまとめて非表示*/
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}


/* ***header*** */
.header {
	position: relative;
}

.header::after {
	content: "";
    display: inline-block;
    width: 130px;
    height: 77px;
    background-color: #fff;
    position: absolute;
    right: -110px;
    z-index: 901;
}

.header-in {
	z-index: 902;
}

.header-container {
	display:flex;
	align-items:center;
	height: 77px;
}

.header-container::after {
	content: "";
    display: block;
    position: absolute;
    right: 1px;
    width: 30%;
    height: 77px;
    background-color: #d42e1e;
}

.header-container-in {
	height:100%;
}

.navi {
	height:100%;
	z-index: 900;
}

 .navi-in {
	height:100%;
}

.navi-in>ul {
	height:100%;
}

.navi-in>ul>li {
	width:150px !important;
	height:100%;
}

.navi-in>ul>li::after {
	content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 0;
    height: 4px;
    background-color: #fff;
	transition: all .3s;
    transform: scale(0, 1);
    transform-origin: left top;
}

.navi-in>ul>li:hover::after {
	width: 100%;
	transform: scale(1, 1);
}

.navi-in>ul>li a {
	height: 100%;
}

.menu-item {
	height:100%;
}

.header {
	display:flex;
}

/* 下の文字 */
.navi-in>ul>li:first-child>a>.caption-wrap::after {
	content: "ABOUT";
    display: block;
    font-size: 10px;
    line-height: 1;
	position:absolute;
	bottom: 20px;
	left: 0;
	right:0;
}

.navi-in>ul>li:nth-child(2)>a>.caption-wrap::after {
	content: "SERVICE";
    display: block;
    font-size: 10px;
    line-height: 1;
	position:absolute;
	bottom: 20px;
	left: 0;
	right:0;
}

.navi-in>ul>li:nth-child(3)>a>.caption-wrap::after {
	content: "NEWS";
    display: block;
    font-size: 10px;
    line-height: 1;
	position:absolute;
	bottom: 20px;
	left: 0;
	right:0;
}

.navi-in>ul>li:nth-child(4)>a>.caption-wrap::after {
	content: "CAREERS";
    display: block;
    font-size: 10px;
    line-height: 1;
	position:absolute;
	bottom: 20px;
	left: 0;
	right:0;
}

.navi-in>ul>li:last-child>a>.caption-wrap::after {
	content: "CONTACT";
    display: block;
    font-size: 10px;
    line-height: 1;
	position:absolute;
	bottom: 20px;
	left: 0;
	right:0;
}

.entry-content>.wp-block-group>.toc {
	display: none;
}

/* header-1023px以下 */
@media (max-width: 1023px) {
	.header-container {
		display: none;
	}
	
	.mobile-header-menu-buttons {
		height: 77px;
		align-items: center;
		justify-content: space-between;
		background-color: #d42e1e;
		max-width: 1023px;
		padding: 0 20px 0 13px;
		box-shadow: none;
	}
	
	.mobile-header-menu-buttons>.logo-menu-button>a>.site-logo-image {
		visibility: hidden;		
	}

	.mobile-menu-buttons .menu-button {
		display: block;
		width: fit-content;
	}

	.mobile-menu-buttons .logo-menu-button {
        flex-grow: inherit;
		order: 1;
    }

	.mobile-menu-buttons .search-menu-button {
		order: 2;
    }

	.mobile-menu-buttons .navi-menu-button {
		order: 3;
    }

	.search-menu-button .fa-search:before {
		width: 26px !important;
		height: 26px !important;
	}

	.mobile-menu-buttons .menu-caption {
		font-size: 10px;
	}
	
	.logo-menu-button .menu-button-in {
		background-image: url("https://missiona.co/wp-content/uploads/2023/11/logo-white.png");
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
		height: 40px;
	}
	
	.navi-menu-icon>.fa {
		font-size: 40px;
		color: #fff;
	}
	
	.navi-menu-icon>.fa::before {
		content: "" !important;
		display: block !important;
		background: url("https://missiona.co/wp-content/uploads/2023/11/hamburger-open.png") no-repeat center center / auto 90% !important;
		width: 40px !important;
		height: 40px !important;
		margin-bottom: -5px !important;
	}
	.navi-menu-content>.navi-menu-close-button>.fa {
		display: block;
		position: relative;
		width: 40px;
		height: 40px;
		background: #eee;
	}

	.navi-menu-content>.navi-menu-close-button>.fa::before,
	.navi-menu-content>.navi-menu-close-button>.fa::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 3px;
		height: 27px;
		background: #333;
	}

	.navi-menu-content>.navi-menu-close-button>.fa::before {
		transform: translate(-50%,-50%) rotate(45deg);
	}

	.navi-menu-content>.navi-menu-close-button>.fa::after {
		transform: translate(-50%,-50%) rotate(-45deg);
	}
	
	.navi-menu-close-button {
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 77px;
		padding: 0 20px;
	}
	
	.navi-menu-close-button::before {
		content: "";
		display: block;
		background-image: url(https://missiona.co/wp-content/uploads/2023/11/logo.png);
		background-size: 100%;
		background-position: center;
		background-repeat: no-repeat;
		width: calc(400*0.15px);
		height: calc(268*0.15px);
	}
	
	.menu-content .menu-drawer {
		padding: 0 0 20px;
	}
	
	.menu-item>a {
		position: relative;
		padding: 20px;
		font-size: 20px;
		font-weight: 500;
		border-top: 1px solid #eee;
	}

	.menu-item>a:hover {
		background: none;
	}

	.menu-item>a::before {
		content: "";
		position: absolute;
		top: 50%;
		right: 20px;
		width: 10px;
		height: 10px;
		border-bottom: solid 2px #d42e1e;
		border-right: solid 2px #d42e1e;
		transform: translate(-50%, -50%) rotate(45deg);
	}

	.menu-item>a::after {
		display: block;
		font-size: 14px;
		margin-top: 10px;
	}
	
	.menu-item:first-child>a::after {
		content: "ABOUT";
	}
	
	.menu-item:nth-child(2)>a::after {
		content: "SERVICE";
	}
	
	.menu-item:nth-child(3)>a::after {
		content: "NEWS";
	}
	
	.menu-item:nth-child(4)>a::after {
		content: "CAREERS";
	}
	
	.menu-item:nth-child(5)>a::after {
		content: "CONTACT";
	}
	
	.menu-item:nth-child(6)>a::after {
		content: "PRIVACY POLICY";
	}
	
	.navi-menu-content {
		max-width: 100vw;
		top: 0;
		left: 0;
		right: 0;
		transform: none;
		transition: all .25s;
		visibility: hidden;
		opacity: 0;
	}
	
	#navi-menu-input:checked ~ #navi-menu-content {
		opacity: 1;
    overflow: auto;
    visibility: initial;
	}
	
	.menu-open>.navi-menu-caption {
		display: none;
	}
	
	.search-menu-button {
		display: none;
	}
}
/* ***header-end*** */


.main {
	padding: 0;
}

.entry-header .eye-catch-wrap {
	width: 100%;
}

.entry-header .entry-title {
	text-align: center;
}

@media screen and (max-width: 480px) {
	.entry-header .entry-title {
		padding: 0;
	}
}

.entry-content {
	transform: translatey(-1px);
}

/* －－－－－－－－－－－TOPページ－－－－－－－－－－－ */
/* ***TOPイメージ*** */
.section-top-image {
	margin-bottom: 0 !important;
}

.section-top-image__container {
	background-color: #d42e1e;
    position: relative;
    height: 80vh;
    margin: 0 !important;
    max-width: none;
}

.section-top-image__container__image {
	background: url(https://missiona.co/wp-content/uploads/2023/11/heroheaderimg-scaled-1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 80vh;
    padding-bottom: 0px;
    position: absolute;
    width: 80%;
    max-width: none !important;
    z-index: 1;
}

.section-top-image__container__image__pattern {
	background-attachment: scroll;
    background-image: url(https://missiona.co/wp-content/uploads/2023/11/pattern.png);
    background-repeat: repeat;
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    max-width: none !important;
    z-index: -1;
}

.section-top-image__container__title {
	margin: 0 auto;
    max-width: 1040px !important;
    height: 80vh;
    position: relative;
}

.section-top-image__container__title__lead {
	position: absolute;
    top: 50%;
    transform: translatey(-50%);
    right: 0;
    z-index: 1;
}

.section-top-image__container__title__lead>p {
	color: #fff;
    font-size: 64px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0;
}

.section-top-image__container__title__lead>p>.mobile-only {
	display: none;
}

.section-top-image__container__title__lead>p:last-child {
	color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.15em;
    margin-top: 40px;
}

/* topimage-1079px以下 */

/* topimage-1023px以下 */
@media (max-width: 1023px) {
	.section-top-image__container {
		height: 100vh;
	}
	
	.section-top-image__container>.section-top-image__container__image {
		height: 100vh !important;
    	width: 80% !important;
		background: url(https://missiona.co/wp-content/uploads/2023/11/heroheaderimg_smh-1.jpg);
		background-position: center;
    	background-repeat: no-repeat;
    	background-size: cover;
	}
	
	.section-top-image__container__title {
		height: 100vh;
	}
	
	.section-top-image__container__title>.section-top-image__container__title__lead {
		width: initial !important;
		padding: 0 16px;
		text-align: right;
	}
}

/* topimage-410px以下 */
@media (max-width: 410px) {
	.section-top-image__container__title>.section-top-image__container__title__lead>p:first-child {
		font-size: 50px;
	}
}

/* TOPイメージ-end */

/* topページ　about */
.section-top-about {
	margin: 120px 0 0;
}

.section-top-about__container {
	display: grid;
    grid-column-gap: 1em;
    grid-row-gap: 0px;
    grid-template-columns: repeat(12, [col] 1fr);
	margin: 0 auto;
    max-width: 1040px;
	padding: 0 24px;
}

.section-top-about__container__leadarea {
	grid-column: col / span 5;
    grid-row: row;
    margin-top: 120px;
	margin-bottom: 0 !important;
}

.section-top-about__container__leadarea__title h2 {
	margin: 0 auto;
	padding: 0;
}

.section-top-about__container__leadarea__title h2 span {
	color: #d42e1e;
    font-size: 64px;
    font-weight: 700;
	line-height: 1;
}

.section-top-about__container__leadarea__title p {
	color: #746F70;
    display: block;
    font-size: 16px;
    font-weight: 400;
	line-height: 1;
    letter-spacing: 0.15em;
    margin-top: 24px;
}

.section-top-about__container__leadarea p:nth-child(2) {
	color: #231F20;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 2;
    margin-top: 40px;
}

.section-top-about__container__leadarea p:nth-child(3) {
	color: #746F70;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 2.5;
    margin-bottom: 64px;
    margin-top: 40px;
}

/* イメージ */
.section-top-about__container>.section-top-about__container__image {
	display: initial;
    grid-column: col 7 / span 6;
    grid-row: row;
    position: relative;
	margin: 0 !important;
}

.section-top-about__container>.section-top-about__container__image>.section-top-about__container__image__img01 {
	background: url("https://missiona.co/wp-content/uploads/2023/11/about-main-scaled-1.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
    position: absolute;
    width: 100%;
	background-position-y: -19.4px;
	margin: initial !important;
}

.section-top-about__container>.section-top-about__container__image>.section-top-about__container__image__img02 {
	margin: 0 !important;
    height: auto !important;
    position: absolute;
    right: -40px;
    top: 320px;
    width: 60% !important;
    z-index: 1;
}

.section-top-about__container__image__img02__img {
	overflow: hidden;
	height: initial !important;
}

.section-top-about__container__image__img02__img>img {
	width: 100%;
}

.section-top-about__container__image__red-box {
	border: 4px solid #d42e1e;
    height: 240px !important;
    position: absolute;
    right: 232px;
    top: 320px;
    width: 320px;
    z-index: -1;
}
/* イメージ-end */

/* about 1125px以下 */
@media (max-width:1125px) and (min-width: 1024px) {
	.section-top-about__container>.section-top-about__container__image>.section-top-about__container__image__img02 {
		right: 10%;
	}
	
	.section-top-service__container>.section-top-service__container__image>.section-top-service__container__image__img02 {
		left: 10% !important;
	}
}

/* about1023px以下 */
@media (max-width: 1023px) {
	.main {
		padding: 0 !important;
	}
	
	.section-top-about__container {
		display: flex;
    	flex-direction: column;
		margin-bottom: 0 !important;
		padding: 0 24px;
	}
	
	.section-top-about__container>.section-top-about__container__image {
		margin: 80px auto !important;
		position: relative;
	}
	
	.section-top-about__container>.section-top-about__container__image>.section-top-about__container__image__img01 {
		position: initial;
		width: 80%;
		height: auto !important;
		min-height: min(calc(580/1023*100vw), 400px);
	}
	
	.section-top-about__container>.section-top-about__container__image>.section-top-about__container__image__img02 {
		position: absolute;
    	right: 0;
    	top: 240px;
    	z-index: 1;
	}
	
	.section-top-about__container__image__red-box {
		display: none;
	}
	
	.section-top-about__container__leadarea p:nth-child(2) {
		font-size: min(calc(24/384*100vw), 24px)
	}
}

/* about490px以下 */
@media (max-width: 490px) {
	.section-top-about__container>.section-top-about__container__image>.section-top-about__container__image__img02 {
    	top: 70%;
	}
	
	.section-top-service__container>.section-top-service__container__image {
		min-height: 250px !important;
	}
	
	.section-top-service__container>.section-top-service__container__image>.section-top-service__container__image__img02 {
		top: 60% !important;
	}
}

/* topページ　about-end */

/* topページ　service */
.section-top-service {
	margin: 120px 0;
}

.section-top-service__container {
	display: grid;
    grid-column-gap: 1em;
    grid-row-gap: 0px;
    grid-template-columns: repeat(12, [col] 1fr);
	margin: 0 auto !important;
    max-width: 1040px;
	padding: 0 24px;
}

/* イメージ */
.section-top-service__container>.section-top-service__container__image {
	grid-column: col / span 6;
    grid-row: row;
	display: initial;
	position: relative;
	margin: 0 !important;
	min-height: 400px;
}

.section-top-service__container>.section-top-service__container__image>.section-top-service__container__image__img01 {
	background-position: 80% -15.7px !important;
	background: url("https://missiona.co/wp-content/uploads/2023/11/service-main_sub-1-scaled-1.jpg");
	background-repeat: no-repeat;
    background-size: cover;
	min-height: 400px;
    position: absolute;
    width: 100% !important;
	margin: initial !important;
}

.section-top-service__container>.section-top-service__container__image>.section-top-service__container__image__img02 {
	left: -40px;
	height: auto;
    position: absolute;
    right: -40px;
    top: 320px;
    width: 60%;
    z-index: 1;
	margin: 0 !important;
}

.section-top-service__container>.section-top-service__container__image>.section-top-service__container__image__img02>.section-top-service__container__image__img02__img {
	overflow: hidden;
	height: initial !important;
}

.section-top-service__container>.section-top-service__container__image>.section-top-service__container__image__img02>.section-top-service__container__image__img02__img img {
	width: 100%;
}

.section-top-service__container__image__red-box {
	border: 4px solid #d42e1e;
    height: 240px !important;
    position: absolute;
    right: 232px;
    top: 320px;
    width: 320px;
    z-index: -1;
	left: 232px;
    right: 0;
}
/* イメージ-end */

.section-top-service__container__leadarea {
	grid-column: col 8 / span 5;
    grid-row: row;
	margin-top: 120px;
}

.section-top-service__container__leadarea__title {
	margin-bottom: 0 !important;
}

.section-top-service__container__leadarea__title h2 {
	margin: 0 !important;
	padding: 0;
}

.section-top-service__container__leadarea__title h2 span {
	color: #d42e1e;
    font-size: 64px;
    font-weight: 700;
	line-height: 1;
}

.section-top-service__container__leadarea__title>p {
	color: #746F70;
    display: block;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.15em;
    margin-top: 24px;
}

.section-top-service__container__leadarea>p:nth-child(2) {
	color: #231F20;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 2;
    margin-top: 40px;
}

.section-top-service__container__leadarea>p:nth-child(3) {
	color: #746F70;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 2.5;
    margin-bottom: 64px;
    margin-top: 40px;
}

/* 1023px以下service */
@media (max-width: 1023px) {
	.section-top-service {
		margin-top: 0;
		padding: 0 24px;
	}
	
	.section-top-service__container {
		display: flex;
    	flex-direction: column-reverse;
    	margin-bottom: 0 !important;
		padding: 0;
	}
	
	.section-top-service__container>.section-top-service__container__image {
		position: relative;
    	margin: 80px auto 0 !important;
    	display: initial;
    	margin-bottom: 137px !important;
	}
	
	.section-top-service__container>.section-top-service__container__image>.section-top-service__container__image__img01 {
		position: absolute;
		height: auto !important;
    	width: 80% !important;
		min-height: min(calc(580/1023*100vw), 400px);
	}
	
	.section-top-service__container>.section-top-service__container__image>.section-top-service__container__image__img02 {
		height: auto;
    	position: absolute;
    	right: 0;
		left: initial;
    	top: 240px;
    	width: 60% !important;
    	z-index: 1;
	}
	
	.section-top-service__container__image__red-box {
		display: none;
	}
	
	.section-top-service__container__leadarea__title h2 span {
		font-size: min(calc(64/378*100vw), 64px);
	}
	
	.section-top-service__container__leadarea>p:nth-child(2) {
		font-size: min(calc(24/386*100vw), 24px);
	}
}

/* 780px以下service */
@media (max-width: 780px) {
	.section-top-service>.section-top-service__container>.section-top-service__container__image {
		margin-bottom: 0 !important;
	}
}
/* topページ　service-end */

/* ボタン */
.section-top-about__container__leadarea__btn:before,
.section-top-service__container__leadarea__btn:before {
	content: none;
}

.section-top-about__container__leadarea__btn a,
.section-top-service__container__leadarea__btn a,
.section-about__container__area__btn a,
.section-service__container__area__btn a{
	border: 1px solid #746F70;
    color: #746F70;
    overflow: hidden;
	padding: 24px 50px;
	font-size: 16px;
	font-weight: 700;
	background-color: initial;
	transition: all 0.3s;
	position: relative;
}

.section-top-about__container__leadarea__btn a::after,
.section-top-service__container__leadarea__btn a::after,
.section-about__container__area__btn a::after,
.section-service__container__area__btn a::after {
	content: "";
	background-image: url("https://missiona.co/wp-content/uploads/2023/11/arrow-1.png");
	background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    right: -10%;
    transform: translatey(-50%);
    width: 10px;
    height: 23px;
    transition: all 0.3s;
}

/* ボタン-ホバー動作 */
.section-top-about__container__leadarea__btn a:hover,
.section-top-service__container__leadarea__btn a:hover,
.section-about__container__area__btn a:hover,
.section-service__container__area__btn a:hover {
	background-color: #e53900;
	color: #fff;
	border: 1px solid #e53900;
}

.section-top-about__container__leadarea__btn a:hover::after,
.section-top-service__container__leadarea__btn a:hover::after,
.section-about__container__area__btn a:hover::after,
.section-service__container__area__btn a:hover::after {
	right: 10%;
	transform: translatey(-42%);
}
/* ボタン-end */
/* ABOUT SERVICE-end */

/* recruit */
.section-recruit__container {
	background: url("https://missiona.co/wp-content/uploads/2023/11/recruit-1-scaled-1.jpg");
	background-position: center -28px;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 120px 0;
    position: relative;
    text-align: center;
    z-index: 0;
	margin: 0 0 120px 0 !important;
}

.section-recruit__container__bg-box__wrapper__pattern {
	background-attachment: scroll;
    background-image: url(https://missiona.co/wp-content/uploads/2023/11/pattern.png);
    background-repeat: repeat;
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    max-width: none !important;
    margin: 0 !important;
}

.section-recruit__container>.section-recruit__container__bg-box {
	margin: 0 auto;
    width: 1040px;
}

.section-recruit__container__bg-box__wrapper__h2 p:first-child {
	color: #fff;
    font-size: 64px;
    font-weight: 700;
    margin-bottom: 24px;
    line-height: 1;
}

.section-recruit__container__bg-box__wrapper__h2 p:last-child {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.15em;
    color: #fff;
    margin: 0;
    line-height: 1;
}

.section-recruit__container__bg-box__wrapper>p {
	color: #fff;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 2.5;
    margin-bottom: 64px;
    margin-top: 40px;
}

.section-recruit__container__bg-box__wrapper__btn {
	justify-content: center;
}

/* ボタン */
.section-recruit__container__bg-box__wrapper__btn>.wp-block-button a{
	border: 1px solid #fff;
    color: #fff;
    overflow: hidden;
	padding: 24px 60px;
	font-size: 16px;
	font-weight: 700;
	background-color: initial;
	transition: all 0.3s;
	position: relative;
	display: block;
}

.section-recruit__container__bg-box__wrapper__btn>.wp-block-button a::after {
	content: "";
	background-image: url("https://missiona.co/wp-content/uploads/2023/11/arrow-1.png");
	background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
	display: flex;
    align-items: center;
	position: absolute;
	top: 50%;
	right: -10%;
	transform: translatey(-50%);
	width: 10px;
    height: 23px;
	transition: all 0.3s;
}

/* ボタン-ホバー動作 */
.section-recruit__container__bg-box__wrapper__btn>.wp-block-button a:hover {
	background-color: #e53900;
	color: #fff;
	border: 1px solid #e53900;
}

.section-recruit__container__bg-box__wrapper__btn>.wp-block-button a:hover::after {
	right: 10%;
	transform: translatey(-50%);
}
/* ボタン-end */

/* recruit-1023px以下 */
@media (max-width: 1023px) {
	.section-recruit__container {
		padding: 120px 24px;
		background-position: center 0;
	}
}

/* recruit-325px以下 */
@media (max-width: 325px) {
	.section-recruit__container__bg-box__wrapper__h2 p:first-child {
    	font-size: 55px;
	}
}
/* recruit-end */

/* contact */

.section-contact__container {
	margin-bottom: 120px !important;
	text-align: center;
}

.section-contact__container>.section-contact__container__h2 {
	margin: 0 auto !important;
    width: 1040px;
}

.section-contact__container__h2 p:first-child {
	color: #d42e1e;
    font-size: 64px;
    font-weight: 700;
	line-height: 1;
	margin-bottom: 24px;
}

.section-contact__container__h2 p:last-child {
	color: #746F70;
    display: block;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.15em;
}

.section-contact__container>p {
	color: #231F20;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 2.5;
    margin-bottom: 64px;
    margin-top: 40px;
}

.section-contact__container__btn {
	justify-content: center;
}

/* ボタン */
.section-contact__container__btn>.wp-block-button a{
	border: 1px solid #746F70;
    color: #746F70;
    overflow: hidden;
	padding: 24px 60px;
	font-size: 16px;
	font-weight: 700;
	background-color: initial;
	transition: all 0.3s;
	position: relative;
	display: block;
}

.section-contact__container__btn>.wp-block-button a::after {
	content: "";
	background-image: url("https://missiona.co/wp-content/uploads/2023/11/arrow-1.png");
	background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
	display: flex;
    align-items: center;
	position: absolute;
	top: 50%;
	right: -10%;
	transform: translatey(-50%);
	width: 10px;
    height: 23px;
	transition: all 0.3s;
}

/* ボタン-ホバー動作 */
.section-contact__container__btn>.wp-block-button a:hover {
	background-color: #e53900;
	color: #fff;
	border: 1px solid #e53900;
}

.section-contact__container__btn>.wp-block-button a:hover::after {
	right: 10%;
	transform: translatey(-50%);
}
/* ボタン-end */

/* contact-1023px以下 */
@media (max-width: 1023px) {
	.section-contact__container {
		padding: 0 24px;
	}
}

/* recruit-325px以下 */
@media (max-width: 325px) {
	.section-contact__container__h2 p:first-child {
    	font-size: 55px;
	}
}
/* contact-end */

/* ***TOPイメージ-end*** */
/* －－－－－－－－－－－TOPページ-end－－－－－－－－－－－ */

.content {
	margin-top: 0;
}

.toc {
	display: none;
}

.entry-content {
	margin-top: 0;
}

.content-in {
	width: 100vw;
}

/* －－－－－－－－－－－私たちについて－－－－－－－－－－－ */
/* topイメージ */
.section-about-page {
	margin-bottom: 0 !important;
}

.section-about-page__container {
	background-color: #d42e1e;
    position: relative;
	height: 80vh;
	margin: 0 !important;
	max-width: none;
}

.section-about-page__container__image {
	background: url("https://missiona.co/wp-content/uploads/2023/11/about-main-scaled-1.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	height: 80vh;
    padding-bottom: 0px;
    position: absolute;
    width: 80%;
	max-width: none !important;
    z-index: 1;
}

.section-about-page__container__image__pattern {
	background-attachment: scroll;
    background-image: url("https://missiona.co/wp-content/uploads/2023/11/pattern.png");
    background-repeat: repeat;
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	max-width: none !important;
    z-index: -1;
}

.section-about-page__container__title {
	margin: 0 auto;
    width: 1040px;
	height: 80vh;
    position: relative;
	max-width: none !important;
}

.section-about-page__container__title__lead {
    position: absolute;
	top: 50%;
	transform: translatey(-50%);
    right: 0;
    z-index: 1;
}

.section-about-page__container__title__lead p:first-child {
	color: #fff;
    font-size: 64px;
    font-weight: 700;
	line-height: 1;
	margin-bottom: 0;
}

.section-about-page__container__title__lead p:last-child {
	color: #fff;
    font-size: 24px;
    font-weight: 400;
	line-height: 1;
    letter-spacing: 0.15em;
    margin-top: 40px;
}

/* スクロールアニメーション */
.sub-heroheader__scrollbutton {
	bottom: 32px;
    left: 0;
    position: absolute;
    z-index: 1;
}

.scrollvertical {
	bottom: 140px;
    display: inline-block;
    left: 50px;
    position: absolute;
    transform: translateX(-50%) rotate(90deg);
}

.scrollvertical__txt {
	color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .4em;
}

.scrollvertical__txt::after {
	animation: scroll-btm 3s 1.5s infinite;
    animation-fill-mode: both;
    background: #fff;
    content: '';
    height: 2px;
    width: 80px;
    display: inline-block;
    position: absolute;
    right: -100px;
    top: 50%;
}

@keyframes scroll-btm {
	0% {
		transform: scaleX(1);
    	transform-origin: left;
	}
	50% {
		transform: scaleX(0);
    	transform-origin: left;
	}
	100% {
		transform: scaleX(1);
    	transform-origin: left;
	}
}
/* スクロールアニメーション-end */

/* topイメージ-1023px以下 */
@media (max-width: 1023px) {
	.section-about-page__container {
		height: 100vh;
	}
	
	.section-about-page__container__image {
		height: 100vh !important;
		background-position: -70vw center;
	}
	
	.section-about-page__container>.section-about-page__container__image {
		width: calc(773/1023*100vw) !important;
	}
	
	.section-about-page__container__image__pattern {
		height: 100vh;
		width: calc(773/1023*100vw);
	}
	
	.section-about-page__container__title {
		height: 100vh;
	}
	
	.section-about-page__container__title__lead {
		text-align: right;
    	width: 230px !important;
    	right: 13%;
	}
	
	.appeal-content{
		padding-left: 24px;
	}
	
	/* スクロールアニメーション */
	.scrollvertical {
		bottom: 170px;
    	left: 8vw;
	}
/* スクロールアニメーション-end */
}
/* topイメージ-end */

/* ***メッセージ-MESSAGE*** */
/* いらないもの消し */
.date-tags {
	display: none;
}

/* 各ページのタイトル非表示 */
#post-7>.article-header>h1,
#post-42>.article-header>h1,
#post-34>.article-header>h1,
#post-36>.article-header>h1 {
	display: none;
}

.author-info {
	display: none;
}

.breadcrumb {
	display: none;
}
/* いらないもの消し-end */

.section-message {
	margin-bottom: 0;
	padding: 0 3%;
}

.section-message__container {
	padding-top: 120px;
	margin: 0 auto !important;
    max-width: 1040px;
}

.section-message__container>.section-message__container__title {
	margin: 0 !important;
}

.section-message__container__title h2 {
	margin: 0;
	padding: 0;
}

.section-message__container__title h2 span {
	color: #d42e1e;
    font-size: 64px;
    font-weight: 700;
}

.section-message__container__title p {
	color: #746F70;
    display: block;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.15em;
    margin-top: 24px;
}

.section-message__container>.section-message__container__lead {
	margin: 0 !important;
	max-width: none;
}

.section-message__container__lead__message {
	width: 688px;
	margin: 0 auto !important;
}

.section-message__container__lead__message p:first-child {
	color: #231F20;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 2;
    margin-top: 80px;
}

.section-message__container__lead__message p:last-child {
	color: #746F70;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 2.5;
    margin-bottom: 64px;
    margin-top: 64px;
}

.section-message__container__lead>.section-message__container__lead__name {
	margin: 0 !important;
	max-width: none;
}

.section-message__container__lead__name p {
	color: #231F20;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.05em;
	margin: 120px 0 0 !important;
    position: relative;
	text-align: right;
	max-width: none;
}

.section-message__container__lead__name p::after {
	background-color: #d42e1e;
    content: "";
    display: block;
    float: right;
    height: 4px;
    line-height: 0;
    margin-top: 32px;
    width: 72px;
    position: absolute;
    right: 0;
}

/* ***メッセージ-MESSAGE-end*** */

/* ***ミッション-MISSION*** */
.section-mission {
	margin: 0 !important;
}

.section-mission__container {
	padding-top: 120px;
	margin: 0 auto !important;
    max-width: 1040px;
}

.section-mission__container>.section-mission__container__wrapper {
	margin: 0 !important;
	max-width: none;
}

.section-mission__container__wrapper>.section-mission__container__wrapper__title {
	margin: 0 !important;
	max-width: none;
}

.section-mission__container__wrapper__title h2 {
	margin: 0 !important;
	padding: 0 !important;
}

.section-mission__container__wrapper__title h2 {
	color: #d42e1e;
    font-size: 64px;
    font-weight: 700;
}

.section-mission__container__wrapper__title p {
	color: #746F70;
    display: block;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.15em;
	margin: 24px 0 0 !important;
}

.section-mission__container__wrapper__area {
	width: 688px;
	margin: 0 auto;
}

.section-mission__container__wrapper__area>.p-01,
.section-mission__container__wrapper__area>.p-04,
.section-mission__container__wrapper__area>.p-07 {
	color: #231F20;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 2;
}

.section-mission__container__wrapper__area>.p-02,
.section-mission__container__wrapper__area>.p-03,
.section-mission__container__wrapper__area>.p-05,
.section-mission__container__wrapper__area>.p-06,
.section-mission__container__wrapper__area>.p-08 {
	color: #746F70;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 2.5;
}

.section-mission__container__wrapper__area>.p-01,
.section-mission__container__wrapper__area>.p-04,
.section-mission__container__wrapper__area>.p-07 {
	margin: 64px 0 0;
}

.section-mission__container__wrapper__area>.p-02,
.section-mission__container__wrapper__area>.p-05,
.section-mission__container__wrapper__area>.p-08 {
	margin: 40px 0 0;
}

.section-mission__container__wrapper__area>.h3-01,
.section-mission__container__wrapper__area>.h3-02 {
	border: none;
	margin: 120px 0 0 !important;
	padding: 0;
}

.section-mission__container__wrapper__area>.h3-01>span,
.section-mission__container__wrapper__area>.h3-02>span {
	color: #231F20;
    font-size: 40px;
    font-weight: 700;
}
/* ***ミッション-MISSION-end*** */

/* ***カンパニー-COMPANY*** */
.section-company {
	margin: 120px 0 120px;
}

.section-company__container {
	display: grid;
    grid-column-gap: 1em;
    grid-row-gap: 0px;
    grid-template-columns: repeat(12, [col] 1fr);
	margin: 0 auto !important;
    max-width: 1040px;
}

.section-company__container__wrapper {
	grid-column: col / span 7;
    grid-row: row;
	margin: 0 !important;
}

.section-company__container__wrapper__table dl {
	color: #231F20;
}

.section-company__container__wrapper__table dl dt {
	float: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 2;
}

.section-company__container__wrapper__table dl dd {
	border-bottom: 1px solid #D0CBCC;
    font-size: 16px;
    font-weight: 400;
    line-height: 2;
	margin: 0 0 32px 0;
    padding-bottom: 32px;
    padding-left: 160px;
    text-align: left;
}

.section-company__container__wrapper__table dl dd:last-child {
	border: none;
}

.section-company__container__wrapper__table dl dd .mobile-only {
	display: none;
}

.section-company__container__wrapper__map {
	margin-top: 40px;
}

/* タイトル */
.section-company__container__title {
	grid-column: col 9 / span 4;
    grid-row: row;
}

.section-company__container__title h2 {
	margin: 0;
	padding: 0;
}

.section-company__container__title h2 span {
	color: #d42e1e;
    font-size: 64px;
    font-weight: 700;
}

.section-company__container__title p {
	color: #746F70;
    display: block;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.15em;
    margin-top: 24px;
}


/* メッセージ-1023px以下　メッセージ　ミッション　カンパニー */
@media (max-width: 1023px) {
	.section-message,
	.section-mission,
	.section-company {
		padding: 0 24px;
	}
	
	.section-mission__container__wrapper__title h2 {
		font-size: min(calc(64/321*100vw), 64px);
	}
	
	.section-message__container__title h2 span {
		font-size: min(calc(64/350*100vw), 64px);
	}
	
	.post-60>.entry-content>.section-company {
		margin-bottom: 60px !important;
	}
	
	.entry-content>.section-mission {
		margin: 0 0 120px 0 !important;
	}
	
	.section-message__container__lead>.section-message__container__lead__message,
	.section-mission__container__wrapper>.section-mission__container__wrapper__area {
		width: 90% !important;
		margin: 0 auto !important;
	}
	
	.section-message__container__lead__message p:first-child {
		font-size: min(calc(24/427*100vw), 24px);
	}
	
	.section-company>.section-company__container {
		display: flex;
		flex-direction: column-reverse;
	}
	
	.section-company__container__title {
		margin-bottom: 60px !important;
	}
	
	.section-company__container__wrapper__map>iframe {
		width: 100%;
	}
	
	.section-company__container__wrapper__table dl dd .mobile-only {
		display: block;
	}
}

/* カンパニー-company-355px以下 */
@media (max-width: 355px) {
	.section-company__container__title>.section-title span {
		font-size: 56px;
	}
	
	.section-company__container__wrapper__table dl dd {
		padding-left: 140px;
	}
}
/* ***カンパニー-COMPANY-end*** */

.article {
	margin-bottom: 0 !important;
}
/* －－－－－－－－－－－私たちについて-end－－－－－－－－－－－ */

/* －－－－－－－－－－－事業内容－－－－－－－－－－－ */
.post-47>.entry-content {
	margin-bottom: 0;
}

/* topイメージ */
.section-service-pege__container {
	margin-bottom: 0 !important;
}

.section-service-pege__container>.section-service-pege__container__wrapper {
	background-color: #d42e1e;
    position: relative;
	height: 80vh;
	margin: 0 !important;
	max-width: none;
}

.section-service-pege__container__wrapper__image {
	background: url("https://missiona.co/wp-content/uploads/2023/11/service-main_sub-1-scaled-1.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	height: 80vh;
    padding-bottom: 0px;
    position: absolute;
    width: 80%;
	max-width: none !important;
    z-index: 1;
}

.section-service-pege__container__wrapper__image__pattern {
	background-attachment: scroll;
    background-image: url("https://missiona.co/wp-content/uploads/2023/11/pattern.png");
    background-repeat: repeat;
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	max-width: none !important;
    z-index: -1;
}

.section-service-pege__container__wrapper__title {
	margin: 0 auto;
    width: 1040px;
	height: 80vh;
    position: relative;
	max-width: none !important;
}

.section-service-pege__container__wrapper__title__lead {
    position: absolute;
	top: 50%;
	transform: translatey(-50%);
    right: 0;
    z-index: 1;
}

.section-service-pege__container__wrapper__title__lead p:first-child {
	color: #fff;
    font-size: 64px;
    font-weight: 700;
	line-height: 1;
	margin-bottom: 0;
}

.section-service-pege__container__wrapper__title__lead p:nth-child(2) {
	color: #fff;
    font-size: 24px;
    font-weight: 400;
	line-height: 1;
    letter-spacing: 0.15em;
    margin-top: 40px;
}

/* topイメージ-1023px以下 */
@media (max-width: 1023px) {
	 {
		height: calc(800/1023*100vw);
	}
	
	.section-service-pege__container__wrapper {
		height: 100vh !important;
	}
	
	.section-service-pege__container>.section-service-pege__container__wrapper>.section-service-pege__container__wrapper__image {
		height: 100vh !important;
		background-position: 47% center;
		width: 80% !important;
	}
	
	.section-service-pege__container__image__pattern {
		height: calc(800/1023*100vw) !important;
		width: calc(773/1023*100vw);
	}
	
	.section-service-pege__container__wrapper__title {
		height: 100vh;
	}
		
	.section-service-pege__container__wrapper__title__lead {
		text-align: right;
    	width: 230px !important;
    	right: 13%;
	}
	
	.appeal-content{
		padding-left: 24px;
	}
}
/* topイメージ-end */

/* L Message　Operation　Work */
.section-L-Message,
.section-operation,
.section-L-glam,
.section-partner {
	padding: 0 3%;
}

.section-L-Message,
.section-operation {
	margin: 120px 0 !important;
}

.section-L-Message__container,
.section-operation__container {
	display: grid;
    grid-column-gap: 1em;
    grid-row-gap: 0px;
    grid-template-columns: repeat(12, [col] 1fr);
	margin: 0 auto;
    max-width: 1040px;
}

.section-L-Message__container__lead,
.section-operation__container__lead {
	background-color: #fff;
    grid-column: col / span 6;
    grid-row: row;
    margin-top: 120px;
    z-index: 2;
	padding: 88px 83px 0 0 !important;
    margin-block-start: 120px !important;
}

.section-L-Message__container__lead>p,
.section-operation__container__lead>p {
    margin-top: 40px;
}

.section-L-Message__container__lead__title,
.section-operation__container__lead__title {
	margin-bottom: 0 !important;
}

.section-L-Message__container__lead__title h2,
.section-operation__container__lead__title h2 {
	margin: 0;
	padding: 0;
}

.section-L-Message__container__lead__title h2 span,
.section-operation__container__lead__title h2 span {
	color: #d42e1e;
    font-size: 64px;
    font-weight: 700;
}

.section-L-Message__container__lead__title>p,
.section-operation__container__lead__title>p {
	color: #746F70;
    display: block;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.15em;
    margin-top: 24px;
}

.section-L-Message__container__image,
.section-operation__container__image {
	grid-column: col 5 / span 8;
    grid-row: row;
    position: relative;
	width: 100%;
}

.section-L-Message__container__image__bg {
	background: url("https://missiona.co/wp-content/uploads/2023/11/l-message-1.jpg");
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: 100%;
    min-height: 400px;
    position: absolute;
    width: 100%;
}

.section-operation__container__image__bg {
	background: url("https://missiona.co/wp-content/uploads/2023/11/operation.jpg");
	background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 400px;
    position: absolute;
    width: 100%;
}

.section-L-Message__container__lead {
	grid-column: col / span 8;
    padding: 88px 49px 0 0 !important;
}

.section-L-Message__container__lead__title h2 span {
	font-size: min(calc(64/1196*100vw), 64px);
}


/* L Message　Operation　Work-1023px以下*/
@media (max-width: 1023px) {
	.section-L-Message,
	.section-operation {
		padding: 0 24px;
	}
	
	.section-L-Message__container,
	.section-operation__container {
		display: flex;
		flex-direction: column;
	}
	
	.section-L-Message__container__lead,
	.section-operation__container__lead {
		padding-right: 0 !important;
		padding-top: 0 !important;
		margin-top: 0 !important;
	}
	
	.section-L-Message__container__image,
	.section-operation__container__image {
		position: initial;
	}
	
	.section-L-Message__container__image__bg {
		position: initial;
		background-position: center;
    	background-size: 100%;
		min-height: calc(400/841*100vw);
	}
	
	.section-operation__container__image__bg {
		position: initial;
    	background-position: center;
    	background-size: 100%;
    	min-height: calc(400/807*100vw);
	}
	
	.section-L-Message__container__lead__title h2 span {
		font-size: min(calc(64/751*100vw), 64px);
	}
	
	.section-L-glam__container__lead h2 span {
		font-size: min(calc(64/751*100vw), 64px) !important;
	}
	
	.section-operation__container__lead__title h2 span {
		font-size: min(calc(64/751*100vw), 64px) !important;
	}
	
	.section-partner__container__lead h2 span {
		font-size: min(calc(64/829*100vw), 64px) !important;
	}
}
/* L Message　Operation　Work-end */

/* L gram　Agency・Partner */
.section-partner {
	margin-bottom: 120px;
}

.section-L-glam__container,
.section-partner__container {
	display: grid;
    grid-column-gap: 1em;
    grid-row-gap: 0px;
    grid-template-columns: repeat(12, [col] 1fr);
	margin: 0 auto;
    max-width: 1040px;
}

.section-L-glam__container__image,
.section-partner__container__image {
	grid-column: col / span 8;
    grid-row: row;
    position: relative;
	width: 100%;
}

.section-L-glam__container__image__bg {
	background: url("https://missiona.co/wp-content/uploads/2023/11/l-glam.jpg");
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 400px;
    position: absolute;
    width: 100%;
}

.section-partner__container__image__bg {
	background: url("https://missiona.co/wp-content/uploads/2023/11/list_marketing-scaled-1.jpg");
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 400px;
    position: absolute;
    width: 100%;
}

.section-partner__container__image {
	grid-column: col / span 9;
}

.section-L-glam__container__lead,
.section-partner__container__lead {
	background-color: #fff;
    grid-column: col 7 / span 6;
    grid-row: row;
    z-index: 2;
	padding: 88px 0 0 83px;
	margin-block-start: 120px !important;
}

.section-partner__container__lead {
	grid-column: col 7 / span 12;
}

.section-L-glam__container__lead h2,
.section-partner__container__lead h2 {
	margin: 0;
	padding: 0;
}

.section-L-glam__container__lead h2 span {
	color: #d42e1e;
    font-size: 64px;
    font-weight: 700;
}

.section-L-glam__container__lead__title>p,
.section-partner__container__lead__title>p {
	color: #746F70;
    display: block;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.15em;
    margin-top: 24px;
}

.section-partner__container__lead__title>p {
	color: #746F70;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 2.5;
    margin-bottom: 64px;
    margin-top: 40px;
}

.section-partner__container__lead__title>p {
	color: #d42e1e;
    font-size: min(calc(64/1114*100vw), 64px);
    font-weight: 700;
	line-height: normal;
}

/* L gram　Agency・Partner-1023px以下*/
@media (max-width: 1023px) {
	.section-partner,
	.section-L-glam {
		padding: 0 24px;
	}
	
	.section-partner__container,
	.section-L-glam__container {
		display: flex;
		flex-direction: column;
		flex-direction: column-reverse;
	}
	
	.section-partner__container__lead,
	.section-L-glam__container__lead {
		padding-left: 0 !important;
		padding-top: 0 !important;
		margin-top: 0 !important;
		margin-bottom: 1.8em !important;
	}
	
	.section-partner__container__image,
	.section-L-glam__container__image {
		position: initial;
	}
	
	.section-L-glam__container__image__bg {
		position: initial;
    	background-position: center;
    	background-size: 100%;
    	min-height: calc(400/961*100vw);
	}
	
	.section-partner__container__image__bg {
		position: initial;
    	background-position: center;
    	background-size: 100%;
    	min-height: calc(400/787*100vw);
	}
	
}
/* L gram　Agency・Partner-end */


/* －－－－－－－－－－－事業内容-end－－－－－－－－－－－ */

/* －－－－－－－－－－－お知らせ－－－－－－－－－－－ */
.pagination-next {
	display: none;
}

.list {
	margin: 50px auto !important;
    max-width: 1040px;
	padding: 0 24px;
}

.list a {
	margin: 0 0 50px 0;
	padding: 0;
	position: relative;
    z-index: 1;
	background: #fff;
}

.list a + a::before {
	content: "";
	position: absolute;
	top: -36px;
	display: block;
	width: 100%;
	height: 1px;
	border-top: 1px dashed #CCC;
}

.list a::after {
    content: '';
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: .4s cubic-bezier(0.45, 0, 0.55, 1);
	background-color: #d42e1e;
    z-index: -1;
}

.list a:hover {
	color: #fff;
}

.list a:hover::after {
	transform: scale(1, 1);
}

article>figure {
	margin-top: 0 !important;
}

article>figure>img {
	display: block;
}

.entry-card-content {
	margin-right: 10px;
}

.admin-pv {
	display: none;
}

.wp-element-caption {
	display: none;
}

.entry-categories-tags {
	display: none;
}

.cat-label {
	display: none;
}

/* ページネイション */
.pagination {
}

.page-numbers {
	border: solid 1px #d42e1e;
    border-radius: 0;
}

.pagination>.current {
	color: #fff;
	border: solid 1px #d42e1e;
	background-color: #d42e1e;
}
/* ページネイション-end */

/* コメントエリア */
.comment-area {
	display: none;
}

.posts-not-found {
	margin: 120px auto !important;
    max-width: 1040px;
    padding: 0 24px;
}
/* －－－－－－－－－－－お知らせ-end－－－－－－－－－－－ */
/* －－－－－－－－－－－記事一覧のCSSはfunctions.phpに記載－－－－－－－－－－－ */

/* －－－－－－－－－－－プライバシーポリシー－－－－－－－－－－－ */
/* topイメージ */
.section-privacy {
	margin-bottom: 0 !important;
}

.section-privacy__container {
	background-color: #d42e1e;
    position: relative;
	height: 80vh;
	margin: 0 !important;
	max-width: none;
}

.section-privacy__container__image {
	background: url("https://missiona.co/wp-content/uploads/2023/11/about-main-scaled-1.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	height: 80vh;
    padding-bottom: 0px;
    position: absolute;
    width: 80%;
	max-width: none !important;
    z-index: 1;
}

.section-privacy__container__image__pattern {
	background-attachment: scroll;
    background-image: url("https://missiona.co/wp-content/uploads/2023/11/pattern.png");
    background-repeat: repeat;
    height: 100% !important;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	max-width: none !important;
    z-index: -1;
}

.section-privacy__container__title {
	margin: 0 auto;
    width: 1040px;
	height: 80vh;
    position: relative;
	max-width: none !important;
}

.section-privacy__container__title__lead {
    position: absolute;
	top: 50%;
	transform: translatey(-50%);
    right: 3%;
    z-index: 1;
}

.section-privacy__container__title__lead p .mobile-only {
	display: none;
}

.section-privacy__container__title__lead p:first-child {
	color: #fff;
    font-size: 64px;
    font-weight: 700;
	line-height: 1;
	margin-bottom: 0;
}

.section-privacy__container__title__lead p:last-child {
	color: #fff;
    font-size: 24px;
    font-weight: 400;
	line-height: 1;
    letter-spacing: 0.15em;
    margin-top: 40px;
}

.section-privacy-lead {
	margin: 0 auto;
    width: 1040px;
}

.section-privacy-lead__container {
	margin: 0 !important;
	padding: 120px 24px !important;
}

.section-privacy-lead__container__items {
	color: #746F70;
    margin: 0 0 24px 0 !important;
    text-align: left;
    max-width: none !important;
}

.section-privacy-lead__container__items>.section-privacy-lead__container__items__inner {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.section-privacy-lead__container__items>p {
	margin: 0 !important;
}

.section-privacy-lead__container__items>.privacy-title {
	display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 2.5;
    padding-bottom: 32px;
	margin: 0 !important;
}


/* topイメージ-1023px以下 */
@media (max-width: 1023px) {
	.section-privacy__container {
		height: 100vh !important;
	}
	
	.section-privacy>.section-privacy__container>.section-privacy__container__image {
		height: 100vh !important;
		background-position: -70vw center;
		width: 80% !important;
	}
	
	.section-privacy__container>.section-privacy__container__image>.section-privacy__container__image__pattern {
		height: 100vh !important;
		width: 100%;
	}
	
	.section-privacy__container__title {
		height: 100vh;
	}
		
	.section-privacy__container>.section-privacy__container__title>.section-privacy__container__title__lead {
		text-align: right;
    	width: 290px !important;
	}
	
	.section-privacy__container__title__lead p {
		text-align: left;
	}
	
	.section-privacy__container__title__lead p .mobile-only {
		display: block;
	}
	
	.section-privacy-lead {
		padding: 0 24px;
	}
	
	.appeal-content{
		padding-left: 24px;
	}
}

/* topイメージ-350px以下 */
@media (max-width: 350px) {
	.section-privacy__container>.section-privacy__container__title>.section-privacy__container__title__lead {
		right: 3%;
	}
}
/* －－－－－－－－－－－プライバシーポリシー-end－－－－－－－－－－－ */

/* －－－－－－－－－－－footer－－－－－－－－－－－ */
.footer {
	margin: 0;
	padding: 0;
}

.footer-in {
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row-reverse;
    max-width: 1040px;
    padding: 120px 24px 180px;
    position: relative;
}

.footer-in::after {
	content: none;
}

.footer-widgets {
	margin: 0 !important;
	gap: 100px
}

.footer-widgets::after {
	content: none;
}

.footer-left,
.footer-center,
.footer-right {
	width: initial;
	padding: 0;
}

.footer-left>.widget_text,
.footer-center>.widget_text,
.footer-right>.widget_text {
	margin-bottom: 0;
}

.menu-01,
.menu-02,
.menu-03 {
	list-style: none;
    padding: 0;
}

.menu-01 li,
.menu-02 li {
	margin-bottom: 20px;
}

.menu-01 li:last-child,
.menu-02 li:last-child {
	margin-bottom: 0;
}

.menu-01>li>a,
.menu-02>li>a,
.menu-03>li>a {
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
	display: flex;
    align-items: center;
	
}

.menu-01>li:nth-child(2)> a::before,
.menu-01>li:nth-child(3)> a::before,
.menu-01>li:nth-child(4)> a::before{
	content: "";
    display: inline-block;
    width: 16px;
    height: 1px;
    background-color: #fff;
    margin-right: 10px;
    vertical-align: middle;
}

.menu-01 a span,
.menu-02 a span,
.menu-03 a span {
    color: #fff;
    font-size: 8px;
}

.menu-01 li>a>span,
.menu-03 li>a>span{
	margin-left: 2em;
}

.menu-02 li:nth-child(1)>a>span,
.menu-02 li:nth-child(2)>a>span,
.menu-02 li:nth-child(3)>a>span {
	display: inline-block;
	margin-left: 6em;
}

.menu-02 li:nth-child(4)>a>span {
	margin-left: 2em;
}


/* ロゴ関連 */
.footer-bottom {
	margin-top: 0;
    padding: 0;
    position: initial;
    font-size: 0;
}

.site-name-text {
	font-size: 0 !important;
}

.footer-bottom-logo {
	float: none;
    position: initial;
}

.footer-bottom-content {
	float: none;
    right: 0;
    bottom: 50px;
    position: absolute;
}

.copyright {
	font-size: 10px;
}
/* ロゴ関連-end */

/* footer-1023px以下 */
@media (max-width: 1023px) {
	.footer-in {
		justify-content: flex-end;
    	padding: 40px 24px 80px;
	}
	
	.footer-widgets {
		display: none;
	}
	
	.footer-bottom-content {
		right: 10%;
    	bottom: 30px;
	}
}
/* －－－－－－－－－－－footer-end－－－－－－－－－－－ */



/* ***1256以下　位置調整*** */
@media (max-width: 1256px) {
/* ***header*** */
	.header::after {
		content: none;
}
/* ***header-end*** */
	
	.entry-content>.wp-block-group>.wp-block-heading,
	.entry-content>.wp-block-group>.title {
		margin: 0 auto !important;
		max-width: 940px;
	}
	
	.entry-content>.wp-block-group>.message-title {
		margin: 0 auto !important;
		max-width: 940px;
	}
	
	.section-mission__container{
		margin: 0 auto !important;
		max-width: 940px;
	}
		
	.entry-content>.section-company {
		margin: 120px auto 120px !important;
		gap: 5%;
		flex-direction: column;
		max-width: 960px;
	}
	
	.section-company__container__flex>.business {
		width: 42%;
	}
	
	.section-about__container,
	.section-service__container {
		padding: 0 3%;
		max-width: 960px;
	}
	
	
	.section-about__container__area,
	.section-service__container__area {
		width: 40%;
	}
	
	.section-about__container__image-area,
	.section-service__container__image-area{
    	width: 50%;
		height: 130px;
	}
	
	.section-about__container__image-area__picture01,
	.section-service__container__image-area__picture01 {
		width: 400px;
	}
	
	.section-about__container__image-area__picture02,
	.section-service__container__image-area__picture02 {
		width: 300px;
		right: -30px;
		bottom: -60px;
	}
	
	.section-about__container__image-area__red-square,
	.section-servicet__container__image-area__red-square {
		width: 300px;
    	height: 190px;
    	left: -30px;
    	bottom: -140px;
	}
}

@media (max-width: 1100px) {
	.section-service-pege__container__wrapper__title {
    width: 70%;
	}
	
	.section-about-page__container__title {
		width: 70%;
	}
}

/* －－－－－－－－－－－アニメーション関連－－－－－－－－－－－ */
/* スクロールアニメ系 */
.fadeUp {
/* 	-webkit-transform: translateY(20px);
	-webkit-transition: all 0.6s cubic-bezier(1, 0.23, 0.27, 0.84);
	opacity: 0;
	transform: translateY(20px);
	transition: all 0.6s cubic-bezier(1, 0.23, 0.27, 0.84); */
	
	animation-name:fadeUpAnime;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
	opacity: 0;
}

.fadein_d_top {
	opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}

.fadein_d {
	-webkit-transform: translateY(20px);
	-webkit-transition: all 0.6s cubic-bezier(1, 0.23, 0.27, 0.84);
	opacity: 0;
	transform: translateY(20px);
	transition: all 0.6s cubic-bezier(1, 0.23, 0.27, 0.84);
}

/* －－－－－－－－－－－ロード画面－－－－－－－－－－－ */
.opening {
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	position: fixed;
  	width: 100%;
  	height: 100vh;
	z-index: 9999;
}

.opening::before {
  	content: '';
  	position: fixed;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100vh;
  	background-color: #fff;
  	animation: opening 2.1s forwards;
}

@keyframes opening {
  99% {
    opacity: 1;
    z-index: 1;
  }
  100% {
    opacity: 0;
    z-index: -1;
  }
}

.opening::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 0;
  height: 4px;
  background-color: #d42e1e;
  animation: openingline 2s forwards;
}

@keyframes openingline {
  99% {
    opacity: 1;
    z-index: 1;
  }

  100% {
    width: 100%;
    opacity: 0;
    z-index: -1;
  }
}

.contents {
  position: fixed !important;
  width: 100% !important;
  height: 100vh !important;
  color: #fff;
  font-size: 21px;
  font-weight: 700;
  text-align: center;
  background-color: #fff;
  z-index: 9999;
	top: 0;
  left: 0; /* 最初は表示されている状態 */
  opacity: 1; /* 最初は完全に表示されている状態 */
  transition: left 1s, opacity 1s; /* アニメーションの速さを指定 */
}

.contents.hide {
  left: 100%; /* 右にスライドアウト */
}


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

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

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

	
	
	
	#wpadminbar {
		display: none !important;
	}