:root{
	--font-10: 10px;
	--font-11: clamp(11px, 0.8088235294vw, 11px);
	--font-12: clamp(11px, 0.8823529412vw, 12px);
	--font-13: clamp(12px, 0.9558823529vw, 13px);
	--font-14: clamp(12px, 1.0294117647vw, 14px);
	--font-15: clamp(13px, 1.1029411765vw, 15px);
	--font-16: clamp(13px, 1.1764705882vw, 16px);
	--font-17: clamp(14px, 1.25vw, 17px);
	--font-18: clamp(14px, 1.3235294118vw, 18px);
	--font-19: clamp(15px, 1.3970588235vw, 19px);
	--font-20: clamp(15px, 1.4705882353vw, 20px);
	--font-21: clamp(16px, 1.5441176471vw, 21px);
	--font-22: clamp(16px, 1.6176470588vw, 22px);
	--font-23: clamp(17px, 1.6911764706vw, 23px);
	--font-24: clamp(17px, 1.7647058824vw, 24px);
	--font-25: clamp(18px, 1.8382352941vw, 25px);
	--font-26: clamp(18px, 1.9117647059vw, 26px);
	--font-27: clamp(19px, 1.9852941176vw, 27px);
	--font-28: clamp(19px, 2.0588235294vw, 28px);
	--font-29: clamp(20px, 2.1323529412vw, 29px);
	--font-30: clamp(20px, 2.2058823529vw, 30px);
	--font-31: clamp(21px, 2.2794117647vw, 31px);
	--font-32: clamp(21px, 2.3529411765vw, 32px);
	--font-33: clamp(22px, 2.4264705882vw, 33px);
	--font-34: clamp(22px, 2.5vw, 34px);
	--font-35: clamp(23px, 2.5735294118vw, 35px);
	--font-36: clamp(23px, 2.6470588235vw, 36px);
	--font-37: clamp(24px, 2.7205882353vw, 37px);
	--font-38: clamp(24px, 2.7941176471vw, 38px);
	--font-39: clamp(25px, 2.8676470588vw, 39px);
	--font-40: clamp(25px, 2.9411764706vw, 40px);
	--font-41: clamp(26px, 3.0147058824vw, 41px);
	--font-42: clamp(26px, 3.0882352941vw, 42px);
	--font-43: clamp(27px, 3.1617647059vw, 43px);
	--font-44: clamp(27px, 3.2352941176vw, 44px);
	--font-45: clamp(28px, 3.3088235294vw, 45px);
	--font-46: clamp(28px, 3.3823529412vw, 46px);
	--font-47: clamp(29px, 3.4558823529vw, 47px);
	--font-48: clamp(29px, 3.5294117647vw, 48px);
	--font-49: clamp(30px, 3.6029411765vw, 49px);
	--font-50: clamp(30px, 3.6764705882vw, 50px);
	--font-51: clamp(31px, 3.75vw, 51px);
	--font-52: clamp(31px, 3.8235294118vw, 52px);
	--font-53: clamp(32px, 3.8970588235vw, 53px);
	--font-54: clamp(32px, 3.9705882353vw, 54px);
	--font-55: clamp(33px, 4.0441176471vw, 55px);
	--font-56: clamp(33px, 4.1176470588vw, 56px);
	--font-57: clamp(34px, 4.1911764706vw, 57px);
	--font-58: clamp(34px, 4.2647058824vw, 58px);
	--font-59: clamp(35px, 4.3382352941vw, 59px);
	--font-60: clamp(35px, 4.4117647059vw, 60px);
	--font-70: clamp(40px, 5.1470588235vw, 70px);

	--font-sans: 'Noto Sans JP', sans-serif;
	--font-en: 'Noto Sans', sans-serif;

	--icon-arrow-right: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22m11.8%208-5-5-1.5%201.5L8.8%208l-3.5%203.5L6.8%2013z%22%2F%3E%3C%2Fsvg%3E");

	--color-red:#E60012;
	--color-blue:#2969A8;
	--color-skyblue:#E6F3FF;
	--color-skyblue2:#93C1ED;
	--color-orange:#DE9631;
	--color-green:#1F8842;
	--color-orange2:#A37029;
	--color-blue2:#114D89;
	--color-black:#000;
	--color-gray:#575454;


	--content-size-small: clamp(0px, 53.6764705882vw, 730px);
    --content-size-medium: clamp(0px, 83.4558823529vw, 1135px);
    --content-size-large: min(92vw, 1470px);
    --content-size-fluid: 92vw;
}
@media (max-width: 768px) {
:root{
	--content-size-small: 95vw;
	--content-size-medium: 95vw;
	--content-size-large: 95vw;
	--content-size-fluid: 95vw;
}
}
/* html { scroll-behavior: smooth;} */
body{
	margin: 0 auto;
	width: 100%;
	max-width: 1920px;
	height: 100%;
	font-family: 'Noto Sans JP','Noto Sans','Roboto Condensed', sans-serif;
	letter-spacing: .4px;
}
@media (max-width:767px) {
	body{
		max-width: 767px;
		width: 100%;
	}
}
p{
	line-height: 1.7;
}
a{
	text-decoration: none;
	color: #333;
}
ul{
	padding: 0;
	margin: 0;
}
li{
	list-style: none;
}

br.sp{
	display: none;
}
br.sp_none{
	display: block;
}
@media (max-width:560px) {
	br.sp{
		display: block;
	}
	br.sp_none{
		display: none;
	}
}
br.md{
	display: none;
}
@media (max-width:767px) {
	br.md{
		display: block;
	}
}

.c-loader {
  --c-loader-z-index: 1000;
  --c-loader-background: var(--color-skyblue2);
}
.c-loader {
  z-index: var(--c-loader-z-index);
  opacity: 1;
  visibility: visible;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: var(--c-loader-background);
}
.c-spinner {
  --c-spinner-size: 25px;
  --c-spinner-weight: 2px;
  --c-spinner-bar-color: var(--color-black);
  --c-spinner-track-color: var(--color-blue);
}
.c-spinner {
  opacity: 0;
  display: block;
  width: var(--c-spinner-size);
  height: var(--c-spinner-size);
  border: var(--c-spinner-weight) solid var(--c-spinner-track-color);
  border-top-color: var(--c-spinner-bar-color);
  border-radius: 50%;
  transition: opacity 0.5s 1s ease;
  animation: c-spinner 1s infinite linear;
}
.c-spinner.-is-ready {
  opacity: 1;
}

@keyframes c-spinner {
  100% {
    transform: rotate(360deg);
  }
}

.site-wrap {
    padding-top: clamp(63px, 4.5833333333vw, 88px);
  }
@media (max-width: 900px) {
	.site-wrap {
		padding-top: 0;
	}
}

/* header  */
.header{
	background: var(--color-blue);
	display: flex;
	justify-content: space-between;
	position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
}
@media (max-width:900px) {
	.header{
		display: none;
	}
}
.g_nav{
	display: none;
}
@media (max-width:900px) {
	.g_nav{
		display: block;
	}
}
#g-nav{
    position:fixed;
    z-index: 999;
	top:0;
    left: -100%;
	width:100%;
    height: 100vh;
	transition: all 0.7s;
	max-width: 260px;
	background:var(--color-skyblue2);
}
@media (max-width:420px) {
	#g-nav{
		max-width: 220px;
	}
}
#g-nav.panelactive{
	left: 0;
}
#g-nav.panelactive #g-nav-list{
	position: fixed;
    z-index: 999; 
    width:60%;
    height: 100vh;
    overflow: auto;
	max-width: 260px;
    -webkit-overflow-scrolling: touch;
}
#g-nav ul {
    position: absolute;
    z-index: 999;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
@media (max-width:420px) {
	#g-nav ul {
		left:45%;
	}
}
#g-nav li{
	list-style: none;
    text-align: center; 
}
#g-nav li + li{
	margin-top: 1.5em;
}
#g-nav li a{
	color: #333;
	text-decoration: none;
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: bold;
}
#g-nav-list > ul.footer_sns{
	position: absolute;
    z-index: 999;
    top: 70%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#g-nav-list > ul.footer_sns >li +li{
	margin: 0;
}
@media (max-width:420px) {
	#g-nav-list > ul.footer_sns{
		left:45%;
	}
}
#mask {
	transition: all .6s;
    opacity: 0;
}
#mask.active{
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:var(--color-gray);
	opacity: .8;
	z-index: 2;
	cursor: pointer;
}
/*ボタン*/
.openbtn{
	position: fixed;
	top: 0;
	right: 0;
	z-index: 500;
	background:var(--color-blue);
	cursor: pointer;
    width: 70px;
    height:70px;
}
.openbtn span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 27%;
    height: 2px;
    border-radius: 5px;
	background: #fff;
  	width: 45%;
  }
.openbtn span:nth-of-type(1) {
	top:15px;	
}
.openbtn span:nth-of-type(2) {
	top:21px;
}
.openbtn span:nth-of-type(3) {
	top:28px;
}
.openbtn span:nth-of-type(3)::after {
	content:"Menu";
	position: absolute;
	top:15px;
	left:0;
	color: #fff;
	font-size: 0.6rem;
	text-transform: uppercase;
}
.openbtn.active span:nth-of-type(1) {
    top: 20px;
    left: 24px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
}
.openbtn.active span:nth-of-type(2) {
	opacity: 0;
}
.openbtn.active span:nth-of-type(3){
    top: 32px;
    left: 24px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
}
.openbtn.active span:nth-of-type(3)::after {
	content:"Close";
    transform: translateY(0) rotate(-45deg);
	top:10px;
	left:10px;
}

