@charset "UTF-8";
/*1400pxMAX*/
body {
	background: #F7F7F7;
}

/*-------------------------------
 mvSec
-------------------------------*/
.mvSec {
	position: relative;
	display: flex;
	justify-content: flex-end;
	width: 100%;
	height: 57.1428vw;
	background: url( ../img/top/mv.jpg) no-repeat;
	background-size: cover;
	
}
.mvSec::after {
	position: absolute;
	content: "";
	left: 0;
	bottom: -16.4286vw;
	width: 100%;
	height: 16.4286vw;
	background: linear-gradient( rgb(188 188 188 / 0.33), rgb(255 255 255 / 0) );
}
.mv__text {
	position: absolute;
	top: 16.0714vw;
	left: 10vw;
	color: #fff;
}
.mv__title {
	font-size: 6.7857vw;
	font-weight: 700;
	line-height: 1.19;
	letter-spacing: .01em;
	margin-bottom: 1.1429vw;
}
.mv__intro {
	font-size: 2.0714vw;
	font-weight: 800;
	line-height: 1.41;
}

@media screen and (min-width:768px) {
	.mvSec {
		margin-top: -5.7143vw;
	}
}

@media screen and (min-width:1401px) {
	.mvSec {
		margin-top: -80px;
	}
	.mvSec::after {
		bottom: -230px;
		height: 230px;
	}
}

@media screen and (max-width: 767px) {
	.mvSec {
		position: relative;
		display: flex;
		justify-content: flex-end;
		width: 100%;
		height: 177.6vw;
		background: url( ../img/top/mv-sp.jpg) no-repeat;
		background-size: cover;
	}
	.mvSec::after {
		bottom: -17.3333vw;
		height: 17.3333vw;
		background: linear-gradient( rgb(188 188 188 / 0.33), rgb(255 255 255 / 0) );
	}
	.mv__text {
		width: 92vw;
		top: auto;
		bottom: 20vw;
		left: 4vw;
	}
	.mv__title {
		width: 100%;
		margin-bottom: 4.2667vw;
		font-size: 13.3333vw;
		line-height: 1.05;
		letter-spacing: .02em;
	}
	.mv__intro {
		padding-left: 2.6667vw;
		font-size: 4.2667vw;
		line-height: 1.625;
	}
}

/*-------------------------------
 link__box
-------------------------------*/
.link__box {
	display: flex;
}
.link__box.link__box-center {
	justify-content: center;
}
.link__box.link__box-right {
	justify-content: flex-end;
}
.link__box a {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 33.9286vw;
	height: 5.7143vw;
	padding: 0 3vw;
	font-size: 1.4286vw;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .04em;
	color: #032E6F;
	border: 2px solid #032E6F;
	background: #fff;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	box-shadow: 5px 5px 0 rgb( 3 46 111 / 0.18 );
}
.link__box a::after {
	position: absolute;
	content: "";
	right: 2.2857vw;
	width: 8px;
	height: 15px;
	background: url('data:image/svg+xml;charset=UTF-8,<svg width="9.371" height="15.914" viewBox="0 0 9.371 15.914" xmlns="http://www.w3.org/2000/svg" fill="none"><path d="M760.055-9307l7.25,7.25-7.25,7.25" transform="translate(-759.348 9307.707)" stroke="%23032E6F" stroke-width="2" /></svg>') no-repeat center center;
	z-index: 2;
}
.link__box a:hover::after {
	right: 1.5714vw;
}

@media screen and (min-width:1401px) {
	.link__box a {
		width: 475px;
		height: 80px;
		padding: 0 42px;
		font-size: 20px;
		box-shadow: 5px 5px 0 rgb( 3 46 111 / 0.18 );
	}
	.link__box a::after {
		right: 32px;
	}
	.link__box a:hover::after {
		right: 22px;
	}
}

@media screen and (max-width:767px) {
	.link__box a {
		width: 100%;
		height: 21.3333vw;
		padding: 0 12vw;
		font-size: 5.3333vw;
	}
	.link__box a::after {
		right: 8vw;
	}
	.link__box a:hover::after {
		right: 8vw;
	}
}


