@charset "utf-8";
/* ====================================
  fileName：index.css
  fileDate：2026/08/10
  石川県板金工業組合
==================================== */



/* VIDEO
------------------------------------------------------------*/

.fitMovie {
	position: absolute;
	width: 100%;
	height: 100%;
}
.fitImg{
    position: absolute;
}
.mvbox {
	overflow: hidden;
	position: relative;
	width: 100vw;
	height: 100vh;
}
#slider3 {
	display: none;
	position: relative;
}
.pc-container {
	display: block;
}
.sp-container {
	display: none;
}
@media only screen and (max-width: 1024px){

.pc-container {
	display: none;
}
.sp-container {
	display: block;
}
}
.text-images {
	position: absolute;
	top:47%;
	left: 50%;
	width: 90%;
	margin-left: -250px;
	z-index: 88;
	text-align: left;
}
.text-images img {
	width: 100%;
	max-width: 500px;
}

.sloverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .5;
	background: url(../img/overlays.png) 0 0;
}



/* Top */
.swiper-container {
	width: 100%;
	height: 100vh;
	height: 100dvh;
}
.swiper-wrapper {
}
.swiper-slide {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.sloverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .5;
	background: url(../images/overlays.png) 0 0;
	z-index: 9;
}
.mlogo {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40%;
	transform: translate(-80%, 10%);
	z-index: 10;
}
.mlogo img {
	width: 100%;
	height: auto;
}
#slide .slideImage {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
}
#slide .slick-list, #slide .slick-track {
	height: 100%;
}
.swiper-container .bgImage {
	min-height: 100%;
	width: 100%;
	background-size: cover !important;
}
.swiper-container .slide1 {
	background: url(../../common/photo/001.jpg) center center no-repeat;
}
.swiper-container .slide2 {
	background: url(../../common/photo/002.jpg) center center no-repeat;
}
.swiper-container .slide3 {
	background: url(../../common/photo/003.jpg) center center no-repeat;
}
.swiper-container .slide4 {
	background: url(../../common/photo/004.jpg) center center no-repeat;
}
.swiper-container .slide5 {
	background: url(../../common/photo/005.jpg) center center no-repeat;
}
.swiper-container .slide6 {
	background: url(../../common/photo/006.jpg) center center no-repeat;
}

.arrowArea {
	position: absolute;
	bottom: 100px;
	width: 24px;
	right: 30px;
	z-index: 12;
	writing-mode: vertical-rl;
}
.scroll span {
	color: #56742e;
}
.scroll::before {
	animation: scroll 2s infinite;
	background-color: #56742e;
	bottom: -100px;
	content: "";
	height: 90px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	width: 1px;
	z-index: 2;
}
.scroll::after {
	background-color: #e4f3ea;
	bottom: -100px;
	content: "";
	height: 90px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	width: 1px;
}

@keyframes scroll {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  51% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}

.ixbnraria {
	position: absolute;
	bottom: 20px;
	width: 80%;
	left: 30px;
	z-index: 12;
}
.ixbnraria ul {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 0 10px;
	animation-name: fadeInList;
	animation-duration: 0.6s;
	animation-fill-mode:forwards;
	opacity: 0;
}
.ixbnraria li {
	width: 200px;
}
@media only screen and (max-width: 640px){
.ixbnraria {
	position: absolute;
	bottom: 20px;
	left: 20px;
}
.ixbnraria li {
	width: 120px;
}
}
.ixbnraria li a img {
	width: 100%;
	height: auto;
	background: #87af52;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.ixbnraria li a:hover img {
	opacity: 0.6;
}



@media only screen and (max-width: 1024px){

.swiper-container .slide1 {
	background: url(../../common/photo/s001.jpg) center top no-repeat;
}
.swiper-container .slide2 {
	background: url(../../common/photo/s002.jpg) center top no-repeat;
}
.swiper-container .slide3 {
	background: url(../../common/photo/s003.jpg) center top no-repeat;
}
.swiper-container .slide4 {
	background: url(../../common/photo/s004.jpg) center center no-repeat;
}
.swiper-container .slide5 {
	background: url(../../common/photo/s005.jpg) center center no-repeat;
}
.swiper-container .slide6 {
	background: url(../../common/photo/s006.jpg) center center no-repeat;
}

}



.pgixct{
	width: 94%;
	margin: 0 auto;
}
.pgixct_wide {
	width: 100%;
	margin: 0;
}