.header_h1{
	color: #fff;
	font-size: var(--font-15);
	margin-left: clamp(40px, 5.1948051948vw, 80px);
	margin-top: clamp(13px, 1.6233766234vw, 25px);
}
.nav{
	margin-left: clamp(40px, 5.1948051948vw, 80px);
	margin-top: clamp(13px, 1.6233766234vw, 25px);
}
.nav_ul{
	display: flex;
}
.nav_ul li{
	margin-left: clamp(20px, 2.5974025974vw, 40px);
}
.nav_ul li:first-of-type{
	margin-left: 0;
}
.nav_ul li a{
	color: #fff;
	font-size: var(--font-15);
	transition: all .5s;
}
.nav_ul li a:hover{
	opacity: .6;
	transition: all .5s;
}
.header_tel{
	text-align: center;
	margin-top: clamp(10px, 1.2987012987vw, 20px);
	margin-bottom:clamp(10px, 1.2987012987vw, 20px);
	margin-right: clamp(40px, 5.1948051948vw, 80px);
	color: #fff;
	font-size: var(--font-12);
	line-height: 1.2;
}
.tel_link{
	color: #fff;
	font-size: var(--font-36);
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
}
.tel_link::before{
	content: "";
	background-image: url(https://resignpro.com/wp-content/themes/resignpro/assets/img/tel_icon.svg);
	display: inline-block;
	width: 22px;
	height: 29px;
	margin-right: .2em;
}
@media (max-width:767px) {
	.tel_link::before{
		width: 15px;
		height: 20px;
		background-size: cover;
	}
}
/* kv */
.kv{
	position: relative;
}
.kv_img{
	max-width: 100%;
}
@media (max-width:767px) {
	.kv_img{
		display: none;
	}
}
.kv_img-sp{
	display: none;
}
@media (max-width:767px) {
	.kv_img-sp{
		display: block;
	}
	.kv_content-logo{
		display: none;
	}
}
.kv_content{
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}
.kv_content-btn{
	margin-top: clamp(100px, 15.625vw, 300px);
}
@media (max-width:767px) {
	.kv_content-btn{
		margin-top:0;
	}
}
.btn{
	color: #fff;
	background-color:var(--color-black);
	padding: 15px 60px;
	border: 2px solid var(--color-gray);
	border-radius: 10px;
	transition: all .3s;
	font-size: 16px;
}
.btn:hover{
	background-color: #fff;
	color: var(--color-black);
	transition: all .3s;
}
@media (max-width:767px) {
	.btn{
		padding: clamp(10px, 1.5645371578vw, 12px) clamp(20px, 4.5632333768vw, 35px);
		font-size: var(--font-18);
	}
}

/* about */
.about{
	background: url(../img/sky.jpg);
	background-position: top;
	background-repeat: no-repeat;
	position: relative;
}
.about_container{
	padding-left: clamp(50px, 13.0208333333vw, 250px);
	padding-right: clamp(50px, 13.0208333333vw, 250px);
}
@media (max-width:767px) {
	.about_container{
		padding: 0  clamp(10px, 2.6075619296vw, 20px);
	}
}
.about_fl{
	display: flex;
}
.about_w{
	width: 50%;
}
@media (max-width:900px) {
	.about_w{
		width: 100%;
		margin-bottom: clamp(250px, 43.0247718383vw, 330px);
	}
}
@media (max-width:560px) {
	.about_w{
		margin-bottom: 13em;
	}
}
@media (max-width:420px) {
	.about_w{
		margin-bottom: 12em;
	}
}
.about_tlt{
	display: inline-block;
	background-color: #fff;
	font-size: var(--font-30);
	margin-top:clamp(55px, 7.1428571429vw, 110px);
	margin-bottom: clamp(10px, 1.2987012987vw, 20px);
	padding-left: .8em;
	padding-right: .8em;
}
span.about_red{
	color: var(--color-red);
}
span.about_green{
	color: var(--color-green);
}
.about_txt{
	margin-top: clamp(40px, 5.1948051948vw, 80px);
}
.about_mg{
	margin-bottom: 2em;
}
@media (max-width:767px) {
	.about_mg{
		margin-bottom: 1em;
	}
}
.about_h2{
	font-size: var(--font-30);
	margin-bottom: clamp(10px, 1.2987012987vw, 20px);
}
.about_p{
	font-size: var(--font-20);
}
.about_img{
	position: absolute;
    bottom: 0;
    width: clamp(200px, 35.4166666667vw, 680px);
	left: 50%;
}
@media (max-width:900px) {
	.about_img{
		left: clamp(80px, 22.2222222222vw, 200px);
		width: clamp(300px, 65.1890482399vw, 500px);
	}
}
@media (max-width:560px) {
	.about_img{
		left: clamp(5px, 16.9642857143vw, 95px);
	}
}
@media (max-width:420px) {
	.about_img{
		left: 5%;
	}
}
.company_btn{
	background-color: var(--color-blue);
	padding: 22px 57px;
	border-radius: 10px;
	display: inline-block;
	transition: all .6s;
}
@media (max-width:767px) {
	.company_btn{
		padding: 15px 40px;
		margin-bottom: 2em;
	}
}
.company_btn:hover{
	opacity: .7;
	transition: all .6s;
}
.company_btn > img{
	max-width: clamp(200px, 13.6979166667vw, 263px);
} 
/* product */
.product_container{
	margin-left: clamp(50px, 13.0208333333vw, 250px);
	margin-right: clamp(50px, 13.0208333333vw, 250px);
}
@media (max-width:767px) {
	.product_container{
		margin: 0  clamp(10px, 2.6075619296vw, 20px);
	}
}
.product_exp{
	margin-top: clamp(30px, 5.2083333333vw, 100px);
	margin-bottom: clamp(20px, 4.1666666667vw, 80px);
	text-align: center;
}
.product_tlt{
	margin-bottom: clamp(15px, 1.6666666667vw, 32px);
}
.product_TltTop{
	font-size: var(--font-36);
	color: var(--color-blue);
	font-weight: bold;
	position: relative;
}
/* .product_TltTop::after{
	position: absolute;
    width: 60px;
    bottom: -5px;
    left: calc(50% - 20px);
    content: "";
    height: 4px;
    background: var(--color-blue);
} */
.product_h2{
	font-size: var(--font-45);
	font-weight: bold;
	margin-top: 1em;
}
.product_txt{
	font-size: var(--font-20);
}
/* @media (max-width:767px) {
	.product_txt{
		text-align: left;
	}
} */
.product_img{
	margin: 0 auto;
	width: clamp(100px, 58.8541666667vw, 1130px);
}
@media (max-width:767px) {
	.product_img{
		margin: 0 auto;
		width: 100%;
	}
}
.product_content{
	display: flex;
    flex-wrap: wrap;
	column-gap: clamp(10px, 1.5625vw, 30px);
	row-gap: clamp(20px, 3.125vw, 60px);
	margin-bottom: clamp(80px, 10.4166666667vw, 200px);
}
@media (max-width:767px) {
	.product_content{
		flex-flow: column;
		align-items: center;
	}
}
.product_item{
	border: 2px solid #93C1ED;
	padding: clamp(10px, 2.0833333333vw, 40px);
	padding-bottom: clamp(20px, 3.6458333333vw, 70px);
	flex: 1 1 calc( 50% - ( clamp(10px, 1.5625vw, 30px) / 2 ) );
	max-width: calc( 50% - ( clamp(10px, 1.5625vw, 30px) / 2 ) );
}
@media (max-width:767px) {
	.product_item{
		max-width: 600px;
		width: 100%;
	}
}
.product_item > p{
	font-size: var(--font-25);
	font-weight: bold;
	padding-left: 1.5em;
    text-indent: -1.5em;
	margin-top: clamp(10px, 1.5625vw, 30px);
}
.product_item > p::before{
	content: "";
    background: url(../img/checkbox.svg);
    width: 38px;
    height: 33px;
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    top: 0.4vw;
}

/* Performance */
.Performance{
	background: var(--color-skyblue);
}
.Performance_container{
	padding: 0 clamp(10px, 4.1666666667vw, 80px);
	padding-top: clamp(30px, 5.2083333333vw, 100px);
	padding-bottom: clamp(20px, 4.1666666667vw, 80px);
}
@media (max-width:767px) {
	.Performance_container{
		padding-left:0;
		padding-right:0;
		padding-bottom: 4em;
	}
}
.Performance_tlt{
	text-align: center;
	margin-bottom: clamp(20px, 4.1666666667vw, 80px);
}
.Performance_btn{
	text-align: center;
	margin-top: clamp(30px, 5.7291666667vw, 110px);
}
@media (max-width:767px) {
	.Performance_btn{
		margin-top: 4em;
	}
}
.Performance_btn > .btn{
	color: #fff;
	background-color: var(--color-orange);
	padding: clamp(10px, 1.0416666667vw, 20px) clamp(20px, 3.6458333333vw, 70px);
	border: 2px solid var(--color-orange2);
	border-radius: 10px;
	transition: all .3s;
	font-size: var(--font-16);
}
@media (max-width:767px) {
	.Performance_btn > .btn{
		padding: 15px 60px;
		font-size: 16px;
	}
}
.Performance_btn > .btn:hover{
	transition: all .3s;
	background-color: #fff;
	color: var(--color-orange);
}
.Performance_post{
	display: flex;
	flex-wrap: wrap;
    margin: calc(var(--c-row-gutter-y) / 2 * -1) calc(var(--c-row-gutter-x) / 2 * -1);
    padding: 0;
    list-style: none;
	/* justify-content: space-around; */
}
.Performance_post.-home-works{
	--c-row-gutter-x: clamp(41px, 4.7794117647vw, 65px);
	--c-row-gutter-y: clamp(50px, 5.8823529412vw, 80px);
}
@media (max-width:767px) {
	.Performance_post{
		flex-flow: column;
		align-items: center;
		margin: 0;
	}
}
.post_item{
	background-color: #fff;
	border: 2px solid var(--color-skyblue2);
	padding: 20px 18px 40px 18px;
	max-width: clamp(300px, 29.1666666667vw, 560px);
	width: 100%;
	margin: calc(var(--c-row-gutter-y, 0) / 2) calc(var(--c-row-gutter-x, 0) / 2);
}
@media (max-width:767px) {
	.post_item{
		max-width: 600px;
		width: 90%;
		margin-left: 0;
		margin-right: 0;
	}
}
.media img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.post_txt{
	text-align: center;
	margin-top: 2em;
}
.post_txt h2{
	font-size: var(--font-25);
}
.post_txt p{
	font-size: var(--font-18);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media (max-width:767px) {
	.post_txt p{
		width: 280px;
	}
}
.media{
	overflow: hidden;
    position: relative;
    flex: 0 0 auto;
    width: 100%;
    margin: 0;
}
.c-card{
	position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    word-wrap: break-word;
}

/* sdgs */
.sdgs{
	padding-bottom: clamp(25px, 5.0520833333vw, 97px);
	background-color: var(--color-skyblue);
}
.sdgs_container{
	margin: 0  clamp(20px, 4.1666666667vw, 80px);
	border: 2px solid var(--color-blue);
	border-radius: 10px;
	padding: 2em clamp(80px, 10.4166666667vw, 200px) clamp(40px, 5.2083333333vw, 100px);
	background-color: #fff;
}
@media (max-width:767px) {
	.sdgs_container{
		margin: 0  clamp(10px, 2.6075619296vw, 20px);
		padding: 1em;
	}
}
.sdgs_exp{
	/* margin-top: clamp(30px, 6.25vw, 120px); */
	margin-bottom: clamp(20px, 4.1666666667vw, 80px);
	text-align: center;
}
.sdgs_tlt{
	/* margin-bottom: clamp(0px, 2.6041666667vw, 50px); */
}
.sdgs_TltTop{
	font-size: var(--font-36);
	color: var(--color-blue);
	font-weight: bold;
	position: relative;
}
.sdgs_item{
	display: flex;
    justify-content: center;
	margin-top: 2em;
}
.sdgs_item > img{
	width: clamp(200px, 20.8333333333vw, 400px);
}
.sdgs_item > img + img{
	margin-left: 2em;
}
@media (max-width:767px) {
	.sdgs_item{
		flex-flow: column;
		text-align: center;
		align-items: center;
	}
	.sdgs_item > img{
		width: 90%;
	}
	.sdgs_item > img + img{
		margin-left: 0;
		margin-top: 2em;
	}
	
}
.sdgs_item h2{
	font-size: var(--font-28);
	margin-bottom: 0.5em;
}
.sdgs_TltTop::after{
	position: absolute;
    width: 60px;
    bottom: -5px;
    left: calc(50% - 20px);
    content: "";
    height: 4px;
    background: var(--color-blue);
}
.sdgs_h2{
	font-size: var(--font-45);
	font-weight: bold;
	margin-top: .5em;
}
.sdgs_txt{
	font-size: var(--font-18);
	margin-top: .5em;
}
@media (max-width:560px) {
	.sdgs_txt{
		text-align: left;
	}
}
.sdgs_txt span{
	color: var(--color-red);
	font-weight: bold;
}
.sdgs_img{
	display: flex;
    flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: clamp(15px, 2.6041666667vw, 50px);
}
@media (max-width:767px) {
	.sdgs_img{
		flex-flow: column;
	}
}
.sdgs_img > img{
	max-width: clamp(100px, 20.8333333333vw, 420px);
	width: 100%;
}
@media (max-width:767px) {
	.sdgs_img > img{
		max-width: 100%;
		height: 100%;
	}
}
.sdgs_btn{
	text-align: right;
	/* margin-top: clamp(30px, 5.7291666667vw, 110px); */
	margin-top: 4em;
	margin-bottom: 2em;
}
@media (max-width:767px) {
	.sdgs_btn{
		margin-top: 2em;
		margin-bottom: 1em;
		text-align: center;
	}
}
.sdgs_btn > a{
	padding: clamp(10px, 0.6770833333vw, 13px) clamp(20px, 1.8229166667vw, 35px);
	border-radius: 35px;
	background-color: var(--color-orange);
	border: 2px solid var(--color-orange);
	color: #fff;
}
.sdgs_btn > a:hover{
	color: var(--color-orange);
	background-color: #fff;
}
.consultation{
	text-align: center;
	padding:clamp(55px, 4.1666666667vw, 80px) 0 clamp(20px, 3.125vw, 60px) 0;
	background-color: var(--color-blue);
}
.consultation_btn{
	color: #fff;
	padding: clamp(15px, 1.0416666667vw, 20px) clamp(50px, 5.6770833333vw, 109px);
	border: 2px solid #fff;
	border-radius: 35px;
	transition: all .3s;
	font-size: var(--font-20);
}
.consultation_btn:hover{
	background-color: #fff;
	color: var(--color-blue);
	border: 2px solid var(--color-blue);
	transition: all .3s;
}
.consultation_guid{
	margin-top: 2em;
	font-size: var(--font-20);
	color: #fff;
}
.consultation_guid p:first-of-type{
	font-size: var(--font-30);
}
.consultation_guid p{
	font-size: var(--font-20);
}
.consultation_tel{
	font-size: var(--font-51);
	color: #fff;
	font-weight: bold;
	font-family: 'Roboto Condensed', sans-serif;
	display: inline-flex;
    align-items: center;
}
.consultation_tel::before{
	content: "";
    background-image: url(https://resignpro.com/wp-content/themes/resignpro/assets/img/tel_icon.svg) ;
	background-repeat: no-repeat;
    display: inline-block;
    width: 35px;
    height: 50px;
    margin-right: 0.2em;
	background-size: 100%;
}
/* resolution */
.resolution{
	background: var(--color-skyblue);
	padding-top: clamp(30px, 4.1666666667vw, 80px);
	padding-bottom: clamp(30px, 4.1666666667vw, 80px);

}
.resolution_container{
	padding-left: clamp(50px, 13.0208333333vw, 250px);
	padding-right: clamp(50px, 13.0208333333vw, 250px);
}
@media (max-width:767px) {
	.resolution_container{
		padding: 0  clamp(10px, 2.6075619296vw, 20px);
	}
}
.resolution_container > a{
	display: block;
	text-decoration: underline;
	color: #000;
	font-size: var(--font-20);
	font-weight: bold;
	text-align: right;
	transition: all .6s;
	margin-top: 1em;
}
.resolution_container > a:hover{
	transition: all .6s;
	opacity: .7;
}
.resolution_img > img{
    max-width: 100%;
	margin: 0 auto;
}
/* @media (max-width:767px) {
	.resolution_img > img{
		max-width: 100%;
	}
} */
.resolution_img{
	margin-bottom:  clamp(40px, 4.1666666667vw, 80px);
}
.resolution_contact{
	display: flex;
	justify-content: space-between;
}
@media (max-width:767px) {
	.resolution_contact{
		flex-flow: column;
		align-items: center;
	}
}
.resolution_mail{
	max-width: clamp(300px, 34.375vw, 660px);
	width: 100%;
	text-align: center;
	background-color: var(--color-orange);
	border-radius: 5px;
	padding: clamp(53px, 6.25vw, 85px) clamp(19px, 2.2058823529vw, 30px);
	color: #fff;
	margin: 1em;
	
}
.resolution_mail > h3{
	font-size: var(--font-28);
	margin-bottom: clamp(10px, 5.3645833333vw, 103px);
	font-weight: normal;
}
@media (max-width:767px) {
	.resolution_mail{
		max-width: 600px;
	}
	.resolution_mail > h3{
		margin-bottom: 3em;
	}
}
.resolution_tel{
	max-width: clamp(300px, 34.375vw, 660px);
	width: 100%;
	text-align: center;
	background-color: var(--color-blue);
	border-radius: 5px;
	padding: clamp(53px, 6.25vw, 85px) clamp(19px, 2.2058823529vw, 30px);
	color: #fff;
	margin: 1em;
}
.resolution_tel > h3{
	font-size: var(--font-28);
	margin-bottom: clamp(10px, 1.9270833333vw, 37px);
	font-weight: normal;
}
.resolution_tel > p{
	font-size: var(--font-20);
	margin-bottom: 1.5em;
}
@media (max-width:767px) {
	.resolution_tel{
		max-width: 600px;
	}
	.resolution_tel > p{
		margin-bottom: 3em;
	}
}
.resolution_mail > .resolution_btn{
	background-color: #fff;
	border: 2px solid var(--color-orange2);
	color: var(--color-orange2);
	padding: clamp(10px, 1.0416666667vw, 20px) clamp(20px, 3.6458333333vw, 70px);
	transition: all .5s;
	border-radius: 10px;
	font-size: var(--font-16);
}
.resolution_mail > .resolution_btn:hover{
	transition: all .7s;
	opacity: 0.7;
}
@media (max-width:767px) {
	.resolution_mail > .resolution_btn:hover{
		opacity: 1;
	}
}
.resolution_tel > .resolution_btn{
	background-color: #fff;
	border: 2px solid var(--color-blue2);
	color: var(--color-blue2);
	padding: clamp(10px, 1.0416666667vw, 20px) clamp(20px, 3.6458333333vw, 70px);
	transition: all .5s;
	border-radius: 10px;
	font-size: var(--font-16);
}
.resolution_tel > .resolution_btn::before{
	content: "";
	background-image: url(https://resignpro.com/wp-content/themes/resignpro/assets/img/resolution_tel_icon.svg);
	display: inline-block;
	width: 16px;
	height: 22px;
	margin-right: .2em;
	margin-bottom: -0.3em;
}
.resolution_tel > .resolution_btn:hover{
	transition: all .7s;
	opacity: .7;
}

@media (max-width:767px) {
	.resolution_mail > .resolution_btn{
		padding: clamp(10px, 1.5645371578vw, 12px) clamp(20px, 4.5632333768vw, 35px);
		font-size: var(--font-18);
	}
	.resolution_tel > .resolution_btn{
		padding: clamp(10px, 1.5645371578vw, 12px) clamp(20px, 4.5632333768vw, 35px);
		font-size: var(--font-18);
	}
	.resolution_tel > .resolution_btn:hover{
		opacity: 1;
	}
}

/* contact  */
.contact_container{
	padding: 0 clamp(200px, 26.0416666667vw, 500px);
}
@media (max-width:767px) {
	.contact_container{
		padding: 0  clamp(10px, 2.6075619296vw, 20px);
	}
}
.contact_exp{
	margin-top: clamp(30px, 6.25vw, 120px);
	margin-bottom: clamp(20px, 4.1666666667vw, 80px);
	text-align: center;
}
.contact_tlt{
	margin-bottom: clamp(0px, 2.6041666667vw, 50px);
}
.contact_TltTop{
	font-size: var(--font-36);
	color: var(--color-blue);
	font-weight: bold;
	position: relative;
}
.contact_TltTop::after{
	position: absolute;
    width: 60px;
    bottom: -5px;
    left: calc(50% - 20px);
    content: "";
    height: 4px;
    background: var(--color-blue);
}
.contact_h2{
	font-size: var(--font-45);
	font-weight: bold;
	margin-top: .3em;
}
.contact_txt{
	font-size: var(--font-20);
}
@media (max-width:560px) {
	.contact_txt{
		text-align: left !important;
	}
}
.contact_txt span{
	color: red;
}

.home-contact {
	padding: clamp(63px, 7.3529411765vw, 100px) 0 clamp(69px, 8.0882352941vw, 110px);
	background: #fff;
	color: var(--color-black);
  }
  .home-contact > .inner {
	max-width: var(--content-size-small);
	margin: 0 auto;
  }
  .home-contact > .inner > .lead {
	margin-top: clamp(25px, 2.9411764706vw, 40px);
	text-align: center;
	font-size: var(--font-16);
	line-height: 2.125;
  }
  .home-contact > .inner > .notice {
	display: none;
  }
  .mw_wp_form_confirm .home-contact > .inner > .notice {
	display: block;
	margin-top: clamp(28px, 3.3088235294vw, 45px);
	padding: clamp(16px, 1.8382352941vw, 25px);
	background: rgba(217, 20, 14, 0.05);
	border: 3px solid var(--color-red);
	font-size: var(--font-15);
	line-height: 2;
	text-align: center;
	color: var(--color-red);
  }
  
  .home-contact > .inner > .home-contact-form {
	margin-top: clamp(28px, 3.3088235294vw, 45px);
  }
  
  @media (min-width: 768px) {
	.home-contact-form > .form > div {
	  display: flex;
	}
  }
  .home-contact-form > .form > div + div {
	margin-top: clamp(16px, 1.8382352941vw, 25px);
  }
  .home-contact-form > .form > div > dt {
	font-size: var(--font-16);
	line-height: 1.5;
  }
  @media (min-width: 768px) {
	.home-contact-form > .form > div > dt {
	  flex: 0 0 11em;
	  max-width: 11em;
	  padding: 0.1875em 0;
	}
  }
  @media (min-width: 768px) {
	.home-contact-form > .form > div > dd {
	  flex: 1 1 0%;
	}
  }
  .home-contact-form > .submit {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: clamp(13px, 1.4705882353vw, 20px);
	margin-top: clamp(41px, 4.7794117647vw, 65px);
	text-align: center;
  }
  @media (min-width: 560px) {
	.home-contact-form > .submit {
	  flex-direction: row-reverse;
	}
  }
#contact .btn{
	background-color: var(--color-orange);
	border: 2px solid var(--color-orange2);
	color: #fff;
	transition: all .3s;
	padding: clamp(15px, 3.259452412vw, 20px) clamp(20px, 10.4302477184vw, 80px);
    font-size: var(--font-18);
}
#contact .btn.btn.-back{
	background-color: var(--color-black);
	border: 2px solid var(--color-gray);
	color: #fff;
	transition: all .3s;
	padding: clamp(15px, 3.259452412vw, 20px) clamp(20px, 10.4302477184vw, 80px);
    font-size: var(--font-18);
}
#contact .btn:hover{
	background-color:#fff;
	border: 2px solid var(--color-orange2);
	color:  var(--color-orange);
	transition: all .3s;
}
#contact .btn.btn.-back:hover{
	background-color: #fff;
	border: 2px solid var(--color-gray);
	color: var(--color-black);
	transition: all .3s;
}
@media (max-width:767px) {
	#contact .btn,#contact .btn.btn.-back{
	padding: clamp(10px, 1.5645371578vw, 12px) clamp(20px, 4.5632333768vw, 35px);
    font-size: var(--font-18);
	justify-content: center;
    min-width: 15em;
	appearance: none;
	}
}

  .c-heading {
	position: relative;
	font: inherit;
	line-height: 1;
  }
  
  .c-heading.-typeA {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	font-size: var(--font-45);
	font-weight: bold;
	line-height: 1.25;
  }
  .c-heading.-typeA::before {
	order: -2;
	content: "Contact";
	font-size: var(--font-30);
	font-family:'Noto Sans', sans-serif;
	font-weight: 700;
	color: var(--color-blue);
  }
  .c-heading.-typeA::after {
	order: -1;
	content: "";
	width: 1.125em;
	margin: 0.25em 0;
	border-top: 4px solid var(--color-blue);
  }
  ._text-red {
	color: #d9140e;
  }
  .c-form-control {
	--c-form-control-border: 1px solid var(--color-black);
	--c-form-control-border-radius: 4px;
	--c-form-control-padding: .5em .625em;
	--c-form-control-background: #FFFAE8;
	--c-form-control-line-height: 1.5;
	--c-form-control-font-size: 16px;
	--c-form-control-font-color: inherit;
	--c-form-control-textarea-padding: .5em .625em;
  }
  @media (min-width: 768px) {
	.c-form-control {
	  --c-form-control-padding: .1875em .5em;
	  --c-form-control-textarea-padding: .1875em .5em;
	  --c-form-control-font-size: var(--font-16);
	}
  }
  input[type="radio"] {
	border-radius: var(--c-form-control-border-radius, 0);
  }
  .c-form-control {
	box-sizing: border-box;
	display: block;
	width: 100%;
	margin: 0;
	padding: var(--c-form-control-padding, 0);
	border: var(--c-form-control-border, none);
	border-radius: var(--c-form-control-border-radius, 0);
	background: var(--c-form-control-background, transparent);
	font: inherit;
	font-size: var(--c-form-control-font-size, inherit);
	line-height: var(--c-form-control-line-height, inherit);
	color: var(--c-form-control-font-color, inherit);
	-webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;
  }
  .c-form-control:disabled {
	cursor: not-allowed;
  }
  textarea.c-form-control {
	padding: var(--c-form-control-textarea-padding, 0);
	resize: vertical;
  }
  
  select.c-form-control {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='22' viewBox='0 0 30 22'%3e%3cpath fill='%23343a40' d='M15 22L0 0h30z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: calc(100% - 0.75em) 50%;
	background-size: 0.5em auto;
  }
  select.c-form-control[multiple], select.c-form-control[size]:not([size="1"]) {
	background-image: none;
  }
  
  .c-form-control.-auto {
	display: inline-block;
	width: auto;
  }
  .btn.-back{
	background-color: var(--color-blue);
	border: 2px solid var(--color-blue);
  }
  .btn.-back:hover{
	background-color: #fff;
	border: 2px solid var(--color-blue);
	color: var(--color-blue);
  }

