@charset "UTF-8";

/*-------------------------------------------
全体設定
-------------------------------------------*/
html {
	margin: 0;
	padding: 0;
	font-size: 15px;	/*基準となるフォントサイズ。*/
	overflow-x: hidden;
}

body {
	width:100vw;
	margin:0;
	font-family: "Noto Serif JP", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;	/*フォント種類*/
	background:#f7f7f7;	/*背景色*/
	overflow: hidden;
	scroll-behavior: smooth;
}

@font-face{
	font-family:"myfont_1";
	src:url("../fonts/Thesignature.ttf") format("truetype");
}

@font-face{
	font-family:"myfont_2";
	src:url("../fonts/ArsenicaTrial-Italic.ttf") format("truetype");
}

@font-face{
	font-family:"myfont_3";
	src:url("../fonts/Arimo-Regular.ttf") format("truetype");
}

@font-face{
	font-family:"myfont_4";
	src:url("../fonts/Arimo-Bold.ttf") format("truetype");
}

@font-face{
	font-family:"myfont_5";
	src:url("../fonts/Arimo-Regular.ttf") format("truetype");
}

a {
	transition: 0.3s;
	text-align: center;
}

img{
	max-width:100%;
}

p{
	margin:0;
	font-size: 13px;
	color: #18191a;
	line-height:2.3;
}

h2{
    margin:0;
	font-size:2rem;
}

.section{
	display:flex;
	flex-direction: column;
	width:100%;
	padding: 15% 0;
}

.sec-top{
	display:flex;
	justify-content: space-evenly;
}

.sec-title{
    font-size: 2em;
    font-weight: 900;
    color: transparent;
    -webkit-text-stroke: 0.5px #c7c7c7;
    text-shadow: 2px 2px 3px #ebebeb, 0px 0px 0px #777;
    text-align: center;
    box-shadow:
	 inset 7px 7px 10px 0 rgba(77, 77, 77, 0.25),
	 inset -7px -7px 10px 0 #fff;
	border-radius: 0.5em;
	width: fit-content;
	margin: 5% auto;
	padding: 3% 20%;
}

.tr{
	position: relative;
	display: inline-block;
	color: transparent;
	-webkit-text-stroke: 1px #aaa;
	font-size:40px;
	font-family:"myfont_4";
	line-height: 1em;
}

