@charset "utf-8";
/*-----------------------------------------------------------------
	Common Style
-----------------------------------------------------------------*/
/* font, Text
*******************************/
.fwN { font-weight: normal;}
.fwB { font-weight: bold;}
.fzLLL{ font-size: 130%;}
.fzLL {	font-size: 120%;}
.fzL  { font-size: 110%;}
.fzM  { font-size: 100%;}
.fzS  { font-size: 93%;}
.fzSS {	font-size: 83%;}
.fzSSS{	font-size: 69%;}

.fs-italic {
	font-style: italic;
}
.first-letter-italic::first-letter {
	font-size: 3em;
	font-style: italic;
	font-weight: bold;
	line-height:1;
}
.indent-1em { padding-left: 1em; text-indent: -1em;}
.word-wrap  { white-space: normal;}
.word-nowrap{ white-space: nowrap;}
.word-break-all { word-break: break-all;}

/* inline align
*******************************/
.taL { text-align: left   !important;}
.taC { text-align: center !important;}
.taR { text-align: right  !important;}
.vaT { vertical-align: top    !important;}
.vaM { vertical-align: middle !important;}
.vaB { vertical-align: bottom !important;}

/* other
*******************************/
.clear { clear: both;}
.hide  { display: none;}
.block { display: block;}
.inline{ display: inline !important;}
.inline-b { display: inline-block;}
.tdU   { text-decoration: underline !important;}
.tdN   { text-decoration: none !important;}
.ofH   { overflow: hidden;}

.br { display: block!important;}
/* sp */
@media screen and (max-width: 359px){
 .br, .sp-br { display: inline!important;}
}
@media screen and (max-width: 767.98px){
 .sp-br { display: block!important;}
 .sp-hide { display: none!important;}
}
/* pc */
@media screen and (min-width: 768px){
 .pc-br { display: block!important;}
 .pc-hide { display: none!important;}
}

/* none set
*******************************/
.none-border { border: none;}
.none-radius { border-radius: 0 !important;}
.none-max-width { max-width: none !important;}
.none-bg { background-color: transparent!important;}
.none-padding { padding: 0;}
.none-a-set { color:inherit;}

