.inner-block {
  width: 100vw;
  margin: 0 auto;
  position:relative;
}


.fade-img-box {
  width: 100%;
  min-height: 375px;
  margin-left: auto;
  //margin-top: 10px;
  position:relative;
  //border:10px solid #333;
}

.fade-img-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit:cover;
}


/* ********** WRAP ********** */
img {
	max-width:100%;
}
img[src$=".svg"], svg {
    max-width: 100%;
}
h1 img {
	//margin:0 auto;
}
body {
	min-height: 100vh;
	text-rendering: optimizeSpeed;
	line-height: 1.5;
}

body.is-fixed {
	width: 100%;
	height: 100%;
}

:root {
    //--main-bg: #d3e1e1;
    //--sub-bg: #f9f4ef;
    //--accent-color: #f69801;
    --img-noload-color:
    hsla(41,79%,74%,.4);
    --transition: .6s
    cubic-bezier(0.250,0.460,0.450,0.940);
    --section-width: 940;
}

html {
	-webkit-text-size-adjust: 100%;
	box-sizing: border-box;
	tab-size: 4;
	word-break: normal;
}
*, :after, :before {
	background-repeat: no-repeat;
	box-sizing: inherit;
}
* {
	margin: 0;
	padding: 0;
}
details, main {
	display: block;
}
img {
	border-style: none
}
main {
	display: block;
	background:#d3e1e1;
}
html {
	background: var(--main-bg);
	color: var(--main-color);
	line-height: 1;
}
body {
	//font-feature-settings: "palt";
	tap-highlight-color: transparent;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	//font-family: "Noto Serif JP", serif;
	//font-weight: 500;
	//letter-spacing: .06em;
	text-align: center;
}
:after, :before, a, article, aside, body, div, dl, footer, header, main, p, section, ul {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
a {
	background-color: transparent;
	border: 0;
	color: var(--main-color);
	overflow: hidden;
	text-decoration: none;
}
a:active, a:hover {
	outline: 0;
}
img {
	border: 0;
	height: auto;
	line-height: 0px;
	vertical-align: bottom;
}
svg {
	display: block
}
img[src$=".svg"], svg {
	max-width: 100%;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: 400;
}
ol, ul {
	list-style-type: none
}
em, strong {
	font-style: normal;
	font-weight: 600;
}
a, input[type=button], input[type=submit] {
	-webkit-tap-highlight-color: rgba(255, 255, 255, .2)
}
small {
	font-size: 100%;
}
img.cat_img__body {
	object-fit: cover
}
button{
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
}

@media only screen and (max-width: 599px) {
	.sp_only {
		display: block;
	}
	.sp_tablet_only {
		display: block;
	}
	.tablet_only {
		display: none;
	}
	.pc_only {
		display: none;
	}
	.pc_tablet_only {
		display:none;
	}
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.sp_only {
		display: none;
	}
	.sp_tablet_only {
		display: block;
	}
	.tablet_only {
		display: block;
	}
	.pc_only {
		display: none;
	}
	.pc_tablet_only {
		display:block;
	}
}

@media only screen and (min-width: 1025px) {
	.sp_only {
		display: none;
	}
	.sp_tablet_only {
		display: none;
	}
	.tablet_only {
		display: none;
	}
	.pc_only {
		display: block;
	}
	.pc_tablet_only {
		display:block;
	}
}




/* -------------
shop_btn
------------- */
.shop_btn {
	bottom: 21px;
	position: fixed;
	right: 21px;
	z-index: 99;    
}

.shop_btn a {
	background-color: rgba(255,255,255,0.9);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 82px auto;
	border-radius: 45px 45px;
	display: block;
	height: 80px;
	width: 80px;
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.6));	
}

@media only screen and (max-width: 414px) {	
	.shop_btn {
	right: 11px;
	}	

	.shop_btn a {	
	background-size: 82px auto;
	border-radius: 55px 55px;
	height: 80px;
	width: 80px;	
	}		
}



/*---------------------------------------------

nav

-------------------------------------------- */
@media only screen and (max-width: 599px) {
	.header_container {
		display: flex;
	    justify-content: center;
	    align-items: center;
	}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
}

@media only screen and (min-width: 1025px) {
	.header_container {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

/* ------------------------------------------
 [PC-header] - nav
------------------------------------------ */
@media only screen and (max-width: 599px) {
	#nav_pc {
		display:none;
	}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	#nav_pc {
		display:none;
	}
}

@media only screen and (min-width: 1025px) {
	#nav_pc ul {
    	display:flex;
    	flex-flow: row wrap;
    	justify-content: space-around;
    	align-items:center;
    	position:fixed;
    	writing-mode: vertical-rl;
    	left: 0;
    	margin-top: 1.5rem;
		z-index:99;
	}
    #nav_pc ul li {
		width: 20%;
	    margin-bottom: 2rem;
    }
	#nav_pc ul li a {
	    display: block;
	    padding: 0 20px;
	    color: #222;
	    text-decoration: none;
	    transition: .5s;
	}
    #nav_pc ul li a:hover {
	    color:#7F8FA3;
    }
}

/* -----------------------------------------
 [SP-header] - nav 
----------------------------------------- */
@media only screen and (max-width: 1024px) {
	#nav_sp {
		opacity: 0;
		visibility: hidden;
		transition: .8s;
		position: fixed;
		top: 0;
		right: 0;
		background-color: rgba(255,255,255,0.4);
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
		box-shadow: 0 15px 25px rgba(0,0,0,0.1);
		font-family: "Sawarabi Gothic";
		font-weight: normal;
		width: 100vw;
		height: 100vh;
		z-index: 99;
		font-size: 0.5rem;
	}
	#nav_sp ul {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: 85%;
		font-size: 22px;
	}
	#nav_sp ul li:not(:first-of-type) {
		margin-top: 20px;
	}
	#nav_sp ul li a {
		color: #222;
		text-decoration: none;
	}
	#nav_sp ul li:hover a {
		color: #5580a3;
		text-decoration: none;
		transition: .3s;
	}
	#nav_sp.active {
		opacity: 1;
		visibility: visible;
		left: 0;
		width: 100vw;
		height: 100vh;
		color: #fff;
	}
}
@media only screen and (min-width: 1025px) {
	#nav_sp {
		display:none;
	}
}

/*
 [SP] menu_container - menuButton
--------------------------------------------- */
@media only screen and (min-width: 1025px) {
	.menuButton {
		display:none;
	}
}

@media only screen and (max-width: 1024px) {
	.menuButton {
		display: block;
		height: 80px;
		width: 80px;
		position: fixed;
		top: 0;
		right: 1%;
		z-index: 100;
	}
	.menuButton div {
		height: 1px;
		width: 50%;
		background: #222;
		position: absolute;
		top: 60%;
		left: 23%;
		transform: translate(-50%,-50%);
		transition: ease-out .3s;
	}
	.menuButton div:nth-of-type(1) {
		transform: translate(-25%,-9px);
		width:60%;
	}
	.menuButton div:nth-of-type(2) {
		display:none;
	}
	.menuButton div:nth-of-type(3) {
		transform: translate(-50%,-1px);
		width:30%
	}
	.menuButton div:nth-of-type(3) span {
		color:#222;
		display:block;
		margin-top:0.5rem;
		font-size: 1.65vw;
	}
	.menuButton.active {
		position: fixed;
		top: 0.5%;
		left: 92.5%;
		z-index:100;
	}
	.menuButton.active div:nth-of-type(1) {
		transform: rotate(45deg) translate(-50%, 0px);
		transform-origin: 0% 50%;
		width: 70%;
	}
	.menuButton.active div:nth-of-type(2) {
		opacity: 0;
		transition: translate(-50%, -50%);
	}
	.menuButton.active div:nth-of-type(3) {
		transform: rotate(-45deg) translate(-50%, 0px);
		transform-origin: 0% 20%;
		width: 70%;
	}
	.menuButton.active div:nth-of-type(3) span {
		display:none;
	}
}

@media only screen and (max-width: 599px) {
	.menuButton {
		display: block;
		height: 60px;
		width: 60px;
		position: fixed;
		top: 0;
		left: 84%;
		z-index: 100;
	}
	.menuButton div {
		height: 2px;
		width: 50%;
		background: #222;
		position: absolute;
		top: 60%;
		left: 20%;
		transform: translate(-50%,-50%);
		transition: ease-out .3s;
	}
	.menuButton div:nth-of-type(1) {
		transform: translate(-25%,-9px);
		width:60%;
	}
	.menuButton div:nth-of-type(2) {
		display:none;
	}
	.menuButton div:nth-of-type(3) {
		transform: translate(-50%,-1px);
		width:30%;
	}
	.menuButton div:nth-of-type(3) span {
		color:#222;
		display:block;
		margin-top:0.5rem;
		font-size: 2vw;
	}
	.menuButton.active {
		position: fixed;
		top: 0%;
		left: 87%;
		z-index: 100;
	}
	.menuButton.active div:nth-of-type(1) {
		transform: rotate(45deg) translate(-50%, 0px);
		transform-origin: 0% 50%;
		width:60%;
	}
	.menuButton.active div:nth-of-type(2) {
		opacity: 0;
		transition: translate(-50%, -50%);
	}
	.menuButton.active div:nth-of-type(3) {
		transform: rotate(-45deg) translate(-50%, 0px);
		transform-origin: 0% 20%;
		width:60%;
	}
	.menuButton.active div:nth-of-type(3) span {
		display:none;
	}
}

@media screen and (max-width:599px) {
	#nav_sp .cm-nav__copyright {
		font-size: .7rem;
	    top: 61%;
	    left: 0;
		color: #222;
	}
}
@media screen and (min-width:600px) and (max-width:1024px) {
	#nav_sp .cm-nav__copyright {
		font-size: .8rem;
	    top: 61%;
	    left: 0;
		color: #222;
	}
}	
@media screen and (min-width:1025px) {
	.cm-nav__copyright {
		font-size: .55rem;
		z-index:2;
		position:fixed;
	    top: 61%;
	    writing-mode: vertical-rl;
	    left: 0;
		padding:1.5rem;
  }
}




/* --------------------------------------
mv zoomout
-------------------------------------- */
.zoom img {
	width: 100%;
	animation: animationZoom 5s ease-in-out forwards;
	//animation-delay: 5.9s;
	height: 100%;
    left: 0;
    object-fit: cover;
    object-position: left;
    position: absolute;
    top: 0;
}
.zoom {
	width: 1200px;
	height: 100vh;
	overflow: hidden;
	position:absolute;
	right:0;
	top:0;
}
@keyframes animationZoom {
	0% { transform:scale(1.1)} 
}
	



/* --------------------------------------

top_mv

-------------------------------------- */
.top_mv {
	display: flex;
	flex-direction: row-reverse;
	height: 95vh;
	background: #d3e1e1;
}
@media screen and (max-width:1024px) {
	.top_mv {
	    flex-direction: column;
	    height: 100vh;
	}
}
@media screen and (max-width:640px) {
	.top_mv {
		font-size: 90%;
		height: 100vh;
	}
}
@media screen and (max-width:415px) {
	.top_mv {
		font-size: 80%;
		height: 92vh;
	}
}

/*
top_mv_main
-------------------------------------- */
@media screen and (max-width:599px) {
	.top_mv_main {
		//height: 150.26042vw;
		height:100vh;
		font-size: 90%;
		align-items: center;
		display: flex;
		position: relative;
	}
}
@media screen and (min-width:600px) and (max-width:1024px) {
	.top_mv_main {
	    height: 57.125rem;
	    width: 100%;
	    align-items: center;
	    display: flex;
	    margin: 0 0 0 auto;
	    position: relative;
	}
}
@media screen and (min-width:1025px) {
	.top_mv_main {
	  align-items: center;
	  display: flex;
	  margin: 0 0 0 auto;
	  position: relative;
	  width: 77.6%;
	}
}

/*
top_mv_main__title
-------------------------------------- */
/*
.top_mv_main {
	opacity: 0;
	animation: loading-title 5s infinite;
	animation-iteration-count: 1;
	animation-delay: 1s;
}

@keyframes loading-title {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
*/


@media screen and (max-width:599px) {
	.top_mv_main__title {
		margin: 0 0 .5rem 3rem;
		z-index: 1;
		width: 44vmin;
	}
	
}
@media screen and (min-width:600px) and (max-width:768px) {
	.top_mv_main__title {
		position: relative;
		z-index: 1;
		margin: 15rem 0 .5625rem 9.6%;
		width: 36vmin;
	}
}

@media screen and (min-width:769px) and (max-width:1024px) {
	.top_mv_main__title {
		position: relative;
		z-index: 1;
		margin: 15rem 0 .5625rem 9.6%;
		width: 36vmin;
	}
}

@media screen and (min-width:1025px) {
	.top_mv_main__title {
		margin: 0 0 16rem -15rem;
		position: relative;
		//width: 44rem;
		z-index: 1;
		width: 43vmin;
	}
}




@media screen and (max-width:413px) {
	.top_mv_main__subtitle {
		position: absolute;
		width: 279px;
		top:8%;
		//bottom: 42rem;
		padding: 5px 14px 5px 2rem;
		left: -10px;
		font-size: 16px;
		z-index: 1;
		background: #e7d12f;
	}
}
@media screen and (min-width:414px) and (max-width:599px) {
	.top_mv_main__subtitle {
		position: absolute;
		width: 290px;
		bottom: 44rem;
		padding: 5px 5px 5px 3rem;
		left: -10px;
		font-size: 16px;
		z-index: 1;
		background: #e7d12f;
	}
}

@media screen and (min-width:600px) and (max-width:768px) {
	.top_mv_main__subtitle {
		position: absolute;
		width: 398px;
		bottom: 24em;
		padding: 5px 5px 5px 5rem;
		left: -17px;
		font-size: 21px;
		z-index: 1;
		background: #e7d12f;
	}
}

@media screen and (min-width:769px) and (max-width:1024px) {
	.top_mv_main__subtitle {
		position: absolute;
		width: 495px;
		bottom: 18em;
		padding: 5px 5px 5px 5rem;
		left: -17px;
		font-size: 21px;
		z-index: 1;
		background: #e7d12f;
	}
}


@media screen and (min-width:1025px) {
	.top_mv_main__subtitle {
		position: absolute;
		width: 740px;
		bottom: 8em;
		padding: 5px 5px 5px 10em;
		left: -450px;
		font-size: 28px;
		z-index: 1;
		background: #e7d12f;
	}
}



@media screen and (max-width:599px) {
	.top_mv_main__title .main_logo__img {
		display: block;
		height: 0;
		position: relative;
	}
	.top_mv_main__title .main_logo__img img {
		left: -21px;
		position: absolute;
		top: -249px;
	}
}
@media screen and (min-width:600px) and (max-width:768px) {
	.top_mv_main__title .main_logo__img {
		display: block;
		height: 0;
		position: relative;
	}
	.top_mv_main__title .main_logo__img img {
	    left: 18px;
	    position: absolute;
	    top: -513px;
	}
}

@media screen and (min-width:769px) and (max-width:1024px) {
	.top_mv_main__title .main_logo__img {
		display: block;
		height: 0;
		position: relative;
	}
	.top_mv_main__title .main_logo__img img {
	    left: 4px;
	    position: absolute;
	    top: -503px;
	}
}

@media screen and (min-width:1025px) {
	.top_mv_main__title .main_logo__img {
		display: block;
		height: 0;
		position: relative;
	}
	.top_mv_main__title .main_logo__img img {
	    left: 114px;
	    position: absolute;
	    top: -175px;
	}
}

