@charset "utf-8";


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 リセット 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.content { max-width: none; padding: 0; }

#dxtd2Wrapper { color: #000000; font-size: 62.5%; font-weight: 500; }
#dxtd2Wrapper img { width: 100%; height: auto; vertical-align: top; }



/* 基礎スタイル
--------------------------------------------------------- */

#dxtd2Wrapper { font-size: 1.7rem; line-height: 3.2rem; margin: 0 auto; }
#dxtd2Wrapper a { overflow: hidden; color: #333333; }

#dxtd2Wrapper #pagetop { position: fixed; bottom: 0; right: 20px; z-index: 1000; }
#dxtd2Wrapper #pagetop a {
	width: 45px;
	height: 45px;
	display: block;
	background: url(../images/pagetop_1.png) no-repeat left top;
	background-size: 45px 45px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	opacity: 0.8;
}

#dxtd2Wrapper #pagetop a:hover {
	background: url(../images/pagetop_2.png) no-repeat left top;
	background-size: 45px 45px;
	transition-duration: 0.4s;
}

#dxtd2Wrapper .line900 { display: none; }
#dxtd2Wrapper .line767 { display: none; }


@media screen and (max-width:900px) {
	#dxtd2Wrapper .line900 { display: block; }
}


@media screen and (max-width:767px) {
	#dxtd2Wrapper { font-size: 1.6rem; line-height: 2.7rem; }
	#dxtd2Wrapper #pagetop { right: 13px; }
	
	#dxtd2Wrapper .line767 { display: block; }
}





/* メインスタイル
--------------------------------------------------------- */

#dxtd2Wrapper h1 { font-size: 5.6rem; line-height: 6.8rem; color: #f77f19; font-weight: 700; letter-spacing: -0.08em; }
#dxtd2Wrapper h3 { display: flex; justify-content: start; align-content: center; font-size: 3.0rem; line-height: 4.0rem; font-weight: 700; margin: 0 0 30px 0; }
#dxtd2Wrapper h3 div:first-child { width: 25px; background: url(../images/h3_color.gif) no-repeat left center; }
#dxtd2Wrapper h3 div:last-child { width: calc(100% - 25px); padding: 6px 0 0 0; }
#dxtd2Wrapper h4 { font-size: 2.1rem; line-height: 3.2rem; font-weight: 700; margin: 0 0 20px 0; }

#dxtd2Wrapper .dxtd2Sec900 { width: 100%; max-width: 930px; margin: 0 auto; padding: 0 15px; }
#dxtd2Wrapper .dxtd2Sec1400 { width: 100%; max-width: 1400px; margin: 0 auto; }

#dxtd2Wrapper .dxtd2Main { width: 100%; max-width: 1400px; margin: 0 auto 70px auto; background: url(../images/01_main_bg.jpg) no-repeat left top; }
#dxtd2Wrapper .dxtd2Main .numArea { display: flex; justify-content: center; font-size: 1.8rem; font-weight: bold; padding: 50px 0 25px 0; }
#dxtd2Wrapper .dxtd2Main .numArea img { width: 18px; padding-top: 10px; }
#dxtd2Wrapper .dxtd2Main .numArea div { width: 82px; }
#dxtd2Wrapper .dxtd2Main .numArea div:nth-child(1) { text-align: right; }
#dxtd2Wrapper .dxtd2Main .numArea div:nth-child(2) { text-align: center; }
#dxtd2Wrapper .dxtd2Main .numArea div:nth-child(3) { text-align: left; }

#dxtd2Wrapper .dxtd2Main .mainImg { position: relative; width: 100%; }
#dxtd2Wrapper .dxtd2Main .mainImg .addImg { position: absolute; width: 124px; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); }
#dxtd2Wrapper .dxtd2Main .mainImg .bgImg { display: block; max-width: 900px; margin: 0 auto; }
#dxtd2Wrapper .dxtd2Main .mainImg .mainTitle01 { position: absolute; width: 600px; right: 0; bottom: 10px; z-index: 100; }
#dxtd2Wrapper .dxtd2Main .mainImg .mainTitle01 p { font-size: 2.6rem; font-weight: bold; color: #fff; background-color: #eeb023; margin-bottom: 10px; padding: 6px 0 4px 15px; }

