@charset 'utf-8';

/* common
------------------------------------------------ */
.title-page {}

@media screen and (max-width: 768px) {
	.title-page { background-image: url(../../img/concept/title.jpg); }

	.concept_title-page-en { 
		position: absolute;
		top: 60%;
		left: 0;
		width: 100%;
		text-shadow: 0 0 3px rgba(0,0,0,.6);
		text-align: center;
		font-size: 1.4rem;
		font-weight: bolder;
		line-height: 1.2;
		color: #fff;
	}

	.concept_reason-list--item{
		text-align: left;
		padding: 20px 0;
		border-bottom: solid 1px #ccc;
	}
}

@media screen and (min-width: 769px) {
	.title-page { background-image: url(../../img/concept/title-pc.jpg); }

	.concept_title-page-en { 
		position: absolute;
		top: 75%;
		left: 0;
		width: 100%;
		text-shadow: 0 0 3px rgba(0,0,0,.6);
		text-align: center;
		font-size: 1.8rem;
		font-weight: bolder;
		line-height: 1.2;
		color: #fff;
	}
}

/* about
------------------------------------------------ */
@media screen and (max-width: 768px) {
	.concept-about p{
		font-size: 1.4rem;
		line-height: 1.6em;
		color: #000;
		text-align: left;
	}
}

@media screen and (min-width: 769px) {
	.concept-about p{
		font-size: 1.6rem;
		line-height: 1.87em;
		color: #000;
	}
}

/* reason
------------------------------------------------ */
@media screen and (max-width: 768px) {
	.concept_reason-list--item{
		text-align: left;
		padding: 0 0 20px 0;
		margin-bottom: 20px;
		border-bottom: solid 1px #ccc;
	}

	.concept_reason-list--item:last-child{
		margin-bottom: 0;
		border-bottom: none;
	}

	.concept_reason-hedding{
		display: flex;
		font-size: 1.6rem;
		font-weight: normal;
		color: #2e78cb;
		margin-bottom: 15px;
		padding-left: 68px;
		min-height: 59px;
		align-items: center;
	}

	.concept_reason-list--item:first-child .concept_reason-hedding{background: url(../../img/concept/icn_feature-01.png)no-repeat; background-size: 59px;}
	.concept_reason-list--item:nth-child(2) .concept_reason-hedding{background: url(../../img/concept/icn_feature-02.png)no-repeat; background-size: 59px;}
	.concept_reason-list--item:nth-child(3) .concept_reason-hedding{background: url(../../img/concept/icn_feature-03.png)no-repeat; background-size: 59px;}
	.concept_reason-list--item:nth-child(4) .concept_reason-hedding{background: url(../../img/concept/icn_feature-04.png)no-repeat; background-size: 59px;}
	.concept_reason-list--item:nth-child(5) .concept_reason-hedding{background: url(../../img/concept/icn_feature-05.png)no-repeat; background-size: 59px;}
	

	.concept_reason-list--item p{
		font-size: 1.4rem;
		line-height: 1.6em;
		color: #000;
	}

	.concept_reason-photolist--item{
		margin-bottom: 15px;
	}
}

@media screen and (min-width: 769px) {
	.concept_reason-list--item{
		text-align: left;
		padding: 0 0 40px 0;
		margin-bottom: 40px;
		border-bottom: solid 1px #ccc;
	}

	.concept_reason-list--item:last-child{
		margin-bottom: 0;
		border-bottom: none;
	}

	.concept_reason-hedding{
		display: flex;
		font-size: 3.2rem;
		font-weight: normal;
		color: #2e78cb;
		margin-bottom: 25px;
		padding-left: 95px;
		min-height: 81px;
		align-items: center;
	}

	.concept_reason-list--item:first-child .concept_reason-hedding{background: url(../../img/concept/icn_feature-01.png)no-repeat; background-size: 81px;}
	.concept_reason-list--item:nth-child(2) .concept_reason-hedding{background: url(../../img/concept/icn_feature-02.png)no-repeat; background-size: 81px;}
	.concept_reason-list--item:nth-child(3) .concept_reason-hedding{background: url(../../img/concept/icn_feature-03.png)no-repeat; background-size: 81px;}
	.concept_reason-list--item:nth-child(4) .concept_reason-hedding{background: url(../../img/concept/icn_feature-04.png)no-repeat; background-size: 81px;}
	.concept_reason-list--item:nth-child(5) .concept_reason-hedding{background: url(../../img/concept/icn_feature-05.png)no-repeat; background-size: 81px;}

	.concept_reason-photolist{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 20px;
	}

	.concept_reason-photo__lr{
		width: 48%;
	}

	.concept_reason-list--item p{
		font-size: 1.6rem;
		line-height: 1.6em;
		color: #000;
	}
}


