@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

.gnav__item--home a {
  text-decoration: underline;
}

/* ==========================================================================
	MAIN
	========================================================================== */
	
.mainslider {
  clear: both;
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 1900px;
  margin: 0 auto 80px auto;
}
.swiper-slide img {
  width: 100%;
}
.slide-txt {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
}
.slide-txt__tit {
	color: #fff;
  font-family: var(--font02);
	font-size: clamp(2.5rem,4.5vw,6rem);
	font-weight: 400;
	text-align: center;
	margin-bottom: 30px;
}
.slide-txt__tit span {
	display: block;
	font-size: 45%;
	margin-top: 20px;
}
.slide-txt__en {
	color: #fff;
	font-family: var(--font01);
	font-size: clamp(1.2rem,2vw,1.7rem);
}
.slide-txt__en::after {
	content: "";
	display: block;
	width: 1px;
	height: 120px;
	background-color: #fff;
	margin: 10px auto 0 auto;
}

/* ==========================================================================
	CONTENTS
	========================================================================== */

.news-list {
	display: flex;
	margin-bottom: 7vh;
}
.news-list__date {
	width: 360px;
}
.news-list__tit {
	flex: 1;
}
.cat {
	display: flex;
	align-items: center;
	line-height: 100%;
}
.cat span:first-child {
	width: 100px;
  font-size: 90%;
}
.cat span:last-child {
	flex: 1;
}
.cat span a {
	display: inline-block;
	color: #fff;
	font-size: 80%;
	background-color: #000;
	border-radius: 3px;
	text-align: center;
	padding: 5px 20px;
	margin-left: 10px;
}


.reverse {
  display: flex;
  justify-content: space-between;
  max-width: 1200px;
  margin: auto;
}
.reverse02{
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  max-width: 1000px;
  margin: auto;
}
.column {
  width: 55%;
	text-align: left;
  padding: 0 20px;
}
.column p {
	padding: 0  0 0 30px;
}
.column img {
  max-width: 635px;
}
/*右側へ要素を広げる（2カラム）*/
.column-outside-right {
    flex: 1;
    margin-right: calc(50% - 50vw)!important;
    margin-left: 4%;
}
.column-outside-right img {
	float: left;
}
/*左側へ要素を広げる（2カラム）*/
.column-outside-left {
    flex: 1;
    margin-left: calc(50% - 50vw);
    margin-right: 4%;
}
.column-outside-left img {
	float: right;
	margin-right: 20px;
}

.reason .tit-cmn02 span {
	display: inline-block;
	font-size: 80%;
	border-bottom: dashed 1px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.reason__tit {
	font-size: clamp(1.6rem,2.875vw,2.5rem);
	margin-bottom: 100px!important;
}
.reason__tit span {
	display: block;
	margin-bottom: 40px;
	font-size: 250%;
}
.reason__inner {
	overflow: hidden;
	max-width: 1300px;
	width: 95%;
	text-align: left;
	margin: 0 auto;
}
.reason-list {
	overflow: hidden;
	width: 103.333%;
}
.reason-list__item {
	float: left;
	width: 30%;
	margin-right: 3.333%;
}
.reason-list__item:nth-child(odd) {
	margin-top: 60px;
}
.reason-list__item img {
	display: block;
	margin-bottom: 30px;
}
.reason-list__item .tit-cmn02 small {
	display: block;
	font-size: 80%;
	margin-top: 10px;
}


/* ==========================================================================
	PC 1025px -
	========================================================================== */

@media screen and (min-width: 1025px){


}
@media screen and (max-width: 1200px){/*1200以下*/

}


/* ==========================================================================
	TABLET - 1024px
	========================================================================== */

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

.mainslider {
  margin: 0 auto 40px auto;
}
.slide-txt {
  top: 65%;
}

.news-list {
	display: block;
}
.news-list__date {
  margin-bottom: 10px;
}

.reverse {
  display: block;
  justify-content: normal;
  flex-direction: column;
  width: 95%;
  margin: auto;
}
.reverse02{
  display: block;
  justify-content: normal;
  flex-direction: column;
  width: 95%;
  margin: auto;
}
.column {
  width: 100%;
  padding: 0;
}
.column p {
	padding: 0 0 0 20px;
}
.column img {
  display: block;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}
/*右側へ要素を広げる（2カラム）*/
.column-outside-right {
    margin-right: 0;
    margin-left: 0;
}
.column-outside-right img {
	float: none;
}
/*左側へ要素を広げる（2カラム）*/
.column-outside-left {
    margin-left: 0;
    margin-right: 0;
}
.column-outside-left img {
	float: none;
	margin-right: 0;
}

.reason__tit {
	margin-bottom: 70px!important;
}
.reason-list__item:nth-child(odd) {
	margin-top: 40px;
}

}

/* ==========================================================================
	SP - 640px
	========================================================================== */

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

.lead .tit-cmn01 {
	font-size: 5.5vw;
}

.slide-txt__tit {
	margin-bottom: 20px;
}
.slide-txt__en::after {
	height: 40px;
}

.news-list {
	margin-bottom: 4vh;
}
.news-list__date {
	width: 100%;
}
.cat span a {
	padding: 5px 15px;
}

.reason__tit {
	margin-bottom: 40px!important;
}
.reason__tit span {
	margin-bottom: 20px;
	font-size: 180%;
}
.reason-list {
	overflow: hidden;
	width: 100%;
}
.reason-list__item {
	float: none;
	width: 100%;
	margin: 0 0 30px 0;
}
.reason-list__item .tit-cmn02 {
  text-align: center;
}
.reason-list__item:nth-child(odd) {
	margin-top: 0;
}
.reason-list__item img {
  display: block;
  width: 80%;
	margin: 0 auto 20px auto;
}


}