/*-------------------------------
 title
-------------------------------*/
.sec__title {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.sec__title-en {
	display: block;
	margin-bottom: 1.2857vw;
	font-size: 4.8571vw;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .02em;
	color: #032E6F;
}
.sec__title-jp {
	display: block;
	font-weight: 300;
	font-style: normal;
	font-size: 2.1429vw;
	letter-spacing: .05em;
	line-height: 1;
}

@media screen and (min-width:1401px) {
	.sec__title-en {
		margin-bottom: 18px;
		font-size: 68px;
	}
	.sec__title-jp {
		font-size: 30px;
	}
}

@media screen and (max-width:767px) {
	.sec__title-en {
		margin-bottom: 0.8vw;
		font-size: 11.2vw;
	}
	.sec__title-jp {
		margin-bottom: 2.6667vw;
		font-size: 4.8vw;
	}
}


/*-------------------------------
 Contents
-------------------------------*/
.contentsWrap {
	position: relative;
}
.contentsWrap-first::before {
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	width: 88vw;
	height: 100%;
	background: url(../img/top/first__bg__before.png) no-repeat top right;
	background-size: contain;
	z-index: -1;
}
.contentsWrap-first::after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 31.9286vw;
	height: 34.5vw;
	background: url(../img/top/first__bg__after.png) no-repeat top left;
	background-size: contain;
	z-index: -1;
}
.contentsWrap-second::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 57.3571vw;
	height: 100%;
	background: url(../img/top/second__bg__before.png) no-repeat top left;
	background-size: contain;
	z-index: -1;
}


.aboutSec {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	width: 53.2143vw;
	margin: 0 auto;
	padding: 13.2143vw 0 16.2143vw;
}
.aboutSec .l-inner {
	width: 37.1429vw;
	margin: 0;
}
.aboutSec .sec__title {
	margin-bottom: 3.0714vw;
}
.aboutSec .sec__body {
	margin-bottom: 3.4286vw;
}
.aboutSec .sec__body h3 {
	margin-bottom: 1.9286vw;
	font-size: 2.1429vw;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: .05em;
}
.aboutSec .sec__body p {
	font-size: 1.2857vw;
	font-weight: 400;
	line-height: 2;
	letter-spacing: .05em;
}