/*
top_mv_main__img
-------------------------------------- */
.top_mv_main__img {
    height: 100vh;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden;
}
.top_mv_main__img .main_back_img {
    height: 90%;
    transform: scale(1.1);
    transform-origin: center center;
    width: 100%;
}
.top_mv_main__img .main_back_img img {
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: left;
    position: absolute;
    top: 0;
    width: 100%;
}
.cat_img__body[data-loaded=true] {
    opacity: 1;
    visibility: visible;
}



/* ------------------------------------------- 

 logo_wrap

------------------------------------------- */
@media screen and (max-width:599px) {
	.logo_wrap {
		position: relative;
		top: 50vh;
		left: 0;
		width:100%;
	}
}

@media screen and (min-width:600px) and (max-width:768px) {
	.logo_wrap {
		position: absolute;
		top: 191%;
		left: 0;
		width:100%;
	}
}
@media screen and (min-width:769px) and (max-width:1024px) {
	.logo_wrap {
		position: absolute;
		top: 181%;
		left: 0;
		width:100%;
	}
}

@media screen and (min-width:1025px) {
	
}


/* ------------------------------------------- 

 main_convertion_circle

------------------------------------------- */
@media screen and (max-width:599px) {
	.main_convertion_circle_wrapper {

	}
	.main_convertion_circle {
		width:100%;
		margin-top: -9rem;
		background: #D3E1E3;
		padding-bottom: 1em;
	}
	.main_convertion_circle ul {
		width: 100%;
		margin: 0 auto;
		display:flex;
		padding: 0.8rem;
		justify-content: center;
		align-items: flex-end;
	}
	.main_convertion_circle ul .main_convertion_circle_col {
		width: 33%;
		min-width: initial;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		filter: drop-shadow(4px 5px 0px rgba(0,0,0,.3));
		color: #fff;
		font-family: serif;
		border-radius: 50%;
		margin: .3em;
		/* margin-left: 1em; */
		z-index: 2;
		border: 1px solid;
		margin-top: -4.5rem;
	}
	.main_convertion_circle .main_convertion_circle_text {
		width:80%;
		margin: 1rem auto 0;
		text-align: center;
		color: #333;
		font-size: 16px;
		border-bottom: 1px solid #333;
	}
	/* cv btn */
	.main_convertion_circle_wrapper .conversion_btn {
	    padding: 1rem 0 0;
		background:#D3E1E1;
	}
	 .main_convertion_circle_wrapper .conversion_btn a {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    text-align: center;
	    font-size: 0.9rem;
	    max-width: 330px;
	    line-height: 1.2;
	    margin: 0 auto;
	    color: #222;
	    background: #e7d12f;
	    border: 1px solid #ffffff;
	    filter: drop-shadow(2px 4px 0px rgba(0,0,0,.2));
	    padding: 12px 0;
	}
}

@media screen and (min-width:600px) and (max-width:1024px) {
	.main_convertion_circle_wrapper {
		
	}
	.main_convertion_circle {
		width:100%;
		margin-top: -8rem;
		//background:#d3e1e1;
	}
	.main_convertion_circle ul {
		width: 100%;
		margin: 0 auto;
		display:flex;
		justify-content: center;
		align-items: flex-end;
	}
	.main_convertion_circle ul .main_convertion_circle_col {
		width: 20%;
		max-width: 220px;
		min-width: 160px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		filter: drop-shadow(4px 5px 0px rgba(0,0,0,.3));
		color: #fff;
		font-family: serif;
		border-radius: 50%;
		margin:0.5rem 0.4rem 1rem;
		//margin-left: 4em;
		z-index: 2;
		border: 3px solid;
	}
	.main_convertion_circle ul .main_convertion_circle_col:first-child {
		margin-left: 1em;
	}
	.main_convertion_circle ul .main_convertion_circle_text {
		width: 50%;
		height: 100%;
		min-height: 200px;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		margin-bottom: 1.5em;
		margin-right: 1.5rem;
		border-bottom: 1px solid #333;
	}
	.main_convertion_circle ul .main_convertion_circle_text p {
		color: #333;
		font-size: 1.8vw;
	}

	/* cv btn */
	.main_convertion_circle_wrapper .conversion_btn {
	    padding: 2rem 0;
		background:#D3E1E1;
	}
	 .main_convertion_circle_wrapper .conversion_btn a {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    text-align: center;
	    font-size: 1rem;
	    max-width: 360px;
	    line-height: 1.2;
	    margin: 0 auto;
	    color: #222;
	    background: #e7d12f;
	    border: 1px solid #ffffff;
		filter: drop-shadow(2px 4px 0px rgba(0,0,0,.2));
	    padding: 12px 0;
	}
}

@media screen and (min-width:1025px) {
	.main_convertion_circle_wrapper {
		
	}
	.main_convertion_circle {
		width:100%;
		margin-top: -8rem;
		//background:#d3e1e1;
	}
	.main_convertion_circle ul {
		width: 100%;
		margin: 0 auto;
		display:flex;
		justify-content: center;
		align-items: flex-end;
	}
	.main_convertion_circle ul .main_convertion_circle_col {
		width: 20%;
		max-width: 220px;
		min-width: 160px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		filter: drop-shadow(4px 5px 0px rgba(0,0,0,.3));
		color: #fff;
		font-family: serif;
		border-radius: 50%;
		margin: 1em;
		//margin-left: 4em;
		z-index: 2;
		border: 3px solid;
	}
	.main_convertion_circle ul .main_convertion_circle_col:first-child {
		margin-left: 4em;
	}
	.main_convertion_circle ul .main_convertion_circle_text {
		width: 50%;
		height: 100%;
		min-height: 200px;
		display: flex;
		justify-content: flex-start;
		align-items: flex-end;
		margin-bottom: 1.5em;
		margin-right: 4em;
		border-bottom: 1px solid #333;
	}
	.main_convertion_circle ul .main_convertion_circle_text p {
		color: #333;
		font-size: 1.8vw;
	}
	
	/* cv btn */
	.main_convertion_circle_wrapper .conversion_btn {
	    padding: 2rem 0;
		background:#D3E1E1;
	}
	 .main_convertion_circle_wrapper .conversion_btn a {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    text-align: center;
	    font-size: 1.2rem;
	    max-width: 580px;
	    line-height: 1.2;
	    margin: 0 auto;
	    color: #222;
	    background: #e7d12f;
	    border: 1px solid #ffffff;
		filter: drop-shadow(2px 4px 0px rgba(0,0,0,.2));
	    padding: 15px 0;
	}
}



/* ------------------------------------------- 

 loading

------------------------------------------- */
#loading {
	width: 100vw;
	height: 100vh;
	background-color: #d3e1e1;
	display: flex;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	align-content: center;
	flex-wrap: nowrap;
	justify-content: center;
	font-family: "Sawarabi Gothic";
	font-weight: normal;
}
#loading .loading-text {
	mix-blend-mode: exclusion;
	color: #fff;
	font-size: 32px;
	font-size: 2rem;
	letter-spacing: 0.2rem;
	line-height: 1.84;
	font-family: "Sawarabi Gothic";
	font-weight: normal;
	margin-top: -4em;
}
#loading .loading-text p {
	font-size: 32px;
	font-size: 2rem;
	font-weight: 400;
	letter-spacing: 0.2rem;
	mix-blend-mode: difference;
	color: #fff;
	line-height: 1.84;
	padding-left: 5px;
	padding-left: 0.3125rem;
}
#loading .loading-text p span.loading-text-1 {
	opacity: 0;
	animation: loading-animation 5s infinite;
	animation-iteration-count: 1;
	animation-delay: 1s;
}
#loading .loading-text p span.loading-text-2 {
	opacity: 0;
	animation: loading-animation 5s infinite;
	animation-iteration-count: 1;
	animation-delay: 2s;
}
#loading .loading-text p span.loading-text-3 {
	opacity: 0;
	animation: loading-animation 5s infinite;
	animation-iteration-count: 1;
	animation-delay: 3s;
}
.loaded {
	opacity: 0;
	visibility: hidden;
}
@keyframes loading-animation {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@media screen and (min-width:600px) and (max-width:1024px) {
	#loading .loading-text {
		margin-top: -2em;
	}
}

@media screen and (min-width:1025px) {
	#loading .loading-text {
		margin-top: initial;
	}
}


/* ---------------------------------------------------

grid_section

--------------------------------------------------- */
/* grid */	
@media only screen and (max-width: 599px) {
	.grid_section {
		background: #d3e1e1;
		padding:6rem 0;
	}
	.grid_section__title {
		margin: 1em 1em 2em;
		text-align: left;
		line-height: 1.8;
		width: 300px;
	}
	.grid_section__title span {
		font-size:30px;
	}
	.grid_wrapper {
		width:100%;
		margin: 0 auto;
		padding:0 0.5rem;
	}
	.grid_topic {
		display: grid;
		gap:10px;
		grid-template-rows: 182px 182px 135px 135px 182px 182px 182px 135px 135px;
		grid-template-columns: 1fr 1fr;
	}
	.g_item {
		border: 8px solid #fff;
		position: relative;
	}
	/* ch24 */
	.item01 {
    	grid-row: 1 / 3;
    	grid-column: 1 / 3;
    	background: #fff;
		background-size: contain;
	}
	.item01::before {
		content: "";
		bottom: 0;
		right: 0;
		border-top: 4em solid transparent;
		border-right: 4em solid #5580a3;
		position: absolute;
		z-index: 100;
	}
	.item01::after {
		content: "Tap!";
		display: block;
		bottom:11px;
		transform: rotate(-45deg);
		color: #fff;
		right: 0;
		position: absolute;
		z-index: 101;
	}
	/* stressless */
	.item02 {
    	grid-row: 3 / 5;
    	grid-column: 1 / 2;
    	background: #fff;
		background-size: contain;
		position:relative;
	}
	.item02::before {
		content: "";
		bottom: 0;
		right: 0;
		border-top: 3em solid transparent;
		border-right: 3em solid #5580a3; 
		position: absolute;
		z-index: 100;
	}
	.item02::after {
		content: "Tap!";
		display: block;
		bottom:11px;
		transform: rotate(-45deg);
		color: #fff;
		right: 0;
		position: absolute;
		z-index: 101;
		font-size: 12px;
	}
	/* leklent */
	.item03 {
    	grid-row: 3 / 5;
    	grid-column: 2 / 3;
    	background: #fff;
		background-size: contain;
	}
	.item03::before {
		content: "";
		bottom: 0;
		left: 0;
		border-top: 3em solid transparent;
		border-left: 3em solid #5580a3;
		position: absolute;
		z-index: 100;
	}
	.item03::after {
		content: "Tap!";
		display: block;
		bottom:11px;
		transform: rotate(45deg);
		color: #fff;
		left: 0;
		position: absolute;
		z-index: 101;
		font-size: 12px;
	}
	/* carlhansen */
	.item04 {
    	grid-row: 5 / 6;
    	grid-column: 1 / 3;
    	background: #fff;
    	background-size: contain;
    	position: relative;
 }
	.item04::before {
		content: "";
		bottom: 0;
		right: 0;
		border-top: 3em solid transparent;
		border-right: 3em solid #5580a3;
		position: absolute;
		z-index: 100;
	}
	.item04::after {
		content: "Tap!";
		display: block;
		bottom:11px;
		transform: rotate(-45deg);
		color: #fff;
		right: 0;
		position: absolute;
		z-index: 101;
		font-size: 12px;
	}
	/* finnjuhl */
	.item05 {
    	grid-row: 6 / 8;
    	grid-column: 1 / 3;
    	background: #fff;
		background-size: contain;
	}
	.item05::before {
		content: "";
		bottom: 0;
		right: 0;
		border-top: 4em solid transparent;
		border-right: 4em solid #5580a3;
		position: absolute;
		z-index: 100;
	}
	.item05::after {
		content: "Tap!";
		display: block;
		bottom:11px;
		transform: rotate(-45deg);
		color: #fff;
		right: 0;
		position: absolute;
		z-index: 101;
	}
	/* carlhansen */
	.item06 {
    	grid-row: 8 / 10;
    	grid-column: 1 / 2;
    	background: #fff;
		background-size: contain;
	}
	.item06::before {
		content: "";
		bottom: 0;
		right: 0;
		border-top: 3em solid transparent;
		border-right: 3em solid #5580a3;
		position: absolute;
		z-index: 100;
	}
	.item06::after {
		content: "Tap!";
		display: block;
		bottom:11px;
		transform: rotate(-45deg);
		color: #fff;
		right: 0;
		position: absolute;
		z-index: 101;
		font-size: 12px;
	}
	/* 8-28 */
	.item07 {
    	grid-row: 8 / 10;
    	grid-column: 2 / 3;
    	background: #fff;
		background-size: contain;
	}
	.item07::before {
		content: "";
		bottom: 0;
		left: 0;
		border-top: 3em solid transparent;
		border-left: 3em solid #5580a3;
		position: absolute;
		z-index: 100;
	}
	.item07::after {
		content: "Tap!";
		display: block;
		bottom:11px;
		transform: rotate(45deg);
		color: #fff;
		left: 0;
		position: absolute;
		z-index: 101;
		font-size: 12px;
	}
}