/* bnr  */
.bnr{
    background: #fff;
    padding-bottom: 3em;
}
.bnr img{
	margin: 0 auto;
	width: 90%;
	max-width: 1360px;
}
@media (max-width:767px) {
	.bnr img{
		width: 95%;
	}
}
.bnr a{
	transition: all .6s;
}
.bnr a:hover{
	opacity: .7;
	transition: all .6s;
}

/* footer  */
footer{
	background: var(--color-blue);
}
.footer_container{
	padding-left: clamp(50px, 13.0208333333vw, 250px);
	padding-right: clamp(50px, 13.0208333333vw, 250px);
}
.footer_content{
	padding-top: clamp(30px, 4.1666666667vw, 80px);
}
.footer_content img{
	margin: 0 auto;
}
@media (max-width:767px) {
	.footer_content img{
		max-width: 300px;
		width: 100%;
	}
	.footer_content{
		padding-top:clamp(44px, 5.14706vw, 70px);
	}
}
.footer_tel{
	text-align: center;
	margin: 0 auto;
	color: #fff;
	font-size: var(--font-12);
	line-height: 1.2;
	padding-top: 3em;
}
.footer_link{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: clamp(50px, 5.2083333333vw, 100px);
	padding-bottom: 4.5em;
}
@media (max-width:767px) {
	.footer_link{
		flex-flow: column;
		align-items: center;
		padding-bottom: 2.5em;
	}
	.footer_co{
		text-align: center;
	}
}
.footer_co img{
	margin-bottom: 2em;
}
.footer_co p{
	font-size: var(--font-20);
}
.footer_link p{
	color: #fff;
}
.footer_link a{
	color: #fff;
}
.co_add{
	margin-top: 1em;
}
.footer_sns{
	display: flex;
	gap:clamp(13px, 1.4705882353vw, 20px);
}
.footer_sns > a > img{
	width: clamp(41px, 4.7794117647vw, 65px);
}
@media (max-width:767px) {
	.footer_sns{
		margin-top: 2em;
	}
}
.copyright{
	color: #fff;
	text-align: center;
	padding-bottom: 2em;
	font-size: var(--font-10);
}
/* ページトップ */
#page_top {
    position: fixed;
	bottom: 0;
	right: 0;
    transform-origin: 100% 100%;
    transform: rotate(90deg) translateY(100%);
	background-color: var(--color-blue);
	border-radius: 0 0 0 10px;
}
#page_top a {
	visibility: visible;
	padding: 2.4em 0 .5em 4em;
	margin: 0 3.5em 2.5em 3em;
	color: #fff;
	font-size: var(--font-10);
    background: url(https://resignpro.com/wp-content/themes/resignpro/assets/img/pagetop.svg) no-repeat;
	background-size:30%;
	background-position: 0 100%;
	background-size: 100%;
    display: flex;
    align-items: center;
    gap: 0.5em;
    border-radius: 4px 4px 0 0;
    letter-spacing: 0;
    transition-property: opacity, visibility;
}
@media (max-width:767px) {
	.site_pagetop{
		z-index: 1;
		position: relative;
	}
	#page_top{
		position: absolute;
		bottom: 0;
		right: clamp(16px, 1.8382352941vw, 25px);
		transform: none;
		background-color: transparent;
	}
	#page_top a {
		display: flex;
		align-items: center;
		gap: 0.5em;
		padding: 0.75em 1em 0.625em 0.75em;
		background: var(--color-blue);
		border-radius: 4px 4px 0 0;
		font: 700 var(--font-12)/1 var(--font-en);
		letter-spacing: 0;
		transition-property: opacity, visibility;
		margin: 0;
	}
	#page_top a::before{
		content: "";
		display: inline-block;
		width: 1em;
		height: 1em;
		background-color: currentColor;
		-webkit-mask: var(--icon-arrow-right) no-repeat center/contain;
		mask: var(--icon-arrow-right) no-repeat center/contain;
		transform: rotate(-90deg);
	}
}