/* topcopy
---------------------------------------------------- */

#cont01 {
	width: 100%;
	padding: 100px 0 50px;
	line-height: 1.0em;
	text-align: center;
	background: #87af52;
}
#cont01 .topcopy01 {
	padding: 0 0 40px;
	font-size: 1.8em;
	color: #fff;
	font-weight: 500;
}
#cont01 .topcopy02 {
	margin: 0 10%;
	padding: 0 0 50px;
	font-size: 1.3em;
	color: #fff;
	font-weight: 400;
	line-height: 2.6em;
}



/* cont02
---------------------------------------------------- */

#cont02 {
	margin: 0 auto 30px;
	padding: 100px 0 60px;
}
#cont02 .shoppkupbox {
	width: 100%;
	margin: 0 auto;
	height: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0;
	box-sizing: border-box;
	gap: 1em;
}


/* cont03
---------------------------------------------------- */

#cont03 {
	padding: 0px 0 100px;
	position: relative;
}
.ixcolumn {
	display: grid;
	row-gap: 40px;
	width: 96%;
}
.ixcolumn_item {
	display: block grid;
	grid-template-columns: repeat(2,1fr);
	column-gap: 60px;
	align-items: flex-start;
}
.ixcolumn_item:nth-child(odd){
	direction: rtl;
}
.ixcolumn_img {
	width: 100%;
	margin-bottom: 30px;
}
.ixcolumn_img img {
	width: 96%;
	height: auto;
		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;
	border-radius: 16px;
	border: solid 2px #87af52;
	box-shadow: 15px 15px 0px 0 rgb(135, 175, 82);
}
.ixcolumn_img {
	inline-size: 100%;
}
.ixcolumn_text h3 {
	width: 80%;
	margin: 50px auto 20px 0;
	padding: 10px 30px;
	text-align: center;
	background: #fff;
		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;
	border-radius: 16px;
	border: solid 2px #87af52;
}
.ixcolumn_text h3 span {
	font-size: 1.4em;
	color: #111;
	text-align: center;
}
.ixcolumn_text .textbox {
	padding: 10px 0 30px;
	background: #fff;
}
.ixclink a {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 15pt;
	color: #87af52;
	font-weight: 600;
}
.ixcolumn_item .ixclink a {
	direction: ltr;
	padding: 0 0 10px;
}
.ixclink a i {
	margin: 2px 0 0 8px;
	width: 40px;
	height: auto;
	font-size: 1.5em;
	transform: translateX(-3px);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	text-decoration: none;
}
.fa-circle-chevron-right:before {
	content: "\f138";
}
.ixclink a:hover {
	color: #227ca3;
	text-decoration: none;
}
.ixclink a:hover i {
	color: #227ca3;
	transform: translateX(0);
	text-decoration: none;
}

/* cont04
---------------------------------------------------- */

.pgix_wiki {
	background: #eff8f3;
}
#cont04 {
	padding: 60px 0 30px;
	position: relative;
}
.ixwikisub {
	width: 100%;
	margin: 30px auto 40px;
	padding: 50px 30px 40px;
	text-align: center;
	background: #87af52;
		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;
	border-radius: 16px;
}
.ixwikisub h3 {
	font-size: 18pt;
	color: #fff;
	font-weight: 600;
	text-align: center;
}
.ixwikisub .textbox {
	padding: 20px 0 0;
	color: #fff;
	text-align: center;
}

