@charset "UTF-8";


a:hover img:not([class*='icon-']),
a:focus img:not([class*='icon-']) {
	opacity: 1;
	}

body,
.SQUARE div,
.SQUARE dl,
.SQUARE dt,
.SQUARE dd,
.SQUARE ul,
.SQUARE li,
.SQUARE h1,
.SQUARE h2,
.SQUARE h3,
.SQUARE h4,
.SQUARE h5,
.SQUARE h6,
.SQUARE p,
.SQUARE span,
.SQUARE a {
	margin: 0 auto;
	padding: 0;
	zoom: 1;
	background-repeat: no-repeat;
	position: relative;
	}

.SQUARE ol,
.SQUARE ul {
	clear: both;
	list-style: none;
	}

.SQUARE div,
.SQUARE dl,
.SQUARE dt,
.SQUARE dd,
.SQUARE ul,
.SQUARE ol,
.SQUARE li,
.SQUARE h1,
.SQUARE h2,
.SQUARE h3,
.SQUARE h4,
.SQUARE h5,
.SQUARE h6,
.SQUARE p,
.SQUARE span,
.SQUARE a {
	display: block;
	}

.SQUARE h1,
.SQUARE h2,
.SQUARE h3,
.SQUARE h4,
.SQUARE h5,
.SQUARE h6 {
	font-weight: bold;
	}
	
.SQUARE p,
.SQUARE span,
.SQUARE a {
	font-weight: normal;
	}

.SQUARE img {
	height: auto;
}
	
/* common --------------------------------------------------------------- */
.SQUARE a {
	transition: all 0.5s;
	outline: none;
	text-decoration: none;
	}

	.SQUARE a:hover {
		opacity: 0.5;
		}
	
	a.SQUARE_none:hover {
		color: inherit;
		opacity: 1 !important;
		}
	
@media(max-width:900px){
	.SQUARE a:hover {
		opacity: 1;
		}
	}
	
	
	
/* desktop / mobile --------------------------------------------------------------- */
.SQUARE_dsk {
	display: block !important;
	}
	
.SQUARE_mob {
	display: none !important;
	}

.SQUARE_dsk_inline {
	display: inline-block !important;
}

.SQUARE_mob_inline {
	display: none !important;
}

@media(max-width: 767px){
	.SQUARE_dsk {
		display: none !important;
		}
		
	.SQUARE_mob {
		display: block !important;
		}

	.SQUARE_dsk_inline {
		display: none !important;
	}

	.SQUARE_mob_inline {
		display: inline-block !important;
	}
}

@media screen and (min-width:768px) and (max-width:900px){
	.SQUARE_dsk {
		display: block !important;
		}
		
	.SQUARE_mob {
		display: none !important;
		}
	}
	


/* scrTop / scrLeft / scrRight --------------------------------------------------------------- */
.SQUARE_scrTop,
.SQUARE_scrLeft,
.SQUARE_scrRight {
	opacity: 0;
	transition : all 750ms;
	}

.SQUARE_scrTop {
	transform : translate(0, 50px);
	}

.SQUARE_scrLeft {
	transform : translate(-100%, 0);
	}

.SQUARE_scrRight {
	transform : translate(100%, 0);
	}
	
	.SQUARE_scrTop.SQUARE_scrin,
	.SQUARE_scrLeft.SQUARE_scrin,
	.SQUARE_scrRight.SQUARE_scrin {
		opacity: 1;
		transform : translate(0, 0);
		}
	
	
		
/* body --------------------------------------------------------------- */
.SQUARE,
.SQUARE a {
	color: #000000;
	font-size: 13px;
	line-height: 1;
	font-family: inherit;
	
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
	}
	


/* wrapper --------------------------------------------------------------- */
#SQUARE_wrapper {
	margin: 0 auto;
	overflow: hidden;
}

/* 2022/04/20 ヘッダー固定追加 */
#SQUARE_wrapper.header-fix {
	margin-top: 88px;
}

@media(max-width: 900px) {
	#SQUARE_wrapper.header-fix {
		margin-top: 70px;
	}
}

/* 2022/04/20 ヘッダー固定追加 ここまで */

