@charset "utf-8";

/* -----------------------------------------------------------------
MODULE CSS
LAST UPDATE:
--------------------------------------------------------------------*/

/*---------------------------------
 SECTION OPTIONS
-----------------------------------*/
#contentsWrap section.lead{}
#contentsWrap section.lead p{font-size: 1.6rem;line-height: 2;}
#contentsWrap section.lead p:first-child{margin-top: 0px;}
#contentsWrap section.lead{margin-top: 50px;}
#contentsWrap section.lead + section{margin-top: 40px;}

@media screen and (max-width: 768px){
#contentsWrap section.lead{margin-top: 20px ;}
#contentsWrap section.lead p{font-size: 1.2rem;line-height: 2;}
#contentsWrap section.lead + section{margin-top:20px;}
}


/*---------------------------------
 TITLE
-----------------------------------*/
section .deviceTtlLev01:first-child{margin:  0 0 15px 0;}
section .deviceTtlLev02:first-child{margin:  0 0 15px 0;}

/*deviceTtlLev*/
.deviceTtlLev01{font-weight: bold; font-size: 2rem; color: #282828;line-height: 1.6; background: #fff; padding:15px 20px; margin: 60px 0 15px 0; border:1px solid #d6d6d6;border-left: 6px solid #0054a2;}
.deviceTtlLev01 .detail{ color: #fff; font-size: 1.7rem; font-weight: bold; background: #da205d; padding: 6px 16px; border-radius: 30px; margin-left: 30px; }
.deviceTtlLev02{font-weight: bold; font-size: 2rem; color: #0054a2;line-height: 1.6; background: url(/biz/common/img/ttl_bg_device_lev02.png) no-repeat left center; background-size: 15px auto;padding: 0 0 0 25px; margin: 60px 0 15px 0;}
.deviceTtlLev03{font-weight: bold; font-size: 2rem; color: #0054a2; line-height: 1.6;}

/*wrapTtl01*/
.wrapTtl01 {text-align: center;margin: 0 0  40px !important;}
.wrapTtl01 span{display: inline-block; font-size: 3rem; font-weight: bold;line-height: 1; color: #0054a2;border: 1px solid  #0054a2;padding: 20px;}

/*wrapTtl02*/
.wrapTtl02 {text-align: center;margin: 40px 0  20px !important;}
.wrapTtl02 span{display: inline-block; font-size:1.8rem; font-weight: bold;line-height: 1; color: #0054a2;border: 1px solid  #0054a2;padding: 15px 20px;}

/* pointTtl01 */
.pointTtl01{ font-size: 1.8rem; line-height: 1.55; font-weight: bold; color: #0054a2; margin-bottom: 25px; padding-left: 28px; background: url(/biz/common/img/icon_check_01.png) no-repeat 0 6px; background-size: 18px auto;}


@media screen and (max-width: 768px){
/*deviceTtlLev*/
.deviceTtlLev01{ font-size: 1.6rem; padding:10px 15px ; margin: 40px 0 15px 0; border-left: 3px solid #0054a2;}
.deviceTtlLev01 .detail{ font-size: 1.4rem; background: #0054a2; padding: 4px 12px; border-radius: 30px; margin: 4px 0 0 0; display: table; }
.deviceTtlLev02{font-weight: bold; font-size: 1.5rem; margin: 40px 0 15px 0;}
.deviceTtlLev03{ font-size: 1.5rem;}
	
	/*wrapTtl01*/
.wrapTtl01 {margin: 0 0  15px !important;}
.wrapTtl01 span{ font-size: 1.5rem;padding: 10px 30px;line-height: 1.4;}
	
/*wrapTtl02*/
.wrapTtl02 {text-align: center;margin: 20px 0  10px !important;}
.wrapTtl02 span{display: inline-block; font-size:1.6rem; font-weight: bold; color: #0054a2;border: 1px solid  #0054a2;padding: 5px 10px;line-height: 1.6;}

/* pointTtl01 */
.pointTtl01{ font-size: 1.3rem; line-height: 1.461; color: #0054a2; margin-bottom: 10px; padding-left: 19px; background: url(/biz/common/img/icon_check_01.png) no-repeat 0 4px; background-size: 12px auto;}

}



/*---------------------------------
 TEXT
-----------------------------------*/
.impText{ color: #0054a2;}
strong{font-weight: bold;}
strong em{font-weight: bold;}
.notice01{color: #747474; text-indent: -1em;margin-left: 1em;}
.notice01 li{line-height: 2;}


.balloon01{ margin-bottom: 10px !IMPORTANT;position: relative;padding: 5px 20px;line-height: 1;font-size: 1.8rem; font-weight: bold; background: #0054a2; display: inline-block; color: #fff !important; border-radius: 4px;}
.balloon01:before{
	content: "";
	position: absolute;
	top: 35%;
    left: 110%;
    margin-left: -15px;
    border: 7px solid transparent;
    border-left: 10px solid #0054a2;
}

/*bdWrap01*/
.bdWrap01{padding: 0 10px;}
.bdWrap01 span{display: inline-block; line-height: 1; color: #0054a2; border: 1px solid #0054a2;font-weight: bold; font-size: 1.6rem; padding: 10px 15px 10px; margin: 15px auto;}

/* catchText01 */
.catchText01{ font-size: 1.6rem; line-height: 1.875;}

@media screen and (max-width: 768px){ 
.balloon01{font-size: 1.2rem; padding: 3px 12px; margin-bottom: 5px !IMPORTANT; }
.balloon01:before{ top: 75%; left: 50%;	margin-left: -15px;	border: 15px solid transparent;	border-top: 15px solid #0054a2; }

.bdWrap01{padding: 0 ;}
.bdWrap01 span{font-size: 1.2rem; padding: 8px 10px 6px; margin: 10px auto;}
	
.catchText01{ font-size: 1.2rem; line-height: 1.83; margin: 0;}
 
}


/*---------------------------------
 LIST
-----------------------------------*/
/*checkList01*/
.checkList01 li{line-height: 1.7;margin-top: 8px; background: url(/biz/common/img/icon_check_01.png) no-repeat 0 0.4em ; background-size: 18px auto;padding-left: 26px;}
.checkList01 li:first-child{margin-top: 0;}

/*checkList02*/
.checkList02{}
.checkList02 li{font-weight: bold;font-size: 1.8rem; color: #0054a2; line-height: 2;margin-top: 30px;background: url(/biz/common/img/icon_check_01.png) no-repeat 0 0.4em ; background-size: 18px auto;padding-left: 26px;}
.checkList02 li ul{margin-left: 2rem;}
.checkList02 li ul li{padding-left: 0;background: none;font-weight: normal;font-size: 1.4rem; color: #282828;list-style:disc; list-style-position: outside;margin-top: 0;}
.checkList02 li:first-child{margin-top: 0;}


/*thumPictList01*/
.thumPictList01{width: 100%; overflow: hidden;}
.thumPictList01 li{border: 1px solid #d6d6d6; margin: 0 5px 10px 0 ;float: left;width: 485px;}
.thumPictList01 li:nth-child(even){ margin: 0 0 10px 5px ;}
.thumPictList01 li a{display: table; width: 100%;background:url(/biz/common/img/icon_arrow_thum_pict_list_01.png) no-repeat right bottom #fff; background-size: 32px auto;}
.thumPictList01 li a:hover{text-decoration: underline;background:url(/biz/common/img/icon_arrow_thum_pict_list_01.png) no-repeat right bottom #e9f4ff; background-size: 32px auto;}
.thumPictList01 li a span{display: table-cell;vertical-align: middle;font-size: 1.6rem;font-weight: bold; color: #0054a2;}
.thumPictList01 li a span:first-child{width: 120px;padding: 20px; text-align: center;}
.thumPictList01 li a span img{height: 70px; width: auto;}

/*discList01*/
.discList01{text-align: left;margin:0 0 0 1.5em;}
.discList01 li{list-style:disc; list-style-position: outside;}
.discList01 li a{text-decoration: underline;}
.discList01 li a:hover{text-decoration: none;}

/*discList02*/
.discList02{text-align: left;margin:0 0 0 2em;}
.discList02 li{list-style: disc; list-style-position: outside; line-height: 2; margin-bottom: 1em;}
.discList02 li:last-child{margin-bottom: 0;}
/*.discList02 li:before {content: '・'; margin-left:-14px;}*/
.discList02 li a{text-decoration: underline;}
.discList02 li a:hover{text-decoration: none;}


/*thinkList01*/
.thinkList01{font-size: 1.6rem;line-height: 2;}
.thinkList01 li{margin-top: 5px;padding-left: 40px; background: url(/biz/common/img/icon_cloud_01.png) no-repeat 0 0.2em;}
.thinkList01 li:first-child{margin-top: 0;}

/*faqList01*/
.faqList01{ border: solid 1px #d6d6d6; background: #fff; margin-top: 24px;}
.faqList01 dt{ background: url(/biz/faq/img/icon_ques_close.png)no-repeat 19px 15px; background-size: 27px auto; font-size: 1.6rem; padding: 18px 63px; position: relative;}
.faqList01 dt:hover{ cursor: pointer;}
.faqList01 dt.cur{ background: url(/biz/faq/img/icon_ques_open.png)no-repeat 19px 15px; background-size: 27px auto; color: #0054a2; font-weight: bold;}
.faqList01 dt:after{ content:""; display: block; position: absolute; top: 19px; right: 21px; width: 19px; height: 19px; background: url(/biz/faq/img/icon_faq_plus.gif)no-repeat; background-size: 19px 19px;}
.faqList01 dt.cur:after{ content:""; display: block; position: absolute; top: 19px; right: 21px; width: 19px; height: 19px; background: url(/biz/faq/img/icon_faq_minus.gif)no-repeat; background-size: 19px 19px;}
.faqList01 dd{ padding: 14px 22px 22px; border-top: solid 2px #0054a2; display: none;}
.faqList01 dt.cur + dd{ display:block;}
.faqList01 dd p{ margin-top: 10px; line-height: 1.71;}
.faqList01 dd p:first-child{ margin-top: 0;}
.faqList01 dd .attention{ font-size: 1.2rem; color: #747474;}
.faqList01 dd p a{ text-decoration: underline;}
.faqList01 dd p a:hover{ text-decoration: none;}
.faqList01 dd p a[target="_blank"]{ background: url(/biz/common/img/icon_blank_02.png)no-repeat right center; padding-right: 14px;}

@media screen and (max-width: 768px){
	/*thumPictList01*/
.thumPictList01{width: 100%; overflow: hidden;}
.thumPictList01 li{border: 1px solid #d6d6d6; margin: 5px 2px 0 0 ;float: left;width: 49%;}
.thumPictList01 li:nth-child(even){ margin: 5px 0 0 2px ;}
.thumPictList01 li a{display: block; width: 100%;background:url(/biz/common/img/icon_arrow_thum_pict_list_01.png) no-repeat right bottom #fff; background-size: 25px auto;}
.thumPictList01 li a span{display: block;vertical-align: middle;font-size: 1.2rem;font-weight: bold; color: #0054a2;text-align: center;padding: 20px 10px;}
.thumPictList01 li a span:first-child{width: 100%;padding-bottom: 0;}
.thumPictList01 li a span img{height: 64px; width: auto;}
	.thumPictList01 li a:hover{background:url(/biz/common/img/icon_arrow_thum_pict_list_01.png) no-repeat right bottom #f3f9ff; background-size: 25px auto;}
	
	/*checkList01*/
.checkList01 li{line-height: 1.7;margin-top: 5px; background: url(/biz/common/img/icon_check_01.png) no-repeat 0 0.5em ; background-size: 13px auto;padding-left: 20px;}
.checkList01 li:first-child{margin-top: 0;}
	
/*thinkList01*/
.thinkList01{font-size: 1.2rem;}
.thinkList01 li{margin-top: 5px;padding-left: 27px; background: url(/biz/common/img/icon_cloud_01.png) no-repeat 0 0.2em;background-size: 20px auto;}

/*checkList02*/
.checkList02 li{font-size: 1.3rem;margin-top: 15px;background: url(/biz/common/img/icon_check_01.png) no-repeat 0 0.4em ; background-size: 12px auto;padding-left: 20px;}
.checkList02 li ul li{font-size: 1.2rem; }

/*faqList01*/
.faqList01{ border: solid 1px #b8b8b8; background: #fff; margin-top: 15px;}
.faqList01 dt{ background: url(/biz/faq/img/icon_ques_close.png)no-repeat 12px 50%; background-size: 22px auto; font-size: 1.3rem; padding: 15px 45px; position: relative;}
.faqList01 dt.cur{ background: url(/biz/faq/img/icon_ques_open.png)no-repeat 12px 50%; background-size: 22px auto; color: #0054a2; font-weight: bold;}
.faqList01 dt:after{ content:""; display: block; position: absolute; top: 50%; right: 13px; margin-top: -7px; width: 15px; height: 15px; background: url(/biz/faq/img/icon_faq_plus.gif)no-repeat; background-size: 15px 15px;}
.faqList01 dt.cur:after{ content:""; display: block; position: absolute; top: 50%; right: 13px; margin-top: -7px; width: 15px; height: 15px; background: url(/biz/faq/img/icon_faq_minus.gif)no-repeat; background-size: 15px 15px;}
.faqList01 dd{ padding: 15px; border-top: solid 2px #0054a2;}
.faqList01 dd p{ margin-top: 10px; line-height: 1.71;}
.faqList01 dd .attention{ font-size: 1rem;}

/*discList02*/
.discList02{text-align: left;margin:0 0 0 2em;}
.discList02 li{list-style: disc; list-style-position: outside; line-height: 2; margin-bottom: 1em;}

}



/*---------------------------------
 TABLE
-----------------------------------*/
/*dataTable01*/
.dataTable01{width: 100%;}
.dataTable01 th{color: #fff; background: #616161;padding: 15px;border: 1px solid #fff;vertical-align: middle;word-break: keep-all;text-align: center;}
.dataTable01 td{padding: 10px 15px;vertical-align: middle;border:1px solid #d6d6d6;text-align: center;word-break: keep-all;background: #fff;}
.dataTable01 td:last-child{word-break:normal;}
.dataTable01 td:last-child ul li{line-height: 2;}
.pickupCell01 td{font-size: 1.6rem;font-weight: bold; color:#0054a2 ; background: #e5f1fd;} 
.pickupCell01 td ul li{font-weight: bold;}

/*dataTable02*/
.dataTable02{width: 100%;font-size: 1.4rem;margin: 20px 0;}
.dataTable02 thead th{background: #616161; color: #fff; border: 1px solid #d6d6d6;padding: 15px;text-align: center;}
.dataTable02 thead th.skeletonCell01{background: none;border: none;}
.dataTable02 tbody th{background: #3675b0; color: #fff;border: 1px solid #d6d6d6;padding: 15px; line-height: 2;}
.dataTable02 tbody th strong{display: block;font-weight: bold; color: #ffff00; font-size: 1.8rem;}
.dataTable02 tbody td{background: #fff;border: 1px solid #d6d6d6;padding: 15px;}

/*dataTableCEFR*/
.dataTableCEFR{width: 40%; color:#0054a2; }
.dataTableCEFR th{color: #fff; background: #616161;padding: 15px;border: 1px solid #fff;vertical-align: middle;word-break: keep-all;text-align: center;}
.dataTableCEFR td{padding: 10px 15px;vertical-align: middle;border:1px solid #d6d6d6;text-align: center;word-break: keep-all;background: #fff;font-weight: bold;line-height: 3;}
.dataTableCEFR td:last-child{word-break:normal;}
.pickupCellCefrC td{background: #bedbf5;} 
.pickupCellCefrB td{background: #e5f1fd;} 

@media screen and (max-width: 768px){
.tblScroll{overflow: auto; white-space: nowrap;}
.tblScroll::-webkit-scrollbar{height: 5px;}
.tblScroll::-webkit-scrollbar-track{background: #F1F1F1;}
.tblScroll::-webkit-scrollbar-thumb {background: #BCBCBC;}
	
/*dataTable01*/
.dataTable01{width: 100%;}
.dataTable01 th{padding: 10px 10px;font-size: 1rem;}
.dataTable01 td{padding: 5px 10px;font-size: 1rem;}
.pickupCell01 td{font-size: 1rem;} 
	
/*dataTable02*/
.dataTable02{font-size:0.9rem;margin: 20px 0 0;}
.dataTable02 thead th{padding: 10px;text-align: center;}
.dataTable02 tbody th{padding: 10px;}
.dataTable02 tbody th strong{font-size: 1.1rem;}
.dataTable02 tbody td{padding: 10px;}
.dataTable02 tbody td strong{ font-size: 1.2rem;}
	.dataTable02 tbody td li{ line-height: 1.6em;}

/*dataTableCEFR*/
.dataTableCEFR{width: 100%; color:#0054a2; }
}





/*---------------------------------
 BOX
-----------------------------------*/
.bgW01{background: #fff; border:1px solid #d6d6d6;}
.colWrap{width: 100%; overflow: hidden;}

/*dataCell01*/
.dataCell01{display: table; width: 100%;border:1px solid #d6d6d6;}
.dataCell01 dt{font-weight: bold;display: table-cell;vertical-align: middle;text-align: center; color: #fff;font-size: 1.6rem; background: #616161;padding: 20px 35px;}
.dataCell01 dd{line-height: 2; vertical-align: middle;padding: 20px;background: #fff;font-size: 1.6rem;}

/*outTtlBox01*/
.outTtlBox01{background: #fff; border: 1px solid #d6d6d6;position: relative;padding: 20px;}
.outTtlBox01 .ttl{position: absolute; width: 100%; text-align: center; top:-20px; left: 0;font-size:1.6rem;}
.outTtlBox01 .ttl span{display: inline-block;line-height: 1;padding: 10px 50px;border-radius:2em ;font-weight: bold; background: #6e6e6e; color:#fff;}

/*thumbCol01*/
.thumbCol01{display: table;width: 100%;}
.thumbCol01 dt{display: table-cell;vertical-align: middle;}
.thumbCol01 dd{display: table-cell; vertical-align: middle;}

/*flowWrap01*/
.flowWrap01{background: url(/biz/common/img/icon_arror_flow_01.png) no-repeat top center;padding: 55px 0 0 0;}

/*checkPoint01*/
.checkPoint01{width: 100%;display: table;background: #fff; border: 1px solid #d6d6d6; border-top: 5px solid #0054a2;}
.checkPoint01 dt{width: 400px;display: table-cell; vertical-align:top;background: #edf6ff;border-right: 1px solid #d6d6d6;padding: 40px 20px;}
.checkPoint01 dd{display: table-cell; vertical-align:top;padding: 40px;}
.checkPoint01 dt li{line-height: 2;}
dt.uniqueBg01{background: url(/biz/flow/img/thumb_002.png) no-repeat right bottom #edf6ff;}
dt.uniqueBg02{background: url(/biz/management/img/thumb_002.png) no-repeat center bottom #edf6ff;text-align: center;}
dt.uniqueBg02 p{font-size: 2.4rem !important; }
dt.uniqueBg03{width: 230px;padding: 0 0 0 40px; vertical-align: middle;background: none;border: none;}
dt.uniqueBg03 p img{width: 100%; height: auto;}
dt.uniqueBg04{background: url(/biz/sample/img/thumb_002.png) no-repeat center bottom #edf6ff; background-size: 256px auto;}
dt.uniqueBg04 .deviceTtlLev03{ margin-bottom: 25px;}
dt.uniqueBg04 .deviceTtlLev03 .strong01{ font-size: 2.4rem; color: #da205d; font-weight: bold;}

.checkPoint01.sample .checkList02 li{ line-height: 1.44;}
.checkPoint01.sample .checkList02 ul li{ line-height: 1.714;}
.checkPoint01.sample .checkList02 ul li.attention{ font-size: 1.2rem; line-height: 1.75; color: #747474; text-indent: -1em; padding-left: 1em; list-style-type: none;}
.checkPoint01.sample .checkList02 ul li:first-child{ margin: 10px 0;}

section .descriptionBox01:first-child{margin-top: 0;}
.descriptionBox01{display: table; width: 100%;margin-top: 20px;border: 1px solid #d6d6d6;}
.descriptionBox01 dt{display: table-cell;vertical-align: top;width: 280px;padding:15px 20px;background: #3675b0; color: #fff;line-height: 1.8;border-right: 1px solid #d6d6d6;}
.descriptionBox01 dt strong{display: block;font-size: 1.8rem;font-weight: bold; color: #ffff00;}
.descriptionBox01 dd{display: table-cell;vertical-align: top;background: #fff;}
.descriptionBox01 dd p.ttl{padding:15px 25px; font-weight: bold; background: #eaf5ff;font-size: 1.6rem;border-bottom: 1px solid #d6d6d6;display: table; width: 100%;}
.descriptionBox01 dd p.ttl span:first-child{width:  60px;}
.descriptionBox01 dd p.ttl span {display: table-cell; vertical-align: middle;font-weight: bold;}
.descriptionBox01 dd p.ttl span img{vertical-align: middle;width: 40px; height: auto; }
.bdRed01{border: 1px solid #da205d; padding: 10px;display: inline-block;margin: 10px;}
.bdRed01 ol{font-size: 1.2rem;line-height: 2;}
.descriptionBox01 dd .detailWrap{padding: 25px 20px;}
.descriptionBox01 dd .detailWrap p{margin-top: 20px;}
.descriptionBox01 dd .detailWrap p:first-child{margin-top: 0;}

/*textArea*/
.textArea{margin-top: 20px;padding: 30px;}
.textArea p{margin-top: 20px;line-height: 2;}

/*textArea options*/
h2 + .textArea{margin-top: 0;}
section .textArea:first-child,
.textArea p:first-child{margin-top: 0;}

/*levelMapWrap*/
.levelMapWrap{width: 100%;overflow: hidden;}
.levelMapWrap .levelImg{float: left;width: 765px;}
.levelMapWrap .levelImg p.ttl{color: #fff;font-weight: bold; background: #616161;text-align: center; padding: 12px 0;line-height: 1 !important;font-size: 1.4rem !important;margin-left: 2px;}
.levelMapWrap .levelImg img{width: 100%	; height: auto;}
.levelMapWrap .levelNav{width: 180px;float: right;}
.levelMapWrap .levelNav dl dt{font-weight: bold;background: #616161; text-align: center;line-height: 1;padding: 	10px 0; color: #fff;}
.levelMapWrap .levelNav dl dd ul li{border: 1px solid #d6d6d6; border-top: none;background: url(/biz/common/img/icon_arrow_b_b_01.png) no-repeat 15px center; background-size: 8px auto; background-color: #e7f4ff;}
.levelMapWrap .levelNav dl dd ul li:nth-child(1),
.levelMapWrap .levelNav dl dd ul li:nth-child(2),
.levelMapWrap .levelNav dl dd ul li:nth-child(3){background-color: #ffffff;}
.levelMapWrap .levelNav dl dd ul li:last-child{background-color: #bedbf5;}
.levelMapWrap .levelNav dl dd ul li a{display: block;font-size: 1.2rem;line-height: 1;padding: 13px 10px 13px 38px;color: #282828;}
.levelMapWrap .levelNav dl dd ul li a strong{display: inline-block;margin-left: 10px;}
.levelMapWrap .levelNav dl dd ul li a:hover strong{text-decoration: underline;}

/*levBlockCell*/
.levBlockCell{width: 100%;display: table;border: #d6d6d6;}
.levBlockCell p{display: table-cell;vertical-align: middle;color: #fff;background: #616161;border-left: 1px solid #d6d6d6;text-align: center;line-height: 1;padding: 20px;}
.levBlockCell p:first-child{border: none;}
.levBlockCell p.levNum{font-size: 1.1rem;width: 60px;padding: 20px 10px;}
.levBlockCell p.levDisc{}
.levBlockCell p.levSump{width: 236px;}

/*levBlockSec*/
@media screen and (min-width: 769px){
  .levBlockSec{scroll-margin-top: 160px;}
}
.levBlockSec{width: 100%;display: table;background: #fff;border-top: 1px solid #d6d6d6;}
.levBlockSec:last-child{border-bottom: 1px solid #d6d6d6;}
.levBlockSec dt{display: table-cell;border-left: 1px solid #d6d6d6;width: 60px;vertical-align: middle;text-align: center;font-weight: bold;font-size: 1.8rem;}
.levBlockSec dt .value{ display: block; margin: 10px; font-size: 1.2rem; color: #737373; font-weight: bold; text-align: center;}
.levBlockSec dt .value img{ margin: 4px auto;}
.levBlockSec dd{display: table-cell;border-left: 1px solid #d6d6d6;vertical-align: middle;line-height: 2;}
.levBlockSec dd:last-child{border-right: 1px solid #d6d6d6;}
.levBlockSec dd .levCont{ display: table;}
.levBlockSec dd .text,
.levBlockSec dd .sample{ display: table-cell; padding: 15px 20px;}
.levBlockSec dd .text{ width: 684px;}
.levBlockSec dd .sample{width: 234px;text-align: left;padding: 5px 20px 25px;line-height: 1; border-left: 1px solid #d6d6d6;}
.levBlockSec dd.sample ul{}
.levBlockSec .sample ul li{font-size: 1.2rem;margin-top: 15px;}
.levBlockSec .sample ul li a{margin-top: 5px;display: inline-block;border: 1px solid #cecece;border-radius: 2px; background: url(/biz/common/img/icon_arror_p_r_01.png) no-repeat 15px center #f7f7f7; line-height: 1;padding:10px 22px 10px 40px; background-size: 15px auto;color: #3c3c3c;}
.levBlockSec .sample ul li a:hover{text-decoration: none;opacity: 0.8;}
.levBlockSec .sample audio{width: 194px;margin-top: 10px;}

#lev4Sec dt,
#lev5Sec dt,
#lev6Sec dt,
#lev7Sec dt,
#lev8Sec dt{background-color: #e5f1fd;}
#lev9Sec dt{background-color: #bedbf5;}

/*numPoint*/
.numPoint{width: 100%;}
.numPoint dl{width: 230px;margin-left: 20px; float: left;margin-top: 40px;}
.numPoint dl:first-child{margin-left: 0;}
.numPoint dl dt{text-align: center;position: relative;}
.numPoint dl dt img{position: absolute; top: -35px; left: 50%; margin-left: -25px;}
.numPoint dl dd{background: #fff;border: 1px solid #d6d6d6;border-bottom: none;border-top: none;padding: 0 15px 15px 15px;}
.numPoint dl dd ul{}
.numPoint dl dd ul li{line-height: 1.8;}
.numPoint dl dd p{font-size: 1.1rem !important;}
.numPoint dl dd.ttl{text-align: center;	padding: 25px 15px 15px 15px;height: 160px;position: relative;}
.numPoint dl dd.ttl img{width: 100px; height: auto;}
.numPoint dl dd.ttl strong{display:block;position: absolute; bottom: 20px; left: 0; font-size: 2.2rem; font-weight: bold; width: 100%; text-align: center;}
.numPoint dl dd.pointText{font-size: 1.6rem;text-align: center;color: #fff;padding: 10px;}
.numPoint dl dd.pointText strong{display: block;}

.numPoint dl.point1{border-top: 4px solid #DA2061;}
.numPoint dl.point1 dd.ttl{color: #DA2061;}
.numPoint dl.point1 dd.pointText {padding-top: 20px;background:#DA2061 ;border: 1px solid #DA2061;}
.numPoint dl.point2{border-top: 4px solid #A06EB4;}
.numPoint dl.point2 dd.ttl{color: #A06EB4;}
.numPoint dl.point2 dd.pointText {padding-top: 20px;background:#A06EB4 ;border: 1px solid #A06EB4;}
.numPoint dl.point3{border-top: 4px solid #B49100;}
.numPoint dl.point3 dd.ttl{color: #B49100;}
.numPoint dl.point3 dd.pointText {background:#B49100 ;border: 1px solid #B49100;}
.numPoint dl.point4{border-top: 4px solid #288CB4;}
.numPoint dl.point4 dd.ttl{color: #288CB4;}
.numPoint dl.point4 dd.pointText {padding-top: 20px;background:#288CB4 ;border: 1px solid #288CB4;}

.resultCont{ overflow: hidden; margin-top: 30px;}
.resultCont p{ font-size: 1.6rem; margin: 26px 0; line-height: 1.8;}

.testDetail01{ width: 500px; padding: 35px; margin: 30px auto 0; background: #fff; border: solid 1px #d6d6d6; position: relative;}
.testDetail01:after{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 26px; height: 26px; background: url(/biz/common/img/bg_corner_01.png); background-size: 26px auto;}
.testDetail01 .deviceTtlLev03{ font-size: 2rem; margin-bottom: 5px;}
.testDetail01 p{ font-size: 1.6rem; text-align: center;}

.listBox01{background: #fff; border:1px solid #d6d6d6; margin-top: 30px;}
.listBox01 .detailWrap{ padding: 30px 15px;}

@media screen and (max-width: 768px){ 
/*dataCell01*/
.dataCell01{display: block; width: 100%;}
.dataCell01 dt{display: block;font-size: 1.2rem; padding: 10px;}
.dataCell01 dd{padding: 10px 15px;font-size: 1.2rem;}

	/*outTtlBox01*/
.outTtlBox01{padding: 15px;margin-top: 40px;}
.outTtlBox01 .ttl{font-size:1.3rem;}
.outTtlBox01 .ttl span{padding: 10px 40px;}
	
/*thumbCol01*/
.thumbCol01{display: block;width: 100%;}
.thumbCol01 dt{display:block; text-align: center;vertical-align: middle;}
.thumbCol01 dt img{width: 55px; height: auto;}
.thumbCol01 dd{display: block; vertical-align: middle;}
	
/*flowWrap01*/
.flowWrap01{background: url(/biz/common/img/icon_arror_flow_01.png) no-repeat top center;padding: 33px 0 0 0; background-size: 30px auto;}

/*checkPoint01*/
.checkPoint01{display: block;border-top: 3px solid #0054a2;}
.checkPoint01 dt{width: 100%;display: block; border-right: none;border-bottom: 1px solid #d6d6d6;padding: 25px 20px;}
.checkPoint01 dd{display: block;padding:20px;}
dt.uniqueBg01{background: url(/biz/flow/img/thumb_002.png) no-repeat right bottom #edf6ff;background-size: 100px auto;}
dt.uniqueBg02{background: url(/biz/management/img/thumb_002.png) no-repeat center bottom #edf6ff;background-size: 147px auto;font-size: 1.8rem !important; text-align: center;padding-bottom: 110px;}
dt.uniqueBg02 p{font-size: 1.8rem !important; }
dt.uniqueBg03{width: 100%;padding: 0 40px; vertical-align: middle;background: none;border: none;text-align: center;}
dt.uniqueBg03 p img{width: 103px; height: auto;margin-top: 20px;}
dt.uniqueBg04{background: url(/biz/sample/img/thumb_002.png) no-repeat center bottom #edf6ff; background-size: 151px auto;}
dt.uniqueBg04 .deviceTtlLev03{ margin-bottom: 87px;}
dt.uniqueBg04 .deviceTtlLev03:first-child{ margin-bottom: 15px;}
dt.uniqueBg04 .deviceTtlLev03 .strong01{ font-size: 1.8rem; color: #da205d; font-weight: bold;}

.checkPoint01.sample .checkList02 ul li{ line-height: 1.714;}
.checkPoint01.sample .checkList02 ul li:first-child{ margin: 5px 0;}
.checkPoint01.sample .checkList02 ul li.attention{ font-size: 1rem; line-height: 1.6; color: #747474; list-style-type: none;}
 
/*descriptionBox01*/
.descriptionBox01{display: block; margin-top: 15px;}
.descriptionBox01 dt{display:block;width: 100%;padding:10px 15px;border-bottom: 1px solid #d6d6d6;border-right: none;font-size: 1.2rem;}
.descriptionBox01 dt strong{display: block;font-size: 1.4rem;}
.descriptionBox01 dd{display:block;}
.descriptionBox01 dd p.ttl{padding:10px 15px;font-size: 1.2rem; overflow: hidden;}
.descriptionBox01 dd p.ttl img{vertical-align: middle;width: 30px; height: auto; margin-right:15px;float: left;}
	
.bdRed01{padding: 10px;margin:  10px 0;}
.bdRed01 ol{font-size: 1.2rem;line-height: 2;}
.descriptionBox01 dd .detailWrap{padding: 10px;}
.descriptionBox01 dd .detailWrap p{margin-top: 10px;}
.descriptionBox01 dd .detailWrap p:first-child{margin-top: 0;}

/*textArea*/
.textArea{padding: 20px;}

	/*levelMapWrap*/
.levelMapWrap{width: 100%;overflow: hidden;}
.levelMapWrap .levelImg{float: none;width: 100%;}
.levelMapWrap .levelImg p.ttl{padding: 10px 0;font-size: 1.2rem !important;margin-left: 0;}
.levelMapWrap .levelImg p img{width: 100%; height: auto;}
.levelMapWrap .levelNav{width: 100%;float: none;margin-top: 10px;}
.levelMapWrap .levelNav dl dt{font-size: 1.2rem;}
.levelMapWrap .levelNav dl dd ul{width: 99.99%;overflow: hidden;}
.levelMapWrap .levelNav dl dd ul li{border-top: none; border-right: none;width: 33.33%;float: left;}
.levelMapWrap .levelNav dl dd ul li:nth-child(3n){border-right: 1px solid #d6d6d6;}
.levelMapWrap .levelNav dl dd ul li a{font-size: 1rem;padding: 17px 10px 17px 32px;}
.levelMapWrap .levelNav dl dd ul li a strong{margin-left: 5px;}

/*levBlockCell*/
.levBlockCell{ display: none;}

/*levBlockSec*/
.levBlockSec{display: block;border: 1px solid #d6d6d6;margin-bottom: 15px;}
.levBlockSec:last-child{border: 1px solid #d6d6d6;margin-bottom: 0;}
.levBlockSec dt{ cursor: pointer;display: block;border:none; width: 100%;font-size: 1.4rem;padding: 15px;text-align: left;background: url(/biz/common/img/icon_ac_plus.png) no-repeat right center;background-size: 28px auto;border-bottom:0;}
.levBlockSec dt.cur{background: url(/biz/common/img/icon_ac_minus.png) no-repeat right center;background-size: 28px auto; border-bottom: 2px solid #616161;}
.levBlockSec dt span{display: inline-block;font-weight: bold!important;}
.levBlockSec dt .value{ display: inline-block; margin: 0 0 0 20px; }
.levBlockSec dt .value img{ margin: 0 3px; vertical-align: middle; width: 12px; height: auto;}
.levBlockSec dt .value img.spOnly{display: inline-block; }
.levBlockSec dt.cur + dd,
.levBlockSec dd .text, .levBlockSec dd .sample{display: block;}
.levBlockSec dd .text,
.levBlockSec dd .sample{ width: 100%;}
.levBlockSec dd .text{ padding: 15px;}
.levBlockSec dd{display: none; border:none;}
.levBlockSec dd:last-child{border-right: none;}
.levBlockSec dd .sample{width: 100%;padding: 5px 15px 15px;border-top: 1px solid #d6d6d6; border-left: none;}
.levBlockSec dd .sample ul{text-align: left;}
.levBlockSec dd .sample ul li{font-size: 1.2rem;margin-top: 10px;display: block;margin: 15px 0 5px;}
.levBlockSec dd .sample ul li a{margin-top: 5px;display: inline-block;border: 1px solid #cecece;border-radius: 2px; background: url(/biz/common/img/icon_arror_p_r_01.png) no-repeat 15px center #f7f7f7; line-height: 1;padding:10px 22px 10px 40px; background-size: 15px auto;color: #3c3c3c;}
	.levBlockSec dd .sample ul li audio{width: 100%;}

	

/*numPoint*/
.numPoint{width: 100%;}
.numPoint dl{width: 100%;margin-left: 0; float: none;margin-top:50px;border: 1px solid #d6d6d6; background: #fff;}
.numPoint dl dd{background: #fff;border: none;padding: 0 15px 15px 15px;}
.numPoint dl dd ul{}
.numPoint dl dd ul li{line-height: 1.8;}
.numPoint dl dd p{font-size: 1.1rem !important;}
.numPoint dl dd.ttl{text-align: center;	padding: 25px 15px 15px 15px;height: AUTO;position: relative;width: 40%;float: left; }
.numPoint dl dd.ttl img{width: 85px; height: auto;}
.numPoint dl dd.ttl strong{display:block;position:inherit; font-size: 1.4rem; bottom: inherit;margin-top: 10px;}
.numPoint dl dd.list{float: left;width: 60%;border-left: none;padding-top: 25px;}
.numPoint dl dd.pointText{font-size: 1.3rem;padding: 10px !important	; clear: both;}

.resultCont{ margin-top: 15px;}
.resultCont p{ font-size: 1.2rem; margin: 20px 0;}
.resultCont img{ width: 100%; height: auto;}

.testDetail01{ width: 100%; padding: 15px; margin: 20px auto 0; background: #fff; border: solid 1px #d6d6d6; position: relative;}
.testDetail01:after{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 30px; height: 30px; background: url(/biz/common/img/bg_corner_01.png); background-size: 30px auto;}
.testDetail01 .deviceTtlLev03{ font-size: 1.5rem; margin-bottom: 5px;}
.testDetail01 p{ font-size: 1.2rem; text-align: center;}

.listBox01 { margin-top: 10px;}
.listBox01 .detailWrap { padding: 15px 10px;}
}

/*---------------------------------
 BTN
-----------------------------------*/
/*entryBtnL*/
.entryBtnL{margin-top: 80px; text-align: center;}
.entryBtnL a{display: table; margin: 0 auto;background: url(/biz/common/img/icon_blank_btn_01.png) no-repeat right center #da205d; border-radius: 6px; color: #fff; font-size:1.6rem;padding: 20px 0;}
.entryBtnL a:hover{text-decoration: none; color: #fff;opacity: 0.8;}
.entryBtnL a span{display: table-cell;padding-right: 180px;vertical-align: middle;font-weight: bold;}
.entryBtnL a span:first-child{padding: 0 25px 0 85px;}
.entryBtnL a span strong{font-size:2.4rem;}
.entryBtnL a span em{font-size:1.4rem;line-height: 1; padding: 8px 15px;border: 1px solid #fff;font-weight: bold;}

/*col3Btn01*/
.col3Btn01{width: 100%; overflow: hidden;margin: 20px 0 0 0;}
.col3Btn01 li{width: 320px;float: left;list-style: none;}
.col3Btn01 li:nth-child(2){margin: 0 10px;}
.col3Btn01 li a{display: block;padding: 25px 20px; background: url(/biz/common/img/icon_arrow_rb_01.png) no-repeat right bottom #fff; background-size: 32px auto ;border: 1px solid #d6d6d6;font-weight: bold;}
.col3Btn01 li a:hover{background: url(/biz/common/img/icon_arrow_rb_01.png) no-repeat right bottom #e9f4ff; background-size: 32px auto ;}

/*colBtn01*/
.colBtn01{width: 100%; overflow: hidden;margin: 40px 0 0 0;text-align: center;}
.colBtn01 li{width: 320px;display: inline-block;}
.colBtn01 li a{display: block;padding: 25px 20px; background: url(/biz/common/img/icon_arrow_rb_01.png) no-repeat right bottom #fff; background-size: 32px auto ;border: 1px solid #d6d6d6;font-weight: bold;}
.colBtn01 li a:hover{background: url(/biz/common/img/icon_arrow_rb_01.png) no-repeat right bottom #e9f4ff; background-size: 32px auto ;}
.colBtn01 li a[target="_blank"]{display: block;padding: 25px 20px; background: url(/biz/common/img/icon_blank_thum_pict_list_01.png) no-repeat right bottom #fff; background-size: 32px auto ;border: 1px solid #d6d6d6;font-weight: bold;}
.colBtn01 li a[target="_blank"]:hover{background: url(/biz/common/img/icon_blank_thum_pict_list_01.png) no-repeat right bottom #e9f4ff; background-size: 32px auto;}

/*colBtn02*/
.colBtn02{width: 100%; overflow: hidden;margin: 20px 0 0 0;text-align: center;}
.colBtn02 li{width: 320px;display: inline-block; text-align: left;}
.colBtn02 li a{display: block;padding: 25px 20px; background: url(/biz/common/img/icon_arrow_rb_01.png) no-repeat right bottom #fff; background-size: 32px auto ;border: 1px solid #d6d6d6;font-weight: bold;}
.colBtn02 li a:hover{background: url(/biz/common/img/icon_arrow_rb_01.png) no-repeat right bottom #e9f4ff; background-size: 32px auto ;}

/*thumbLinkBox01*/
.thumbLinkBox01{overflow: hidden;width: 100%;}
.thumbLinkBox01 li{width: 320px;float: left; margin-right: 10px;}
.thumbLinkBox01 li.wideCol{width: 100%;}
.thumbLinkBox01 li.wideCol a{padding: 30px 30px 30px 10px;}
.thumbLinkBox01 li.wideCol a dl{display: table;width: 100%;}
.thumbLinkBox01 li.wideCol a dl dt{display:table-cell;width: 240px;vertical-align: top;}
.thumbLinkBox01 li.wideCol a dl dt strong{ font-size: 1.6rem;}
.thumbLinkBox01 li.wideCol a dl dd{display:table-cell;vertical-align: top;}
.thumbLinkBox01 li:last-child{margin-right: 0;}
.thumbLinkBox01 li a{display: block;background: url(/biz/common/img/bg_corner_01.png) no-repeat 0 0 #fff; background-size: 30px auto;border:1px solid #d6d6d6;padding: 30px;margin-top: 10px;color: #282828;}
.thumbLinkBox01 li a:hover{text-decoration: none;opacity: 0.8;}
.thumbLinkBox01 li a dl{}
.thumbLinkBox01 li a dl dt{text-align: center;}
.thumbLinkBox01 li a dl dt strong{ border-radius: 2em; display: inline-block;margin: 20px 0;font-size: 1.4rem;font-weight: bold; background: url(/biz/common/img/icon_blank_01.png) no-repeat right 15px center #da205d; background-size: 12px auto; padding: 10px 35px 10px 15px; color: #fff;}
.thumbLinkBox01 li a dl dt img{height: 105px; width: auto;}
.thumbLinkBox01 li a dl dd{line-height: 1.6;}
.thumbLinkBox01 li a dl dd p{margin-top: 20px;}
.thumbLinkBox01 li a dl dd p:first-child{margin-top: 0;}
.thumbLinkBox01 li a dl dd p strong{font-weight: bold; color: #0054a2; font-size: 1.6rem;}

/* movieBox01 */
.movieBox01{ width: 720px; margin: 50px auto 30px;}

@media screen and (max-width: 768px){ 
/*entryBtnL*/
.entryBtnL{margin: 30px 0 0 0;}
.entryBtnL a{background: url(/biz/common/img/icon_blank_btn_01.png) no-repeat right center #da205d;background-size: 30px auto;font-size:1.3rem;padding: 20px 0;}
.entryBtnL a span{padding-right: 50px;}
.entryBtnL a span:first-child{padding: 0 15px 0 20px;}
.entryBtnL a span strong{font-size:1.6rem;}
.entryBtnL a span em{font-size:1.2rem;padding: 6px 10px;}
	
/*col3Btn01*/
.col3Btn01{margin: 5px 0 0 0;}
.col3Btn01 li{width: 100%;float: none;margin: 10px 0 0 0;font-size: 1.2rem;}
.col3Btn01 li:nth-child(2){margin: 10px 0 0 0;}
.col3Btn01 li a{display: block;padding: 20px 15px; background: url(/biz/common/img/icon_arrow_rb_01.png) no-repeat right bottom #fff; background-size: 25px auto ;border: 1px solid #d6d6d6;font-weight: bold;}
.col3Btn01 li a:hover{background: url(/biz/common/img/icon_arrow_rb_01.png) no-repeat right bottom #e9f4ff; background-size: 25px auto ;}

/*colBtn01*/
.colBtn01{margin: 20px 0 0 0;}
.colBtn01 li{width: 100%;font-size: 1.2rem;}
.colBtn01 li a{display: block;padding: 20px 15px; background: url(/biz/common/img/icon_arrow_rb_01.png) no-repeat right bottom #fff; background-size: 25px auto ;border: 1px solid #d6d6d6;font-weight: bold;}
.colBtn01 li a:hover{background: url(/biz/common/img/icon_arrow_rb_01.png) no-repeat right bottom #e9f4ff; background-size: 25px auto ;}
/*colBtn02*/
.colBtn02 li {width: 100%;}


/*thumbLinkBox01*/
.thumbLinkBox01 li{width: 100%;float: none; margin-right: 0;margin-top: 15px;}
.thumbLinkBox01 li.wideCol:first-child,
.thumbLinkBox01 li.wideCol:first-child a{margin-top: 0;}
.thumbLinkBox01 li.wideCol a {padding: 15px;}
.thumbLinkBox01 li.wideCol a dl{display: block;}
.thumbLinkBox01 li.wideCol a dl dt{display:block;width: 100%;}
.thumbLinkBox01 li.wideCol a dl dt strong{ font-size: 1.3rem;}
.thumbLinkBox01 li.wideCol a dl dd{display:block;}
.thumbLinkBox01 li a{padding:15px;}
.thumbLinkBox01 li a dl dt strong{   margin: 10px 0;font-size: 1.3rem;font-weight: bold; background: url(/biz/common/img/icon_blank_01.png) no-repeat right 12px center #da205d; background-size: 10px auto; padding: 5px 30px 5px 15px; color: #fff;}/**/
.thumbLinkBox01 li a dl dt img{height: 67px; width: auto;}
.thumbLinkBox01 li a dl dd p{margin-top: 10px;}
.thumbLinkBox01 li a dl dd p strong{font-size: 1.4rem;}

/* movieBox01 */
.movieBox01{ width: 100%; margin: 15px auto 20px;}
.movieBox01 video{ width: 100%; height: auto;}
}


/*---------------------------------
 IMG
-----------------------------------*/
.thumb02{padding: 10px 0 !important;}
@media screen and (max-width: 768px){ 
.thumb01 img,
.thumb02 img{width: 100%; height: auto;}
.thumb02{padding: 0 0 !important;}
}


/*---------------------------------
 FS
-----------------------------------*/
.fontSS{font-size: 1rem !important;}
.fontS{font-size: 1.2rem !important;}
.fontL{font-size: 1.6rem !important;}
.fontLL{font-size: 1.8rem !important;}
.fs22_1{font-size: 2.2rem !important;}

@media screen and (max-width: 768px){ 
.fontSS{font-size: 0.9rem !important;}
.fontS{font-size: 1rem !important;}
.fontL{font-size: 1.2rem !important;}
.fontLL{font-size: 1.2rem !important;}
.fs22_1{font-size: 1.5rem !important;}
}

/*---------------------------------
 DEVICE
-----------------------------------*/
.spOnly,
.spOnlyImg{display: none;}
.pcOnly{display: block;}
.pcOnlyImg{display:inline-block;}

@media screen and (max-width: 768px){ /* 768px以下用（タブレット／スマートフォン用）の記述 */
	.spOnlyImg{width: 100%; height: auto;}
.spOnlyImg{display: inline-block;}
.spOnly{display: block;}
.pcOnly,
.pcOnlyImg{display: none;}
}


/*---------------------------------
CLEARFIX
-----------------------------------*/
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
min-height: 1px;
}

* html .clearfix {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}

/*---------------------------------
 MARGIN
-----------------------------------*/
.pd0{padding: 0 !important;}
.mb0 { margin-bottom: 0px !important;}
.mb5 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !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;}
.mt0 { margin-top: 0px !important;}
.mt5 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !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;}
.ml0 { margin-left: 0px !important;}
.ml5 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !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;}
.mr0 { margin-right: 0px !important;}
.mr5 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !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;}

@media screen and (max-width: 768px){
.mb0{ margin-bottom:0px !important;}
.mb5{ margin-bottom:3px !important;}
.mb10{ margin-bottom:5px !important;}
.mb15{ margin-bottom:8px !important;}
.mb20{ margin-bottom:10px !important;}
.mb25{ margin-bottom:13px !important;}
.mb30{ margin-bottom:15px !important;}
.mb35{ margin-bottom:18px !important;}
.mb40{ margin-bottom:20px !important;}
.mb45{ margin-bottom:23px !important;}
.mb50{ margin-bottom:25px !important;}
.ml0{ margin-left:0px !important;}
.ml5{ margin-left:3px !important;}
.ml10{ margin-left:5px !important;}
.ml15{ margin-left:8px !important;}
.ml20{ margin-left:10px !important;}
.ml25{ margin-left:13px !important;}
.ml30{ margin-left:15px !important;}
.ml35{ margin-left:18px !important;}
.ml40{ margin-left:20px !important;}
.ml45{ margin-left:23px !important;}
.ml50{ margin-left:25px !important;}
.mr0{ margin-right:0px !important;}
.mr5{ margin-right:3px !important;}
.mr10{ margin-right:5px !important;}
.mr15{ margin-right:8px !important;}
.mr20{ margin-right:10px !important;}
.mr25{ margin-right:13px !important;}
.mr30{ margin-right:15px !important;}
.mr35{ margin-right:18px !important;}
.mr40{ margin-right:20px !important;}
.mr45{ margin-right:23px !important;}
.mr50{ margin-right:25px !important;}
.mt0{ margin-top:0px !important;}
.mt5{ margin-top:3px !important;}
.mt10{ margin-top:5px !important;}
.mt15{ margin-top:8px !important;}
.mt20{ margin-top:10px !important;}
.mt25{ margin-top:13px !important;}
.mt30{ margin-top:15px !important;}
.mt35{ margin-top:18px !important;}
.mt40{ margin-top:20px !important;}
.mt45{ margin-top:23px !important;}
.mt50{ margin-top:25px !important;}

}

/*---------------------------------
 FIG
-----------------------------------*/
.figL{ float:left;}
.figR{ float:right;}
.clear{ clear:both;}

.layoutC{ text-align:center !important;}
.layoutR{ text-align:right !important;}
.layoutL{ text-align:left !important;}


/*---------------------------------
 resultNew
-----------------------------------*/
#resultNew #contentsWrap{background: #ffdce7;}
#resultNew .resultTtl{background: #fff; padding: 30px 0 24px; overflow: hidden; text-align: center;}
#resultNew .resultTtl h1{background: #da205d; padding: 8px 2px 6px 8px; border-radius: 24px; color: #fff; width: 490px; min-width: auto; margin: 0 auto 18px; font-size: 2.4rem;}
#resultNew .resultTtl p{font-size: 1.8rem; font-weight: bold;color: #da205d; line-height: 1.6;}

#resultNew .resultBefore{ margin: 30px auto; overflow: hidden; width: 510px;}
#resultNew .resultBefore ul{float: right; text-align: left; padding-top: 36px;}
#resultNew .resultBefore ul li{font-size: 1.6rem; font-weight: bold; margin-top: 10px;}
#resultNew .resultBefore p{float: left;}

#resultNew .resultAfter{ margin: 40px auto; position: relative;}
#resultNew .resultAfter .new{position: absolute; top: -74px; left: 54px;}
#resultNew .resultAfter .new img{width: 118px;}
#resultNew .resultAfter .arrow{position: absolute; top: -42px; left: 47%;}
#resultNew .resultAfter .arrow img{width: 49px;}
#resultNew .resultAfter .sample{background: #0054a2; padding: 40px 36px;}
#resultNew .resultAfter .sample li{display: inline-block; margin: 0 2px;}
#resultNew .resultAfter .sample li img{width: 218px;}
#resultNew .resultAfter .resultPoint{ background: #fff; padding: 24px 40px 50px;}
#resultNew .resultAfter .checkList02{ float: left; margin: 0 50px 30px 0;}
#resultNew .resultAfter .checkList02 li{margin-top: 10px; background-size: 22px auto; padding-left: 32px; background-position-y: 9px;}
#resultNew .resultAfter .checkList02 li ul li{padding-left: 0; font-weight: bold; margin: 6px 0; font-size: 1.6rem; line-height: 1.6;}
#resultNew .resultAfter .checkList02 li ul li .attention{display: block; font-size: 1.3rem;}
#resultNew .resultAfter .colBtn01 li{width: 410px;}
#resultNew .resultAfter .colBtn01 li a{font-size: 1.7rem; padding: 20px; border: 1px solid #0054a2;}

#resultNew .entryBtnL{margin-top: 60px;}

@media screen and (max-width: 768px){ 
#resultNew .resultTtl{padding: 22px 22px 18px;}
#resultNew .resultTtl h1{width: 100%; margin: 0 auto 14px; font-size: 2rem; border-radius: 50px;}
#resultNew .resultTtl p{font-size: 1.5rem; line-height: 1.6;}

#resultNew .resultBefore{ margin: 16px auto; width: 100%;}
#resultNew .resultBefore ul{float: inherit; padding: 0; margin: auto; width: 240px;}
#resultNew .resultBefore ul li{font-size: 1.4rem;  margin-top: 8px;}
#resultNew .resultBefore ul li.txtIndent{ padding-left: 3em;}
#resultNew .resultBefore p{float: inherit; text-align: center; margin-top: 14px;}
#resultNew .resultBefore img{width: 140px;}

#resultNew .resultAfter{ margin: 40px auto;}
#resultNew .resultAfter .new{top: -60px; left: 24px;}
#resultNew .resultAfter .new img{width: 78px;}
#resultNew .resultAfter .arrow{left: 45%;}
#resultNew .resultAfter .arrow img{width: 38px;}
#resultNew .resultAfter .sample{padding: 16px 14px;}
#resultNew .resultAfter .sample li{margin: 6px 4px; width: 46%;}
#resultNew .resultAfter .sample li img{width: 100%;}
#resultNew .resultAfter .resultPoint{padding: 20px 14px 30px 16px;}
#resultNew .resultAfter .checkList02{float: inherit; margin: 0;}
#resultNew .resultAfter .checkList02 li{margin-top: 14px; background-size: 18px auto; padding-left: 25px; background-position-y: 5px; font-size: 1.7rem; line-height: 1.5;}
#resultNew .resultAfter .checkList02 li ul li{font-size: 1.4rem;}
#resultNew .resultAfter .checkList02 li ul li .attention{display: block; font-size: 1.2rem;}
#resultNew .resultAfter .colBtn01{margin: 32px 0 0;}
#resultNew .resultAfter .colBtn01 li{width: 100%;}
#resultNew .resultAfter .colBtn01 li a{font-size: 1.5rem; padding: 20px;}

#resultNew .entryBtnL{margin: 40px 0;}
#resultNew .entryBtnL a{width: 93%; font-size: 1.5rem; padding: 28px 0;}
#resultNew .entryBtnL a span strong{font-size: 2rem;}
	
}



/*---------------------------------
 by ALC
-----------------------------------*/
.trademark { margin-top: 3em; font-size: 0.9rem; color: #747474; }