@media only screen and (min-width: 600px) and (max-width:1024px) {
	.grid_section {
		background: #d3e1e1;
		padding: 6rem 0rem 14rem;
	}
	.grid_section__title {
		margin: 0 auto 1rem;
		text-align: left;
		padding: 0 0.5rem;
		line-height: 1.8;
		width: 40%;
		min-width: 500px;
	}
	.grid_section__title span {
		font-size:33px;
	}
	.grid_wrapper {
		width:40%;
		min-width: 500px;
		margin: 0 auto;
		padding:0 0.5rem;
	}
	.grid_topic {
		display: grid;
		gap:10px;
		grid-template-rows: 182px 210px 135px 135px 364px 182px 210px 135px 135px;
		grid-template-columns: 1fr 1fr;
	}
	.g_item {
		border: 8px solid #fff;
		position: relative;
	}
	/* ch24 */
	.item01 {
    	grid-row: 1 / 3;
    	grid-column: 1 / 3;
    	background: #fff;
		background-size: contain;
	}
	.item01::before {
		content: "";
		bottom: 0;
		right: 0;
		border-top: 4em solid transparent;
		border-right: 4em solid #5580a3;
		position: absolute;
		z-index: 100;
	}
	.item01::after {
		content: "Tap!";
		display: block;
		bottom:11px;
		transform: rotate(-45deg);
		color: #fff;
		right: 0;
		position: absolute;
		z-index: 101;
	}
	/* stressless */
	.item02 {
    	grid-row: 3 / 5;
    	grid-column: 1 / 2;
    	background: #fff;
		background-size: contain;
		position:relative;
	}
	.item02::before {
		content: "";
		bottom: 0;
		right: 0;
		border-top: 3em solid transparent;
		border-right: 3em solid #5580a3; 
		position: absolute;
		z-index: 100;
	}
	.item02::after {
		content: "Tap!";
		display: block;
		bottom:11px;
		transform: rotate(-45deg);
		color: #fff;
		right: 0;
		position: absolute;
		z-index: 101;
		font-size: 12px;
	}
	.item02 img{
		width: 100% !important;
		height: 138px !important;
		margin-top: 0;
		object-fit: cover;
		}
	 .item02 .grid_topic_flex__text__tit{
		margin-top: .5em;
 	}
	 .item02 .grid_topic_flex__text__sub{
		margin-top: 1em;
		text-align: left;
		font-size: 14px;
 	}
	/* leklent */
	.item03 {
    	grid-row: 3 / 5;
    	grid-column: 2 / 3;
    	background: #fff;
		background-size: contain;
	}
	.item03::before {
		content: "";
		bottom: 0;
		left: 0;
		border-top: 3em solid transparent;
		border-left: 3em solid #5580a3;
		position: absolute;
		z-index: 100;
	}
	.item03::after {
		content: "Tap!";
		display: block;
		bottom:11px;
		transform: rotate(45deg);
		color: #fff;
		left: 0;
		position: absolute;
		z-index: 101;
		font-size: 12px;
	}
	/* carlhansen */
	.item04 {
    	grid-row: 5 / 6;
    	grid-column: 1 / 3;
    	background: #fff;
    	background-size: contain;
    	position: relative;
 	}
	.item04::before {
		content: "";
		bottom: 0;
		right: 0;
		border-top: 3em solid transparent;
		border-right: 3em solid #5580a3;
		position: absolute;
		z-index: 100;
	}
	.item04::after {
		content: "Tap!";
		display: block;
		bottom:11px;
		transform: rotate(-45deg);
		color: #fff;
		right: 0;
		position: absolute;
		z-index: 101;
		font-size: 12px;
	}
	 .item04 img{
		width: 100% !important;
		height: 250px !important;
 	}
	 .item04 .grid_topic_flex__text__tit{
		margin-top: .5em;
 	}
	/* finnjuhl */
	.item05 {
    	grid-row: 6 / 8;
    	grid-column: 1 / 3;
    	background: #fff;
		background-size: contain;
	}
	.item05::before {
		content: "";
		bottom: 0;
		right: 0;
		border-top: 4em solid transparent;
		border-right: 4em solid #5580a3;
		position: absolute;
		z-index: 100;
	}
	.item05::after {
		content: "Tap!";
		display: block;
		bottom:11px;
		transform: rotate(-45deg);
		color: #fff;
		right: 0;
		position: absolute;
		z-index: 101;
	}
	/* carlhansen */
	.item06 {
    	grid-row: 8 / 10;
    	grid-column: 1 / 2;
    	background: #fff;
		background-size: contain;
	}
	.item06::before {
		content: "";
		bottom: 0;
		right: 0;
		border-top: 3em solid transparent;
		border-right: 3em solid #5580a3;
		position: absolute;
		z-index: 100;
	}
	.item06::after {
		content: "Tap!";
		display: block;
		bottom:11px;
		transform: rotate(-45deg);
		color: #fff;
		right: 0;
		position: absolute;
		z-index: 101;
		font-size: 12px;
	}
	/* 8-28 */
	.item07 {
    	grid-row: 8 / 10;
    	grid-column: 2 / 3;
    	background: #fff;
		background-size: contain;
	}
	.item07::before {
		content: "";
		bottom: 0;
		left: 0;
		border-top: 3em solid transparent;
		border-left: 3em solid #5580a3;
		position: absolute;
		z-index: 100;
	}
	.item07::after {
		content: "Tap!";
		display: block;
		bottom:11px;
		transform: rotate(45deg);
		color: #fff;
		left: 0;
		position: absolute;
		z-index: 101;
		font-size: 12px;
	}
}

@media only screen and (min-width: 1025px)  and (max-width: 1254px) {
	.grid_section {
		background: #d3e1e1;
		padding: 7rem 4vw 18rem;
	}
	.grid_section__title {
	    margin: 0 auto 1rem;
	    text-align: left;
	    padding: 0 0.5rem;
	    line-height: 1.8;
	    width: 40%;
	    min-width: 1200px;
		font-size:1.2rem;
	}
	.grid_section__title span {
		font-size:2.8rem;
	}
	.grid_wrapper {
		max-width:1250px;
		margin: 0 auto;
	}
	.grid_topic {
		display: grid;
		width: 100%;
		gap:20px;
		grid-template-rows: 320px 320px 320px;
		grid-template-columns: 1fr 1fr 1fr;
	}
	.g_item {
		border: 8px solid #fff;
		position: relative;
	}
	.item01 {
		grid-row: 1 / 3;
		grid-column: 1 / 2;
		background: #fff;
		background-size: contain;
	}
	.item01::before {
		content: "";
		bottom: 0;
		right: 0;
		border-top: 4em solid transparent;
		border-right: 4em solid #5580a3;
		position: absolute;
		z-index: 100;
	}
	.item01::after {
		content: "Click!";
		display: block;
		bottom:11px;
		transform: rotate(-45deg);
		color: #fff;
		right: 0;
		position: absolute;
		z-index: 101;
	}
	.item02 {
		grid-row: 1 / 2;
		grid-column: 2 / 3;
		background: #fff;
		background-size: cover;
	}
	.item02::before {
		content: "";
		bottom: 0;
		right: 0;
		border-top: 4em solid transparent;
		border-right: 4em solid #5580a3; 
		position: absolute;
		z-index: 100;
	}
	.item02::after {
		content: "Click!";
		display: block;
		bottom:11px;
		transform: rotate(-45deg);
		color: #fff;
		right: 0;
		position: absolute;
		z-index: 101;
	}
	.item03 {
		grid-row: 1 / 2;
		grid-column: 3 / 4;
		background: #fff;
	}
	.item03::before {
		content: "";
		bottom: 0;
		right: 0;
		border-top: 3em solid transparent;
		border-right: 3em solid #5580a3;
		position: absolute;
		z-index: 100;
	}
	.item03::after {
		content: "Click!";
		display: block;
		bottom:11px;
		transform: rotate(-45deg);
		color: #fff;
		right: 0;
		position: absolute;
		z-index: 101;
		font-size: 12px;
	}
	.item04 {
		grid-row: 3 / 4;
		grid-column: 1 / 2;
		background: #fff;
		background-size: cover;
	}
	.item04::before {
		content: "";
		bottom: 0;
		left: 0;
		border-top: 4em solid transparent;
		border-left: 4em solid #5580a3;
		position: absolute;
		z-index: 100;
	}
	.item04::after {
		content: "Click!";
		display: block;
		bottom:11px;
		transform: rotate(45deg);
		color: #fff;
		left: 0;
		position: absolute;
		z-index: 101;
	}
	.item05 {
		grid-row: 2 / 4;
		grid-column: 2 / 3;
		background: #fff;
		background-size: cover;
	}
	.item05::before {
		content: "";
		bottom: 0;
		right: 0;
		border-top: 4em solid transparent;
		border-right: 4em solid #5580a3;
		position: absolute;
		z-index: 100;
	}
	.item05::after {
		content: "Click!";
		display: block;
		bottom: 11px;
		transform: rotate(-45deg);
		color: #fff;
		right: 0;
		position: absolute;
		z-index: 101;
	}
	.item06 {
		grid-row: 2 / 3;
		grid-column: 3 / 4;
		background: #fff;
	}
	.item06::before {
		content: "";
		bottom: 0;
		right: 0;
		border-top: 3em solid transparent;
		border-right: 3em solid #5580a3;
		position: absolute;
		z-index: 100;
	}
	.item06::after {
		content: "Click!";
		display: block;
		bottom:11px;
		transform: rotate(-45deg);
		color: #fff;
		right: 0;
		position: absolute;
		z-index: 101;
		font-size: 12px;
	}
	.item07 {
		grid-row: 3 / 4;
		grid-column: 3/ 4;
		background: #fff;
	}
	.item07::before {
		content: "";
		bottom: 0;
		right: 0;
		border-top: 3em solid transparent;
		border-right: 3em solid #5580a3;
		position: absolute;
		z-index: 100;
	}
	.item07::after {
		content: "Click!";
		display: block;
		bottom:11px;
		transform: rotate(-45deg);
		color: #fff; 
		right: 0;
		position: absolute;
		z-index: 101;
		font-size: 12px;
	}
}

@media only screen and (min-width: 1255px) {
	.grid_section {
		background: #d3e1e1;
		padding: 7rem 0 18rem;
	}
	.grid_section__title {
	    margin: 0 auto 1rem;
	    text-align: left;
	    padding: 0 0.5rem;
	    line-height: 1.8;
	    width: 40%;
	    min-width: 1250px;
		font-size:1.2rem;
	}
	.grid_section__title span {
		font-size:2.8rem;
	}
	.grid_wrapper {
		width:1250px;
		margin: 0 auto;
	}
	.grid_topic {
		display: grid;
		width: 100%;
		gap:20px;
		grid-template-rows: 240px 240px 240px;
		grid-template-columns: 494px 494px 1fr;
	}
	.g_item {
		border: 8px solid #fff;
		position: relative;
	}
	.item01 {
		grid-row: 1 / 3;
		grid-column: 1 / 2;
		background: #fff;
		background-size: contain;
	}
	.item01::before {
		content: "";
		bottom: 0;
		right: 0;
		border-top: 4em solid transparent;
		border-right: 4em solid #5580a3;
		position: absolute;
		z-index: 100;
	}
	.item01::after {
		content: "Click!";
		display: block;
		bottom:11px;
		transform: rotate(-45deg);
		color: #fff;
		right: 0;
		position: absolute;
		z-index: 101;
	}
	.item02 {
		grid-row: 1 / 2;
		grid-column: 2 / 3;
		background: #fff;
		background-size: cover;
	}
	.item02::before {
		content: "";
		bottom: 0;
		right: 0;
		border-top: 4em solid transparent;
		border-right: 4em solid #5580a3; 
		position: absolute;
		z-index: 100;
	}
	.item02::after {
		content: "Click!";
		display: block;
		bottom:11px;
		transform: rotate(-45deg);
		color: #fff;
		right: 0;
		position: absolute;
		z-index: 101;
	}
	.item03 {
		grid-row: 1 / 2;
		grid-column: 3 / 4;
		background: #fff;
	}
	.item03::before {
		content: "";
		bottom: 0;
		right: 0;
		border-top: 3em solid transparent;
		border-right: 3em solid #5580a3;
		position: absolute;
		z-index: 100;
	}
	.item03::after {
		content: "Click!";
		display: block;
		bottom:11px;
		transform: rotate(-45deg);
		color: #fff;
		right: 0;
		position: absolute;
		z-index: 101;
		font-size: 12px;
	}
	.item04 {
		grid-row: 3 / 4;
		grid-column: 1 / 2;
		background: #fff;
		background-size: cover;
	}
	.item04::before {
		content: "";
		bottom: 0;
		left: 0;
		border-top: 4em solid transparent;
		border-left: 4em solid #5580a3;
		position: absolute;
		z-index: 100;
	}
	.item04::after {
		content: "Click!";
		display: block;
		bottom:11px;
		transform: rotate(45deg);
		color: #fff;
		left: 0;
		position: absolute;
		z-index: 101;
	}
	.item05 {
		grid-row: 2 / 4;
		grid-column: 2 / 3;
		background: #fff;
		background-size: cover;
	}
	.item05::before {
		content: "";
		bottom: 0;
		right: 0;
		border-top: 4em solid transparent;
		border-right: 4em solid #5580a3;
		position: absolute;
		z-index: 100;
	}
	.item05::after {
		content: "Click!";
		display: block;
		bottom: 11px;
		transform: rotate(-45deg);
		color: #fff;
		right: 0;
		position: absolute;
		z-index: 101;
	}
	.item06 {
		grid-row: 2 / 3;
		grid-column: 3 / 4;
		background: #fff;
	}
	.item06::before {
		content: "";
		bottom: 0;
		right: 0;
		border-top: 3em solid transparent;
		border-right: 3em solid #5580a3;
		position: absolute;
		z-index: 100;
	}
	.item06::after {
		content: "Click!";
		display: block;
		bottom:11px;
		transform: rotate(-45deg);
		color: #fff;
		right: 0;
		position: absolute;
		z-index: 101;
		font-size: 12px;
	}
	.item07 {
		grid-row: 3 / 4;
		grid-column: 3/ 4;
		background: #fff;
	}
	.item07::before {
		content: "";
		bottom: 0;
		right: 0;
		border-top: 3em solid transparent;
		border-right: 3em solid #5580a3;
		position: absolute;
		z-index: 100;
	}
	.item07::after {
		content: "Click!";
		display: block;
		bottom:11px;
		transform: rotate(-45deg);
		color: #fff; 
		right: 0;
		position: absolute;
		z-index: 101;
		font-size: 12px;
	}
	
}
	
/* grid_topic__icon */
@media only screen and (max-width: 599px) {
	.grid_wrapper .icon_topics {
		border-radius: 50%;
		display: inline-block;
		text-align: center;
		background: #e7d12f;
		color: #394a64;
		letter-spacing: 1px;
		filter: drop-shadow(1px 1px 1px rgba(0,0,0,.5));		
	}
	.grid_wrapper .icon_l {
		width: 85px;
		height: 85px;
		line-height: 85px;
		font-size:19px;
		position: absolute;
	}
	.grid_wrapper .icon_m {
		width: 55px;
		height: 55px;
		line-height: 55px;
		font-size: 13px;
		position: absolute;
	}
	.grid_wrapper .icon_s {
		width: 38px;
		height: 38px;
		line-height: 38px;
		font-size: 10px;
		position: absolute;
	}
	
/* Individual */
	.grid_wrapper .item01 .icon_topics {
		z-index: 9;
		position: absolute;
		left: 0%;
		top:0;
	}
	.grid_wrapper .item02 .icon_topics {
		z-index:9;
		position: absolute;
		left: 0;
		top:0;
	}
	.grid_wrapper .item03 .icon_topics {
		position:absolute;
		right:0;
		bottom:0;
	}
	.grid_wrapper .item04 .icon_topics {
		position:absolute;
		left:0;
		top:0;
	}
	.grid_wrapper .item05 .icon_topics {
		z-index: 9;
		position:absolute;
		right:0;
		top:0;
	}
	.grid_wrapper .item06 .icon_topics {
		z-index: 9;
		position: absolute;
		left: 0;
		top:0;
	}
	.grid_wrapper .item07 .icon_topics {
		z-index:9;
		position:absolute;
		right:0;
		bottom:0;
	}
}	
@media only screen and (min-width: 600px) and (max-width:1024px) {
	.grid_wrapper .icon_topics {
		border-radius: 50%;
		display: inline-block;
		text-align: center;
		background: #e7d12f;
		color: #394a64;
		letter-spacing: 1px;	filter: drop-shadow(1px 1px 1px rgba(0,0,0,.5));	
	}
	.grid_wrapper .icon_l {
		width: 85px;
		height: 85px;
		line-height: 85px;
		font-size:19px;
		position: absolute;
		top:5%;
		left:2%;
		z-index: 100;
	}
	.grid_wrapper .icon_m {
		width: 65px;
		height: 65px;
		line-height: 65px;
		font-size: 15px;
		position: absolute;
		top: 1%;
		left: 1%;
		z-index: 3;
	}
	.grid_wrapper .icon_s {
		width: 50px;
		height: 50px;
		line-height: 50px;
		font-size: 10px;
		position: absolute;
		top: 0%;
		left: 0%;
		z-index: 100;
	}

	/* Individual */
	.grid_wrapper .item01 .icon_topics {
		z-index: 9;
		position: absolute;
		left: 0;
		top:0;
	}
	.grid_wrapper .item02 .icon_topics {
		z-index:9;
		position: absolute;
		left: 0;
		top:0;
	}
	.grid_wrapper .item03 .icon_topics {
		z-index: 3;
		position:absolute;
		left:75%;
		top:80%;
	}
	.grid_wrapper .item04 .icon_topics {
		position:absolute;
		left:0;
		top:0;
	}
	.grid_wrapper .item05 .icon_topics {
		z-index: 9;
		position:absolute;
		right:0;
		top:0;
	}
	.grid_wrapper .item06 .icon_topics {
		z-index: 9;
		position: absolute;
		left: 0;
		top:0;
	}
	.grid_wrapper .item07 .icon_topics {
		z-index: 3;
		position:absolute;
		left:75%;
		top:80%;
	}	
}

