/* ==================================================================

	overwrite

=====================================================================*/

#content{
	width:940px!important;
}

#gakusyu{
	width: 940px!important;
}


/* ==================================================================

	utility

=====================================================================*/

/* ------------------------------------------------------------------
	position
---------------------------------------------------------------------*/
#gakusyu .posR{
	position: relative;
}

/* ------------------------------------------------------------------
	text
---------------------------------------------------------------------*/
#gakusyu .txtC{
	text-align: center;
}
/* ------------------------------------------------------------------
	margin
---------------------------------------------------------------------*/
.mb01{margin-bottom:1px !important;}
.mb02{margin-bottom:2px !important;}
.mb03{margin-bottom:3px !important;}
.mb04{margin-bottom:4px !important;}
.mb05{margin-bottom:5px !important;}
.mb06{margin-bottom:6px !important;}
.mb07{margin-bottom:7px !important;}
.mb08{margin-bottom:8px !important;}
.mb09{margin-bottom:9px !important;}
.mb10{margin-bottom:10px !important;}
.mb11{margin-bottom:11px !important;}
.mb12{margin-bottom:12px !important;}
.mb13{margin-bottom:13px !important;}
.mb14{margin-bottom:14px !important;}
.mb15{margin-bottom:15px !important;}
.mb16{margin-bottom:16px !important;}
.mb17{margin-bottom:17px !important;}
.mb18{margin-bottom:18px !important;}
.mb19{margin-bottom:19px !important;}
.mb20{margin-bottom:20px !important;}
.mb21{margin-bottom:21px !important;}
.mb22{margin-bottom:22px !important;}
.mb23{margin-bottom:23px !important;}
.mb24{margin-bottom:24px !important;}
.mb25{margin-bottom:25px !important;}
.mb26{margin-bottom:26px !important;}
.mb27{margin-bottom:27px !important;}
.mb28{margin-bottom:28px !important;}
.mb29{margin-bottom:29px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}

.mt01{margin-top:1px !important;}
.mt02{margin-top:2px !important;}
.mt03{margin-top:3px !important;}
.mt04{margin-top:4px !important;}
.mt05{margin-top:5px !important;}
.mt06{margin-top:6px !important;}
.mt07{margin-top:7px !important;}
.mt08{margin-top:8px !important;}
.mt09{margin-top:9px !important;}
.mt10{margin-top:10px !important;}
.mt11{margin-top:11px !important;}
.mt12{margin-top:12px !important;}
.mt13{margin-top:13px !important;}
.mt14{margin-top:14px !important;}
.mt15{margin-top:15px !important;}
.mt16{margin-top:16px !important;}
.mt17{margin-top:17px !important;}
.mt18{margin-top:18px !important;}
.mt19{margin-top:19px !important;}
.mt20{margin-top:20px !important;}
.mt21{margin-top:21px !important;}
.mt22{margin-top:22px !important;}
.mt23{margin-top:23px !important;}
.mt24{margin-top:24px !important;}
.mt25{margin-top:25px !important;}
.mt26{margin-top:26px !important;}
.mt27{margin-top:27px !important;}
.mt28{margin-top:28px !important;}
.mt29{margin-top:29px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}

.ml01{margin-left:1px !important;}
.ml02{margin-left:2px !important;}
.ml03{margin-left:3px !important;}
.ml04{margin-left:4px !important;}
.ml05{margin-left:5px !important;}
.ml06{margin-left:6px !important;}
.ml07{margin-left:7px !important;}
.ml08{margin-left:8px !important;}
.ml09{margin-left:9px !important;}
.ml10{margin-left:10px !important;}
.ml11{margin-left:11px !important;}
.ml12{margin-left:12px !important;}
.ml13{margin-left:13px !important;}
.ml14{margin-left:14px !important;}
.ml15{margin-left:15px !important;}
.ml16{margin-left:16px !important;}
.ml17{margin-left:17px !important;}
.ml18{margin-left:18px !important;}
.ml19{margin-left:19px !important;}
.ml20{margin-left:20px !important;}
.ml21{margin-left:21px !important;}
.ml22{margin-left:22px !important;}
.ml23{margin-left:23px !important;}
.ml24{margin-left:24px !important;}
.ml25{margin-left:25px !important;}
.ml26{margin-left:26px !important;}
.ml27{margin-left:27px !important;}
.ml28{margin-left:28px !important;}
.ml29{margin-left:29px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}

.mr01{margin-right:1px !important;}
.mr02{margin-right:2px !important;}
.mr03{margin-right:3px !important;}
.mr04{margin-right:4px !important;}
.mr05{margin-right:5px !important;}
.mr06{margin-right:6px !important;}
.mr07{margin-right:7px !important;}
.mr08{margin-right:8px !important;}
.mr09{margin-right:9px !important;}
.mr10{margin-right:10px !important;}
.mr11{margin-right:11px !important;}
.mr12{margin-right:12px !important;}
.mr13{margin-right:13px !important;}
.mr14{margin-right:14px !important;}
.mr15{margin-right:15px !important;}
.mr16{margin-right:16px !important;}
.mr17{margin-right:17px !important;}
.mr18{margin-right:18px !important;}
.mr19{margin-right:19px !important;}
.mr20{margin-right:20px !important;}
.mr21{margin-right:21px !important;}
.mr22{margin-right:22px !important;}
.mr23{margin-right:23px !important;}
.mr24{margin-right:24px !important;}
.mr25{margin-right:25px !important;}
.mr26{margin-right:26px !important;}
.mr27{margin-right:27px !important;}
.mr28{margin-right:28px !important;}
.mr29{margin-right:29px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}

