@charset "utf-8";

/*---------------------------------
 COMMON
---------------------------------*/
#dc_program * { box-sizing: border-box;}
#dc_program img { max-width: 100%; vertical-align: top;}

@media only screen and (min-width: 897px) {
	.for-sp { display: none !important;}
	#dc_program { padding: 0 0 200px 0;}
	#dc_program h1 { padding: 10px 0 0 0; margin: 0 0 80px 0; text-align: center; background: #e5f3f4;}
	#dc_program h1 .title { width: 100%; font-size: 40px; font-weight: bold; text-align: center; display: block; position: absolute; top: 20px; left: 0;}
	#dc_program h1 .memo  { width: 100%; font-size: 18px; font-weight: normal; text-align: center; display: block; position: absolute; top: 80px; left: 0;}
	#dc_program h2 { padding: 0; margin: 0 0 30px 0; font-size: 40px; font-weight: bold; text-align: center; background: none;}
	#dc_program h2 .color-line { padding: 0 15px; background: linear-gradient(transparent 60%, rgba(247,205,70,0.6) 60%); display: inline-block;}
	#dc_program .message-area { max-width: 1200px; padding: 0 50px; margin: 0 auto 100px;}
	#dc_program .color { padding: 0; margin: 0 0 20px 0; font-size: 24px; font-weight: bold; text-align: center; color: #3bb1b3;}
	#dc_program .message { margin: 0 20px 40px; font-size: 18px; text-align: left; line-height: 1.8;}
	#dc_program .message-area .nortice { padding: 10px 20px; font-size: 20px; border: #333 1px solid; text-align: center;}
	#dc_program .message-area .nortice sup { font-size: 14px; vertical-align: top;}
	#dc_program .message-area .nortice .memo { font-size: 16px;}
	#dc_program .item-area { max-width: 1200px; padding: 0 50px; margin: 0 auto 100px;}
	#dc_program .item-list { display: flex; justify-content: space-between;}
	#dc_program .item-list li { width: 30%;}
	#dc_program .item-list li figure { margin: 0 0 30px 0; text-align: center;}
	#dc_program .item-list li .name { font-size: 22px; font-weight: bold; text-align: center;}
	#dc_program .questionnaire-button { margin: 0 auto; text-align: center;}
	#dc_program .questionnaire-button a { width: 510px; height: 87px; padding: 0; margin: 0 auto; border: 2px solid #F7CD46; border-radius: 100px; color: #fff; font-size: 24px; font-weight: 700; line-height: 83px; text-decoration: none; letter-spacing: 1px; box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.4); background-color: #F7CD46; display: block; position: relative; transition: 0.3s;}
	#dc_program .questionnaire-button a:hover { background-color: #fff; color: #F7CD46;}

}
@media only screen and (max-width: 896px) {
	.for-pc { display: none !important;}
	#dc_program { padding: 0 0 100px 0;}
	#dc_program h1 { padding: 0; margin: 0 0 40px 0; text-align: center; background: #e5f3f4;}
	#dc_program h1 .title { width: 100%; font-size: 6.5vw; font-weight: bold; text-align: center; display: block; position: absolute; top: 10vw; left: 0;}
	#dc_program h1 .memo  { width: 100%; font-size: 4vw; font-weight: normal; text-align: center; display: block; position: absolute; top: 20vw; left: 0;}
	#dc_program h2 { padding: 0; margin: 0 0 30px 0; font-size: 6.5vw; font-weight: bold; text-align: center; background: none;}
	#dc_program h2 .color-line { padding: 0 5px; background: linear-gradient(transparent 60%, rgba(247,205,70,0.6) 60%); display: inline-block;}
	#dc_program .message-area  { padding: 0 15px; margin: 0 auto 50px;}
	#dc_program .color { padding: 0; margin: 0 0 20px 0; font-size: 4.2vw; font-weight: bold; text-align: justify; color: #3bb1b3;}
	#dc_program .message { margin: 0 0 40px; font-size: 14px; text-align: left; line-height: 1.8;}
	#dc_program .message-area .nortice { padding: 10px 15px; font-size: 14px; border: #333 1px solid; text-align: center;}
	#dc_program .message-area .nortice sup { font-size: 10px; vertical-align: top;}
	#dc_program .message-area .nortice .memo { font-size: 12px;}
	#dc_program .item-area { padding: 0 15px; margin: 0 auto 50px;}
	#dc_program .item-list li { margin: 0 0 20px 0; display: flex; justify-content: space-between; align-items: center;}
	#dc_program .item-list li figure { width: 30%;}
	#dc_program .item-list li .name  { width: 65%; font-size: 16px; font-weight: bold; text-align: center;}
	#dc_program .questionnaire-button { margin: 0 15px; text-align: center;}
	#dc_program .questionnaire-button a { width: 100%; height: 60px; padding: 0; margin: 0 auto; border: 2px solid #F7CD46; border-radius: 100px; color: #fff; font-size: 4.5vw; font-weight: 700; line-height: 56px; text-decoration: none; letter-spacing: 1px; box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.4); background-color: #F7CD46; display: block; position: relative; transition: 0.3s;}
}