.featureSec {
	position: relative;
	width: 100%;
	padding: 0 0 11.7857vw;
}
.featureSec::before {
	position: absolute;
	content: "";
	top: 1.1429vw;
	left: 0;
	width: 31.9286vw;
	height: 57.1429vw;
	background: url(../img/top/feature__bg.png) no-repeat;
	background-size: auto 100%;
	overflow: hidden;
	z-index: -1;
}
.featureSec .l-inner {
	width: 69vw;
	margin: 0 auto
}
.featureSec .sec__title {
	margin-bottom: 7.1429vw;
	justify-content: center;
	text-align: center;
}
.featureSec .sec__title h2 {
	justify-content: center;
	text-align: center;
}
.featureSec .sec__title .sec__title-en {
	
}
.featureSec .sec__body {
	margin-bottom: 5.7143vw;
}
.featureSec .feature__list {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.featureSec .feature__list .feature__item {
	position: relative;
	width: 21.4286vw;
	height: 27.1429vw;
	padding: 6.4286vw 1.4286vw 1.4286vw;
}
.featureSec .feature__list .feature__item.feature__item-first {
	background: url(../img/top/feature__01__bg.jpg) no-repeat;
	background-size: cover;
}
.featureSec .feature__list .feature__item.feature__item-second {
	background: url(../img/top/feature__02__bg.jpg) no-repeat;
	background-size: cover;
}
.featureSec .feature__list .feature__item.feature__item-third {
	background: url(../img/top/feature__03__bg.jpg) no-repeat;
	background-size: cover;
}
.featureSec .feature__list .feature__item .featureItem__no {
	position: absolute;
	top: -2.2143vw;
	left: calc( 50% - 4.2857vw);
	width: 8.5714vw;
}
.featureSec .feature__list .feature__item .featureItem__body {
	width: 100%;
	height: 100%;
	padding: 3.4286vw 0;
	color: #fff;
	text-align: center;
	border: 1px solid #fff;
}
.featureSec .feature__list .feature__item .featureItem__body h3 {
	margin-bottom: 2.8571vw;
	font-size: 2.1429vw;
	font-weight: 700;
	line-height: 1;
}
.featureSec .feature__list .feature__item .featureItem__body p {
	font-size: 1.4286vw;
	font-weight: 700;
	line-height: 1.85;
	letter-spacing: .05em;
}

.productsSec {
	position: relative;
	width: 100%;
	padding: 6.4286vw 0 11.1429vw;
}
.productsSec::before {
	position: absolute;
	content: "";
	top: 1.2143vw;
	right: 0;
	width: 41.2143vw;
	height: 38.7143vw;
	background: url(../img/top/products__bg.png) no-repeat;
	background-size: auto 100%;
	overflow: hidden;
	z-index: -1;
}
.productsSec .l-inner {
	width: 80.8571vw;
	margin: 0 auto
}
.productsSec .sec__title {
	margin-bottom: 5.5vw;
	justify-content: center;
	text-align: center;
}
.productsSec .sec__title .sec__title-en {
	
}
.productsSec .sec__body {
	margin-bottom: 4.6429vw;
}
.productsSec .tab__menus {
	display: flex;
	justify-content: center;
	align-content: flex-start;
	border-bottom: 5px solid #032E6F;
	z-index: 2;
}
.productsSec .tab__menus .tab__menu {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 25.8571vw;
	height: 6.0714vw;
	font-size: 1.7143vw;
	font-weight: 400;
	line-height: 1;
	letter-spacing: .05em;
	color: #032E6F;
	background: #fff;
	border-top: 1px solid #032E6F;
	border-right: 1px solid #032E6F;
	border-left: 1px solid #032E6F;
	cursor: pointer;
	transition: .4s ease-in-out;
}
.productsSec .tab__menus .tab__menu.is-active {
	color: #fff;
	background: #032E6F;
}
.productsSec .tab__panels {
	width: 100%;
	margin-top: -1px;
	border-top: 1px solid #F2F2F2;
	z-index: 1;
}
.productsSec .tab__panel {
	display: none;
	padding: 1.7143vw 0.5714vw 0;
}
.productsSec .tab__panel.is-display {
	display: block;
	animation: panel-show .9s ease-in-out forwards;
}
.productsSec .tab__panel .panel__item {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.productsSec .tab__panel .panel__item li {
	position: relative;
	width: 39.5714vw;
	height: 14.2857vw;
	overflow: hidden;
}
.productsSec .tab__panel .panel__item li::after {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	z-index: -1;
}
.productsSec .tab__panel.tab__titanium .panel__item li:nth-child(1)::after {
	background: url(../img/top/products__item__titanium__bg__01.png);
	background-size: cover;
}
.productsSec .tab__panel.tab__titanium .panel__item li:nth-child(2)::after {
	background: url(../img/top/products__item__titanium__bg__02.png);
	background-size: cover;
}
.productsSec .tab__panel.tab__pvc .panel__item li:nth-child(1)::after {
	background: url(../img/top/products__item__titanium__bg__01.png);
	background-size: cover;
}
.productsSec .tab__panel.tab__pvc .panel__item li:nth-child(2)::after {
	background: url(../img/top/products__item__titanium__bg__02.png);
	background-size: cover;
}
.productsSec .tab__panel.tab__other .panel__item li:nth-child(1)::after {
	background: url(../img/top/products__item__titanium__bg__01.png);
	background-size: cover;
}
.productsSec .tab__panel.tab__other .panel__item li:nth-child(2)::after {
	background: url(../img/top/products__item__titanium__bg__02.png);
	background-size: cover;
}
.productsSec .tab__panel .panel__item li:hover:after {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.productsSec .tab__panel .panel__item li a {
	display: flex;
	justify-content: center;
	align-content: flex-start;
	flex-flow: column;
	width: 100%;
	height: 100%;
	padding: 3.1429vw;
	font-weight: 700;
	color: #fff;
}
.productsSec .tab__panel .panel__item .panelItem__text-jp {
	font-size: 1.7143vw;
	line-height: 1.45;
}
.productsSec .tab__panel .panel__item .panelItem__text-en {
	font-size: 1.1429vw;
	line-height: 1.5;
}


.newsSec {
	position: relative;
	width: 100%;
	padding: 5.1429vw 0 12.8571vw;
}
.newsSec::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/top/news__bg.png) no-repeat left bottom;
	background-size: auto 100%;
	z-index: -1;
}
.newsSec .l-inner {
	width: 100%;
	margin: 0 0 0 auto;
}
.newsSec .news__box {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 77.6429vw;
	margin: 0 0 0 auto;
	padding: 3.2143vw 9.8571vw 3.5714vw 6.7857vw;
	background: #032e6f;
	color: #fff;
}
.newsSec .news__box__title {
	padding-top: 9.1429vw;
}
.newsSec .news__box__title .sec__title-en {
	margin-bottom: 1.0714vw;
	font-size: 2.6429vw;
	color:#fff;
}
.newsSec .news__box__title .sec__title-jp {
	margin-bottom: 3.7143vw;
	font-size: 1.1429vw;
	font-weight: 300;
	line-height: 1;
	letter-spacing: .05em;
}
.newsSec .link__box-news {
	display: flex;
}
.newsSec .link__box-news a {
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 8.5714vw;
	height: 3.0714vw;
	padding: 0 1.0714vw;
	font-size: 0.9286vw;
	font-weight: 500;
	line-height: 1;
	letter-spacing: .05em;
	color: #fff;
	border: 1px solid #fff;
	background: #032e6f;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.newsSec .link__box-news a::after {
	position: absolute;
	content: "";
	right: 1.0714vw;
	width: 6px;
	height: 12px;
	background: url('data:image/svg+xml;charset=UTF-8,<svg width="8.11" height="13.393" viewBox="0 0 8.11 13.393" xmlns="http://www.w3.org/2000/svg" fill="none"><path d="M760.055-9307l5.989,5.989-5.989,5.989" transform="translate(-759.348 9307.707)" stroke="%23ffffff" stroke-width="2" /></svg>') no-repeat center center;
	z-index: 2;
}
.newsSec .link__box-news a:hover::after {
	right: 0.7143vw;
}

.newsSec .news__entry__list {
	width: 45vw;
}
.newsSec .news__entry__list .entry__item {
	width: 45vw;
}
.newsSec .news__entry__list .entry__item a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 1.2857vw 3.2143vw 2vw 0.9286vw;
	color: #fff;
	border-bottom: 1px solid #6781a8;
}
.newsSec .entry__item__head {
	margin-bottom: 1.0714vw;
}
.newsSec .entry__item__head .news__date {
	display: inline-block;
	padding: 0.4286vw 0 0;
	font-family: "Josefin Sans", serif;
	font-size: 1.1429vw;
	font-weight: 400;
	color: #8CA3C4;
}
.newsSec .entry__item__head .news__category {
	display: inline-block;
	padding: 0.3571vw 3.2143vw;
	margin-left: 2.8571vw;
	font-size: 1vw;
	font-weight: 400;
	line-height: 1;
	color: #fff;
	border: 1px solid #fff;
}
.newsSec .entry__item__summary {
	font-size: 1.1429vw;
	font-weight: 400;
	line-height: 1.8;
	color: #fff;
}


