@charset "utf-8";


/* mv */
.mv{}
.mv__inner{
	position: relative;
}
.mv__slides{
	margin: 0;
	padding: 0;
	list-style: none;
}
.mv__slide{
	text-align: center;
}
.mv__link{}
.mv__link:hover{
	opacity: 1;
}
.mv__image{}
.mv__pager{
	margin: 0;
	padding: 0;
	list-style: none;
	
	display: none;
}
.mv__page{}
.mv__pageLink{}
.mv__arrows{
	margin: 0;
	padding: 0;
	list-style: none;
}
.mv__arrow{
	display: flex;
	justify-content: center;
	align-items: center;
	
	position: absolute;
	top: 0;
	bottom: 0;
}
.mv__arrow--back{
	left: 1em;
}
.mv__arrow--next{
	right: 1em;
}
.mv__arrowLink{}

@media (min-width: 769px){
	.mv{}
	.mv__inner{}
	.mv__slides{}
	.mv__slide{}
	.mv__link{
		display: flex;
		justify-content: center;
		
		overflow: hidden;
	}
	.mv__image{
		flex: 0 0 auto;
	}
	.mv__pager{}
	.mv__page{}
	.mv__pageLink{}
	.mv__arrows{}
	.mv__arrow{}
	.mv__arrow--back{}
	.mv__arrow--next{}
	.mv__arrowLink{}
}
@media (max-width: 768px){
	.mv{}
	.mv__inner{}
	.mv__slides{}
	.mv__slide{}
	.mv__link{}
	.mv__image{
		width: 100%;
	}
	.mv__pager{}
	.mv__page{}
	.mv__pageLink{}
	.mv__arrows{}
	.mv__arrow{}
	.mv__arrow--back{}
	.mv__arrow--next{}
	.mv__arrowLink{}
}
@media all and (-ms-high-contrast: none) and (min-width: 769px){
	.mv__link{
		height: 540px;
		position: relative;
	}
	.mv__image{
		display: block;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}

}





/* lineup */
.lineupFrame{}
.lineupFrame__item{
	margin-bottom: 3.75em;
}