.ixwikilist {
	width: 100%;
	margin: 0;
	padding: 16px 0 60px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	row-gap: 20px;
}
.ixwikilist li {
	width: 30%;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
.ixwikilist li .wikibtn {
	width: 80%;
	margin: 0 auto;
	text-align: center;
}
.ixwikilist li .wikibtn a {
	display: block;
	padding: 5px 0 8px;
	font-size: 1.4em;
	color: #fff;
	text-align: center;
	background: #111;
		-moz-border-radius: 24px;
		-webkit-border-radius: 24px;
	border-radius: 24px;
	border: solid 2px #111;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.ixwikilist li:nth-of-type(n+4) {
	margin-top:20px;
}
.ixwikilist li .wikibtn a:hover {
	color: #111;
	background: #fff;
		-moz-border-radius: 24px;
		-webkit-border-radius: 24px;
	border-radius: 24px;
	border: solid 2px #111;
}
.ixwikilist li .wikibtn.wiki01 a {
	background: #2f6af2;
	border: solid 2px #2f6af2;
}
.ixwikilist li .wikibtn.wiki01 a:hover {
	color: #2f6af2;
	background: #fff;
}
.ixwikilist li .wikibtn.wiki02 a {
	background: #d84273;
	border: solid 2px #d84273;
}
.ixwikilist li .wikibtn.wiki02 a:hover {
	color: #d84273;
	background: #fff;
}
.ixwikilist li .wikibtn.wiki03 a {
	background: #e17d34;
	border: solid 2px #e17d34;
}
.ixwikilist li .wikibtn.wiki03 a:hover {
	color: #e17d34;
	background: #fff;
}
.ixwikilist li .wikibtn.wiki04 a {
	background: #568032;
	border: solid 2px #568032;
}
.ixwikilist li .wikibtn.wiki04 a:hover {
	color: #568032;
	background: #fff;
}
.ixwikilist li .wikibtn.wiki05 a {
	background: #ac49f1;
	border: solid 2px #ac49f1;
}
.ixwikilist li .wikibtn.wiki05 a:hover {
	color: #ac49f1;
	background: #fff;
}

/* cont05
---------------------------------------------------- */

#cont05 {
	padding: 60px 0 40px;
	position: relative;
}
.ixcolumn2 {
	display: grid;
	row-gap: 20px;
	width: 100%;
}
.ixcolumn2_item {
	display: block grid;
	grid-template-columns: 1.3fr 2fr;
	column-gap: 60px;
	align-items: flex-start;
	padding-bottom: 30px;
}
.ixcolumn2_dotline {
	display: block;
	width: 100%;
	height: 60px;
	border-top: dotted 6px #87af52;
}
.ixcolumn2_img {
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	margin-bottom: 30px;
}
.ixcolumn2_img img {
	width: 96%;
	height: 96%;
	object-fit: cover;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
	border-radius: 50%;
	box-shadow: 15px 15px 0px 0 rgb(135, 175, 82);
}
.ixcolumn2_text h3 {
	width: 80%;
	margin: 50px auto 40px 0;
	padding: 10px 30px;
	text-align: center;
	background: #87af52;
		-moz-border-radius: 32px;
		-webkit-border-radius: 32px;
	border-radius: 32px;
}
.ixcolumn2_text h3 span {
	font-size: 1.8em;
	color: #fff;
	font-weight: 600;
	text-align: center;
}
.ixcolumn2_text .textbox {
	padding: 0 0 50px 20px;
	background: #fff;
}
.ixcolumn2_text .ixclink {
	padding: 0 0 0 20px;
}

/* cont06
---------------------------------------------------- */

.pgix_about {
	background: #efefef;
}
#cont06 {
	padding: 60px 0 80px;
	position: relative;
}
.about_card {
	display: flex;
	align-items: center2;
	gap: 1rem;
}
.aboutcard_item {
	flex: 1;
	padding: 10px 60px;
}
.carditem-end {
	padding-left: 70px;
}
.about_card span.bdrline {
	width: 1px;
	background: #999;
}
.aboutcard_item h3 {
	padding: 0 0 20px;
	font-size: 1.5em;
	color: #111;
	font-weight: 500;
}
.aboutcard_item .textbox {
	padding: 0 0 40px;
}


/* cont07
---------------------------------------------------- */