/* header --------------------------------------------------------------- */

/* 2022/04/20 ヘッダー固定追加 */
#SQUARE_header.fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 15;
	background-color: #fff;
}

.ccm-toolbar-visible #SQUARE_header.fixed {
	top: 48px;
}

#SQUARE_header.fixed>#SQUARE_dsk_header {
	padding-bottom: 30px;
}

@media(max-width: 900px) {
	#SQUARE_header.fixed>#SQUARE_mob_header ul {
		background-color: #fff;
	}
}

/* 2022/04/20 ヘッダー固定追加 ここまで */

#SQUARE_dsk_header {
	width: 1300px;
	margin: 0 auto;
	padding: 35px 0 0 0;
	overflow: hidden;
	}
	
	#SQUARE_dsk_header p {
		width: 343px;
		float: left;
		padding-top: 5px;
		}
		
		#SQUARE_dsk_header p img {
			width: 100%;
			}
		
	#SQUARE_dsk_header ul {
		float: right;
		width: 957px;
		clear: none;
		text-align: right;
		}
		
		#SQUARE_dsk_header ul li {
			display: inline-block;
			vertical-align: top;
			margin: 0 18px;
			padding-top: 10px;
			}
		
		#SQUARE_dsk_header ul li:last-of-type {
			margin-right: 0;
			/* padding-top: 0; */
			}
			
			#SQUARE_dsk_header ul li a.SQUARE_mgz {
				padding: 20px 30px;
				background-color: #EA7112;
				color: #ffffff;
				border-radius: 30px;
				}

#SQUARE_mob_header {
	display: none;
	}

@media(max-width: 900px){
	#SQUARE_dsk_header {
		display: none !important;
		}
		
	#SQUARE_mob_header {
		display: block !important;
		width: 100%;
		height: 70px;
		z-index: 9999;
		}
		
		#SQUARE_mob_header p {
			width: 222px;
			height: 24px;
			float: none;
			padding: 23px 5%;
			margin: 0;
			}
			
			#SQUARE_mob_header p img {
				width: 100%;
				}
		
		#SQUARE_mob_header ul {
			width: 100%;
			padding: 30px 0;
			position: absolute;
			left: 0;
			top: 70px;
			background-image: url(../../img/common/mob_header_bg.png);
			background-position: center bottom;
			background-size: 100% auto;
			display: none;
			}
			
			#SQUARE_mob_header ul li {
				margin: 0 auto 30px auto;
				text-align: center;
				}
							
		#SQUARE_mob_header #SQUARE_menu {
			width: 56px;
			height: 56px;
			cursor: pointer;
			background-image: url(../../img/common/menu_active.png);
			background-position: center center;
			background-size: 100% 100%;
			position: absolute;
			right: 5%;
			top: 7px;
			}
	}
	
	

/* リスト --------------------------------------------------------------- */
.SQUARE_title {
	width: 90%;
	max-width: 900px;
	margin: 0 auto;
	}
	
ul.SQUARE_list {
	width: 100%;
	max-width: 900px !important;
	margin: 0 auto;
	letter-spacing: -1em;
	text-align: center;
	}
	
	ul.SQUARE_list li {
		display: inline-block;
		letter-spacing: 0;
		width: 290px;
		height: 390px;
		margin: 0 6px 15px 6px;
		vertical-align: top;
		background-position: right bottom;
		}
	
	ul.SQUARE_list li:nth-of-type(3n) {
		margin-right: 0;
		}
		
		ul.SQUARE_list li a {
			width: 290px;
			height: 390px;
			/*transition: all 0.5s;*/
			}
		
		ul.SQUARE_list li a:hover {
/* 			opacity: 1 !important; */
			transform: translate(10px,10px);
			}
			
			ul.SQUARE_list li a p {
				text-align: left;
				position: absolute;
				left: 0;
				top: 0;
				}
			
			ul.SQUARE_list li a h3 {
				text-align: left;
				padding: 230px 20px 0 20px;
				font-weight: bold;
				font-size: 15px;
				line-height: 1.5;
				}
			
			ul.SQUARE_list li a h4 {
				text-align: left;
				font-weight: normal;
				position: absolute;
				left: 20px;
				bottom: 34px;
				}

