@charset "utf-8";
/* ------------------------------------------------------------ common */

/* ------------------------------------------------------------ attention */

#attention { text-align: center; background-color: #ddd; padding: 30px 0; }
#attention { font-size: 20px; }
#attention p.open_modal a { text-decoration: underline; color: #D40032; } 
#attention .mask { display: none; position: fixed; z-index: 999; background: rgba(0,0,0,0.62); width: 100%; height: 100%; left: 0; top: 0; overflow-y: scroll; }
#attention .modal { display: none; z-index: 9999; position: fixed; width: 60%; height: 80%; background: #fff; margin: auto; left: 0; right: 0; bottom: 0; top: 0; box-sizing: border-box; padding: 50px 40px 30px; overflow-y: scroll;  min-width: 639px;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
} 
#attention .modal h3 { padding: 0 0 20px; }
#attention .info { padding: 20px; border: 1px solid #000; height: 60%; overflow-y: scroll;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}
#attention .info p.text { font-weight: 300; text-align: left; font-size: 16px; padding: 0 0 40px; }
#attention .close_modal { padding: 20px 0; }
#attention .close_modal a { text-decoration: underline; font-size: 16px; }

/* ------------------------------------------------------------ fv */

#fv { background: url(../images/index/fv.jpg) no-repeat center top; color: #fff; padding: 0 0 90px; }
#fv h1 {    padding-top: 25px;}
#fv .fv_inner { max-width: 1400px; margin: auto; padding: 50px 30px 0; }
#fv h2 { font-size: 61px; font-weight: 500; line-height: 150%; padding: 70px 30px 60px; display: inline-block; }
#fv h2 span { display: block; font-weight: 500; line-height: 100%; font-size: 82px; }
#fv p.lead { font-size: 43px; font-weight: 500; line-height: 140%; padding: 20px 0 0; }
#fv .bot_text { padding: 35px 0 0; }
#fv .bot_text p.text { float: left; letter-spacing: 2px; line-height: 200%; }
#fv .bot_text p.award { float: right; }
#fv .bot_text p.award img { vertical-align: top; }
#fv .bot_text p.award span { display: inline-block; font-size: 24px; letter-spacing: 2px; padding: 50px 0 0; }

/* ------------------------------------------------------------ questions */

#question { padding: 140px 0 115px;  }
#question h3 { margin-top: 40px; text-align: center; font-size: 36px; padding: 0 0 10px; }
#question h3 span {font-size: 50px;}
#question .box { padding: 50px 0 120px; position: relative; }
#question .box img.girl {margin-top: 35px;}
#question .box ul { width: 750px; margin-left: auto; }
#question .box ul li { font-size: 20px; padding: 15px 40px 15px 86px; margin: 0 0 1px; background: #f2f2f8 url(../images/index/icn_check.png) no-repeat 25px center; background-size: 36px auto; }
#question .box ul li span { color: #132c74; font-size: 34px; display: inline-block; padding: 0 10px 0 0; }
#question .box img { position: absolute; top: 0; }
#question .box img.left { left: 0; }
#question .box img.right { right: 0; }
#question .answer { padding: 100px 0; background: url(../images/index/bg_00.jpg) no-repeat center top; }
#question .answer p { color: #fff; font-size: 32px; text-align: center; line-height: 200%; letter-spacing: 2px; }

/* ------------------------------------------------------------ points */

#points { text-align: center; text-align: center; padding: 0 0 150px; }
#points ul { padding: 100px 0 0; margin: 0 0 0 -50px; }
#points ul li { float: left; width: 333px; padding: 0 0 110px; box-shadow: 10px 10px 0px #f2f2f8; background: url(../images/index/arw_down.gif) no-repeat center 90%; margin: 0 0 0 50px; }
#points ul li a { display: block; }
#points ul li p.icn { padding: 30px 0 40px; }
#points ul li p.name { font-size: 24px; color: #132c74; }

#point_list { padding: 130px 0; background: #f2f2f8 url(../images/index/arw_down_01.gif) no-repeat center top; }
#point_list h3 { text-align: center; color: #132c74; font-size: 40px; padding: 0 0 30px; border-bottom: 1px solid #132c74; margin: 0 0 60px; }
#point_list h3 img { vertical-align: top; margin: 0 35px 0 0; }
#point_list .white_box { padding: 55px 50px 100px; margin: 0 0 30px; }
#point_list .white_box .left { float: left; width: 483px; }
#point_list .white_box .left img { margin: 0 0 28px; }
#point_list .white_box .right { float: right; width: 465px; }
#point_list .white_box .right h4 { font-size: 26px; padding: 0 0 25px; }
#point_list .white_box .right p { line-height: 180%; font-weight: 300; padding: 0 10px 0 0; letter-spacing: 2px; }