@media screen and (min-width:768px) {
	.newsSec .link__box {
		display: none;
	}
	.newsSec .news__entry__list .entry__item a:hover .entry__item__summary {
		text-decoration: underline;
	}
}

/* パネル切り替えのアニメーション */
@keyframes panel-show {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


@media screen and (min-width:1401px) {
	.contentsWrap-second::before {
		width: 803px;
		height: 100%;
		background: url(../img/top/second__bg__before.png) no-repeat top left;
		background-size: contain;
		z-index: -1;
	}
	.aboutSec {
		width: 745px;
		padding: 185px 0 227px;
	}
	.aboutSec .l-inner {
		width: 520px;
	}
	.aboutSec .sec__title {
		margin-bottom: 43px;
	}
	.aboutSec .sec__title .sec__title-en {
		
	}
	.aboutSec .sec__body {
		margin-bottom: 48px;
	}
	.aboutSec .sec__body h3 {
		margin-bottom: 27px;
		font-size: 30px;
	}
	.aboutSec .sec__body p {
		font-size: 18px;
	}

	.featureSec {
		padding: 0 0 165px;
	}
	.featureSec::before {
		top: 16px;
		width: 447px;
		height: 800px;
	}
	.featureSec .l-inner {
		width: 966px;
	}
	.featureSec .sec__title {
		margin-bottom: 100px;
	}
	.featureSec .sec__title .sec__title-en {
		
	}
	.featureSec .sec__body {
		margin-bottom: 80px;
	}
	.featureSec .feature__list .feature__item {
		width: 300px;
		height: 380px;
		padding: 90px 20px 20px;
	}
	.featureSec .feature__list .feature__item .featureItem__no {
		top: -31px;
		left: calc( 50% - 60px);
		width: 120px;
	}
	.featureSec .feature__list .feature__item .featureItem__body {
		padding: 48px 0;
	}
	.featureSec .feature__list .feature__item .featureItem__body h3 {
		margin-bottom: 40px;
		font-size: 30px;
	}
	.featureSec .feature__list .feature__item .featureItem__body p {
		font-size: 20px;
	}

	.productsSec {
		padding: 90px 0 156px;
	}
	.productsSec::before {
		top: 17px;
		width: 577px;
		height: 542px;
	}
	.productsSec .l-inner {
		width: 1132px;
	}
	.productsSec .sec__title {
		margin-bottom: 77px;
	}
	.productsSec .sec__title .sec__title-en {
		
	}
	.productsSec .sec__body {
		margin-bottom: 65px;
	}
	.productsSec .tab__menus .tab__menu {
		width: 362px;
		height: 85px;
		font-size: 24px;
	}
	.productsSec .tab__panel {
		padding: 24px 8px 0;
	}

	.productsSec .tab__panel .panel__item li {
		width: 554px;
		height: 200px;
	}
	.productsSec .tab__panel .panel__item li a {
		padding: 44px;
	}
	.productsSec .tab__panel .panel__item .panelItem__text-jp {
		font-size: 24px;
	}
	.productsSec .tab__panel .panel__item .panelItem__text-en {
		font-size: 16px;
	}

	.newsSec {
		padding: 72px 0 180px;
	}
	.newsSec::before {
		width: 611px;
		/*height: 800px;*/
	}
	.newsSec .l-inner {
		width: 1400px;
		margin: 0 auto;
	}
	.newsSec .news__box {
		width: 1087px;
		padding: 45px 138px 50px 95px;
	}
	.newsSec .news__box__title {
		padding-top: 128px;
	}
	.newsSec .news__box__title .sec__title-en {
		margin-bottom: 15px;
		font-size: 37px;
	}
	.newsSec .news__box__title .sec__title-jp {
		margin-bottom: 52px;
		font-size: 16px;
	}
	.newsSec .link__box-news a {
		width: 120px;
		height: 43px;
		padding: 0 15px;
		font-size: 13px;
	}
	.newsSec .link__box-news a::after {
		right: 15px;
	}
	.newsSec .link__box-news a:hover::after {
		right: 10px;
	}

	.newsSec .news__entry__list {
		width: 630px;
	}
	.newsSec .news__entry__list .entry__item {
		width: 630px;
	}
	.newsSec .news__entry__list .entry__item a {
		padding: 18px 45px 28px 13px;
	}
	.newsSec .entry__item__head {
		margin-bottom: 15px;
	}
	.newsSec .entry__item__head .news__date {
		padding: 6px 0 0;
		font-size: 16px;
	}
	.newsSec .entry__item__head .news__category {
		padding: 5px 45px;
		margin-left: 40px;
		font-size: 14px;
	}
	.newsSec .entry__item__summary {
		font-size: 16px;
	}
}

@media screen and (max-width: 767px) {
	.contentsWrap-first::before {
		top: 37.8667vw;
		width: 100%;
		height: calc( 100% - 37.8667vw );
		background: url(../img/top/first__bg__before-sp.png) no-repeat top right;
		background-size: 100% auto;
	}
	.contentsWrap-first::after {
		width: 25.6vw;
		height: 100%;
		background: url(../img/top/first__bg__after-sp.png) no-repeat top left;
		background-size: contain;
		z-index: -1;
	}
	.contentsWrap-second::before {
		width: 50.1333vw;
		background: url(../img/top/second__bg__before-sp.png) no-repeat top left;
		background-size: contain;
	}

	.aboutSec {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		width: 100%;
		margin: 0 auto;
		padding: 23.7333vw 0 27.3333vwvw;
	}
	.aboutSec .l-inner {
		width: 92vw;
		margin: 0 auto;
	}
	.aboutSec .sec__title {
		margin-bottom: 4.5333vw;
		padding: 0 4.5333vw;
	}
	.aboutSec .sec__title .sec__title-en {
		
	}
	.aboutSec .sec__body {
		margin-bottom: 10.6667vw;
		padding: 0 4vw;
	}
	.aboutSec .sec__body h3 {
		margin-bottom: 4.2667vw;
		font-size: 5.3333vw;
		line-height: 1.75;
	}
	.aboutSec .sec__body p {
		font-size: 4.2667vw;
		line-height: 1.875;
	}

	.featureSec {
		padding: 0.8vw 0 22.6667vw;
	}
	.featureSec::before {
		top: 0;
		width: 20.5333vw;
		height: 100%;
		background: url(../img/top/feature__bg-sp.png) no-repeat;
		background-size: 100% auto;
		overflow: hidden;
	}
	.featureSec .l-inner {
		width: 92vw;
		margin: 0 auto;
	}
	.featureSec .sec__title {
		margin-bottom: 14.6667vw;
	}
	.featureSec .sec__title .sec__title-en {
		margin: 0 auto 4vw;
	}
	.featureSec .sec__body {
		margin-bottom: 10.6667vw;
	}
	.featureSec .feature__list {
		flex-flow: column;
	}
	.featureSec .feature__list .feature__item {
		width: 91.2vw;
		height: 101.3333vw;
		padding: 24vw 5.8667vw 5.3333vw;
	}
	.featureSec .feature__list .feature__item:not(:last-of-type) {
		margin-bottom: 12vw;
	}
	.featureSec .feature__list .feature__item.feature__item-first {
		background: url(../img/top/feature__01__bg-sp.jpg) no-repeat;
		background-size: cover;
	}
	.featureSec .feature__list .feature__item.feature__item-second {
		background: url(../img/top/feature__02__bg-sp.jpg) no-repeat;
		background-size: cover;
	}
	.featureSec .feature__list .feature__item.feature__item-third {
		background: url(../img/top/feature__03__bg-sp.jpg) no-repeat;
		background-size: cover;
	}
	.featureSec .feature__list .feature__item .featureItem__no {
		top: -6.1333vw;
		left: calc( 50% - 16vw);
		width: 32vw;
	}
	.featureSec .feature__list .feature__item .featureItem__body {
		padding: 12.8vw 0;
	}
	.featureSec .feature__list .feature__item .featureItem__body h3 {
		margin-bottom: 10.1333vw;
		font-size: 8vw;
	}
	.featureSec .feature__list .feature__item .featureItem__body p {
		font-size: 5.3333vw;
	}

	.productsSec {
		padding: 21.8667vw 0 29.3333vw;
	}
	.productsSec::before {
		top: 23.4667vw;
		width: 126.1333vw;
		height: 62.4vw;
		background: url(../img/top/products__bg-sp.png) no-repeat;
		background-size: contain;
	}
	.productsSec .l-inner {
		width: 100%;
		margin: 0 auto;
	}
	.productsSec .sec__title {
		margin-bottom: 11.4667vw;
	}
	.productsSec .sec__title .sec__title-en {
		
	}
	.productsSec .sec__body {
		margin-bottom: 10.6667vw;
	}
	.productsSec .tab__menus .tab__menu {
		width: calc( 100% / 3 );
		height: 18.6667vw;
		font-size:  4.8vw;
		font-weight: 700;
		line-height: 1.38
	}
	.productsSec .tab__panel {
		display: none;
		width: 92vw;
		margin: 0 auto;
		padding: 5.3333vw 4vw 0;
	}
	.productsSec .tab__panel .panel__item {
		flex-flow: column;
		align-items: center;
	}
	.productsSec .tab__panel .panel__item li {
		width: 91.4667vw;
		height: 53.3333vw
	}
	.productsSec .tab__panel .panel__item li:not(:last-of-type) {
		margin-bottom: 6.4vw;
	}
	.productsSec .tab__panel.tab__titanium .panel__item li:nth-child(1)::after {
		background: url(../img/top/products__item__titanium__bg__01-sp.png);
		background-size: cover;
	}
	.productsSec .tab__panel.tab__titanium .panel__item li:nth-child(2)::after {
		background: url(../img/top/products__item__titanium__bg__02-sp.png);
		background-size: cover;
	}
	.productsSec .tab__panel.tab__pvc .panel__item li:nth-child(1)::after {
		background: url(../img/top/products__item__titanium__bg__01-sp.png);
		background-size: cover;
	}
	.productsSec .tab__panel.tab__pvc .panel__item li:nth-child(2)::after {
		background: url(../img/top/products__item__titanium__bg__02.png);
		background-size: cover;
	}
	.productsSec .tab__panel.tab__other .panel__item li:nth-child(1)::after {
		background: url(../img/top/products__item__titanium__bg__01.png);
		background-size: cover;
	}
	.productsSec .tab__panel.tab__other .panel__item li:nth-child(2)::after {
		background: url(../img/top/products__item__titanium__bg__02.png);
		background-size: cover;
	}
	.productsSec .tab__panel .panel__item li:hover:after {
		transform:none;
	}
	.productsSec .tab__panel .panel__item li a {
		padding: 5.3333vw;
	}
	.productsSec .tab__panel .panel__item .panelItem__text-jp {
		font-size: 5.3333vw;
	}
	.productsSec .tab__panel .panel__item .panelItem__text-en {
		font-size: 3.2vw;
	}
	.productsSec .link__box {
		width: 92vw;
		margin: 0 auto;
	}

	.newsSec {
		padding: 10.9333vw 0 26.6667vw;
	}
	.newsSec::before {
		width: 50.1333vw;
		background: url(../img/top/news__bg-sp.png) no-repeat;
		background-size: 100% auto;
	}
	.newsSec .l-inner {
		width: 92vw;
		margin: 0 auto;
	}
	.newsSec .news__box {
		flex-flow: column;
		width: 100%;
		margin: 0 auto 13.3333vw;
		padding: 20.2667vw 6.6667vw;
	}
	.newsSec .news__box__title {
		padding-top: 0;
	}
	.newsSec .news__box__title .sec__title-en {
		margin-bottom: 1.8667vw;
		font-size: 11.2vw;
	}
	.newsSec .news__box__title .sec__title-jp {
		margin-bottom: 3.2vw;
		font-size:  4.8vw;
	}
	.newsSec .link__box-news {
		display: none;
	}
	.newsSec .news__entry__list {
		width: 100%;
	}
	.newsSec .news__entry__list .entry__item {
		width: 100%;
	}
	.newsSec .news__entry__list .entry__item a {
		padding: 4.2667vw 0;
	}
	.newsSec .entry__item__head {
		margin-bottom: 4.2667vw;
	}
	.newsSec .entry__item__head .news__date {
		padding: 1.6vw 0 0;
		font-size: 4.2667vw;
	}
	.newsSec .entry__item__head .news__category {
		display: inline-block;
		padding: 1.6vw 12vw;
		margin-left: 6.6667vw;
		font-size: 3.7333vw;
	}
	.newsSec .entry__item__summary {
		height:14.9333vw;
		font-size: 4.2667vw;
		overflow: hidden;
	}
}


/*-------------------------------
 Contact
-------------------------------*/
.contactSec {
	position: relative;
	width: 100%;
	padding: 14.7857vw 0 7.5vw;
	background: url( ../img/top/contact__bg.jpg ) no-repeat;
	background-size: 100% auto;
}
.contactSec::after{
	position: absolute;
	content: "";
	bottom: 0;
	width: 100%;
	height: 15vw;
	background-image: linear-gradient( rgb( 188 188 188 / 0), rgb( 188 188 188 / 0.33) );
	z-index: -2;
}
.contactSec .l-inner {
	width: 69vw;
	margin: 0 auto;
	padding: 0;
}
.contactSec .l-inner .sec__titleWrap {
	background: rgb( 255 255 255 / 0.73 );
	box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.1);
}
.contactSec .l-inner .sec__title {
	flex-flow: column;
	justify-content: center;
	text-align: center;
	transform: translateY(-2.9286vw);
}
.contactSec .l-inner .sec__title .sec__title-en {
	margin-bottom: 2vw;
}
.contactSec .l-inner .sec__title .sec__title-jp {
	margin-bottom: 2.7143vw;
}
.contactSec .l-inner .sec__title p {
	font-size: 1.4286vw;
	font-weight: 700;
	letter-spacing: .05em;
	line-height: 1;
}
.contact__btnWrap {
	position: relative;
}
.contact__btnWrap::after {
	position: absolute;
	content: "";
	bottom: -8.7143vw;
	left: calc( 50% - 38vw );
	width: 76.0714vw;
	height: 17.4286vw;
	background: url(../img/top/contact__btnWrap__after.png) no-repeat;
	background-size: contain;
	z-index: -1;
}
.contact__btnWrap ul {
	display: flex;
}
.contact__btnWrap ul .contact__btn {
	width: 50%;
	height: 11.4286vw;
}
.contact__btnLink-tel,
.contact__btnLink-form {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	z-index:0;
}
.contact__btnLink-tel img {
	width: 23.9286vw;
	margin-bottom: 0.8571vw;
}
.contact__btnLink-form img {
	width: 3vw;
	margin-right: 1vw;
}

