@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------
 ***                                                                　共通
----------------------------------------------------------------------------*/


p,li,td{ font-size:14px; color:#333; }
#breadcrumbArea li a{ background:url(../../../../common_images/icon_list03.gif) right 45% no-repeat;}

#titleBox{     
	background: url(../../../common_images/back_title01.png) no-repeat top center;
    border-top: #005873 3px solid;
    padding: 12px 0 0 12px;
    position: relative;
    margin-bottom: 21px;}
#titleBox h2{ background:url(../../../common_images/icon_p.png) no-repeat left center; font-size:28px; padding-left:36px;}
#titleBox .btn{ position:absolute; top:25px; left:800px;}

#introSec{ height:200px;}
#introSec h3{font-size:46px;padding: 70px 0 0 40px;line-height: 1.1;}
#introSec h3 span{font-size:19px;line-height:1.2em;display: inline-block;}
#introSec h3 .letterSpacingS{ letter-spacing:-0.26em;}
#introSec h3 .letterSpacingL{ font-size:46px; letter-spacing:-0.26em;}

#businessPlanPage #introSec{ background:url(../../../lesson/haken/haken_plan/images/back_h3_business.jpg) left top no-repeat;}
#customersPlanPage #introSec{ background:url(../../../lesson/haken/haken_plan/images/back_h3_customers.jpg) left top no-repeat;}
#guidePlanPage #introSec{ background:url(../../../lesson/haken/haken_plan/images/back_h3_guide.jpg) left top no-repeat;}
#morningPlanPage #introSec{ background:url(../../../lesson/haken/haken_plan/images/back_h3_morning.jpg) left top no-repeat;}

