/* PC> */
@media screen and (min-width: 767px) {

	/* common */
	header, footer, #contents, #contents * {
		font-feature-settings: "palt";
		position: relative;
	}
	.sp{
		display: none;
	}
	.hovers{
		transition: opacity 0.4s linear;
	}
	.hovers:hover{
		transition: opacity 0.1s linear;
		opacity: 0.5;
	}
	#contents img{
		width: 100%;
		height: auto;
	}
	a{
		color: #f25130;
	}
	.contents_inner_wrapper{
		display: flex;
		flex-direction: column;
		align-items: center;
		background-image: url(../../img/bg_sub.png);
		background-position: center center;
	}

	/* mv */
	#mv.contents_fv{
		width: 100%;
		height: 46vw;
		max-width: 2000px;
		max-height: 935px;
		display: flex;
		justify-content: center;
		align-items: center;
		background-image: url(../../img/mv_pc.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		background-color: #FFFFFF;
		max-width: 2000px;
		box-shadow: 0px 0px 15px #00000057;
	}
		.contents_fv .mv_inner{
			width: 47%;
			display: flex;
			flex-direction: column;
			align-items: center;
		}
		.mv_logo{
			padding-top: 14%;
		}
		.mv_intro{
			margin-top: -11%;
			width: 72%;
		}

	/* navi */
	#navi.contents_fv{
		width: 100%;
		max-width: 2000px;
		height: 80px;
		background-color: #000000;
		display: flex;
		justify-content: center;
		align-items: center;
		box-shadow: 0px 0px 15px #000000b3;
	}
		.contents_fv .navi_inner{
			width: 100%;
			height: 80px;
			max-width: 1200px;
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
		.navi_logo{
			width: 180px;
			line-height: 0;
			margin-left: 30px;
			min-width: 160px;
		}
		.navi_btn_wrapper{
			display: flex;
			align-items: center;
			justify-content: center;
			margin-right: 30px;
		}
			.navi_btn_wrapper .navi_btns{
				height: 30px;
				margin-left: 40px;
			}
				.navi_btn_wrapper .navi_btns img{
					width: auto !important;
					height: 100% !important;
				}
				.navi_btn_wrapper .navi_btns .navi_off{
					pointer-events: none;
				}
	
	/* main */
	.contents_mid{
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		overflow: hidden;
		background-color: #FFFFFF;
		max-width: 2000px;
		box-shadow: 0px 0px 15px #00000057;
	}
		.contents_mid .contents_box{
			width: 100%;
			max-width: 1200px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			padding-top: 120px;
		}
		.box_main::before{
			content: "";
			position: absolute;
			top: 2vw;
			width: 100vw;
			height: 55vw;
			max-height: 1062px;
			max-width: 2000px;
			background-repeat: no-repeat;
			background-size: cover;
			z-index: 0;
		}
			#awa_orig.box_main::before{
				background-image: url(../../img/head1.jpg);
			}
			#awa_comi.box_main::before{
				background-image: url(../../img/head2.jpg);
			}
			#awa_dtil.box_main::before{
				background-image: url(../../img/head3.jpg);
				top: -4.5vw;
			}
			#awa_orig .contents_intro{
				width: 30vw;
				max-width: 560px;
			}
			#awa_comi .contents_intro{
				width: 38vw;
				max-width: 660px;
			}
			#awa_dtil .contents_intro{
				width: 40vw;
				max-width: 460px;
			}
			.cbox_inner{
				width: 90vw;
				max-width: 1200px;
				margin-top: 60px;
				background-color: #FFFFFF;
				background-size: cover;
				background-position: center center;
				box-shadow: #0000007a 0px 0px 20px;
				box-shadow: #0000007a 0px 0px 20px;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				z-index: 2;
			}
					#awa_orig .cbox_inner{
						background-image: url(../../img/content_bg1.jpg);
					}
					#awa_comi .cbox_inner{
						background-image: url(../../img/content_bg2.jpg);
					}
					#awa_dtil .cbox_inner{
						margin-top: 90px;
					}
				.cbox_title{
					margin-top: 90px;
					width: 30vw;
					max-width: 350px;
					border-bottom: solid 1px #000000;
					padding-bottom: 3vw;
					margin-bottom: 2vw;
				}
				.cbox_benefits{
					display: flex;
					flex-direction: column;
					justify-content: center;
					align-items: center;
				}

				.benefits_gp{
					display: flex;
					justify-content: center;
					align-items: center;
					flex-direction: initial;
					flex-wrap: wrap;
					width: 100%;
				}
				.benefits_gp .benefits_medal img{
					width: auto !important;
					height: 100% !important;
				}
					.benefits_medal.medal_no1{
						margin: 0 20% 2vw 20%;
						height: 40vw;
						max-height: 530px;
					}
					.benefits_medal.medal_no2{
						height: 30vw;
						max-height: 390px;
						margin-right: 3%;
					}
					.benefits_medal.medal_no3{
						height: 30vw;
						max-height: 390px;
					}
					.benefits_medal.medal_no4{
						width: 45%;
						text-align: center;
						display: flex;
					}
					.benefits_medal.medal_no5{
						width: 42%;
						text-align: center;
						display: flex;
					}

				.benefits_sp{
					display: flex;
					justify-content: space-between;
					margin-top: 3vw;
					padding: 5%;
					width: 70%;
					background-color: #d7d7d724;
					border: solid 1px #00000021;
				}
					.benefits_sp::after{
						content: "";
						position: absolute;
						width: 1px;
						height: 50%;
						background-color: #000000;
						opacity: 0.4;
						left: 50%;
					}
				.cbox_outro{
					margin-top: 3vw;
					width: 67%;
				}
		.com_kadai{
			width: 80%;
			border: solid 1px #00000038;
			background-image: url(../../img/kadai_bg.png);
			background-size: cover;
			background-position: center center;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			margin-top: 120px;
		}
		.kadai_title{
			width: 400px;
			margin-top: -30px;
			line-height: 0;
		}
		.kadai_intro{
			width: 400px;
			margin: 30px;
		}
		.kadai_item_wrapper{
			display: flex;
			width: 80%;
			max-width: 670px;
			margin-bottom: 50px;
		}
			.kadai_items:first-child{
				margin-right: 40px;
			}
				.kadai_thumb{
					line-height: 0;
					border: solid 1px #00000024;
				}
				.kadai_btn{
					line-height: 0;
					margin-top: 20px;
				}
		
		.contents_box.box_end{
			width: 80vw;
			max-width: 840px;
		}
			.contents_box.box_end::before{
				content: "";
				position: absolute;
				width: 100vw;
				max-width: 2000px;
				height: 60vw;
				max-height: 1200px;
				top: -20vw;
				background-image: url(../../img/end_bg.jpg);
				background-size: cover;
				background-position: center center;
				background-repeat: no-repeat;
			}
			.contents_box.box_end::after{
				content: "";
				position: absolute;
				width: 19vw;
				max-width: 350px;
				height: 48vw;
				max-height: 880px;
				bottom: -16vw;
				background-image: url(../../img/end_arrow.png);
				background-size: contain;
				background-position: center bottom;
				background-repeat: no-repeat;
				z-index: 1;
			}
			.end_comment{
				width: 80vw;
				max-width: 840px;
				z-index: 2;
			}

	/* detail */
	#awa_dtil.contents_box{
		margin-top: 14vw;
	}
		.sheet_detail{
			padding: 7%;
		}
		.sheet_detail .dlist{
			width: 100%;
			display: flex;
			margin-bottom: 2px;
		}
			.sheet_detail .dlist .dt{
				background-color: #e8e8e8;
				width: calc(20% - 6%);
				margin-right: 1%;
				padding: 3%;
				font-weight: bold;
				display: flex;
				align-items: center;
			}
			.sheet_detail .dlist .dd{
				background-color: #f7f7f7;
				width: calc(79% - 6%);
				padding: 3%;
				display: flex;
				flex-direction: column;
				justify-content: center;
			}
				.sheet_detail .dlist .dd > a{
					display: contents;
				}
				.sheet_detail .dlist .dd ul.t1 li{
					text-indent: -2em;
					margin-left: 2em;
				}
				.sheet_detail .dlist .dd ul.t2 li{
					text-indent: -1.8em;
					margin-left: 1.8em;
				}
			.link_oubo{
				padding: 1.5em 1.8em;
				margin: 1em 0;
				width: 11em;
				text-align: center;
				background-color: #f25130;
				border-radius: 0.3em;
			}
			.link_oubo a{
				color: #FFFFFF !important;
				font-weight: bold;
			}
			.text_address{
				font-weight: bold;
				opacity: 0.8;
			}

	/* contact */
	.contact{
		width: calc(86% - 6%);
		text-align: center;
		padding: 3%;
		background-color: #f7f7f7;
		margin: -6.5% 0 1% 0;
		font-size: 1.5em;
		font-weight: bold;
	}
	.contact_text{
		opacity: 0.8;
	}
	.contact_link{
		margin: 2%;
	}
	.contact_att{
		font-weight: normal;
		font-size: 0.6em;
		opacity: 0.6;
	}

} /* >PC */