/* ------------------------------------------------------------ know */

#know { padding: 80px 0 100px; text-align: center; }
#know h3 { font-size: 30px; font-weight: 700; letter-spacing: 2px; padding: 0 0 40px; }
#know p.links a { display: inline-block; margin: 0 10px }

/* ------------------------------------------------------------ whats */

#whats { padding: 65px 0; text-align: center; }
#whats h3 { font-weight: 400; padding: 0 0 30px; }
#whats h3 span { display: block; font-size: 34px; font-weight: 500; letter-spacing: 4px; line-height: 150%; }
#whats .bg.bg1 { background: url(../images/index/whats_bg1.png) no-repeat center top; padding: 300px 50px 0; }
#whats .bg.bg2 { background: url(../images/index/whats_bg2.png) no-repeat center top; padding: 300px 50px 0; }
#whats .bg .white_box { padding: 45px 0; }
#whats .bg .white_box p { line-height: 250%; letter-spacing: 1px; }

/* ------------------------------------------------------------ mecha */

#mecha { text-align: center; padding: 0 0 120px; }
#mecha h3 { font-size: 34px; letter-spacing: 4px; font-weight: 300; padding: 0 0 30px; }
#mecha img { width: 100%; height: auto; }

/* ------------------------------------------------------------ advantage */

#advantage { text-align: center; padding: 0 0; }
#advantage h3 { font-size: 34px; letter-spacing: 4px; font-weight: 300; padding: 0 0 50px; }
#advantage ul { margin: 0 0 0 -25px; }
#advantage ul li { float: left; width: 350px; background: #f2f2f8; padding: 60px 30px; box-sizing: border-box; margin: 0 0 25px 25px; height: 400px; }
#advantage ul li h4 { font-size: 28px; letter-spacing: 4px; padding: 35px 0 15px; }
#advantage ul li p { line-height: 200%; text-align: left; }
#advantage .banner { padding: 60px 0 0; }

/* ------------------------------------------------------------ achievements */

#achievements { text-align: center; padding: 100px 0 85px; }
#achievements .achieve_inner { width: 1020px; margin: auto; }
#achievements .left { float: left; width: 370px; }
#achievements .right { float: right; width: 610px; }
#achievements img { margin: 0 0 50px; }
#achievements .achieve_inner img { margin: 0; }
#achievements h3 { font-size: 32px; padding: 60px 0 20px; line-height: 130%; }
#achievements .list h3 { padding: 80px 0 0; }
#achievements .list h4 { position: relative; padding: 30px 0; }
#achievements .list h4 span { position: inherit; z-index: 1; display: inline-block; background: #fff; padding: 0 50px; font-size: 32px; }
#achievements .list h4::before { z-index: 0; content: ''; position: absolute; background: #28367a; width: 100%; height: 1px; margin: auto; left: 0; right: 0; top: 0; bottom: 0; }
#achievements .list .col1 { float: left; width: 610px; }
#achievements .list .col2 { float: right; width: 414px; }
#achievements .list dl { text-align: left; font-size: 18px; }
#achievements .list dl dt { float: left; padding: 0; }
#achievements .list dl dd { padding: 0 0 0 100px; }
#achievements .list dl dd span { display: inline-block; padding: 0 12px 0 0; }


/* ------------------------------------------------------------ technology */

#technology { text-align: center; color: #fff; padding: 100px 0 120px; background: url(../images/index/bg_01.jpg) no-repeat center center; background-size: 100% 100%; }
#technology h3 { font-size: 45px; padding: 0 0 35px; font-weight: 500; }
#technology h3 span { color: #ffef67; }
#technology p { line-height: 230%; letter-spacing: 2px; }

/* ------------------------------------------------------------ difficult */

#difficult { padding: 120px 0 160px; }
#difficult h3 { text-align: center; font-weight: bold; font-size: 48px; padding: 0 0 60px; }
#difficult img { float: left; }
#difficult .box { float: right; width: 465px; }
#difficult .box p { line-height: 200%; letter-spacing: 2px; padding: 25px 0 0; text-align: justify; }