/* 投稿ページ */
.c-contentNone {
	background: #ddd;
	padding: clamp(47px, 5.5147058824vw, 75px) clamp(19px, 2.2058823529vw, 30px);
  }
  .c-contentNone > .text {
	font-size: var(--font-16);
	line-height: 2;
	text-align: center;
	color: var(--color-black);
}
.wp-block-image figcaption{
	text-align: left !important;
}

figure {
    max-width: 100%;
    margin: 0;
}


.page-container > .title{
	display: grid;
	place-items: center;
	height: clamp(125px, 14.7058823529vw, 200px);
	background: var(--color-orange);
}
.page-container > .title > .single-heading,
.page-container > .page-header > .title > .heading {
max-width: var(--content-size-large);
margin: 0 auto;
font: 700 var(--font-35)/1.375 var(--font-sans);
text-align: center;
}
.page-container > .title > .single-heading::before {
content: "Resign Pro CONTENTS";
display: block;
margin-bottom: 0.5em;
font: 500 var(--font-10)/1 var(--font-en);
}
.page-container > .breadcrumb {
max-width: var(--content-size-medium);
margin: 0 auto;
padding-top: clamp(6px, 0.7352941176vw, 10px);
}
.page-container > .body {
padding: clamp(94px, 11.0294117647vw, 150px) 0 clamp(106px, 12.5vw, 170px);
}