@media (min-width: 769px){
	.lineupFrame{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.lineupFrame__item{
		flex: 0 1 495px;
		
		overflow: hidden;
		box-sizing: border-box;
	}
}
@media (max-width: 768px){
	.lineupFrame{}
	.lineupFrame__item{}
}

.lineup{}
.lineup__inner{}
.lineup__header{}
.lineup__link{
	color: #000;
	display: block;
}
.lineup__banner{}
.lineup__image{
	width: 100%;
}
.lineup__label{
	display: flex;
	align-items: center;
	justify-content: center;
	
	margin: 0;
	padding: .5em;
	
	color: #fff;
	background-color: #669ECE;
}
.lineup__label:after{
	content: "";
	
	display: block;
	margin-left: .5em;
	
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left-color: inherit;
}
.lineup__name{
	margin: 0;
	padding: 0;
	margin-top: .5em;
	font-weight: bold;
}
.lineup__new{
	padding: .125em 1.5em;
	margin-left: .75em;
	
	color: #fff;
	font-size: .75em;
	font-weight: bold;
	line-height: 1.5em;
	background-color: #f39800;
}

@media (min-width: 769px){
	.lineup{}
	.lineup__inner{}
	.lineup__header{}
	.lineup__link{}
	.lineup__banner{}
	.lineup__image{}
	.lineup__label{}
	.lineup__name{}
}
@media (max-width: 768px){
	.lineup{}
	.lineup__inner{}
	.lineup__header{}
	.lineup__link{}
	.lineup__banner{}
	.lineup__image{}
	.lineup__label{}
	.lineup__name{}
}

.lineup-bn{
	margin: 0;
	padding: 0;
	list-style: none;
}
.lineup-bn__item{
	text-align: center;
	/*margin-bottom: 1em;*/
	margin-bottom: 3em;　/*add_20190926*/
}
.lineup-bn__link{}
.lineup-bn__img{
	max-width: 100%;
}



/* regist */
.regist{
	text-align: center;
}
.regist__inner{
	padding: 1.5em;
}
.regist__heading{
	margin: 0;
	padding: 0;
	
	margin-bottom: 1em;
}
.regist__note{
	margin: 0;
	padding: 0;
}
.regist__navi{
	width: 60%;
	
	margin-top: 3em;
	margin-left: auto;
	margin-right: auto;
}




/* merit */
.merit{}
.merit__inner{}
.merit__heading{
	text-align: center;
}
.merit__num{
	color: #308BD9;
	font-size: 2em;
	vertical-align: baseline;
}
.merit__items{
	margin: 0;
	padding: 0;
	list-style: none;
}
.merit__item{}
.merit__title{
	margin: 0;
	padding: 0;
}
.merit__headimg{
	width: 100%;
}
.merit__note{
	margin: 0;
	padding: 1em;
	border: 1px solid #999;
}
.merit__navi{
	width: 60%;
	
	/*margin-top: 3em;*/
	margin-top: 1em;/*add_20190927*/
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 769px){
	.merit__items{
		display: flex;
		flex-wrap: wrap;
		margin-left: -2.5%;
	}
	.merit__item{
		flex: 1 1 47.5%;
		margin-left: 2.5%;
		/*margin-bottom: 1.25%;*/
		margin-bottom: 5.25%;/*add_20190926*/
		
		display: flex;
		flex-direction: column;
	}
	.merit__title{
		flex: 0 0 auto;
	}
	.merit__note{
		flex: 1 1 auto;
	}
}
@media (max-width: 768px){
	.merit__item{
		margin-bottom: 2em;
	}
}





/* news */
.newsFrame{
	margin-bottom: 3em;
}
.newsFrame__item{}
.newsFrame__item:not(:last-child){
	margin-bottom: 1.5em;
}
.newsFrame__link{
	display: block;
}

/* add_190325 */
.newsFrame2{
	padding: 1em;
}
/* add_190329 削除*/
/*
.newsFrame__item{}
.newsFrame__item:not(:last-child){
	margin-bottom: 1.5em;
}
.newsFrame__link{
	display: block;
}
*/

@media (min-width: 769px){
	.newsFrame{}
	.newsFrame__item{}
	.newsFrame__link{
		display: flex;
		align-items: center;
	}
}
@media (max-width: 768px){
	.newsFrame{}
	.newsFrame__item{}
	.newsFrame__link{
	display: flex;/* add_190329*/
	align-items: center;/* add_190329*/		
	}
}

.news{
	background-color: #F7F7F7;
}
.news__inner{}
.news__date{
	text-align: center;
	color: #fff;
	background-color: #2C72AE;
}
.news__note{
	margin: 0;
	padding: 0;
	color: #111111;
}

/* add_190325 追加*/
.news2{
	background-color: #f7f7f7;
	border: solid 2px #2C72AE;/* add_190329*/
}
.news__date2{
	text-align: center;
	color: #ffffff;
	background-color: #2C72AE;/* add_190325*/
}
.news__note2{
	margin: 0;
	padding: .5em;/* add_190329*/
	color: #2C72AE;/* add_190329*/
	flex: 1 1 auto;/* add_190329*/
	
}
/* add_190325_end*/

@media (min-width: 769px){
	.news{}
	.news__inner{}
	.news__date{
		flex: 0 0 10em;
		width: 10em;
		box-sizing: border-box;
		margin-right: 5em;
	}
	
	.news__note{
		flex: 1 1 auto;
	}
	
	.news .buttonFrame1__item{
		flex-basis: 600px;
	}
}

@media (max-width: 768px){
	.news{}
	.news__inner{}
	.news__date{
		display: table;
		padding: .5em 1em;
		margin-bottom: .5em;
	}
	.news__note{}
}

/* add_190325 */
@media (min-width: 769px){
	.news2{}
	.news__inner2{}
	.news__date2{
		flex: 0 0 10em;
		width: 10em;
		box-sizing: border-box;
		margin-right: .5em;
	}
	
	.news__note2{
		padding: .5em;/* add_190329*/
		color: #2C72AE;/* add_190329*/
		flex: 1 1 auto;
	}
	.news2 .buttonFrame1__item2{
		flex-basis: 600px;
	}
}

@media (max-width: 768px){
	.news2{
	background-color: #f7f7f7;
	border: solid 2px #3071AD;
	}
	
	.news__inner2{
		display: flex;
		align-items: center;
	}
	.news__date2{
		width: 5em;
		box-sizing: border-box;
		margin-right: .5em;/*add_190329 */
		float: left; /*	add_190329 */
		padding: 2px 5px 2px 5px;/* add_190329 */
	}
}
/* add_190325_end */




/**/
.support{}

@media (min-width: 769px){}
@media (max-width: 768px){}



.supportLearnFrame{
	
}
.supportLearnFrame__item{
	
}

.supportLearn{
	color: #2C72AE;
}
.supportLearn__link{}
.supportLearn__icon{}
.supportLearn__heading{
	margin: 0;
	padding: 0;
}
.supportLearn__note{
	margin: 0;
	padding: 0;
}
.supportLearnMore{}

@media (min-width: 769px){
	.supportLearnFrame{
		display: flex;
	}
	.supportLearnFrame__item{
		flex: 0 1 50%;
		
		padding-left: 2.75em;
		padding-right: 2.75em;
		
		padding-top: 1em;
		padding-bottom: 1em;
		
		box-sizing: border-box;
	}
	.supportLearnFrame__item:not(:first-child){
		border-left: 1px solid #308BD9;
	}
	
	.supportLearn{}
	.supportLearn__link{
		color: #2C72AE;
		
		height: 100%;
		
		display: grid;
		grid-template-columns: auto 1fr;
		grid-template-rows: auto 1fr auto;
		grid-template-areas: 
			"icon heading"
			"icon note"
			"more more";
	}
	.supportLearn__icon{
		grid-area: icon;
		
		margin-right: 3em;
		align-self: center;
	}
	.supportLearn__heading{
		grid-area: heading;
	}
	.supportLearn__note{
		grid-area: note;
	}
	.supportLearnMore{
		grid-area: more;
		
		margin-top: 1.5em;
		text-align: center;
	}
	.supportLearnMore > .button1{
		display: inline-block;
		width: auto;
		min-width: 310px;
	}
	.supportLearnMore__icon{
		display: none;
	}
	.supportLearnMore__body{
		display: none;
	}
}
@media (max-width: 768px){
	.supportLearnFrame{}
	.supportLearnFrame__item{}
	.supportLearnFrame__item:not(:last-child){
		margin-bottom: 1.75em;
	}
	
	.supportLearn{}
	.supportLearn__link{}
	.supportLearn__icon,
	.supportLearn__heading,
	.supportLearn__note{
		display: none;
	}
	.supportLearnMore{
		color: #2C72AE;
		border: 1px solid;
		
		padding: 1em;
		
		display: flex;
		align-items: center;
		
		font-size: 1.15em;
		font-weight: bold;
		line-height: 1.75em;
	}
	.supportLearnMore__icon{
		margin-right: 1em;
	}
	.supportLearnMore__body{}
}
@media all and (-ms-high-contrast: none) and (min-width: 769px){
	.supportLearn__link{
		display: -ms-grid;
		-ms-grid-columns: auto 1fr;
		-ms-grid-rows: auto 1fr auto;
	}
	.supportLearn__icon{
		-ms-grid-column: 1;
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
	}
	.supportLearn__heading{
		-ms-grid-column: 2;
		-ms-grid-row: 1;
	}
	.supportLearn__note{
		-ms-grid-column: 2;
		-ms-grid-row: 2;
	}
	.supportLearnMore{
		display: block;
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		-ms-grid-row: 3;
	}
}



.supportContact{
	color: #2C72AE;
}
.supportContactFrame{
	padding: 1em;
	border: 1px solid #2C72AE;
}
.supportContactHeader__icon{}
.supportContactHeader__heading{
	color: #2C72AE;
	font-size: 1.125em;
	font-weight: bold;
	line-height: 1.75em;
}
.supportContactHeader__note{}
.supportContact__tel{
	font-size: 1.5em;
	font-weight: bold;
}
.supportContactNavi{
	margin: 0;
	padding: 0;
	list-style: none;
}
.supportContactNavi__item{}

@media (min-width: 769px){
	.supportContact{}
	.supportContactFrame{
		display: grid;
		grid-template-columns: auto 1fr;
		grid-template-areas: 
			"icon heading"
			"icon note"
			"navi navi";
		
		padding-left: 5em;
		padding-right: 5em;
	}
	.supportContactHeader__icon{
		grid-area: icon;
		align-self: center;
		margin-right: 2.75em;
	}
	.supportContactHeader__heading{
		grid-area: heading;
	}
	.supportContactHeader__note{
		grid-area: note;
	}
	.supportContactNavi{
		grid-area: navi;
		margin-top: 1em;
	}
	.supportContactNavi__item{}
	.supportContactNavi > .buttonFrame1__item{
		flex: 1 1 auto;
	}
}
@media (max-width: 768px){
	.supportContact{}
	.supportContactFrame{}
	.supportContactHeader__icon{
		display: none;
	}
	.supportContactHeader__heading{
		margin-bottom: .5em;
		padding-bottom: .5em;
		border-bottom: 1px solid;
	}
	.supportContactHeader__note{
		margin-bottom: 2em;
	}
	.supportContactNavi{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.supportContactNavi__item{}
	.supportContact__time{
		font-size: .875em;
		line-height: 1.5em;
		text-align: center;
		margin-top: .25em;
	}
}
@media all and (-ms-high-contrast: none) and (min-width: 769px){
	.supportContactFrame{
		display: -ms-grid;
		grid-template-columns: auto 1fr;
	}
	.supportContactHeader__icon{
		-ms-grid-column: 1;
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
	}
	.supportContactHeader__heading{
		-ms-grid-column: 2;
		-ms-grid-row: 1;
	}
	.supportContactHeader__note{
		-ms-grid-column: 2;
		-ms-grid-row: 2;
	}
	.supportContactNavi{
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		-ms-grid-row: 3;
	}
}



.supportDelivery{}
.supportDelivery__icon{}
.supportDelivery__header{
	color: #2C72AE;
	font-size: 1.125em;
	font-weight: bold;
	line-height: 1.75em;
}
.supportDelivery__photo{}
.supportDelivery__catch{
	color: #AE2C31;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.75em;
}
.supportDelivery__tax{
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.75em;
	vertical-align: middle;
}
.supportDelivery__note{
	font-size: .875em;
	line-height: 1.75em;
}
.supportDelivery__navi{}

@media (min-width: 769px){
	.supportDelivery{
		padding: 2em;
		border: 1px solid #E5E6E6;
		
		padding-left: 5em;
		padding-right: 40%;
		
		display: grid;
		grid-template-columns: auto 1fr;
		grid-template-areas: 
			"icon heading"
			"icon catch"
			"note note"
			"navi navi";
		
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		background-image:
			linear-gradient(to right, #fff 50%, transparent 80%),
			url(../img/index/support_delivery--pc.jpg);
	}
	.supportDelivery__icon{
		grid-area: icon;
		margin-right: 2.75em;
	}
	.supportDelivery__header{
		grid-area: heading;
	}
	.supportDelivery__photo{
		display: none;
	}
	.supportDelivery__catch{
		grid-area: catch;
	}
	.supportDelivery__note{
		grid-area: note;
		
		margin-top: 1.5em;
		margin-bottom: 1.5em;
	}
	.supportDelivery__navi{
		grid-area: navi;
		
		justify-content: flex-start;
	}
}
@media (max-width: 768px){
	.supportDelivery{}
	.supportDelivery__icon{
		display: none;
	}
	.supportDelivery__header{
		margin-bottom: 1em;
	}
	.supportDelivery__photo{
		margin-bottom: 1em;
	}
	.supportDelivery__catch{
		text-align: center;
	}
	.supportDelivery__note{
		margin-top: 1.5em;
		margin-bottom: 1.5em;
	}
	.supportDelivery__navi{}
}
@media all and (-ms-high-contrast: none) and (min-width: 769px){
	.supportDelivery{
		display: -ms-grid;
		-ms-grid-columns: auto 1fr;
	}
	.supportDelivery__icon{
		-ms-grid-column: 1;
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
	}
	.supportDelivery__header{
		-ms-grid-column: 2;
		-ms-grid-row: 1;
	}
	.supportDelivery__catch{
		-ms-grid-column: 2;
		-ms-grid-row: 2;
	}
	.supportDelivery__note{
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		-ms-grid-row: 3;
	}
	.supportDelivery__navi{
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		-ms-grid-row: 4;
	}
}










@media (min-width: 769px){}
@media (max-width: 768px){}