/* ==================================================================

	paragraph

=====================================================================*/
.section{
	margin-bottom: 30px;
}
#gakusyu h3{
	text-align: center;
	margin-bottom: 10px;
}
#gakusyu p{
	font-size: 0.88em;
	line-height: 1.6;
}
#gakusyu em{
	color: #fa670c;
	font-weight: bold;
	font-style: normal;
}
/* ==================================================================

	contents

=====================================================================*/
.shadowBox{
	box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.3);
}

h2 + p{
  margin: 30px 20px 45px;
}

.qTit{
  background: url("../../../images/pi_gakusyu/enquete/enquete01/q_bg.png");
  position: relative;
  border-bottom: 4px solid #F6C7D7;
  min-height: 84px;
  padding: 0 10px 0 80px;
  color: #462A12;
  font-size: 19px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.qTit:before{
  content: "";
  width: 50px;
  height: 72px;
  background: url("../../../images/pi_gakusyu/enquete/enquete01/icon_q.png");
  background-size: 100% 100%;
  position: absolute;
  left: 15px;
  top: 0;
}

.qTit .notes{
  display: block;
  font-weight: normal;
  font-size: 12px;
}

.answer{
  background: url("../../../images/pi_gakusyu/enquete/enquete01/a_bg.png");
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.answer .fukidashi{
  background: #FFF;
  border-radius: 20px;
  padding: 20px;
  position: relative;
  border: 1px dashed #B8B68D;
}

.answer .fukidashi:before{
  content: '';
  position: absolute;
  display: block;
  width: 18px;
  height: 18px;
  left: -10px;
  top: 50%;
  transform: translateY(-50%) rotate(-135deg);
  margin: 0 auto;
  border-top: 1px dashed #B8B68D;
  border-right: 1px dashed #B8B68D;
  background-color: #fff;
}

.answer .point dt{
  background: #6AC659;
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  padding: 2px;
  margin-bottom: 15px;
}

.answer .point dt span{
  border:1px dashed #FFF;
  padding: 3px;
  display: block;
}

.answer .point dt span:before,
.answer .point dt span:after{
  content: "";
  width: 19px;
  height: 19px;
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  margin-top: -2px;
  background-size: 100% 100%;
}

.answer .point dt span:before{
  background-image: url("../../../images/pi_gakusyu/enquete/enquete01/pen_left.png");
}

.answer .point dt span:after{
  background-image: url("../../../images/pi_gakusyu/enquete/enquete01/pen_right.png");
}

.answer .point dd{
  font-size: 14px;
  line-height: 1.6;
}

.answer01{
  padding: 30px 30px 30px 72px;
}

.answer01 .graph01{
  width: 265px;
}

.answer01 .fukidashi{
  width: 530px;
  display: flex;
}

.answer01 .fukidashi .point{
  flex: 1;
  margin-right: 30px;
}

.answer01 .fukidashi .graph02{
  width: 185px;
}

.answer02{
  padding: 30px 30px 30px 36px;
}

.answer02 .graph01{
  width: 432px;
}

.answer02 .fukidashi{
  width: 404px;

}

.answer03{
  padding: 30px 30px 30px 70px;
}

.answer03 .graph01{
  width: 304px;
}

.answer03 .fukidashi{
  width: 486px;
}

.answer04{
  padding: 30px;
}

.answer04 .graph01{
  width: 269px;
}

.answer04 .fukidashi{
  width: 595px;
}

.answer04 .fukidashi .graph02{
  margin-top: 20px;
}

.summary{
  background: url("../../../images/pi_gakusyu/enquete/enquete01/summary_bg.png");
  border: 3px solid #69C757;
  border-radius: 10px;
  padding-bottom: 30px;
}

.summary .matome{
  display: flex;
  align-items: center;
  background: url("../../../images/pi_gakusyu/enquete/enquete01/matome_bg.jpg") no-repeat center top;
  padding: 80px 80px 25px 72px;
  border-radius: 7px 7px 0 0;
}

.summary .matome dt{
  width: 150px;
  height: 150px;
  padding: 5px;
  border-radius: 50%;
  background: #6AC659;
  font-size: 36px;
  font-weight: bold;
  color: #FFF;
  margin-right: 20px;
}

.summary .matome dt span{
  border: 1px dashed #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 140px;
  border-radius: 50%;
}

.summary .matome dd{
  font-weight: bold;
  color: #4D2913;
  font-size: 15px;
}

.summary .matome dd .line{
  background: linear-gradient(transparent 50%, #FFEBA8 100%);
}

.summary .adviceTit{
  color: #FB83AD;
  font-size: 32px;
  text-align: center;
  margin: 20px 40px !important;
  padding-bottom: 15px;
  border-bottom: 2px dashed #FB83AD;
}

.summary .threeColumnList{
	list-style-type:none;
}
.summary .threeColumnList>li{
	width: 260px;
	float: left;
	margin-left: 38px;
}
.summary .threeColumnList>li:first-child{
	margin-left: 40px;
}
.summary .threeColumnList>li>img{
	margin-bottom: 15px;
}
.summary .recomendProductList{
	margin-top: 10px;
	margin-left: 10px;
}
.summary .recomendProductList li{
	text-align: left;
	list-style-type:none;

}
.summary .recomendProductList li a{
	background-image: url(../../../images/pi_gakusyu/enquete/enquete01/list_01.png);
	background-position: 0 5px;
	background-repeat: no-repeat;
	color: #fb8042;
	padding-left: 18px;
	font-size: 0.88em;
	font-weight: bold;
}
.summary .recomendProductList li a:hover{
	text-decoration: none;
}