/* ------------------------------------------------------------ seminar */

#seminar { padding: 110px 0 160px; }
#seminar p.date { position: relative; text-align: center; }
#seminar p.date::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 1px; width: 100%; background: #0d1f54; margin: auto; z-index: 1; }
#seminar p.date span { position: inherit; z-index: 2; background: #0d1f54; color: #fff; display: inline-block; font-size: 20px; font-weight: bold; width: 470px; height: 50px; line-height: 50px; }
#seminar .info { padding: 25px 0 0; width: 1020px; margin: auto; }
#seminar .info img { float: left; }
#seminar .info .box { width: 470px; float: right; }
#seminar .info .box table { width: 100%; text-align: left; font-size: 16px; }
#seminar .info .box table th { text-align: left; padding: 15px 30px;  font-weight: bold; width: 70px; }
#seminar .info .box table td { padding: 15px 10px; letter-spacing: 1px; } 
#seminar .info .box table tr:nth-child(2n-1) { background: #eeeeee; }
#seminar p.links { padding: 100px 0 90px; text-align: center; }
#seminar .finish { text-align: center; }
#seminar .finish h3 { font-weight: bold; font-size: 32px; padding: 0 0 50px; }

/* ------------------------------------------------------------ sched */

#sched { background: #f2f2f8; padding: 100px 0 120px; max-width: 1600px; margin: auto; }
#sched p.links { padding: 80px 0 0; text-align: center; }
#sched p.links a { display: inline-block; margin: 0 15px; }
#sched .left,
#sched .right { width: 547px; }
#sched .left { float: left; }
#sched .right { float: right; }
#sched .white_box { padding: 20px 30px; margin: 0 0 5px; }
#sched .white_box .date { position: relative; float: left; width: 133px; padding: 76px 0 0; }
#sched .white_box .date p { height: 40px; position: relative; font-family: 'AlternateGothicEF-NoTwo'; font-size: 60px; line-height: 40px; }
#sched .white_box .date p.month { position: absolute; top: 48px; left: 0; }
#sched .white_box .date p.day::before { content: ''; position: absolute; height: 77px; width: 1px; background: #000; transform:rotate(25deg); left: 34px; top: -35px; }
#sched .white_box .date p.day { padding: 0; text-align: right; }
#sched .white_box .date p.day span { font-family: 'Noto Sans Japanese', sans-serif; font-size: 20px; font-weight: 700; background: #000; display: inline-block; padding: 0 6px; margin: 0 0 0 10px; color: #fff; vertical-align: bottom; }
#sched .white_box .date.sat p { color: #132c74; }
#sched .white_box .date.sun p { color: #af0a0a; }
#sched .white_box .date.sat p.day span,
#sched .white_box .date.sat p.day::before { background: #132c74; }
#sched .white_box .date.sun p.day span,
#sched .white_box .date.sun p.day::before { background: #af0a0a; }

#sched .white_box img { margin: 40px 0; }
#sched .white_box .box { box-sizing: border-box; padding: 10px 20px 0; width: 320px; float: right; border-left: 3px solid #dcdcdc; }
#sched .white_box .box dl { width: 100%; }
#sched .white_box .box dl dt { float: left; padding: 8px 0; }
#sched .white_box .box dl dt.time { font-size: 14px; padding: 12px 0; }
#sched .white_box .box dl dd p { font-size: 21px; }
#sched .white_box .box dl dd p.big { font-size: 28px; line-height: 100%; }
#sched .white_box .box dl dd { padding: 8px 0 8px 80px; }

/* ------------------------------------------------------------ do */

#do { padding: 120px 0 130px; background: url(../images/index/bg_02.jpg) no-repeat center center; background-size: cover; text-align: center; color: #fff; }
#do h4 { font-size: 45px; padding: 0 0 30px; }
#do p { line-height: 240%; letter-spacing: 2px; }


#qa {
	background-color: #F2F2F8;
	color: #101F56;
	padding: 5% 0;
}

#qa .title {
	font-size: 48px;
	font-family: 'Yu Gothic';
	font-weight: bold;
	text-align: center;
	padding-top: 20px;
}

#qa .subtitle {
	text-align: center;
}

#qa .wrapper {
	width: 60%;
	margin: auto;
}