#dxtd2Wrapper .dxtd2Main .nameArea { display: flex; justify-content: center; max-width: 900px; font-size: 2.2rem; font-weight: bold; margin: 0 auto; padding: 20px 0 25px 0; }
#dxtd2Wrapper .dxtd2Main .nameArea img { width: 32px; padding-top: 3px; }
#dxtd2Wrapper .dxtd2Main .nameArea div { align-self: center; text-align: center; }
#dxtd2Wrapper .dxtd2Main .nameArea div:nth-child(1) { width: calc((100% - 32px) / 2 ); padding-right: 20px; }
#dxtd2Wrapper .dxtd2Main .nameArea div:nth-child(2) { width: 32px; }
#dxtd2Wrapper .dxtd2Main .nameArea div:nth-child(3) { width: calc((100% - 32px) / 2 ); padding-left: 20px; }
#dxtd2Wrapper .dxtd2Main .nameArea div p { margin: 0 0 10px 0; }
#dxtd2Wrapper .dxtd2Main .nameArea div span { font-size: 3.0rem; }

#dxtd2Wrapper .dxtd2Main .nameProf { width: 100%; max-width: 930px; font-size: 1.4rem; line-height: 2.2rem; margin: 0 auto; padding: 0 15px; }
#dxtd2Wrapper .dxtd2Main .nameProf p:first-child { margin: 0 0 20px 0; }

#dxtd2Wrapper .lead { font-size: 1.9rem; line-height: 3.6rem; font-weight: 700; margin: 40px 0 70px 0; }

#dxtd2Wrapper .dxtd2Nav { display: flex; width: 100%; max-width: 900px; margin: 0 auto 120px auto; }
#dxtd2Wrapper .dxtd2Nav div { position: relative; z-index: 1; width: 30%; color: #fff; font-size: 2.2rem; line-height: 3.6rem; font-weight: 700; margin: 0 5% 0 0; padding: 20px 0; background-color: #bbb; text-align: center; }
#dxtd2Wrapper .dxtd2Nav div.link1On { background-color: #2a4c90; }
#dxtd2Wrapper .dxtd2Nav div.link2On { background-color: #f77f19; }
#dxtd2Wrapper .dxtd2Nav div.link1, #dxtd2Wrapper .dxtd2Nav div.link2, #dxtd2Wrapper .dxtd2Nav div.link3 { background-color: #bbb; }
#dxtd2Wrapper .dxtd2Nav div:last-child { width: 30%; margin: 0; }
#dxtd2Wrapper .dxtd2Nav div p { font-size: 1.8rem; line-height: 3.6rem; font-weight: 500; margin: 0 0 10px 0; }
#dxtd2Wrapper .dxtd2Nav div a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent:-999px; z-index: 2; }

#dxtd2Wrapper .name01 { color: #3b7da0; font-weight: 700; }
#dxtd2Wrapper .name02 { color: #f77f19; font-weight: 700; }

#dxtd2Wrapper .sent01 { margin: 0 0 40px 0; }
#dxtd2Wrapper .sent02 { margin: 0 0 60px 0; }
#dxtd2Wrapper .sent03 { margin: 0 0 80px 0; }
#dxtd2Wrapper .sent04 { margin: 0 0 100px 0; }
#dxtd2Wrapper .sent05 { margin: 0 0 120px 0; }


@media screen and (max-width:900px) {
	#dxtd2Wrapper h1 { letter-spacing: normal; }
}


@media screen and (min-width:768px) {
	#dxtd2Wrapper .dxtd2Nav div.link1:hover { background: -moz-linear-gradient(top left, #34adcf, #2a4c90); background: -webkit-linear-gradient(top left, #34adcf, #2a4c90); background: linear-gradient(to bottom right, #34adcf, #2a4c90); opacity:0.7; transition: 0.3s; }
	#dxtd2Wrapper .dxtd2Nav div.link2:hover { background: -moz-linear-gradient(top left, #f7b019, #f77f19); background: -webkit-linear-gradient(top left, #f7b019, #f77f19); background: linear-gradient(to bottom right, #f7b019, #f77f19); opacity:0.7; transition: 0.3s; }
	#dxtd2Wrapper .dxtd2Nav div.link3:hover { background: -moz-linear-gradient(top left, #f368a3, #d33983); background: -webkit-linear-gradient(top left, #f368a3, #d33983); background: linear-gradient(to bottom right, #f368a3, #d33983); opacity:0.7; transition: 0.3s; }
}