@media(max-width: 767px){
			ul.SQUARE_list li {
				float: none;
				margin: 0 auto 15px auto;
				}
			
			ul.SQUARE_list li:nth-of-type(3n) {
				margin: 0 auto 15px auto;
				}
			
			ul.SQUARE_list li a:hover {
				transform: none;
				}
	}

@media(max-width: 900px){
			ul.SQUARE_list li a:hover {
				transform: none;
				}
	}

@media screen and (min-width:768px) and (max-width:900px){
	ul.SQUARE_list {
		max-width: 595px;
		}
			
		ul.SQUARE_list li:nth-of-type(3n) {
			margin-right: 15px;
			}
		
		ul.SQUARE_list li:nth-of-type(2n) {
			margin-right: 0;
			}
	}
	
	

/* SQUARE_under_visual --------------------------------------------------------------- */
#SQUARE_under_visual {
	width: 100%;
	margin: 30px auto 75px auto;
	padding: 20px 0 70px 0;
	position: relative;	
	background-position: left bottom, right bottom;
	}
	
	#SQUARE_under_visual h1 {
		font-size: 25px;
		font-weight: bold;
		text-align: center;
		line-height: 1.5;
		letter-spacing: 1px;
		color: #ffffff;
		margin-bottom: 20px;
		}
		
		#SQUARE_under_visual h1 span {
			margin-bottom: 10px;
			}
	
	#SQUARE_under_visual p {
		width: 100%;
		max-width: 900px;
		margin: 0 auto;
		}
	
	#SQUARE_under_visual p:first-of-type {
		margin-bottom: 30px;
		}
		
		#SQUARE_under_visual p:first-of-type img {
			width: 100%;
			}
	
	#SQUARE_under_visual p:last-of-type {
		line-height: 1.7;
		}
		
@media(max-width: 767px){
	#SQUARE_under_visual {
		margin-top: 0;
		padding-bottom: 50px;
		}
	
		#SQUARE_under_visual h1 {
			font-size: 18px;
			line-height: 1.7;
			}
		
	#SQUARE_under_visual p:last-of-type {
		width: 80%;
		line-height: 2;
		}
	}
	
@media screen and (min-width:768px) and (max-width:900px){
	#SQUARE_under_visual {
		margin-top: 0;
		}
	
	#SQUARE_under_visual p {
		width: 700px;
		margin: 0 auto;
		}
	}



/* SQUARE_content --------------------------------------------------------------- */
.SQUARE_content {
	width: 90%;
	max-width: 900px;
	margin: 0 auto !important;
	}
	
.SQUARE_content.SQUARE_page {
	padding-top: 40px;
	}

.SQUARE_content.SQUARE_last_page {
	padding-top: 40px;
	margin-bottom: 100px;
	}
	
	.SQUARE_content h2 {
		font-size: 20px;
		font-weight: bold;
		line-height: 1.5;
		letter-spacing: 1px;
		color: #ffffff;
		margin-bottom: 15px;
		padding: 10px;
		border-radius: 10px;
		}
	
	.SQUARE_content .SQUARE_content_block {
		/* margin: 0 auto 60px auto; */
		}
	
		.SQUARE_content .SQUARE_content_block h3 {
			font-size: 15px;
			font-weight: bold;
			line-height: 1.5;
			letter-spacing: 0.5px;
			margin-bottom: 20px;
			}
		
		.SQUARE_content .SQUARE_content_block p {
			font-size: 15px;
			line-height: 30px;
			letter-spacing: 0.5px;
			margin-bottom: 60px;
			}
			
@media(max-width: 767px){
		.SQUARE_content .SQUARE_content_block .img_inteview1-1 {
			width: 85%;
			}
		
		.SQUARE_content .SQUARE_content_block .img_inteview1-2 {
			width: 75%;
			}
		
		.SQUARE_content .SQUARE_content_block .img_case1-1 {
			width: 85%;
			}
		
		.SQUARE_content .SQUARE_content_block .img_case1-2 {
			width: 85%;
			}
	}
	