.pgix_movie {
}
#cont07 {
	padding: 80px 0 80px;
	position: relative;
}
.ixmoviesub h3 {
	font-size: 32pt;
	color: #87af52;
	font-weight: 500;
	text-align: center;
	line-height: 1.3em;
}
.ixmoviesub h3 span {
	padding: 0 20px;
	font-size: 22pt;
	font-weight: 500;
}
.ixmoviesub .textbox {
	padding: 30px 0 0;
	color: #111;
	text-align: center;
}
.ixmoviebox {
	width: 80%;
	margin: 0 auto;
	padding: 50px 0 10px;
}
.ixmoviebox video {
	padding: 6px;
	background-color: #666;
		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;
	border-radius: 16px;
}
.ixmvthumbbox {
	width: 80%;
	margin: 0 auto;
}
.ixmvthumb {
	padding: 5px 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #000;
}
.linear-gradient {
	width: 100%;
	background-image: linear-gradient(to right, #fff,#fff 6px, transparent 4px),
		linear-gradient(to left, #fff,#fff 6px, transparent 4px);
	background-size: 14px 6px,14px 6px;
	background-repeat: repeat-x,repeat-x;
	background-position: top,bottom;
}
.linear-gradient ul {
	width: 100%;
	padding: 20px 0;
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	overflow: hidden;
}
.linear-gradient ul li {
	margin: 0 1%;
	padding: 0;
	list-style-type: none;
}
.linear-gradient ul li img {
	width: 100%;
	height: auto;
}

/* cont08
---------------------------------------------------- */

.pgix_wstyle {
}
.wstyle-slider-wrapper {
	width: 100%;
	overflow: hidden;
	background-color: #efefef;
	margin-bottom: 30px;
	padding: 80px 0 50px;
}
.wstyle-slider {
	display: flex;
	gap: 20px;
	width: max-content;
	animation: ws-loop-scroll 40s linear infinite;
	margin-bottom: 10px;
}
.wstyle-slider-rev {
	display: flex;
	gap: 20px;
	width: max-content;
	animation: ws-loop-scroll-rev 40s linear infinite;
	animation-direction: reverse;
}
.wstyle-slider:hover,
.wstyle-slider-rev:hover {
	animation-play-state: paused;
}
.wstyle-item {
	width: 320px;
	overflow: hidden;
	background-color: #fff;
}
.wstyle-item img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}
@keyframes ws-loop-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-50% - 12px));
    }
}
@keyframes ws-loop-scroll-rev {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-50% - 12px));
    }
}
.wsbtnbox {
	width: 100%;
	margin: 0 auto;
	padding: 30px 0 0;
	color: #111;
	text-align: center;
}



.mvitem_s1 { transition: 2.2s; }
.mvitem_s2 { transition: 0.6s; }
.mvitem_s3 { transition: 3.6s; }
.mvitem_s4 { transition: 6.6s; }
.mvitem_s5 { transition: 4.6s; }
.mvitem_s6 { transition: 5.6s; }
.mvitem {
	opacity: 0;
	transform: translate(0,60px);
	-webkit-transform: translate(0,60px);
}
.mvitem2 {
	opacity: 0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}
.mvitem3 {
	opacity: 0;
	transform: translate(0,-60px);
	-webkit-transform: translate(0,-60px);
}
.mvitemadd {
	opacity: 1.0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}


.wbdrbox a {
	display: inline-block;
	text-decoration: none;
}
.chbdr01 {
	width: 100%;
	border: none;
	color: #ccc;
	position: relative;
}
#cont01 .chbdr01 {
	padding: 80px 30px 80px 90px;
	line-height: 2.0em;
}
.chbdr01::after,
.chbdr01::before,
.chbdr01__inner::after,
.chbdr01__inner::before {
	background-color: #999;
	content: '';
	display: block;
	position: absolute;
	z-index: 10;
	color: #ccc;
	transition: all 1.3s ease;
	-webkit-transition: all 1.3s ease;
}
.chbdr01::after {
	height: 1px;
	left: -1px;
	top: -1px;
	width: 0px;
}
.chbdr01::before {
	bottom: -1px;
	height: 1px;
	right: -1px;
	width: 0px;
}
.chbdr01__inner::after {
	bottom: -1px;
	height: 0px;
	left: -1px;
	width: 1px;
}
.chbdr01__inner::before {
	height: 0px;
	right: -1px;
	top: -1px;
	width: 1px;
}
.mvitemadd .chbdr01::after,
.mvitemadd .chbdr01::before {
	width: 100%;
	width: calc(100% + 1px);
}
.mvitemadd .chbdr01 .chbdr01__inner::after,
.mvitemadd .chbdr01 .chbdr01__inner::before {
	height: 100%;
	height: calc(100% + 1px);
}

.chbdr01__inner h3 {
	padding: 0 0 20px;
	font-size: 1.6em;
	color: #ccc;
	font-weight: 600;
	letter-spacing: 0.1em;
}
#cont01 h2.jp_copy {
	position: absolute;
	top: -70px;
	left: 28px;
	writing-mode: vertical-rl;
}
h2.jp_copy span {
	padding: 0 0 4px;
	font-size: 1.8em;
	color: #fecccd;
}
h4.jp_copy_sp {
	display: none;
}






