@charset "utf-8";

/*reset CSS*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
    box-sizing: border-box;
}
/*HTML5 display-role reset for older browsers*/
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.2;
	min-height: 100vh;
	position: relative;
	font-family: kozuka-gothic-pr6n, sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.075rem;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	width: 100%;
}
.wp-block-image{
	display: block;
	text-align: center;
}
a {
	text-decoration: none;
	color: #000000;
}
::-webkit-scrollbar {
    width: 7.5px;
    height: 7.5px;
}
::-webkit-scrollbar-track {
  border-radius: 7.5px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
}
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .5);
  border-radius: 7.5px;
}

/*default*/
:root{
	font-size: clamp(14px, 1.75vw, 18px);
}
html{
	scroll-behavior: smooth;
 	scroll-padding-top: 100px;
}
main{
	transition: 0.25s;
	margin-top: calc(70px + 2rem);
	margin-bottom: 2rem;
}
.chatBoxIconImg{
	box-shadow: 2px 2px 4px rgba(0,0,0,0.5) !important;
	border-radius: 50% !important;
}
.all_content{
	overflow: hidden;
}
.sec_title p > span{
	display: inline-block;
}
h2{
	font-size: 1.6rem;
	max-width: 1200px;
	padding: 0.5rem 2rem;
	margin: 0 auto;
	margin-top: 4rem;
	font-weight: 500;
	line-height: 1.5;
}
h3,h4{
	font-weight: 500;
}
p{
	font-size: 1rem;
	line-height: 2.3;
}
.sec_title p{
	font-size: 6rem;
	margin: 0 auto;
	font-weight: 500;
	line-height: 1.25;
	word-break: break-word;
}
.sec_title{
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 2rem;
	position: relative;
	z-index: 1;
}
.sec_title h1{
	font-size: 1.6rem;
	max-width: 1200px;
	padding: 1rem 2rem 1rem 0;
	margin-top: 4rem;
	font-weight: 500;
	margin: 0;
	line-height: 1;
}
.sec_top_title h1{
	font-size: 7rem;
	margin: 0 auto;
	line-height: 1.25;
	word-break: break-all;
	font-family: "avenir-lt-pro", sans-serif;
	font-weight: 500;
	font-style: normal;
}
.sec_top_title h1 > span{
	white-space: nowrap;
}
.sec_title_deco{
	width: 15rem;
	margin: 1rem 0;
}
.sec_title_img{
	position: absolute;
	top: 10%;
	right: 2rem;
	z-index: -1;
	width: 30%;
}
.pagenav{
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 2rem 2rem;
	text-align: center;
}
.pagenav .previouspostslink,.pagenav .nextpostslink{
	display: none;
}
.pagenav > .wp-pagenavi > *{
	color: #807F80;
	font-size: 0.8rem;
	padding: 0.25rem;
}
.pagenav .current{
	color: #000000;
}
.single_content h2{
	font-size: 1.5rem;
	border-left: solid 0.5rem #afafaf;
	line-height: 2;
	padding: 0 0 0 0.5rem;
	margin: 2rem 0 1rem;
}
.single_content h3{
	margin: 2rem 0 1rem;
	padding: 0;
	font-size: 1.25rem;
	color: #000000;
	line-height: 2.3;
}
.single_content h3::before{
	content: '- ';
	color: #afafaf;
}
.single_content p{
	margin: 1rem 0;
}
.single_content .wp-element-caption{
	font-size: 0.8rem !important;
	margin: 0.5rem 0 1rem !important;
	color: #807F80 !important;
	text-align: center !important;
}
.single_content .wp-block-gallery .wp-element-caption{
	background: linear-gradient(to top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) 70%, rgba(255, 255, 255, 0)) !important;
	color: #000000 !important;
	padding: 0.5rem 0.5rem 0.25rem !important;
	margin: 0 !important;
}
.single_content .wp-block-list{
	line-height: 1.75;
	margin: 1rem 0 1rem 2rem;
}
.single_content .wp-block-list >li::before{
	content: '■ ';
	color: #afafaf;
}
.single_content th,.single_content td{
	border: solid 0.1rem #ffffff !important;
	padding: 20px !important;
}
.single_content thead{
	background-color: #807F80 !important;
	border-bottom: solid 0.1rem #ffffff !important;
	color: #ffffff !important;
}
.single_content .wp-block-table tbody tr:nth-child(odd){
	background-color: #f0f0f0 !important;
}
.single_content a{
	word-break: break-all !important;
	color: #F19EC2 !important;
	text-decoration: underline !important;
}
.single_content strong{
	font-weight: 700;
}
.single_content .wp-block-image{
	margin: 2rem 0;
}
.button{
	display: block;
	width: fit-content;
	margin: 0 auto;
	margin-top: 2rem;
	margin-bottom: 2rem;
	border: solid 1px #afafaf;
	padding: 0.5rem 1rem;
	border-radius: 0.75rem;
	color: #afafaf;
	transition: 0.25s;
}
.button:hover{
	color: #000000;
	border: solid 1px #000000;
}
.vertical_hyphen{
	font-family: sans-serif;
}
.exampleimage{
	display: flex;
	gap: 2rem;
	padding: 0 2rem 2rem;
}
.exampleimage > img{
	flex: 1;
	aspect-ratio: 2 / 3;
	object-fit: cover;
	overflow: hidden;
}
.nobr{
	white-space: nowrap;
}
@media screen and (max-width: 768px){
	.only_pc{
		display: none;
	}
	.sec_title_img{
		bottom: 60%;
		right: 1rem;
		top: auto;
	}
	.exampleimage{
		flex-wrap: wrap;
		gap: 2rem;
		padding: 2rem;
	}
	.exampleimage > img{
		flex: initial;
		width: 100%;
		aspect-ratio: 1 / 1;
	}
}

/*header*/
header{
	display: flex;
	align-items: center;
	height: 70px;
	width: 100%;
	z-index: 5;
	letter-spacing: 0rem;
}
.breadcrumbsbox{
	position: absolute;
	top: calc(100% + 0.5rem);
	left: 2rem;
	font-size: 0.8rem;
	font-weight: 700;
	transition: 0.25s;
}
.header_logo{
	width: 20%;
}
.header_logo > img{
	height: 40px;
	padding-left: 1rem;
}
@media not screen and (max-width: 768px){
	header{
		position: fixed;
		top: 0;
		left: 0;
		background-color: #ffffff;
		box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	}
	#header_nav{
		width: 80%;
		padding-right: 1rem;
		font-size: 0.8rem;
		text-align: center;
		font-weight: bold;
	}
	.header_nav_group_list{
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		width: 10rem;
		line-height: 0;
		font-size: 0;
		transition: 0.25s;
		background-color: #ffffff;
		box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
		z-index: 1;
	}
	.header_nav_group_list > a{
		cursor: pointer;
	}
	.header_nav_group{
		display: inline-block;
		width: 12%;
		text-align: center;
		max-width: 110px;
		position: relative;
		padding: 15px 0;
	}
	.header_nav_group:hover .header_nav_group_list{
		line-height: 2.5;
		font-size: 0.8rem;
	}
	.header_nav_group_opener{
		display: none;
	}
	#hamburger{
		display: none;
	}
	.header_subnav{
		display: none;
	}
}
@media screen and (max-width: 768px){
	header{
		position: relative;
		z-index: 10;
	}
	#hamburger{
		position: fixed;
		top: 1rem;
		right: 1rem;
		width: 3rem;
		height: 3rem;
		cursor: pointer;
		border-radius: 50%;
		border: solid 0.05rem #000000;
		background-color: #ffffff;
		padding: 0 0.6rem;
		z-index: 20;
		transition: 0.25s;
	}
	#hamburger > span{
		display: block;
		border-bottom: solid 0.05rem #000000;
		margin: 0.5rem 0;
		transition: 0.25s;
		transform: rotate(0deg) translate(0,0);
		opacity: 1;
	}
	.hamburgeropen > :nth-child(1){
		transform: rotate(45deg) translate(0.4rem, 0.4rem) !important;
		border-bottom: solid 0.05rem #ffffff !important;
	}
	.hamburgeropen > :nth-child(2){
		opacity: 0 !important;
	}
	.hamburgeropen > :nth-child(3){
		transform: rotate(-45deg) translate(0.4rem, -0.4rem) !important;
		border-bottom: solid 0.05rem #ffffff !important;
	}
	.hamburgeropen{
		background-color: #000000 !important;
		border: solid 0.05rem #ffffff !important;
	}
	#header_nav{
		z-index: 19;
		position: fixed;
		top: 0.5rem;
		right: -20rem;
		width: 20rem;
		height: calc(100% - 1rem);
		background-color: #000000;
		padding: 2rem 0 2rem 2rem;
		border-radius: 2rem 0 0 2rem;
		overflow-y: auto;
		transition: 0.25s ease;
	}
	.header_nav_group{
		display: block;
		width: 100% !important;
		margin: 15% 0;
	}
	.header_nav_group a{
		color: #ffffff;
	}
	.header_nav_group > a{
		font-size: 1.25rem;
	}
	.header_nav_group_list{
		font-size: 0;
		transition: 0.25s;
		line-height: 2.3;
	}
	.header_nav_group_opener{
		background-color: transparent;
		border: none;
		color: #ffffff;
		font-size: 1.25rem;
		cursor: pointer;
		transition: 0.25s;
		transform: rotate(0deg);
	}
	.header_subnav{
		text-align: right;
		padding-right: 1rem;
		margin-bottom: 0;
	}
	.header_subnav > a{
		font-size: 0.8rem;
		padding: 5px;
	}
}