@media only screen and (min-width: 1025px)  and (max-width: 1254px) {
	.grid_wrapper .icon_topics {
		border-radius: 50%;
		display: inline-block;
		text-align: center;
		background: #e7d12f;
		color: #394a64;
		letter-spacing: 1px;
		filter: drop-shadow(1px 1px 1px rgba(0,0,0,.5));
	}
	/* size */
	.grid_wrapper .icon_l {
		width: 85px;
		height: 85px;
		line-height: 85px;
		font-size:19px;
		position: absolute;
		top:0%;
		left:0%;
	}
	.grid_wrapper .icon_m {
		width: 65px;
		height: 65px;
		line-height: 65px;
		font-size: 15px;
		position: absolute;
		top:0%;
		left:0%;
	}
	.grid_wrapper .icon_s {
		width: 50px;
		height: 50px;
		line-height: 50px;
		font-size: 10px;
		position: absolute;
		top:0%;
		left:0%;
	}


	/* Individual */
	.grid_wrapper .item01 .icon_topics {
		z-index: 10;
		top: 86%;
		left: 0;
	}
	.grid_wrapper .item02 .icon_topics {
		position: absolute;
		left: 79%;
	}
	.grid_wrapper .item03 .icon_topics {
		position:absolute;
		left: 83%;
		top:0%;
	}
	.grid_wrapper .item04 .icon_topics {
		position:absolute;
		right:86.5%;
	}
	.grid_wrapper .item05 .icon_topics {
		position:absolute;
		left: 0%;
		top: 86%;
	}
	.grid_wrapper .item06 .icon_topics {	
	}
	.grid_wrapper .item07 .icon_topics {
		position:absolute;
		left: 83%;





	}
}

@media only screen and (min-width: 1255px) {
	.grid_wrapper .icon_topics {
		border-radius: 50%;
		display: inline-block;
		text-align: center;
		background: #e7d12f;
		color: #394a64;
		letter-spacing: 1px;
		filter: drop-shadow(1px 1px 1px rgba(0,0,0,.5));
	}
	/* size */
	.grid_wrapper .icon_l {
		width: 85px;
		height: 85px;
		line-height: 85px;
		font-size:19px;
		position: absolute;
		top:0%;
		left:0%;
	}
	.grid_wrapper .icon_m {
		width: 65px;
		height: 65px;
		line-height: 65px;
		font-size: 15px;
		position: absolute;
		top:0%;
		left:0%;
	}
	.grid_wrapper .icon_s {
		width: 50px;
		height: 50px;
		line-height: 50px;
		font-size: 10px;
		position: absolute;
		top:0%;
		left:0%;
	}


	/* Individual */
	.grid_wrapper .item01 .icon_topics {
		z-index: 10;
	}
	.grid_wrapper .item02 .icon_topics {
		position: absolute;
		left: 86%;
	}
	.grid_wrapper .item03 .icon_topics {
		position:absolute;
		left:76%;
		top:0%;
	}
	.grid_wrapper .item04 .icon_topics {
		position:absolute;
		right:86.5%;
	}
	.grid_wrapper .item05 .icon_topics {
		position:absolute;
		left:82%;
	}
	.grid_wrapper .item06 .icon_topics {	
	}
	.grid_wrapper .item07 .icon_topics {
		position:absolute;
		left:76%;
	}
}
	
	
/* -------------------------------------------
grid_squere__text
grid_vertical__text
grid_horizontal__text 
------------------------------------------- */
@media only screen and (max-width: 599px) {
/* grid_squere__text */
	.grid_squere__text {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		text-align:center;
		position: absolute;
	}
	.grid_squere__text__wrap {
	}
	.grid_squere__text__tit {
		margin: 0 auto 0.5rem;
		padding: 1rem 0 0.2rem;
		font-size: 1.1rem;
		font-family: "Sawarabi Gothic";
		font-weight: normal;
		border-bottom: 1px solid;
		width: 71%;
	}
	.grid_squere__text__sub {
		font-size: 0.8rem;
		padding: 0 3.5rem;
		font-family: "Sawarabi Gothic";
		font-weight: normal;
		text-align: left;
		margin: 0 auto;
	}
	
/* grid_vertical__text */
	.grid_vertical__text {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		position: absolute;
	}
	.grid_vertical__reverse__text {
		display: flex;
		align-items: center;
		position: absolute;
		bottom: 0;
		flex-direction: column-reverse;
		align-content: center;
	}
	.grid_vertical__text__wrap {		
	}
	.grid_vertical__reverse__text__wrap {
		margin-bottom: 0.2rem;
	}
	.grid_vertical__text__tit {
		margin: 0 auto 0.5rem;
		padding: 1rem 0 0.2rem;
		font-size: 1rem;
		font-family: "Sawarabi Gothic";
		font-weight: normal;
		border-bottom: 1px solid;
		width: 81%;
	}
	.grid_vertical__reverse__text__tit {
		margin: 0 auto 0.5rem;
		padding: 0 0 0.2rem;
		font-size: 1rem;
		font-family: "Sawarabi Gothic";
		font-weight: normal;
		border-bottom: 1px solid;
		width: 87%;
	}
	.grid_vertical__text__sub {
		font-size: 0.75rem;
		padding: 0 0.7rem;
		font-family: "Sawarabi Gothic";
		font-weight: normal;
		text-align: left;
		margin: 0 auto;
	}
	.grid_vertical__reverse__text__sub {
		font-size: 0.75rem;
		padding: 0 0.7rem 0.5rem;
		font-family: "Sawarabi Gothic";
		font-weight: normal;
		text-align: left;
		margin: 0 auto;
	}
	
/* grid_horizontal__text */
	.grid_horizontal__text {
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		align-items: center;
		text-align:center;
		bottom:0;
		left:0;
		width:100%;
		height:100%;
	}
	.grid_horizontal__text__wrap{
		padding: 0 20px;
	}
	.grid_horizontal__text__tit {
		margin: 0 auto 0;
		padding: 1rem 0 0.2rem;
		font-size: 0.9rem;
		font-family: "Sawarabi Gothic";
		font-weight: normal;
		border-bottom: 1px solid;
		width: 100%;
	}
	.grid_horizontal__text__sub {
		font-size: 0.75rem;
		padding: 0.5em 0;
		font-family: "Sawarabi Gothic";
		font-weight: normal;
		text-align: left;
		margin: 0 auto;
	}
	
}
@media only screen and (min-width: 600px) and (max-width:1024px) {
	/* grid_squere__text */
	.grid_squere__text {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		text-align:center;
		position: absolute;
	}
	.grid_squere__text__wrap {
	}
	.grid_squere__text__tit {
		margin: 0 auto 0.5rem;
		padding: 0.2rem 0 0.2rem;
		font-size: 1.1rem;
		font-family: "Sawarabi Gothic";
		font-weight: normal;
		border-bottom: 1px solid;
		width: 86%;
	}
	.grid_squere__text__sub {
		font-size: 0.8rem;
		padding: 0 3.5rem;
		font-family: "Sawarabi Gothic";
		font-weight: normal;
		text-align: left;
		margin: 0 auto;
	}
	
/* grid_vertical__text */
	.grid_vertical__text {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}
	.grid_vertical__reverse__text {
		display: flex;
		align-items: center;
		position: absolute;
		bottom: 0;
		flex-direction: column-reverse;
		align-content: center;
		width: 100%;
	}
	.grid_vertical__text__wrap {		
	}
	.grid_vertical__reverse__text__wrap {
		margin-bottom: 0.2rem;
	}
	.grid_vertical__text__tit {
		margin: 0 auto 0.5rem;
		padding: 0.5rem 0 0.2rem;
		font-size: 1rem;
		font-family: "Sawarabi Gothic";
		font-weight: normal;
		border-bottom: 1px solid;
		width: 81%;
	}
	.grid_vertical__reverse__text__tit {
		margin: 0 auto;
		padding: 0 0 0.2rem;
		font-size: 1rem;
		font-family: "Sawarabi Gothic";
		font-weight: normal;
		border-bottom: 1px solid;
		width: 72%;
	}
	.grid_vertical__text__sub {
		font-size: 0.75rem;
		padding: 0 0.7rem;
		font-family: "Sawarabi Gothic";
		font-weight: normal;
		text-align: left;
		margin: 0 auto;
		width: 100%;
	}
	.grid_vertical__reverse__text__sub {
		font-size: 0.75rem;
	    padding: 0.5em 0.7rem;
	    font-family: "Sawarabi Gothic";
	    font-weight: normal;
	    text-align: left;
	    margin: 0 auto;
	}
	
/* grid_horizontal__text */
	.grid_horizontal__text {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align:center;
		bottom:0;
		left:0;
		width:100%;
		height:100%;
	}
	.grid_horizontal__text__wrap{
		padding: 0 20px;
	}
	.grid_horizontal__text__tit {
		margin: 0 auto 0.5rem;
		padding: 0.5rem 0 0.2rem;
		font-size: 1.1rem;
		font-family: "Sawarabi Gothic";
		font-weight: normal;
		border-bottom: 1px solid;
		width: 100%;
	}
	.grid_horizontal__text__sub {
		font-size: 0.75rem;
		padding: 0.5em 0;
		font-family: "Sawarabi Gothic";
		font-weight: normal;
		text-align: left;
		margin: 0 auto;
	}
}
@media only screen and (min-width: 1025px)  and (max-width: 1254px) {
	.grid_topic__text {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		text-align:center;
		bottom:0;
		left:0;
		width:100%;
	}
	.grid_topic__text__tit {
		margin-bottom: 0.5rem;
		padding-bottom: 0.5rem;
		padding-top: 1em;
		font-size: 20px;
		font-family: "Sawarabi Gothic";
		font-weight: normal;
		border-bottom: 1px solid;
		width: 70%;
	}
	.grid_topic__text__sub {
		font-size: 1rem;
		padding: 0.5em 1.5rem 0;
		font-family: "Sawarabi Gothic";
		font-weight: normal;
		text-align: left;
	}
	.grid_topic_flex__text {
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		align-items: center;
		text-align:center;
		bottom:0;
		left:0;
		width:100%;
		height:100%;
	}
	.grid_topic_flex__text__wrap{
		width: 75%;
		padding: 1.5rem 28px 0;
	}
	.grid_topic_flex__text__tit {
		margin-bottom: 0.5rem;
		padding-bottom: 0.5rem;
		font-family: "Sawarabi Gothic";
		font-weight: normal;
		font-size: 18px;
		border-bottom: 1px solid;
	}
	.grid_topic_flex__text__sub {
		font-size: 15px;
		padding-top: 0.5em;
		font-family: "Sawarabi Gothic";
		font-weight: normal;
		text-align: left;
	}
	.grid_topic__text__tit_small {
		padding-top: .5em;
		font-family: "Sawarabi Gothic";
		font-weight: normal;
    	font-size: 17px;
		border-bottom: 1px solid;
	}
	.grid_topic__text__sub_small {
		font-size: 15px;
		padding-top: 0.5em;
		font-family: "Sawarabi Gothic";
		font-weight: normal;
		text-align: center;
	}
}
@media only screen and (min-width: 1255px) {
	.grid_topic__text {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		text-align:center;
		bottom:0;
		left:0;
		width:100%;
	}
	.grid_topic__text__tit {
		margin-bottom: 0.5rem;
		padding-top: 1em;
    	font-size: 23px;
		font-family: "Sawarabi Gothic";
		font-weight: normal;
		border-bottom: 1px solid;
	}
	.grid_topic__text__sub {
		font-size: 1.2rem;
		padding: 0.5em 2em 0;
		font-family: "Sawarabi Gothic";
		font-weight: normal;
		text-align: left;
	}
	.grid_topic_flex__text {
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		align-items: center;
		text-align:center;
		bottom:0;
		left:0;
		width:100%;
		height:100%;
	}
	.grid_topic_flex__text__wrap{
		width: 60%;
		padding: 0 30px;
	}
	.grid_topic_flex__text__tit {
		margin-bottom: 0.5rem;
		font-family: "Sawarabi Gothic";
		font-weight: normal;
    	font-size: 19px;
		border-bottom: 1px solid;
	}
	.grid_topic_flex__text__sub {
		font-size: 15px;
		padding-top: 0.5em;
		font-family: "Sawarabi Gothic";
		font-weight: normal;
		text-align: left;
	}
	.grid_topic__text__tit_small {
		padding-top: .5em;
		font-family: "Sawarabi Gothic";
		font-weight: normal;
    	font-size: 17px;
		border-bottom: 1px solid;
	}
	.grid_topic__text__sub_small {
		font-size: 15px;
		padding-top: 0.5em;
		font-family: "Sawarabi Gothic";
		font-weight: normal;
		text-align: center;
	}
}






/*
 luminous-container 
-------------------- */
.lum-lightbox-inner img {
    object-fit: contain;
    width: 100% !important;
    height: 100% !important;
}

@media screen and (max-width: 414px) {
	.lum-lightbox {
	    height: 100vh !important;
	}
	.lum-lightbox-image-wrapper {
		position:relative !important;
	}
	.lum-lightbox.lum-open {
	    display: block;
		z-index:1000;
	}
	.lum-lightbox-inner img {
		//position:relative !important;
		max-width: 100vw !important;
		max-height: 80vh !important;
	}
	.lum-close-button {
		position: absolute !important;
		right: 10px !important;
		top: 95px !important;
		width: 32px;
		height: 32px;
		opacity: 1 !important;
		z-index:999 !important;
	}
}
@media screen and (min-width: 415px) and (max-width: 768px) {

	.lum-lightbox {
	    height: 100vh !important;
	}
	.lum-lightbox-image-wrapper {
		position:relative !important;
	}
	.lum-lightbox.lum-open {
	    display: block;
		z-index:1000;
	}
	.lum-lightbox-inner img {
		position:relative !important;
		max-width: 100vw !important;
		max-height: 80vh !important;
	}
	.lum-close-button {
		position: absolute;
		right: 90px !important;
		top: 55px !important;
		width: 32px;
		height: 32px;
		opacity: 1 !important;
		z-index:999 !important;
	}
	.lum-close-button:after, .lum-close-button:before {
	    position: absolute;
	    left: 15px;
	    content: " ";
	    height: 43px !important;
	    width: 2px !important;
	    background-color: #fff !important;
	}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
	.lum-lightbox {
	    height: 100vh !important;
	}
	.lum-lightbox-image-wrapper {
		position:relative !important;
	}
	.lum-lightbox.lum-open {
	    display: block;
		z-index:1000;
	}
	.lum-lightbox-inner img {
		position:relative !important;
		max-width: 100vw !important;
		max-height: 80vh !important;
	}
	.lum-close-button {
		position: absolute;
		right: 120px !important;
		top: 65px !important;
		width: 32px;
		height: 32px;
		opacity: 1 !important;
		z-index:999 !important;
	}
	.lum-close-button:after, .lum-close-button:before {
	    position: absolute;
	    left: 15px;
	    content: " ";
	    height: 53px !important;
	    width: 2px !important;
	    background-color: #fff !important;
	}
}




/* --------------------------------------

 top_mv_sub

-------------------------------------- */

@media screen and (max-width:599px) {
	.top_mv_sub {
	    margin: 34rem auto 0;
	    text-align: center;
	}
}

@media screen and (min-width:600px) and (max-width:768px) {
	.top_mv_sub {
	    margin: 70rem auto 0;
	    text-align: center;
	}
}

@media screen and (min-width:769px) and (max-width:1024px) {
	.top_mv_sub {
	    margin: 84rem auto 0;
	    text-align: center;
	}
}

@media screen and (min-width:1025px) {
	.top_mv_sub {
	    margin: 0 auto;
	    text-align: center;
	    padding-top: 18rem;
	}
}


/*
top_mv_sub__txt
----------------------------------- */