/* color, background, border, box
*******************************/
.c-000 { color:#000;}
.c-fff { color:#fff;}
.c-ccc { color:#ccc;}
.c-999 { color:#999;}
.c-red { color:#f00;}
.c-blue{ color: #0070c0;}
.c-yellow{ color: #ffc000;}
.c-green { color: #01a982;} /* =hpe */

.bg-fff { background-color:#fff;}
.bg-ccc { background-color:#ccc;}
.bg-f1  { background-color:#f1f1f1;}

.border-fff { border: 1px solid #fff;}
.border-ccc { border: 1px solid #ccc;}
.border-t { border-top: 1px solid #ccc;}
.border-b { border-bottom: 1px solid #ccc;}

/* main (aruba) */
.c-aruba { color: #ff8300;}
.bg-aruba{ background-color: #ff8300;}
.border-aruba { border: 1px solid #ff8300;}

.c-aruba { color: #1a2792;}
.bg-aruba{ background-color: #1a2792;}
.border-aruba { border: 1px solid #1a2792;}


/* scsk */
.c-scsk { color: #0a2986;}
.bg-scsk{ background-color: #0a2986;}
.border-scsk { border: 1px solid #0a2986;}

.border-bold { border-width: 3px;}
.box-r05 { border-radius: 5px;}
/*.box-shadow { box-shadow: 0 2px 5px rgba(0,0,0,.5);}*/

/* margin
******************************************/
.margin-auto { margin: auto;}
.mt-auto{ margin-top: auto;}
.ml-auto{ margin-left: auto;}
.mr-auto{ margin-right: auto;}
.mb-auto{ margin-bottom: auto;}
.mt01em { margin-top: 1em !important;}
.mb01em { margin-bottom: 1em !important;}

.mt00 { margin-top: 0   !important;}
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top:10px !important;}
.mt12 { margin-top:12px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mr00 { margin-right: 0   !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right:10px !important;}
.mr12 { margin-right:12px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mb00 { margin-bottom: 0   !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.ml00 { margin-left: 0   !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left:10px !important;}
.ml12 { margin-left:12px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}

/* padding
******************************************/
.pt00 { padding-top: 0   !important;}
.pt02 { padding-top: 2px !important;}
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top:10px !important;}
.pt12 { padding-top:12px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}
.pr00 { padding-right: 0   !important;}
.pr02 { padding-right: 2px !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right:10px !important;}
.pr12 { padding-right:12px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pb00 { padding-bottom: 0   !important;}
.pb02 { padding-bottom: 2px !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb12 { padding-bottom:12px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}
.pl00 { padding-left: 0   !important;}
.pl02 { padding-left: 2px !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left:10px !important;}
.pl12 { padding-left:12px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}

/* width
******************************************/
.w10per { width: 10% !important;}
.w15per { width: 15% !important;}
.w20per { width: 20% !important;}
.w25per { width: 25% !important;}
.w30per { width: 30% !important;}
.w40per { width: 40% !important;}
.w50per { width: 50% !important;}
.w60per { width: 60% !important;}
.w70per { width: 70% !important;}
.w80per { width: 80% !important;}
.w85per { width: 85% !important;}
.w90per { width: 90% !important;}
.w95per { width: 95% !important;}

.wAuto{ width: auto !important;}
.wMax { width: 100% !important;}

/* d-table
*******************************/
.d-table {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.d-table-cell {
	display: table-cell;
}

/* d-flex
*******************************/
.d-flex {
	display: flex;
}
.flex-wrap {
	flex-wrap: wrap;
}
.flex-just-between {
	justify-content: space-between;
}
.flex-just-center {
	justify-content: center;
}
.flex-r-reverse {
	flex-direction: row-reverse;
}
.flex-column {
	flex-direction: column;
}
.flex-c-reverse {
	flex-direction: column-reverse;
}
.flex-ai-start {
	align-items: flex-start;
}
.flex-ai-center {
	align-items: center;
} 
.flex-ai-end {
	align-items: flex-end;
}

.flex-ai-center2 {
	align-items: center;
	display: flex;
    flex-direction: column;
    width: 700px;
    text-align: left;
    margin:  0 auto; 
} 


/* float, col setting
******************************************/
/* sm(=560), md(=768), lg(=960)*/
.float-left { float: left;}
.float-right{ float: right;}
.img-float-left { float: left; max-width: 45%; margin-right: 10px; margin-bottom: 10px;}
.img-float-right{ float: right; max-width: 45%; margin-left: 10px; margin-bottom: 10px;}

/* col */
.col, .col-123,
.col-1sm2, .col-1sm3,
.col-1md2, .col-1md3,
.col-1lg3 { width: 100%;}

/* col2 */
.col-2,
.col-2sm3 { width: calc((100%/2) - 10px);}
/* col3 */
.col-3md5, .flex-just-between.col-3md5-left::after {
	width: calc((99%/3) - 10px);
}
	.flex-just-between.col-3md5-left::after {content:''; display: block; height: 0;}

@media screen and (min-width: 560px){
 .d-sm-flex {
	display: flex;
 }
 .img-float-sm-left { float: left; max-width: 45%; margin-right: 10px; margin-bottom: 10px;}
 .img-float-sm-right{ float: right; max-width: 45%; margin-left: 10px; margin-bottom: 10px;}
 
 /* col2 */
 .col-1sm2,
 .col-123 {
	 width: calc((100%/2) - 10px);
 }
 /* col3 */
 .col-1sm3, .flex-just-between.col-1sm3-left::after,
 .col-2sm3, .flex-just-between.col-2sm3-left::after {
	 width: calc((99%/3) - 10px);
 }
	.flex-just-between.col-1sm3-left::after,
	.flex-just-between.col-2sm3-left::after { content:''; display: block; height: 0;} 

}
@media screen and (min-width: 768px){
 .pc-rotateZ-90 {
	transform: rotateZ(-90deg);
 }
 .d-md-flex {
	display: flex;
 }
 .img-float-md-left { float: left; max-width: 45%; margin-right: 10px; margin-bottom: 10px;}
 .img-float-md-right { float: right; max-width: 45%; margin-left: 10px; margin-bottom: 10px;}

 /* col2 */
 .col-1md2 {
	width: calc((100%/2) - 10px);
 }
 /* col3 */
 .col-1md3, .flex-just-between.col-1md3-left::after,
 .col-123, .flex-just-between.col-123-left::after {
	width: calc((99%/3) - 10px);
 }
	.flex-just-between.col-1md3-left::after,
	.flex-just-between.col-123-left::after { content:''; display: block; height: 0;}

 /* col5 */
 .col-3md5, .flex-just-between.col-3md5-left::after {
	 width: calc((100%/5) - 10px);
 }
	.flex-just-between.col-3md5-left::after {content:''; display: block; height: 0;}

}
@media screen and (min-width: 960px){
 /* col3 */
 .col-1lg3, .flex-just-between.col-1lg3-left::after {
	width: calc((99%/3) - 10px);
 }
	.flex-just-between.col-1lg3-left::after { content:''; display: block; height: 0;} 
}