@media screen and (max-width:768px) {
	#dxtd2Wrapper .dxtd2Main { margin: 0 auto 45px auto; background-size: 50%; }
}


@media screen and (max-width:767px) {
	#dxtd2Wrapper h1 { font-size: 2.9rem; line-height: 4.7rem; }
	#dxtd2Wrapper h3 { font-size: 2.2rem; line-height: 3.4rem; margin: 0 0 20px 0; }
	#dxtd2Wrapper h4 { font-size: 1.8rem; line-height: 3.0rem; margin: 0 0 15px 0; }
	
	#dxtd2Wrapper .dxtd2Main .numArea { font-size: 1.6rem; padding: 50px 0 20px 0; }
	#dxtd2Wrapper .dxtd2Main .numArea img { padding-top: 8px; }
	
	#dxtd2Wrapper .dxtd2Main .mainImg .addImg { position: absolute; width: 17%; top: 20%; left: 50%; transform: translateY(-20%) translateX(-50%); -webkit- transform: translateY(-20%) translateX(-50%); }
	#dxtd2Wrapper .dxtd2Main .mainImg .mainTitle01 { position: absolute; width: 75%; right: 0; bottom: 5px; z-index: 100; }
	#dxtd2Wrapper .dxtd2Main .mainImg .mainTitle01 p { font-size: 1.7rem; margin-bottom: 7px; padding: 5px 0 3px 13px; }
	
	#dxtd2Wrapper .dxtd2Main .nameArea { font-size: 1.4rem; padding: 15px 0 20px 0; }
	#dxtd2Wrapper .dxtd2Main .nameArea img { width: 32px; padding-top: 3px; }
	#dxtd2Wrapper .dxtd2Main .nameArea div:nth-child(1) { width: calc((100% - 22px) / 2 ); padding-right: 5px; }
	#dxtd2Wrapper .dxtd2Main .nameArea div:nth-child(2) { width: 22px; }
	#dxtd2Wrapper .dxtd2Main .nameArea div:nth-child(3) { width: calc((100% - 22px) / 2 ); padding-left: 5px; }
	#dxtd2Wrapper .dxtd2Main .nameArea div p { margin: 0 0 10px 0; }
	#dxtd2Wrapper .dxtd2Main .nameArea div span { font-size: 2.0rem; }
	
	#dxtd2Wrapper .dxtd2Main .nameProf { font-size: 1.3rem; line-height: 2.1rem; }
	
	#dxtd2Wrapper .lead { font-size: 1.6rem; line-height: 3.0rem; margin: 25px 0 40px 0; }
	
	#dxtd2Wrapper .dxtd2Nav { display: block; margin: 0 auto 70px auto; }
	#dxtd2Wrapper .dxtd2Nav div { position: relative; z-index: 1; width: 100%; font-size: 1.8rem; line-height: 3.0rem; margin: 0 0 1px 0; padding: 10px; text-align: left; }
	#dxtd2Wrapper .dxtd2Nav div:last-child { width: 100%; }
	#dxtd2Wrapper .dxtd2Nav div p { font-size: 1.6rem; line-height: 3.0rem; margin: 0; }
	
	#dxtd2Wrapper .sent01 { margin: 0 0 25px 0; }
	#dxtd2Wrapper .sent02 { margin: 0 0 35px 0; }
	#dxtd2Wrapper .sent03 { margin: 0 0 45px 0; }
	#dxtd2Wrapper .sent04 { margin: 0 0 55px 0; }
	#dxtd2Wrapper .sent05 { margin: 0 0 65px 0; }
}



@media screen and (max-width:400px) {
	#dxtd2Wrapper .dxtd2Main .mainImg .mainTitle01 { width: 70%; bottom: 5px; }
	#dxtd2Wrapper .dxtd2Main .mainImg .mainTitle01 p { font-size: 1.3rem; margin-bottom: 6px; padding: 2px 0 1px 10px; }
}