.archive-container {
max-width: var(--content-size-medium);
margin: 0 auto;
}
.archive-container > .archive-category {
margin-bottom: clamp(25px, 2.9411764706vw, 40px);
}
.archive-container > .pagination {
margin-top: clamp(47px, 5.5147058824vw, 75px);
}

.archive-category {
display: flex;
flex-wrap: wrap;
gap: 0.5em;
font-size: var(--font-13);
line-height: 1.25;
}
.archive-category > li > a {
display: block;
padding: 0.375em 1em;
border: 2px solid var(--color-blue-light);
color: var(--color-blue-light);
}
.archive-category > li > a.-current {
background: var(--color-blue-light);
color: var(--color-white);
}

.single-container {
max-width: var(--content-size-medium);
margin: 0 auto;
}

.single-article {
padding-top: clamp(63px, 7.3529411765vw, 100px);
padding-bottom: clamp(88px, 10.2941176471vw, 140px);
background: var(--color-white);
color: var(--color-black);
/* -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - clamp(38px, 4.4117647059vw, 60px)), calc(100% - clamp(38px, 4.4117647059vw, 60px)) 100%, 0 100%);
		clip-path: polygon(0 0, 100% 0, 100% calc(100% - clamp(38px, 4.4117647059vw, 60px)), calc(100% - clamp(38px, 4.4117647059vw, 60px)) 100%, 0 100%); */
}
@media (min-width: 768px) {
.single-article {
	padding: clamp(63px, 7.3529411765vw, 100px) clamp(63px, 7.3529411765vw, 100px) clamp(88px, 10.2941176471vw, 140px);
}
}
.wp-block-embed figcaption{
	text-align: left !important;
}
.single-article > .single-header {
padding-bottom: clamp(16px, 1.8382352941vw, 25px);
border-bottom: 1px dotted var(--color-black);
}
.single-article > .single-header > .single-heading {
font: 700 var(--font-27)/1.5 var(--font-sans);
text-align: justify;
word-break: break-all;
}
.single-article > .single-header > .single-headerData {
margin-top: clamp(9px, 1.1029411765vw, 15px);
}
.single-article > .body {
margin-top: clamp(38px, 4.4117647059vw, 60px);
}
.single-article > .footer {
margin-top: clamp(44px, 5.1470588235vw, 70px);
}
.single-article > .footer > .c-pager {
	padding-top: clamp(16px, 1.8382352941vw, 25px);
    background: #fff;
}

.single-headerData {
display: flex;
flex-wrap: wrap;
font-size: var(--font-14);
line-height: 1.25;
color: var(--color-gray);
}
.single-headerData > li:not(:last-child)::after {
content: "/";
margin: 0 0.75em;
}

.single-headerCategory {
display: flex;
flex-wrap: wrap;
}
.single-headerCategory > li:not(:last-child)::after {
margin: 0 0.25em 0 0.125em;
content: ",";
}

.single-footerShare {
padding: clamp(19px, 2.2058823529vw, 30px);
background: var(--color-skyblue2);
text-align: center;
}
.single-footerShare > .single-heading {
margin-bottom: 0.75em;
font-weight: 700;
font-size: var(--font-15);
}

.privacy-container {
max-width: var(--content-size-small);
margin: 0 auto;
}
.privacy-container > .lead {
font-size: var(--font-14);
line-height: 2.25;
text-align: justify;
word-break: break-all;
}
.privacy-container > .lead + .privacy-list {
margin-top: clamp(31px, 3.6764705882vw, 50px);
}

.privacy-list > div + div {
margin-top: clamp(31px, 3.6764705882vw, 50px);
}
.privacy-list > div > dt {
font-weight: 700;
font-size: var(--font-15);
line-height: 2;
}
.privacy-list > div > dd {
margin-top: 0.75em;
font-size: var(--font-14);
line-height: 2;
text-align: justify;
word-break: break-all;
}
.privacy-list > div > dd > p,
.privacy-list > div > dd > ul,
.privacy-list > div > dd > ol {
margin-top: 0.5em;
}
.privacy-list > div > dd > p:first-child,
.privacy-list > div > dd > ul:first-child,
.privacy-list > div > dd > ol:first-child {
margin-top: 0;
}

.contact-container {
max-width: var(--content-size-medium);
margin: 0 auto;
}
.contact-container > .single-heading {
font-weight: 700;
font-size: var(--font-24);
text-align: center;
}
.contact-container > .text {
margin-top: clamp(28px, 3.3088235294vw, 45px);
font-size: var(--font-16);
line-height: 2.25;
text-align: justify;
word-break: break-all;
}
.contact-container > .heading{
	font-weight: 700;
    font-size: var(--font-24);
    text-align: center;
}
@media (min-width: 560px) {
.contact-container > .text {
	text-align: center;
}
}
.contact-container > .action {
margin-top: clamp(50px, 4.1666666667vw, 80px);
text-align: center;
}

.notfound-container {
max-width: var(--content-size-medium);
margin: 0 auto;
}
.notfound-container > .text {
font-size: var(--font-16);
line-height: 2.25;
text-align: justify;
word-break: break-all;
}
@media (min-width: 560px) {
.notfound-container > .text {
	text-align: center;
}
}
.notfound-container > .action {
margin-top: clamp(31px, 3.6764705882vw, 50px);
text-align: center;
}

/* パンくず */
.c-breadcrumb {
--c-breadcrumb-font-size: var(--font-11);
--c-breadcrumb-line-height: 1.375;
--c-breadcrumb-divider-size: .875em;
--c-breadcrumb-divider-margin-x: .75em;
--c-breadcrumb-divider-color: currentColor;
--c-breadcrumb-divider-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-miterlimit='10' d='M6 3.5l5 4.5-5 4.5'/%3e%3c/svg%3e");
}

.c-breadcrumb {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
line-height: var(--c-breadcrumb-line-height);
font-size: var(--c-breadcrumb-font-size);
}
.c-breadcrumb > li {
display: flex;
align-items: center;
padding-right: var(--c-breadcrumb-divider-margin-x);
}
.c-breadcrumb > li:not(:last-child)::after {
content: "";
flex: 0 0 auto;
width: var(--c-breadcrumb-divider-size);
height: var(--c-breadcrumb-divider-size);
background-color: var(--c-breadcrumb-divider-color);
margin-left: var(--c-breadcrumb-divider-margin-x);
-webkit-mask: var(--c-breadcrumb-divider-image) no-repeat center center/contain;
	mask: var(--c-breadcrumb-divider-image) no-repeat center center/contain;
}
.c-breadcrumb > li > a {
text-decoration: underline;
transition: all .6s;
}
.c-breadcrumb > li > a:hover{
	transition: all .6s;
	opacity: .7;
}

.c-breadcrumb.-right {
justify-content: right;
text-align: right;
}

.c-typography {
	--c-typography-font-size: var(--font-16);
	--c-typography-font-family: inherit;
	--c-typography-font-weight: inherit;
	--c-typography-line-height: 2.125;
	--c-typography-color: inherit;
	--c-typography-space: 1.75em;
	--c-typography-h-margin-top: 2.5em;
	--c-typography-h-margin-bottom: 0;
	--c-typography-h-font-weight: bold;
	--c-typography-h-font-family: inherit;
	--c-typography-h-line-height: 1.5;
	--c-typography-h-color: inherit;
	--c-typography-h1-font-size: 1em;
	--c-typography-h2-font-size: 1.5em;
	--c-typography-h3-font-size: 1.25em;
	--c-typography-h4-font-size: 1.125em;
	--c-typography-h5-font-size: 1em;
	--c-typography-h6-font-size: 1em;
	--c-typography-table-line-height: 1.75;
	--c-typography-table-font-size: .9em;
	--c-typography-list-line-height: 1.75;
	--c-typography-list-li-margin-bottom: .375em;
	--c-typography-dt-font-weight: inherit;
	--c-typography-dt-font-family: inherit;
	--c-typography-strong-font-weight: bold;
	--c-typography-strong-font-family: inherit;
	--c-typography-a-color: var(--color-red);
  }
  
  .c-typography {
	font-size: var(--c-typography-font-size);
	font-family: var(--c-typography-font-family);
	font-weight: var(--c-typography-font-weight);
	line-height: var(--c-typography-line-height);
	color: var(--c-typography-color);
	text-align: justify;
	word-break: break-all;
  }
  .c-typography h1,
  .c-typography h2,
  .c-typography h3,
  .c-typography h4,
  .c-typography h5,
  .c-typography h6 {
	margin: var(--c-typography-h-margin-top) 0 var(--c-typography-h-margin-bottom);
	font-weight: var(--c-typography-h-font-weight);
	font-family: var(--c-typography-h-font-family);
	line-height: var(--c-typography-h-line-height);
	color: var(--c-typography-h-color);
  }
  .c-typography h1:first-child,
  .c-typography h2:first-child,
  .c-typography h3:first-child,
  .c-typography h4:first-child,
  .c-typography h5:first-child,
  .c-typography h6:first-child {
	margin-top: 0;
  }
  .c-typography h1:last-child,
  .c-typography h2:last-child,
  .c-typography h3:last-child,
  .c-typography h4:last-child,
  .c-typography h5:last-child,
  .c-typography h6:last-child {
	margin-bottom: 0;
  }
  .c-typography :is(h1, h2, h3, h4, h5, h6) + :is(h1, h2, h3, h4, h5, h6) {
	margin-top: 0;
  }
  .c-typography h1 {
	font-size: var(--c-typography-h1-font-size);
  }
  .c-typography h2 {
	font-size: var(--c-typography-h2-font-size);
  }
  .c-typography h3 {
	font-size: var(--c-typography-h3-font-size);
  }
  .c-typography h4 {
	font-size: var(--c-typography-h4-font-size);
  }
  .c-typography h5 {
	font-size: var(--c-typography-h5-font-size);
  }
  .c-typography h6 {
	font-size: var(--c-typography-h6-font-size);
  }
  .c-typography p,
  .c-typography dl,
  .c-typography ol,
  .c-typography ul,
  .c-typography blockquote,
  .c-typography pre,
  .c-typography table,
  .c-typography figure,
  .c-typography hr,
  .c-typography .c-embed,
  .c-typography .wp-block-image,
  .c-typography .wp-block-embed {
	margin-top: var(--c-typography-space);
  }
  .c-typography p:first-child,
  .c-typography dl:first-child,
  .c-typography ol:first-child,
  .c-typography ul:first-child,
  .c-typography blockquote:first-child,
  .c-typography pre:first-child,
  .c-typography table:first-child,
  .c-typography figure:first-child,
  .c-typography hr:first-child,
  .c-typography .c-embed:first-child,
  .c-typography .wp-block-image:first-child,
  .c-typography .wp-block-embed:first-child {
	margin-top: 0;
  }
  .c-typography ol:first-of-type, .c-typography ul:first-of-type {
	margin-top: var(--c-typography-list-li-margin-bottom);
  }
  .c-typography :is(ol, ul) + :is(ol, ul) {
	margin: 0;
  }
  .c-typography table {
	line-height: var(--c-typography-table-line-height);
	font-size: var(--c-typography-table-font-size);
  }
  .c-typography dt {
	font-weight: var(--c-typography-dt-font-weight);
	font-family: var(--c-typography-dt-font-family);
  }
  .c-typography dd {
	line-height: var(--c-typography-list-line-height);
  }
  .c-typography ul, .c-typography ol {
	padding-left: 1.25em;
	line-height: var(--c-typography-list-line-height);
  }
  .c-typography ul {
	list-style: disc;
  }
  .c-typography ol {
	list-style: decimal;
  }
  .c-typography li {
	margin: 0 0 var(--c-typography-list-li-margin-bottom);
  }
  .c-typography strong {
	font-weight: var(--c-typography-strong-font-weight);
	font-family: var(--c-typography-strong-font-family);
  }
  .c-typography a:not(.c-btn) {
	text-decoration: underline;
	color: var(--c-typography-a-color);
  }
  /* 404 */
  .page-container > .title {
	display: grid;
	place-items: center;
	height: clamp(125px, 14.7058823529vw, 200px);
	background: var(--color-orange);
  }
  .page-container > .title > .heading {
	max-width: var(--content-size-large);
	margin: 0 auto;
	font: 700 var(--font-35)/1.375 var(--font-sans);
	text-align: center;
  }
  .page-container > .title > .heading::before {
	content: "Resign Pro CONTENTS";
	display: block;
	margin-bottom: 0.5em;
	font: 500 var(--font-10)/1 var(--font-en);
  }

  /* プライバシーポリシー */