.pink{ color:#E40067;}
.blue{ color:#00968A;}
.orange{ color:#EE8167;}
.green{ color:#92C765;}
.purple{ color:#CD88B8;}
.bg_blue{ background-color:#00968A;}
.bg_orange{ background-color:#EE8167;}
.bg_green{ background-color:#92C765;}
.bg_purple{ background-color:#CD88B8;}

.planSec h4.blue{ border-bottom:1px solid #00968A;}
.planSec h4.orange{ border-bottom:1px solid #EE8167;}
.planSec h4.green{ border-bottom:1px solid #92C765;}
.planSec h4.purple{ border-bottom:1px solid #CD88B8;}

.commonBtn.bg_blue{ background-color:#00968A;}
.commonBtn.bg_orange{ background-color:#EE8167;}
.commonBtn.bg_green{ background-color:#92C765;}
.commonBtn.bg_purple{ background-color:#CD88B8;}

.mainSection .section{ margin-bottom: 43px;}

#dounyuPlan{}

.planSec{ padding-bottom:45px; border-bottom:1px dotted #595757;}
.planSec .sectionInner{ width:650px; margin:0 auto;}
.planSec h4{ font-size:24px; padding-bottom:1px; margin-bottom:6px;}

.planSec h4 .vip{ font-size:14px; color:#FFF; background-color:#00968A; padding:3px 8px 1px; margin-right:3px; vertical-align:3px;}
.planSec .titleText{ margin-bottom:25px;}
.planSec .floatL{/* width: 100%; */margin-bottom:20px;padding: 0 0px;}
.planSec .floatL dl{border-bottom:1px dotted #00968A; padding:9px 0 8px; /*width:310px;*/ width: 318px; height:26px; float:left;}
.planSec .floatL dl:first-child{/* padding-top:0; */}
.planSec .floatL dl:last-child{/* border-bottom:none; */}
.planSec .floatL dl:nth-of-type(2n){/*margin-left: 30px;*/ margin-left: 14px;}
.planSec .floatL dt{ float:left; font-size:13px; color:#FFF; padding:6px 10px 5px;}
.planSec .floatL dd{float: left;/*width:195px;*/ width: 260px; font-size:14px;/*margin-left: 15px;*/ margin-left: 12px; padding-top:6px;}
.planSec .floatL dd .pink{font-size: 25px;font-weight:bold;}
.planSec .floatL dd .txtSizeS_pink{font-size: 14px;color:#E40067;font-weight:bold;}
.planSec .floatL dd .txtSizeSS{ font-size:12px;}
.planSec .floatL dd .txtSizeL{font-size: 13px;}
.planSec .floatL dd .group{ font-weight:bold; color:#FFF; background-color:#009FE8; padding:2px 8px 0; margin-right:3px;}
.planSec .floatL dd .mantoman{ font-weight:bold; color:#FFF; background-color:#E3007F; padding:2px 8px 0; margin-right:3px;}
.planSec .floatL dl.column2{height:55px;}
.planSec .floatL dl.column2 dd.englishDD{width:249px;}
.planSec .floatL dl.column2 dd.multiDD{width:249px; margin-left:61px;}
.planSec .floatL dd .txtSizeLL{ font-size:18px;}
.planSec .floatR{/* width:310px; */margin-bottom:10px;}
.planSec .floatR dl{margin-bottom: 15px;}
.planSec .floatR dt{font-size: 18px;padding:2px 0 1px 27px;margin-bottom:5px;width: 480px;float: left;}
.planSec .floatR dd{line-height:1.4em;font-size: 16px;}
.planSec .floatR p{ text-align:right;}
.planSec .tac{}
/*2021年変更.planSec .commonBtn{padding: 0.5em 0em 0.4em 0em;background-image:none;max-width:264px;font-size: 16px;}*/
.planSec .commonBtn {padding: 0.5em 0em 0.4em 0em;background-image: none;max-width: 275px;font-size: 16px;}
.planSec .commonBtn:hover{filter:brightness(120%); }
.rightImage{float:right;padding-left: 15px;}

#businessPlanPage .planSec .floatR dt{ background:url(../../../lesson/haken/haken_plan/images/icon_01.jpg) left top no-repeat;}
#businessPlanPage .planSec .floatR .traningContents dt{width: 100%;font-size: 18px;padding:2px 0 1px 27px;margin-bottom:5px;background:url(../../../lesson/haken/haken_plan/images/icon_17.jpg) left top no-repeat;}

#staffPlan .floatR dt{ background:url(../../../lesson/haken/haken_plan/images/icon_02.jpg) left top no-repeat;}
#mysteryPlan .floatR dt{ background:url(../../../lesson/haken/haken_plan/images/icon_03.jpg) left top no-repeat;}
#shopPlan .floatR dt{ background:url(../../../lesson/haken/haken_plan/images/icon_04.jpg) left top no-repeat;}
#eatPlan .floatR dt{ background:url(../../../lesson/haken/haken_plan/images/icon_05.jpg) left top no-repeat;}
#hairstylistPlan .floatR dt{ background:url(../../../lesson/haken/haken_plan/images/icon_06.jpg) left top no-repeat;}

#stationPlan .floatR dt{ background:url(../../../lesson/haken/haken_plan/images/icon_07.jpg) left top no-repeat;}
#volunteerPlan .floatR dt{ background:url(../../../lesson/haken/haken_plan/images/icon_08.jpg) left top no-repeat;}
#conciergePlan .floatR dt{ background:url(../../../lesson/haken/haken_plan/images/icon_09.jpg) left top no-repeat;}
#telephonePlan .floatR dt{ background:url(../../../lesson/haken/haken_plan/images/icon_10.jpg) left top no-repeat;}
#medicalPlan .floatR dt{ background:url(../../../lesson/haken/haken_plan/images/icon_11.jpg) left top no-repeat;}
#airlinePlan .floatR dt{ background:url(../../../lesson/haken/haken_plan/images/icon_12.jpg) left top no-repeat;}

#morningPlan .floatR dt{ background:url(../../../lesson/haken/haken_plan/images/icon_13.jpg) left top no-repeat;}
#toeicPlan .floatR dt{ background:url(../../../lesson/haken/haken_plan/images/icon_14.jpg) left top no-repeat;}
#circlePlan .floatR dt{ background:url(../../../lesson/haken/haken_plan/images/icon_15.jpg) left top no-repeat;}
#multiPlan .floatR dt{ background:url(../../../lesson/haken/haken_plan/images/icon_16.jpg) left top no-repeat;}

#multiPlan .floatL .multi_keitai{line-height:2.1em;padding-top:0;width: auto;}

#multiPlan .floatL .englishDD{ line-height:1.4em; padding-top:0;}
#multiPlan .floatL .multiDD{ line-height:1.4em; padding-top:2px;}

.englishSquare,
.multiSquare{ color:#FFF; background-color:#000; font-weight:bold;}
.englishSquare{padding: 3px 15px 2px;line-height:2em;}
.multiSquare{padding: 3px 8px 2px;line-height:2em;}

.traningContents{ margin-bottom:10px;}
.traningContents dt{ font-size:16px; padding:2px 0 1px 27px; margin-bottom:5px; background:url(../../../lesson/haken/haken_plan/images/icon_17.jpg) left top no-repeat;}
.traningContents dd{ line-height:1.4em;}

.curriculumExa{ margin-bottom:40px; border:1px solid #00968A; padding:20px;}
.curriculumExa p{ font-size:16px; font-weight:bold; margin-bottom:5px;}
.curriculumExa ul{}
.curriculumExa li{ float:left; padding-left:1.2em; line-height:1.6em; position:relative; width:50%; box-sizing:border-box;}
.curriculumExa li:before{ content:"●"; position:absolute; left:0; top:0;}
.curriculumExa .longLI{ width:100%;}

#businessPlanPage .planSec .floatL dl{border-color:#00968A;}
#customersPlanPage .planSec .floatL dl{border-color:#EE8167;}
#guidePlanPage .planSec .floatL dl{border-color:#92C765;}
#morningPlanPage .planSec .floatL dl{border-color:#CD88B8;}

#businessPlanPage .curriculumExa{border-color:#00968A;}
#customersPlanPage .curriculumExa{border-color:#EE8167;}
#guidePlanPage .curriculumExa{border-color:#92C765;}
#morningPlanPage .curriculumExa{border-color:#CD88B8;}

#businessPlanPage .curriculumExa li:before{color:#00968A;}
#customersPlanPage .curriculumExa li:before{color:#EE8167;}
#guidePlanPage .curriculumExa li:before{color:#92C765;}
#morningPlanPage .curriculumExa li:before{color:#CD88B8;}

.convArea{ background:none; margin-top:0; padding-top:0;}