/* 第2回スタイル
--------------------------------------------------------- */

#dxtd2Wrapper .ill01_01 { max-width: 900px; margin: 0 auto 80px auto; }
#dxtd2Wrapper .ill02_01 { max-width: 760px; margin: 0 auto 80px auto; }
#dxtd2Wrapper .ill02_01 p { font-size: 1.2rem; line-height: 2.0rem; margin: 5px 0 0 0; text-align: right; }

#dxtd2Wrapper .illFlex01_01 { display: flex; align-content: center; justify-content: center; }
#dxtd2Wrapper .illFlex01_01 div:first-child { max-width: 608px; margin: 0 25px 100px 0; }

#dxtd2Wrapper .comiruBtn { max-width: 700px; position: relative; z-index: 1; font-size: 1.9rem; line-height: 3.2rem; font-weight: 700; margin: 0 auto 100px; padding: 20px 0; background-color: #fcd42c; text-align: center; }
#dxtd2Wrapper .comiruBtn a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent:-999px; z-index: 2; }

#dxtd2Wrapper .kakomi01 { max-width: 900px; margin: 0 auto; padding: 40px 50px 50px; background-color: #f8dfa7; }
#dxtd2Wrapper .kakomi01 .kakomi01Ttl { font-size: 2.1rem; line-height: 3.2rem; font-weight: 700; text-align: center; margin: 0 0 20px 0; }
#dxtd2Wrapper .kakomi01 .kakomi01Ttl2 { font-size: 1.8rem; line-height: 3.2rem; font-weight: 700; text-align: center; margin: 0 0 20px 0; padding: 5px 0 5px 0; background-color: #fff; }
#dxtd2Wrapper .kakomi01 .kakomi01Ttl3 { font-weight: 700; }
#dxtd2Wrapper .kakomi01 p { margin: 0 0 30px 0; }
#dxtd2Wrapper .kakomi01 .kakomi01Ill { display: flex; align-content: center; justify-content: space-between; margin: 0 auto 60px auto; }
#dxtd2Wrapper .kakomi01 .kakomi01Ill:last-child { margin: 0 auto; }
#dxtd2Wrapper .kakomi01 .kakomi01Ill div { max-width: 256px; margin: 0 16px 0 0; }
#dxtd2Wrapper .kakomi01 .kakomi01Ill div:last-child { margin: 0 auto; }


@media screen and (min-width:768px) {
	#dxtd2Wrapper .comiruBtn:hover { background: -moz-linear-gradient(top left, #f9e52d, #f4af25); background: -webkit-linear-gradient(top left, #f9e52d, #f4af25); background: linear-gradient(to bottom right, #f9e52d, #f4af25); opacity:0.7; transition: 0.3s; }
}


@media screen and (max-width:767px) {
	#dxtd2Wrapper .ill01_01 { margin: 0 auto 40px auto; }
	#dxtd2Wrapper .ill02_01 { margin: 0 auto 40px auto; }
#dxtd2Wrapper .ill02_01 p { font-size: 1.1rem; line-height: 1.8rem; }
	
	#dxtd2Wrapper .illFlex01_01 { display: block; }
	#dxtd2Wrapper .illFlex01_01 div:first-child { margin: 0 auto 40px; }
	#dxtd2Wrapper .illFlex01_01 div:last-child { width: 50%; margin: 0 auto 50px; }
	
	#dxtd2Wrapper .kakomi01 { padding: 15px 20px 20px; }
	#dxtd2Wrapper .kakomi01 .kakomi01Ttl { font-size: 1.8rem; line-height: 3.0rem; margin: 0 0 15px 0; }
	#dxtd2Wrapper .kakomi01 .kakomi01Ttl2 { font-size: 1.6rem; line-height: 3.0rem; margin: 0 0 15px 0; padding: 4px 0 4px 0; }
	#dxtd2Wrapper .kakomi01 p { margin: 0 0 20px 0; }
	#dxtd2Wrapper .kakomi01 .kakomi01Ill { display: block; margin: 0 auto 50px auto; }
	#dxtd2Wrapper .kakomi01 .kakomi01Ill div { max-width: 256px; margin: 0 auto 20px auto; }
}