.privacy-container {
	max-width: var(--content-size-small);
	margin: 0 auto;
  }
  .privacy-container > .lead {
	font-size: var(--font-14);
	line-height: 2.25;
	text-align: justify;
	word-break: break-all;
  }
  .privacy-container > .lead + .privacy-list {
	margin-top: clamp(31px, 3.6764705882vw, 50px);
  }
  
  .privacy-list > div + div {
	margin-top: clamp(31px, 3.6764705882vw, 50px);
  }
  .privacy-list > div > dt {
	font-weight: 700;
	font-size: var(--font-15);
	line-height: 2;
  }
  .privacy-list > div > dd {
	margin-top: 0.75em;
	font-size: var(--font-14);
	line-height: 2;
	text-align: justify;
	word-break: break-all;
  }
  .privacy-list > div > dd > p,
  .privacy-list > div > dd > ul,
  .privacy-list > div > dd > ol {
	margin-top: 0.5em;
  }
  .privacy-list > div > dd > p:first-child,
  .privacy-list > div > dd > ul:first-child,
  .privacy-list > div > dd > ol:first-child {
	margin-top: 0;
  }

  /* ページャー */
.c-pager {
	--c-pager-gap: 2em;
	--c-pager-font-weight: 500;
	--c-pager-font-size: var(--font-13);
	--c-pager-font-family: var(--font-sans);
	--c-pager-line-height: 1.5;
	--c-pager-color: var(--color-black-light);
	--c-pager-a-text-decoration: underline;
}
  
.c-pager {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--c-pager-gap);
	line-height: var(--c-pager-line-height);
	font-weight: var(--c-pager-font-weight);
	font-size: var(--c-pager-font-size);
	font-family: var(--c-pager-font-family);
	color: var(--c-pager-color);
}
.c-pager > .prev,
.c-pager > .next {
	flex: 1 1 0%;
}
.c-pager > .next {
	text-align: right;
}
.c-pager > .back {
	flex: 0 0 auto;
}
.c-pager > .prev a,
.c-pager > .next a {
	display: inline-flex;
	align-items: center;
	-webkit-text-decoration: var(--c-pager-a-text-decoration);
			text-decoration: var(--c-pager-a-text-decoration);
}
.c-pager > .prev a::before {
	flex: 0 0 auto;
}
.c-pager > .back a {
	text-align: center;
}
.c-pager > .next a {
	text-align: right;
}
.c-pager > .next a::after {
	flex: 0 0 auto;
}

.c-pager .prev > a,
.c-pager .next > a {
	gap: 0.5em;
}
.c-pager .prev > a::before,
.c-pager .next > a::after {
	content: "";
	width: 1em;
	height: 1em;
	background: currentColor;
	-webkit-mask: var(--icon-arrow-right) no-repeat center/cover;
			mask: var(--icon-arrow-right) no-repeat center/cover;
}
.c-pager .prev > a::before {
	transform: rotate(180deg);
}