@media(max-width: 900px){
	.SQUARE_content.SQUARE_page {
		padding-top: 20px;
		}
		
	.SQUARE_content.SQUARE_last_page {
		padding-top: 20px;
		}

		.SQUARE_content .SQUARE_content_block h3 {
			font-size: 18px;
			letter-spacing: 1px;
			}
		
		.SQUARE_content .SQUARE_content_block .img_100 {
			width: 100%;
			}
	}

@media screen and (min-width:768px) and (max-width:900px){
		.SQUARE_content .SQUARE_content_block .img_inteview1-1 {
			width: 60%;
			}
		
		.SQUARE_content .SQUARE_content_block .img_inteview1-2 {
			width: 50%;
			}
		
		.SQUARE_content .SQUARE_content_block .img_case1-1 {
			width: 60%;
			}
		
		.SQUARE_content .SQUARE_content_block .img_case1-2 {
			width: 60%;
			}
	}
	
	
	
/* SQUARE_pageing --------------------------------------------------------------- */
#SQUARE_pageing {
	margin: auto;
	}
	
	#SQUARE_pageing ul {
		text-align: center;
		margin-bottom: 35px;
		}
	
		#SQUARE_pageing ul li {
			width: 35px;
			height: 35px;
			display: inline-block;
			vertical-align: top;
			margin: 0 4px;
			}
			
			#SQUARE_pageing ul li a {
				width: 100%;
				height: 100%;
				}
				
				#SQUARE_pageing ul li a img {
					width: 100%;
					}
		
	#SQUARE_pageing p {
		text-align: center;
		margin-bottom: 0;
		}
		
		#SQUARE_pageing p a {
			font-size: 15px;
			text-align: center;
			}


/* SQUARE_related --------------------------------------------------------------- */
#SQUARE_related {
	width: 100%;
	margin: 30px auto 0 auto;
	padding: 30px 0 70px 0;
	position: relative;	
	background-position: left top, right top;
	}
	
	#SQUARE_related p {
		text-align: center;
		margin-bottom: 30px;
		}
	
	#SQUARE_related ul.SQUARE_list {
		text-align: center;
		letter-spacing: -1em;
		}
		
		#SQUARE_related ul.SQUARE_list li {
			float: none;
			display: inline-block;
			vertical-align: top;
			letter-spacing: 0;
			}
		
		#SQUARE_related ul.SQUARE_list li:nth-of-type(3n) {
			margin-right: 0;
			}
		
			#SQUARE_related ul.SQUARE_list li a p,
			#SQUARE_related ul.SQUARE_list li a h3,
			#SQUARE_related ul.SQUARE_list li a h4 {
				text-align: left;
				}
	
	
	
/* SQUARE_share --------------------------------------------------------------- */
#SQUARE_share {
	width: 100%;
	margin: 50px auto;
	padding: 20px 0;
	background-color: #f5f5f5;
	text-align: center;
	}

#SQUARE_share.SQUARE_home {
	margin: 0 auto 50px auto;
	}
	
	#SQUARE_share a {
		display: inline-block;
		width: 50px;
		height: 50px;
		margin: 0 15px 0 15px;
		}
		
		#SQUARE_share a img {
			width: 100%;
			}
				
@media(max-width: 767px){
	}
	
@media(max-width: 900px){
	}

@media screen and (min-width:768px) and (max-width:900px){
	}
	
	
	
				

#header,
#footer {
	wwidth: 100%;
	max-width: 1366px;
	margin: 0 auto;
	}
	
	#header p,
	#header p img,
	#footer p,
	#footer p img {
		width: 100%;
		}
	
	#header p.dsk,
	#footer p.dsk {
		display: block;
		}
	
	#header p.mob,
	#footer p.mob {
		display: none;
		}

@media(max-width:900px){
	#header p.dsk,
	#footer p.dsk {
		display: none;
		}
	
	#header p.mob,
	#footer p.mob {
		display: block;
		}
	}

/* リニューアル用 */