#qa .wrapper .unit {
	margin-top: 5%;
	padding: 1%;
	border: 1px solid #101F56;
	background-color: white;
}

#qa .wrapper .unit .q {
	display: flex;
	align-items: center;
	padding: 1% 0;
	border-bottom: 3px dotted #909090;
}

#qa .wrapper .unit .q .first {
	width: 10%;
}

#qa .wrapper .unit .q .second {
	width: 90%;
	font-size: 30px;
}


#qa .wrapper .unit .a {
	display: flex;
	align-items: center;
	padding: 1% 0;
}

#qa .wrapper .unit .a .first {
	width: 10%;
}

#qa .wrapper .unit .a .second {
	width: 90%;
	color: #191919;
}

#qa .wrapper .unit .a .second a {
	color: rgb(0, 110, 255);
}

#special {
	background-color: #fff;
	padding: 5% 0;
}

#special .wrapper {
	width: 60%;
	margin: auto;
}

#special .wrapper .unit {
	padding: 2%;
	border: 1px solid #707070;
	margin-bottom: 5%;
}

#special .wrapper .unit .title {
	font-size: 30px;
}

#special .wrapper .unit .title.blue {
	color: #101F56;
}

#special .wrapper .unit .title.red {
	color: red;
}

#special .wrapper .unit .content {
	color: #707070
}

#fixed-button {
	display: none;
}









/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){

#fixed-button {
	position: fixed;
	bottom: 1%;
	width: 100%;
	margin: auto;
	display: flex;
	z-index: 100;
}

#fixed-button img {
	width: 63%;
	margin: auto;
	height: auto;
}

/* ------------------------------------------------------------ attention */

#attention { padding: 10px 3% 20px; }
#attention p.head { font-size: 16px; }
#attention p.open_modal { padding: 10px 0 0; }
#attention p.open_modal a { font-size: 14px; }
#attention .modal { width: 94%; padding: 30px 6%; min-width: inherit; }
#attention .modal h3 { font-size: 16px; }
#attention .info { padding: 20px 6%; height: 50%; }
#attention .modal .info p.text { font-size: 14px; padding: 0 0 20px; }

/* ------------------------------------------------------------ fv */

#fv { background: url(../images/index/fv-sp.jpg) ; background-size: 100% 100%; padding: 0 0 30px; }
#fv .fv_inner { padding: 0 3%; max-width: 460px; }
#fv h2 { font-size: 20px; padding: 30px 0; background-size: auto 100%; }
#fv h2 span { font-size: 30px; }
#fv p.lead { font-size: 14px; padding: 0; line-height: 170%; }
#fv .bot_text { padding: 35px 0 0; }
#fv .bot_text p.text { font-size: 12px; float: none; }
#fv .bot_text p.award { float: none; text-align: center; }
#fv .bot_text p.award span { font-size: 16px; padding: 20px 0 10px; display: block; }
#fv .bot_text p.award img { width: 170px; height: auto; }

/* ------------------------------------------------------------ question */

#question { padding: 40px 0; }
#question h3 { margin-top: 40px;  font-size: 20px; }
#question h3 span {font-size: 33px;}
#question .box { padding: 0px 0 50px; max-width: 490px; margin: auto;position: relative; }
#question .box img { width: 180px; height: auto;  position: relative; display: flex;margin: auto;}
#question .box ul { position: inherit; z-index: 1; width: 100%; max-width: 380px; margin: auto; }
#question .box ul li { font-size: 14px; padding: 10px 4% 12px 60px; background-size: 23px auto; background-position: 6% center; }
#question .box ul li span { font-size: 20px; }
#question .answer { background-size: cover; padding: 50px 6% 40px; }
#question .answer p { font-size: 16px; line-height: 160%; margin: auto; max-width: 410px; }

/* ------------------------------------------------------------ points */

#points { padding: 0 0 40px; }
#points h3 img { width: 221px; height: auto; }
#points ul { padding: 50px 0 0; width: 100%; margin: auto; display: flex;}
#points ul li { float: none; width: 100%; margin: 0 0 20px; padding: 30px 0 40px; background-position: center 94%; background-size: 22px auto; }
#points ul li img { width: 35px; height: auto; }
#points ul li p.name { font-size: 14px; padding-left: 6%; }
#points ul li p.icn { padding: 20px 0 30px; }
#points ul li p.icn img { width: 40px; height: 40px; }