/* archive  */
.archive-container {
	max-width: var(--content-size-medium);
	margin: 0 auto;
  }
  .archive-container > .archive-category {
	margin-bottom: clamp(25px, 2.9411764706vw, 40px);
  }
  .archive-container > .pagination {
	margin-top: clamp(47px, 5.5147058824vw, 75px);
  }
  
  .archive-category {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5em;
	font-size: var(--font-13);
	line-height: 1.25;
  }
  .archive-category > li > a {
	display: block;
	padding: 0.375em 1em;
	border: 2px solid var(--color-blue);
	color: var(--color-blue2);
  }
  .archive-category > li > a.-current {
	background: var(--color-blue);
	color: #fff;
  }
  .page-container > .page-header > .title > .heading {
	max-width: var(--content-size-large);
	margin: 0 auto;
	font: 700 var(--font-35)/1.375 var(--font-sans);
	text-align: center;
  }
  .page-container > .page-header > .title > .heading::before {
	content: "Square Wave CONTENTS";
	display: block;
	margin-bottom: 0.5em;
	font: 500 var(--font-10)/1 var(--font-en);
  }
  .page-container > .page-header > .breadcrumb {
	max-width: var(--content-size-medium);
	margin: 0 auto;
	padding-top: clamp(6px, 0.7352941176vw, 10px);
  }
  .page-container > .body {
	padding: clamp(94px, 11.0294117647vw, 150px) 0 clamp(106px, 12.5vw, 170px);
  }
  .c-row {
	--c-row-gutter-x: 0;
	--c-row-gutter-y: 0;
  }
  
  .c-row {
	display: flex;
	flex-wrap: wrap;
	margin: calc(var(--c-row-gutter-y) / 2 * -1) calc(var(--c-row-gutter-x) / 2 * -1);
	padding: 0;
	list-style: none;
  }
  .c-row > .col {
	flex: 1 1 0%;
	display: flex;
	flex-direction: column;
	padding: calc(var(--c-row-gutter-y, 0) / 2) calc(var(--c-row-gutter-x, 0) / 2);
  }
  
  .c-row.-center {
	justify-content: center;
  }
  .c-row.-right {
	justify-content: flex-end;
  }
  .c-row.-middle {
	align-items: center;
  }
  .c-row.-bottom {
	align-items: flex-end;
  }
  .c-row.-auto > .col {
	flex: 0 0 auto;
  }
  .c-row.-one > .col {
	flex-basis: 100%;
	max-width: 100%;
  }
  .c-row.-two > .col {
	flex-basis: 50%;
	max-width: 50%;
  }
  .c-row.-three > .col {
	flex-basis: 33.3333333333%;
	max-width: 33.3333333333%;
  }
  .c-row.-four > .col {
	flex-basis: 25%;
	max-width: 25%;
  }
  .c-row.-five > .col {
	flex-basis: 20%;
	max-width: 20%;
  }
  .c-row.-six > .col {
	flex-basis: 16.6666666667%;
	max-width: 16.6666666667%;
  }
  .c-row.-seven > .col {
	flex-basis: 14.2857142857%;
	max-width: 14.2857142857%;
  }
  .c-row.-eight > .col {
	flex-basis: 12.5%;
	max-width: 12.5%;
  }
  .c-row.-nine > .col {
	flex-basis: 11.1111111111%;
	max-width: 11.1111111111%;
  }
  .c-row.-ten > .col {
	flex-basis: 10%;
	max-width: 10%;
  }
  .c-row.-eleven > .col {
	flex-basis: 9.0909090909%;
	max-width: 9.0909090909%;
  }
  .c-row.-twelve > .col {
	flex-basis: 8.3333333333%;
	max-width: 8.3333333333%;
  }
  @media (min-width: 560px) {
	.c-row.-sm-left {
	  justify-content: flex-start;
	}
	.c-row.-sm-center {
	  justify-content: center;
	}
	.c-row.-sm-right {
	  justify-content: flex-end;
	}
	.c-row.-sm-top {
	  align-items: flex-start;
	}
	.c-row.-sm-middle {
	  align-items: center;
	}
	.c-row.-sm-bottom {
	  align-items: flex-end;
	}
	.c-row.-sm-auto > .col {
	  flex: 0 0 auto;
	  max-width: none;
	}
	.c-row.-sm-one > .col {
	  flex-basis: 100%;
	  max-width: 100%;
	}
	.c-row.-sm-two > .col {
	  flex-basis: 50%;
	  max-width: 50%;
	}
	.c-row.-sm-three > .col {
	  flex-basis: 33.3333333333%;
	  max-width: 33.3333333333%;
	}
	.c-row.-sm-four > .col {
	  flex-basis: 25%;
	  max-width: 25%;
	}
	.c-row.-sm-five > .col {
	  flex-basis: 20%;
	  max-width: 20%;
	}
	.c-row.-sm-six > .col {
	  flex-basis: 16.6666666667%;
	  max-width: 16.6666666667%;
	}
	.c-row.-sm-seven > .col {
	  flex-basis: 14.2857142857%;
	  max-width: 14.2857142857%;
	}
	.c-row.-sm-eight > .col {
	  flex-basis: 12.5%;
	  max-width: 12.5%;
	}
	.c-row.-sm-nine > .col {
	  flex-basis: 11.1111111111%;
	  max-width: 11.1111111111%;
	}
	.c-row.-sm-ten > .col {
	  flex-basis: 10%;
	  max-width: 10%;
	}
	.c-row.-sm-eleven > .col {
	  flex-basis: 9.0909090909%;
	  max-width: 9.0909090909%;
	}
	.c-row.-sm-twelve > .col {
	  flex-basis: 8.3333333333%;
	  max-width: 8.3333333333%;
	}
  }
  @media (min-width: 768px) {
	.c-row.-md-left {
	  justify-content: flex-start;
	}
	.c-row.-md-center {
	  justify-content: center;
	}
	.c-row.-md-right {
	  justify-content: flex-end;
	}
	.c-row.-md-top {
	  align-items: flex-start;
	}
	.c-row.-md-middle {
	  align-items: center;
	}
	.c-row.-md-bottom {
	  align-items: flex-end;
	}
	.c-row.-md-auto > .col {
	  flex: 0 0 auto;
	  max-width: none;
	}
	.c-row.-md-one > .col {
	  flex-basis: 100%;
	  max-width: 100%;
	}
	.c-row.-md-two > .col {
	  flex-basis: 50%;
	  max-width: 50%;
	}
	.c-row.-md-three > .col {
	  flex-basis: 33.3333333333%;
	  max-width: 33.3333333333%;
	}
	.c-row.-md-four > .col {
	  flex-basis: 25%;
	  max-width: 25%;
	}
	.c-row.-md-five > .col {
	  flex-basis: 20%;
	  max-width: 20%;
	}
	.c-row.-md-six > .col {
	  flex-basis: 16.6666666667%;
	  max-width: 16.6666666667%;
	}
	.c-row.-md-seven > .col {
	  flex-basis: 14.2857142857%;
	  max-width: 14.2857142857%;
	}
	.c-row.-md-eight > .col {
	  flex-basis: 12.5%;
	  max-width: 12.5%;
	}
	.c-row.-md-nine > .col {
	  flex-basis: 11.1111111111%;
	  max-width: 11.1111111111%;
	}
	.c-row.-md-ten > .col {
	  flex-basis: 10%;
	  max-width: 10%;
	}
	.c-row.-md-eleven > .col {
	  flex-basis: 9.0909090909%;
	  max-width: 9.0909090909%;
	}
	.c-row.-md-twelve > .col {
	  flex-basis: 8.3333333333%;
	  max-width: 8.3333333333%;
	}
  }
  @media (min-width: 960px) {
	.c-row.-lg-left {
	  justify-content: flex-start;
	}
	.c-row.-lg-center {
	  justify-content: center;
	}
	.c-row.-lg-right {
	  justify-content: flex-end;
	}
	.c-row.-lg-top {
	  align-items: flex-start;
	}
	.c-row.-lg-middle {
	  align-items: center;
	}
	.c-row.-lg-bottom {
	  align-items: flex-end;
	}
	.c-row.-lg-auto > .col {
	  flex: 0 0 auto;
	  max-width: none;
	}
	.c-row.-lg-one > .col {
	  flex-basis: 100%;
	  max-width: 100%;
	}
	.c-row.-lg-two > .col {
	  flex-basis: 50%;
	  max-width: 50%;
	}
	/* .c-row.-lg-three > .col {
	  flex-basis: 33.3333333333%;
	  max-width: 33.3333333333%;
	} */
	.c-row.-lg-four > .col {
	  flex-basis: 25%;
	  max-width: 25%;
	}
	.c-row.-lg-five > .col {
	  flex-basis: 20%;
	  max-width: 20%;
	}
	.c-row.-lg-six > .col {
	  flex-basis: 16.6666666667%;
	  max-width: 16.6666666667%;
	}
	.c-row.-lg-seven > .col {
	  flex-basis: 14.2857142857%;
	  max-width: 14.2857142857%;
	}
	.c-row.-lg-eight > .col {
	  flex-basis: 12.5%;
	  max-width: 12.5%;
	}
	.c-row.-lg-nine > .col {
	  flex-basis: 11.1111111111%;
	  max-width: 11.1111111111%;
	}
	.c-row.-lg-ten > .col {
	  flex-basis: 10%;
	  max-width: 10%;
	}
	.c-row.-lg-eleven > .col {
	  flex-basis: 9.0909090909%;
	  max-width: 9.0909090909%;
	}
	.c-row.-lg-twelve > .col {
	  flex-basis: 8.3333333333%;
	  max-width: 8.3333333333%;
	}
  }
  @media (min-width: 1200px) {
	.c-row.-xl-left {
	  justify-content: flex-start;
	}
	.c-row.-xl-center {
	  justify-content: center;
	}
	.c-row.-xl-right {
	  justify-content: flex-end;
	}
	.c-row.-xl-top {
	  align-items: flex-start;
	}
	.c-row.-xl-middle {
	  align-items: center;
	}
	.c-row.-xl-bottom {
	  align-items: flex-end;
	}
	.c-row.-xl-auto > .col {
	  flex: 0 0 auto;
	  max-width: none;
	}
	.c-row.-xl-one > .col {
	  flex-basis: 100%;
	  max-width: 100%;
	}
	.c-row.-xl-two > .col {
	  flex-basis: 50%;
	  max-width: 50%;
	}
	.c-row.-xl-three > .col {
	  flex-basis: 33.3333333333%;
	  max-width: 33.3333333333%;
	}
	.c-row.-xl-four > .col {
	  flex-basis: 25%;
	  max-width: 25%;
	}
	.c-row.-xl-five > .col {
	  flex-basis: 20%;
	  max-width: 20%;
	}
	.c-row.-xl-six > .col {
	  flex-basis: 16.6666666667%;
	  max-width: 16.6666666667%;
	}
	.c-row.-xl-seven > .col {
	  flex-basis: 14.2857142857%;
	  max-width: 14.2857142857%;
	}
	.c-row.-xl-eight > .col {
	  flex-basis: 12.5%;
	  max-width: 12.5%;
	}
	.c-row.-xl-nine > .col {
	  flex-basis: 11.1111111111%;
	  max-width: 11.1111111111%;
	}
	.c-row.-xl-ten > .col {
	  flex-basis: 10%;
	  max-width: 10%;
	}
	.c-row.-xl-eleven > .col {
	  flex-basis: 9.0909090909%;
	  max-width: 9.0909090909%;
	}
	.c-row.-xl-twelve > .col {
	  flex-basis: 8.3333333333%;
	  max-width: 8.3333333333%;
	}
  }
  
  .c-row > .col.-auto {
	flex: 0 0 auto;
  }
  .c-row > .col.-one {
	flex-basis: 8.3333333333;
	max-width: 8.3333333333%;
  }
  .c-row > .col.-two {
	flex-basis: 16.6666666667%;
	max-width: 16.6666666667%;
  }
  .c-row > .col.-three {
	flex-basis: 25%;
	max-width: 25%;
  }
  .c-row > .col.-four {
	flex-basis: 33.3333333333%;
	max-width: 33.3333333333%;
  }
  .c-row > .col.-five {
	flex-basis: 41.6666666667%;
	max-width: 41.6666666667%;
  }
  .c-row > .col.-six {
	flex-basis: 50%;
	max-width: 50%;
  }
  .c-row > .col.-seven {
	flex-basis: 58.3333333333%;
	max-width: 58.3333333333%;
  }
  .c-row > .col.-eight {
	flex-basis: 66.6666666667%;
	max-width: 66.6666666667%;
  }
  .c-row > .col.-nine {
	flex-basis: 75%;
	max-width: 75%;
  }
  .c-row > .col.-ten {
	flex-basis: 83.3333333333%;
	max-width: 83.3333333333;
  }
  .c-row > .col.-eleven {
	flex-basis: 91.6666666667%;
	max-width: 91.6666666667%;
  }
  .c-row > .col.-twelve {
	flex-basis: 100%;
	max-width: 100%;
  }
  @media (min-width: 560px) {
	.c-row > .col.-sm-auto {
	  flex: 0 0 auto;
	}
	.c-row > .col.-sm-one {
	  flex-basis: 8.3333333333;
	  max-width: 8.3333333333%;
	}
	.c-row > .col.-sm-two {
	  flex-basis: 16.6666666667%;
	  max-width: 16.6666666667%;
	}
	.c-row > .col.-sm-three {
	  flex-basis: 25%;
	  max-width: 25%;
	}
	.c-row > .col.-sm-four {
	  flex-basis: 33.3333333333%;
	  max-width: 33.3333333333%;
	}
	.c-row > .col.-sm-five {
	  flex-basis: 41.6666666667%;
	  max-width: 41.6666666667%;
	}
	.c-row > .col.-sm-six {
	  flex-basis: 50%;
	  max-width: 50%;
	}
	.c-row > .col.-sm-seven {
	  flex-basis: 58.3333333333%;
	  max-width: 58.3333333333%;
	}
	.c-row > .col.-sm-eight {
	  flex-basis: 66.6666666667%;
	  max-width: 66.6666666667%;
	}
	.c-row > .col.-sm-nine {
	  flex-basis: 75%;
	  max-width: 75%;
	}
	.c-row > .col.-sm-ten {
	  flex-basis: 83.3333333333%;
	  max-width: 83.3333333333;
	}
	.c-row > .col.-sm-eleven {
	  flex-basis: 91.6666666667%;
	  max-width: 91.6666666667%;
	}
	.c-row > .col.-sm-twelve {
	  flex-basis: 100%;
	  max-width: 100%;
	}
  }
  @media (min-width: 768px) {
	.c-row > .col.-md-auto {
	  flex: 0 0 auto;
	}
	.c-row > .col.-md-one {
	  flex-basis: 8.3333333333;
	  max-width: 8.3333333333%;
	}
	.c-row > .col.-md-two {
	  flex-basis: 16.6666666667%;
	  max-width: 16.6666666667%;
	}
	.c-row > .col.-md-three {
	  flex-basis: 25%;
	  max-width: 25%;
	}
	.c-row > .col.-md-four {
	  flex-basis: 33.3333333333%;
	  max-width: 33.3333333333%;
	}
	.c-row > .col.-md-five {
	  flex-basis: 41.6666666667%;
	  max-width: 41.6666666667%;
	}
	.c-row > .col.-md-six {
	  flex-basis: 50%;
	  max-width: 50%;
	}
	.c-row > .col.-md-seven {
	  flex-basis: 58.3333333333%;
	  max-width: 58.3333333333%;
	}
	.c-row > .col.-md-eight {
	  flex-basis: 66.6666666667%;
	  max-width: 66.6666666667%;
	}
	.c-row > .col.-md-nine {
	  flex-basis: 75%;
	  max-width: 75%;
	}
	.c-row > .col.-md-ten {
	  flex-basis: 83.3333333333%;
	  max-width: 83.3333333333;
	}
	.c-row > .col.-md-eleven {
	  flex-basis: 91.6666666667%;
	  max-width: 91.6666666667%;
	}
	.c-row > .col.-md-twelve {
	  flex-basis: 100%;
	  max-width: 100%;
	}
  }
  @media (min-width: 960px) {
	.c-row > .col.-lg-auto {
	  flex: 0 0 auto;
	}
	.c-row > .col.-lg-one {
	  flex-basis: 8.3333333333;
	  max-width: 8.3333333333%;
	}
	.c-row > .col.-lg-two {
	  flex-basis: 16.6666666667%;
	  max-width: 16.6666666667%;
	}
	.c-row > .col.-lg-three {
	  flex-basis: 25%;
	  max-width: 25%;
	}
	.c-row > .col.-lg-four {
	  flex-basis: 33.3333333333%;
	  max-width: 33.3333333333%;
	}
	.c-row > .col.-lg-five {
	  flex-basis: 41.6666666667%;
	  max-width: 41.6666666667%;
	}
	.c-row > .col.-lg-six {
	  flex-basis: 50%;
	  max-width: 50%;
	}
	.c-row > .col.-lg-seven {
	  flex-basis: 58.3333333333%;
	  max-width: 58.3333333333%;
	}
	.c-row > .col.-lg-eight {
	  flex-basis: 66.6666666667%;
	  max-width: 66.6666666667%;
	}
	.c-row > .col.-lg-nine {
	  flex-basis: 75%;
	  max-width: 75%;
	}
	.c-row > .col.-lg-ten {
	  flex-basis: 83.3333333333%;
	  max-width: 83.3333333333;
	}
	.c-row > .col.-lg-eleven {
	  flex-basis: 91.6666666667%;
	  max-width: 91.6666666667%;
	}
	.c-row > .col.-lg-twelve {
	  flex-basis: 100%;
	  max-width: 100%;
	}
  }
  @media (min-width: 1200px) {
	.c-row > .col.-xl-auto {
	  flex: 0 0 auto;
	}
	.c-row > .col.-xl-one {
	  flex-basis: 8.3333333333;
	  max-width: 8.3333333333%;
	}
	.c-row > .col.-xl-two {
	  flex-basis: 16.6666666667%;
	  max-width: 16.6666666667%;
	}
	.c-row > .col.-xl-three {
	  flex-basis: 25%;
	  max-width: 25%;
	}
	.c-row > .col.-xl-four {
	  flex-basis: 33.3333333333%;
	  max-width: 33.3333333333%;
	}
	.c-row > .col.-xl-five {
	  flex-basis: 41.6666666667%;
	  max-width: 41.6666666667%;
	}
	.c-row > .col.-xl-six {
	  flex-basis: 50%;
	  max-width: 50%;
	}
	.c-row > .col.-xl-seven {
	  flex-basis: 58.3333333333%;
	  max-width: 58.3333333333%;
	}
	.c-row > .col.-xl-eight {
	  flex-basis: 66.6666666667%;
	  max-width: 66.6666666667%;
	}
	.c-row > .col.-xl-nine {
	  flex-basis: 75%;
	  max-width: 75%;
	}
	.c-row > .col.-xl-ten {
	  flex-basis: 83.3333333333%;
	  max-width: 83.3333333333;
	}
	.c-row > .col.-xl-eleven {
	  flex-basis: 91.6666666667%;
	  max-width: 91.6666666667%;
	}
	.c-row > .col.-xl-twelve {
	  flex-basis: 100%;
	  max-width: 100%;
	}
  }
  .c-row > .col.-order-1 {
	order: 1;
  }
  .c-row > .col.-order-2 {
	order: 2;
  }
  .c-row > .col.-order-3 {
	order: 3;
  }
  .c-row > .col.-order-4 {
	order: 4;
  }
  .c-row > .col.-order-5 {
	order: 5;
  }
  .c-row > .col.-order-6 {
	order: 6;
  }
  .c-row > .col.-order-7 {
	order: 7;
  }
  .c-row > .col.-order-8 {
	order: 8;
  }
  .c-row > .col.-order-9 {
	order: 9;
  }
  .c-row > .col.-order-10 {
	order: 10;
  }
  .c-row > .col.-order-11 {
	order: 11;
  }
  .c-row > .col.-order-12 {
	order: 12;
  }
  @media (min-width: 560px) {
	.c-row > .col.-order-sm-1 {
	  order: 1;
	}
	.c-row > .col.-order-sm-2 {
	  order: 2;
	}
	.c-row > .col.-order-sm-3 {
	  order: 3;
	}
	.c-row > .col.-order-sm-4 {
	  order: 4;
	}
	.c-row > .col.-order-sm-5 {
	  order: 5;
	}
	.c-row > .col.-order-sm-6 {
	  order: 6;
	}
	.c-row > .col.-order-sm-7 {
	  order: 7;
	}
	.c-row > .col.-order-sm-8 {
	  order: 8;
	}
	.c-row > .col.-order-sm-9 {
	  order: 9;
	}
	.c-row > .col.-order-sm-10 {
	  order: 10;
	}
	.c-row > .col.-order-sm-11 {
	  order: 11;
	}
	.c-row > .col.-order-sm-12 {
	  order: 12;
	}
  }
  @media (min-width: 768px) {
	.c-row > .col.-order-md-1 {
	  order: 1;
	}
	.c-row > .col.-order-md-2 {
	  order: 2;
	}
	.c-row > .col.-order-md-3 {
	  order: 3;
	}
	.c-row > .col.-order-md-4 {
	  order: 4;
	}
	.c-row > .col.-order-md-5 {
	  order: 5;
	}
	.c-row > .col.-order-md-6 {
	  order: 6;
	}
	.c-row > .col.-order-md-7 {
	  order: 7;
	}
	.c-row > .col.-order-md-8 {
	  order: 8;
	}
	.c-row > .col.-order-md-9 {
	  order: 9;
	}
	.c-row > .col.-order-md-10 {
	  order: 10;
	}
	.c-row > .col.-order-md-11 {
	  order: 11;
	}
	.c-row > .col.-order-md-12 {
	  order: 12;
	}
  }
  @media (min-width: 960px) {
	.c-row > .col.-order-lg-1 {
	  order: 1;
	}
	.c-row > .col.-order-lg-2 {
	  order: 2;
	}
	.c-row > .col.-order-lg-3 {
	  order: 3;
	}
	.c-row > .col.-order-lg-4 {
	  order: 4;
	}
	.c-row > .col.-order-lg-5 {
	  order: 5;
	}
	.c-row > .col.-order-lg-6 {
	  order: 6;
	}
	.c-row > .col.-order-lg-7 {
	  order: 7;
	}
	.c-row > .col.-order-lg-8 {
	  order: 8;
	}
	.c-row > .col.-order-lg-9 {
	  order: 9;
	}
	.c-row > .col.-order-lg-10 {
	  order: 10;
	}
	.c-row > .col.-order-lg-11 {
	  order: 11;
	}
	.c-row > .col.-order-lg-12 {
	  order: 12;
	}
  }
  @media (min-width: 1200px) {
	.c-row > .col.-order-xl-1 {
	  order: 1;
	}
	.c-row > .col.-order-xl-2 {
	  order: 2;
	}
	.c-row > .col.-order-xl-3 {
	  order: 3;
	}
	.c-row > .col.-order-xl-4 {
	  order: 4;
	}
	.c-row > .col.-order-xl-5 {
	  order: 5;
	}
	.c-row > .col.-order-xl-6 {
	  order: 6;
	}
	.c-row > .col.-order-xl-7 {
	  order: 7;
	}
	.c-row > .col.-order-xl-8 {
	  order: 8;
	}
	.c-row > .col.-order-xl-9 {
	  order: 9;
	}
	.c-row > .col.-order-xl-10 {
	  order: 10;
	}
	.c-row > .col.-order-xl-11 {
	  order: 11;
	}
	.c-row > .col.-order-xl-12 {
	  order: 12;
	}
  }
  
  .c-row.-home-product,
  .c-row.-home-feature {
	--c-row-gutter-x: clamp(20px, 3.3854166667vw, 65px);
	--c-row-gutter-y: clamp(20px, 2.6041666667vw, 50px);
  }
  
  .c-row.-home-works,
  .c-row.-archive-list {
	--c-row-gutter-x: clamp(41px, 4.7794117647vw, 65px);
	--c-row-gutter-y: clamp(50px, 5.8823529412vw, 80px);
  }
  
  .c-row.-home-flow {
	--c-row-gutter-x: 0px;
	--c-row-gutter-y: clamp(28px, 3.3088235294vw, 45px);
  }
  
  .c-row.-home-explore {
	--c-row-gutter-x: clamp(22px, 2.5735294118vw, 35px);
	--c-row-gutter-y: clamp(22px, 2.5735294118vw, 35px);
  }

  .c-card.-home-works > .media,
