@charset "UTF-8";
/* !Base Fonts 
----------------------------------------------------------------------------- */
.fwN {
 font-weight: normal;
}
.txt_bold,
.fwB, .f_bold{
 font-weight: bold;
}
.f_red,
.f_red a{
	color: red;
}
.fzSSS {
 font-size: 68%;
}
.fzSS {
 font-size: 78%;
}/* base 12px ->  8px */
.fzS {
 font-size: 85%;
}/* base 12px -> 10px */
.fzS2 {
 font-size: 95%;
}/* base 12px -> 10px */
.fzM {
 font-size: 100%;
}
.fzL {
 font-size: 115%;
}/* base 12px -> 14px */
.fzLL {
 font-size: 130%;
}/* base 12px -> 16px */
.fzLLL {
 font-size: 143%;
}/* base 12px -> 18px */
sup {
 font-size: 70%;
	vertical-align: super !important;/*top*/
}
sub {
 font-size: 70%;
 vertical-align: baseline !important;/* baseline*/
}
.doubleline {
	background-image:url("../../images/common/doubleLine_black.png");
	background-repeat:repeat-x;
	background-position:center;
}
/* !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;
}
.blockC {
 margin-right: auto;
 margin-left: auto;
 text-align: left;
}
* html .blockC {
 margin-right: 0;
 margin-left: 0;
}
.blockR {
 margin-left: auto;
 text-align: left;
}
* html .blockR {
 margin-left: 0;
}
.bd-btm-no {
 border-bottom: none !important;
}
/* !Width 
----------------------------------------------------------------------------- */
/* 960px Grid */
.w960 {
 width: 960px;
}
.w800 {
 width: 800px;
}
.w640 {
 width: 640px;
}
.w480 {
 width: 480px;
}
.w350 {
 width: 350px;
}
.w320 {
 width: 320px;
}
.w160 {
 width: 160px;
}
.w100 {
 width: 100px !important;
}
.w45 {
 width: 45px !important;
}
.w53 {
 width: 53px !important;
}
.w72 {
 width: 72px !important;
}
.w80 {
 width: 80px !important;
}
.wHalf {
 width: 48%;
}
.wTri {
 width: 33%;
}
.wQuart {
 width: 24%;
}
.wFull {
 width: 99.9%;
}
.wMax {
 width: 100%;
}
.w03per {
 width: 3% !important;
}
.w05per {
 width: 5% !important;
}
.w10per {
 width: 10% !important;
}
.w13per {
 width: 13% !important;
}
.w15per {
 width: 15% !important;
}
.w20per {
 width: 20% !important;
}
.w25per {
 width: 25% !important;
}
.w30per {
 width: 30% !important;
}
.w35per {
 width: 35% !important;
}
.w40per {
 width: 40% !important;
}
.w45per {
 width: 45% !important;
}
.w50per {
 width: 50% !important;
}
.w60per {
 width: 60% !important;
}
.w65per {
 width: 65% !important;
}
.w70per {
 width: 70% !important;
}
.w80per {
 width: 80% !important;
}
.w90per {
 width: 90% !important;
}
/* !Height
----------------------------------------------------------------------------- */
.h0p {
height: 0 !important;;
}
.h50px {
height: 50px;
}
/* !Floats 
----------------------------------------------------------------------------- */
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}
.fl_l{float: left;}
.fl_r{float: right;}