@media screen and (max-width:599px) {
	.top_mv_sub__txt {
	    display: inline-block;
	    z-index: 2;		
    	text-align: left;
		text-indent: -4rem;
		-ms-writing-mode: tb-rl;
    	writing-mode: vertical-rl;
		letter-spacing: 3px;
    	font-size: 1.5rem;
    	margin:4rem auto 0;
		min-height: 32rem;
	}
	.top_mv_sub__txt  span{
		display: block;
	}
}

@media screen and (min-width:600px) and (max-width:1024px) {
	.top_mv_sub__txt {
		display: inline-block;
	    z-index: 2;		
    	text-align: left;
		text-indent: -4rem;
		-ms-writing-mode: tb-rl;
    	writing-mode: vertical-rl;
		letter-spacing: 3px;
    	font-size: 2rem;
    	margin:0 auto 9rem;
	}
}

@media screen and (min-width:1025px) {
	.top_mv_sub__txt {
	    display: inline-block;
	    z-index: 2;
	    text-align: left;
		text-indent: -4rem;
		-ms-writing-mode: tb-rl;
	    writing-mode: vertical-rl;
	    letter-spacing: 3px;
	    font-size: 2rem;
	    margin: 0 auto 14rem;  
	}
}







/* ------------------------------------

main_lead

------------------------------------ */
@media screen and (max-width:599px) {
	.main_lead {
	    background: #d3e1e1;
	}
}

@media screen and (min-width:600px) and (max-width:1024px) {
	.main_lead {
	    background: #d3e1e1;
	}
}

@media screen and (min-width:1025px) {
	.main_lead {
	    background: #d3e1e1;
	}
}

/*
main_lead_wrapper
-------------------------------------- */
@media screen and (max-width:599px) {
	.main_lead_wrapper {
	    padding: 5rem 0 2rem;
	    position: relative;
	    margin: 0 auto;
	    max-width: calc(var(--section-width)*1rem/10);
	    width: 80%;
	}
}
@media screen and (min-width:600px) and (max-width:1024px) {
	.main_lead_wrapper {
	    padding: 0rem 0 6rem;
	    position: relative;
	    margin: 0 auto 0 4rem;
	    max-width: calc(var(--section-width)*1rem/10);
	    width: 65%;
	}
}
@media screen and (min-width:1025px) {
	.main_lead_wrapper {
	    padding: 25rem 0 10rem;
	    position: relative;
	    margin: 0 auto;
	    max-width: calc(var(--section-width)*1rem/10);
	    width: 80%;
	}
}

/*
main_lead_inner__body__lead
-------------------------------------- */
@media screen and (max-width:599px) {
	.main_lead_inner .main_lead_inner__body__lead {
		text-align: justify;
	    font-size: 1.6rem;
	    margin-left: 0;
	    line-height: 1.8;
	}
}
@media screen and (min-width:600px) and (max-width:1024px) {
	.main_lead_inner .main_lead_inner__body__lead {
		text-align: justify;
		letter-spacing: .115rem;
		font-size: 3.7vw;
		margin-bottom: 2rem;
	}
}
@media screen and (min-width:1025px) {
	.main_lead_inner .main_lead_inner__body__lead {
		text-align: justify;
	    font-size: 3.3vw;
	    letter-spacing: .2rem;
	    line-height: 1.6;
	    margin-bottom: 3rem;
	}
}

/*
main_lead_inner__body__txt
-------------------------------------- */
@media screen and (max-width:599px) {
	.main_lead_inner .main_lead_inner__body__txt {
		margin-top: 3rem;
	  }
	.main_lead_inner .main_lead_inner__body__txt p {
		text-align: left;
		letter-spacing: .115rem;
		line-height: 2;
		font-size: 3.2vw;
	}
	/* cv btn */
	.main_lead_inner__body__txt .conversion_btn{
		filter: drop-shadow(2px 4px 0px rgba(0,0,0,.2));    
		margin:2rem auto;
		display:block;	
	}
	 .main_lead_inner__body__txt .conversion_btn a {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    text-align: center;
	    font-size: 0.9rem;
	    width: 100%;
		padding: 8px 0;
	    line-height: 1.2;
	    margin: 0 auto;
		background-color: #e7d12f;
		color:#222;
		border:1px solid #ffffff;
	}
}
@media screen and (min-width:600px) and (max-width:1024px) {
	.main_lead_inner .main_lead_inner__body__txt {
		font-size: .9375rem;
		letter-spacing: .115rem;
		line-height: 2.33333;
	}
	.main_lead_inner .main_lead_inner__body__txt p {
		text-align: justify;
	}
	/* cv btn */
	.main_lead_inner__body__txt .conversion_btn{
		filter: drop-shadow(2px 4px 0px rgba(0,0,0,.2));
	    padding: 10px 0 15px;
		margin:2rem auto;
		display:block;	
	}
	 .main_lead_inner__body__txt .conversion_btn a {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    text-align: center;
	    font-size: 1rem;
	    max-width: 350px;
	    width: 70%;
	    line-height: 1.2;
	    margin: 0 auto 0 0;
	    color: #222;
	    background: #e7d12f;
	    border: 1px solid #ffffff;
	    padding: 15px 0;
	}
}
@media screen and (min-width:1025px) {
	.main_lead_inner .main_lead_inner__body__txt {
		font-size: 26px;
		letter-spacing: .115rem;
		line-height: 1.8;
	}
	.main_lead_inner .main_lead_inner__body__txt p {
		text-align: justify;
		padding-top:2rem;
	}	
	/* cv btn */
	.main_lead_inner__body__txt .conversion_btn{
		filter: drop-shadow(2px 4px 0px rgba(0,0,0,.2));
	    padding: 10px 0 15px;
		margin:2rem auto;
		display:block;	
	}
	 .main_lead_inner__body__txt .conversion_btn a {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    text-align: center;
	    font-size: 1.2rem;
	    max-width: 580px;
	    line-height: 1.2;
	    margin: 0 auto 0 0;
	    color: #222;
	    background: #e7d12f;
	    border: 1px solid #ffffff;
	    padding: 15px 0;
	}
}

/*
main_lead_inner__img
-------------------------------------- */
@media screen and (max-width:599px) {
	.main_lead_inner__img {
		display: none;
	}
}
@media screen and (min-width:600px) and (max-width:1024px) {
	.main_lead_inner__img {
		height: 28rem;
		left: calc(50% + 49vw - 146/var(--section-width)*100%);
		position: absolute;
		top: 16rem;
		width: calc(288/var(--section-width)*100%);
	}
	.main_lead_inner__img .main_lead_inner__img__bg {
		height: 100%;
		position: relative;
		width: 100%;
	}
}
@media screen and (min-width:1025px) {
	.main_lead_inner__img {
		height: 28.375rem;
		left: calc(50% + 50vw - 260/var(--section-width)*100%);
		position: absolute;
		top: 51rem;
		width: calc(260/var(--section-width)*100%);
	}
	.main_lead_inner__img .main_lead_inner__img__bg {
		height: 100%;
		position: relative;
		width: 100%;
	}  
}




/* ---------------------------------------------------

st_contents

--------------------------------------------------- */
.pin-spacer {
	overflow:
	hidden!important;
}
@media only screen and (max-width: 599px) {
	.st_contents__img_01,
	.st_contents__img_02,
	.st_contents__img_03,
	.st_contents__img_04,
	.st_contents__img_05 {
		width: 100%;
	}
	
	.st_contents__img__on-2col_01 > ul,
	.st_contents__img__on-2col_02 > ul,
	.st_contents__img__on-2col_03 > ul,
	.st_contents__img__on-2col_04 > ul,
	.st_contents__img__on-2col_05 > ul {
		display: flex;
		justify-content: space-between;
		flex-flow: column-reverse wrap;
		align-items: center;
		margin: 0 auto;
		width: 100%;
	}
	.st_contents__img__on-2col_01 > ul li,
	.st_contents__img__on-2col_02 > ul li,
	.st_contents__img__on-2col_03 > ul li,
	.st_contents__img__on-2col_04 > ul li,
	.st_contents__img__on-2col_05 > ul li {
		width: 100%;
		text-align: left;
	}
	.st_contents__img__on-2col_01 > ul li h2,
	.st_contents__img__on-2col_02 > ul li h2,
	.st_contents__img__on-2col_03 > ul li h2,
	.st_contents__img__on-2col_04 > ul li h2,
	.st_contents__img__on-2col_05 > ul li h2 {
		font-size: 1.56rem;
		margin: 2rem auto 0.8rem;
		font-family: serif;
		line-height: 1.6;
		font-weight: bold;
		width: 80%;
	}
	.st_contents__img__on-2col_01 > ul li p,
	.st_contents__img__on-2col_02 > ul li p,
	.st_contents__img__on-2col_03 > ul li p,
	.st_contents__img__on-2col_04 > ul li p,
	.st_contents__img__on-2col_05 > ul li p {
		font-size: 1rem;
		letter-spacing: 0.6px;
		line-height: 2.2;
		margin: 2rem auto 1rem;
		font-family: serif;
		width: 80%;
	}
}
@media only screen and (min-width: 600px) and (max-width:1024px) {
	.st_contents__img_01,
	.st_contents__img_02,
	.st_contents__img_03,
	.st_contents__img_04,
	.st_contents__img_05 {
		width: 100%;
	}
	.st_contents__img__on-2col_01 > ul,
	.st_contents__img__on-2col_02 > ul,
	.st_contents__img__on-2col_04 > ul {
		display: flex;
		justify-content: space-between;
		flex-flow: column-reverse wrap;
		align-items: center;
		width: 100%;
		margin: 0 auto 0rem;
	}
	
	.st_contents__img__on-2col_03 > ul,
	.st_contents__img__on-2col_05 > ul {
		display:
		flex;
		justify-content: space-between;
		flex-flow: column-reverse wrap;
		align-items: center;
		width: 100%;
		margin: 2rem auto;
	}
	.st_contents__img__on-2col_01 > ul li,
	.st_contents__img__on-2col_02 > ul li,
	.st_contents__img__on-2col_03 > ul li,
	.st_contents__img__on-2col_04 > ul li,
	.st_contents__img__on-2col_05 > ul li {
		width: calc(80%);
		text-align: left;
	}
	.st_contents__img__on-2col_01 > ul li h2,
	.st_contents__img__on-2col_02 > ul li h2,
	.st_contents__img__on-2col_03 > ul li h2,
	.st_contents__img__on-2col_04 > ul li h2,
	.st_contents__img__on-2col_05 > ul li h2 {
		font-size: 3vw;
		margin: 2rem auto 1rem;
		font-family:serif;
		font-weight: bold;
	}
	.st_contents__img__on-2col_01 > ul li p,
	.st_contents__img__on-2col_02 > ul li p,
	.st_contents__img__on-2col_03 > ul li p,
	.st_contents__img__on-2col_04 > ul li p,
	.st_contents__img__on-2col_05 > ul li p {
		font-size: 1.8vw;
		letter-spacing: 1.8px;
		line-height: 2;
		font-family:serif;
		font-weight: bold;
		margin-bottom: 2rem;
	}
}
@media only screen and (min-width: 1025px) {
	.st_contents_wrapper_01 {
	}
	.st_contents__img_01,
	.st_contents__img_02,
	.st_contents__img_03,
	.st_contents__img_04,
	.st_contents__img_05 {
		width: 100%;
	}
	.st_contents__img__on-2col_01 > ul,
	.st_contents__img__on-2col_02 > ul,
	.st_contents__img__on-2col_04 > ul {
		display:flex;
		justify-content: space-between;
		flex-flow: row-reverse nowrap;
		align-items: center;
		width: 74%;
		margin: 0px auto 1rem;
	}
	.st_contents__img__on-2col_03 > ul {
		display:flex;
		justify-content: space-between;
		flex-flow: row nowrap;
		align-items: center;
		width: 74%;
		margin: 0 auto 3rem;
	}
	.st_contents__img__on-2col_05 > ul {
		display:flex;
		justify-content: space-between;
		flex-flow: row nowrap;
		align-items: center;
		width: 74%;
		margin: 0 auto 11rem;
	}
	.st_contents__img__on-2col_01 > ul li,
	.st_contents__img__on-2col_02 > ul li,
	.st_contents__img__on-2col_03 > ul li,
	.st_contents__img__on-2col_04 > ul li,
	.st_contents__img__on-2col_05 > ul li {
		width:calc(45%);
		text-align: left;
	}
	.st_contents__img__on-2col_01 > ul li h2,
	.st_contents__img__on-2col_02 > ul li h2,
	.st_contents__img__on-2col_03 > ul li h2,
	.st_contents__img__on-2col_04 > ul li h2,
	.st_contents__img__on-2col_05 > ul li h2 {
		font-size:2vw;
		margin-bottom: 1.5rem;
		font-family:serif;
		font-weight: bold;
	}
	.st_contents__img__on-2col_01 > ul li p,
	.st_contents__img__on-2col_02 > ul li p,
	.st_contents__img__on-2col_03 > ul li p,
	.st_contents__img__on-2col_04 > ul li p,
	.st_contents__img__on-2col_05 > ul li p {
		font-size:1.2vw;
		letter-spacing: 1.8px;
		line-height: 1.9;
		font-family:serif;
		font-weight: bold;
	}
}

/*
st_contents__img blur
--------------------------------------------- */
.blur_active01 img {
	animation: blur-anim01 5s ease forwards;
}
@keyframes blur-anim01 {
	0%     {filter:blur(0px) opacity(1);}
    100% {filter:blur(15px) opacity(.6);}
}

.blur_active02 img {
	animation: blur-anim02 5s ease forwards;
}
@keyframes blur-anim02 {
	0%     {filter:blur(0px) opacity(1);}
    100% {filter:blur(15px) opacity(.6);}
}

.blur_active03 img {
	animation: blur-anim03 5s ease forwards;
}
@keyframes blur-anim03 {
	0%     {filter:blur(0px) opacity(1);}
    100% {filter:blur(15px) opacity(.6);}
}

.blur_active04 img {
	animation: blur-anim04 5s ease forwards;
	z-index: 4;
}
@keyframes blur-anim04 {
	0%     {filter:blur(0px) opacity(1);}
    100% {filter:blur(15px) opacity(.6);}
}
.blur_active05 img {
	animation: blur-anim05 5s ease forwards;
	z-index: 4;
}
@keyframes blur-anim05 {
	0%     {filter:blur(0px) opacity(1);}
    100% {filter:blur(15px) opacity(.6);}
}


	