/*sec_contact*/
.sec_contact{
	background-color: #e8556d;
}
.sec_contact_inner{
	max-width: 1200px;
	text-align: center;
	color: #ffffff;
	padding: 2rem;
	margin: 0 auto;
}
.sec_contact_inner > h2{
	margin: 0 auto 2rem;
	width: fit-content;
	border-bottom: solid 2px #ffffff;
	padding: 0 1rem;
	line-height: 1.75;
}
.sec_contact_nav{
	display: inline-flex;
	margin: 1.5rem 0;
	gap: 2rem;
}
.sec_contact_nav > a{
	background-color: #ffffff;
	color: #ff738a;
	border-radius: 1000px;
	padding: 1rem 2rem;
	font-weight: 500;
	display: block;
}
.sec_contact_inner > a{
	display: block;
	color: #ffffff;
	position: relative;
	letter-spacing: 0.1rem;
	font-weight: 500;
	font-size: 1rem;
}
.sec_contact_inner > a::before{
	position: absolute;
	top: 50%;
	right: 100%;
	transform: translateY(-50%);
	height: 100%;
	aspect-ratio: 1 / 1;
	background-image: url("../img/tel_icon.svg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
@media screen and (max-width: 768px){
	.sec_contact_nav{
		flex-wrap: wrap;
	}
	.sec_contact_nav > a{
		width: 100%;
	}
}

/*sec_footer*/
.sec_footer{
	background-color: #808080;
	position: relative;
}
#page_top{
	position: fixed;
	right: 20px;
	bottom: 20px;
	font-size: 0.5rem;
	font-weight: bold;
	width: 3rem;
	height: 3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(to top, #FFD3B4 0%, #FE83BF 100%);
	border-radius: 50%;
	color: #ffffff;
	z-index: 5;
	transition: 0.25s;
}
.footer_nav_inner{
	display: grid;
	gap: 2rem;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	line-height: 2.3;
	text-align: center;
	z-index: 1;
	position: relative;
	padding: 2rem 2rem 10rem;
}
.footer_nav_inner a{
	color: #ffffff;
}
.footer_nav_group > a{
	font-weight: bold;
}
.footer_nav_group_list{
	text-align: left;
	width: fit-content;
	margin: 0 auto;
}
.footer_nav_group_list > li > a::before{
	content: "- ";
}
.footer_logo{
	display: flex;
	align-items: center;
	width: 10rem;
	height: 12rem;
	margin: 0 auto;
}
.footer_subnav{
	position: absolute;
	bottom: 20px;
	right: calc(30px + 3rem);
	opacity: 0.5;
	z-index: 1;
}
.footer_subnav > a{
	color: #ffffff;
	cursor: pointer;
	padding: 0 10px;
}
@media screen and (max-width: 768px){
	.footer_nav_inner{
		display: none;
	}
	.footer_subnav{
		display: none;
	}
	.footer_subnav > a{
		color: #000000;
	}
}

/*トップページ*/
/*sec_top_title*/
.sec_top_title{
	margin: 0 auto;
	max-width: 1200px;
	padding: 0 2rem;
}
.sec_top_title h2{
	padding-left: 0;
	padding-right: 0;
	margin: 0 0 2rem;
}
.sec_top_title_above{
	margin: 0 auto;
	position: relative;
	padding-top: 2rem;
}
.sec_top_title_above_text > img{
	position: absolute;
	top: 0;
	left: 60%;
	z-index: -1;
	width: 50%;
}
.sec_top_title_bottom{
	display: flex;
	align-items: center;
	margin-top: 40px;
}
.sec_top_title_bottom_img{
	width: 45%;
	position: relative;
	aspect-ratio: 1 / 1;
}
.video_button{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	border: none;
	background-color: #ffffff;
	cursor: pointer;
	z-index: 4;
}
.video_button:hover ~ img{
	width: 90% !important;
	filter: brightness(50%);
}
.video_button:hover ~ .sec_top_title_bottom_img_2{
	filter: brightness(100%);
}
.video_button::after{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 35%;
	height: 40%;
	background-color: #E6E6E6;
	clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
}
.sec_top_title_bottom_img > img{
	aspect-ratio: 1 / 1;
	object-fit: cover;
	display: block;
	border-radius: 1rem;
	position: absolute;
	width: 40%;
	transition: 0.3s;
}
.sec_top_title_bottom_img_1{
	top: 0;
	left: 0;
	z-index: 1;
}
.sec_top_title_bottom_img_2{
	z-index: 3;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}
.sec_top_title_bottom_img_3{
	z-index: 2;
	bottom: 0;
	right: 0;
}
.sec_top_title_bottom_text{
	width: 55%;
	display: flex;
	align-items: center;
}
.sec_top_title_bottom_text_inner{
	display: block;
	padding: 2rem 0 2rem 2rem;
	position: relative;
}
.sec_top_circle{
	position: absolute;
	top: 5%;
	left: 10%;
	animation: rotate 20s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	z-index: -1;
	width: 120%;
}
@keyframes rotate{
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
}
#video_box{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.75);
	display: flex;
	align-items: center;
	display: none;
	cursor: pointer;
	z-index: 21;
}
#video_box > video{
	width: 80%;
	margin: 0 auto;
	max-height: 90%;
}
@media screen and (max-width: 768px){
	.sec_top_title_bottom{
		display: block;
	}
	.sec_top_title_bottom_img{
		width: 100%;
	}
	.sec_top_title_bottom_text{
		width: 100%;
	}
	.sec_top_title_above_text > img{
		top: auto;
		width: 100%;
		position: unset;
		margin: 0 0 2rem;
	}
	.sec_top_title_bottom_text_inner{
		padding: 2rem 0;
	}
}

/*sec_pickup*/
.sec_pickup_inner{
	background-color: #808080;
}
.sec_pickup_inner_inner{
	display: flex;
	padding: 1rem 2rem;
	flex-wrap: wrap;
	max-width: 1200px;
	margin: 0 auto;
}
.sec_pickup_inner_inner.unfilled{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(100px,1fr));
}
.sec_pickup_inner_inner article{
	margin: 0.75rem;
}
.sec_pickup_link{
	width: 100%;
	display: block;
	background-color: #ffffff;
	border-radius: 10px;
	overflow: hidden;
}
.sec_pickup_inner_inner h3{
	font-size: 1rem;
	padding: 0.75rem 2.5% 0.5rem;
	line-height: 1.5;
	color: #ffffff;
}
.sec_pickup_link > img{
	width: 100%;
	display: block;
	aspect-ratio: 4 / 5;
	object-fit: cover;
}
.sec_pickup_list{
	padding: 0 2.5%;
	color: #ffffff;
}
.sec_pickup_list li{
	margin-right: 2.5%;
	font-size: 0.6rem;
	display: inline;
}
.slick-prev{
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	background-color: transparent;
	border: none;
	color: transparent;
	pointer-events: none;
	z-index: 1;
}
.slick-prev::before{
	content: "<";
	font-weight: 700;
	color: #808080;
	pointer-events: auto;
	cursor: pointer;
	font-size: 1rem;
	background-color: #ffffff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.75rem;
	height: 1.75rem;
	box-shadow: 2px 2px 4px;
}
.slick-next{
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	background-color: transparent;
	border: none;
	color: transparent;
	pointer-events: none;
	z-index: 1;
}
.slick-next::before{
	content: ">";
	font-weight: 700;
	color: #808080;
	pointer-events: auto;
	cursor: pointer;
	font-size: 1rem;
	background-color: #ffffff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.75rem;
	height: 1.75rem;
	box-shadow: 2px 2px 4px;
}
@media screen and (max-width: 768px){
	.sec_pickup_inner article{
		margin: 0.75rem;
	}
}

