@charset "utf-8";

/*  Reset
-------------------------------------------------- */
#MainContent *{
box-sizing:border-box;
}
#MainContent .BtwOcrSelect p,
#MainContent .BtwOcrSelect ul,
#MainContent .BtwOcrSelect ul li{
margin: 0;
padding: 0;
}
#MainContent .BtwOcrSelect ul li{
background: none;
}
/* ----------------------------------------------- */

/* MainContent */
#MainContent .BtwOcrSelectHdg2{
margin-top:21px;
padding: 2px 0 3px 13px;
border-left: 6px solid #e60012;
color: #222;
font-size: 2.5em;
line-height: 1.3;
}
#MainContent .BtwOcrSelectHdg2 .MainText,
#MainContent .BtwOcrSelectHdg2 .SubText{
display: block;
}
#MainContent .BtwOcrSelectHdg2 .MainText + *{
margin-top: 6px;
}
#MainContent .BtwOcrSelectHdg2 .SubText{
font-size: .733333em;
font-weight: normal;
line-height: 1.18;
}
#MainContent .BtwOcrSelectConts{
margin-top: 36px;
}
#MainContent .BtwOcrSelectConts .InnerContsText{
font-size: 1.166666em;
line-height: 1.428;
}
#MainContent .BtwOcrSelectConts .InnerContsText > p:first-child{
margin-top: 23px;
}
#MainContent .BtwOcrSelectConts .InnerContsText > * + p{
margin-top: 22px;
}

/* Button Area */
#MainContent .BtwOcrSelectBtnArea .BtwOcrSelectHdg3{
margin-top: 36px;
padding: 9px 0 8px 19px;
background: #a0a1a5;
color: #fff;
font-size: 1.5em;
text-transform: none;
}
#MainContent .BtwOcrSelectBtnArea .BtwOcrSelectList{
display: flex;
flex-wrap: wrap;
margin-top: 20px;
margin-left: -10px;
}
#MainContent .BtwOcrSelectBtnArea .BtwOcrSelectList li{
padding-left: 10px;
font-size: 14px;
text-align: center;
width: 100%;
}
#MainContent .BtwOcrSelectBtnArea .BtwOcrSelectList li > a{
position: relative;
display: block;
padding: 15px 35px 13px;
border: 1px solid #e6e6e6;
color: #333;
background: #fff;
background: -webkit-linear-gradient(top, #fff 0%, #f7f7f7 100%);
background: -moz-linear-gradient(top, #fff 0%, #f7f7f7 100%);
background: linear-gradient(to bottom, #fff 0%, #f7f7f7 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#f7f7f7');
text-decoration: none;
}
#MainContent .BtwOcrSelectBtnArea .BtwOcrSelectList li > a:hover{
-ms-filter: "alpha(opacity=80)";
opacity: .8;
}
#MainContent .BtwOcrSelectBtnArea .BtwOcrSelectList li > a:before{
content: "";
position: absolute;
top: 50%;
left: 20px;
margin-top: -3px;
width: 0;
height: 0;
border-top: 3px solid transparent;
border-right: 6px solid transparent;
border-bottom: 3px solid transparent;
border-left: 6px solid #ea0337;
}
#MainContent .BtwOcrSelectBtnArea .BtwOcrSelectList.Col02 li{
width: 50%;
}
#MainContent .BtwOcrSelectBtnArea .BtwOcrSelectList.Col03 li{
width: 33.3333333%;
}
#MainContent .BtwOcrSelectBtnArea .BtwOcrSelectList.Col04 li{
width: 25%;
}
#MainContent .BtwOcrSelectBtnArea + .BtwOcrSelectBtnArea{
margin-top: 30px;
}

#MainContent .BtwSpprtHdg04{
position: relative;
margin-bottom: 7px;
padding-left: 12px;
border: none;
text-transform: none;
}
#MainContent .BtwSpprtHdg04::before{
content: "";
display: inline-block;
position: absolute;
top: 50%;
left: 1px;
width: 7px;
height: 7px;
background-color: #e60012;
transform: translateY(-50%);
}
#MainContent .BtwSpprtHdg04 + .BtwOcrSelectList{
margin-top: 0;
}

#MainContent .BtwOcrSelect .BtwSpprtList{
display: -ms-flexbox;
display: flex;
font-size: 1.166666em;
margin-left: -10px;
}
#MainContent .BtwOcrSelect .BtwSpprtList > li{
padding-left: 10px;
background-image: linear-gradient(to bottom, #d2d2d2, #d2d2d2 2px, transparent 2px);
background-size: 1px 4px;
background-position: top 2px left 0;
background-repeat: repeat-y;
}
#MainContent .BtwOcrSelect .BtwSpprtList > li:first-child{
background-image: none;
}
#MainContent .BtwOcrSelect .BtwSpprtList > li + li{
margin-left: 10px;
}
#MainContent .BtwSpprtList > li.ListCol01{
width: 20%;
}
#MainContent .BtwSpprtList > li.ListCol02{
width: 40px;
}
#MainContent .BtwSpprtList > li.ListCol03{
width: 60%;
}
#MainContent .BtwSpprtList > li.ListCol04{
width: 80%;
}
#MainContent .BtwSpprtList > li.ListCol05{
width: 100%;
}

/* Column Layout */
#MainContent .LayoutGrid{
display: flex;
margin: 0 0 0 -10px;
}
#MainContent .LayoutGrid .LayoutGridColumn{
padding: 0 0 0 10px;
}
#MainContent .LayoutGrid.RegionGrpCol05 .LayoutGridColumn.RegionCol01{
width: 20%;
}
#MainContent .LayoutGrid.RegionGrpCol05 .LayoutGridColumn.RegionCol02{
width: 40%;
}
#MainContent .LayoutGrid.RegionGrpCol05 .LayoutGridColumn.RegionCol03{
width: 60%;
}
#MainContent .LayoutGrid.RegionGrpCol05 .LayoutGridColumn.RegionCol04{
width: 80%;
}
#MainContent .LayoutGrid.RegionGrpCol05 .LayoutGridColumn.RegionCol05{
width: 100%;
}

#MainContent .LayoutGrid.RegionGrpCol04 .LayoutGridColumn.RegionCol01{
width: 25%;
}
#MainContent .LayoutGrid.RegionGrpCol04 .LayoutGridColumn.RegionCol02{
width: 50%;
}
#MainContent .LayoutGrid.RegionGrpCol04 .LayoutGridColumn.RegionCol03{
width: 75%;
}
#MainContent .LayoutGrid.RegionGrpCol04 .LayoutGridColumn.RegionCol04{
width: 100%;
}

#MainContent .LayoutGrid.RegionGrpCol03 .LayoutGridColumn.RegionCol01{
width: 33.33333%;
}
#MainContent .LayoutGrid.RegionGrpCol03 .LayoutGridColumn.RegionCol02{
width: 66.66667%;
}
#MainContent .LayoutGrid.RegionGrpCol03 .LayoutGridColumn.RegionCol03{
width: 100%;
}
#MainContent .LayoutGrid.RegionGrpCol05 .LayoutGridColumn > *:last-child{
margin-bottom: 0;
}
#MainContent .section .LayoutGrid .LayoutGridColumn{
padding-bottom: 0;
}