/* ---------------------------------------------------

item 4 col

--------------------------------------------------- */
/* 
 sub_title
--------------------------------- */
@media only screen and (max-width: 599px) {
	.sub_title {
	    padding: 0;
	    margin: 0 0;
		background-color: #d3e1e1;
		position: relative;
	}
	.sub_title > ul {
		display:flex;
		flex-flow:column-reverse;
		justify-content:space-around;
		align-items:center;
		padding-top: 5rem;
	}
	.sub_title04-2 ul {
		padding-top:1.5rem;
	}
	.sub_title .sub_title_text {
		padding:1rem 0;
		line-height:2.5;
	}
	.sub_title .sub_title_text > span {
		font-family: 'Open Sans', sans-serif;
		color: #4f7594;
	}
	.sub_title .sub_title_text h2 {
		margin: 0.5rem 1.2rem;
		font-size: 5.6vw;
		line-height: 1.7;
	}
	.sub_title .sub_title_text h2 span {
		font-size:1rem;
	}
	.sub_title .sub_title_text > p {
		margin: 2rem 3rem 1rem;
		font-size:0.9rem;
		line-height:1.4;
		text-align: center;
	}
	.sub_title_text > ul {
		display: flex;
		flex-flow: column;
		padding-top: 0;
		margin: 0 3rem 2rem;
	}
	.sub_title_text ul .product_description {
		width: 100%;
		line-height: 1.8;
		font-size: .83rem;
		text-align: left;
	}
	.sub_title_text ul .product_size {
		 width:100%;
		line-height:1.6;
		padding-top:1em;
		font-size:.85rem;
	}
	.sub_title_text ul .product_btn {
		margin: 2em 0 0;
		background: #fff;
		font-size: .85em;
		width: 100%;
		position:relative;
		text-align: center;
	}
	.sub_title_text ul .product_btn::after {
	    content: "\f105";
	    font-family: FontAwesome;
	    position: absolute;
	    top: 51%;
	    right: 3%;
	    transform: translateY(-50%);
	    color: #222;
	}
	.sub_title .sub_title_img {
		padding:0 15vw;
		position:relative;
	}
	.sub_title .sub_title_img_note {
		text-align:right;
		font-size:0.6rem;
		margin-top:0.2rem;
	}
}
@media only screen and (min-width: 600px) and (max-width:1024px){
	.sub_title {
		padding: 0 9vw 8rem;
		margin: 0 0;
		background-color: #d3e1e1;
		position: relative;
	}
	.sub_title > ul {
		display:flex;
		flex-flow:row nowrap;
		justify-content: space-between;
		align-items:center;
		padding-top: 4rem;
	}
	.sub_title04-2 ul {
		padding-top:1rem;
	}
	.sub_title03 > ul {
		align-items:flex-end;
		padding-top:1rem;
	}
	.sub_title ul li {
		width:48%;
	}
	.sub_title .sub_title_text {
		padding: 0;
		line-height:5;
		font-size:1.1rem;
	}
	.sub_title .sub_title_text > span {
		font-family: 'Open Sans', sans-serif;
		color: #4f7594;
	}
	.sub_title .sub_title_text h2 {
		font-size: 3vw;
		line-height:1.5;
		margin: auto auto 0.5rem;
	}
	.sub_title .sub_title_text h2 span {
		font-size: 0.9rem;
	}
	.sub_title .sub_title_text > p {
		margin: 1rem 1rem 1rem;
		font-size: 0.8rem;
		line-height:1.4;
		text-align: center;
	}
	.sub_title_text > ul {
		display: flex;
		flex-flow: column;
		padding-top: 0;
	}
	.sub_title_text ul .product_description {
		width: 100%;
		line-height: 1.7;
		font-size: .85rem;
		text-align: left;
	}
	.sub_title_text ul .product_size {
		 width:100%;
		line-height:1.6;
		padding-top:1em;
		 font-size: .75rem;
	}
	.sub_title_text ul .product_btn {
		margin: 2em 0 0;
		background: #fff;
		font-size: .85em;
		line-height: 2.5;
		width: 100%;
		position:relative;
		text-align: center;
	}
	.sub_title_text ul .product_btn::after {
	    content: "\f105";
	    font-family: FontAwesome;
	    position: absolute;
	    top: 51%;
	    right: 3%;
	    transform: translateY(-50%);
	    color: #222;
	}
	.sub_title .sub_title_img {
        padding:0;
        position:relative;
    }
	.sub_title .sub_title_img_note {
		text-align:right;
		font-size:0.6rem;
		margin-top:0.2rem;
	}
}
@media only screen and (min-width: 1025px) {

	.sub_title {
		padding: 0 14vw 9rem;
		margin: 0 0;
		background-color: #d3e1e1;
		position: relative;
	}
	.sub_title > ul {
		display:flex;
		flex-flow:row nowrap;
		justify-content: space-between;
		align-items:center;
		padding-top: 7rem;
	}
	.sub_title03 > ul {
		align-items:flex-start;
	}
	.sub_title04-2 > ul {
		padding-top: 0;
		margin-top: -2rem;
	}
	.sub_title03 > ul,
	.sub_title04-2 > ul {
		flex-flow:row-reverse;
	}
	.sub_title ul li {
		width:48%;
	}
	.sub_title .sub_title_text {
		padding: 0 3rem 0 0;
		line-height:5;
		font-size:1.1rem;
	}
	.sub_title03 .sub_title_text,
	.sub_title04-2 .sub_title_text {
		padding: 0 0 0 3rem;
	}
	.sub_title .sub_title_text > span {
		font-family: 'Open Sans', sans-serif;
		color: #4f7594;
	}
	.sub_title .sub_title_text h2 {
		font-size:1.8rem;
		line-height:1.5;
		margin: auto auto 0.5rem;
	}
	.sub_title .sub_title_text h2 span {
		font-size:1rem;
	}
	.sub_title .sub_title_text > p {
		margin: 1rem 3rem 1rem;
		font-size:0.9rem;
		line-height:1.4;
		text-align: center;
	}
	.sub_title_text > ul {
		display: flex;
		flex-flow: column;
		padding-top: 0;
	}
	.sub_title_text ul .product_description {
		width: 100%;
		line-height: 1.8;
		font-size: .85rem;
		text-align: left;
	}
	.sub_title_text ul .product_size {
		 width:100%;
		line-height:1.6;
		padding-top:1em;
		font-size:.85rem;
	}
	.sub_title_text ul .product_btn {
		margin: 2em 0 0;
		background: #fff;
		font-size: .85em;
		line-height: 2.5;
		width: 100%;
		position:relative;
		text-align: center;
	}
	.sub_title_text ul .product_btn::after {
	    content: "\f105";
	    font-family: FontAwesome;
	    position: absolute;
	    top: 51%;
	    right: 2%;
	    transform: translateY(-50%);
	    color: #222;
	}
	.sub_title .sub_title_img {
        padding:0;
        position:relative;
    }
	.sub_title .sub_title_img_note {
		text-align:right;
		font-size:0.6rem;
		margin-top:0.2rem;
	}
}

/* 
 product_ul
------------------------------------- */
.product_ul {
	padding:0 5vw;
	padding-bottom: 9rem;
	background-color: #d3e1e1;
	position: relative;
}
.sec05_product_ul {
		padding-top:3rem;
	}
.product_ul .product_item_col {
	display:flex;
	flex-flow:row wrap;
	justify-content: space-between;
}
.product_ul .product_item_col .product_smy_wrap {
	width:calc(47%);
}
.product_ul .product_item_col .product_smy_wrap a {
	display: block;
}
.product_ul .product_item_col .product_smy_wrap img {
}
@media only screen and (min-width: 1025px) {
	.product_ul {
		padding:0 5vw;
		padding-bottom: 13rem;
		background-color: #d3e1e1;
		position: relative;
	}
	.sec05_product_ul {
		padding-top: 0;
	}
	.product_ul .product_item_col {
		display:flex;
		flex-flow:row nowrap;
		justify-content:space-around;
	}
	.product_ul .product_item_col .product_smy_wrap {
		width:calc(22%);
	}
	.product_ul .product_item_col .product_smy_wrap a {
	display: block;
}
	.product_ul .product_item_col .product_smy_wrap img {
	}
}

/* 
 product_smy
---------------------------------------- */
.product_smy_wrap .product_smy {
	margin-bottom: 3rem;
}
.product_smy_wrap:nth-of-type(3) .product_smy,
.product_smy_wrap:last-of-type .product_smy {
    margin-bottom:0;
}
.product_smy_wrap .product_smy .product_name {
    margin:1rem 0;
    text-align:left;
    height: 3rem;
    font-size: 0.65rem;
    display:flex;
    letter-spacing: 0.5px;
}
.product_smy_wrap .product_smy .product_name .c {
	display: inline-block;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	margin-right: 0.2rem;
	margin-top:0.2rem;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	background: #4f7594;
}
.product_smy_wrap .product_smy .product_description {
    line-height:1.6;
    font-size:0.75rem;
    text-align:left;
    padding:0 0 1rem;
}
.product_smy_wrap .product_smy .product_size {
    font-size: 0.7rem;
    padding:0 0 1.5rem;
	text-align: left;
}
.product_smy_wrap .product_smy .product_btn {
	font-size: .8rem;
	text-align: center;
    padding: 0.3rem;
    position: relative;
	border:1px solid #000;
}
.product_smy_wrap .product_smy .product_btn::after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    right: 2%;
    transform: translateY(-50%);
    color: #222;
}
.product_smy_wrap .product_smy .product_btn a {
	display:block;
	font-size:0.7rem;
}
/* sec05 */
.sec05_product_ul .product_smy_wrap .product_smy .product_name {
    margin-bottom:0.5rem;
	height:auto;
}
.sec05_product_ul .product_smy_wrap .product_smy .product_description {
    padding:0 0;
}
.sec05_product_ul .product_smy_wrap .product_smy .product_size {
    padding:0 0 1rem;
}

@media only screen and (min-width: 600px) {
	.product_smy_wrap .product_smy {
	}
	.product_smy_wrap .product_smy .product_btn a img {
		width:75%;
	}
	.product_smy_wrap .product_smy .product_btn {
		font-size: .85em;
		text-align: center;
		padding: 0.3rem;
		position: relative;
		border:1px solid #000;
		cursor: pointer;
	}
	.product_smy_wrap .product_smy .product_btn::after {
	    content: "\f105";
	    font-family: FontAwesome;
	    position: absolute;
	    top: 50%;
	    right: 3%;
	    transform: translateY(-50%);
	    color: #222;
	}
	/* sec05 */
	.sec05_product_ul .product_smy_wrap .product_smy .product_name {
	    margin-bottom:1rem;
		height:1rem
	}
	.sec05_product_ul .product_smy_wrap .product_smy .product_description {
	    padding:0 0;
	}
	.sec05_product_ul .product_smy_wrap .product_smy .product_size {
	    padding:0 0 1rem;
	}
}

@media only screen and (min-width: 800px) {
	.product_smy_wrap .product_smy {
	}
	.product_smy_wrap .product_smy .product_name {
		font-size:0.9rem;
	}
	.product_smy_wrap .product_smy .product_btn {
		font-size: .85em;
		text-align: center;
		padding: 0.3rem;
		position: relative;
		border:1px solid #000;
		cursor: pointer;
	}
	.product_smy_wrap .product_smy .product_btn::after {
	    content: "\f105";
	    font-family: FontAwesome;
	    position: absolute;
	    top: 50%;
	    right: 3%;
	    transform: translateY(-50%);
	    color: #222;
	}
	/* sec05 */
	.sec05_product_ul .product_smy_wrap .product_smy .product_name {
	    margin-bottom:1rem;
		height:1rem
	}
	.sec05_product_ul .product_smy_wrap .product_smy .product_description {
	    padding:0 0;
	}
	.sec05_product_ul .product_smy_wrap .product_smy .product_size {
	    padding:0 0 1rem;
	}
}

@media only screen and (min-width: 1025px) {
	.product_smy_wrap .product_smy {
	}
	.product_smy_wrap .product_smy {
		display:flex;
		flex-flow:column nowrap;
		justify-content:center;
		margin-bottom: 0;
	}
	.product_smy_wrap:nth-of-type(3) .product_smy,
    .product_smy_wrap:last-of-type .product_smy {
	    margin-bottom: 4rem;
	}
	.product_smy_wrap .product_smy .product_name {
		margin:1.5rem 0;
		height:auto;
		text-align:left;
		font-size: 1.05rem;
		display:flex;
	}
	.product_smy_wrap .product_smy .product_name .c {
		display: inline-block;
		width: 16px;
		height: 16px;
		border-radius: 50%;
		margin-right: 0.3rem;
		margin-top: 0.2rem;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		background: #4f7594;
	}
	.product_smy_wrap .product_smy .product_description {
		line-height:1.6;
		font-size: 0.85rem;
		text-align:left;
		padding: 0 0.5rem 1rem;
	}
	.product_smy_wrap .product_smy .product_size {
		font-size:0.85rem;
		padding:0 0 2rem;
	}
	.product_smy_wrap .product_smy .product_size span {
		font-size:0.6rem;
	}
	.product_smy_wrap .product_smy .product_btn {
		text-align: center;
		padding: 0.3rem;
		font-size: 0.8rem;
		position: relative;
		border:1px solid #000;
		cursor: pointer;
	}
	.product_smy_wrap .product_smy .product_btn::after {
	    content: "\f105";
	    font-family: FontAwesome;
	    position: absolute;
	    top: 50%;
	    right: 3%;
	    transform: translateY(-50%);
	    color: #000;
	}
	.product_smy_wrap .product_smy .product_btn a {
		display:
		block;
		font-size: 0.8rem;
		/* cursor: pointer; */
	}
	.product_smy_wrap .product_smy .product_btn a img {
		//width:75%;
	}
	/* sec05 */
	.sec05_product_ul .product_smy_wrap .product_smy .product_name {
	    margin-bottom:1rem;
		height: auto;
	}
	.sec05_product_ul .product_smy_wrap .product_smy .product_description {
	    padding:0 0;
	}
	.sec05_product_ul .product_smy_wrap .product_smy .product_size {
	    padding:0 0 1rem;
	}
}

/* 
 product_point_col
--------------------------------------------- */
.product_point_col01 {
	display:flex;
	flex-flow:column wrap;
	justify-content: center;
	align-items: center;
	margin: 3rem auto 0;
	padding: 0;
}

.product_point_col02 {
	display:flex;
	flex-flow:column wrap;
	justify-content: center;
	align-items: center;
	margin: 6rem auto 0;
	padding: 0;
}

@media only screen and (min-width:1025px) {
	.product_point_col01 {
		display:flex;
		flex-flow:row nowrap;
		justify-content: center;
		align-items: center;
		margin: 3rem auto 0;
		padding: 0 11vw;
	}
	.product_point_col02 {
		display:flex;
		flex-flow:row nowrap;
		justify-content: center;
		align-items: center;
		margin: 9rem auto 5rem;
		padding: 0 9vw;
	}
}

/* 
 product_img
------------------------------------------------ */
.product_img_wrap {
}
.product_img {
	display:flex;
	flex-flow:row nowrap;
	margin: 2rem 0 2rem;
}
.product_img li:nth-of-type(1) {
	margin-left:0;
	z-index:9;
	padding: 0 0 1rem 0;
}
.product_img li:nth-of-type(2) {
	margin-top:-1rem;
	margin-left:-3rem;
	z-index:9;			
}
.product_img li:nth-of-type(3) {
	margin-left:-3rem;
	z-index:9;	
}
/* fadein */
.product_img li {
}
.product_img .-visible li {
}
.product_img li:nth-child(2) {
}
.product_img li:nth-child(3) {

}

@media only screen and (min-width:600px) {
	.product_img {
		margin: 2rem;
	}
}
@media only screen and (min-width:1025px) {
    .product_point_col01 .product_img_wrap {
		flex-basis: 750px;
		margin-right: 4rem;
	}
	.product_point_col02 .product_img_wrap {
		flex-basis: 720px;
		margin-right: 3rem;
	}
	.product_img {
		display:flex;
		flex-flow:row nowrap;
		margin: auto;
	}
	.product_img li:nth-of-type(1) {
		margin-left:0;
		z-index:9;
	}
	.product_img li:nth-of-type(2) {
		margin-left:-5rem;
		z-index:9;			
	}
	.product_img li:nth-of-type(3) {
		margin-left:-5rem;
		z-index:9;	
	}
/* fadein */	
	.product_img li {
	}
	.product_img .-visible li {
	}
	.product_img li:nth-child(2) {
    }
	.product_img li:nth-child(3) {
	}
}

/* 
 product_text
---------------------------------------- */
.product_point_col01 .product_text,
.product_point_col02 .product_text {
	filter: drop-shadow(-5px 5px 7px rgba(0,0,0,.4));
}
.product_point_col01 .product_text {
	background-color: #fff;
	padding: 2rem;
}
.product_point_col02 .product_text {
	background-color: #fff;
	padding: 2rem;
	margin-top:4rem;
}
.product_text p:first-of-type {
	padding: 0 0 0.5rem;
	line-height:1.6;
	border-bottom: 1px solid;
	margin-bottom: 1em;
}