#point_list { padding: 60px 0 20px; background-size: 78px auto; }
#point_list .white_box { padding: 30px 6% 40px; margin: 0 0 10px; }
#point_list h3 { font-size: 20px; padding: 0 0 10px; margin: 0 0 30px; }
#point_list h3 img { width: 30px; height: auto; margin: 0 auto 10px; vertical-align: middle; display: block; }
#point_list .white_box .left { float: none; width: 100%; }
#point_list .white_box .left img { width: 100%; height: auto; margin: 0 0 10px; }
#point_list .white_box .right { float: none; width: inherit; }
#point_list .white_box .right h4 { font-size: 22px; padding: 10px 0 15px; text-align: center; }
#point_list .white_box .right p { line-height: 170%; font-size: 14px; letter-spacing: 1px; padding: 0; }

/* ------------------------------------------------------------ know */

#know { padding: 40px 3%; }
#know h3 { font-size: 20px; padding: 0 0 30px; }
#know p.links a { display: block; width: 94%; margin: 0px auto 10px; }
#know p.links a img { width: 100%; height: auto; }

/* ------------------------------------------------------------ whats */

#whats { padding: 40px 0; }
#whats h3 { font-size: 16px; line-height: 150%; padding: 0 0 20px; }
#whats h3 span { font-size: 22px; padding: 10px 0; }
#whats .bg { padding: 45% 4% 0; background-size: 100% auto; }
#whats .bg .white_box { padding:  20px; }

#whats .bg.bg1 { background: url(../images/index/whats_bg1-sp.png) ; background-size: 100% 100%;    }
#whats .bg.bg2 { background: url(../images/index/whats_bg2-sp.png);  background-size: 100% 100%;    }
#whats .bg .white_box p { font-size: 14px; letter-spacing: 1px; line-height: 200%; text-align: left; }

/* ------------------------------------------------------------ #mecha */

#mecha { padding: 0 0 40px; }
#mecha h3 { font-size: 20px; padding: 0 0 20px; line-height: 150%; letter-spacing: 2px; }
#mecha img { width: 100%; }

/* ------------------------------------------------------------ #advantage */

#advantage { padding: 0; }
#advantage h3 { font-size: 20px; line-height: 150%; padding: 0 0 30px; letter-spacing: 2px; }
#advantage ul { margin: 0; }
#advantage ul li { float: none; width: 100%; margin: 0 0 10px; padding: 30px 6%; height: auto; }
#advantage ul li img { width: 70px; height: auto; }
#advantage ul li h4 { font-size: 20px; padding: 20px 0 10px; }
#advantage ul li p { font-size: 14px; line-height: 180%; }
#advantage .banner { padding: 10px 0 0; }
#advantage .banner img { width: 100%; height: auto; }

/* ------------------------------------------------------------ #achievements */

#achievements { padding: 30px 3% 50px; }
#achievements img { width: 100%; height: auto; margin: 0 0 10px; }
#achievements h3 { font-size: 18px; padding: 20px 0; }
#achievements .list h3 { padding: 40px 0 0; }
#achievements .achieve_inner { width: 94%; }
#achievements .left,
#achievements .right { float: none; width: 100%; }
#achievements .list h4 { padding: 20px 0; }
#achievements .list h4 span { padding: 0 20px; font-size: 20px; }
#achievements .list dl { font-size: 14px; }
#achievements .list dl dd { padding: 0 0 0 80px; }
#achievements .list .col1,
#achievements .list .col2 { float: none; width: 94%; margin: auto; }

/* ------------------------------------------------------------ technology */

#technology { padding: 50px 6%;  }
#technology h3 { font-size: 20px; padding: 0 0 20px; }
#technology p { letter-spacing: 1px; line-height: 170%; font-size: 14px; text-align: left; }

#technology img {
	width: 100%;
	margin-bottom: 4%;
}

/* ------------------------------------------------------------ #difficult */

#difficult { padding:  50px 0; }
#difficult h3 { font-size: 22px; padding: 0 0 30px; line-height: 150%; }
#difficult img { float: none; width: 100%; height: auto; }
#difficult .box { float: none; width: inherit; }
#difficult .box p { padding: 20px 3% 0; font-size: 14px; line-height: 170%; } 

/* ------------------------------------------------------------ #seminar */