.flL {
 display: inline;
 float: left;
}
.flR {
 display: inline;
 float: right;
}
.flC {
 display: inherit;
}
.flImgL {
 display: inline;
 float: left;
 margin-right: 20px;
}
.flImgR {
 display: inline;
 float: right;
 margin-left: 20px;
}
.ftBox {
 overflow: hidden;
*zoom: 1;
}
/* !Tools 
----------------------------------------------------------------------------- */
.clear {
 clear: both;
}
.block {
 display: block;
}
.hide {
 display: none !important;
}
.bgN {
 background: none !important;
}
.tdU {
 text-decoration: underline;
}
.tdN {
 text-decoration: none;
}
/* !JavaScript 
----------------------------------------------------------------------------- */
.over { /* ロールオーバー呼び出し用 */
}
.png { /* DD_belatedPNG.js呼び出し用 */
}
.smooth { /* smoothScroll呼び出し用 */
}
.js_popup_width_height {
}
.js_popup_800_600 {
}
.js_page_print {
}
.js_window_close {
}
.opacityOver {
}
.overFt {
}
.addEven {
}
.addOdd {
}
.dsp_search {
}
/* !Margin 
----------------------------------------------------------------------------- */
.mt00 {
 margin-top: 0 !important;
}
.mt01 {
 margin-top: 1px !important;
}
.mt05 {
 margin-top: 5px !important;
}
.mt08 {
 margin-top: 8px !important;
}
.mt10 {
 margin-top: 10px !important;
}
.mt12 {
 margin-top: 12px !important;
}
.mt13 {
 margin-top: 13px !important;
}
.mt14 {
 margin-top: 14px !important;
}
.mt15 {
 margin-top: 15px !important;
}
.mt20 {
 margin-top: 20px !important;
}
.mt25 {
 margin-top: 25px !important;
}
.mt27 {
 margin-top: 27px !important;
}
.mt28 {
 margin-top: 28px !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;
}
.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;
}
.mt150 {
 margin-top: 150px !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;
}
.mr60 {
 margin-right: 60px !important;
}
.mb00 {
 margin-bottom: 0 !important;
}
.mb03 {
 margin-bottom: 3px !important;
}
.m05,
.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;
}
.mb23 {
 margin-bottom: 23px !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;
}
.mb60 {
 margin-bottom: 60px !important;
}
.mb70 {
 margin-bottom: 70px !important;
}
.mb75 {
 margin-bottom: 75px !important;
}
.mb80 {
 margin-bottom: 80px !important;
}
.mb85 {
 margin-bottom: 85px !important;
}
.mb90 {
 margin-bottom: 90px !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;
}
.ml18 {
 margin-left: 18px !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;
}
.ml60 {
 margin-left: 60px !important;
}
.ml75 {
 margin-left: 75px !important;
}
.ml80 {
 margin-left: 80px !important;
}
.ml85 {
 margin-left: 85px !important;
}
.ml90 {
 margin-left: 90px !important;
}
.ml100 {
 margin-left: 100px !important;
}
/* !Padding  
----------------------------------------------------------------------------- */
.pt00, .pt0{
 padding-top: 0 !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;
}
.pt60 {
 padding-top: 60px !important;
}
.pr00 {
 padding-right: 0 !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;
}
.pr60 {
 padding-right: 60px !important;
}
.pb00 {
 padding-bottom: 0 !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;
}
.pb60 {
 padding-bottom: 60px !important;
}
.pl00 {
 padding-left: 0 !important;
}
.pl05 {
 padding-left: 5px !important;
}
.pl10 {
 padding-left: 10px !important;
}
.pl12 {
 padding-left: 12px !important;
}
.pl15 {
 padding-left: 15px !important;
}
.pl18 {
 padding-left: 18px !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;
}
.pl60 {
 padding-left: 60px !important;
}
.pl70 {
 padding-left: 70px !important;
}
/* position
----------------------------------------------------------------------------- */
.pst-r {
 position: relative !important;
}
.pst-a {
 position: absolute !important;
}

/* for tablet toppage 静止画の下の空き調整
----------------------------------------------------------------------------- */
@media only screen and (max-width: 740px) {
.home .mt50 {
 margin-top: 40% !important;
}
.w65per {
 width: 78% !important;
}
}

/* for sp toppage　静止画の下の空き調整
----------------------------------------------------------------------------- */
@media only screen and (max-width: 700px) {
.home .mt50 {
 margin-top: 30% !important;
}
	.mt50 {
 margin-top: 100px !important;
}
}

@media only screen and (max-width: 450px) {
.home .mt50 {
 margin-top: 50px !important;
}
	.mt50 {
 margin-top: 50px !important;
}
}

@media only screen and (max-width: 375px) {
.home .mt50 {
 margin-top: 0 !important;
}
	.mt50 {
 margin-top: 0 !important;
}
}
@media only screen and (min-width: 740px) {
	.pc_flex_box{
	display:flex;
	justify-content: space-between;
	align-items: center
	}
	
}