/*sec_service*/
.sec_service_inner{
	display: flex;
	flex-wrap: wrap;
	max-width: 1200px;
	margin: 0 auto;
	gap: 10%;
	padding: 0 2rem;
}
.sec_service_inner > :nth-child(2n){
	transform: translateY(30%);
}
.sec_service_inner > li{
	width: 45%;
	margin: 2.5% 0 10%;
	color: #808080;
	cursor: pointer;
}
.sec_service_inner > li > a > div{
	text-align: right;
	font-size: 2.5rem;
	font-family: "minion-pro", serif;
	font-weight: 400;
	font-style: normal;
	color: rgb(128, 128, 128);
}
.service_inner_img{
	aspect-ratio: 3 / 2;
	border-radius: 20px;
	border: solid 1.5px #808080;
	display: flex;
	overflow: hidden;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}
.service_inner_img > img{
	vertical-align: top;
	width: 70%;
	object-fit: cover;
}
.sec_service_inner > li > a > h3{
	line-height: 2.3;
	padding: 0 2.5%;
	font-size: 1.2rem;
}
.sec_service_inner > li > a > p{
	padding: 0 2.5%;
}
@media screen and (max-width: 768px){
	.sec_service_inner{
		display: block;
	}
	.sec_service_inner > li{
		width: 100%;
	}
	.sec_service_inner > :nth-child(2n){
		transform: translateY(0);
	}
}

/*sec_works*/
.sec_works_inner{
	max-width: 1200px;
	padding: 0 2rem;
	margin: 0 auto;
}
.sec_works_button{
	max-width: 800px;
	margin-bottom: 20px;
	font-size: 0;
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
	row-gap: 0.5rem;
}
.sec_works_button > button{
	background-color: transparent;
	border: none;
	display: block;
	border-right: 1px solid #000000;
	cursor: pointer;
	line-height: 2.3;
}
.sec_works_button > :last-child{
	border: none;
}
.sec_works_gallery{
	display: grid;
	grid-template-columns: 30% 15% 20% 17.5% 17.5%;
}
.sec_works_gallery > a{
	position: relative;
	margin: 0.3rem;
	overflow: hidden;
	border-radius: 1rem;
	cursor: pointer;
}
.sec_works_gallery img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sec_works_gallery > :nth-child(1){
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	aspect-ratio: 3 / 2;
}
.sec_works_gallery > :nth-child(2){
	grid-column: 2 / 4;
	grid-row: 1 / 3;
	height: 90%;
}
.sec_works_gallery > :nth-child(3){
	grid-column: 4 / 6;
	grid-row: 1 / 2;
	aspect-ratio: 5 / 3;
}
.sec_works_gallery > :nth-child(4){
	grid-column: 1 / 2;
	grid-row: 2 / 3;
	aspect-ratio: 1 / 1;
}
.sec_works_gallery > :nth-child(5){
	grid-column: 4 / 5;
	grid-row: 2 / 3;
}
.sec_works_gallery > :nth-child(6){
	grid-column: 5/ 6;
	grid-row: 2 / 3;
	height: 90%;
}
.sec_works_gallery > :nth-child(7){
	grid-column: 1 / 2;
	grid-row: 3 / 4;
	width: 85%;
}
.sec_works_gallery > :nth-child(8){
	grid-column: 2 / 3;
	grid-row: 3 / 4;
	transform: translateX(-19%);
	width: 115%;
}
.sec_works_gallery > :nth-child(9){
	grid-column: 3 / 6;
	grid-row: 3 / 4;
	aspect-ratio: 5 / 2;
}
.sec_works_gallery > a > div{
	position: absolute;
	top: 0%;
	left: 0%;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	color: #ffffff;
	transition: 0.25s;
	padding: 0.75rem 0 0 0.75rem;
	font-size: 0.8rem;
	opacity: 0;
}
.sec_works_gallery > a:hover > div{
	opacity: 1;
}
.sec_works_tag{
	display: flex;
	list-style: "#";
	margin-left: 0.6rem;
	gap: 0 1rem;
	flex-wrap: wrap;
}
@media screen and (max-width: 768px){
	.sec_works_gallery{
		grid-template-columns: 45% 27.5% 27.5%;
	}
	.sec_works_gallery > a{
		position: relative;
		margin: 0.3rem;
		overflow: hidden;
		border-radius: 1rem;
		cursor: pointer;
	}
	.sec_works_gallery img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.sec_works_gallery > :nth-child(1){
		grid-column: 1 / 2;
		grid-row: 1 / 2;
		aspect-ratio: 3 / 2;
	}
	.sec_works_gallery > :nth-child(2){
		grid-column: 2 / 4;
		grid-row: 1 / 3;
		height: 90%;
	}
	.sec_works_gallery > :nth-child(3){
		grid-column: 1 / 2;
		grid-row: 2 / 3;
		aspect-ratio: 5 / 3;
	}
	.sec_works_gallery > :nth-child(4){
		grid-column: 1 / 2;
		grid-row: 3 / 4;
		aspect-ratio: 1 / 1;
	}
	.sec_works_gallery > :nth-child(5){
		grid-column: 2 / 3;
		grid-row: 3 / 4;
	}
	.sec_works_gallery > :nth-child(6){
		grid-column: 3 / 4;
		grid-row: 3 / 4;
		height: 90%;
	}
	.sec_works_gallery > :nth-child(7){
		grid-column: 1 / 2;
		grid-row: 4 / 5;
		width: 85%;
	}
	.sec_works_gallery > :nth-child(8){
		grid-column: 2 / 4;
		grid-row: 4 / 5;
		transform: translateX(-8%);
		width: 106%;
	}
	.sec_works_gallery > :nth-child(9){
		grid-column: 1 / 4;
		grid-row: 5 / 6;
		aspect-ratio: 5 / 2;
	}
}

/*sec_news*/
.sec_news_inner{
	padding: 0 2rem;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	gap: 5%;
}
.sec_news_inner > a{
	width: 21.25%;
}
.sec_news_inner > a > img{
	aspect-ratio: 3 / 2;
	object-fit: cover;
	display: block;
}
.sec_news_inner > a > h3{
	font-size: 0.8rem;
	line-height: 1.3;
	padding: 8px 4px 4px;
}
.sec_news_inner > a > ul{
	font-size: 0.6rem;
	padding: 4px;
	margin-bottom: 1rem;
}
.sec_news_inner > a > ul > li{
	display: inline-block;
}
.sec_news_inner > a > ul > :nth-child(1){
	margin-right: 1rem;
}
@media screen and (max-width: 768px){
	.sec_news_inner > a{
		width: 47.5%;
	}
}

/*sec_blog*/
.sec_blog{
	padding: 0 2rem;
	max-width: 1200px;
	margin: 0 auto;
	margin-top: 10%;
	display: flex;
	gap: 5%;
}
.sec_blog > a{
	width: 30%;
	cursor: pointer;
}
.sec_blog > a > img{
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border: solid 0.75rem #808080;
	display: block;
}


/*Archive_News*/
/*news_category*/
.news_category{
	max-width: 1200px;
	margin: 0 auto;
	padding: 2rem;
}
.news_category > p{
	margin: 1rem 0;
}
.news_category > nav{
	display: flex;
	gap: 1rem;
}
.news_category > nav > a{
	display: flex;
	flex: 1;
	text-align: center;
	border: solid 1px #000000;
	margin: 0 ;
	padding: 0.5rem 1rem;
	transition: 0.25s;
	align-items: center;
	justify-content: center;
}
.news_category > nav > a:hover{
	background-color: #000000;
	color: #ffffff;
}
.news_current_cat{
	background-color: #000000;
	color: #ffffff;
}
@media screen and (max-width: 768px){
	.news_category > nav{
		flex-wrap: wrap;
	}
	.news_category > nav > a{
		flex: auto;
	}
}