.c-card.-archive-list > .media {
  aspect-ratio: 524/270;
}
.c-card.-home-works > .body > .date,
.c-card.-archive-list > .body > .date {
  margin-top: 1.375em;
  font: 700 var(--font-13)/1 var(--font-en);
}
.c-card.-home-works > .body > .title,
.c-card.-archive-list > .body > .title {
  margin-top: 0.625em;
  font: 700 var(--font-16)/1.625 var(--font-sans);
  text-align: justify;
  word-break: break-all;
}
.c-card.-home-works > .body > .tag,
.c-card.-archive-list > .body > .tag {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin-top: 1.25em;
  font-size: var(--font-12);
  line-height: 1.25;
}
.c-card:hover{
	transition: all .6s;
	opacity: 0.7;
  }
@media (min-width: 1200px) {
  .c-card.-home-works > .body > .tag,
  .c-card.-archive-list > .body > .tag {
    font-size: var(--font-14);
  }
}
.c-card.-home-works > .body > .tag > li,
.c-card.-archive-list > .body > .tag > li {
  display: block;
  min-width: 8em;
  padding: 0.375em 1em;
  border: 2px solid currentColor;
  text-align: center;
  color: var(--color-blue-light);
}
@media (min-width: 1200px) {
  .c-card.-home-works > .body > .tag > li,
  .c-card.-archive-list > .body > .tag > li {
    padding: 0.375em 2em;
  }
}

/* リサインプロの想い */
.company_container{
	margin: clamp(40px, 5.2083333333vw, 100px) clamp(50px, 18.2291666667vw, 350px);
}
@media (max-width:767px) {
	.company_container{
		margin-left: clamp(10px, 2.6075619296vw, 20px);
		margin-right: clamp(10px, 2.6075619296vw, 20px);
	}
}
.company_wrapper > h2{
	text-align: center;
	font-size: var(--font-32);
	font-weight: bold;
	color: var(--color-blue);
	margin-bottom: 1em;
}
.company_wrapper > p{
	display: flex;
	justify-content: center;
	font-size: var(--font-20);
	margin-bottom: 2em;
}
.company_container > img{
	margin: 0 auto;
}