.product_text p:first-of-type span {
	font-size: 24px;
}

.product_text p:last-of-type {
	text-align:left;
	line-height:2;
	font-size:0.8rem;
}
.product_text p:last-of-type span {
	font-size:0.7rem;
	display:block;
	margin-top:0.5rem;
	line-height:1.6;
}
/* product_text_btn */
.product_text .product_text_btn {
}
.product_text .product_text_btn a {
	display:block;
	position:relative;
	background-color:#2ea398;
	color:#fff;
	margin-top:1rem;
	font-size:0.8rem;
	padding:0.8rem 0.5rem 0.8rem 0;
	border-radius:5px;
	filter: drop-shadow(-5px 5px 7px rgba(0,0,0,.4));
}
.product_text .product_text_btn a::after {
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	top: 52%;
	right: 1rem;
	transform: translateY(-50%);
	color: #fff;
}
.product_text .product_text_btn a:hover {
	opacity:0.8;
}

@media only screen and (min-width:1025px) {
	.product_point_col01 .product_text,
    .product_point_col02 .product_text {
		filter: drop-shadow(-5px 5px 7px rgba(0,0,0,.4));
	}
	.product_text {
		flex-basis: 50%;
    	background-color: #fff;
    	padding: 2rem;
	}

	.product_text p:first-of-type {
		padding: 0 0 1rem;
		font-weight: normal;
		font-family: "Sawarabi Gothic";
		font-size: 1.4vw;
		border-bottom: 1px solid;
		margin-bottom: 1em;
	}

	.product_text p:first-of-type span {
		font-size: 1.8vw;
	}

	.product_text p:last-of-type {
		text-align:left;
		line-height:2;
		font-size:1rem;
		padding:0;
	}
	.product_text p:last-of-type span {
		font-size:0.7rem;
		display:block;
		margin-top:0.5rem;

		line-height:1.6;
	}
	/* product_text_btn */
	.product_text .product_text_btn {

	}
	.product_text .product_text_btn a {
		display:block;
		position:relative;
		background-color:#2ea398;
		color:#fff;
		margin-top:1rem;
		font-size:0.85rem;
		padding:0.5rem 0.5rem 0.5rem 0;
		border-radius:5px;
		filter: drop-shadow(-5px 5px 7px rgba(0,0,0,.4));
	}
	.product_text .product_text_btn a::after {
		content: "\f105";
		font-family: FontAwesome;
		position: absolute;
		top: 52%;
		right: 1rem;
		transform: translateY(-50%);
		color: #fff;
	}
	.product_text .product_text_btn a:hover {
		opacity:0.8;
	}
}







/* ------------------------------------

conversion_area_new00

------------------------------------ */
@media only screen and (max-width: 599px) {
	.conversion_area_new00 {
		color: #fff;
	}	
	.conversion_area_new00 .conversion_inner {
		padding: 50px 15px;
		position: relative;
		z-index: 1;
		margin-top: -1rem;
	}
	.conversion_area_new00 .bg_img__attachment {
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		height: 100%;
		width: 100%;
		z-index: -1;
		background: #4f7594;
	}
	.conversion_area_new00 .bg_img__attachment__clip {
		/* position: relative; */
		/* overflow: hidden; */
		/* clip-path: inset(0 0 0 0); */
		height: 100%;
	}
	.conversion_area_new00 .bg_img__attachment img {
		/* position: fixed; */
		/* width: 100%; */
		/* min-height: 100vh; */
		height: auto;
		left: 0;
		top: 0;
		pointer-events: none;
	}
	.conversion_area_new00 .tips{
	    margin: 0 auto 20px;
	    font-size: 1em;
		letter-spacing:-0.4px;
	    text-align: left;
	    line-height: 1.8;
	}
	.conversion_area_new00 .p_container{
	    width: 107%;
	    padding: 25px 0 3px !important;
	    margin: 0 0 0 -3.5%;
	    height: 140px;
	    display: flex;
	    justify-content: center;
	    align-items: flex-start;
	}
	.conversion_area_new00 .p_container .point{
	    width: 118px;
	    height: 118px;
	    margin: 2px;
	    padding: 0;
	    text-align: center;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
	    border-radius: 50%;
	    border: 5px double #4f7594;
	    background: #fff;
	    color: #4f7594;
		position:relative;
	}
	.conversion_area_new00 .p_container .point > h3{
	    width: 100%;
	    //margin-top: -.5em;
	    font-size: 10px;
	    font-weight: normal;
		line-height: 1.5;
	    //text-indent: .5em;
	}
	.conversion_area_new00 .p_container .point h3 .point_tit {
		font-size: 10px;
		border-bottom:1px solid #668297;
		position:absolute;
		top: 12%;
		left:30%;
		padding-bottom: 0.1rem;
	}
	.conversion_area_new00 .p_container .point:last-child h3 {
		margin-top:1rem;
	}
	.conversion_area_new00 .p_container .point > h3 span{
	    font-size: 13px;
	}
	.conversion_area_new00 .p_container .point:nth-of-type(2n) h3 span{
	    //font-size: 12px;
	}
	.conversion_area_new00 .p_container .point h3 > span {
		font-size: 12px;
		/* display: block; */
	}
	.conversion_area_new00 .conversion_inner .conversion_btn {
		color: #222;
	    background: #e7d12f;
	    border: 1px solid #ffffff;
	    width: 100%;
	    padding: 8px 0;
	    margin: 2em auto 0;
	}
	.conversion_area_new00 .conversion_inner .conversion_btn a {
		display:block;
	}
}
@media screen and (min-width:600px) and (max-width:1024px) {
	.conversion_area_new00 {
		width: 100%;
		height: 100%;
		color: #fff;
	}
	.conversion_area_new00 .bg_img__attachment {
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		height: 100%;
		width: 100%;
		z-index: -1;
		background: #4f7594;
	}
	.conversion_area_new00 .bg_img__attachment__clip {
		position: relative;
		overflow: hidden;
		clip-path: inset(0 0 0 0);
		height: 100%;
	}
	.conversion_area_new00 .bg_img__attachment img {
		position: fixed;
		width: 100%;
		min-height: 100vh;
		height: auto;
		left: 0;
		top: 0;
		pointer-events: none;
	}
	.conversion_area_new00 .tips{
	    margin: 0 1rem 20px;
	    font-size: 1em;
	    text-align: left;
	    line-height: 1.8;
	}
	.conversion_area_new00 .p_container{
	    width: 100%;
	    padding: 23px 0 3px !important;
	    margin: 0 auto;
	    height: 250px;
	    display: flex;
	    justify-content: center;
	    align-items: flex-start;
	}
	.conversion_area_new00 .p_container .point{
		width: 220px;
		height: 220px;
		margin: 1%;
		border-radius: 50%;
		border: 7px double #4f7594;
		background: #fff;
		color: #4f7594;
		text-align: center;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
		position:relative;
	}
	.conversion_area_new00 .p_container .point:last-child h3 {
		margin-top:1rem;
	}
	.conversion_area_new00 .p_container .point h3 .point_tit {
		font-size: 13px;
		border-bottom:1px solid #668297;
		position:absolute;
		top:17%;
		left:36%;
		padding-bottom:0.3rem;
	}
	.conversion_area_new00 .p_container .point:nth-of-type(2n) > h3 span{
		//font-size: 22px;
	}
	.conversion_area_new00 .p_container .point > h3{
		width: 100%;
		margin-top: -.5em;
		font-size: 2vw;
		font-weight: normal;
		line-height: 1.8;
	}
	.conversion_area_new00 .p_container .point > h3 span{
		font-size: 2.3vw;
	}
	.conversion_area_new00 .conversion_inner {
		padding: 50px 15px;
		position: relative;
		z-index: 1;
		margin-top: -9rem;
	}
	.conversion_area_new00 .conversion_inner .conversion_btn {
		color: #222;
	    background: #e7d12f;
	    border: 1px solid #ffffff;
	    width: 50%;
	    padding: 8px 0;
	    margin: 2em auto 0;
	}
	.conversion_area_new00 .conversion_inner .conversion_btn a {
		display:block;
	}
}

@media only screen and (min-width: 1025px) {
	.conversion_area_new00 {
		color: #fff;
		//background: url(/fair/hokuoh_style/images/showroom_image.jpg)!important;
		//background-repeat: no-repeat;
		//background-size: cover;
		//background-position: initial;
		//background-attachment: fixed;
		/* background: #4f7594; */;
	}
	.conversion_area_new00 .conversion_inner {
		padding: 50px 15px;
		position: relative;
		background: #4f7594;
		margin-top: -3rem;
	}
	.conversion_area_new00 .tips {
		margin: 0 auto 10px;
		font-size: 1.4em;
		text-align: center;
		line-height: 1.8;
	}
	.conversion_area_new00 .p_container {
		width: 100%;
		margin: 2em auto;
		height: 260px;
		display: flex;
	    justify-content: center;
	    align-items: flex-start;
		
	}
	.conversion_area_new00 .p_container .point {
		width: 220px;
		height: 220px;
		margin: 1%;
		border-radius: 50%;
		border: 7px double #4f7594;
		background: #fff;
		color: #4f7594;
		text-align: center;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
		position:relative;
	}
	.conversion_area_new00 .p_container .point:last-child h3 {
		margin-top:1rem;
	}
	.conversion_area_new00 .p_container .point > h3{
		width: 100%;
		font-size: 18px;
		font-weight: normal;
		line-height: 1.6;
	}
	.conversion_area_new00 .p_container .point h3 .point_tit {
		font-size: 13px;
		border-bottom:1px solid #668297;
		position:absolute;
		top:17%;
		left:37%;
		padding-bottom:0.3rem;
	}
	.conversion_area_new00 .p_container .point h3 > span {
		font-size: 22px;
	}
	.conversion_area_new00 .p_container .point:nth-of-type(2n) > h3 span{
		//font-size: 22px;
	}
	.conversion_area_new00 .conversion_inner .conversion_btn {
		color: #222;
		background: #e7d12f;
		border: 1px solid #ffffff;
		width: 42%;
		padding: 15px 0;
		margin: 0 auto;
	}
	.conversion_area_new00 .conversion_inner .conversion_btn a {
		display:block;
	}
}










/* ------------------------------------

conversion_area_new01

------------------------------------ */
@media only screen and (max-width: 599px) {
	.conversion_area_new01 {
		color: #fff;
	}	
	.conversion_area_new01 .conversion_inner {
		padding: 110px 15px;
		position: relative;
		z-index: 1;
	}
	.conversion_area_new01 .bg_img__attachment {
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		height: 100%;
		width: 100%;
		z-index: -1;
	}
	.conversion_area_new01 .bg_img__attachment__clip {
		position: relative;
		overflow: hidden;
		clip-path: inset(0 0 0 0);
		height: 100%;
	}
	.conversion_area_new01 .bg_img__attachment img {
		position: fixed;
		width: 100%;
		min-height: 100vh;
		height: auto;
		left: 0;
		top: 0; 
		pointer-events: none;
	}
	.conversion_area_new01 .tips{
	    margin: 20px auto;
		font-size: 1em;
		text-align: left;
		line-height: 1.8;
	}
	.conversion_area_new01 .p_container{
	    width: 107%;
	    padding: 3px !important;
	    margin: 0 0 0 -3.5%;
	    height: 140px;
	    display: flex;
	    justify-content: center;
	    align-items: flex-start;
	}
	.conversion_area_new01 .p_container .point{
	    width: 118px;
	    height: 118px;
	    margin: 2px;
	    padding: 0;
	    text-align: center;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
	    border-radius: 50%;
	    border: 5px double #4f7594;
	    background: #fff;
	    color: #4f7594;
		position:relative;
	}
	.conversion_area_new01 .p_container .point > h3{
	    width: 100%;
	    //margin-top: -.5em;
	    font-size: 11px;
	    font-weight: normal;
	   	line-height: 1.5;
	    //text-indent: .5em;
	}
	.conversion_area_new01 .p_container .point h3 .point_tit {
		font-size: 10px;
		border-bottom:1px solid #668297;
		position:absolute;
		top: 12%;
		left:30%;
		padding-bottom: 0.1rem;
	}
	.conversion_area_new01 .p_container .point:last-child h3 {
		margin-top:1rem;
	}
	.conversion_area_new01 .p_container .point > h3 span{
	    font-size: 12px;
	}
	.conversion_area_new01 .p_container .point:nth-of-type(2n) > h3 span{
	    //font-size: 12px;
	}
	.conversion_area_new01 .conversion_inner .conversion_btn {
		color: #222;
	    background: #e7d12f;
	    border: 1px solid #ffffff;
	    width: 100%;
	    padding: 8px 0;
	    margin: 2em auto 0;
	}
	.conversion_area_new01 .conversion_inner .conversion_btn a {
		display:block;
	}
}
@media screen and (min-width:600px) and (max-width:1024px) {
	.conversion_area_new01 {
		width: 100%;
		height: 100%;
		color: #fff;
	}
	.conversion_area_new01 .bg_img__attachment {
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		height: 100%;
		width: 100%;
		z-index: -1;
	}
	.conversion_area_new01 .bg_img__attachment__clip {
		position: relative;
		overflow: hidden;
		clip-path: inset(0 0 0 0);
		height: 100%;
	}
	.conversion_area_new01 .bg_img__attachment img {
		position: fixed;
		width: 100%;
		min-height: 100vh;
		height: auto;
		left: 0;
		top: 0;
		pointer-events: none;
	}
	.conversion_area_new01 .tips{
	    margin: 20px 2rem;
	    font-size: 1em;
	    text-align: left;
	    line-height: 1.8;
	}
	.conversion_area_new01 .p_container{
	    width: 100%;
	    padding: 3px !important;
	    margin: 0 auto;
	    height: 250px;
	    display: flex;
	    justify-content: center;
	    align-items: flex-start;
	}
	.conversion_area_new01 .p_container .point{
		width: 220px;
		height: 220px;
		margin: 1%;
		border-radius: 50%;
		border: 7px double #4f7594;
		background: #fff;
		color: #4f7594;
		text-align: center;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
		position:relative;
	}
	.conversion_area_new01 .p_container .point:last-child h3 {
		margin-top:1rem;
	}
	.conversion_area_new01 .p_container .point h3 .point_tit {
		font-size: 13px;
		border-bottom:1px solid #668297;
		position:absolute;
		top:17%;
		left:36%;
		padding-bottom:0.3rem;
	}
	.conversion_area_new01 .p_container .point > h3{
		width: 100%;
		margin-top: -.5em;
		font-size: 2vw;
		font-weight: normal;
		line-height: 1.8;
		//text-indent: .5em;
	}
	.conversion_area_new01 .p_container .point > h3 span{
		font-size: 2.3vw;
	}
	.conversion_area_new01 .conversion_inner {
		padding: 110px 15px;
		position: relative;
		z-index: 1;
	}
	.conversion_area_new01 .conversion_inner .conversion_btn {
		color: #222;
	    background: #e7d12f;
	    border: 1px solid #ffffff;
	    width: 50%;
	    padding: 8px 0;
	    margin: 2em auto 0;
	}
	.conversion_area_new01 .conversion_inner .conversion_btn a {
		display:block;
	}
}

