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

/* HTML.BODY
------------------------------------------------------------- */
.mb__main-container{max-width: 1200px;}
a.mb__ancher-text.mb__blank{color: #0088aa; text-decoration: underline;}

/* BACKGROUND
------------------------------------------------------------- */
.BG_Color_White{background: #fff; color: #000;}
.BG_Color_Red{background: #c1272d; color: #fff;}
.BG_Color_LBlue{background: #0088aa; color: #fff;}
.BG_Color_Blue{background: #333377; color: #fff;}
.BG_Color_LGreen{background: #11bb88; color: #fff;}
.BG_Color_Green{background: #007700; color: #fff;}
.BG_Color_Orange{background: #ee7711; color: #fff;}
.BG_Color_Gray{background: #999; color: #fff;}
.BG_Main{background: url(../img/common/bg_main.png) repeat; background-size: 25px;}
.BG_Slope_LP{background: url(../img/common/bg_slope_lp.png) repeat; background-size: 8px; color: #fff;}
.BG_Slope_DP{background: url(../img/common/bg_slope_dp.png) repeat; background-size: 8px; color: #fff;}
.BG_Slope_DB{background: url(../img/common/bg_slope_db.png) repeat; background-size: 8px; color: #fff;}
.BG_Slope_G{background: url(../img/common/bg_slope_g.png) repeat; background-size: 8px; color: #fff;}

/* ANCHER
------------------------------------------------------------- */
/* ImageAncher */
a.LinkHover,a.LinkHover:link,a.LinkHover:visited{opacity:1; filter:alpha(opacity=100); -ms-filter: "alpha( opacity=100 )"; text-decoration: none; cursor: pointer;}
a.LinkHover:hover,a.LinkHover:active{opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )";}

/* TextAncher */
a.TextAncher,a.TextAncher:link,a.TextAncher:visited{text-decoration: underline; color: #333377; word-wrap: break-word;}
a.TextAncher:hover,a.TextAncher:active{text-decoration: none;}

/* TEXT
------------------------------------------------------------- */
.Font_AozoraM{font-family: "aozora-medium",游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
.Font_White{color: #fff;}
.Bold{font-weight: bold; font-family:"Lato-Black";}
.F_12{font-size: 1.2rem; line-height: 16px;}
.F_16{font-size: 1.6rem;}
.EmLine{background-image: linear-gradient(transparent 50%, #fff59d 50%); font-weight: bold; margin: 0 5px;padding: 0 2px;}
.Strike{text-decoration: line-through;}

/* IMAGE
------------------------------------------------------------- */
img{vertical-align: top;}
.ImageFitStyle{width: inherit\9; max-width: 100%\9; height: auto\9;}
.ImageFit{object-fit: contain; background: #eee; width: 100%; height: auto;}

/* SIZE
------------------------------------------------------------- */
.Container{max-width: 1200px; margin: 0 auto; padding: 0 10px;}
.Cell_2{width: 50%;}
.Cell_3{width: 33.3%;}
.W_100P{width: 100% !important;}
.W_50P{width: 50%;}
.W_49P{width: 49%;}
.W_33P{width: 32%;}
.W_20P{width: 20%;}
.W_80{width: 80px;}
.SizeSP{display: none !important;}
.SizeST{display: none !important;}
.SizeTP{display: block !important;}
.SizePC{display: block !important;}
@media screen and (max-width: 768px){
.Cell_2{width: 50%;}
.Cell_3{width: 33.3%;}
.SizeSP{display: none !important;}
.SizeST{display: block !important;}
.SizeTP{display: block !important;}
.SizePC{display: none !important;}
}
@media screen and (max-width: 480px){
.Cell_2{width: 50%;}
.Cell_3{width: 50%;}
/*.W_49P{width: 100%;}*/
.SizeSP{display: block !important;}
.SizeST{display: block !important;}
.SizeTP{display: none !important;}
.SizePC{display: none !important;}
}

/* POSITION
------------------------------------------------------------- */
.Prelative{position: relative;}
.TextCenter{text-align: center;}
.TextRight{text-align: right;}
.FLeft{float: left;}
.FRight{float: right;}
.AncherAdjust{margin-top: -120px; padding-top: 120px;}
@media screen and (max-width: 480px){
.AncherAdjust{margin-top: -105px; padding-top: 105px;}
}
/* MARGIN
------------------------------------------------------------- */
.DefaultMargin{margin-left: 10px; margin-right: 10px;}
.MT_40{margin-top: 40px;}
.MTB_20{margin-top: 20px; margin-bottom: 20px;}
.ML_05{margin-left: 5px;}
.ML_10{margin-left: 10px;}
.MR_05{margin-right: 5px;}
.MR_10{margin-right: 10px;}
.MR_20{margin-right: 20px;}
.MB_05{margin-bottom: 5px;}
.MB_10{margin-bottom: 10px;}
.MB_20{margin-bottom: 20px;}
.Box_MB{padding-bottom: 60px;}
.Item_MB{margin-bottom: 40px;}
.FloatMargin.FLeft{margin: 0 1% 1% 0;}
.FloatMargin.FRight{margin: 0 0 1% 1%;}
@media screen and (max-width: 768px){
.Box_MB{padding-bottom: 40px;}
.Item_MB{margin-bottom: 25px;}
}
@media screen and (max-width: 480px){
.DefaultMargin{margin-left: 5px; margin-right: 5px;}
.MT_40{margin-top: 30px;}
.Box_MB{padding-bottom: 30px;}
.Item_MB{margin-bottom: 15px;}
}

/* PADDING
------------------------------------------------------------- */
.PSide{padding-left: 10px; padding-right: 10px;}
.PA_05{padding: 05px;}
.PA_10{padding: 10px;}
.PA_20{padding: 20px;}
@media screen and (max-width: 680px){
.PA_20{padding: 15px;}
}
@media screen and (max-width: 680px){
.PA_20{padding: 12px;}
}

/* Form
------------------------------------------------------------- */
.input{display: inline;}
.FormText{border: #aaa 1px solid; border-radius: 4px; box-sizing: border-box; -webkit-appearance: none; font-size: 1.6rem; line-height: 24px; padding: 10px; width: 100%;}
.FormCombo{border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; -webkit-appearance: none; font-size: 1.6rem; line-height: 24px; padding: 6px; width: 100%; background: #fff;}
.Pointer{cursor: pointer;}
.Attention{font-size: 1rem; margin-top: 5px; color: #999;}
.Attention.Red{color: #ff8a80;}
/*ERROR*/
.ErrorNotice{background: rgba(254,149,139,0.6); color: #fff; font-size: 1.2rem; padding: 10px 20px; line-height: 1.2;}
.SuccessNotice{background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; font-size: 1.2rem; padding: 5px; position: fixed; top: 10px; left: 110px; z-index: 999;}
.error-message{border-color: #ebccd1; color: #a94442; font-size: 1rem; margin-top: 10px;}
.form-error{border: #ff5252 1px solid; background: #ffebee;}
/* 吹き出し本体 */
.filled{position: relative; padding: 10px; background: #ff5252; color: #fff; z-index: 1;}
/* beforeで三角を表現 */
.filled::before{
  content: '';
  position: absolute;
  left: 12px;
  top: -8px;
  display: block;
  width: 0;
  height: 0;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ff5252;
  border-left: 8px solid transparent;
}

/*SUCCESS*/
.EditSuccessNotice, .DeleteSuccessNotice {background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; font-size: 1.2rem; margin-bottom: 20px; padding: 10px;}
/*Lordning*/
.LoadingMessage{margin: 20px; font-size: 1.8rem; font-weight: bold; text-align: center; color: #fff; background: #ff5252; padding: 10px;}

/* BUTTON
------------------------------------------------------------- */
.ButtonArea{padding: 20px 0;}
.Button{color: #fff; text-decoration: none; padding: 12px 5px; border-radius: 4px; display: block; text-align: center;}
.ButtonArea .Button{width: 80px;}
.Button.Slim{padding: 8px 10px; font-size: 1.2rem; line-height: 1; font-weight: bold;}
/*PageBack*/
.PageBackBtn{background: url(../img/admin/iconbackbutton_b.png) no-repeat; background-size: contain; display: inline-block; width: 20px; height: 20px; margin-right: 8px; vertical-align: middle;}
/*ButtonDelete*/
.ButtonDelete{position: absolute; top: -10px; right: -10px; width: 22px; line-height: 22px; background: #ff5252; color: #fff; text-decoration: none; border: #fff 2px solid; border-radius: 20px; text-align: center; display: block;}

/*UpLoadButton*/
.UploadBtn{position: relative;}
.OnThumbBox{position: absolute; bottom: 10px; right: 10px;}
.HiddenFileBtn{position: absolute; top: 0; left: 0; opacity: 0; width: 200px; cursor: pointer; overflow: hidden;}

.DeleteBtn{position: absolute; bottom: 10px; right: 10px; padding: 5px 10px;}

/* PAGENATION
------------------------------------------------------------- */
.PageItem a{background: #fff; color: #333377; display: inline-block; line-height: 30px; width: 30px; margin: 0 3px; border-radius: 2px;}
.PageItem a,.PageItem a:link,.PageItem a:visited{text-decoration: none;}
.PageItem a:hover,.PageItem a:active{background: #333377; color: #fff;}
.PageItem.Select{background: #333377; color: #fff; width: 30px; line-height: 30px; margin: 0 3px; border-radius: 2px;}

/* OTHER
------------------------------------------------------------- */
.Block{display: block;}
.InlineBlock{display: inline-block; *display: inline;/*IE7*/ *zoom: 1;/*IE7*/}
.Text{line-height: 1.6;}
.Border{border: #e6e6e6 1px solid; 	-moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Webkit */ -ms-box-sizing: border-box; /* IE8 beta1 */ box-sizing:border-box; /* IE8, Opera */}
.BorderBox{-moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Webkit */ -ms-box-sizing: border-box; /* IE8 beta1 */ box-sizing:border-box; /* IE8, Opera */}
/*TileStyle*/
.TileStyleArea{display: flex; flex-flow: row wrap; justify-content: space-between;}
a.TileStyleItem,.TileStyleItem{display: flex; flex: 1 0 250px; flex-wrap:multiple; align-items: center; justify-content: center; text-align: center; margin: 5px;}


/* Video
------------------------------------------------------------- */
/*ビデオタグchromeダウンロードボタン非表示*/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
video{overflow:hidden;}
video::-internal-media-controls-download-button{display:none;}
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel {width: calc(100% + 30px); /* Adjust as needed */}
}

/* googlemap Responsive
------------------------------------------------------------- */
.MapArea{position: relative; padding-bottom: 150px; padding-top: 30px; height: 0; overflow: hidden;}
.MapArea iframe,.MapArea object,.MapArea embed{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* CKEditorStyle
------------------------------------------------------------- */
strong{font-weight:bold;}
em{font-style: italic;}


/* POPUP
------------------------------------------------------------- */
.PopupArea{background: #fff; padding: 40px 20px 20px 20px; max-width: 600px; margin: 0 auto; color: #222;}
.mfp-close{display: none !important;}
.PopupArea .FormText{border: #ddd 1px solid;}
.PopupTableTitle{width: 70px; padding: 0 5px 5px 0;}
.PopupArea td{padding-bottom: 5px;}

/* Table
------------------------------------------------------------- */
.Table{width: 100%; table-layout: fixed; word-wrap:break-word;}
.Table tr{background: #fff;}
.Table.Stripe tr:nth-child(odd){background: #f0f0f5;}
.TableTitle{padding: 10px 5px; border: #e6e6e6 1px solid; background: #8585ad; color: #fff;}
.TableBody{padding: 10px 5px; border: #e6e6e6 1px solid;}
@media screen and (max-width: 800px){.Table{font-size: 1.3rem;}}
@media screen and (max-width: 600px){
.Table{font-size: 1.1rem;}
.TableTitle{padding: 6px 5px;}
.TableBody{padding: 6px 5px;}
}


/* -------------------------------------------------------------
  ADMIN
------------------------------------------------------------- */

/* Login
------------------------------------------------------------- */
.Login{display: flex; justify-content: center; align-items: center;}
.Login .LoginBox{width: 300px;}

/* AdminCommon
------------------------------------------------------------- */
.Admin{background: #f0f0f5;}
.AdminHeader{position: fixed; top: 0; width: 100%; padding: 10px 0; background: #333377; color: #fff; z-index: 999;}
.AdminHeader h1{font-size: 2.4rem; line-height: 30px; margin-left: 10px;}
.AdminHeaderMenu{position: absolute; top: 10px; right: 10px; line-height: 20px;}
.AdminHeaderMenu .Button{background: rgba(255,255,255,0.7); color: #333377; margin-left: 10px; display: inline-block; padding: 5px 10px; border-radius: 20px;}
.AdminNav{position: relative; top: 50px; width: 100%; background: #fff; padding: 15px 0;}
a.AdminNavItem{color: #999; text-decoration: none; margin: 0 5px; padding: 5px 15px;}
a.AdminNavItem:hover{color: #333377; font-weight: bold;}
.Account a.AdminNavItem.Account,.Mainvisual a.AdminNavItem.Mainvisual,.News a.AdminNavItem.News,.Seminar a.AdminNavItem.Seminar,.Aword a.AdminNavItem.Aword,.AwordAnnounce a.AdminNavItem.AwordAnnounce,.Monthlies a.AdminNavItem.Monthlies{color: #fff; font-weight: bold; background: #333377; border-radius: 20px;}
.AdminMainContentsArea{padding:  70px 20px 20px 20px;}
.AdminPageTitle{font-size: 2rem; font-weight: bold; margin-bottom: 20px;}
.CtlBtnBox{position: absolute; top: 0; right: 0;}
.CtlBtnBox .Button{width: 80px; display: inline-block;}
/*Table*/
.Admin .TableTitle{text-align: center; padding: 15px; background: none; border: none; border-bottom: #333377 2px solid; color: #333377; font-size: 1.6rem;}
.Admin .TableBody{padding: 15px; background: none; border: none; border-bottom: #c8c8e4 1px solid; color: #333377;}
.Admin .Edit tr{border-bottom: #c8c8e4 1px solid;}
.Admin .Edit .TableTitle{text-align: left; border-bottom: none; font-weight: bold; width: 150px;}
.Admin .Edit .TableBody{border-bottom: none;}
/*tr select*/
.Admin tr{background: none;}
.RowHighlight:hover > .TableBody,.RowHighlight:active > .TableBody,.RowHighlight:hover,
.RowHighlight:hover > .TableTitle,.RowHighlight:active > .TableTitle{background-color: #c8c8e4; cursor: pointer;}
/*Sort*/
.Admin .TableTitleSort{background-image: url(../img/admin/iconarrow.png); background-repeat:  no-repeat; background-position: right 5px center; background-size: 6px 10px; cursor: pointer;}
.Admin .TableTitleSort.Asc{background-image: url(../img/admin/iconarrowup.png); background-size: 6px 4px;}
.Admin .TableTitleSort.Desc{background-image: url(../img/admin/iconarrowdown.png);  background-size: 6px 4px;}

/* Account
------------------------------------------------------------- */
.AccountCell .TableTitle:nth-child(1){width: 150px;}

/* Mainvisual
------------------------------------------------------------- */
.MainvisualCell .IconDrop{width: 40px; padding: 0;}
.MainvisualCell[display_order=""] th:nth-of-type(1),.MainvisualCell[display_order=""] td:nth-of-type(1){width: 0; display: none;}
.MainvisualCell[display_order="on"] .IconDrop{background-color:rgba(255,82,82,0.4);}
.IconDrop{width: 40px; background: url(../img/admin/icon-dd.png) no-repeat center; background-size: 20px;}

.MainvisualCell .TableTitle:nth-last-child(4),.MainvisualCell .TableBody:nth-last-child(4){width: 180px;}
.MainvisualCell .TableTitle:nth-last-child(3),.MainvisualCell .TableBody:nth-last-child(3){width: 240px;}
.MainvisualCell .TableTitle:nth-last-child(1),.MainvisualCell .TableBody:nth-last-child(1){width: 100px;}
.ThumnailView{max-width: 600px;  height: 200px; background: #ddd; margin-bottom: 20px;}
.MainvisualCell [status="on"]{font-weight: bold; background: #8bc34a; color: #fff; padding: 5px 0;}
.MainvisualCell [status="on"]::after{content: "掲載中";}
.MainvisualCell [status="off"]{background: #c8c8e4; color: #fff; padding: 5px 0;}
.MainvisualCell [status="off"]::after{content: "未掲載";}

/* Seminar
------------------------------------------------------------- */
.SeminarCell .TableTitle:nth-child(1){width: 150px;}
.SeminarCell .TableTitle:nth-child(2){width: 200px;}
.ThumbSelectArea{justify-content: flex-start;}
.ThumbSelectBox{max-width: 180px;}
.ThumbSelectBox label{cursor: pointer; border: #c8c8e4 5px solid;}
.ThumbSelectBox input{display: none;}
.ThumbSelectItem:checked + label{border: #f50057 5px solid;}

/* Aword
------------------------------------------------------------- */
.AwordCell .TableTitle:nth-child(1){width: 100px;}
.AwordCell .TableTitle:nth-child(2){width: 150px;}
.AwordCell .TableTitle:nth-child(4){width: 120px;}
.AwordCell .TableTitle:nth-child(5){width: 100px;}
.ThumbImageBox{width: 300px; height: 300px; background: #c8c8e4;}

/* AwardRelease
------------------------------------------------------------- */
.AwardReleaseCell .TableTitle:nth-child(1){width: 100px;}

/* Monthlies
------------------------------------------------------------- */
.MonthliesCell .TableTitle:nth-child(1){width: 100px;}
.MonthliesCell .TableTitle:nth-child(2){width: 250px;}


/* -------------------------------------------------------------
  FRONT
------------------------------------------------------------- */

/* Header
------------------------------------------------------------- */
.mb__front-header{position: fixed; top: 0; left: 0; background: #fff; width: 100%; z-index: 99;}
.Logo{width: 260px;}
.ENSiteLink{position: absolute; top: 0; right: 1rem; background: #ddd; padding: 0.4rem 1rem; font-size: 1.2rem; color: #111133; text-decoration: none; border-radius: 0 0 4px 4px;}
.HelpNaviBox{position: absolute; bottom: 0.6rem; right: 1rem; width: 400px;}
a.mb__flex-item.HelpNaviItem{background: #333377; color: #fff; line-height: 1.2; padding: 0.8rem 0; font-size: 1.4rem; align-items: center; border-bottom: rgba(0,0,0,0.2) 3px solid; position: relative; overflow: hidden; font-weight: bold;}
a.mb__flex-item.HelpNaviItem:nth-child(1){border-radius: 4px 0 0 4px;}
a.mb__flex-item.HelpNaviItem:nth-child(2){border-left: #fff 1px solid; border-right: #fff 1px solid; background: #0088aa;}
a.mb__flex-item.HelpNaviItem:nth-child(3){border-radius: 0 4px 4px 0; background: #11bb88;}
a.mb__flex-item.HelpNaviItem::before{font-family: muuq-fonts; position: absolute; top: -5px; left: 10px; font-size: 5rem; color: rgba(255,255,255,0.2); transform: rotate(-30deg);}
a.mb__flex-item.HelpNaviItem:nth-child(1)::before{content: "\e9f7";}
a.mb__flex-item.HelpNaviItem:nth-child(2)::before{content: "\e9a8";}
a.mb__flex-item.HelpNaviItem:nth-child(3)::before{content: "\e9ff";}
@media screen and (max-width: 959px){
.ENSiteLink{padding: 0.3rem 1rem; font-size: 1.1rem;}
.HelpNaviBox{bottom: 0.8rem; width: 300px;}
a.mb__flex-item.HelpNaviItem{font-size: 1.3rem;}
a.mb__flex-item.HelpNaviItem::before{top: 0; font-size: 4rem;}
}
@media screen and (max-width: 759px){
.HelpNaviBox{bottom: 0.8rem; width: 250px;}
a.mb__flex-item.HelpNaviItem{font-size: 1.2rem;}
a.mb__flex-item.HelpNaviItem::before{top: 5px; font-size: 3rem;}
}
@media screen and (max-width: 559px){
.mb__front-header{text-align: center;}
.Logo{width: 200px;}
.ENSiteLink{right: 0.5rem; padding: 0.3rem 0.5rem; font-size: 1rem; border-radius: 0;}
.HelpNaviBox{position: static; width: auto; margin-top: 0.5rem;}
a.mb__flex-item.HelpNaviItem{padding: 0.4rem 0; font-size: 1rem;}
}

@media print{
header{display:none;}
}
/* Nav
------------------------------------------------------------- */
.Nav{position: fixed; top: 85px; left: 0; width: 100%; z-index: 999; background: #111133; box-shadow: 0 1px 1px 1px rgba(0,0,0,0.4);}
.Nav .Container{padding: 0;}
.NavArea .TileStyleItem {flex: 1 0 50px; margin: 0;}
.NavItem{padding: 10px 5px; text-align: center; color: #fff; text-decoration: none;}
.NavItem:hover,.About .NavItem.About,.Assessment .NavItem.Assessment,.Training .NavItem.Training,.Membership .NavItem.Membership{background: #333377;}
/*SubNav*/
.SubNavBox{position: absolute; top: 31px; left: 0; width: 100%; z-index: 2;}
.IconNav{display: none;}
.SubNavArrow{background: url(../img/common/nav/nav-arrow.png) no-repeat center top; background-size: contain; width: 100%; height: 7px;}
a.SubNavItem{padding: 10px 10px 10px 20px; background: url(../img/common/icon/icon_navarrow_w.png) no-repeat 8px 12px #333377; background-size: 6px; color: #fff; font-size: 1.3rem; text-decoration: none; border-bottom: #5c5c92 1px solid; text-align: left;}
a.SubNavItem:hover,a.SubNavItem:active{background-color: #5c5c92;}
.SubNavBox li:last-child a.SubNavItem{border-bottom: none;}
@media screen and (max-width: 559px){
.Nav{top: 110px;}
.IconNav{display: block; margin-bottom: 2px; width: 25px !important; height: 15px !important;}
.NavItem{font-size: 0.9rem; padding: 0 2px; height: 50px;}
.SubNavBox{top: 43px;}
a.SubNavItem{padding: 8px 5px 8px 15px; font-size: 1.1rem; background-position: 6px 10px; background-size: 4px;}
}
@media print{
.Nav{display:none;}
}


/* Footer
------------------------------------------------------------- */
.Footer{background: #111133; color: #fff;}
.FooterNavArea{padding: 20px 10px;}
.FooterNavBox{width: 25%; float: left;}
.FooterNavTitle{font-size: 1.4rem; padding: 0 0 10px 0;}
.FooterNavSubTitle{background: url(../img/common/icon/icon_subnavtitle.png) no-repeat 0 1px #111133; font-size: 1.1rem; padding: 0 5px 15px 18px; border-bottom: none; color: #e8e8e8; background-size: 12px;}
.FooterNavSubTitle a{color: #fff; text-decoration: none;}
.FooterNavSubTitle a:hover,.FooterNavSubTitle a:active{text-decoration: underline;}
.Copy{border-top: #41415c 1px solid; padding: 10px 0;}
@media screen and (max-width: 559px){
.FooterNavArea{padding: 0;}
.FooterNavBox{width: 100%;}
.FooterNavTitle{background: #14143a; padding: 8px 10px; border-bottom: rgba(255,255,255,0.1) 1px solid;}
.FooterNavSubTitle{padding: 15px 15px 15px 30px; background-position: 15px 15px; background-size: 10px; border-bottom: rgba(255,255,255,0.1) 1px solid;}
.FooterNavSubTitle a:hover,.FooterNavSubTitle a:active{text-decoration: none;}
}

/* Movie
------------------------------------------------------------- */
/* YouTube */
.MovieWrap{position: relative; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; height: 0;}
.MovieWrap iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*========================================================================================================
+ + + + site original style + + + +
======================================================================================================== */

/* SITE COMMON
------------------------------------------------------------- */
/* Contentscolumn */
.RightContentsArea{margin-left: 220px; padding-bottom: 40px;}
.LeftContentsArea{position: absolute; top: 0; left: 10px; width: 200px;}
.LeftContentsArea.Move{position: fixed; top: 150px;}
.LeftContentsArea.Bottom{position: absolute; top: auto; bottom: 50px;}
.LeftContentsTitle{font-size: 1.4rem; color: #fff; font-weight: bold; padding: 5px; text-align: center; margin-bottom: 10px;}
.LeftBannerArea{font-size: 0; text-align: center;}
.LeftBannerItem{margin-bottom: 10px;}
.LeftBannerArea .PC{display: block !important;}
.LeftBannerArea .SP{display: none !important;}
@media screen and (max-width: 768px){
.RightContentsArea{margin-left: 0; padding-bottom: 20px;}
.LeftContentsArea{position: relative; top: 0; left: 0; width: 100%;}
.LeftContentsArea.Move{position: relative; top: 0;}
.LeftBannerItem{display: inline-block; width: 49%; margin-right: 1%;}
.LeftBannerItem_SP100{display: inline-block; width: 100%; margin-right: 0%; margin-bottom: 10px;}
.LeftBannerItem:nth-child(even){margin-left: 1%; margin-right: 0;}
.LeftBannerArea .PC{display: none !important;}
.LeftBannerArea .SP{display: block !important;}
}

/*Image*/
.FLeft.ImageMargin{margin: 0 10px 10px 0;}
@media screen and (max-width: 480px){
.FLeft.ImageMargin{margin: 0 0 10px 0;}
}
/*PageTitle*/
.PageTitleBG{background: #262659;}
.PageTitleBG.Assessor{background-image: url(../img/assessor/index/bg_main.png);}
.PageTitle{font-size: 3rem; font-weight: bold; color: #fff; line-height: 100px; padding-left: 10px; background: no-repeat center right; background-size: contain;}
.About .PageTitle{background-image: url(../img/about/bg_main.png);}
.Assessment .PageTitle{background-image: url(../img/assessment/bg_main.png);}
.Training .PageTitle{background-image: url(../img/training/bg_main.png);}
.Course .PageTitle{background-image: url(../img/training/course/bg_main.png);}
.Membership .PageTitle{background-image: url(../img/membership/bg_main.png);}
.Movie .PageTitle{background-image: url(../img/movie/bg_main.png);}
.Monthlies .PageTitle{background-image: url(../img/monthlies/bg_main.png);}
@media screen and (max-width: 768px){
.PageTitle{font-size: 2.6rem; line-height: 80px;}
}
@media screen and (max-width: 480px){
.PageTitle{font-size: 2.2rem; line-height: 80px; background-image: none !important;}
}
/* MainTitle */
.MainTitleBox{margin-bottom: 25px;}
.MainTitle{font-size: 3rem; font-weight: bold; color: #333377;}
.TitleLine{width: 60px; height: 6px; background: #333377; display: inline-block;}
@media screen and (max-width: 768px){
.MainTitleBox{margin-bottom: 20px;}
.MainTitle{font-size: 2.5rem;}
.TitleLine{height: 4px;}
}
@media screen and (max-width: 480px){
.MainTitleBox{margin-bottom: 15px;}
.MainTitle{font-size: 2rem;}
.TitleLine{height: 3px;}
}
/*SectionTitle*/
.SectionTitle{padding: 30px 10px; color:#333377; font-size: 3rem; font-weight: bold; line-height: 1.2;}
.SectionTitleIcon{background: url(../img/common/icon/title-icon.png) no-repeat; width: 45px; height:35px; margin-right: 10px;  vertical-align: middle; background-size: contain;}
@media screen and (max-width: 768px){
.SectionTitle{padding: 15px 10px; font-size: 2.4rem;}
.SectionTitleIcon{width: 30px; height:24px;}
}
@media screen and (max-width: 480px){
.SectionTitle{padding: 10px 5px; font-size: 2rem;}
.SectionTitleIcon{display: none;}
}
/*SectionSubTitle*/
.SectionSubTitle{background: #f5f5ff; border-left: #333377 5px solid; font-size: 2.4rem; font-weight:  bold; color: #333377; padding: 10px 10px 10px 15px; margin-bottom: 30px; box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);}
@media screen and (max-width: 768px){
.SectionSubTitle{border-left: #333377 4px solid; font-size: 2rem; padding: 8px 8px 8px 12px; margin-bottom: 20px;}
}
@media screen and (max-width: 480px){
.SectionSubTitle{border-left: #333377 3px solid; font-size: 1.6rem; padding: 5px 5px 5px 10px; margin-bottom: 15px;}
}
/*ThirdTitle*/
.ThirdTitle{padding: 5px 20px; display: inline-block; color: #fff; font-size: 1.8rem;}
@media screen and (max-width: 480px){
.ThirdTitle{font-size: 1.4rem;}
}
/*Other*/
.Shadow_B{box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);}
.RecommeBox{border: #111133 2px solid; background: url(../img/assessment/bg_note-blue.jpg) repeat 0 0 / 400px; padding: 2rem; margin-top: 3rem;}
.ReccommeTitle img{max-width: 600px; margin-top: -4.5rem; margin-bottom: 1rem;}
.RecommeDetail{background: #fff; border-top: #111133 2px solid; border-bottom: #111133 2px solid; padding: 1rem;}
.AboutCancelBox{background: #fff; border: #ccc 2px solid; padding: 15px;}
.AboutCancelTitle{font-size: 2rem; font-weight: bold; color: #333377;}
.RecommeBox .TitleLine,.AboutCancelBox .TitleLine{width: 40px; margin: 10px 0;}
@media screen and (max-width: 759px){
.ReccommeTitle img{max-width: 500px; margin-top: -4rem;}
}
@media screen and (max-width: 559px){
.RecommeBox{padding: 1rem;}
.AboutCancelBox{border: #ccc 1px solid; padding: 10px;}
.RecommeTitle,.AboutCancelTitle{font-size: 1.6rem;}
.ReccommeTitle img{max-width: 400px; margin-top: -3rem;}
.AboutCancelBox .TitleLine{width: 32px; margin: 5px 0; height: 2px;}
}
/* Banner */
.BannerArea{display: none;}
.Home .BannerArea{display: block;}
.BannerArea{background: #fff; box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2) inset; padding: 40px 0;}
.BannerArea .mb__flex-item{flex: 1 0 calc((100% - 6%)/7); max-width:calc((100% - 6%)/7); margin: 0 1% 0 0; border: #ddd 1px solid;}
.BannerArea .mb__flex-item:nth-child(7n){margin-right: 0;}
@media screen and (max-width: 959px){
.BannerArea{padding: 20px 0;}
.BannerArea .mb__flex-item{flex: 1 0 calc((100% - 3%)/4); max-width:calc((100% - 3%)/4); margin: 0 1% 1% 0;}
.BannerArea .mb__flex-item:nth-child(7n){margin-right: 1%;}
.BannerArea .mb__flex-item:nth-child(4n){margin-right: 0;}
}
@media screen and (max-width: 559px){
.BannerArea{padding: 10px 0;}
.BannerArea .mb__flex-item{flex: 1 0 calc((100% - 2%)/3); max-width:calc((100% - 2%)/3);}
.BannerArea .mb__flex-item:nth-child(4n){margin-right: 1%;}
.BannerArea .mb__flex-item:nth-child(3n){margin-right: 0;}
}

/*EVENT*/
.EventBox{background: #fff; border: #333377 2px solid; margin-bottom: 20px;}
.EventTitle{font-size: 2.4rem; font-weight: bold; margin-bottom: 10px; color: #fff;}
.EventSubTitle{font-size: 1.6rem; color: #fff;}
.EventImage{width: 200px; margin: 0 10px 0 0;}
.EventDetailBox{background: #f0f0f5; border-top: #333377 2px solid; margin-bottom: 20px;}
.EventDetailBox .ThirdTitle{border-radius: 0 0 10px 0; margin-bottom: 10px; padding: 5px 20px 5px 10px; font-size: 1.5rem; min-width: 200px;}
.EventSchedule .TableTitle.DT{position: absolute; top: 0; left: 0; width: 140px; font-size: 1.6rem;}
.EventSchedule .TableBody.DD{margin-left: 150px; background: #fff;}
.EventDetail .TableTitle.DT{position: absolute; top: 0; left: 0; width: 200px; font-size: 1.4rem; text-align: left;}
.EventDetail .TableBody.DD{margin-left: 210px; background: #fff;}
.EventScheduleDate{color: #333377; width: 100px; text-align: right; font-weight: bold;}
.EventScheduleDetailBox{margin-left: 110px; background: url(../img/common/bg_hightline_dot.png) repeat-y 5px 4px; background-size: 5px 24;}
.EventScheduleArea li:last-child .EventScheduleDetailBox{background: none;}
.EventScheduleDetailItem{background: url(../img/common/icon/icon-dot.png) no-repeat 5px 4px; background-size: 10px; padding: 0 0 10px 20px;}
.EventDetailComment{background: #f0f0f5; padding: 10px; font-size: 1.2rem; margin-top: 5px;}
.EntryBox{background: #f5f5ff;}
.EntryBox .ThirdTitle{display: block; border-radius: 0; text-align: center; padding: 8px;}
.EntryBox .TableTitle{width: 150px; background: #333377;}
@media screen and (max-width: 680px){
.EventTitle{font-size: 2rem;}
.EventSubTitle{font-size: 1.4rem;}
.EventImage{width: 150px;}
}
@media screen and (max-width: 600px){
.EventSchedule .TableTitle.DT{position: relative; top: 0; left: 0; width: auto; font-size: 1.6rem; text-align: left!important;}
.EventSchedule .TableBody.DD{margin-left: 0; background: #fff;}
.EventDetail .TableTitle.DT{position: relative; top: 0; left: 0; width: auto; font-size: 1.4rem; text-align: left!important;}
.EventDetail .TableBody.DD{margin-left: 0; background: #fff;}
.EntryBox .TableTitle{width: 130px;}
}
@media screen and (max-width: 480px){
.EventTitle{font-size: 1.6rem;}
.EventSubTitle{font-size: 1.2rem;}
.EventImage{width: 100%; margin-bottom: 10px;}
.EntryBox .TableTitle{width: 60px;}
}

/*ListStyle*/
.ListStyle{margin-left: 20px;}
.ListStyleItem{padding: 0 0 5px 15px; background: no-repeat 0 6px; background-size: 8px;}
.Disc .ListStyleItem{background-image: url(../img/common/icon/icon-dot.png);}

/*UserProfile*/
.UserProfileBox .TileStyleItem{background: #333377; box-shadow: 0 0 2px 0 rgba(0,0,0,0.3); text-align: left; color: #fff; align-items: flex-start;}
.UserDetail{text-align: right; margin-top: -78px; padding: 0 10px;}
.UserPart{display: inline-block; padding-bottom: 2px; margin-bottom: 10px; border-bottom: #fff 3px solid; font-size: 1.5rem;}
.UserTitle{font-size: 1.1rem; margin-bottom: 5px;}
.UserName{font-size: 2rem; font-weight: bold;}
.UserName_Kana{font-size: 1.1rem;}

.mb__read-more-box label{background: #0088aa;}
/* HOME
------------------------------------------------------------- */
/*mainimage*/
.mb__center-view{background: #333377; padding: 2rem 0;}
.mb__center-view .mb__slider-item img{border-radius: 0;}
.mb__slider .flex-control-nav a{ background: #fff; box-shadow: 0 0 4px rgba(0,0,0,0.6);}
.mb__slider .flex-control-nav a:hover, .mb__slider .flex-control-nav a.flex-active{background: #0088aa; border-color: #0088aa;}

@media screen and (max-width: 768px){.mb__center-view{padding: 1rem 0;}}

/*Pickup*/
.Pickup.mb__flex-box .mb__flex-item{text-align: left;}
.PickupTitle{font-weight: bold; color: #333377; margin-bottom: 0.5rem; font-size: 120%;}

/* Seminar */
.Seminar.mb__read-more-box .mb__shade{background: linear-gradient(to bottom, rgba(253, 252, 250, 0) 0%, rgba(253, 252, 250, 0.95) 90%);}
.Seminar.mb__read-more-box .mb__read-more-item{height: 720px;}
.TileStyleArea.SeminarSlideArea{justify-content: flex-start;}
.TileStyleItem.SeminarBox{flex: 1 0 23%; max-width: 23%; margin: 0 1% 2% 1%; align-items: flex-start; text-align: left;}
@media screen and (max-width: 1050px){.TileStyleItem.SeminarBox{flex: 1 0 31%; max-width: 31%;}}
@media screen and (max-width: 860px){.TileStyleItem.SeminarBox{flex: 1 0 48%; max-width: 48%;}}
@media screen and (max-width: 680px){.TileStyleItem.SeminarBox{flex: 1 0 31%; max-width: 31%;}}
@media screen and (max-width: 600px){.TileStyleItem.SeminarBox{flex: 1 0 48%; max-width: 48%;}}

.SeminarBox{background: #fff; font-size: 1.3rem; border: #e6e6e6 1px solid; border-radius: 4px; color: #1a1a1a; line-height: 30px; cursor: pointer; box-sizing: border-box;}
.seminarsImage{height: 150px;}
.SeminarDetailBox{padding: 5px 5px 60px 5px;}
.SeminarAdd{background: url(../img/common/line.png) no-repeat left bottom; background-size: 320px 4px; font-size: 1.4rem; color: #333377; font-weight: bold; line-height: 1.2; padding-bottom: 10px; margin-bottom: 5px;}
.SeminarTitle{font-size: 1.6rem; color: #1a1a1a; font-weight: bold; margin-bottom: 5px; line-height: 1.2; padding: 5px 0;}
.SeminarPlace{color: #999; font-size: 1rem; margin-bottom: 5px; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.SeminarPlace::before{content: "@";}
.SeminarDetail{font-size: 1.3rem; color: #1a1a1a; line-height: 1.4;}

a.SeminarDetailBtn{position: absolute; bottom: 0; width: 100%; background: #f5f5ff; color: #333377; text-decoration: none; padding: 6px 0; border-top: #e6e6e6 1px solid;}
.SeminarFlag{position: absolute; top: 5px; left: 5px; font-size: 1.2rem; line-height: 24px; width: 110px; color: #fff;}
.cate_1 .SeminarFlag{background: #0088aa;}.cate_1 .SeminarFlag::after{content: "一般";}
.cate_2 .SeminarFlag{background: #11bb88;}.cate_2 .SeminarFlag::after{content: "WEBメンバー";}
.cate_3 .SeminarFlag{background: #007700;}.cate_3 .SeminarFlag::after{content: "協議会会員";}
.cate_4 .SeminarFlag{background: #77bb00;}.cate_4 .SeminarFlag::after{content: "アセッサー";}
.cate_5 .SeminarFlag{background: #ddaa11;}.cate_5 .SeminarFlag::after{content: "会員・アセッサー";}
.cate_6 .SeminarFlag{background: #ee7711;}.cate_6 .SeminarFlag::after{content: "全員";}
@media screen and (max-width: 768px){
.SeminarAdd{font-size: 1.4rem;}
.SeminarTitle{font-size: 1.3rem;}
.SeminarPlace{font-size: 9px;}
.SeminarDetail{font-size: 1.1rem;}
}
@media screen and (max-width: 480px){
.SeminarAdd{font-size: 1.2rem;}
.SeminarTitle{font-size: 1.3rem;}
.SeminarPlace{font-size: 9px;}
.SeminarDetail{font-size: 1.1rem;}
}


/* News Media */
.ListBox{background: #fff; border: #e6e6e6 1px solid; max-height: 300px; overflow: auto;}
.MediaListItem{padding: 10px; border-bottom: #e6e6e6 1px solid;}
.MediaListItem .Text{margin: 0 0 0 150px;}
.MediaListDate{float: left;}
.Date{width: 90px; font-weight: bold; color: #333377; padding: 3px 0;}
.Category{width: 50px; color: #fff; margin: 0 10px; font-size: 1.2rem; padding: 3px 0;}
.Category.Media{background: #ddaa11;}
.Category.News{background: #11bb88;}
@media screen and (max-width: 480px){
.MediaListItem .Text{margin: 8px 0 0 0;}
.MediaListDate{float: none;}
}

/* TopAboutMovie */
@media screen and (max-width: 480px){.TAMovie .W_49P{width: 100%; margin-bottom: 10px;}}

/* Program */
.SubTitle{color: #fff; font-weight: bold; font-size: 2.4rem; padding: 1rem; text-align: center;}
.ProgramList{background: #f5f5ff;}
.ProgramListTitle{color: #333377; font-weight: bold; font-size: 2rem; margin-bottom: 1rem;}
.mb__flex-box a.mb__flex-item.ProgramListItem{color: #fff; background-color: #333377; padding: 1.5rem 0.5rem; border-radius: 4px; align-items: center;}
.Secound a.mb__flex-item.ProgramListItem{background: #0088aa;}
.Third a.mb__flex-item.ProgramListItem{background: #11bb88;}
@media screen and (max-width: 760px){
.SubTitle{font-size: 2rem;}
.ProgramListTitle{font-size: 1.8rem;}
}
@media screen and (max-width: 560px){
.SubTitle{font-size: 1.6rem;}
.ProgramListTitle{font-size: 1.4rem;}
.mb__flex-box a.mb__flex-item.ProgramListItem{padding: 0.8rem; min-height: 50px;}
}

/* ABOUT
------------------------------------------------------------- */
/* About */
.AboutImage{width: 400px;}
@media screen and (max-width: 959px){.AboutImage{width: 300px;}}
@media screen and (max-width: 759px){.AboutImage{width: 250px;}}
@media screen and (max-width: 559px){.AboutImage{width: 100%; margin-bottom: 1rem;}}
.FrameWorkImage{background: #eae8e1; padding: 1.5rem 1.5rem 0 1.5rem;}
@media screen and (max-width: 759px){.FrameWorkImage{padding: 1rem 1rem 0 1rem;}}
.mb__flex-item.AboutServiceArea{background: #333377; text-align: left; color: #fff;}
.AboutServiceArea p{line-height: 1.6; padding: 0 1rem; font-size: 1.4rem;}
.AboutServiceListBox{padding: 1rem;}
a.mb__flex-item.AboutServiceItem{font-size: 1.3rem; line-height: 1.2; color: #fff; background: #111133; padding: 0.5rem; border-radius: 4px; align-items: center;}
a.AboutServiceItem:hover{background: #262659;}

/*RepresentOrganizerList*/
.RepresentOrganizerList .mb__flex-item{flex: 1 0 calc((100% - 2%) / 3); max-width: calc((100% - 2%) / 3); margin: 0 1% 1% 0; text-align: left; position: relative; padding-bottom: 3rem;}
.RepresentOrganizerList .mb__flex-item:nth-child(3n){margin-right: 0;}
.RepresentOrganizerList .mb__flex-item td{background: transparent; color: #fff; border: none; vertical-align: top; padding: 0.5rem;}
.RepresentOrganizerList .mb__flex-item td:first-child{width: 95px; padding-right: 0.2rem;}
.RepresentOrganizerList .MemberPosition{color: #e6b422; line-height: 1; margin-top: 0.5rem; margin-bottom: 0.5rem;}
.RepresentOrganizerList .MemberCompanyName,.RepresentOrganizerList .CompanyPosition{font-size: 1.1rem; padding-top: 0.3rem; line-height: 1.4;}
.RepresentOrganizerList .MemberName{font-weight: bold; line-height: 1.2; margin: 5px 0;}
.CompanyURLBox{padding: 0 !important;}
.RepresentOrganizerList a.CompanyURL,.OrganizerList a.CompanyURL{display: block; color: #fff; text-decoration: none; font-size: 1.1rem; line-height: 1.2; padding: 0.8rem; background: #111133; text-align: center; position: absolute; bottom: 0; left: 0; width: 100%;}
.RepresentOrganizerList a.CompanyURL span,.OrganizerList a.CompanyURL span{margin-right: 0.3rem; vertical-align: text-bottom;}
.OrganizerList{justify-content: center;}
.OrganizerList .mb__flex-item{flex: 1 0 calc((100% - 3%) / 4); max-width: calc((100% - 3%) / 4); color: #fff; margin: 0 1% 1% 0; position: relative; padding-bottom: 3rem;}
.OrganizerList .mb__flex-item:nth-child(4n){margin-right: 0;}
.OrganizerList .MemberCompanyName{font-size: 1.1rem; line-height: 1.4; padding: 1rem 0.5rem 0.5rem 0.5rem;}
.OrganizerList .MemberName{font-size: 1.5rem; line-height: 1.4; padding: 0.5rem;}
@media screen and (max-width: 959px){
.RepresentOrganizerList .mb__flex-item{flex: 1 0 calc((100% - 1%) / 2); max-width: calc((100% - 1%) / 2);}
.RepresentOrganizerList .mb__flex-item:first-child{margin: 0 0 1% 25%;}
.OrganizerList .mb__flex-item{flex: 1 0 calc((100% - 2%) / 3); max-width: calc((100% - 2%) / 3);}
.OrganizerList .mb__flex-item:nth-child(4n){margin-right: 1%;}
.OrganizerList .mb__flex-item:nth-child(3n){margin-right: 0;}
}
@media screen and (max-width: 559px){
.RepresentOrganizerList .mb__flex-item{flex: 1 0 100%; max-width: 100%; margin: 0 0 2% 0;}
.RepresentOrganizerList .mb__flex-item:first-child{margin: 0 0 2% 0;}
.OrganizerList .mb__flex-item{flex: 1 0 calc((100% - 1%) / 2); max-width: calc((100% - 1%) / 2);}
.OrganizerList .mb__flex-item:nth-child(3n){margin-right: 1%;}
.OrganizerList .mb__flex-item:nth-child(2n){margin-right: 0;}
}

/*CompanyIntroduction*/
.CompanyIntroduction .mb__flex-item{background: url(../img/common/bg_gold.jpg) repeat 0 0 / 320px 440px; padding: 3.5rem 0.5rem; color: #42210b;}
.CompanyIntroduction .mb__flex-item:nth-child(3n){margin-right: 0;}
.CompanyIntroduction .AwardName{background: no-repeat top center / contain; width: 100%; height: 40px; position: absolute; top: -20px; left: 0; }
.CompanyIntroduction .AwardName[cate="c-dai"]{background-image: url(../img/about/title_kigyo_l.png);}
.CompanyIntroduction .AwardName[cate="c-chusho"]{background-image: url(../img/about/title_kigyo_s.png);}
.CompanyIntroduction .AwardName[cate="k-dai"]{background-image: url(../img/about/title_kibo_l.png);}
.CompanyIntroduction .AwardName[cate="k-chusho"]{background-image: url(../img/about/title_kibo_s.png);}
.CompanyIntroduction td{border: none; background: transparent; padding: 0;}
.CompanyIntroduction td:first-child,.CompanyIntroduction td:last-child{width: 40px; background: no-repeat center / 32px 45px;}
.CompanyIntroduction td:first-child{background-image: url(../img/about/case-deco_left.png); padding-right: 0.5rem;}
.CompanyIntroduction td:last-child{background-image: url(../img/about/case-deco_right.png); padding-left: 0.5rem;}
.CompanyIntroduction .Company{font-size: 1.3rem; line-height: 1.2; margin-bottom: 0.5rem;}
.CompanyIntroduction .Name{font-size: 1.8rem; font-weight: bold; margin-bottom: 0.5rem;}
.CompanyIntroduction .Position{font-size: 1.4rem; margin-right: 0.3rem;}
.CompanyIntroduction a.AwardLink{background: #ddaa11; color: #881111; font-size: 1.3rem; font-weight: bold; text-decoration: none; padding: 1rem 0; display: block; position: absolute; bottom: 0; left: 0; width: 100%;}
.CompanyIntroduction a.AwardLink:hover{background: #42210b; color: #fff;}
@media screen and (max-width: 559px){
  .CompanyIntroduction .mb__flex-item{margin-top: 3rem;}
}
/*Sales*/
.ScrollArea{min-width: 320px; overflow: auto; background: #eae8e1; padding: 1rem 1rem 1.5rem 1rem;}
.Sales{overflow-x: auto ; overflow-y: hidden; white-space: nowrap;}
.Sales .SalesItem{width: 280px; margin-right: 1%; background: #fff; padding: 0.5rem 0.5rem 1rem 0.5rem; text-align: left; display: inline-block; vertical-align: top;}
.Sales .Tag{position: absolute; top: 10px; left: 10px; padding: 0.5rem 0; color: #fff; width: 60px; text-align: center;}
.Sales .Tag[cate="movie"]{background: #11bb88;}
.Sales .Tag[cate="movie"]::before{content: "動画";}
.Sales .Tag[cate="pdf"]{background: #0088aa;}
.Sales .Tag[cate="pdf"]::before{content: "冊子";}
.Sales .Volume{position: absolute; bottom: 0; right: 0; color: #fff; font-size: 1.2rem; padding: 0.5rem 1rem; background: rgba(17,17,51,0.5);}
.Sales .Title{font-weight: bold; margin-bottom: 0.5rem; line-height: 1.4; white-space: normal; color: #333377;}
.Sales .Detail{font-size: 1.2rem; margin-bottom: 1rem; white-space: normal;}
.Sales .Price{font-weight: bold; font-size: 120%;}
.Sales .Price[tax="in"]::after{content: "円 ( 税込 )"; font-size: 1.2rem; margin-left: 0.3rem;}
.Sales .Price[tax="out"]::after{content: "円 ( 税別 )"; font-size: 1.2rem; margin-left: 0.3rem;}
.Sales a.SaleLink{display: block; background: #006158; color: #fff; text-decoration: none; text-align: center; padding: 1rem 0.5rem; border-radius: 4px;}

/*IntroductionSeminar*/
.IntroductionSeminar.mb__read-more-box .mb__read-more-item{height: 300px;}
.IntroductionSeminar.mb__read-more-box[status="off"] .mb__read-more-item{height: auto;}
.IntroductionSeminar.mb__read-more-box .mb__shade{background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%)}

/*WorkList*/
.WorkList{word-break: break-all;}
.WorkList.mb__flex-box a.mb__flex-item{background: #333377; padding: 0.5rem; color: #fff; text-decoration: none; align-items: center; border-radius: 4px; border-bottom: rgba(0,0,0,0.2) 3px solid;}
.WorkList .Country,.WorkList .GroupName,.WorkList .AwordName{line-height: 1.2;}
.WorkList .GroupName,.WorkList .AwordName{font-size: 1.2rem; margin-top: 0.5rem;}
.WorkList.City.mb__flex-box a.mb__flex-item{flex: 1 0 100%; max-width: 100%; margin: 0;}





/*Member  第三者評価委員会の構成で使用*/
.MemberListArea{font-size: 0;}
.MemberListBox{display: inline-block; padding: 1%; width: 46%; margin: 0 1% 2% 1%; vertical-align: top; font-size: 1.4rem;}
.MemberImage{width: 120px;}
.MemberListDetailBox{display: flex; align-items: center; justify-content: center; margin-left: 120px; text-align: center;}
.MemberPosition{font-size: 1.6rem; color: #e6b422;}
.MemberCompanyName{font-size: 1.2rem; padding-top: 10px;}
.MemberListBox .TitleLine{display: block; margin: 7px auto 10px auto; width: 30px; height: 2px; background: #fff;}
.CompanyPosition{font-size: 1.2rem;}
.MemberName{font-size: 1.8rem; font-weight: bold;}
a.CompanyURL{color: #fff; text-decoration: underline; font-size: 1.2rem; word-wrap: break-word;}
.OtherMember .TableTitle{background: url(../img/common/bg_slope_dp.png) repeat; background-size: 8px; color: #e6b422; text-align: center;}
.OtherMember .TableBody{font-size: 1.5rem; color: #333377;}
.OtherMember .CompanyPosition{background: #e6e6e6; padding: 2px 6px; font-size: 1.2rem;}
.OtherMember a.CompanyURL{color: #333377;}
@media screen and (max-width: 820px){
.MemberListBox{display: block; padding: 1%; width: 98%; margin: 0 0 2% 0;}
.MemberListDetailBox{justify-content: flex-start; text-align: left;}
.MemberListBox .TitleLine{margin: 5px 0 7px 0;}
}
@media screen and (max-width: 480px){
.MemberImage{width: 80px;}
.MemberListDetailBox{margin-left: 80px;}
.MemberListDetailBox .PA_10{padding: 0 10px;}
.MemberPosition{font-size: 1.4rem;}
.MemberCompanyName{font-size: 1.1rem; padding-top: 5px;}
.MemberListBox .TitleLine{margin: 5px 0; width: 20px;}
.CompanyPosition{font-size: 1rem; display: inline-block; line-height: 15px; margin-right: 5px;}
.MemberName{font-size: 1.5rem; display: block; line-height: 15px; margin-bottom: 5px;}
a.CompanyURL{font-size: 1rem; display: block;}
.OtherMember .TableBody{font-size: 1.3rem; color: #333377;}
}


/*case*/
.CaseArea{background: url(../img/common/bg_gold.jpg) repeat; box-shadow: 0 0 4px 2px rgba(0,0,0,0.2); margin: 40px 0; color: #42210b;}
.CaseFrameTop{background: url(../img/about/case-frame_top.png) no-repeat; background-size: contain; height: 60px;}
.CaseFrameInner{background: url(../img/about/case-frame_inner.png) repeat-y; background-size: contain; padding: 0 40px;}
.CaseFrameBottom{background: url(../img/about/case-frame_bottom.png) no-repeat; background-size: contain; height: 60px;}
.CaseTitle{position: absolute; top: -20px; left: 0; width: 100%; background: no-repeat center; background-size: contain; height: 70px;}
.Company .CaseTitle{background-image: url(../img/about/title_kigyo_s.png);}
.Company.Big .CaseTitle{background-image: url(../img/about/title_kigyo_l.png);}
.Company.Kibo .CaseTitle{background-image: url(../img/about/title_kibo_s.png);}
.Company.Kibo.Big .CaseTitle{background-image: url(../img/about/title_kibo_l.png);}
.CaseCompanyBox{text-align: center; font-size: 0; margin-bottom: 10px;}
.CaseDeco{background: no-repeat center; background-size: contain; display: inline-block; width: 32px; height: 70px;}
.CaseDeco.Left{background-image: url(../img/about/case-deco_left.png); margin-right: 10px;}
.CaseDeco.Right{background-image: url(../img/about/case-deco_right.png); margin-left: 10px;}
.CompanyLogoBox{background: url(../img/about/case-logo.png) no-repeat; background-size: contain; padding: 10px; width: 60px; height: 60px; display: inline-block;}
.CompanyLogo{height: 60px;}
.CompanyName{display: inline-block; margin-left: 10px; font-size: 2.4rem; font-weight: bold;}
.CompanyName .Category{background: #0088aa; padding: 2px 10px; color: #fff; font-size: 1.2rem; width: auto; margin-bottom: 5px;}
.CaseCompanyDetailBox{background: url(../img/about/case-line.png) repeat-x left bottom; background-size: 290px 5px;}
.CaseCompanyDetailItem{background: url(../img/about/icon-pen.png) no-repeat 3px 9px; background-size: 16px; padding: 5px 0 5px 26px; font-size: 1.8rem; font-weight: bold;}
.CaseCompanyHistoryBox{background: rgba(66,33,11,0.2); padding: 10px;}
.CaseCompanyHistoryItem{list-style-type: disc; list-style-position: outside; margin-left: 20px; padding-bottom: 5px;}
.CaseProcessTitle{font-weight: bold;}
.CaseProcessBox .TitleLine{width: 56px; background: #42210b; margin: 2px 0; height: 3px;}
.CaseProcessBox .Text{font-size: 1.2rem;}
@media screen and (max-width: 800px){
.CaseFrameInner{padding: 0 25px;}
.CaseDeco{width: 24px; height: 50px;}
.CompanyLogoBox{width: 40px; height: 40px;}
.CompanyLogo{height: 40px;}
.CompanyName .Category{padding: 1px 8px; font-size: 1rem;}
.CompanyName{font-size: 2rem;}
.CaseCompanyDetailItem{background-size: 12px; padding: 5px 0 5px 24px; font-size: 1.6rem;}
.CaseCompanyHistoryItem{margin-left: 15px; font-size: 1.3rem;}
}
@media screen and (max-width: 600px){
.CaseTitle{ height: 48px; top: -18px;}
.CaseFrameInner{padding: 15px 25px 0 25px;}
.CaseDeco{width: 15px; height: 40px;}
.CompanyLogoBox{width: 40px; height: 40px; padding: 3px;}
.CompanyLogo{height: 40px;}
.CompanyName .Category{font-size: 9px;}
.CompanyName{font-size: 1.6rem;}
.CaseCompanyDetailItem{background-size: 10px; padding: 5px 0 5px 20px; font-size: 1.3rem;}
.CaseCompanyHistoryItem{margin-left: 15px; font-size: 1.1rem;}
}

/*seminer*/
.FirstSeminerBox{border: #333377 2px solid; background: #fff;}
.FirstSeminerTitle{font-size: 2.4rem; font-weight: bold;}
.UsageFee .TableTitle{width: 80px;}
@media screen and (max-width: 680px){.FirstSeminerTitle{font-size: 2rem;}}
@media screen and (max-width: 480px){.FirstSeminerTitle{font-size: 1.6rem;}}
/*Check*/
.PointBox.CheckRec{background: url(../img/about/bg_check_rec.jpg) no-repeat; background-size: cover; background-position: center;}
.CheckRec .PointIcon{background: url(../img/about/check_pointicon.png) no-repeat center; background-size: contain;}
@media screen and (max-width: 480px){
.check .W_49P{width:100%; margin-bottom:10px;}
}

/*Gloabal*/
.CompanyList .TableTitle.DT{position: absolute; top: 0; left: 0; width: 400px;}
.CompanyList .TableBody.DD{margin-left: 410px; background: #fff;}
@media screen and (max-width: 1000px){
.CompanyList .TableTitle.DT{width: 250px; font-size: 1.3rem;}
.CompanyList .TableBody.DD{margin-left: 260px;}
}
@media screen and (max-width: 680px){
.CompanyList .TableTitle.DT{position: relative; width: auto; padding: 5px; font-size: 1.2rem;}
.CompanyList .TableBody.DD{margin-left: 0;}
}
/*Community*/
.Community th:first-child,.Community td:first-child{width: 120px;}
.Community th:nth-child(2),.Community td:nth-child(2){width: 170px;}
@media screen and (max-width: 520px){
.Community th:first-child,.Community td:first-child{width: 40px; font-size: 1.2rem;}
.Community th:nth-child(2),.Community td:nth-child(2){width: 60px; font-size: 1.2rem;}
}
/*Sales*/
.PointBox.SalesLink{background: url(../img/about/bg_sales.jpg) no-repeat; background-size: cover; background-position: center;}
.SalesLink .PointIcon{background: url(../img/about/sales_pointicon.png) no-repeat center; background-size: contain;}
.SalesInfoBox{background: #f5f5ff;}
.SalesHowtoBox{border: #333377 2px solid; background: #fff;}
.SalesHowtoTitle{font-size: 2.4rem; font-weight: bold;}
.SalesHowtoBox .EventDetailBox .ThirdTitle{margin-bottom: 0;}
@media screen and (max-width: 680px){
.SalesHowtoTitle{font-size: 2rem;}
}
@media screen and (max-width: 480px){
.SalesHowtoTitle{font-size: 1.6rem;}
}

/* ASSESSMENT
--------------------------------------------------------------*/
/*About*/
.AboutAssessment .TableTitle{width: 150px;}
.Level{background: #e6b422; font-size: 9px; margin-bottom: 5px; color: #fff; display: inline-block; width: 60px; text-align: center;}
.Assessment .PC{display: block;}
.Assessment .SP{display: none;}
@media screen and (max-width: 600px){
.AboutAssessment .TableTitle{width: 60px;}
.Assessment .PC{display: none;}
.Assessment .SP{display: block;}
}
/*Aword*/
.AwordDetail .W_49P{margin: 0 10px 5px 0;}
@media screen and (max-width: 480px){
.AwordDetail .W_49P{width: 100%;  margin: 0 0 10px 0;}
}
/*Design,Step*/
.DesignEffect .TileStyleItem{background: #fff; border: #e6e6e6 1px solid; flex: 1 0 250px; align-items: flex-start;}
.EffectTitle{font-size: 1.6rem; font-weight: bold;}
.EffectTitle .SubTitle{font-size: 1.2rem;}
.DesignEffect .TitleLine{width: 40px; margin: 10px auto; height: 3px; background: #11bb88;}
.DesignEffect .Text{text-align: left;}
.DesignEffect .Small{font-size: 1.2rem;}
.DesignDLBox{background: #e2f7f1;}
.DesignDLBoxTitle{display: block; border-radius: 0; text-align: center; padding: 5px; font-size: 1.6rem; font-weight: bold;}
@media screen and (max-width: 480px){
.DesignEffect .TileStyleItem{flex: 1 0 180px;}
.EffectTitle{font-size: 1.4rem;}
.EffectTitle .SubTitle{font-size: 1rem;}
.DesignEffect .TitleLine{width: 30px; margin: 5px auto; height: 2px;}
.DesignEffect .Text{font-size: 1.2rem;}
.DesignEffect .Small{font-size: 1rem;}
.DesignDLBoxTitle{font-size: 1.4rem;}
}
/*DesignMember*/
.DesignMemberMessageBox{border: #00796b 2px solid; background: #fff;}
.DesignMemberMessageTitle{padding: 5px; font-size: 1.6rem; color: #fff; font-weight: bold;}
.OtherMember.DesignMember .TableTitle{background-image: url(../img/common/bg_slope_db.png);}
.OtherMember.DesignMember .TableBody{color: #000;}
.MemberComment{position: relative; padding: 10px; background: #e0f2f1; margin-top: 10px; border-radius: 4px;}
.MemberComment::before{content: ''; position: absolute; left: 20px; top: -8px; display: block; width: 0; height: 0; border-right: 6px solid transparent; border-bottom: 8px solid #e0f2f1; border-left: 6px solid transparent;}
.DesignTraining .TableTitle{width: 100px;}
@media screen and (max-width: 480px){
.DesignMemberMessageTitle{font-size: 1.4rem;}
.DesignAbout .W_33P,.JHQCAbout .W_33P,.Certification .W_50P{width: 100%; margin: 0 0 10px 0;}
}
/* TRAINING
--------------------------------------------------------------*/
/*common*/
.Training .PC{display: block;}
.Training .SP{display: none;}
@media screen and (max-width: 600px){
.Training .PC{display: none;}
.Training .SP{display: block;}
}
/*office*/
.OfficePgm{background: #fff; border: #111133 1px solid;}
.OfficePgm .ThirdTitle{display: block; text-align: center; padding: 1rem;}
.OfficePgm .mb__flex-item{margin-bottom: 0;}
/*Assessor - about*/
@media screen and (max-width: 480px){
.Training .AboutAssessor .W_49P{width: 100%;}
}
/*Assessor - voice*/
.VoiceBox{float: left; width: 49%; background: #fff; box-shadow: 0 0 2px 0 rgba(0,0,0,0.3);}
.VoiceBox:nth-child(2n){float: right;}
.VoiceTitle{padding: 10px; color: #fff; font-size: 1.6rem;}
.VoiceTitleName{font-size: 1.8rem; font-weight: bold;}
.VoiceImage{width: 30%; margin: 0 2% 1% 0;}
@media screen and (max-width: 768px){
.VoiceTitle{font-size: 1.5rem;}
.VoiceTitleName{font-size: 1.7rem;}
.VoiceImage{width: 48%;}
}
@media screen and (max-width: 480px){
.VoiceBox{float: none; width: 100%; margin-bottom: 10px;}
.VoiceBox:nth-child(2n){float: none;}
.VoiceTitle{font-size: 1.4rem;}
.VoiceTitleName{font-size: 1.6rem;}
}
/*Assessor - question*/
.QuestionItem{padding: 20px; background: #fff; border: #e6e6e6 1px solid; margin-bottom: 20px;}
.QuestionTitle{font-size: 2.4rem; font-weight: bold; margin-bottom: 20px;}
.QIcon{color: #333377; font-size: 2.6rem; margin-right: 5px;}
.QuestionImage{width: 50%;}
.AnswerBox{width: 50%; background: url(../img/training/assessor/chara-arrow.png) left center no-repeat; background-size: 26px 46px;}
.AnswerText{margin-left: 40px; padding: 15px; line-height: 26px; background: #eeeeff;}
.AnswerStrong{color: #333377; font-weight: bold; font-size: 2rem;}
.AnswerListBox{margin-left: 10px;}
.AnswerList{background:url(../img/common/icon/icon-dot.png) no-repeat left center; padding-left: 20px; margin-bottom: 5px; background-size: 12px;}
@media screen and (max-width: 768px){
.QuestionItem{padding: 15px;}
.QuestionTitle{font-size: 2rem;}
.QIcon{font-size: 2.2rem;}
.QuestionImage{width: 100%;}
.AnswerBox{width: 100%; background: url(../img/training/assessor/chara-arrow_d.png) top center no-repeat; background-size: 46px 26px;}
.AnswerText{margin: 35px 0 0 0;}
}
@media screen and (max-width: 480px){
.QuestionItem{padding: 10px;}
.QuestionTitle{font-size: 1.8rem;}
.QIcon{font-size: 2rem;}
}
/*Assessor - Reason*/
.ReasonBox{width: 33.3%;}
.ReasonItem{margin-right: 10px; background: #fff; border: #e6e6e6 1px solid;}
.ReasonBox:nth-child(2) .ReasonItem{margin-left: 5px; margin-right: 5px;}
.ReasonBox:nth-child(3) .ReasonItem{margin-left: 10px; margin-right: 0;}
.ReasonDetailBox{padding: 10px;}
.ResonNo{width: 56px; margin: -40px 0 10px 0;}
.ReasonTitle{font-size: 2.4rem; line-height: 1.2; color: #333377; font-weight: bold;}
.ResonTitleLine{background: #333377; display: inline-block; width: 40px; height: 5px; margin: 10px 0;}
.ReasonLink{background: url(../img/common/icon/icon_navarrow_w.png) no-repeat center left 8px #333377; color: #fff; padding: 5px 0; border-radius: 2px; background-size: 6px 10px;}
@media screen and (max-width: 768px){
.ReasonBox{width: 100%;}
.ReasonItem{margin-right: 0; margin-bottom: 10px;}
.ReasonBox:nth-child(2) .ReasonItem{margin: 0 0 10px 0;}
.ReasonBox:nth-child(3) .ReasonItem{margin: 0;}
}
@media screen and (max-width: 480px){
.ReasonTitle{font-size: 2rem;}
.ResonTitleLine{width: 30px; height: 3px; margin: 5px 0;}
}
/*Chara*/
.CharaBox{width: 50%;}
.CharaItem{margin-bottom: 20px; background: #fff; border: #e6e6e6 1px solid;}
.CharaItem.Left{margin: 0 10px 0 0;}
.CharaItem.Right{margin: 0 0 0 10px;}
.CharaImage{width: 140px; height: 120px;  margin-right: 10px;}
.CharaNo{display: inline-block; font-size: 28px; font-weight: bold; color: #fff; border-bottom: #fff 4px solid; margin: 10px 0;}
.CharaTitle{color: #fff; font-size: 2.4rem; font-weight: bold; padding: 0 10px 10px 10px;}
.CharaText{padding: 10px; line-height: 1.6;}
@media screen and (max-width: 768px){
.CharaImage{width: 100px; height: 100px; margin-right: 5px;}
.CharaNo{font-size: 2rem;}
.CharaTitle{font-size: 1.8rem; padding: 0 5px 5px 5px;}
.CharaText{padding: 10px; line-height: 1.6;}
}
@media screen and (max-width: 480px){
.CharaBox{width: 100%;}
.CharaItem.Left{margin: 0 0 10px 0;}
.CharaItem.Right{margin: 0 0 10px 0;}
.CharaNo{font-size: 1.4rem; border-width: 2px;}
.CharaTitle{font-size: 1.6rem;}
.CharaText{padding: 10px 5px;}
}
/*Juror - JurorVoiceArea*/
.JurorVoiceBox{width: 49%; background: #c8c8e4; margin-bottom: 2%;}
.JurorVoiceBox:nth-child(even){float: right;}
.JurorVoiceItem{background: #fff; padding: 10px; margin: 10px 10px 10px 70px;}
.JurorVoiceIconBox{}
.JurorVoiceIcon{background: url(../img/training/voice-image.png) no-repeat; background-size: cover; width: 70px; position: absolute; left: 0; top: 0;}
@media screen and (max-width: 480px){
.JurorVoiceBox{width: 100%;}
.JurorVoiceItem{border-width: 2px;}
}
/*design*/
.CCArea02 .W_33P{width: 31%; margin: 0 1%;}
@media screen and (max-width: 800px){
.CCArea02 .W_33P{width: 48%; margin: 0 1% 2% 1%;}
}
@media screen and (max-width: 600px){
.DesignAboutArea .W_49P,.CCArea .W_49P, .DesignMovie .W_49P{width: 100%; margin-bottom: 10px;}
}
@media screen and (max-width: 500px){
.CCArea02 .W_33P{width: 100%; margin: 0 0 10px 0;}
}
@media screen and (max-width: 480px){
.DesignMovieBox .W_49P{width: 100%;}
}

/*Juror - flow*/
.FlowListBox{background: #fff; padding: 25px 20px 20px 20px; border: #ccc 2px solid;}
.FlowListItem{border-left: #ddd 2px dotted; margin-left: 10px; padding-bottom: 20px;}
.FlowListTitle{background: url(../img/common/icon/icon-dot.png) no-repeat 5px 5px; background-size: 12px; padding-left: 25px; font-size: 1.6rem; font-weight: bold; position: relative; top: -5px; left: -12px;}
.FlowDetailBox{margin: 5px 0 0 15px; padding-bottom: 10px;}
.FlowDetailBox .TableTitle{width: 100px;}
.JurorMeritBox{border: #333377 2px solid}
.PointBox.JissenRec{background: url(../img/training/bg_jissen_rec.jpg) no-repeat; background-size: cover;}
.JissenRec .PointIcon{background: url(../img/about/check_pointicon.png) no-repeat center; background-size: contain;}
.J_Small{font-size: 0.8rem;}
.Jissen .TableTitle{width: 130px;}
.JissenDetail .TableTitle.DT{position: absolute; top: 0; left: 0; width: 130px; font-size: 1.4rem; text-align: left;}
.JissenDetail .TableBody.DD{margin-left: 140px; background: #fff;}
@media screen and (max-width: 600px){
.FlowListBox{background: #fff; padding: 15px 10px 10px 10px;}
.FlowListItem{padding-bottom: 10px; margin-left: 5px;}
.FlowListTitle{background-size: 10px; padding-left: 20px; font-size: 1.5rem; top: -5px; left: -12px;}
.FlowDetailBox{margin: 0 0 0 10px;}
.FlowDetailBox .TableTitle{width: 40px;}
.JissenDetail .TableTitle.DT{position: relative; top: 0; left: 0; width: auto; font-size: 1.4rem; text-align: left!important;}
.JissenDetail .TableBody.DD{margin-left: 0; background: #fff;}
}
@media screen and (max-width: 480px){
.FlowListBox{background: #fff; padding: 10px 8px 8px 8px;}
.FlowListTitle{background-size: 8px; font-size: 1.4rem; left: -10px;}
.JissenRec .DLButton{margin: 0 15px;}
}
/*e-learning*/
.LearningPrice{padding: 1px 8px; margin-right: 5px; background: #5599aa; color: #fff; border-radius: 20px;}
@media screen and (max-width: 480px){
.E-LearningMovieBox .W_49P{width: 100%;}
}
/*Office*/
.Office .TableTitle{width: 18px;}
.Office .TableBody.Width{width: 60px;}
@media screen and (max-width: 600px){
.Office .W_49P{width: 100%; margin-bottom: 10px;}
}

/* Assessor-Course
--------------------------------------------------------------*/
/*Color*/
.A1.BG{background: #11bb88;}.A1.TC{color: #11bb88;}
.A2.BG{background: #0088aa;}.A2.TC{color: #0088aa;}
.A3.BG{background: #333377;}.A3.TC{color: #333377;}
/*MainContents*/
.AssessorMainContentsBox{background: #fff; border: #e6e6e6 1px solid;}
.AssessorMainContentsTitle{padding: 10px; font-size: 2.4rem; font-weight: bold; line-height:1.4; color: #fff;}
.AsessorMainContentsImage.Left{padding-right: 10px; border-right: #e6e6e6 1px solid;}
.AsessorMainContentsImage.Right{padding-left: 10px; border-left: #e6e6e6 1px solid;}
@media screen and (max-width: 768px){
.AssessorMainContentsTitle{font-size: 2rem;}
}
@media screen and (max-width: 480px){
.AssessorMainContentsTitle{font-size: 1.6rem;}
}
/*Summary*/
.SummaryTitle{padding: 10px; font-size: 2.4rem; font-weight: bold; color: #fff;}
@media screen and (max-width: 768px){
.SummaryTitle{font-size: 2rem;}
}
@media screen and (max-width: 480px){
.SummaryTitle{font-size: 1.8rem;}
}

/*Curriculum*/
.CurriculumBox{width: 33.3%;}
.CurriculumItem{background: #fff; padding: 10px; border: #e6e6e6 1px solid;}
.CurriculumItem.Left{margin: 0 4px 0 0;}
.CurriculumItem.Center{margin: 0 2px;}
.CurriculumItem.Right{margin: 0 0 0 4px;}
.CurriculumTitle{font-size: 1.8rem; font-weight: bold; line-height: 1.4;}
.Important{font-size: 1.3rem;}
.CurriculumTitleLine{width: 25px; height: 4px;}
.CurriculumText{font-size: 1.2rem; line-height: 16px;}
.DLButton{padding: 15px 0; border-radius: 4px; box-shadow: 0 1px 0 1px rgba(0,0,0,0.2); display: block; color: #fff; font-weight: bold; text-align: center;}
@media screen and (max-width: 768px){
.CurriculumBox{width: 100%;}
.CurriculumItem.Left{margin: 0 0 10px 0;}
.CurriculumItem.Center{margin: 0 0 10px 0;}
.CurriculumItem.Right{margin: 0;}
.CurriculumImage.Left{width: 49%; float: left;}
.CurriculumImage.Right{width: 49%; float: right;}
}
@media screen and (max-width: 480px){
.CurriculumBox{width: 100%;}
.CurriculumItem.Left{margin: 0 0 10px 0;}
.CurriculumItem.Center{margin: 0 0 10px 0;}
.CurriculumItem.Right{margin: 0;}
.CurriculumImage.Left{width: 49%; float: left;}
.CurriculumImage.Right{width: 49%; float: right;}
.DLButton.BG_Color_Red{margin-bottom: 10px;}
}

/*Schedule*/
.ScheduleBox{border: #e6e6e6 1px solid; background: #fff;}
.ScheduleBox tr:nth-child(odd){background: #f0f0f5;}
.ScheduleTitle{border: #e6e6e6 1px solid; color: #fff; font-weight: bold;}
.ScheduleBody{border: #e6e6e6 1px solid;}
.EntryCost{width: 110px;}
.JQACPart{width: 210px;}
.ScheduleOther{background: #0088aa; color: #fff; width: 40px; padding: 5px; text-align: center;}
.ScheduleOtherDetail{margin-left: 60px; padding: 5px 0;}
@media screen and (max-width: 768px){
.ScheduleBody{font-size: 1.3rem;}
.ScheduleOther{color: #fff; width: 40px; padding: 3px; text-align: center;}
.ScheduleOtherDetail{margin-left: 60px; padding: 3px 0;}
}
@media screen and (max-width: 480px){
.ScheduleTitle{font-size: 1.3rem;}
.ScheduleBody{font-size: 1.2rem;}
.ScheduleOther{color: #fff; width: 40px; padding: 3px; text-align: center;}
.ScheduleOtherDetail{margin-left: 60px; padding: 3px 0;}
.EntryCost{width: 40px;}
.JQACPart{width: 55px;}
}

/*SummaryOther*/
.SummaryOtherBox{background: #fff; border: #e8e8e8 1px solid; padding: 15px;}
.SummaryOtherTitle{color: #333377; font-weight: bold; font-size: 2rem; line-height: 1.4;}
.SummaryOtherTitleLine{width: 40px; height: 4px; margin: 5px 0 15px 0; background: #333377;}
.W_40P{width: 40%;}
.W_60P{width: 58%;}
.ContactListTitle{background: #0088aa; color: #fff; width: 210px; padding: 5px; text-align: center;}
.ContactListDetail{margin-left: 150px; padding: 5px 0;}
@media screen and (max-width: 768px){
.SummaryOtherBox .W_49P{width: 100%;}
.SummaryOtherBox .W_40P{width: 100%; margin-top: 10px;}
.SummaryOtherBox .W_60P{width: 100%; margin-top: 10px;}
.ContactListTitle{float: none; margin-bottom: 10px;}
.ContactListDetail{margin-left: 0;}
.EntryCost{width: 95px;}
.JQACPart{width: 175px;}
}
@media screen and (max-width: 480px){
.SummaryOtherBox .W_49P{width: 100%;}
.SummaryOtherBox .W_40P{width: 100%; margin-top: 10px;}
.SummaryOtherBox .W_60P{width: 100%; margin-top: 10px;}
.ContactListTitle{float: none; margin-bottom: 10px;}
.ContactListDetail{margin-left: 0;}
.ContactListDetail .InlineBlock{display: block;}
}

/* MEMEBERSHIP
--------------------------------------------------------------*/
/*about*/
.PointBox{background: #fff; border: #333377 4px solid; border-radius: 4px; box-shadow: 5px 5px 0 0 rgba(0,0,0,0.2); padding: 40px 15px 10px 15px; margin: 60px 0 0 20px;}
.TitlePoint{position: absolute; top: -22px; left: 0; padding: 10px 20px 10px 65px; color: #fff; font-size: 2rem; font-weight: bold; border-radius: 30px;}
.PointIcon{background: url(../img/membership/about-nyukai.png) no-repeat center; background-size: contain; width: 70px; height: 70px; border: #333377 4px solid; border-radius: 100%; position: absolute; top: -42px; left: -20px;}
.MemberPointListBox{ float: left; width: 49%;}
.MemberPointListBox:nth-child(even){float: right;}
.MemberPointList{background: url(../img/common/icon/icon-dot.png) no-repeat 5px 5px; background-size: 12px; padding: 0 0 15px 25px; font-size: 1.6rem;}
.PointBox.Suishin{background: url(../img/membership/bg_nyukai_suishin.jpg) no-repeat; background-size: cover;}
.Suishin .PointIcon{background: url(../img/membership/about-nyukai_suishin.png) no-repeat center; background-size: contain;}
.Suishin .TileStyleItem{background: rgba(255,255,255,0.6); border: #ee7711 2px solid; color: #333377; border-radius: 4px; padding: 15px 10px; font-size: 1.8rem; font-weight: bold;}
.Suishin .EM{font-size: 1.4rem; padding: 4px 10px; background: #ee7711; color: #fff; display: inline-block; margin-top: 5px;}
.ServiceDetailTalbe th:first-child{width: 240px;}
.ProgramTitle{padding:5px; background-color: #8585ad; color: #fff; font-size: 1.6rem;}
.Program .TableBody{padding: 5px;}
.PTime{width:120px;}
@media screen and (max-width: 1000px){
.ServiceDetailTalbe th:first-child{width: auto;}
}
@media screen and (max-width: 870px){
.AboutMemberShip .FLeft{margin: 0 10px 10px 0; width: 50%;}
.AboutMemberShip .FRight{float: none; width: auto;}
.ProgramTitle{font-size: 1.5rem;}
}
@media screen and (max-width: 700px){
.PointBox{padding: 35px 10px 10px 10px; margin: 50px 0 0 12px; border-width: 3px; box-shadow: 3px 3px 0 0 rgba(0,0,0,0.2);}
.TitlePoint{top: -18px; left: 0; padding: 6px 15px 6px 45px; font-size: 1.7rem;}
.PointIcon{width: 50px; height: 50px; top: -30px; left: -15px; border-width: 3px;}
.MemberPointList{background-size: 10px; padding: 0 0 15px 20px; font-size: 1.5rem;}
.Suishin .TileStyleItem{padding: 10px 5px; font-size: 1.5rem; flex: 1 0 150px;}
.Suishin .EM{font-size: 1.2rem; padding: 2px 6px;}
.PTime{width:100px;}
}
@media screen and (max-width: 480px){
.AboutMemberShip .FLeft{margin: 0 0 10px 0; width: 100%;}
.PointBox{padding: 0; margin: 0; border-width: 2px; box-shadow: 2px 2px 0 0 rgba(0,0,0,0.2);}
.TitlePoint{position: relative; top: 0; border-radius: 0; font-size: 1.4rem; margin-bottom: 10px; padding: 5px;}
.PointIcon{display: none;}
.MemberPointList{background-size: 8px; padding: 0 0 5px 20px; font-size: 1.3rem; margin: 0 5px;}
.MemberPointListBox{width: 100%;}
.Suishin .TileStyleItem{padding: 8px 5px; font-size: 1.3rem; flex: 1 0 100px;}
.Suishin .EM{font-size: 1.1rem; padding: 2px 5px;}
.PTime{width:90px;}
}

/*Getsureikai*/
.Getsureikai .TableTitle{width: 80px;}
.ThirdTitle.Getsureikai{cursor: pointer;}
.ThirdTitle.Getsureikai:after{content: "を開く ▼";}
.ThirdTitle.Getsureikai.Close:after{content: "を閉じる ▲";}
.HistoryGetsureikai .TableTitle:nth-child(1){width: 40px; text-align: center;}
.HistoryGetsureikai .TableTitle{width: 50px; text-align: center;}

/*forum*/
.ForumPlaceName{font-weight: bold; font-size: 1.6rem; margin-bottom: 5px;}
.ForumPlaceName .EM{margin-right: 5px; background: #7b81ba; padding: 2px 5px; color: #fff; font-size: 1.4rem; font-weight: normal;}
.ForumPlaceDetail{background: #f8f8f8; padding: 10px; margin: 0 10px;}
.SpecialPresenterImage{width: 80px;}
.SpecialPresenterDetail{margin-left: 90px;}
.SP_CompanyName{margin-bottom: 5px;}
.SP_UserName{font-size: 1.6rem; font-weight:  bold;}
.ForumCostAttention{background: #fff; border: #333377 1px solid;}
.ForumCostAttentionTitle{font-size: 1.6rem; margin-bottom: 5px; background: #333377; padding: 5px; color: #fff;}
@media screen and (max-width: 480px){
.SP_UserName{font-size: 1.4rem;}
.Foruminfo .W_40P{width:100%;}
}

/*DownLoad*/
.DownLoad a.mb__flex-item{flex: 1 0 calc((100% - 1%) / 2); max-width: calc((100% - 1%) / 2); margin: 0 1% 1% 0; color: #fff; align-items: center; border: #333377 1px solid; border-radius: 4px; background: #eeeeff; color: #333377; padding: 1rem 0;}
.DownLoad a.mb__flex-item:hover{background: #333377; color: #fff;}
.DownLoad a.mb__flex-item:nth-child(2n){margin-right: 0;}
.DownLoad a.mb__flex-item::before{font-family: muuq-fonts; content: "\ea1a"; margin-right: 0.5rem;}
/*account*/
.Table.RecomeOS .TableTitle{width: 100px;}

/* JQAward
------------------------------------------------------------- */
.JQAWARD .BG_Main{background: url(../img/jqaward/bg_body.jpg) repeat top left; background-size: 400px;}
.JQAWARD .MainImage{background: url(../img/jqaward/bg_mainimage.jpg) no-repeat center top #080919; background-size: 2000px 530px; height: 530px;}
.JQAward_LOGO{background: url(../img/jqaward/logo.png) no-repeat bottom / contain; width: 190px; height: 160px; margin: 0 auto; padding-top: 30px;}
.AwardTitle{width: 80%; margin: 0 auto; padding: 2% 0 8% 0;}
@media screen and (max-width: 1200px){
.JQAWARD .MainImage{background-size: cover; height: auto;}
.JQAward_LOGO{width: 140px; height: 118px; padding-top: 20px;}
}
@media screen and (max-width: 800px){
.JQAward_LOGO{width: 80px; height: 68px; padding-top: 20px;}
.AwardTitle{padding: 1% 0 5% 0;}
}
@media screen and (max-width: 480px){.JQAword_LOGO{width: 50px; height: 43px; padding-top: 10px;}}
/* Year */
.AwardYear .LineTop{background: url(../img/jqaward/yeartitle_deco_top.png) repeat-x top left / contain; width: 100%; height: 14px;}
.AwardYear .LineBottom{background: url(../img/jqaward/yeartitle_deco_bottom.png) repeat-x top left / contain; width: 100%; height: 14px;}
.AwardYear{font-size: 40px; font-weight: bold; color: #ddaa11; text-shadow: 0 0 15px #000; text-align: center; line-height: 2; padding-bottom: 40px;}
@media screen and (max-width: 860px){.AwardYear{font-size: 3rem; line-height: 1.8; padding-bottom: 30px;}}
@media screen and (max-width: 480px){.AwardYear{font-size: 2rem; padding-bottom: 20px;}}
/*Button History*/
.HistoryBtn{background: #ddaa11; padding: 10px; color: #881111; font-size: 1.6rem; text-decoration: none; border-radius: 5px;}
.HistoryArrow{background: url(../img/jqaward/icon_arrow.png) no-repeat 0 0 / contain; width: 14px; height: 14px; display: inline-block;margin-left: 5px;}
@media screen and (max-width: 860px){
.HistoryBtn{padding: 8px; font-size: 1.4rem;}
.HistoryArrow{width: 12px; height: 12px;}
}
/* 日本経営品質賞 */
.AwardBox{padding: 40px 0; position: relative;}
.JQAwardTitle{position: absolute; top: 0; left: 0; width: 100%; text-align: center; font-size: 0; z-index: 1;}
.JQAwardTitle .DecoLeft{display: inline-block; background: url(../img/jqaward/awardtitle_bule_left.png) no-repeat 0 0 / contain; width: 65px; height: 70px;}
.JQAwardTitle .DecoRight{display: inline-block; background: url(../img/jqaward/awardtitle_bule_right.png) no-repeat 0 0 / contain; width: 65px; height: 70px;}
.JQAwardTitle .DecoInner{display: inline-block; background: url(../img/jqaward/awardtitle_bule_inner.png) repeat-x 0 0 / contain; height: 70px; color: #ddaa11; font-size: 2.6rem; line-height: 62px; vertical-align: top;}
.AwardDetailBox{background: url(../img/jqaward/bg_aword.jpg) repeat 0 0 / 400px; padding: 10px;}
.AwardDetailItem{padding: 20px; border: #ddaa11 1px solid;}
.AwardDeco{position: absolute; background: no-repeat 0 0 / contain; width: 45px; height: 45px;}
.AwardDeco.LeftTop{background-image: url(../img/jqaward/awarddeco_left-top.png); top: 5px; left: 5px}
.AwardDeco.RightTop{background-image: url(../img/jqaward/awarddeco_right-top.png); top: 5px; right: 5px;}
.AwardDeco.LeftBottom{background-image: url(../img/jqaward/awarddeco_left-bottom.png); bottom: 5px; left: 5px;}
.AwardDeco.RightBottom{background-image: url(../img/jqaward/awarddeco_right-bottom.png); bottom: 5px; right: 5px;}
.PrizeCompanyBox{margin: 20px 0;}
.PrizeCompanyBox tr{background: transparent;}
.PrizeDecoBox{width: 85px;}
.PrizeDeco_left{background: url(../img/jqaward/companydeco_left.png) no-repeat 0 0 / contain; width: 75px; height: 100px;}
.PrizeDeco_right{background: url(../img/jqaward/companydeco_right.png) no-repeat  0 0 / contain; width: 75px; height: 100px;}
.PCLBpx{width: 100px;}
.Hinshitsu .PrizeDeco_left{padding-right: 10px;}
.Hinshitsu .PrizeDeco_right{padding-left: 10px; background-position: 10px 0;}
.PrizeCompanyLogo{background-image: linear-gradient(to top, #ddaa11 0%, #eecc11 30%, #ffbb11 70%, #ddaa11 100%); width: 90px; height: 90px; padding: 5px;}
.ImageBox{border: #aaa 1px solid; background: #fff; width: 88px; height: 88px;}
.LogoBox{width: 78px; height: 78px; margin: 5px;}
.PrizeCompanyDetail{font-size: 1.8rem; color: #111133; max-width: 500px; text-align: center;}
.PrizeCompanyName{font-size: 36px; font-weight: bold; color: #111133; margin: 10px 0; line-height: 1.2;}
a.jqaLink,a.jqaLink:link,a.jqaLink:visited{color: #881111; text-decoration: underline;}
a.jqaLink:hover,a.jqaLink:active{color: #881111; text-decoration: underline;}
.PrizeRepresentBox{margin-bottom: 20px;}
.PRImage{ max-width: 190px; height: 190px;}
.PRImageBox{width: 190px; height: 190px;}
.PRImageDeco_Left{position: absolute; top: -8px; left: -8px; background: url(../img/jqaward/photodeco_left-top.png) no-repeat 0 0 / contain; width: 44px; height: 44px;}
.PRImageDeco_Right{position: absolute; bottom: -8px; right: -8px; background: url(../img/jqaward/photodeco_right-bottom.png) no-repeat 0 0 / contain; width: 44px; height: 44px;}
.PRDetail{text-align: left; color: #331100; font-weight: bold; align-items: flex-start; flex: 1 0 50px;}
.PRName{font-size: 2.4rem; font-weight: bold; padding-bottom: 10px; margin-bottom: 15px; border-bottom: #331100 2px solid;}
.PRListItem{background: url(../img/jqaward/icon_dot.png) no-repeat 0 0 / contain; background-size: 18px; padding: 0 0 10px 30px;}
.HistoryDetail{background: #331100; color: #ddaa11;}
.HistoryDetail:after{content: " >";}
.Press{background: #ddaa11; color: #881111; font-size: 1.6rem;}
.Interview{background: #ddaa11; color: #881111; font-size: 1.6rem;}
.B2005Interview{background: #331100; color: #ddaa11; font-size: 1.4rem;}
@media screen and (max-width: 960px){
.PrizeDecoBox{width: 60px;}
.PrizeDeco_left,.PrizeDeco_right{width: 50px; height: 67px;}
.PCLBpx{width: 80px;}
.PrizeCompanyLogo{width: 74px; height: 74px; padding: 3px;}
.ImageBox{width: 72px; height: 72px;}
.LogoBox{width: 62px; height: 62px;}
.PrizeCompanyDetail{font-size: 1.6rem;}
.PrizeCompanyName{font-size: 28px;}
.PrizeRepresentBox{margin-bottom: 15px;}
.PRImage{ max-width: 160px; height: 160px;}
.PRImageBox{width: 160px; height: 160px;}
.PRName{font-size: 1.8rem;}
.PRListItem{background-size: 16px;}
.JQAwardTitle .DecoInner{font-size: 2.4rem; }
}
@media screen and (max-width: 678px){
.AwardBox{padding: 25px 0;}
.JQAwardTitle .DecoLeft,.JQAwardTitle .DecoRight{width: 40px; height: 44px;}
.JQAwardTitle .DecoInner{height: 43px; font-size: 1.8rem; line-height: 37px;}
.AwardDetailBox{padding: 7px;}
.AwardDetailItem{padding: 10px;}
.AwardDeco{width: 20px; height: 20px;}
.PrizeDecoBox{width: 40px;}
.PrizeDeco_left,.PrizeDeco_right{width: 30px; height: 40px;}
.PCLBpx{width: 50px;}
.PrizeCompanyLogo{width: 46px; height: 46px; padding: 2px;}
.ImageBox{width: 44px; height: 44px;}
.LogoBox{width: 40px; height: 40px; margin: 2px;}
.PrizeCompanyDetail{font-size: 1.4rem; max-width: 300px;}
.PrizeCompanyName{font-size: 2rem; margin: 5px 0;}
.PrizeRepresentBox{margin-bottom: 10px;}
.PRImage{ max-width: 80px; height: 80px;}
.PRImageBox{width: 80px; height: 80px;}
.PRImageDeco_Left{top: -4px; left: -4px; width: 20px; height: 20px;}
.PRImageDeco_Right{bottom: -4px; right: -4px; width: 20px; height: 20px;}
.PRName{font-size: 1.4rem; border-bottom-width: 1px;}
.PRListItem{background-size: 12px; font-size: 1.2rem; padding: 0 0 5px 20px;}
.Press{padding: 8px; font-size: 1.4rem;}
.Interview{padding: 8px; font-size: 1.4rem;}
.B2005Interview{padding: 8px;}
}
@media screen and (max-width: 480px){
.AwardBox{padding: 20px 0;}
.JQAwardTitle .DecoLeft,.JQAwardTitle .DecoRight{width: 30px; height: 34px;}
.JQAwardTitle .DecoInner{height: 32px; font-size: 1.6rem; line-height: 26px;}
.AwardDetailItem{padding: 8px;}
.PrizeCompanyBox{margin: 0 0 10px 0;}
.AwardDeco{width: 16px; height: 16px;}
.PrizeDecoBox{width: 30px;}
.PrizeDeco_left,.PrizeDeco_right{width: 20px; height: 28px;}
.PCLBpx{width: 30px;}
.PrizeCompanyLogo{width: 26px; height: 26px;}
.ImageBox{width: 24px; height: 24px;}
.LogoBox{width: 20px; height: 20px;}
.PrizeCompanyDetail{font-size: 1.1rem; max-width: 300px;}
.PrizeCompanyName{font-size: 1.6rem; margin: 5px 0;}
.PrizeRepresentBox{margin-bottom: 10px;}
.PRImage{ max-width: 50px; height: 50px;}
.PRImageBox{width: 50px; height: 50px;}
.PRImageDeco_Left{top: -2px; left: -2px; width: 10px; height: 10px;}
.PRImageDeco_Right{bottom: -2px; right: -2px; width: 10px; height: 10px;}
.PRName{font-size: 1.2rem; padding-bottom: 5px; margin-bottom: 5px;}
.PRListItem{background-size: 10px; font-size: 1rem; padding: 0 0 5px 16px;}
}
.Separate{margin: 20px 0; border-bottom: 5px dotted #ddaa11;}
/* 日本経営推進・奨励賞 */
.SecondAwardArea{text-align: center; font-size: 0; padding-bottom: 40px;}
.SecondAwardArea .AwardBox{width: 48%; margin: 0 1% 2% 1%; display: inline-block; padding: 40px 0 0 0; vertical-align: top;}
.SecondAwardArea .AwardDetailItem{padding: 15px;}
.SecondAwardArea .JQAwardTitle .DecoLeft{background: url(../img/jqaward/awardtitle_green_left.png) no-repeat 0 0 / contain;}
.SecondAwardArea .JQAwardTitle .DecoRight{background: url(../img/jqaward/awardtitle_green_right.png) no-repeat 0 0 / contain;}
.SecondAwardArea .JQAwardTitle .DecoInner{background: url(../img/jqaward/awardtitle_green_inner.png) repeat-x 0 0 / contain; font-size: 2.2rem;}
.SecondAwardArea .TileStyleItem{margin: 0;}
.SecondAwardArea tr{background: transparent;}
.SecondAwardArea .PrizeDecoBox{width: 30px; flex: 1 0 30px;}
.SecondAwardArea .PrizeDeco_left,.SecondAwardArea .PrizeDeco_right{width: 30px; height: 43px;}
.SecondAwardArea .PCLBpx{max-width: 40px; margin-left: 5px;}
.SecondAwardArea .PrizeCompanyLogo{max-width: 40px; height: 40px;}
.SecondAwardArea .ImageBox{width: 40px; height: 40px;}
.SecondAwardArea .PrizeCompanyDetail{font-size: 1.4rem; max-width: 240px;}
.SecondAwardArea .PrizeCompanyName{font-size: 2rem; margin: 5px 0;}
.SecondAwardArea .PRName{font-size: 2rem; margin-bottom: 10px; padding-bottom: 5px;}
.SecondAwardArea .CompanyDitail{font-size: 1.4rem; text-align: left; line-height: 1.6;}
@media screen and (max-width: 1000px){
.SecondAwardArea .AwardBox{width: 48%; margin: 0 1% 2% 1%; display: inline-block; padding: 24px 0 0 0;}
.SecondAwardArea .AwardDetailBox{padding: 8px;}
.SecondAwardArea .AwardDeco{width: 20px; height: 20px;}
.SecondAwardArea .AwardDetailItem{padding: 8px;}
.SecondAwardArea .JQAwardTitle .DecoLeft{width: 39px; height: 42px;}
.SecondAwardArea .JQAwardTitle .DecoRight{width: 39px; height: 42px;}
.SecondAwardArea .JQAwardTitle .DecoInner{line-height:35px; height: 42px; font-size: 1.8rem;}
.SecondAwardArea .PrizeDecoBox{width: 20px;}
.SecondAwardArea .PrizeDeco_left,.SecondAwardArea .PrizeDeco_right{width: 20px; height: 28px;}
.SecondAwardArea .PCLBpx{max-width: 30px;}
.SecondAwardArea .PrizeCompanyLogo{max-width: 30px; height: 30px;}
.SecondAwardArea .ImageBox{width: 30px; height: 30px;}
.SecondAwardArea .PrizeCompanyDetail{font-size: 1.2rem; max-width: 300px;}
.SecondAwardArea .PrizeCompanyName{font-size: 1.8rem; margin: 3px 0;}
.SecondAwardArea .PRName{font-size: 1.6rem; margin-bottom: 5px; padding-bottom: 3px;}
.SecondAwardArea .CompanyDitail{font-size: 1.2rem; text-align: left; line-height: 1.6;}
}
@media screen and (max-width: 1000px){
.SecondAwardArea .AwardBox{width: 100%; margin: 0 0% 2% 0; display: inline-block; padding: 24px 0 0 0;}
}
@media screen and (max-width: 678px){
.SecondAwardArea .AwardBox{width: 48%; margin: 0 1% 2% 1%; display: inline-block; padding: 24px 0 0 0;}
.SecondAwardArea .PrizeCompanyDetail{max-width: 200px;}
.Before .SecondAwardArea .AwardBox{width: 100%; margin: 0 0% 2% 0; display: inline-block; padding: 24px 0 0 0;}
}
@media screen and (max-width: 600px){
.SecondAwardArea .AwardBox{width: 100%; margin: 0 0% 2% 0; display: inline-block; padding: 24px 0 0 0;}
}
/*detail*/
.HistoryArrowBack{background: url(../img/jqaward/icon_arrow_back.png) no-repeat 0 0 / contain; width: 14px; height: 14px; display: inline-block;margin-right: 5px;}
@media screen and (max-width: 860px){.HistoryArrowBack{width: 12px; height: 12px;}}
.Detail .AwardBox{padding: 0;}
.PrizeDetailBox{margin: 60px 0 40px; border: #ddaa11 2px solid; padding: 10px; background: url(../img/jqaward/bg_prizedetail.png) repeat 0 0 / 100px; position: relative;}
.PrizeDetailTitle{position: absolute; top: -34px; left: 0; width: 100%; font-size: 0; text-align: center;}
.PrizeDetailTitleDeco{background: no-repeat 0 0 / contain; display: inline-block; width: 24px; height: 72px;}
.PrizeDetailTitleDeco.Left{background-image: url(../img/jqaward/detail-title_left.png);}
.PrizeDetailTitleDeco.Right{background-image: url(../img/jqaward/detail-title_right.png);}
.PrizeDetailTitleDeco.Inner{background-image: url(../img/jqaward/detail-title_inner.png); background-repeat: repeat-x; color: #331100; font-size: 3rem; text-align: center; width: auto; line-height: 70px; vertical-align: top; padding: 0 10px;}
.PrizeDetailItem{padding: 30px 20px 20px 20px; border: #ddaa11 1px solid; color: #fff;}
.PrizeDetailItem .Text{font-size: 1.6rem; line-height: 1.8;}
.PrizeLine{background: url(../img/jqaward/deco_line.png) no-repeat center / 74px 20px; width: 100%; height: 20px; margin: 20px 0;}
.PrizeDetailSubBox{margin-bottom: 20px;}
.PrizeDetailSubTitle{background: url(../img/jqaward/icon_pen.png) no-repeat 0 0 / 30px 36px; padding: 0 0 10px 40px; color: #ddaa11; font-size: 2.6rem; font-weight: bold; border-bottom: #ddaa11 1px solid; margin-bottom: 10px;}
.PrizeDetailSubBox .Text{font-size: 1.4rem;  line-height: 1.8;}
.Prize .TableTitle{background: #ddaa11; border: none; border-bottom: #331100 1px solid; color: #331100; width: 100px;}
.Prize .TableBody{background: #fff; border: none; border-bottom: #ddaa11 1px solid; color: #331100;}
.Prize tr:last-child .TableTitle,.Prize tr:last-child .TableBody{border: none;}
.PrizeContactBox{background: url(../img/jqaward/bg_prizedetail.png) repeat 0 0 / 100px; padding: 20px;}
.PrizeContactTItle{font-size: 2.6rem; font-weight: bold; color: #ddaa11; text-align: center; margin-bottom: 20px;}
.PrizeContact .TableTitle{background: #ddaa11; color: #331100; border: #ddaa11 1px solid; border-bottom: #331100 1px solid; width: 100px;}
.PrizeContact .TableBody{background-color: #1e0000; color: #fff; border: none; border-bottom: #ddaa11 1px dashed; border-right: #ddaa11 1px solid;}
.PrizeContact tr:first-child .TableTitle,.PrizeContact tr:first-child .TableBody{border-top: #ddaa11 1px solid;}
.PrizeContact tr:last-child .TableTitle,.PrizeContact tr:last-child .TableBody{border-bottom: #ddaa11 1px solid;}
.Font_Gold{color: #ddaa11;}
.PrizeMovieTitle{font-size: 2.6rem; font-weight: bold; color: #331100; text-align: center; margin-bottom: 5px;}
.PrizeMovieTitle.B2005{font-size: 1.8rem; margin-bottom: 10px;}
@media screen and (max-width: 600px){
.PrizeDetailBox{margin: 40px 0; padding: 5px;}
.PrizeDetailTitle{top: -24px;}
.PrizeDetailTitleDeco{width: 18px; height: 54px;}
.PrizeDetailTitleDeco.Inner{font-size: 2rem; height: 54px; line-height: 50px;}
.PrizeDetailItem{padding: 25px 10px 10px 10px;}
.PrizeDetailItem .Text{font-size: 1.3rem;}
.Prize .TableTitle{width: 60px;}
.PrizeLine{background-size: 37px 10px; height: 10px; margin: 10px 0;}
.PrizeDetailSubBox{margin-bottom: 10px;}
.PrizeDetailSubTitle{background-size: 15px 18px; padding: 0 0 5px 30px; font-size: 1.8rem; margin-bottom: 5px;}
.PrizeDetailSubBox .Text{font-size: 1.2rem;}
.PrizeContactBox{padding: 10px;}
.PrizeContactTItle{font-size: 1.8rem; margin-bottom: 10px;}
.PrizeContact .TableTitle{width: 60px;}
.PrizeMovieTitle{font-size: 1.8rem; margin-bottom: 10px;}
.PrizeMovieTitle.B2005{font-size: 1.6rem; margin-bottom: 5px;}
}
@media screen and (max-width: 480px){
.PrizeDetailTitleDeco.Inner{font-size: 1.8rem; height: 54px; line-height: 50px; padding: 0 5px;}
}
/*history*/
.History .AwardTitle{max-width: 870px;}
.TabArea{overflow: auto; -webkit-overflow-scrolling: touch;}
.TabBox{border-bottom: #ddaa11 2px solid; font-size: 0;}
.YearTab{background: #220000; border-radius: 5px 5px 0 0; color: #ddaa11; padding: 10px; width: 80px; margin-right: 5px; font-size: 1.4rem; text-align: center; text-decoration: none;}
.YearTab[status="select"],.YearTab:hover{background: #ddaa11; color: #881111; cursor: pointer;}
/*History Before*/
.Before .AwardBox{padding: 0;}
.Before .PrizeCompanyBox{margin: 10px 0; padding-bottom: 5px; border-bottom: #331100 1px solid;}
.Before .PrizeCompanyName{margin: 0;}
.Before .PrizeCompanyName .Small{font-size: 1.4rem;}
.Before .AwardDetailItem .Text{color: #331100; font-size: 1.4rem; line-height: 1.6; text-align: left;}
.PrizeMovieName{color: #331100; font-size: 1.4rem; line-height: 1.6; text-align: center; font-weight: bold; margin-top: 5px;}

/* Movie
------------------------------------------------------------- */
.MovieBox{background: #fff;}
.MovieTitle{font-size: 1.6rem; font-weight: bold; text-align: left;}
.MovieArea{justify-content:flex-start;}
.MovieArea .TileStyleItem{max-width: 31%; flex: 1 0 31%; margin: 0 1% 4% 1%; align-items: flex-start;}
.PrizeMovieArea .TileStyleItem{max-width: 48%; flex: 1 0 48%; margin: 0 1%; align-items: flex-start;}
@media screen and (max-width: 1000px){.MovieArea .TileStyleItem{max-width: 48%; flex: 1 0 48%;}}
@media screen and (max-width: 768px){.MovieTitle{font-size: 1.3rem;}}
@media screen and (max-width: 480px){.MovieArea .TileStyleItem{max-width: 100%; flex: 1 0 100%; margin: 0 0 4% 0;}.PrizeMovieArea .TileStyleItem{max-width: 100%; flex: 1 0 100%; margin: 0 0 4% 0;}}

/* Monthlies
------------------------------------------------------------- */
.MonthliesListArea .TileStyleItem{max-width: 31%; flex: 1 0 31%; margin: 0 1% 4% 1%; align-items: flex-start; text-align: left; background: #fff;}
.MonthliesBox{background: #fff; border: #e6e6e6 1px solid; color: #1a1a1a; box-sizing: border-box;}
.MonthliesImage{height: 150px;}
.MonthliesDetailBox{padding: 10px}
.Monthlies-Date{background: url(../img/common/line_long.png) no-repeat left bottom; background-size: 500px 4px; font-size: 1.4rem; color: #333377; font-weight: bold; line-height: 1.2; padding-bottom: 10px; margin-bottom: 5px;}
.Monthlies-Title{font-size: 1.6rem; color: #1a1a1a; font-weight: bold; margin-bottom: 5px; line-height: 1.2; padding: 5px 0;}
.Monthlies-Prace{color: #999; font-size: 1rem; margin-bottom: 5px; line-height: 1.2; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.Monthlies-Prace::before{content: "@";}
.Monthlies-Detail{font-size: 1.3rem; color: #1a1a1a; line-height: 1.4;}
a.LinkBanner{padding: 10px; background: #f5f5ff; color: #333377; display: block; text-decoration: none; text-align: center; border-top: #e6e6e6 1px solid;}
/* detail */
.Summary .FLeft.W_49P{width: 49%; margin: 0 10px 10px 0;}
.MonthliesTitle{font-size: 2.6rem; font-weight: bold; padding: 20px 10px; color: #333377;}
.MonthliesSubTitle{font-size: 1.8rem; font-weight: normal;}
@media screen and (max-width: 1000px){
.MonthliesListArea .TileStyleItem{max-width: 48%; flex: 1 0 48%;}
}
@media screen and (max-width: 768px){
.MonthliesDetailBox{padding: 5px}
.Monthlies-Date{font-size: 1.4rem;}
.Monthlies-Title{font-size: 1.3rem;}
.Monthlies-Prace{font-size: 9px;}
.Monthlies-Detail{font-size: 1.1rem;}
.MonthliesTitle{font-size: 2.2rem; padding: 10px 5px;}
.MonthliesSubTitle{font-size: 1.4rem; font-weight: normal;}
}
@media screen and (max-width: 480px){
.Summary .FLeft.W_49P{width: 100%; margin: 0 0 10px 0;}
.MonthliesListArea .TileStyleItem{max-width: 100%; flex: 1 0 100%; margin: 0 0 4% 0;}
.Monthlies-Date{font-size: 1.2rem;}
.Monthlies-Title{font-size: 1.3rem;}
.Monthlies-Prace{font-size: 9px;}
.Monthlies-Detail{font-size: 1.1rem;}
.MonthliesTitle{font-size: 1.8rem;}
.MonthliesSubTitle{font-size: 1.2rem; font-weight: normal;}
}