.mvitem_ph1 { transition: 1.0s; }
.mvitem_ph2 { transition: 2.0s; }
.mvitem_ph3 { transition: 3.4s; }
.mvitem_ph4 { transition: 5.0s; }




/* cont04
---------------------------------------------------- */


/* cont05
---------------------------------------------------- */


/* cont06
---------------------------------------------------- */




/*************
テーブル
*************/

table.table{
	border-collapse:collapse;
	width:100%;
	margin:10px auto;
}

table.table th,table.table td{
	padding:5px;
	border:1px solid #2871d7;
}

table.table tr:first-child th,
table.table tr:first-child td{
	border-top: #2871d7 4px solid;
}
table.table th {
	font-weight:bold;
	letter-spacing:1px;
	white-space:nowrap;
	color:#fff;
	background:#134091;
}


/* ----------------------------- max 1024px ------------------------------------------------------------*/

@media only screen and (max-width: 1024px){


/* cont01
---------------------------------------------------- */


/* cont02
---------------------------------------------------- */


/* cont03
---------------------------------------------------- */


/* cont03
---------------------------------------------------- */




/* cont04
---------------------------------------------------- */



/* cont05
---------------------------------------------------- */

/* cont06
---------------------------------------------------- */


}

/* ----------------------------- max 850px ------------------------------------------------------------*/

@media only screen and (max-width: 850px){

/* cont02
---------------------------------------------------- */

#cont02 .shoppkupbox {
	width: 80%;
	margin: 0 auto;
}


/* cont03
---------------------------------------------------- */

#cont03 {
	padding: 0px 0 40px;
}
.ixcolumn {
	display: block;
}
.ixcolumn_item {
	display: block;
	width: 90%;
	margin: 0 auto 100px;
}
.ixcolumn_img {
	inline-size: 96%;
	width: 96%;
	margin: 0 auto 30px 0;
	text-align: center;
}
.ixcolumn_img img {
	box-shadow: 8px 8px 0px 0 rgb(135, 175, 82);
}
.ixcolumn_text h3 {
	width: 80%;
	margin: 50px auto 20px;
	padding: 10px 30px;
	text-align: center;
	background: #fff;
		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;
	border-radius: 16px;
	border: solid 2px #87af52;
}
.ixcolumn_text h3 span {
	font-size: 1.4em;
	color: #111;
	text-align: center;
}
.ixcolumn_text .textbox {
	padding: 10px 0 30px;
	background: #fff;
	text-align: center;
}
.ixclink a {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15pt;
	color: #87af52;
	font-weight: 600;
}
.ixclink a i {
	margin: 0 0 0 8px;
	width: 40px;
	height: auto;
	font-size: 1.5em;
	transform: translateX(-3px);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	text-decoration: none;
}
.fa-circle-chevron-right:before {
	content: "\f138";
}
.ixclink a:hover {
	color: #227ca3;
	text-decoration: none;
}
.ixclink a:hover i {
	color: #227ca3;
	transform: translateX(0);
	text-decoration: none;
}

/* cont04
---------------------------------------------------- */


#cont04 {
  padding: 30px 0 40px;
  position: relative;
}

.ixwikisub {
	width: 90%;
	margin: 30px auto 30px;
	padding: 50px 30px 40px;
	text-align: center;
	background: #87af52;
}
.ixwikilist {
	width: 100%;
	margin: 0;
	padding: 16px 0 0 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	row-gap: 20px;
}
.ixwikilist li {
	width: 46%;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
.ixwikilist li {
	margin-top: 20px;
}
.ixwikilist li .wikibtn {
	width: 80%;
	margin: 0 auto;
	text-align: center;
}

/* cont05
---------------------------------------------------- */

#cont05 {
	padding: 60px 0 40px;
	position: relative;
}
.ixcolumn2 {
	display: block;
	width: 90%;
	margin: 0 auto;
}
.ixcolumn2_item {
	display: block;
	padding-bottom: 30px;
}
.ixcolumn2_dotline {
	display: block;
	width: 100%;
	height: 40px;
	border-top: dotted 4px #87af52;
}
.ixcolumn2_img {
	width: 60%;
	height: auto;
	aspect-ratio: 1;
	margin: 0 auto 30px;
	text-align: center;
}
.ixcolumn2_img img {
	width: 96%;
	height: 96%;
	object-fit: cover;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
	border-radius: 50%;
	box-shadow: 10px 10px 0px 0 rgb(135, 175, 82);
}
.ixcolumn2_text h3 {
	width: 80%;
	margin: 50px auto 40px;
	padding: 10px 30px;
	text-align: center;
	background: #87af52;
		-moz-border-radius: 32px;
		-webkit-border-radius: 32px;
	border-radius: 32px;
}
.ixcolumn2_text h3 span {
	font-size: 1.8em;
	color: #fff;
	font-weight: 600;
	text-align: center;
}
.ixcolumn2_text .textbox {
	padding: 0 0 50px 20px;
	background: #fff;
}