#seminar { padding: 50px 0 30px; }
#seminar p.date span { font-size: 14px; width: 94%; padding: 0 3%; box-sizing: border-box; max-width: 300px; }
#seminar .info { width: 100%; }
#seminar .info img { width: 100%; height: auto; margin: 0 0 10px; }
#seminar .info .box { float: none; width: 100%; }
#seminar .info .box table tr:nth-child(2n-1) { background: none; }
#seminar .info .box table th,
#seminar .info .box table td { display: block; font-size: 12px; width: 100%; box-sizing: border-box; padding: 10px 6%; }
#seminar .info .box table th { background: #eeeeee; }
#seminar p.links { padding: 30px 3%; }
#seminar p.links a { width: 100%; margin: auto; display: block; }
#seminar p.links a img { width: 100%; height: auto; }

#seminar .finish h3 { padding: 20px 0 30px; font-size: 20px; }
#seminar .finish img { width: 100%; height: auto; max-width: 475px; margin: auto; }

/* ------------------------------------------------------------ #sched */

#sched { padding: 50px 0 0; }
#sched .left,
#sched .right { float: none; width: 100%; }
#sched .white_box { padding: 15px 0 15px 15px; margin: 0 auto 5px; max-width: 380px; }
#sched .white_box .date { padding: 10px 0 0; width: calc(100% - 230px); }
#sched .white_box .date p { max-width: 60px; margin: auto; font-size: 40px; line-height: 28px; height: 28px; text-align: center !important; padding: 10px 0 !important; }
#sched .white_box .date p.month { position: static; }
#sched .white_box .date p.day span { font-size: 13px; margin: 0 0 0 5px; padding: 0 5px; }
#sched .white_box .date p.day::before { transform: rotate(0deg); top: 0; height: 1px; width: 100%; left: 0;  }
#sched .white_box .date p.month { top: 25px; }
#sched .white_box .box { padding: 10px 20px; font-size: 14px; padding: 0 0 0 6%; box-sizing: border-box; width: 220px; border-left: 1px solid #dcdcdc; }
#sched .white_box .box dl dt { padding: 2px 0 0; }
#sched .white_box .box dl dd { padding: 8px 0 8px 70px; }
#sched .white_box .box dl dd p.big { font-size: 14px; }
#sched .white_box .box dl dd p { font-size: 14px; } 
#sched p.links { padding: 30px 0; }
#sched p.links a { display: block; width: 94%; margin: 0 auto 10px; }
#sched p.links a img { width: 100%; height: auto; }

/* ------------------------------------------------------------ do */

#do { padding: 50px 6%; }
#do h4 { font-size: 22px; letter-spacing: 150%; }
#do p { font-size: 14px; line-height: 170%; text-align: left; letter-spacing: 1px; }


 
#qa {
	background-color: #F2F2F8;
	color: #101F56;
	padding: 5% 0;
}

#qa .title {
	font-size: 48px;
	font-family: 'Yu Gothic';
	font-weight: bold;
	text-align: center;
	padding-top: 20px;
}

#qa .subtitle {
	text-align: center;
}

#qa .wrapper {
	width: 95%;
	margin: auto;
}

#qa .wrapper .unit {
	margin-top: 5%;
	padding: 1%;
	border: 1px solid #101F56;
	background-color: white;
}

#qa .wrapper .unit .q {
	display: flex;
	align-items: center;
	padding: 1% 0;
	border-bottom: 3px dotted #909090;
}

#qa .wrapper .unit .q .first {
	width: 20%;
}

#qa .wrapper .unit .q .second {
	width: 80%;
	font-size: 20px;
}


#qa .wrapper .unit .a {
	display: flex;
	align-items: center;
	padding: 1% 0;
}

#qa .wrapper .unit .a .first {
	width: 20%;
}

#qa .wrapper .unit .a .second {
	width: 80%;
	color: #191919;
}

#qa .wrapper .unit .a .second a {
	color: rgb(0, 110, 255);
}


#special {
	background-color: #fff;
	padding: 5% 0;
}

#special .wrapper {
	width: 95%;
	margin: auto;
}

#special .wrapper .unit {
	padding: 2%;
	border: 1px solid #707070;
	margin-bottom: 5%;
}

#special .wrapper .unit .title {
	font-size: 23px;
}

#special .wrapper .unit .title.blue {
	color: #101F56;
}

#special .wrapper .unit .title.red {
	color: red;
}

#special .wrapper .unit .content {
	color: #707070
}


}