/*news_list*/
.news_list{
	max-width: 1200px;
	margin: 0 auto;
	padding: 2rem;
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 2rem;
}
.news_list_content{
	margin-bottom: 2rem;
}
.news_list_content > img{
	aspect-ratio: 3 / 2;
	object-fit: cover;
	display: block;
}
.news_list_content > h3{
	font-size: 1.1rem;
	line-height: 1.3;
	padding: 0 4px;
	margin: 0;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.news_list_content > ul{
	padding: 0.4rem 4px;
	font-size: 0;
	line-height: 0;
}
.news_list_content > ul > li{
	display: inline;
	color: #807F80;
	border-left: solid 0.075rem #807F80;
	padding: 0 0.2rem;
	line-height: 1.75;
	font-size: 0.8rem;
}
.news_list_content > ul > :first-child{
	margin-right: 0.4rem;
	color: #807F80;
	padding: 0;
	border: none;
}
.news_list_content > p{
	color: #807F80;
	padding: 0.4rem 4px 0;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

/*Archive_Works*/
/*works_category*/
.works_category{
	max-width: 1200px;
	margin: 0 auto;
	padding: 2rem;
}
.works_category > p{
	margin: 1rem 0;
}
.works_category > nav{
	display: flex;
	gap: 1rem;
}
.works_category > nav > a{
	display: flex;
	flex: 1;
	text-align: center;
	border: solid 1px #000000;
	margin: 0 ;
	padding: 0.5rem 1rem;
	transition: 0.25s;
	align-items: center;
	justify-content: center;
}
.works_category > nav > a:hover{
	background-color: #000000;
	color: #ffffff;
}
.works_current_cat{
	background-color: #000000;
	color: #ffffff;
}
.works_current_cat{
	background-color: #000000;
	color: #ffffff;
}
@media screen and (max-width: 768px){
	.works_category > nav{
		flex-wrap: wrap;
	}
	.works_category > nav > a{
		flex: auto;
	}
}

/*works_list*/
.works_list{
	max-width: 1200px;
	margin: 0 auto;
	padding: 2rem;
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 2rem;
}
.works_list_content{
	margin-bottom: 2rem;
	display: block;
	position: relative;
}
.works_list_content > img{
	aspect-ratio: 3 / 2;
	object-fit: cover;
	display: block;
}
.works_list_content > h3{
	font-size: 1.1rem;
	line-height: 1.3;
	padding: 0.6rem 4px 0;
	margin: 0;
}
.works_list_content > ul{
	padding: 0.2rem 4px 0.4rem;
	z-index: 1;
	position: relative;
	font-size: 0;
	line-height: 0;
}
.works_list_content > ul > li{
	display: inline;
	font-size: 0.7rem;
	line-height: 1.75;
}
.works_list_content > ul > .works_list_cat{
	margin-right: 0.4rem;
	color: #807F80;
}
.works_list_content > ul > .works_list_tag{
	border-left: solid 0.075rem #F19EC2;
	padding: 0 0.2rem;
	color: #F19EC2;
}
.works_list_content > ul > .works_list_tag *{
	color: #F19EC2;
}
.works_list_content > ul > :nth-child(1 of .works_list_tag){
	border: none;
}
.works_list_content > ul > :nth-child(1 of .works_list_tag)::before {
	content: "\A";
	white-space: pre;
}
.works_list_content > ul > .works_list_date{
	color: #807F80;
	display: block;
}
.works_list_content > a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*Single_News*/
/*article*/
.news_single_articlebox{
	max-width: 1200px;
	margin: 0 auto;
	margin-top: 1rem;
	padding: 2rem;
}
.news_single_title{
	text-align: center;
	position: relative;
	margin-bottom: 0.5rem;
}
.news_single_title > ul{
	color: #807F80;
	display: flex;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	gap: 0.5rem;
	font-size: 0.8rem;
}
.news_single_title > h1{
	font-size: 1.5rem;
	line-height: 1.5;
	width: calc(100% - 25rem);
	margin: 0 auto;
}
.news_single_content{
	border: solid 0.05rem #807F80;
	padding: 1rem 2rem;
	box-sizing: border-box;
}
@media screen and (max-width: 768px){
	.news_single_title > ul{
		top: auto;
		bottom: 100%;
	}
	.news_single_title{
		margin-top: 2rem;
	}
	.news_single_title > h1{
		width: 100%;
	}
}

/*Single_Works*/
/*article*/
.works_single_articlebox{
	max-width: 1200px;
	margin: 0 auto;
	margin-top: 1rem;
	padding: 2rem;
}
.works_single_title{
	display: flex;
	flex-flow: column;
	gap: 0.5rem;
	margin-bottom: 2rem;
}
.works_single_title > h1{
	font-size: 1.8rem;
	font-weight: 700;
}
.works_single_title_company{
	font-size: 0.8rem;
	font-weight: 700;
}
.works_single_title_tags{
	font-size: 1.2rem;
	font-weight: 700;
}
.works_single_title .works_list_tag{
	display: inline;
}
.works_single_title .works_list_tag::before{
	content:'、';
}
.works_single_title_tags > :first-child::before{
	content:'';
}
.works_single_bottom{
	text-align: right;
}
.works_single_bottom > ul{
	display: inline-flex;
	gap: 0.5rem;
	color: #807F80;
}
/*Service List*/
.service_list{
	max-width: 1200px;
    margin: 0 auto;
	margin-top: 18rem;
}
.service_list > h2{
	text-align: center;
	font-size: 1.6rem;
	color: #ff738a;
}
.service_list > h2 strong{
	font-size: 1.6em;
}
.service_list > h3{
	padding:0 2rem 1rem;
	font-size: 1.25rem;
	text-align: center;
	color: #ff738a;
}
.service_list  > p{
	text-align: center;
    padding: 0 2rem;
}
.service_workflow{
	max-width: 1200px;
    margin: 0 auto;
}
.service_workflow > h2{
	text-align: center;
	font-size: 1.6rem;
}
.service_workflow > h3{
	padding: 1rem 0;
	margin: 2rem auto;
	margin-top: 0;
	margin-bottom: 0;
	width: fit-content;
	max-width: calc(100% - 4rem);
	font-size: 1.25rem;
	text-align: center;
	color: #eb6d80;
	position: relative;
}
.service_workflow > h3::before{
	content: "～";
	position: absolute;
	top: 50%;
	right: 100%;
	transform: translateY(-50%);
}
.service_workflow > h3::after{
	content: "～";
	position: absolute;
	top: 50%;
	left: 100%;
	transform: translateY(-50%);
}
.service_workflow  > p{
	text-align: center;
    padding: 1rem 2rem;
	color: #595757;
}
.service_workflow_inner{
	padding: 2rem;
}
.service_workflow_inner > li{
	display: flex;
	align-items: stretch;
	color: #595757;
}
.service_workflow_inner > li > h3{
	font-size: 1.25rem;
	width: 50%;
	padding-right: 2rem;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: end;
}
.service_workflow_inner > li > h3::before{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 3px;
	background-color: #595757;
}
.service_workflow_inner > li > h3::after{
	content: "";
	position: absolute;
	top: 50%;
	right: -4px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background-color: #e5004f;
	transform: translateY(-50%);
}
.service_workflow_inner > :last-child > h3{
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.service_workflow_inner > :last-child > h3::before{
	height: 50%;
}
.service_workflow_inner > li > p{
	padding: 4rem 0rem 4rem 2rem;
	display: flex;
	align-items: center;
	width: 50%;
}
.service_message > p{
	padding: 0 2rem 2rem;
	text-align: center;
}
.service_imagebox{
	width: 70%;
	margin: 0 auto;
	display: block;
	position: relative;
}
@media screen and (max-width: 768px){
	.service_list > h2{
		text-align: left;
	}
	.service_list_nobr{
		white-space: nowrap;
	}
	.service_list > h3{
		text-align: left;
	}
	.service_list{
		margin-top: 0;
	}
	.service_list  > p{
		text-align: left;
	}
	.service_workflow_inner > li > h3{
		padding-right: 1rem;
		width: 40%;
	}
	.service_workflow_inner > li > p{
		padding-left: 1rem;
		width: 60%;
	}
	.service_message > p{
		text-align: left;
	}
}

/*Each Service*/
.service_normal{
	max-width: 1200px;
	margin: 0 auto;
}
.service_gray h3, .service_normal h3{
	font-size: 1.2rem;
	max-width: 1200px;
	padding: 1rem 2rem;
	margin: 0 auto;
}
.service_mediabox{
	display: flex;
	width: 100%;
	padding-bottom: 2rem;
}
.service_mediabox_img{
	width: 50%;
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}
.service_mediabox_img > img{
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}
.service_mediabox_text{
	width: 50%;
	padding: 0 2rem;
}
.service_mediabox_text h3{
	padding: 1rem 0rem;
}
.service_mediabox_text h4{
	padding: 1rem 0rem;
}
.service_mediabox_text dl{
	line-height: 1.75;
}
.service_mediabox_text dl dt{
	font-weight: 500;
}
.service_mediabox_text dl dt::after{
	content: "：";
}
.service_text{
	padding: 0 2rem;
}
.service_narrowtext{
	width: 70%;
	margin: 1rem auto;
	margin-bottom: 3rem;
}
.service_flow_list{
	text-align: center;
	margin-bottom: 3rem;
	overflow-x: auto;
}
.service_flow_list_inner{
	display: inline-flex;
	margin: 2rem;
	gap: 2rem;
	position: relative;
	text-align: left;
}
.service_flow_list_inner > li{
	writing-mode: vertical-rl;
	border: solid 2px #000000;
	padding: 3rem 0.75rem;
	font-weight: 700;
	background-color: #ffffff;
}
.service_flow_list_inner::after{
	content: "";
	position: absolute;
	left: 0;
	top: calc(50% - 1px);
	border-bottom: solid 2px #000000;
	width: 100%;
	z-index: -1;
}
.service_gray{
	background-color: #E6E6E6;
	margin: 0 0 4rem;
}
.service_gray_inner{
	max-width: 1200px;
	margin: 0 auto;
}
.service_border{
	border-top: solid 2px #231815;
	border-bottom: solid 2px #231815;
	max-width: 1200px;
	margin: 0 auto;
	padding: 1rem 0;
}
.service_iconlist{
	display: flex;
	padding: 1rem 2rem;
	align-items: center;
}
.service_iconlist > img{
	width: 6rem;
	margin-right: 2rem;
}
.service_iconlist > div{
	width: calc(100% - 8rem);
}
.service_iconlist > div > h3{
	padding: 1rem 0rem;
}
.service_remophoto_title{
	display: flex;
	align-items: center;
}
.service_remophoto_title > h3{
	width: 35%;
}
.service_remophoto_title > h3 > img{
	width: 100%;
}
.service_remophoto_right{
	width: 65%;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 2rem;
}
.service_remophoto_right_list{
	display: flex;
	justify-content: space-between;
	margin: 1.5rem 0 0;
}
.service_remophoto_right_list > li{
	background-color: #ffffff;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 0.5rem;
	font-weight: 700;
	border: solid 2px #000000;
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
	width: 7rem;
	font-size: 0.9rem;
}
.service_remophoto_figure{
	display: flex;
	align-items: center;
	background-color: #ffffff;
	padding: 1rem 2rem;
	border-radius: 2rem;
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
	margin: 0 2rem;
}
.service_remophoto_figure_studio{
	width: 50%;
	position: relative;
}
.service_remophoto_figure_studio > h4{
	font-size: 1.4rem;
}
.service_remophoto_figure_studio > img{
	padding-left: 10%;
}
.service_remophoto_figure_studio > ul{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.service_remophoto_figure_studio > ul > li{
	position: absolute;
	border: solid 2px #000000;
	padding: 0.25rem 0.75rem;
	background-color: #ffffff;
	border-radius: 1000px;
	font-size: 0.8rem;
	font-weight: 700;
}
.service_remophoto_figure_studio > ul > :nth-child(1){
	top: 80%;
	left: 0%;
}
.service_remophoto_figure_studio > ul > :nth-child(2){
	top: unset;
	bottom: -5%;
	left: 50%;
}
.service_remophoto_figure_studio > ul > :nth-child(3){
	top: 35%;
	left: 52.5%;
}
.service_remophoto_figure_zoom{
	width: 20%;
	margin: 0 2.5%;
	background-color: #000000;
	color: #f4e829;
	aspect-ratio: 1 / 1;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	text-align: center;
	font-size: 1.6rem;
	line-height: 1.5;
	position: relative;
	transform: translateY(0.75rem);
}
.service_remophoto_figure_zoom::before{
	content: "";
	position: absolute;
	right: 95%;
	top: 50%;
	transform: translateY(-50%);
	width: 25%;
	height: 25%;
	background: linear-gradient(to right, #000000 0%, #000000 4%, #ffffff 4%, #ffffff 8%, #000000 8%, #000000 16%, #ffffff 16%, #ffffff 20%, #000000 20%, #000000 32%, #ffffff 32%, #ffffff 36%, #000000 36%, #000000 100%);
}
.service_remophoto_figure_zoom::after{
	content: "";
	position: absolute;
	left: 95%;
	top: 50%;
	transform: translateY(-50%);
	width: 25%;
	height: 25%;
	background: linear-gradient(to left, #000000 0%, #000000 4%, #ffffff 4%, #ffffff 8%, #000000 8%, #000000 16%, #ffffff 16%, #ffffff 20%, #000000 20%, #000000 32%, #ffffff 32%, #ffffff 36%, #000000 36%, #000000 100%);
}
.service_remophoto_figure_client{
	width: 25%;
}
.service_remophoto_figure_client > h4{
	font-size: 1.4rem;
	text-align: center;
}
.figure_remophoto_example{
	display: flex;
	gap: 1rem;
	margin: 0 2rem;
	padding: 1rem 0;
	position: relative;
	z-index: 1;
}
.figure_remophoto_example::before{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	border-bottom: solid 1.8rem #F5AA00;
	width: 100%;
	z-index: -1;
}
.figure_remophoto_example > figure{
	flex: 1;
}
.figure_remophoto_example > figure > figcaption{
	line-height: 1.75;
}
.figure_remophoto_example > figure> img{
	aspect-ratio: 5 / 4;
	object-fit: cover;
}
.service_example{
	padding: 2rem 0;
	text-align: center;
}
.service_proofreading{
	display: flex;
	align-items: center;
	height: 100%;
	position: relative;
	width: 100%;
	aspect-ratio: 5 / 3;
}
.service_proofreading_img{
	width: 30%;
	height: 70%;
	object-fit: cover;
}
.service_proofreading > small{
	position: absolute;
	top: calc(100% + 2rem);
	right: 0;
	transform: translateY(-100%);
	color: #036eb8;
}
.service_proofreading > small > img{
	width: 1rem;
	display: inline;
	margin-right: 0.5rem;
}
.service_proofreading_bubble{
	width: 70%;
	height: 100%;
	border: solid 2px #9fa0a0;
	border-radius: 1rem;
	background-color: #ffffff;
	padding: 1rem;
	position: relative;
	box-shadow: 2px 2px 4px rgba(243,152,0,0.5);
}
.service_proofreading_bubble::before{
	content: "";
	position: absolute;
	top: calc(40% - 2px);
	right: 100%;
	background-color: #9fa0a0;
	clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
	width: 16px;
	height: 24px;
}
.service_proofreading_bubble::after{
	content: "";
	position: absolute;
	top: 40%;
	right: calc(100% - 0.5px);
	background-color: #ffffff;
	clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
	width: 14px;
	height: 20px;
}
.service_proofreading_bubble > :nth-child(odd){
	border: solid 1.5px #c9caca;
	box-shadow: 3px 3px 0 #c9caca;
	width: 20%;
	height: 20%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.7rem;
}
.service_proofreading_bubble > :nth-child(odd) *{
	font-size: 0.7rem;
	padding: 0;
}
.service_proofreading_bubble > :nth-child(even){
	width: 20%;
	height: 20%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.service_proofreading_bubble > :nth-child(even)::before{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 2px;
	height: calc(90% - 9px);
	background-color: #9fa0a0;
}
.service_proofreading_bubble > :nth-child(even)::after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: 5%;
	transform: translateX(-50%);
	width: 6px;
	aspect-ratio: 1 / 1;
	clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
	background-color: #9fa0a0;
}
.service_proofreading_bubble > :nth-child(even) > h3{
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	color: #ffffff;
	display: flex;
	align-items: center;
	width: fit-content;
	font-size: 0.6rem;
	padding: 0.25rem;
	z-index: 1;
}
.service_proofreading_bubble > :nth-child(even) > div{
	position: absolute;
	left: 150%;
	top: 50%;
	transform: translateY(-50%);
	border: solid 2px #c9caca;
	border-radius: 1rem;
	padding: 0.5rem;
	text-align: center;
	width: 350%;
}
.service_proofreading_bubble > :nth-child(even) > div::before{
	content: "";
	position: absolute;
	top: 20%;
	right: 100%;
	width: 15%;
	border-bottom: dotted 2px #898989;
	transform: rotate(45deg);
}
.service_proofreading_bubble > :nth-child(even) > div::after{
	content: "";
	position: absolute;
	bottom: 20%;
	right: 100%;
	width: 15%;
	border-bottom: dotted 2px #898989;
	transform: rotate(-45deg);
}
.service_proofreading_bubble > :nth-child(even) > div > p{
	margin-bottom: 0.25rem;
	font-size: 0.7rem;
}
.service_proofreading_bubble > :nth-child(even) > div > strong{
	position: absolute;
	top: 0;
	left: -10%;
	transform: translateY(-50%) rotate(-20deg);
	padding: 0.25rem 0.5rem;
	color: #ffffff;
	font-size: 0.8rem;
}
.service_proofreading_bubble > :nth-child(2) > h3{
	background-color: #f39800;
}
.service_proofreading_bubble > :nth-child(2) > div > p{
	color: #f39800;
}
.service_proofreading_bubble > :nth-child(2) > div > strong{
	background-color: #f39800;
}
.service_proofreading_bubble > :nth-child(4) > h3{
	background-color: #036eb8;
}
.service_proofreading_bubble > :nth-child(4) > div > p{
	color: #036eb8;
}
.service_proofreading_bubble > :nth-child(4) > div > strong{
	background-color: #036eb8;
}
@media not screen and (max-width: 768px){
	.service_overlap{
		padding-top: 2rem;
		transform: translateY(-4rem);
		margin-bottom: 0rem;
		position: relative;
		z-index: -1;
	}
}
@media screen and (max-width: 768px){
	.service_mediabox{
		display: block;
	}
	.service_mediabox_img{
		width: 100%;
		gap: 0;
		padding: 0 2rem;
		position: relative;
	}
	.service_mediabox_img > img{
		width: 100%;
	}
	.service_mediabox_img > :nth-child(2){
		position: absolute;
		right: 1rem;
		bottom: -1rem;
		width: 35%;
		box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	}
	.service_mediabox_text{
		width: 100%;
		padding: 2rem;
	}
	.service_narrowtext{
		width: 100%;
		padding: 0 2rem;
	}
	.service_remophoto_title{
		display: block;
	}
	.service_remophoto_title > h3{
		width: 60%;
	}
	.service_remophoto_right{
		width: 100%;
	}
	.service_remophoto_figure{
		display: block;
	}
	.service_remophoto_figure_studio{
		width: 100%;
	}
	.service_remophoto_figure_zoom{
		width: 35%;
		margin: 0 auto;
		margin-top: 15%;
		margin-bottom: 15%;
	}
	.service_remophoto_figure_zoom::before{
		bottom: 95%;
		left: 50%;
		right: unset;
		top: unset;
		transform: translateX(-50%);
		background: linear-gradient(to bottom, #000000 0%, #000000 4%, #ffffff 4%, #ffffff 8%, #000000 8%, #000000 16%, #ffffff 16%, #ffffff 20%, #000000 20%, #000000 32%, #ffffff 32%, #ffffff 36%, #000000 36%, #000000 100%);
	}
	.service_remophoto_figure_zoom::after{
		top: 95%;
		left: 50%;
		right: unset;
		bottom: unset;
		transform: translateX(-50%);
		background: linear-gradient(to top, #000000 0%, #000000 4%, #ffffff 4%, #ffffff 8%, #000000 8%, #000000 16%, #ffffff 16%, #ffffff 20%, #000000 20%, #000000 32%, #ffffff 32%, #ffffff 36%, #000000 36%, #000000 100%);
	}
	.service_remophoto_figure_client{
		width: 60%;
		margin: 0 auto;
	}
	.figure_remophoto_example{
		display: flex;
		flex-wrap: wrap;
	}
	.figure_remophoto_example::before{
		top: 24%;
	}
	.figure_remophoto_example::after{
		content: "";
		position: absolute;
		left: 0;
		top: unset;
		bottom: 18%;
		border-bottom: solid 1.8rem #F5AA00;
		width: 100%;
		z-index: -1;
	}
	.figure_remophoto_example > figure{
		width: calc(50% - 1rem);
		flex: auto;
	}
	.service_proofreading_img{
		width: 20%;
	}
	.service_proofreading_bubble{
		width: 80%;
	}
	.service_proofreading{
		aspect-ratio: 5 / 4;
	}
}

/*Contact*/
.contact{
	max-width: 1200px;
	padding: 2rem;
	margin: 0 auto;
	margin-bottom: 2rem;
}
.contact label{
	width: 100%;
	display: flex;
	margin: 2rem 0;
}
.contact label > :first-child{
	display: flex;
	width: 40%;
	height: 1.75rem;
	align-items: center;
}
.contact label > :last-child{
	width: 60%;
}
.contact label > :last-child > input{
	width: 100%;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
	border: none;
	border-radius: 0.25rem;
	height: 1.75rem;
	padding: 0 0.5rem;
}
.contact label > :last-child > span{
	display: block !important;
	margin: 0.5rem 0 0 !important;
	color: #ff0000 !important;
	font-size: 1rem !important;
}
.wpcf7-response-output{
	margin: 1rem 0 0 !important;
	color: #ff0000 !important;
	font-size: 1rem !important;
	border: none !important;
}
.contact label > :last-child > textarea{
	width: 100%;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
	border: none;
	border-radius: 0.25rem;
	aspect-ratio: 3 / 2;
	padding: 0.5rem;
	box-sizing: border-box;
}
.contact label > :last-child > select{
	display: inline-block;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
	border: none;
	border-radius: 0.25rem;
	cursor: pointer;
	height: 1.75rem;
	padding: 0 0.5rem;
}
.contact label > :first-child > .contact_required{
	color: #ff0000;
}
.contact p > input{
	display: inline-block;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
	border: none;
	padding: 0.5rem 1rem;
	background-color: transparent;
	border-radius: 0.25rem;
	cursor: pointer;
	margin:2rem 0.5rem 2rem 0;
}
.contact p > input:nth-of-type(2){
	background-color: #428bca;
	color: #ffffff;
}
.contact p > input:hover{
	background-color: #cccccc;
}
.contact p > input:nth-of-type(2):hover{
	background-color: #3071a9;
}
.contact_confirm_message{
	color: #ff0000;
	margin-bottom: 1rem;
}
.contact_confirm label{
	margin: 0.5rem 0;
}
@media screen and (max-width: 768px){
	.contact label{
		display: block
	}
	.contact label > :first-child{
		margin-bottom: 0.5rem;
	}
}

/*Privacy*/
.privacy{
	max-width: 1200px;
    padding: 2rem;
    margin: 0 auto;
    margin-bottom: 2rem;
}
.privacy > ol{
	line-height: 1.75;
}
.privacy > ol > li{
	counter-increment: privacy_count;
}
.privacy > ol > li > h2::before{
	content: ""counter(privacy_count)". ";
}
.privacy > ol > li > h2{
	padding-left: 0;
}
.privacy ul{
	list-style: "・";
	line-height: 1.75;
	padding-left: 1.8rem;
}
.privacy a{
	text-decoration: underline;
}

/*info*/
.info_normal{
	max-width: 1200px;
	margin: 0 auto;
}
.info_normal_inner{
	width: 70%;
	margin: 0 auto;
}
.info_about_list > div{
	display: flex;
	margin: 1rem 0;
}
.info_about_list > div > dt{
	width: 6rem;
}
.info_about_list > div > dd{
	width: calc(100% - 6rem);
}
.info_about_contentslist > *{
	margin: 1rem 0;
}
.info_about_contentslist > dt::before{
	content: "●";
}
.info_history_table > tbody > tr{
	display: block;
	margin: 1rem 0;
	text-align: left;
}
.info_history_table > tbody > tr > th{
	width: 7rem;
}
.info_history_table > tbody > tr > td{
	width: calc(100% - 7rem);
}
.info_access_map{
	width: 100%;
	aspect-ratio: 3 / 2;
}
.info_access_info{
	display: flex;
	line-height: 1.75;
	flex-direction: row-reverse;
}
.info_access_info > *{
	flex-grow: 1;
	margin: 1rem 0;
}
.info_access_info > :first-child > a{
	display: block;
	background-color: #f0bed5;
	width: fit-content;
	color: #ffffff;
	padding: 0.25rem 2rem 0.25rem 1rem;;
	margin-left: auto;
	position: relative;
}
.info_access_info > :first-child > a:after{
	content: "";
	background-image: url("../img/newtab.svg");
	background-repeat: no-repeat;
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translate(0%, -50%);
	width: 1rem;
	height: 1rem;
	background-size: 100%;
}
.info_access_info > div > ul{
	list-style: "○";
	padding-left: 1rem;
}
.info_access_info > div > a{
	color: #ab549c;
}
.info_links{
	display: flex;
	gap: 2rem;
	text-align: center;
	padding: 1rem;
}
.info_links > *{
	flex: 1;
	background-color: #7f8080;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 5 / 2;
}

@media screen and (max-width: 768px){
	.info_about_inner{
		width: 100%;
		padding: 0 2rem;
	}
	.info_access_info{
		display: block;
	}
}

/*spirits*/
.spirits_top{
	margin: 0 auto;
	max-width: 1200px;
}
.spirits_top_above{
	padding: 2rem;
}
.spirits_top_bottom{
	padding: 2rem;
	position: relative;
}
.spirits_top_bottom > ::after{
	content: "";
	z-index: -2;
	position: absolute;
	top: 0;
	left: 50%;
	transform:translateX(-50%);
	width: 100vw;
	height: 100%;
	background-color: #f2f2f2;
}
.spirits_top_bottom img{
	width: 50%;
	right: -10%;
	left: auto;
	min-width: 400px;
}
.spirits_greeting_inner{
	margin: 0 auto;
	max-width: 1200px;
	display: flex;
	align-items: center;
}
.spirits_greeting_inner > img{
	flex: 3;
	object-fit: cover;
	aspect-ratio: 4 / 5;
	overflow: hidden;
}
.spirits_greeting_inner > p{
	flex: 7;
	padding: 2rem;
	display: flex;
	align-items: center;
}
.spirits_normal{
	margin: 0 auto;
	max-width: 1200px;
}
.spirits_normal h2 > ruby >rt{
	display: block;
	font-size: 1rem;
	padding-left: 2rem;
}
.spirits_normal_inner{
	padding: 0 2rem 0 4rem;
}
.spirits_normal_inner dl{
	display: flex;
	flex-flow: column;
	gap: 1rem;
	line-height: 2.3;
}
.spirits_normal_inner dl dt{
	font-weight: 700;
	position: relative;
}
.spirits_normal_inner dl dt::before{
	content: '・';
	color: #e8556d;
	position: absolute;
	right: 100%;
	top: 50%;
	transform: translateY(-50%);
}
@media screen and (max-width: 768px){
	.spirits_greeting_inner{
		display: block;
	}
	.spirits_greeting_inner > img{
		aspect-ratio: 1 / 1;
		padding: 0 2rem;
	}
}

/*page404*/
.page404{
	margin: 0 auto;
	max-width: 1200px;
	padding: 2rem;
}
.page404 a{
	text-decoration: underline;
}

/*ditialguide*/
.digitalguide{
	margin: 0 auto;
	max-width: 1200px;
	padding: 2rem;
}
.digitalguide > *{
	width: auto !important;
}

/*Ar*/
.sec_title_ar{
	display: flex;
	height: calc(100vh - 70px);
	min-height: 850px;
	width: 100%;
	align-items: stretch;
}
.sec_title_ar_left{
	flex: 1;
	background-color: #e7373f;
	padding: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sec_title_ar_left > div > img{
	width: 90%;
	display: block;
}
.sec_title_ar_left > div > h1{
	text-align: center;
	color: #ffffff;
	font-size: 4rem;
}
.sec_title_ar_left > div > p{
	text-align: left;
	color: #ffffff;
	margin: 0 auto;
	width: fit-content;
}
.sec_title_ar_right{
	flex: 1;
	position: relative;
	height: 100%;
}
.sec_title_ar_right_frontimg{
	position: absolute;
	top: 50%;
	left: -40%;
	transform: translateY(-50%);
	z-index: 1;
	width: auto;
	max-height: 80%;
}
.sec_title_ar_right_backimg{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
@media screen and (max-width: 768px){
	main{
		margin-top: 2rem;
	}
	.sec_title_ar_right{
		height: 0;
	}
	.sec_title_ar{
		flex-flow: column-reverse;
	}
	.sec_title_ar > *{
		width: 100%;
	}
	.sec_title_ar_right_frontimg {
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		max-height: 80%;
	}
	.sec_title_ar {
		height: calc(100vh - 70px);
		min-height: 0;
	}
	.sec_title_ar_left > div > img {
		width: 50%;
		margin: 0 auto;
	}
	.sec_title_ar_left > div > p {
		text-align: center;
	}
}

.ar_normal{
	margin: 0 auto;
	max-width: 1200px;
	padding: 2rem;
	margin-top: 2rem;
}
.ar_normal > h2{
	text-align: center;
	padding: 0;
	margin: 1rem 0;
	max-width: none;
}
.ar_normal > p{
	text-align: center;
}
.ar_normal > p > strong{
	display: block;
	color: #009b79;
	margin: 1rem 0;
	font-weight: 700;
}
@media screen and (max-width: 768px){
	.ar_normal > p{
		text-align: left;
	}
}

.ar_advantage_list{
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	margin: 2rem 0;
}
.ar_advantage_list > li{
	border-radius: 1rem;
	border: solid 0.25rem #009b79;
	padding: 1rem;
	counter-increment: ar_advantage_list;
}
.ar_advantage_list > li > h3{
	color: #009b79;
	font-size: 1.25rem;
	padding: 0 0 0 4rem;
	position: relative;
}
.ar_advantage_list > li > h3::before{
	content: counter(ar_advantage_list, decimal-leading-zero);
	font-size: 2.8rem;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	font-weight: 700;
}
.ar_advantage_list_img{
	margin: 1rem 0;
	aspect-ratio: 2 / 1;
	background-color: #dff0eb;
	display: flex;
	align-items: center;
}
.ar_advantage_list_img > img{
	margin: 0 auto;
	display: block;
	height: 80%;
}

.ar_service_list > li{
	margin: 2rem 0;
	border-radius: 2rem;
	background-color: #e7373f;
	padding: 2rem;
}
.ar_service_list_flex{
	display: flex;
	gap: 2rem;
	align-items: stretch;
}
.ar_service_list > :nth-child(2n) > .ar_service_list_flex{
	flex-direction: row-reverse;
}
.ar_service_list_left{
	flex: 4;
}
.ar_service_list_left > h3{
	width: fit-content;
	margin-right: auto;
	text-align: center;
	color: #e7373f;
	padding: 1rem 3rem;
	border-radius: 1000px;
	background-color: #ffffff;
	font-size: 1.4rem;
	line-height: 1.25;
}
.ar_service_list_left > p{
	color: #ffffff;
	text-align: left;
	margin: 1rem 0;
}
.ar_service_list_left > ul{
	list-style: '◉';
	color: #ffffff;
	margin: 1rem 0;
	padding-left: 1rem;
}
.ar_service_list_right{
	object-fit: cover;
	flex: 6;
	display: block;
	width: auto;
	overflow: hidden;
}
.ar_service_list > li > video{
	width: 100%;
	border-radius: 1rem;
	margin-top: 2rem;
}
@media screen and (max-width: 768px){
	.ar_service_list_flex{
		flex-flow: column !important;
	}
	.ar_service_list_left > h3{
		width: 100%;
	}
}


.ar_example_list > li{
	display: flex;
	align-items: center;
	gap: 2rem;
	margin: 4rem 0;
}
.ar_example_list > :nth-child(2n){
	flex-direction: row-reverse;
}
.ar_example_list_left{
	flex: 1;
}
.ar_example_list_title{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	padding: 0;
	margin: 2rem 0;
}
.ar_example_list_title > span{
	display: block;
	color: #00a689;
	font-size: 2rem;
	text-align: center;
	font-weight: 700;
}
.ar_example_list_title > :first-child, .ar_example_list_title > :last-child{
	width: 35%;
	aspect-ratio: 1 / 1;
	border: solid 0.25rem #00a689;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
}
.ar_example_list_title > :first-child{
	background-color: #00a689;
	color: #ffffff;
}
.ar_example_list_title > :last-child{
	background-color: #ffffff;
	color: #00a689;
}
.ar_example_listt_left > p{
	margin: 2rem 0;
}
.ar_example_list_right{
	max-height: 100%;
	flex: 1;
	margin: 0 auto;
	overflow: hidden;
}
@media screen and (max-width: 768px){
	.ar_example_list > li{
		flex-flow: column-reverse !important;
		gap: 0rem;
	}
}

.ar_flow_list{
	display: flex;
	margin: 2rem 0;
	padding-right: 2rem;
	align-items: stretch;
}
.ar_flow_list > li{
	flex: 1;
	padding: 2rem 3rem;
	color: #ffffff;
	position: relative;
	counter-increment: ar_flow_list;
}
.ar_flow_list > li::after{
	position: absolute;
	left: 100%;
	top: 0;
	height: 100%;
	width: 2rem;
	content: '';
	clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
	background-color: inherit;
	z-index: 1;
}
.ar_flow_list > :nth-child(1){
	background-color: #ec7975;
}
.ar_flow_list > :nth-child(2){
	background-color: #e95853;
}
.ar_flow_list > :nth-child(3){
	background-color: #e7373f;
}
.ar_flow_list > li > h3{
	font-size: 1.4rem;
}
.ar_flow_list > li > h3::before{
	content: ""counter(ar_flow_list)". ";
}
.ar_flow_list > li > p{
	margin: 1rem 0;
}
@media screen and (max-width: 768px){
	.ar_flow_list{
		flex-flow: column;
		padding-right: 0;
	}
	.ar_flow_list > li{
		padding: 4rem 2rem 2rem;
	}
	.ar_flow_list > li::after{
		position: absolute;
		left: 0;
		top: 100%;
		width: 100%;
		height: 2rem;
		content: '';
		clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
	}
}

.ar_faq > ul > li{
	margin: 2rem 0;
	border-bottom: solid 2px #009b79;
	counter-increment: ar_faq_list;
}
.ar_faq > ul > li > details > summary{
	font-size: 1.25rem;
	padding: 1rem 0.5rem;
	position: relative;
	cursor: pointer;
}
.ar_faq > ul > li > details > summary::marker{
	content: "";
}
.ar_faq > ul > li > details > summary::before{
	content: "Q"counter(ar_faq_list)" ";
	color: #009b79;
}
.ar_faq > ul > li > details > summary::after{
	content: ">";
	color: #009b79;
	font-weight: 700;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%) rotate(0deg);
	transition: 0.25s;
}
.ar_faq > ul > li > details[open] > summary::after{
	transform: translateY(-50%) rotate(-90deg);
}
.ar_faq > ul > li > details > p{
	padding: 0 0 1rem 2.25rem;
}

.ar_price_list{
	margin-top: 4rem;
}
.ar_price_list dt{
	color: #e61f19;
}
.ar_price_list_base{
	display: flex;
	font-size: 1.25rem;
	margin: 1rem 0;
}
.ar_price_list_base > dt{
	width: fit-content;
	margin-right: 1.25rem;
}
.ar_price_list_flex{
	display: flex;
	margin: 1rem 0;
	gap: 2rem;
}
.ar_price_list_flex > div{
	flex: 1;
}
.ar_price_list_flex > div > dt{
	font-size: 1rem;
	border-bottom: solid 2px #e61f19;
}
.ar_price_list_flex > div > dt::before{
	content: "+";
	font-weight: 700;
}
.ar_price_list_flex dl > div{
	display: flex;
	margin-left: 1rem;
	line-height: 1.75;
	flex-wrap: wrap;
}
.ar_price_list_flex dl > div > *{
	width: 50%;
	font-size: 1rem;
	text-align: left;
}
.ar_price_list_flex dl > div > dd > span{
	font-size: 0.75rem;
}
.ar_price_list_flex_original{
	width: 100% !important;
}
.ar_price_list_flex_original > strong{
	background-color: #e61f19;
	width: 90%;
	margin-bottom: 0.5rem;
	color: #ffffff;
	display: block;
	padding: 0.25rem 0.5rem;
	font-size: 0.85rem;
}
.ar_price_list_server{
	margin: 0 auto;
	width: fit-content;
	border-radius: 1rem;
	border: solid 0.25rem #e61f19;
	background-color: #fffbd0;
	padding: 0.5rem;
	position: relative;
	color: #e61f19;
	display: flex;
}
.ar_price_list_server > dt{
	margin-right: 1rem;
}
.ar_price_list_server::before{
	content: "+";
	font-weight: 700;
	position: absolute;
	top: 50%;
	right: calc(100% + 1rem);
	transform: translateY(-50%);
	font-size: 2rem;
}
@media screen and (max-width: 768px){
	.ar_price_list_flex{
		flex-flow: column;
	}
}

/*passion*/
.sec_title.passion > p{
	background: linear-gradient(to right,#caa2ca 0%,#e9deee 50%,#75c9d7 100%); 
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline;
}
.sec_title.passion > h1{
	padding-top: 0;
}
.sec_title.passion > h1 > img{
	margin: 0 auto;
	width: 30%;
	min-width: 300px;
	display: block;
}
.passion_top{
	position: relative;
	padding: 4rem 2rem;
	background: linear-gradient(to right,#e0c8e1 0%,#f5e4f0 50%, #b5dfe7 100%);
}
.passion_top > img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
}
.passion_top_inner{
	width: 100%;
	max-width: calc(1200px - 4rem);
	margin: 0 auto;
	background-image: url("../img/passion_illust1.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: flex;
	align-items: center;
	padding: 3rem;
	flex-direction: row-reverse;
}
.passion_top_inner > p{
	padding: 2rem;
	background-color: #efefef;
	border-radius: 1rem;
	width: 50%;
	font-size: 0.8rem;
}
.passion_top_inner > div{
	margin-left: 1rem;
	width: calc(50% - 1rem);
}
.passion_top_inner > div > strong{
	font-size: 1.75rem;
	font-weight: 500;
	display: block;
	text-align: center;
	padding: 2rem 0;
}
.passion_top_inner > div > img{
	width: 50%;
	display: block;
	margin: 0 auto;
}
@media screen and (max-width: 768px){
	.passion_top_inner{
		display: block;
	}
	.passion_top_inner > div{
		width: 100%;
		display: block;
		margin: 0 auto;
		margin-bottom: 1rem;
	}
	.passion_top_inner > p{
		width: 100%;
		margin: 0 0 1rem;
	}
	.passion_top_inner{
		padding: 1.5rem;
	}
}

.passion_list{
	max-width: 1200px;
	margin: 0 auto;
}
.passion_list_inner > li{
	display: flex;
	align-items: center;
	margin: 4rem 0;
}
.passion_list_left{
	width: 60%;
}
.passion_list_inner > li > img{
	width: 40%;
	object-fit: cover;
	aspect-ratio: 10 / 7;
}
.passion_list_left_inner > img{
	position: absolute;
	width: 30%;
	min-height: 150px;
	top: calc(100% - 4rem);
	object-fit: cover;
	overflow: visible;
}
.passion_list_inner > :nth-child(2n+1){
	padding-left: 2rem;
}
.passion_list_inner > :nth-child(2n+1) > img{
	border-bottom-left-radius: 1rem;
	border-top-left-radius: 1rem;
	margin-left: 2rem;
}
.passion_list_inner > :nth-child(2n+1) > .passion_list_left > .passion_list_left_inner > img{
	left: 12.5%;
}
.passion_list_inner > :nth-child(2n){
	padding-right: 2rem;
	flex-direction: row-reverse;
}
.passion_list_inner > :nth-child(2n) > img{
	border-bottom-right-radius: 1rem;
	border-top-right-radius: 1rem;
	margin-right: 2rem;
}
.passion_list_inner > :nth-child(2n) > .passion_list_left > .passion_list_left_inner > img{
	right: 0;
}
.passion_list h2{
	margin: 0;
	margin-left: 4rem;
	text-align: center;
	width: 60%;
	background-image: url('../img/passion_h2_underline.svg');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
	padding: 1rem 0;
	font-size: 1.2rem;
}
.passion_list h2 > span{
	color: #eb6d80;
}
.passion_list_left_inner{
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	padding: 2rem 3rem 4rem;
	position: relative;
}
.passion_list_inner > :nth-child(1) .passion_list_left_inner{
	background-image: url('../img/passion_illust2.png');
}
.passion_list_inner > :nth-child(2) .passion_list_left_inner{
	background-image: url('../img/passion_illust3.png');
}
.passion_list_inner > :nth-child(3) .passion_list_left_inner{
	background-image: url('../img/passion_illust4.png');
}
.passion_list_inner > :nth-child(4) .passion_list_left_inner{
	background-image: url('../img/passion_illust5.png');
}
.passion_list_left_inner > h3{
	color: #eb6d80;
	font-size: 0.9rem;
	margin-top: 1rem;
	padding: 0.5rem 0;
}
.passion_list_left_inner > p{
	font-size: 0.8rem;
}
@media screen and (max-width: 650px){
	.passion_list_inner > li{
		display: block;
		padding: 0 1rem !important;
	}
	.passion_list_left{
		width: 100%;
	}
	.passion_list_inner > li > img{
		width: 100%;
		border-bottom-left-radius: 1rem !important;
		border-top-left-radius: 1rem !important;
		border-top-right-radius: 0rem !important;
		border-bottom-right-radius: 0rem !important;
		aspect-ratio: 5 / 3;
		margin: 4rem 0 0 2rem;
	}
}
@media screen and (min-width: 1200px){
	.passion_list_inner > li > img{
		border-radius: 1rem !important;

	}
}

/*サイトマップ*/
.sec_sitemap_inner *{
	color: #000000;
}
.sec_sitemap_inner{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    max-width: 1200px;
    padding: 2rem;
    margin: 0 auto;
    margin-bottom: 2rem;
	gap: 1rem;
}
.sitemap_nav_group{
	background-color: #f2f2f2;
	border-radius: 1rem;
	padding: 1rem;
	text-align: center;
}
.sitemap_nav_group > a{
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 0.1rem;
}
.sitemap_nav_group a:hover{
	color: #808080;
}
.sitemap_nav_group ul{
	text-align: left;
	width: fit-content;
    line-height: 2.3;
	font-size: 0.8rem;
	font-weight: 700;
}
.sitemap_nav_group ul li::before{
	content: "・";
	color: #e8556d;
}