@charset "utf-8";
@import url('https://use.fontawesome.com/releases/v5.0.9/css/all.css');
/* CSS Document */

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

img {
  vertical-align: bottom;
}

.onlyPc{
	display: none;
	}
.onlySp{
	display: block;
	}
	
.outer {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.outer2 {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}
.outer85 {
	max-width: 850px;
	margin-left: auto;
	margin-right: auto;
}

.outer75 {
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
}

.outer50 {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}
.outer30 {
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
}

a.taD_ud {
	text-decoration: underline;
}
.opacity30 {
	opacity: 0.3;
	}
.opacity70 {
	opacity: 0.7;
	}
	
/* float
--------------------------------------*/

.row:after { 
	content: ""; 
	display: table; 
	clear: both ; 
	}
	
.left{
	float: left ;
	}
.right{
	float: right ;
	}
.flNone{
	float: none ;
	}
	
/* position */

.ps_rb {
	position:relative;
	}
.fixed {	
	position: fixed;
	width:100%;
	top: 0px;
    left: 0px;
	z-index: 9999;
    background-color: #fff;
	}
	
/*　余白
-------------------------------------*/
	
.pdn{ padding-bottom:none;
	}	
.mal10 {
	margin:0.625em;
	}
.mt05 {
	margin-top: 0.3rem ;
	}
.mt1{
	margin-top: 0.6rem ;
	}
.mt15{
	margin-top: 1rem ;
	}
.mt2{
	margin-top: 1.2rem ;
	}
.mt25{
	margin-top: 1.8rem ;
	}
.mt3{
	margin-top: 2rem ;
	}
.mt35{
	margin-top: 3rem ;
	}
.mb05{
	margin-bottom: 0.3rem ;
	}
.mb1{
	margin-bottom: 0.6rem ;
	}
.mb15{
	margin-bottom: 1rem ;
	}
.mb2{
	margin-bottom: 1.2rem ;
	}
.mb25{
	margin-bottom: 1.8rem ;
	}
.mb3{
	margin-bottom: 2rem ;
	}
.mr05{
	margin-right: 0.3rem ;
	}
.mr1{
	margin-right: 0.6rem ;
	}
.mr15{
	margin-right: 1rem ;
	}
.mr2{
	margin-right: 1.2rem ;
	}
.mr25{
	margin-right: 1.8rem ;
	}
.mr3{
	margin-right: 2rem ;
	}
.ml05{
	margin-left: 0.3rem ;
	}
.ml1{
	margin-left: 0.6rem ;
	}
.ml15{
	margin-left: 1rem ;
	}
.ml2{
	margin-left: 1.2rem ;
	}
.ml25{
	margin-left: 1.8rem ;
	}
.ml3{
	margin-left: 2rem ;
	}


/*　テキスト
-------------------------------------*/
.marker_yw{
	background: linear-gradient(transparent 60%, #ff0 0%);
	}
.marker_pk{
	background:linear-gradient(transparent 50%, #ff99cc 0%);
	}
.marker_bl{
	background:linear-gradient(transparent 50%, #cc99ff 0%);
	}
.mincho {
	font-family: 'Noto Serif Japanese','ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','ＭＳ Ｐ明朝', serif;
	}
.gothic {
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	}
.taC{
	text-align: center ;
	}
.taR{
	text-align: right ;
	}
.taL{
	text-align: left ;
	}
.font-b {
	font-weight:bold ;
	}
.vaB{
	vertical-align: bottom ;
	}
.font_small {
	font-size:0.8em;
	}
.font_big {
	font-size:1.25em;
	}
.font_big2 {
	font-size:1.6em;
	}
.font_big3 {
	font-size:2em;
	}
.font_big4 {
	font-size:2.5em;
	}
.font_wh {
	color:#fff ;
	}
.font_rd {
	color: #a44b6a ;
	}
.font_bk {
	color: #000000 ;
	}
.font_or {
	color:rgba(234,96,0,1) ;
	}
.font_gr {
	color:#007440 ;
	}
.font_gr02 {
	color:#63b13f ;
	}
.font_bl {	
	color:rgba(13,106,181,1);
	}
.font_sdwB {
	text-shadow:2px 2px 3px #333;
	}
.font_sdwW {
	text-shadow:2px 2px 3px #fff;
	}
.font05 {
	font-size:0.5em ;
	}
.font10 {
	font-size:0.625em ;
	}
.font12 {
	font-size:0.75em ;
	}
.font14 {
	font-size:0.875em ;
	}
.font20 {
	font-size:1.25em ;
	}
.font24 {
	font-size:1.5em ;
	}
.font26 {
	font-size:1.625em ;
	}
.font28 {
	font-size:1.75em ;
	}
	
/* 行間
--------------------------------------*/

.line_hg_1{
	line-height:1;
	}
.line_hg_12{
	line-height:1.2;
	}	
.line_hg_14{
	line-height:1.4;
	}	
.line_hg_16{
	line-height:1.6;
	}
.line_hg_18{
	line-height:1.8;
	}
.line_hg_2{
	line-height:2;
	}

/* ボーダー
--------------------------------------*/
.wk {
	border:1px solid #ccc;
	}

/* flexBox
--------------------------------------*/
.fx_item {
	display: flex;
	align-items:center;
	}

.fx_rn {
	display: flex;
	flex-wrap: wrap;
}

.fx-btw_rn{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}
	
.fx-ar_rn{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	}
	
.fx-end_rn{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	}
	
.fx-ct_rn{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	}



/* 幅　*/

.wd10{width:10% ;}

.wd13{width:13% ;}

.wd15{width:15% ;}

.wd19{width:19% ;}

.wd20{width:20% ;}

.wd24{width:24% ;}
.wd29{width:27% ;}
.wd29{width:29% ;}

.wd30{width:30% ;}

.wd31{width:31% ;}

.wd33{width:31% ;}

.wd35{width:35% ;}
.wd37{width:37% ;}

.wd39{width:39% ;}

.wd40{width:40% ;}

.wd45{width:45% ;}
	
.wd48{width:48% ;}

.wd50{width:50% ;}

.wd55{width:55% ;}

.wd57{width:57% ;}

.wd60{width:60% ;}

.wd63{width:63% ;}

.wd65{width:65% ;}
	
.wd66{width:66.6% ;}

.wd68{width:68% ;}

.wd70{width:70% ;}

.wd75{width:75% ;}
	
.wd78{width:78% ;}

.wd80{width:80% ;}

.wd85{width:85% ;}

.wd90{width:90% ;}

.wd100{width:100% ;}


/* スクロールフェードエフェクト */

/* フェードのみ */
.effect {
    opacity : 0;
    transform : translate(0, 0);
    transition : all 2s; 
	}
.effect2 {
    opacity : 0;
    transform : translate(0, 0);
    transition : all 6s; 
	}
	
/* 上からフェード */
.effect_top {
    opacity : 0;
    transform : translate(0, -30px);
    transition : all 2s; 
	}
	
/* 下からフェード */
.effect_bottom {
    opacity : 0;
    transform : translate(0, 30px);
    transition : all 2s; 
	}
.effect_bottom2 {
    opacity : 0;
    transform : translate(0, 50px);
    transition : all 1.5s; transition-delay:2.4s; -webkit-transition-delay:2.4s; 
	}
	
/* 左からフェード */
.effect_left {
    opacity : 0;
    transform : translate(-30px, 0);
    transition : all 2s; 
	}
.effect_left2 {
    opacity : 0;
    transform : translate(-30px, 0);
    transition : all 1.5s; transition-delay:2s; -webkit-transition-delay:2s; 
	}
.effect_left3 {
    opacity : 0;
    transform : translate(-30px, 0);
    transition : all 1.5s; transition-delay:2.6s; -webkit-transition-delay:2.6s;
	}
	
/* 右からフェード */
.effect_right {
    opacity : 0;
    transform : translate(30px, 0);
    transition : all 2s; 
	}
	
/* 左上からフェード */
.effect_tl {
    opacity : 0;
    transform : translate(-30px, -30px);
    transition : all 2s; 
	}
	
/* 右上からフェード */
.effect_tr {
    opacity : 0;
    transform : translate(30px, -30px);
    transition : all 2s; 
	}
	
/* 左下からフェード */
.effect_bl {
    opacity : 0;
    transform : translate(-30px, 30px);
    transition : all 2s; 
	}
	
/* 右下からフェード */
.effect_br {
    opacity : 0;
    transform : translate(30px, 30px);
    transition : all 2s; }
.effect.scrollin , .effect_top.scrollin , .effect_bottom.scrollin , .effect_left.scrollin , .effect_left2.scrollin , .effect_right.scrollin , .effect_tl.scrollin , .effect_tr.scrollin , .effect_bl.scrollin , .effect_br.scrollin {
    opacity : 1;
    transform : translate(0, 0); 
	}


@media screen and (min-width: 768px) {

.onlyPc{
	display: block;
	}
.onlySp{
	display: none;
	}
	
/* 行間
--------------------------------------*/

.line_hg_01{
	line-height:1rem;
	}
	
.line_hg_02{
	line-height:2rem;
	}
	
/*　余白
-------------------------------------*/
	
.pdn{ padding-bottom:none;
	}	
.mal10 {
	margin:0.625em;
	}
.mt05{
	margin-top: 0.5rem ;
	}	
.mt1{
	margin-top: 1rem ;
	}
.mt15{
	margin-top: 1.5rem ;
	}
.mt2{
	margin-top: 2rem ;
	}
.mt25{
	margin-top: 2.5rem ;
	}
.mt3{
	margin-top: 3rem ;
	}
.mt35{
	margin-top: 3.5rem ;
	}
.mb05{
	margin-bottom: 0.5rem ;
	}
.mb1{
	margin-bottom: 1rem ;
	}
.mb15{
	margin-bottom: 1.5rem ;
	}
.mb2{
	margin-bottom: 2rem ;
	}
.mb25{
	margin-bottom: 2.5rem ;
	}
.mb3{
	margin-bottom: 3rem ;
	}
.mb35{
	margin-bottom: 3.5rem ;
	}
.mr05{
	margin-right: 0.5rem ;
	}
.mr1{
	margin-right: 1rem ;
	}
.mr15{
	margin-right: 1.5rem ;
	}
.mr2{
	margin-right: 2rem ;
	}
.mr25{
	margin-right: 2.5rem ;
	}
.mr3{
	margin-right: 3rem ;
	}
.mr35{
	margin-right: 3.5rem ;
	}
.ml05{
	margin-left: 0.5rem ;
	}
.ml1{
	margin-left: 1rem ;
	}
.ml15{
	margin-leftt: 1.5rem ;
	}
.ml2{
	margin-left: 2rem ;
	}
.ml25{
	margin-left: 2.5rem ;
	}
.ml3{
	margin-left: 3rem ;
	}
.ml35{
	margin-left: 3.5rem ;
	}

/* テキスト　*/

.taC_pc{
	text-align: center ;
	}
.taR_pc{
	text-align: right ;
	}
.taL_pc{
	text-align: left ;
	}
.font-b_pc {
	font-weight:bold ;
	}

/* float
--------------------------------------*/

.pcflt-l {
	float:left ;
	}
.pcflt-r {
	float:right ;
	}

/* flexBox
--------------------------------------*/
.fx_item_pc {
	display: flex;
	align-items:center;
	}

.fx {
	display: flex;
	flex-wrap: wrap;
}

.fx-btw{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	}
	
.fx-ar{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	}
	
.fx-end{
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	}
	
.fx-ct{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	}
	
/* 幅　*/

.wd10_pc{width:10% }
.wd11_pc{width:11% }
.wd12_pc{width:12% }
.wd13_pc{width:13% }
.wd14_pc{width:14% }
.wd15_pc{width:15% }
.wd16_pc{width:16% }
.wd17_pc{width:17% }
.wd18_pc{width:18% }
.wd19_pc{width:19% }
.wd20_pc{width:20% }
.wd21_pc{width:21% }
.wd22_pc{width:22% }
.wd23_pc{width:23% }
.wd24_pc{width:24% }
.wd25_pc{width:25% }
.wd26_pc{width:26% }
.wd27_pc{width:27% }
.wd28_pc{width:28% }
.wd29_pc{width:29% }
.wd30_pc{width:30% }
.wd31_pc{width:31% }
.wd32_pc{width:32% }
.wd33_pc{width:33% }
.wd34_pc{width:34% }
.wd35_pc{width:35% }
.wd36_pc{width:36% }
.wd37_pc{width:37% }
.wd38_pc{width:38% }
.wd39_pc{width:39% }
.wd40_pc{width:40% }
.wd41_pc{width:41% }
.wd42_pc{width:42% }
.wd43_pc{width:43% }
.wd44_pc{width:44% }
.wd45_pc{width:45% }
.wd46_pc{width:46% }
.wd47_pc{width:47% }	
.wd48_pc{width:48% }
.wd49_pc{width:49% }
.wd50_pc{width:50% }
.wd51_pc{width:51% }
.wd52_pc{width:52% }
.wd53_pc{width:53% }
.wd54_pc{width:54% }
.wd55_pc{width:55% }
.wd56_pc{width:56% }
.wd57_pc{width:57% }
.wd58_pc{width:58% }
.wd59_pc{width:59% }
.wd60_pc{width:60% }
.wd61_pc{width:61% }
.wd62_pc{width:62% }
.wd63_pc{width:63% }
.wd64_pc{width:64% }
.wd65_pc{width:65% }	
.wd66_pc{width:66% }
.wd67_pc{width:67% }
.wd68_pc{width:68% }
.wd69_pc{width:69% }
.wd70_pc{width:70% }
.wd75_pc{width:75% }
.wd78_pc{width:78% }
.wd80_pc{width:80% }
.wd85_pc{width:85% }
.wd90_pc{width:90% }
.wd100_pc{width:100% }
}

@media screen and (max-width: 767px) {

.outer,
.outer2,
.outer85,
.outer75,
.outer50 {
	width:96%;
	}
.wds80 {
	width:80%;
	}
.wds50 {
	width:50%;
	}
	
/* テキスト　*/

.taC_sp{
	text-align: center ;
	}
.taR_sp{
	text-align: right ;
	}
.taL_sp{
	text-align: left ;
	}
.font-b_sp {
	font-weight:bold ;
	}

.wd80_sp {
	width: 80%;
}
.wd70_sp {
	width: 70%;
}
.wd60_sp {
	width: 60%;
}
.wd50_sp {
	width: 50%;
}
.mb1_sp {
	margin-bottom:1rem;
}
.mt1_sp {
	margin-top:1rem;
}