.SQUARE_tsunagu,
.SQUARE_tsunagu a {
	font-family: 'Noto Sans JP','メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif;
}
.SQUARE_t_header .logo{
	width: 1240px;
	margin: 0 auto;
	padding: 19px 0;
	overflow: hidden;
}
.SQUARE_t_header .logo a{
	display: inline-block;
}
.SQUARE_t_header .logo img{
	max-width: 918px;
}
.SQUARE_t_header .menu{
	background-color: #F5731A;
	border-bottom: 1px solid #fff;
}
.SQUARE_t_header .menu ul {
	width: 1240px;
	margin: 0 auto;
	overflow: hidden;
	display: flex;
}
.SQUARE_t_header .menu ul li{
	border-right: 1px solid #fff;
	margin: 0;
	display: flex;
}
.SQUARE_t_header .menu ul li:first-child{
	border-left: 1px solid #fff;
}
.SQUARE_t_header .menu a{
	color: #fff;
	font-size: 16px;
	padding: 13px 36px;
	display: flex;
	align-items: center;
	letter-spacing: 0.07em;
	line-height: 1.25;
}
.SQUARE_t_header.SQUARE_mob{
	display: none;
}
.SQUARE_tsunagu #SQUARE_wrapper.header-fix {
	margin-top: 174px;
}
@media(max-width: 1210px){
	.SQUARE_tsunagu #SQUARE_wrapper.header-fix{
		margin-top: 84px;
	}
	.SQUARE_t_header.SQUARE_dsk{
		display: none !important;
	}
	.SQUARE_t_header.SQUARE_mob{
		display: block !important;
		height: 84px;
	}
	.SQUARE_t_header .logo{
		width: auto;
		padding: 13px 84px 13px 12px;
	}
	.SQUARE_t_header .logo img{
		max-width: 195px;
	}
	.SQUARE_t_menu_btn {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 84px;
		height: 84px;
		background-color: #EA7112;
		border: none;
	}
	.SQUARE_t_menu_btn span{
		width: 36px;
		height: 3px;
		border-radius: 2px;
		background-color: #fff;
	}
	.SQUARE_t_menu_btn span + span{
		margin-top: 10px;
	}
	.SQUARE_t_menu_btn.open span:nth-child(1) {
		transform: rotate(-45deg);
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	.SQUARE_t_menu_btn.open span:nth-child(2) {
		display: none;
	}
	.SQUARE_t_menu_btn.open span:nth-child(3) {
		transform: rotate(45deg);
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	.SQUARE_t_header .menu ul {
		width: 100%;
		flex-direction: column;
		display: none;
	}
	.SQUARE_t_header .menu ul li:first-child{
		border-left: none;
	}
	.SQUARE_t_header .menu ul li{
		border-right: none;
		border-top: 1px solid #fff;
		text-align: center;
	}
	.SQUARE_t_header .menu a{
		width: 100%;
		justify-content: center;
	}
}

.SQUARE_tsunagu .SQUARE_t_100vw{
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	width: 100vw;
}

.SQUARE_tsunagu .SQUARE_t_lower_btn_wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	max-width: 1150px;
	margin-top: 160px;
	margin-bottom: 75px;
}

.SQUARE_tsunagu .SQUARE_t_lower_btn{
	font-size: 14px;
	font-weight: bold;
	line-height: 1.42;
	display: flex;
	border: 2px solid #F5731A;
	background-color: #F5731A;
	color: #fff;
	border-radius: 40px;
	transition: 0.5s;
	align-items: center;
	width: 214px;
	height: 79px;
	margin: 0;
	justify-content: center;
	box-sizing: border-box;
}

.SQUARE_tsunagu .SQUARE_t_lower_btn.is-current{
	border-color:#C2CDD6;
	background-color: #C2CDD6;
	color: #fff;
}

.SQUARE_tsunagu .SQUARE_t_lower_btn_wrap .SQUARE_t_lower_btn:hover,
.SQUARE_tsunagu .SQUARE_t_lower_btn_wrap .SQUARE_t_lower_btn.is-current:hover{
	text-decoration: none;
	border-color: #EA7112;
	color: #F2731B;
	background-color: #fff;
	opacity: 1;
}

@media(max-width: 767px){
	.SQUARE_tsunagu .SQUARE_t_lower_btn_wrap{
		flex-direction:column;
		align-items: center;
		gap: 46px;
		margin-top: 110px;
		margin-bottom: 110px;
	}
}