@media only screen and (min-width: 1025px) {
	.conversion_area_new01 {
		color: #fff;
		background: url(/fair/hokuoh_style/images/showroom_image.jpg)!important;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: initial;
		background-attachment: fixed;
	}
	.conversion_area_new01 .conversion_inner {
		padding: 110px 15px;
		position: relative;
	}
	.conversion_area_new01 .tips {
		margin: 20px auto 10px;
		font-size: 1.2em;
		text-align: center;
		line-height: 1.8;
	}
	.conversion_area_new01 .p_container {
		width: 100%;
		margin: 2em auto;
		height: 260px;
		display: flex;
	    justify-content: center;
	    align-items: flex-start;
	}
	.conversion_area_new01 .p_container .point {
		width: 220px;
		height: 220px;
		margin: 1%;
		border-radius: 50%;
		border: 7px double #4f7594;
		background: #fff;
		color: #4f7594;
		text-align: center;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
		position: relative;
	}
	.conversion_area_new01 .p_container .point:last-child h3 {
		margin-top:1rem;
	}
	.conversion_area_new01 .p_container .point > h3{
		width: 100%;
		font-size: 18px;
		font-weight: normal;
		line-height: 1.6;
	}
	.conversion_area_new01 .p_container .point h3 .point_tit {
		font-size: 13px;
		border-bottom:1px solid #668297;
		position:absolute;
		top:17%;
		left:36%;
		padding-bottom:0.3rem;
	}
	.conversion_area_new01 .p_container .point > h3 span{
		font-size: 22px;
	}
	.conversion_area_new01 .p_container .point:nth-of-type(2n) > h3 span{
		//ont-size: 22px;
	}
	.conversion_area_new01 .conversion_inner .conversion_btn {
		color: #222;
		background: #e7d12f;
		border: 1px solid #ffffff;
		width: 42%;
		padding: 15px 0;
		margin: 0 auto;
	}
	.conversion_area_new01 .conversion_inner .conversion_btn a {
		display:block;
	}
}



/* ------------------------------------

conversion_area_new02

------------------------------------ */
@media only screen and (max-width: 599px) {
	.conversion_area_new02 {
		color: #fff;
	}
	.conversion_area_new02 .conversion_inner {
		padding: 110px 15px;
		position: relative;
		z-index: 1;
	}
	.conversion_area_new02 .bg_img__attachment {
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		height: 100%;
		width: 100%;
		z-index: -1;
	}
	.conversion_area_new02 .bg_img__attachment__clip {
		position: relative;
		overflow: hidden;
		clip-path: inset(0 0 0 0);
		height: 100%;
	}
	.conversion_area_new02 .bg_img__attachment img {
		position: fixed;
		width: 100%;
		min-height: 100vh;
		height: auto;
		left: 0;
		top: 0; 
		pointer-events: none;
	}
	.conversion_area_new02 .conversion_inner .cv_tit  {
		line-height: 1.3;
	}
	.conversion_area_new02 .conversion_inner .cv_tit span {
		line-height: 1.3;
	}
	.conversion_area_new02 .conversion_inner .cv_smy {
		margin: 20px auto;
		font-size: 1rem;
		line-height: 1.8;
		text-align: left;
	}
	.conversion_area_new02 .conversion_inner .cv_note {
		font-size: 0.8em;
		color: #fff;
		padding: 1em;
	}
	.conversion_area_new02 .conversion_inner .conversion_btn {
		color: #222;
		background: #e7d12f;
		border: 1px solid #ffffff;
		width: 100%;
		padding: 8px 0;
		margin: 0 auto;
	}
	.conversion_area_new02 .conversion_inner .conversion_btn a {
		display:block;
	}
}

@media screen and (min-width:600px) and (max-width:1024px) {
	.conversion_area_new02 {
		width: 100%;
		height: 100%;
		color: #fff;
	}
	.conversion_area_new02 .conversion_inner {
		padding: 100px 15px;
		position: relative;
	}
	.conversion_area_new02 .conversion_inner {
		padding: 110px 15px;
		position: relative;
		z-index: 1;
	}
	.conversion_area_new02 .bg_img__attachment {
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		height: 100%;
		width: 100%;
		z-index: -1;
	}
	.conversion_area_new02 .bg_img__attachment__clip {
		position: relative;
		overflow: hidden;
		clip-path: inset(0 0 0 0);
		height: 100%;
	}
	.conversion_area_new02 .bg_img__attachment img {
		position: fixed;
		width: 100%;
		min-height: 100vh;
		height: auto;
		left: 0;
		top: 0; 
		pointer-events: none;
	}
	.conversion_area_new02 .conversion_inner .cv_tit {
		font-size: 50px;
    	line-height: 1.3;
	}
	.conversion_area_new02 .conversion_inner .cv_tit span {
		font-size: 50px;
    	line-height: 1.3;
	}
	.conversion_area_new02 .conversion_inner .cv_smy {
		margin: 20px 2rem;
		font-size: 1.2rem;
		line-height: 1.8;
		text-align: left;
	}
	.conversion_area_new02 .conversion_inner .cv_note {
		font-size: 1em;
		color: #fff;
		padding: 1em;
	}

	.conversion_area_new02 .conversion_inner .conversion_btn {
		 color: #222;
		 background: #e7d12f;
		 border: 1px solid #ffffff;
		 width: 42%;
		 padding:10px 0;

		 margin: 0 auto;
	}
	.conversion_area_new02 .conversion_inner .conversion_btn a {
		display:block;
	}
}

@media only screen and (min-width: 1025px) {
	.conversion_area_new02 {
		color: #fff;
		background: url(https://idc-otsuka.s3.ap-northeast-1.amazonaws.com/wp/wp-content/uploads/2022/07/15122839/background_005.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}
	.conversion_area_new02 .conversion_inner {
		padding: 100px 15px;
		position: relative;
	}
	.conversion_area_new02 .conversion_inner .cv_tit {
		font-size: 50px;
    	line-height: 1.3;
	}
	.conversion_area_new02 .conversion_inner .cv_tit span {
		font-size: 50px;
    	line-height: 1.3;
	}
	.conversion_area_new02 .conversion_inner .cv_smy {
		margin: 20px auto;
		font-size: 1.2rem;
		line-height: 1.8;
		text-align: center;
	}
	.conversion_area_new02 .conversion_inner .cv_note {
		font-size: 1em;
		color: #fff;
		padding: 1em;
	}
	.conversion_area_new02 .conversion_inner .conversion_btn {
		 color: #222;
		 background: #e7d12f;
		 border: 1px solid #ffffff;
		 width: 42%;
		 padding:15px 0;
		 margin: 0 auto;
	}
	.conversion_area_new02 .conversion_inner .conversion_btn a {
		display:block; 
	}
}





/* ------------------------------------

showroom

------------------------------------ */
@media only screen and (max-width:599px) {
	.showroom_inner {
		display: flex;
		justify-content: space-between;
		flex-flow: wrap;
		margin: 0 auto;
		padding: 3rem 4vw 3rem;
		background: #fff;
	}
	.showroom_inner .showroom_container {
		width: calc(47%);
		margin-bottom:1rem
	}
	.item_img {
		margin-bottom: 15px;
	    filter: drop-shadow(-2px 5px 3px rgba(0,0,0,.5));
	}
	.item_name h3 {
	    text-align: left;
	    font-size: .75rem;
	    padding: 5px;
	    background: #4f7594;
		color: #fff;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}
	.item_description {
	    margin:  5px 0;
	    text-align: left;
	}
	.item_description p {
	    line-height: 1.6;
		font-size: .75rem;
	}
	.read_more_btn {
		text-align:right;
		padding-right:0.7rem;
		font-size:0.75rem;
		position:relative;
	}
	.read_more_btn a {
		display:block;
	}
	.read_more_btn::after {
		content: "\f105";
	    font-family: FontAwesome;
	    position: absolute;
	    top: 60%;
	    right: 0;
	    transform: translateY(-50%);
	    color: #222;
	}
}

@media only screen and (min-width:600px) and (max-width:1024px) {
	.showroom_inner {
		display:
		flex;
		justify-content:
		space-between;
		flex-flow: wrap;
		width:100%;
		margin: 0 auto;
		padding: 5rem 4vw 2rem;
		background: #fff;
	}
	.showroom_inner .showroom_container {
		width:31%;
		margin-bottom:1rem
	}
	.item_img {
		margin-bottom: 15px;
	    filter: drop-shadow(-2px 5px 3px rgba(0,0,0,.5));
	}
	.item_name h3 {
	    text-align: left;
	    font-size: .75rem;
	    padding: 5px;
	    background: #4f7594;
		color: #fff;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}
	.item_description {
	    margin:  5px 0;
	    text-align: left;
	}
	.item_description p {
	    line-height: 1.6;
		font-size: .75rem;
	}
	.read_more_btn {
		text-align:right;
		padding-right:0.7rem;
		font-size:0.75rem;
		position:relative;
	}
	.read_more_btn a {
		display:block;
	}
	.read_more_btn::after {
		content: "\f105";
	    font-family: FontAwesome;
	    position: absolute;
	    top: 60%;
	    right: 0;
	    transform: translateY(-50%);
	    color: #222;
	}	
}

@media only screen and (min-width:1025px) {
	.showroom_wrapper {
		padding: 0px 5vw 1%;
		margin: 0 auto;
		background: #fff;
	}
	.showroom_inner {
		display:flex;
		justify-content:space-between;
		flex-flow:row wrap;
		margin: 0 auto 4rem;
		padding-top: 6rem;
	}
	.showroom_inner .showroom_container {
		width:31%;
		margin-bottom:2rem;
	}
	.item_img {
		margin-bottom: 15px;
	    filter: drop-shadow(-2px 5px 3px rgba(0,0,0,.5));
	}
	.item_name h3 {
	    text-align: left;
	    font-size: 1rem;
	    padding: 5px;
	    background: #4f7594;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    color: #fff;
	}
	.item_description {
	    margin:  5px 0;
	    text-align: left;
	}
	.item_description p {
	    line-height: 1.6;
		font-size: .8rem;
	}
	.read_more_btn {
		text-align:right;
		padding-right:0.7rem;
		font-size:0.95rem;
		position:relative;
	}
	.read_more_btn a {
		display:block;
	}
	.read_more_btn::after {
		content: "\f105";
	    font-family: FontAwesome;
	    position: absolute;
	    top: 60%;
	    right: 0;
	    transform: translateY(-50%);
	    color: #222;
	}	
}




/* ---------------------------------------------

abundant_item_area
abundant_item_smy
trust_price_area
trust_price_smy
service_area
service_smy

--------------------------------------------- */
@media only screen and (max-width: 599px){
	.topix_container{
        width: 100%;
        height: 100%;
        display:
        flex;
        flex-wrap:
        wrap;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        flex-direction: column;
    }
    .topix_left{
        width:100%;
        padding: 2em 0 4rem;
        margin: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        background: #fff;
    }
	.topix_left_text {
		width:80%;
		margin-bottom:2rem;
		text-align: left;
		line-height: 1.8;
	}
    .topix_left .item_info{
        width: 90%;
    }
    
	.topix_left .item_info_text {
		width:100%;
		font-size:12px;
		line-height:1.8;
		margin:1rem auto;
	}
	.topix_left .item_info_btn {
		width: 50%;
		display:flex;
		justify-content:center;
		align-items:center;
		line-height: 1.3;
		text-align: center;
		border-radius: 2rem;
		margin:2rem auto 0;
		
	}
	.topix_left .item_info_btn a {
		display:
		block;
		border: 1px solid #4f7594;
		border-radius: 2rem;
		padding: 0.8rem 2.7rem;
		font-size: 12px;
	}
}

@media only screen and (min-width: 600px) and (max-width: 1024px){
	.topix_container{
        width: 100%;
        height: 100%;
        display:
        flex;
        flex-wrap:
        wrap;
        justify-content: center;
        align-items: center;
        /* margin:0 0 5%; */
        flex-direction: column;
    }
    .topix_left{
        width: 100%;
        padding: 2rem 2em;
        /* margin: 4% 0 3%; */
        background: #fff;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
	.topix_left_text {
		width: 72%;
		margin-bottom:2rem;
		text-align: left;
		line-height: 1.8;
	}
    .topix_left .item_info{
        width: 80%;
    }
    
	.topix_left .item_info_text {
		width:100%;
		font-size:14px;
		line-height:1.8;
		margin:1.5rem auto;
		text-align:left;
	}
	.topix_left .item_info_btn {
		width: 100%;
		display:flex;
		justify-content:center;
		align-items:center;
		line-height: 1.3;
		text-align: center;
		margin:2rem auto 0;
	}
	.topix_left .item_info_btn a {
		display:block;
		padding: 0.8rem 9.5rem;
		font-size: 14px;
		border-radius: 2rem;
		border: 1px solid #4f7594;
	}
}
@media only screen and (min-width: 1025px){
	.topix_container{
        width: 100%;
        height: 100%;
        display:
        flex;
        flex-wrap:
        wrap;
        flex-direction: row-reverse;
        justify-content: center;
        align-items: center;
        margin: 0 0;
        padding-bottom: 5%;
        background: #fff !important;
    }
    .topix_left{
        width:690px;
        margin: 4% 0 3%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }
    .topix_left h3{
         width: 80%;
         font-size: 1.6rem;
         font-family: 'Shippori Mincho', serif;
         padding: 0.8em 0.5em 0.5em;
         line-height: 1.8;
         border: 1px dashed;
    }
    .topix_left p{
        width: 80%;
        text-align: left; 
        line-height: 1.8; 
        margin-top: 1em; 
    }
    .topix_left .item_info{
        width: 80%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
		text-align:left;
    }
    .topix_left .item_info span{
        font-size: 14px;
        font-weight: normal;
        text-align: left; 
    }
	.topix_left .item_info_text {
		width:100%;
		font-size:1.2rem;
		line-height:1.3;
		margin:1rem auto;
		
	}
	.topix_left .item_info_btn {
		width: 100%;
		height:2em;
		display:flex;
		justify-content:center;
		align-items:center;
		line-height: 1.3;
		text-align: center;
	}
	.topix_left .item_info_btn a {
		display:block;
		padding: 0.8rem 3rem;
		font-size: 0.85em !important;
		border-radius: 30px;
		border: 1px solid #4f7594;
	}
}



@media only screen and (min-width: 1025px){
	.abundant_item_area .topix_container,
	.serv-ce_area .topix_container {
		flex-direction: row-reverse;
    }
	.trust_price_area .topix_container{
		flex-direction: row; 
    }
}










/* ********** SNS ********** */
.snsicon_wrap {
	padding: 1rem 0 2rem;
	text-align: center;
}
.snsicon_wrap img {
	width: 28px;
}
.snsicon_wrap ul {
	text-align: center;
	display: flex;
	flex-flow:row nowrap;
	justify-content:space-around;
	align-items: center;
	margin: 1rem auto 0;
	width: 70%;
}
.snsicon_wrap ul li {
	width: 9%;
}
footer p:last-child {
	margin-top:0.5rem;
	padding-bottom: 3em;
}


@media only screen and (min-width: 768px) {
	.snsicon_wrap {
		padding: 3rem 0 2.5rem;
		text-align: center;
	}
	.snsicon_wrap ul {
		text-align: center;
		display: flex;
		flex-flow:row nowrap;
		justify-content:space-around;
		align-items: center;
		margin: 1rem auto 0;
	}
	.snsicon_wrap ul {
		margin: 0.5em auto 0;
		width: 380px;	
	}
	.snsicon_wrap ul li {
		width: 7%;
	}
	footer p:last-child {
		margin-top:1rem;
	}
}








/* ********** WRAP ********** */
.wrapper{
	font-family: "Sawarabi Gothic";
	font-weight: normal;
	color:#222;
}
main {
	font-family: "Sawarabi Gothic";
	font-weight: normal;
}


@media only screen and (min-width: 1100px) {
    footer {
        width: 1100px;
        margin-left: auto;
        margin-right: auto;
    }
}