.contact__btnLink-tel {
	flex-flow: column;
	font-size: 1.2143vw;
	font-weight: 700;
	letter-spacing: .05em;
	line-height: 1;
}
.contact__btnLink-tel::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	background-image: linear-gradient(90deg, #032E6F, #76B1D0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	z-index: -1;
}
.contact__btnLink-tel::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	background-image: linear-gradient(90deg, #76B1D0, #032E6F);
	z-index: -2;
}
.contact__btnLink-tel:hover {
	color: #fff;
}
.contact__btnLink-tel:hover::before {
	opacity:0;
}
.contact__btnLink-form {
	font-size: 2vw;
	font-weight: 700;
	letter-spacing: .05em;
	line-height: 1;
}
.contact__btnLink-form::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	background-image: linear-gradient(90deg, #F4BB21, #FF782B);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	z-index: -1;
}
.contact__btnLink-form::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	left: 0;
	background-image: linear-gradient(90deg, #FF782B, #F4BB21);
	z-index: -2;
}
.contact__btnLink-form:hover {
	color: #fff;
}
.contact__btnLink-form:hover::before {
	opacity:0;
}

@media screen and (min-width:1401px) {
	.contactSec {
		padding: 207px 0 105px;
		background-size: 100% 446px;
	}
	.contactSec::after{
		height: 210px;
	}
	.contactSec .l-inner {
		width: 966px;
	}
	.contactSec .l-inner .sec__titleWrap {
		box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.1);
	}
	.contactSec .l-inner .sec__title {
		transform: translateY(-41px);
	}
	.contactSec .l-inner .sec__title .sec__title-en {
		margin-bottom: 28px;
	}
	.contactSec .l-inner .sec__title .sec__title-jp {
		margin-bottom: 38px;
	}
	.contactSec .l-inner .sec__title p {
		font-size: 20px;
	}
	.contact__btnWrap::after {
		bottom: -122px;
		left: calc( 50% - 532px );
		width: 1065px;
		height: 244px;
	}
	.contact__btnWrap ul .contact__btn {
		height: 160px;
	}
	.contact__btnLink-tel img {
		width: 335px;
		margin-bottom: 12px;
	}
	.contact__btnLink-form img {
		width: 42px;
		margin-right: 14px;
	}
	.contact__btnLink-tel {
		font-size: 17px;
	}
	.contact__btnLink-form {
		font-size: 28px;
	}
}