/* cont06
---------------------------------------------------- */

.pgix_about {
	background: #efefef;
}
#cont06 {
	padding: 60px 0 50px;
	position: relative;
}
.about_card {
	display: block;
}
.aboutcard_item {
	display: block;
	padding: 10px 20px 50px;
}
.carditem-end {
	padding-left: 20px;
}
.about_card span.bdrline {
	display: block;
	width: 100%;
	height: 1px;
	margin: 0 0 30px;
	background: #999;
}

/* cont08
---------------------------------------------------- */

.pgix_wstyle {
}
.wstyle-slider-wrapper {
	width: 100%;
	overflow: hidden;
	background-color: #efefef;
	margin-bottom: 30px;
	padding: 80px 0 50px;
}
.wstyle-slider,
.wstyle-slider-rev {
	display: flex;
	gap: 10px;
}
.wstyle-item {
	width: 200px;
	overflow: hidden;
	background-color: #fff;
}


}


/* ----------------------------- max 640px ------------------------------------------------------------*/

@media only screen and (max-width: 640px){


.arrowArea {
	position: absolute;
	bottom: 100px;
	width: 24px;
	right: 4px;
	z-index: 12;
	writing-mode: vertical-rl;
}
#cont01 .topcopy01 {
	font-size: 5.6vw;
	line-height: 1.5em;
}
#cont01 .topcopy02 {
	font-size: 1.2em;
	line-height: 2.0em;
}

/* cont02
---------------------------------------------------- */

#cont02 .shoppkupbox {
	width: 94%;
	margin: 0 auto;
}


/* cont04
---------------------------------------------------- */


.ixwikisub {
	width: 90%;
	margin: 30px auto 20px;
	padding: 30px 30px 20px;
	text-align: center;
	background: #87af52;
}
.ixwikisub h3 {
	font-size: 16pt;
}
.ixwikisub .textbox {
	font-size: 12pt;
}
.ixwikilist {
	width: 100%;
	margin: 0;
	padding: 16px 0 0 0;
	display: block;
}
.ixwikilist li {
	width: 80%;
	margin: 12px auto;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
.ixwikilist li:nth-of-type(n+4) {
	margin-top: 12px;
}


}

/* ----------------------------- max 480px ------------------------------------------------------------*/

@media only screen and (max-width: 480px){


/* cont03
---------------------------------------------------- */

.ixcolumn {
	width: 100%;
	margin: 0 auto;
}
 .ixcolumn_item {
	display: block;
	width: 100%;
	margin: 0 auto 80px;
}
.ixcolumn_text h3 {
	width: 94%;
	margin: 40px auto 14px;
	padding: 10px 10px;
	text-align: center;
	background: #fff;
		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;
	border-radius: 16px;
}
.ixcolumn_text h3 span {
	font-size: 1.3em;
}


/* cont04
---------------------------------------------------- */

 .ixwikisub {
	width: 96%;
	margin: 30px auto 20px;
	padding: 30px 20px 20px;
  }
.ixwikisub h3 {
	font-size: 5.0vw;
}


/* cont05
---------------------------------------------------- */

.ixcolumn2_text h3 {
	width: 100%;
	margin: 40px auto 30px;
	padding: 10px 10px;
	text-align: center;
}
.ixcolumn2_text h3 span {
	font-size: 5.0vw;
}
.ixcolumn2_text .textbox {
	padding: 0 0 50px 6px;
	background: #fff;
}



/* cont07
---------------------------------------------------- */

.ixmoviesub h3 {
	font-size: 24pt;
	color: #87af52;
	font-weight: 500;
	text-align: center;
	line-height: 1.3em;
}
.ixmoviesub h3 span {
	padding: 0 20px;
	font-size: 18pt;
	font-weight: 500;
}


}