@charset "UTF-8";
/* Elements */


/* smartphone
------------------------------------------------------------ */
@media screen and (max-width: 599px) {
    /*	Float
    ------------------------------------------------------------ */ 
    .fl, .fr { width: 100% !important; }
    .fl.mr20.mb60, .fr.ml20 {margin: 0 !important;}
    .fl img, .fr img { display: block; margin: 0 auto 20px auto; }
    .clear { clear:both;}
}

/* tablet
------------------------------------------------------------ */
@media screen and (min-width: 600px) {
    /*	Float
    ------------------------------------------------------------ */ 
    .fl { float:left;}
    .fr { float:right;}
    .clear { clear:both;}
}

/* PC
------------------------------------------------------------ */
@media screen and (min-width: 1025px) {
    /*	Float
    ------------------------------------------------------------ */ 
    .fl { float:left;}
    .fr { float:right;}
    .clear { clear:both;}
}

/*	em
------------------------------------------------------------ */
em { font-style: normal; font-weight: bold;}


/*	Line
------------------------------------------------------------ */ 
.line { border-bottom:1px solid #ccc;}
.line_bk { border-bottom:1px solid #000;}
.line_dotted { border-bottom:1px dotted #ccc;}
.square { border: 1px solid #ccc; }


/*	img border
------------------------------------------------------------ */ 
img.border{ border: 1px solid #ccc;}


/*	Link Image
------------------------------------------------------------ */ 
a:hover img{ opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity = 80);}


/* Icon
------------------------------------------------------------ */
.icon { padding: 10px 40px; line-height: 30px; background: url(../images/icon_link.svg) no-repeat; background-position: right center; background-size: 30px 30px;}



/*	Link pdf
------------------------------------------------------------ */ 
.pdf { background:url("../images/pdf.svg") no-repeat right center; padding:12px 50px 12px 0; margin: 4px 0 10px 0;}



/*	Asterisk
------------------------------------------------------------ */
dl.asterisk dt { clear:left; float: left;}
dl.asterisk dd { margin-left: 15px;}

dl.asterisk30 dt { clear:left; float: left;}
dl.asterisk30 dd { margin-left: 30px;}

dl.asterisk60 dt { clear:left; float: left;}
dl.asterisk60 dd { margin-left: 60px;}



/*	ul
------------------------------------------------------------ */ 
ul.circle {	margin-left:20px;}
ul.circle li { list-style-type:circle;}

ul.disc { margin-left:20px;	}
ul.disc li { list-style-type:disc;}



/*	ol
------------------------------------------------------------ */ 
ol.decimal {	margin-left:20px; }
ol.decimal li { list-style-type: decimal; }


/*	dl
------------------------------------------------------------ */
dl.dl80 dt { clear:left; float: left;}
dl.dl80 dd { margin-left:  80px;}



/*	Text Align
------------------------------------------------------------ */ 
.align_left { text-align: left; }
.align_right { text-align: right; }
.align_center { text-align: center; }

.vlign_top { vertical-align:top;}
.vlign_middle { vertical-align:middle;}
.vlign_bottom { vertical-align:bottom;}



/*	Display
------------------------------------------------------------ */ 
.hidden { display: none; }


/*	Border
------------------------------------------------------------ */ 
.border-bottom { border-bottom: 1px solid #000; }
.no-border { border: none !important; }



/*	Font
------------------------------------------------------------ */ 
.font_blue { color:#0671b0; }
.font_red { color:#c80000; }
.font_orange { color:#ff6400; }
.font_pink { color:#f68297; }
.font_gray { color:#999; }
.font_brown { color:#673400; }
.font_bk { color:#000; }
.font_white { color:#fff; }
.font_yellow { color:#ffc800; }

.font80 { font-size:80%;line-height: 140%; }
.font90 { font-size:90%; }
.font100 { font-size:100%; }
.font110 { font-size:110%; line-height: 160%;}
.font120 { font-size:120%; line-height: 160%;}
.font130 { font-size:130%; line-height: 170%;}
.font140 { font-size:140%; line-height: 170%;}
.font150 { font-size:150%; line-height: 180%;}
.font160 { font-size:160% !important; line-height: 180%;}
.font170 { font-size:170%; line-height: 190%;}
.font180 { font-size:180%; line-height: 190%;}
.font190 { font-size:190%; line-height: 200%;}
.font200 { font-size:200%; line-height: 200%;}
.font220 { font-size:220%; line-height: 220%;}
.font240 { font-size:240%; line-height: 220%;}

.font_through { text-decoration:line-through;}
.font_bold { font-weight:bold;}
.font_normal { font-weight: normal !important; }

img.email {vertical-align: middle;}



/*	BG Color
------------------------------------------------------------ */ 
.bg_blue { background:#1779df;}
.bg_white { background:#fff;}
.bg_yellow { background:#fff5d7;}
.bg_pink { background:#ff6699;}



/*	Padding
------------------------------------------------------------ */
.padd04 { padding:4px;}
.padd06 { padding:6px;}
.padd08 { padding:8px;}
.padd10 { padding:10px;}
.padd12 { padding:12px;}
.padd14 { padding:14px;}
.padd16 { padding:16px;}
.padd18 { padding:18px;}
.padd20 { padding:20px;}
.py02 { padding-top: 2px; padding-bottom: 2px; }
.px10 { padding-left: 10px; padding-right: 10px; }



/*	Margin
------------------------------------------------------------ */ 
.mt00 { margin-top: 0 !important; }
.mt05 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }
.mt70 { margin-top:70px !important; }
.mt80 { margin-top:80px !important; }
.mt90 { margin-top:90px !important; }
.mt100 { margin-top:100px !important;}
.mt400 { margin-top:400px !important;}

.mr01 { margin-right:1px !important; }
.mr05 { margin-right:5px !important; }
.mr05p { margin-right: 5% !important; }
.mr10 { margin-right:10px !important; }
.mr15 {	margin-right:15px !important;	}
.mr20 { margin-right:20px !important; }
.mr30 { margin-right:30px !important; }
.mr40 { margin-right:40px !important; }
.mr50 { margin-right:50px !important;	}
.mr60 {	margin-right:60px !important;	}
.mr70 {	margin-right:70px !important;	}
.mr80 {	margin-right:80px !important;	}
.mr90 {	margin-right:90px !important;	}
.mr100 {	margin-right:100px !important;	}

.mb00 { margin-bottom: 0 !important; }
.mb01 {	margin-bottom:1px !important;	}
.mb02 {	margin-bottom:2px !important;	}
.mb05 {	margin-bottom:5px !important;	}
.mb10 {	margin-bottom:10px !important;	}
.mb15 {	margin-bottom:15px !important;	}
.mb20 {	margin-bottom:20px !important;	}
.mb30 {	margin-bottom:30px !important;	}
.mb40 {	margin-bottom:40px !important;	}
.mb50 {	margin-bottom:50px !important;	}
.mb60 {	margin-bottom:60px !important;	}
.mb70 {	margin-bottom:70px !important;	}
.mb80 {	margin-bottom:80px !important;	}
.mb90 {	margin-bottom:90px !important;	}
.mb100 {	margin-bottom:100px !important;	}
.mb160 {	margin-bottom:160px !important;	}


.ml05 {	margin-left:5px !important;	}
.ml05p { margin-left: 5% !important;    }
.ml10 {	margin-left:10px !important;	}
.ml15 {	margin-left:15px !important;	}
.ml20 {	margin-left:20px !important;	}
.ml25 {	margin-left:25px !important;	}
.ml30 {	margin-left:30px !important;	}
.ml40 {	margin-left:40px !important;	}
.ml50 {	margin-left:50px !important;	}
.ml60 {	margin-left:60px !important;	}
.ml70 {	margin-left:70px !important;	}
.ml80 {	margin-left:80px !important;	}
.ml90 {	margin-left:90px !important;	}
.ml100 {	margin-left:100px !important;	}
.ml120 {	margin-left:120px !important;	}
.ml140 {	margin-left:140px !important;	}

.display_center { margin: 0 auto; }



/*	Width
------------------------------------------------------------ */ 
.w25 { width: 25%; box-sizing: border-box;  }
.w33 { width: calc(100% / 3); box-sizing: border-box;  }
.w50 { width: 50%; box-sizing: border-box;  }
.w90 { width: 90%; box-sizing: border-box; }
.w95 { width: 95%; box-sizing: border-box;  }
.w100 { width: 100%; box-sizing: border-box;  }


/* 改行
------------------------------------------------------------ */ 
.break { word-break: break-all; }
.nowrap { white-space: nowrap !important; }
.w-auto { width: auto !important; }