@media screen and (max-width: 767px) {
	.contactSec {
		padding: 39.2vw 0 24.2667vw;
		background: url( ../img/top/contact__bg-sp.jpg ) no-repeat;
		background-size: 100% auto;
	}
	.contactSec::after{
		content: none;
	}
	.contactSec .l-inner {
		width: 100%;
	}
	.contactSec .l-inner .sec__titleWrap {
		height: 45.3333vw;
		box-shadow: none;
	}
	.contactSec .l-inner .sec__title {
		transform: translateY(-5.3333vw);
	}
	.contactSec .l-inner .sec__title .sec__title-jp {
		margin-bottom: 9.0667vw;
	}
	.contactSec .l-inner .sec__title p {
		font-size: 4.2667vw;
		line-height: 1.875;
	}
	.contact__btnWrap::after {
		width: 100%;
		bottom: -24vw;
		left: 0;
		height: 65.0667vw;
		background: url(../img/top/contact__btnWrap__after-sp.png) no-repeat;
		background-size: contain;
	}
	.contact__btnWrap ul {
		display: flex;
		flex-flow: column;
	}
	.contact__btnWrap ul .contact__btn {
		width: 100%;
		height: 42.6667vw;
	}
	.contact__btnLink-tel img {
		width: 78.4vw;
		margin-bottom: 5.3333vw;
	}
	.contact__btnLink-form img {
		width: 8.2667vw;
		margin-right: 4.5333vw;
	}
	.contact__btnLink-tel {
		font-size: 4vw;
	}
	.contact__btnLink-tel::after,
	.contact__btnLink-form::after {
		content: none;
	}
	.contact__btnLink-tel:hover::before,
	.contact__btnLink-form:hover::before {
		opacity: 1;
	}
	.contact__btnLink-form {
		font-size: 6.4vw;
	}
}