/* suggest
------------------------------------------------ */
@media screen and (max-width: 768px) {
	.concept-suggest-item{
		background: #f3f3f3;
		padding: 12px;
		margin-top: 20px;
		margin-bottom: 10px;
		text-align: center;
	}

	.concept-suggest-heading{
		font-size: 1.5rem;
		font-weight: normal;
		line-height: 1.4em;
		text-align: left;
		color: #fff;
		background: #86c036;
		border-radius: 30px;
		padding: 10px 20px;
		margin-bottom: 20px;
	}

	.concept-suggest-lead{
		font-size: 1.4rem;
		line-height: 1.6em;
		text-align: left;
		color: #000;
		margin-bottom: 25px;
	}

	.concept-suggest-heading__subject{
		font-size: 1.5rem;
		font-weight: normal;
		line-height: 1em;
		text-align: left;
		border-left: solid 4px #92bed4;
		padding-left: 8px;
		margin-bottom: 10px;
	}

	.concept-suggest-list{
		display: flex;
		flex-wrap: wrap;
		background: #e7e7e7;
		padding: 10px 10px 0;
		margin-bottom: 20px;
	}

	.concept-suggest-list__item{
		width: 30%;
		min-height: 4em;
		font-size: 1.1rem;
		background: #fff;
		margin-bottom: 10px;
		padding: 7px;
	}

	.concept-suggest-list__item a{
		width: 100%;
		height: 100%;
		color: #000;
		display: -webkit-box;
		display: -ms-flexbox;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.concept-suggest-list__item:nth-child(3n-1){
		margin-left: 5%;
		margin-right: 5%;
	}

	.concept-button{
		width: 100%;
		font-size: 1.5rem;
		font-weight: bolder;
		color: #fff;
		border: none;
		border-radius: 5px;
		background: #2e78cb url(../../img/icon/arrow1.png) no-repeat;
		background-position: center right 90px;
	}

	.concept-button a{
		display: block;
		width: 100%;
		height: 100%;
		color: #fff;
		padding: 18px 0;
		text-decoration: none;
	}

}

@media screen and (min-width: 769px) {
	.concept-suggest-item{
		background: #f3f3f3;
		padding: 30px 50px;
		margin-top: 40px;
		margin-bottom: 40px;
		text-align:center;
	}

	.concept-suggest-heading{
		display: inline-block;
		font-size: 2.4rem;
		font-weight: normal;
		line-height: 1.4em;
		text-align: left;
		color: #fff;
		background: #86c036;
		border-radius: 30px;
		padding: 10px 20px;
		margin-bottom: 20px;
	}

	.concept-suggest-lead{
		font-size: 1.6rem;
		line-height: 1.6em;
		text-align: left;
		color: #000;
		margin-bottom: 40px;
	}

	.concept-suggest-lr{
		display: flex;
		justify-content: space-between;
		
		margin-bottom: 40px;
	}

	.concept-suggest-lr__item{
		width: 48%;
	}

	.concept-suggest-heading__subject{
		font-size: 1.8rem;
		font-weight: normal;
		line-height: 1em;
		text-align: left;
		border-left: solid 5px #92bed4;
		padding-left: 10px;
		margin-bottom: 10px;
	}

	.concept-suggest-list__item{
		width: 22%;
		min-height: 4em;
		font-size: 1.2rem;
		background: #fff;
		margin-right: 4%;
		margin-bottom: 10px;
		padding: 7px;
	}

	.concept-suggest-list__item:nth-child(4n){
		margin-right: 0;
	}

	.concept-suggest-list__item a{
		width: 100%;
		height: 100%;
		color: #000;
		display: -webkit-box;
		display: -ms-flexbox;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.concept-suggest-list{
		display: flex;
		flex-wrap: wrap;
		background: #e7e7e7;
		padding: 10px 10px 0;
	}


	.concept-button{
		width: 230px;
		font-size: 1.8rem;
		font-weight: bolder;
		color: #fff;
		border: none;
		border-radius: 5px;
		background: #2e78cb url(../../img/icon/arrow1.png) no-repeat;
		background-position: center right 25px;
		margin: 0 auto;
	}

	.concept-button a{
		display: block;
		width: 100%;
		height: 100%;
		color: #fff;
		padding: 15px 0;
		text-decoration: none;
	}
}