.rt{
	position: relative;
	font-size: 25px;
	color: #fff;
	background-image: linear-gradient(to right, #a5a5a5 15%, transparent);
	padding-left: 10px;
}

.item{
	display: block;
	background: linear-gradient(140deg, rgba(202,202,202,0.5), rgba(250,250,250,0.5));
    border-radius: 0.5rem;
    box-shadow:
	 3px 3px 5px 0 rgb(222,222,222),
	 -3px -3px 5px 0 rgb(255 255 255);
}

@media screen and (min-width:700px){ /*TB版*/
	p{
		font-size: 1.2rem;
	}

	.sec-title{
        font-size: 4em;
	}
}

@media screen and (min-width:1000px){ /*PC版*/
	h2{
		font-size:5rem;
	}
	
	p{
		font-size:1.2rem;
	}
	
	.section{
		padding: 5% 0;
	}
	
	.sec-title{
        font-size: 3em;
        font-weight: 900;
        color: transparent;
        -webkit-text-stroke: 0.5px #c7c7c7;
        text-shadow: 3px 3px 5px #ebebeb, 0px 0px 0px #777;
        margin: 3% auto 1%;
        padding: 1% 7%;
	}
	
	.tr{
		font-size:10rem;
	}
	
	.rt{
		font-size:30px;
	}

	.item{
		background: linear-gradient(140deg, rgb(242,242,242), rgb(220,220,220));
		border-radius: 3rem;
        box-shadow:
		 inset 20px 20px 15px 0 transparent,
		 inset -10px -10px 15px 0 transparent,
		 10px 10px 10px 0 #cfcfcf,
		 -7px -7px 15px 0px #fff;
		transition: .5s;
	}

	 .item:hover{
		-webkit-transform: translateY(7px);
		transform: translateY(7px);
		box-shadow:
		 inset 10px 10px 10px 0 #bbb,
		 inset -10px -10px 10px 0 #fff,
		 0px 0px 0px 0 transparent,
		 0px 0px 0px 0 transparent;
	}
}

/*-------------------------------------------
セクション１：メインイメージ
-------------------------------------------*/
.sec1{
    position: relative;
    top: 5px;
	background-color: #fff;
    padding: 10% 0 0;
}

.sec1-img{
    display: flex;
    justify-content: center;
    position: relative;
    right: 5px;
	height: 55vh;
    margin: 7% 0;
}

.ink-img{
	display: none;
}

.wave-1-1, .wave-2-1{
	position: relative;
	top: 5px;
}

@media screen and (min-width:700px){ /*TB版*/
	.sec1{
		position: relative;
		top: 5px;
		background-color: #fff;
	}

	.ink-img{
		display: block;
		position: absolute;
		width: 20%;
	}

	.sec1 .fluid{
		position: absolute;
		animation: spinners-animation 30000ms linear infinite;
		transform-origin: center;
	}

	.ink-1{
		bottom: 120px;
        left: 70px;
	}

	.ink-2{
		top: 150px;
		right: 50px;
	}
}

@media screen and (min-width:1000px){ /*PC版*/
	.sec1{
		position: relative;
		top: 5px;
		background-color: #fff;
		padding-top: 3%;
	}

	.sec1-img{
		height: 100vh;
		margin: 0 1.7% 0 0;
	}

	.ink-1{
		bottom: 200px;
        left: 150px;
		width: 17%;
	}

	.ink-2{
		top: 100px;
		right: 100px;
		width: 20%;
	}
}

/*-------------------------------------------
セクション２：NEWS
-------------------------------------------*/

.sec2{
    background-color: #ebebeb;
    margin: 0;
}

.sec2-bottom{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: repeat(4, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 30px;
	margin: 7%;
}

.sec2 .item{
	display: flex;
	align-items: center;
    font-family: 'myfont_5';
    font-size: 1.1em;
    font-weight: bold;
    color: #333;
    line-height: 3.5;
	background-position:center;
	background-size: contain;
	background-repeat: no-repeat;
    border-radius: 0.7em;
	box-shadow:
	 inset 20px 20px 15px 0 transparent,
	 inset -10px -10px 15px 0 transparent,
	 10px 10px 10px 0 #cfcfcf,
	 -7px -7px 15px 0px #fff;
	transition: .7s;
}

.sec2 .item1 {
	grid-area: 1 / 1 / 2 / 2;
	background-image: linear-gradient(140deg, rgba(212,212,212,0.85), rgb(250,250,250,0.85)),
	 url(images/main-image.svg);
}

.sec2 .item2 {
	grid-area: 2 / 1 / 3 / 2;
	background-image: linear-gradient(140deg, rgba(212,212,212,0.85), rgb(250,250,250,0.85)),
	 url(images/main-image.svg);
}

.sec2 .item3 {
	grid-area: 3 / 1 / 4 / 2;
	background-image: linear-gradient(140deg, rgba(212,212,212,0.85), rgb(250,250,250,0.85)),
	 url(images/main-image.svg);
}

.sec2 .item4 {
	grid-area: 4 / 1 / 5 / 2;
	background-image: linear-gradient(140deg, rgba(212,212,212,0.85), rgb(250,250,250,0.85)),
	 url(images/main-image.svg);
}

.sec2 .item-img{
	display: none;
 }

.date{
	display: block;
    font-family: 'myfont_4';
    font-size: 0.7em;
    color: #777;
	margin: 0 5%;
}

.wave-1-2, .wave-2-2{
	position: relative;
	bottom: 5px;
}

@media screen and (min-width:700px){ /*TB版*/
	.sec2 .item{
		font-size: 1.5em;
	}
}

@media screen and (min-width:1000px){ /*PC版*/
	.sec2-bottom{
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: 1fr;
		grid-column-gap: 20px;
		grid-row-gap: 0px;
		margin: 5%;
	}

	.sec2 .item{
		display: block;
        background-image: none;
		line-height: 2;
		font-size: 1.3rem;
		height: fit-content;
        padding: 11%;
		border-radius: 2em;
        box-shadow:
		 20px 20px 15px 0 transparent,
		 -10px -10px 15px 0 transparent,
		 inset 10px 10px 10px 0 #cfcfcf,
		 inset -7px -7px 15px 0px #fff;
	}

	.sec2 .item:hover{
		 -webkit-transform: none;
		 transform: none;
	}

	.sec2 .item1{
		grid-area: 1 / 1 / 2 / 2;
	}

	.sec2 .item2{
		grid-area: 1 / 2 / 2 / 3;
	}
	
	.sec2 .item3{
		grid-area: 1 / 3 / 2 / 4;
	}

	.sec2 .item4{
		grid-area: 1 / 4 / 2 / 5;
	}

	.sec2 .item-img{
        display: flex;
		align-items: center;
		justify-content: center;
        height: 10em;
        overflow: hidden;
		border-radius: 1.5em;
		box-shadow:
		 inset 20px 20px 15px 0 transparent,
		 inset -10px -10px 15px 0 transparent,
		 10px 10px 10px 0 #cfcfcf,
		 -7px -7px 15px 0px #fff;
		transition: .5s;
	}

	.item-img:hover{
		-webkit-transform: translateY(7px);
		transform: translateY(7px);
		box-shadow:none
	}

	.sec2 .item-img img{
		object-fit: contain;
		max-width: 77%;
	}

	.date{
		font-size: 0.9em;
		margin: 15% auto 3%;
	}
}

/*-------------------------------------------
セクション３：BUSINESS
-------------------------------------------*/
.sec3{
	background-color: #F6F6F6;
}

.sec3 .content{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    height: 22em;
    margin: 5%;
}

.sec3 .item{
    background-image:
	 linear-gradient(140deg, rgba(212, 212, 212, 0.5), rgb(250, 250, 250, 0.5));
}

.sec3 .item1 {
	grid-area: 1 / 1 / 2 / 2;
}

.sec3 .item2 {
	grid-area: 1 / 2 / 2 / 3;
}

.sec3 .item3 {
	grid-area: 2 / 1 / 4 / 3;
}

.sec3 .item4 {
	grid-area: 1 / 3 / 3 / 5;
}

.sec3 .item5 {
	grid-area: 3 / 3 / 4 / 5;
}

.sec3 .item6 {
	grid-area: 1 / 5 / 3 / 7;
}

.sec3 .item7 {
	grid-area: 3 / 5 / 4 / 7;
}

.sec3 .item8 {
	grid-area: 4 / 1 / 5 / 3;
}

.sec3 .item9 {
	grid-area: 4 / 3 / 5 / 5;
}

.sec3 .item10 {
	grid-area: 4 / 5 / 5 / 7;
}

.sec3 .item a{
    position: relative;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    display:block;
	height: 100%;
	padding:5%;
}

/*「With Design」*/
.sec3 .item1 .item-icon , .sec3 .item2 .item-icon{
	width: 70%;
}

.sec3 .item3 .item-icon{
	width: 55%;
}

.sec3 .item7 .item-icon{
	width: 30%;
}

.sec3 .item8 .item-icon{
	width: 77%;
}

.sec3 .item9 .item-icon{
	width: 55%;
}

.sec3 .item10 .item-icon{
	width: 45%;
}

.sec3 .item-icon{
    position: relative;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
	display: block;
}

.wave-2{
	background-color: #F6F6F6;
}

@media screen and (min-width:700px){ /*TB版*/
	.sec3 .content{
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: repeat(3, 1fr);
        grid-column-gap: 2.5em;
        grid-row-gap: 2.5em;
        width: 90%;
        height: 40em;
        margin: 3% auto 5%;
	}

	.sec3 .item7 .item-icon{
		width: 25%;
	}

	.sec3 .item9 .item-icon{
		width: 40%;
	}
	
	.sec3 .item10 .item-icon{
		width: 40%;
	}

	.sec3 .item-icon{
		max-width: calc(100% - 30%);
		max-height: 100%;
	}
}

@media screen and (min-width:1000px){ /*PC版*/
	.sec3 .content{
        width: 80%;
        height: 30em;
	}

	.sec3 .item{
		border-radius: 2rem;
        box-shadow:
		 inset 20px 20px 15px 0 transparent,
		 inset -10px -10px 15px 0 transparent,
		 5px 5px 10px 0 #c7c7c7,
		 -5px -5px 7px 0px #fff;
	}

	.sec3 .item:hover{
        box-shadow:
		 inset 10px 10px 15px 0 rgba(151,151,151,0.5),
		 inset -10px -10px 10px 0 #fff,
		 5px 5px 10px 0 transparent,
		 -5px -5px 7px 0px transparent;
	}

	.sec3 .item1 {
		grid-area: 1 / 1 / 2 / 2;
	}

	.sec3 .item2 {
		grid-area: 1 / 2 / 2 / 3;
	}

	.sec3 .item3 {
		grid-area: 2 / 1 / 4 / 3;
	}

	.sec3 .item4 {
		grid-area: 1 / 3 / 3 / 4;
	}

	.sec3 .item5 {
		grid-area: 3 / 3 / 4 / 4;
	}

	.sec3 .item6 {
		grid-area: 1 / 4 / 3 / 5;
	}

	.sec3 .item7 {
		grid-area: 3 / 4 / 4 / 5;
	}

	.sec3 .item8 {
		grid-area: 1 / 5 / 2 / 7;
	}

	.sec3 .item9 {
		grid-area: 2 / 5 / 3 / 7;
	}

	.sec3 .item10 {
		grid-area: 3 / 5 / 4 / 7;
	}

	.sec3 .item-icon{
		max-width: fit-content;
        width: 90%;
	}

	.sec3 .item8 .item-icon {
		width: 45%;
	}

	.sec3 .item9 .item-icon {
		width: 30%;
	}

	.sec3 .item10 .item-icon{
		width: 30%;
	}
}

/*-------------------------------------------
セクション４：PROJECT
-------------------------------------------*/
.sec4{
	background-color: #555;
	margin: 0;
	padding-bottom: 0;
}

.sec4 .sec-title{
	font-size: 2.3em;
    -webkit-text-stroke: 0.7px #c7c7c7;
    box-shadow: inset 7px 7px 10px 0 rgb(0 0 0 / 40%), inset -7px -7px 10px 0 #888;
    text-shadow: none;
    padding: 3% 17%;
}

.sec4-bottom{
	width: 100%;
	padding-bottom: 10%;
}

/* 以下card */ 

.sec4 .card-container{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 1fr);
	gap: 10% 10%;
	width: 85%;
	height: 450px;
	margin: auto;
	padding: 5% 0;
}

.sec4 .card {
	display:block;
	--background: linear-gradient(to right, #77e3cf 0%, #6678d0 100%);
	overflow: visible;
	position: relative;
	z-index: 1;
	width: 100%;
    height: 100%;
	padding: 13%;
	border-radius: 1rem;
	box-shadow:
	 inset 10px 10px 15px 0 #555,
	 inset -7px -7px 20px 0 #555,
	 5px 5px 10px 0 #333,
	 -5px -5px 10px 0px #808080;
}

.sec4 .card-info {
	--color_wh:#fff;
	--color_bk: #292b2c;
	background: unset;
	color: var(--color_wh);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	overflow: visible;
	border-radius: 0.8rem;
	position: relative;
	transition: linear 0.5s;
	z-index: 2;
}

.sec4 .card-img{
	padding: 15% 10%;
}

.sec4 .card4 .card-info {

	padding:5%;

	.card-img{
		padding: 10% 15%;
	}
}

.sec4 .title{
	font-family: sans-serif;
    font-weight: 300;
    font-size: 1em;
    letter-spacing: 0.05em;
}

.sec4 .card-lead{
	display: none;
}

/* 以下btn */ 

.sec4 .btn-item{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 10% auto 5%;
}

.sec4 .btn{
	padding: 5% 10%;
    border-radius: 10rem;
    box-shadow:
		inset 10px 10px 15px 0 #555,
		inset -7px -7px 20px 0 #555,
		5px 5px 10px 0 #333,
		-5px -5px 10px 0px #808080;
	color: #eeeeee;
}

@media screen and (min-width:700px){ /*TB版*/
	
	.sec4 .sec-title {
		font-size: 3.5em;
		-webkit-text-stroke: 1.5px #e7e7e7;
	}
	
	.sec4 .card-container {
		height: 700px;
	}
	
	.sec4 .card{
		padding: 10%;
	}

	.sec4 .card-img {
		display: inline-block;
	}

	.sec4 .title{
		font-size: 1.2em;
	}

	.sec4 .btn-item{
		margin: 15% auto 5%;
	}

	.sec4 .btn{
		padding: 3% 5%;
	}
}

@media screen and (min-width:1000px){ /*PC版*/
	
	.sec4 .sec-title {
		font-size: 3em;
		-webkit-text-stroke: 1px #eee;
		padding: 1% 7%;
	}

	.sec4-bottom{
		padding-bottom: 10%;
	}

	.sec4 .card-container{
		display: flex;
		justify-content: flex-start;
        align-items: center;
		gap: unset;
        overflow-x: scroll;
		width: auto;
        height: auto;
	}

	.sec4 .card{
		gap: 5% 10%;
		width: 250px;
		height: 400px;
		margin: 0 auto;
		padding: 3px;
		background: #74ebd5;
		background: var(--background);
		box-shadow: none;
	}

	.sec4 .card::before,
	.sec4 .card::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 1rem;
		transition: linear 0.3s;
		z-index: -1;
	}

	.sec4 .card::before {
		background: linear-gradient(to bottom right, #f6d365 0%, #fda085 100%);
		transform: rotate(3deg);
	}

	.sec4 .card::after {
		background: linear-gradient(to top right, #84fae2 0%, #8fbbf4 100%);
		transform: rotate(-3deg);
	}
	
	.sec4 .card-info {
		background: var(--color_bk);
		border-radius: 0.7rem;
		color: var(--color_wh);
	}

	.sec4 .card .title {
		font-weight: bold;
		letter-spacing: 0.1em;
		color: unset;
	}
	
	.sec4 .card:hover::before,
	.sec4 .card:hover::after {
		transform: rotate(0deg);
	}
	
	.sec4 .card:hover .card-info {
		color: var(--color_wh);
	}

	.sec4 .card-img,.sec4 .title{
		opacity: 0;
		transition: linear 0.5s 0.3s;
	}

	.sec4 .card:hover .card-img,.sec4 .card:hover .title{
		opacity: 1;
	}

	.sec4 .card-lead{
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		background: var(--color_bk);
        border-radius: 0.7rem;
		transition: linear 0.5s 0.3s;
		z-index: 3;
	}

	.sec4 .card-lead:hover{
		opacity: 0;
	}

	.sec4 .lead-text{
		font-family: 'Futura','Trebuchet MS',sans-serif;
		color: #ccc;
		font-size: 1.1em;
	}

	.sec4 .btn-item{
		margin: 5% auto 5%;
	}

	.sec4 .btn{
		padding: 2% 5%;
	}

	.sec4 .btn:hover{
		box-shadow:
			inset 5px 5px 15px 0 #333,
			inset -5px -5px 10px 0 #808080,
			5px 5px 10px 0 transparent,
			-5px -5px 7px 0px transparent;
		transform: translateY(5px);
	}
}

/*-------------------------------------------
セクション５：ABOUT
-------------------------------------------*/

.sec5{
	position: relative;
    background-color: #EBEBEB;
    margin: 0;
}

.sec5-top,.sec5-center,.sec5-bottom{
	z-index: 10;
}

.sec5-center{
	max-width: calc(100% - 13%);
    margin: 0 auto;
}

.sec5 p{
	line-height: 1.7;
}

.sec5 .big{
    font-size: 17px;
    font-weight: 700;
    margin: 0 0.2rem;
}

.sec5 .text{
	width: fit-content;
	margin: 17% 0;
}

.text-1-1{
	margin-bottom: 7%;
}

.sp_text-2 p{
	display: flex;
	flex-flow: column;
}

.pc_text-2{
	display: none;
}

.text-2-1{
	margin-bottom: 7%;
}

.text-2-1 .big,.text-2-2 .big{
	display: flex;
    align-items: center;
	font-size: 1.1rem;
}

.sp_text-2 .text-2-1 .big::before,.sp_text-2 .text-2-2 .big::before,
.sp_text-2 .text-2-1 .big::after,.sp_text-2 .text-2-2 .big::after {
	content: '';
	display: inline-block;
	width: 5%;
    height: 0.07em;
	background-color: #e3bf00;
}

.sp_text-2 .text-2-1 .big::before,.sp_text-2 .text-2-2 .big::before {
	margin-right: 2%;
}
.sp_text-2 .text-2-1 .big::after,.sp_text-2 .text-2-2 .big::after {
	margin-left: 2%;
}

.sec5 .text-3{
	position: relative;
	display: flex;
	flex-flow: column;
	width: 100%;
	text-wrap: nowrap;
}

.text-3-2{
	margin: auto;
}

.text-3-3{
	text-align: end;
}

.text-3 .fluid-item{
	position: absolute;
    top: -60%;
    right: 10%;
    width: 7em;
}

.text-4-3{
	text-align: end;
    padding-right: 10%;
}

.sec5-bottom{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 3%;
    grid-row-gap: 0;
    margin: 5%;
}

.sec5 .item{
	border-radius: 2em;
	box-shadow:
	 20px 20px 15px 0 transparent,
	 -10px -10px 15px 0 transparent,
	 inset 10px 10px 10px 0 #cfcfcf,
	 inset -7px -7px 15px 0px #fff;
}

.sec5 .item-img{
	display: flex;
    align-items: center;
    justify-content: center;
    height: 7em;
    margin: 15% 15% 5%;
    overflow: hidden;
    border-radius: 1.5em;
	box-shadow:
	 inset 20px 20px 15px 0 transparent,
	 inset -10px -10px 15px 0 transparent,
	 10px 10px 15px 0 rgba(151,151,151,0.5),
	 -7px -7px 10px 3px rgba(255,255,255,1);
	transition: .5s;
}

.sec5 .item-img img{
	object-fit: cover;
    object-position: center;
	width: 100%;
    height: 100%;
}

.sec5 .item-text{
	margin-bottom: 5%;
}

.sec5 .background{
	z-index: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.sec5 .fluid{
	position: absolute;
	animation: spinners-animation 30000ms linear infinite;
	transform-origin: center;
	width: 70%;
}

@keyframes spinners-animation {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}

.sec5 .fluid-1{
	top: 13%;
	right: -25%;
}

.sec5 .fluid-2{
	top: 40%;
    left: -30%;
}

.sec5 .fluid-3{
	bottom: 25%;
    right: -15%;
}

@media screen and (min-width:700px){ /*TB版*/

	.sec5 .big{
		font-size: 1.85rem;
	}

	.sec5 .text {
		margin: 15% auto;
	}


	.text-1-1{
		margin-bottom: 5%;
	}

	.text-2-1{
		margin-bottom: 10%;
	}

	.text-2-1 .big,.text-2-2 .big{
		font-size: 1.6rem;
	}

	.sp_text-2 .text-2-1 .big::before,.sp_text-2 .text-2-2 .big::before,
	.sp_text-2 .text-2-1 .big::after,.sp_text-2 .text-2-2 .big::after {
		width: 7%;
		height: 0.07em;
	}

	.sp_text-2 .text-2-1 .big::before,.sp_text-2 .text-2-2 .big::before {
		margin-right: 2%;
	}
	.sp_text-2 .text-2-1 .big::after,.sp_text-2 .text-2-2 .big::after {
		margin-left: 2%;
	}

	.text-3-2{
		margin: auto;
	}

	.text-3-3{
		text-align: end;
	}

	.text-3 .fluid-item{
		top: -75%;
        right: 5%;
        width: 10em;
	}

	.text-4-3{
		text-align: end;
		padding-right: 10%;
	}
	
	.sec5 .item-img{
		height: 20em;
	}

	.sec5 .fluid{
		width: 60%;
	}

	.sec5 .fluid-1{
		top: 5%;
        right: -30%;
	}

	.sec5 .fluid-2{
		top: 30%;
        left: -25%;
	}

	.sec5 .fluid-3{
		bottom: 30%;
		right: -25%;
	}
}

@media screen and (min-width:1000px){ /*PC版*/

	.text-1-2{
		text-align: center;
	}

	.text-2-1 {
        margin-bottom: 7%;
    }

	.sec5 .text-3{
		display: flex;
        flex-flow: nowrap;
	}

	.sec5 .text-3 p{
		position: relative;
		display: flex;
		align-items: center;
	}

	.sec5 .text-3 .big{
		position: relative;
		width: 100%;
		margin: 0 0.5rem;
	}

	.sec5 .text-3-2{
        margin: 0;
	}

	.text-3-2 .big-1{
		top: -50%;
		text-align: start;
	}

	.text-3-2 .big-2{
		top: 50%;
		text-align: end;
	}

	.text-3 .fluid-item{
		top: auto;
        bottom: 0;
        right: 40%;
        width: 13em;
	}
	
	.sec5 .text-4{
		width: 100%;
	}
	
	.text-4-2{
		display: inline;
		padding-left: 10%;
	}

	.text-4-3{
		display: inline;
		padding-right: 10%;
	}

	.text-4-4{
		text-align: end;
	}

	.sec5-bottom{
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: 1fr;
		grid-column-gap: 50px;
		grid-row-gap: 0px;
		margin: 3% 7%;
	}

	.sec5 .item:hover{
		transform: none;
	}

	.sec5 .item1{
		grid-area: 1 / 1 / 2 / 2;
	}

	.sec5 .item2{
		grid-area: 1 / 2 / 2 / 3;
	}

	.sec5 .item-img{
		height: 17em;
		margin: 10% 10% 5%;
	}

	.sec5 .item-img:hover{
		box-shadow: none;
	}

	.sec5 .fluid{
		width: 50%;
	}

	.sec5 .fluid-1{
		top: 0%;
        right: -25%;
	}

	.sec5 .fluid-2{
		top: 25%;
        left: -20%;
	}

	.sec5 .fluid-3{
		bottom: 22%;
		right: -20%;
	}
}

/*-------------------------------------------
セクション６：PARTNERSHIP
-------------------------------------------*/

.sec6{
	padding-bottom: 0;

	.sec-title{
		padding: 3% 7%;
	}

	.item{
		position: relative;
		display: block;
		background: none;
		border-radius: none;
		box-shadow: none;
	}

	.item-img{
		position: absolute;
		top: 50%;
		left: 50%;
		translate: -50% -50%;
		width: 100%;
	}
}

@media screen and (min-width:700px){ /*TB版*/
	.sec6 .sec-title{
		padding: 1% 7%;
	}

}

@media screen and (min-width:1000px){ /*PC版*/
	.sec6 .item-img{
		width: 90%;
	}
}