@charset "UTF-8";

/*utility
-----------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------rad(pc_/sp_)*/
body .rad{border-radius:100%;overflow:hidden;} 
body .rad0{border-radius:0;overflow:hidden;}
body .rad5{border-radius:5px;overflow:hidden;}
body .rad10{border-radius:10px;overflow:hidden;}
body .rad20{border-radius:20px;overflow:hidden;}
body .rad100{border-radius:100em;overflow:hidden;}
body .rad10_img img{border-radius:10px;} 
body .rad_img img{border-radius:100%;} 
@media print, screen and (min-width: 768px) {
body .pc_rad{border-radius:100%;overflow:hidden;} 
body .pc_rad0{border-radius:0;overflow:hidden;} 
body .pc_rad5{border-radius:5px;overflow:hidden;} 
body .pc_rad10{border-radius:10px;overflow:hidden;} 
body .pc_rad20{border-radius:20px;overflow:hidden;} 
body .pc_rad100{border-radius:100em;overflow:hidden;}
body .pc_rad10_img img{border-radius:10px;} 
body .pc_rad_img img{border-radius:100%;} 
}
@media screen and (max-width: 767px) {
body .sp_rad{border-radius:100%;overflow:hidden;} 
body .sp_rad0{border-radius:0;overflow:hidden;} 
body .sp_rad5{border-radius:5px;overflow:hidden;} 
body .sp_rad10{border-radius:10px;overflow:hidden;} 
body .sp_rad20{border-radius:20px;overflow:hidden;} 
body .sp_rad100{border-radius:100em;overflow:hidden;}
body .sp_rad10_img img{border-radius:10px;} 
body .sp_rad_img img{border-radius:100%;} 
}
body ul.rad{border-radius:0;}
/*-------------------------------------------------------------------------------------------------sen*/
body .sen_t{border-top:1px solid rgba(0,0,0,0.3);}
body .sen_t2{border-top:2px solid rgba(0,0,0,0.3);}
body .sen_t3{border-top:3px solid rgba(0,0,0,0.3);}
body .sen_t_dot{border-top:2px dotted rgba(0,0,0,0.3);}
body .sen_b{border-bottom:1px solid rgba(0,0,0,0.3);}
body .sen_b2{border-bottom:2px solid rgba(0,0,0,0.3);}
body .sen_b3{border-bottom:3px solid rgba(0,0,0,0.3);}
body .sen_b_dot{border-bottom:2px dotted rgba(0,0,0,0.3);}
body .sen_waku{border:1px solid rgba(0,0,0,0.3);}
body .sen_waku2{border:2px solid rgba(0,0,0,0.3);}
body .sen_waku3{border:3px solid rgba(0,0,0,0.3);}
body .sen_waku_dot{border:2px dotted rgba(0,0,0,0.3);}
body .sen_waku2{border:3px double rgba(0,0,0,0.3);}
body .sen_none{border:none;}
/*-------------------------------------------------------------------------------------------------bg_ptn*/
body .bg_ptn01,body .bg_ptn01.area::before{background-image:url(images/bg_ptn01.png);}
body .bg_ptn02,body .bg_ptn02.area::before{background-image:url(images/bg_ptn02.png);}
body .bg_ptn03,body .bg_ptn03.area::before{background-image:url(images/bg_ptn03.png);}
body .bg_ptn04,body .bg_ptn04.area::before{background-image:url(images/bg_ptn04.png);}
body .bg_ptn05,body .bg_ptn05.area::before{background-image:url(images/bg_ptn05.png);}
body .bg_ptn06,body .bg_ptn06.area::before{background-image:url(images/bg_ptn06.png);}
body .bg_ptn07,body .bg_ptn07.area::before{background-image:url(images/bg_ptn07.png);}
body .bg_ptn08,body .bg_ptn08.area::before{background-image:url(images/bg_ptn08.png);}
body .bg_ptn09,body .bg_ptn09.area::before{background-image:url(images/bg_ptn09.png);}
body .bg_ptn10,body .bg_ptn10.area::before{background-image:url(images/bg_ptn10.png);}
/*-------------------------------------------------------------------------------------------------bg_img*/
body .bg_img01,body .bg_img01.area::before{background:url(images/bg_img01.jpg) center;background-size:cover;}
body .bg_img02,body .bg_img02.area::before{background:url(images/bg_img02.jpg) center;background-size:cover;}
body .bg_img03,body .bg_img03.area::before{background:url(images/bg_img03.jpg) center;background-size:cover;}
body .bg_img04,body .bg_img04.area::before{background:url(images/bg_img04.jpg) center;background-size:cover;}
body .bg_img05,body .bg_img05.area::before{background:url(images/bg_img05.jpg) center;background-size:cover;}
body .bg_img06,body .bg_img06.area::before{background:url(images/bg_img06.jpg) center;background-size:cover;}
body .bg_img07,body .bg_img07.area::before{background:url(images/bg_img07.jpg) center;background-size:cover;}
body .bg_img08,body .bg_img08.area::before{background:url(images/bg_img08.jpg) center;background-size:cover;}
body .bg_img09,body .bg_img09.area::before{background:url(images/bg_img09.jpg) center;background-size:cover;}
body .bg_img10,body .bg_img10.area::before{background:url(images/bg_img10.jpg) center;background-size:cover;}
/*-------------------------------------------------------------------------------------------------bg_k*/
body .bg_k10,body .btn.bg_k10,body .bg_k10.area::before{background-color:rgba(0,0,0,0.1);}
body .bg_k20,body .btn.bg_k20,body .bg_k20.area::before{background-color:rgba(0,0,0,0.2);}
body .bg_k30,body .btn.bg_k30,body .bg_k30.area::before{background-color:rgba(0,0,0,0.3);color:#FFF;}
body .bg_k40,body .btn.bg_k40,body .bg_k40.area::before{background-color:rgba(0,0,0,0.4);color:#FFF;}
body .bg_k50,body .btn.bg_k50,body .bg_k50.area::before{background-color:rgba(0,0,0,0.5);color:#FFF;}
body .bg_k60,body .btn.bg_k60,body .bg_k60.area::before{background-color:rgba(0,0,0,0.6);color:#FFF;}
body .bg_k70,body .btn.bg_k70,body .bg_k70.area::before{background-color:rgba(0,0,0,0.7);color:#FFF;}
body .bg_k80,body .btn.bg_k80,body .bg_k80.area::before{background-color:rgba(0,0,0,0.8);color:#FFF;}
body .bg_k90,body .btn.bg_k90,body .bg_k90.area::before{background-color:rgba(0,0,0,0.9);color:#FFF;}
/*-------------------------------------------------------------------------------------------------bg_w*/
body .bg_w10,body .btn.bg_w10,body .bg_w10.area::before{background-color:rgba(255,255,255,0.1);}
body .bg_w20,body .btn.bg_w20,body .bg_w20.area::before{background-color:rgba(255,255,255,0.2);}
body .bg_w30,body .btn.bg_w30,body .bg_w30.area::before{background-color:rgba(255,255,255,0.3);}
body .bg_w40,body .btn.bg_w40,body .bg_w40.area::before{background-color:rgba(255,255,255,0.4);}
body .bg_w50,body .btn.bg_w50,body .bg_w50.area::before{background-color:rgba(255,255,255,0.5);}
body .bg_w60,body .btn.bg_w60,body .bg_w60.area::before{background-color:rgba(255,255,255,0.6);}
body .bg_w70,body .btn.bg_w70,body .bg_w70.area::before{background-color:rgba(255,255,255,0.7);}
body .bg_w80,body .btn.bg_w80,body .bg_w80.area::before{background-color:rgba(255,255,255,0.8);}
body .bg_w90,body .btn.bg_w90,body .bg_w90.area::before{background-color:rgba(255,255,255,0.9);}
body .area{background:none;}
/*-------------------------------------------------------------------------------------------------font-family*/
body .mincho{font-family:serif;}
body .gothic{font-family:sans-serif;}
/*-------------------------------------------------------------------------------------------------nowrap*/
body .nowrap{white-space:nowrap;}
/*-------------------------------------------------------------------------------------------------bold(pc_/sp_)*/
body .bold{font-weight:700;}
@media print, screen and (min-width: 768px) {
body .pc_bold{font-weight:700;}
}
@media screen and (max-width: 767px) {
body .sp_bold{font-weight:700;}
}
/*-------------------------------------------------------------------------------------------------normal(pc_/sp_)*/
body .normal{font-weight:normal;}
@media print, screen and (min-width: 768px) {
body .pc_normal{font-weight:normal;}
}
@media screen and (max-width: 767px) {
body .sp_normal{font-weight:normal;}
}
/*-------------------------------------------------------------------------------------------------tx_ind*/
body .tx_ind1{text-indent:1em;}
body .tx_ind-1{margin-left:1.25em;text-indent: -1.25em;}
body .tx_ind-2{margin-left:2.25em;text-indent: -2.25em;}
/*-------------------------------------------------------------------------------------------------ls字間を空ける(pc_/sp_)*/
body .ls1{letter-spacing:1px;}
body .ls2{letter-spacing:2px;}
body .ls3{letter-spacing:3px;}
@media print, screen and (min-width: 768px) {
body .pc_ls1{letter-spacing:1px;}
body .pc_ls2{letter-spacing:2px;}
body .pc_ls3{letter-spacing:3px;}
}
@media screen and (max-width: 767px) {
body .sp_ls1{letter-spacing:1px;}
body .sp_ls2{letter-spacing:2px;}
body .sp_ls3{letter-spacing:3px;}
}
/*-------------------------------------------------------------------------------------------------inline,block(pc_/sp_)*/
body .inline{display:inline;}
body .block{display:block}
body .inblock{display:inline-block;vertical-align:top}
body .none{display:none}
body .before_none::before{display:none}
body .after_none::after{display:none}
@media print, screen and (min-width: 768px) {
body .pc_inline{display:inline;}
body .pc_block{display:block}
body .pc_inblock{display:inline-block;vertical-align:top}
body .pc_none{display:none}
body .pc_before_none::before{display:none}
body .pc_after_none::after{display:none}
}
@media screen and (max-width: 767px) {
body .sp_inline{display:inline;}
body .sp_block{display:block}
body .sp_inblock{display:inline-block;vertical-align:top}
body .sp_none{display:none}
body .sp_before_none::before{display:none}
body .sp_after_none::after{display:none}
}
/*-------------------------------------------------------------------------------------------------none(pc_/sp_)*/
body .none{display:none;}
@media print, screen and (min-width: 768px) {
body .pc_none{display:none;}
}
@media screen and (max-width: 767px) {
body .sp_none{display:none;}
}
/*-------------------------------------------------------------------------------------------------table(pc_/sp_)*/
body .table{display:table-cell;}
@media print, screen and (min-width: 768px) {
body .pc_table{display:table-cell;}
}
@media screen and (max-width: 767px) {
body .sp_table{display:table-cell;}
}
/*-------------------------------------------------------------------------------------------------relative(pc_/sp_)*/
body .relative{
	position:relative;
}
@media print, screen and (min-width: 768px) {
body .pc_relative{position:relative;}
}
@media screen and (max-width: 767px) {
body .sp_relative{position:relative;}
}
/*-------------------------------------------------------------------------------------------------static(pc_/sp_)*/
body .static{
	position:static;
}
@media print, screen and (min-width: 768px) {
body .pc_static{position:static;}
}
@media screen and (max-width: 767px) {
body .sp_static{position:static;}
}
/*-------------------------------------------------------------------------------------------------scnoneスクロールで消える(pc_/sp_)*/
body.scroll .scnone{
	display:none;
}
@media print, screen and (min-width: 768px) {
body.scroll .pc_scnone{display:none;}
}
@media screen and (max-width: 767px) {
body.scroll .sp_scnone{display:none;}
}
/*-------------------------------------------------------------------------------------------------row (ul + row)*/
@media print, screen and (min-width: 768px) {
body .row1 li{width:100%;}
body .row2 li{width:50%;}
body .row3 li{width:33.333%;}
body .row4 li{width:25%;}
body .row5 li{width:20%;}
body .row6 li{width:16.666%;}
}
@media screen and (max-width: 767px) {
body .sp_row1 li{width:100%;}
body .sp_row2 li{width:50%;}
body .sp_row3 li{width:33.333%;}
body .sp_row4 li{width:25%;}
body .sp_row5 li{width:20%;}
body .sp_row6 li{width:16.666%;}
}
/*-------------------------------------------------------------------------------------------------height(pc_/sp_)*/
body .hauto{height:auto;max-height:auto;min-height:auto;}
body .h100{height:100%;}
@media print, screen and (min-height: 768px) {
body .pc_h100{height:100%;} 
body .pc_hauto{height:auto;max-height:auto;min-height:auto;}
}
@media screen and (max-height: 767px) {
body .sp_h100{height:100%;} 
body .sp_hauto{height:auto;max-height:auto;min-height:auto;}
}
/*-------------------------------------------------------------------------------------------------width(pc_/sp_)*/
body .wauto{width:auto;max-width:auto;min-width:auto;}
body .mainimg.wfull{width:100vw;position:relative;left:50%;margin-left:-50vw;}
@media print, screen and (max-width:1200px) and (min-width: 768px){body .mainimg.wfull{width:1200px;margin-left:-600px;}}

@media screen and (max-width: 767px) {body .mainimg.wfull{min-width:375px;margin-left:-50vw;}}
@media screen and (max-width: 375px) {body .mainimg.wfull{margin-left:-187px;}}
body .w15{width:15%;}
body .w166{width:16.6%;}
body .w20{width:20%;}
body .w25{width:25%;}
body .w30{width:30%;}
body .w33{width:33.3%;}
body .w40{width:40%;}
body .w45{width:45%;}
body .w50{width:50%;}
body .w55{width:55%;}
body .w60{width:60%;}
body .w65{width:65%;}
body .w70{width:70%;}
body .w75{width:75%;}
body .w80{width:80%;}
body .w100{width:100%;}
@media print, screen and (min-width: 768px) {
body .pc_w15{width:15%;} 
body .pc_w166{width:16.6%;} 
body .pc_w20{width:20%;} 
body .pc_w25{width:25%;} 
body .pc_w30{width:30%;} 
body .pc_w33{width:33.3%;} 
body .pc_w40{width:40%;} 
body .pc_w45{width:45%;} 
body .pc_w50{width:50%;} 
body .pc_w55{width:55%;} 
body .pc_w60{width:60%;} 
body .pc_w65{width:65%;} 
body .pc_w70{width:70%;} 
body .pc_w75{width:75%;} 
body .pc_w80{width:80%;} 
body .pc_w100{width:100%;} 
body .pc_wauto{width:auto;max-width:auto;min-width:auto;}
body .pc_wfull{margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw);}
}
@media screen and (max-width: 767px) {
body .sp_w15{width:15%;} 
body .sp_w166{width:16.6%;} 
body .sp_w20{width:20%;} 
body .sp_w25{width:25%;} 
body .sp_w30{width:30%;} 
body .sp_w33{width:33.3%;} 
body .sp_w40{width:40%;} 
body .sp_w45{width:45%;} 
body .sp_w50{width:50%;} 
body .sp_w55{width:55%;} 
body .sp_w60{width:60%;} 
body .sp_w65{width:65%;} 
body .sp_w70{width:70%;} 
body .sp_w75{width:75%;} 
body .sp_w80{width:80%;} 
body .sp_w100{width:100%;} 
body .sp_wauto{width:auto;max-width:auto;min-width:auto;}
body .sp_wfull{margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw);}
}
/*-------------------------------------------------------------------------------------------------img_position*/
body .img_right{float:right;margin:5px 0 5px 40px;}
body .img_left{float:left;margin:5px 40px 5px 0;}
body .img_center{text-align:center;margin:30px auto;}
@media screen and (max-width: 767px) {
body .img_right,
body .img_left,
body .img_center{float:none;text-align:center;margin:15px auto;}
}
/*-------------------------------------------------------------------------------------------------float(pc_/sp_)*/
body .fr{float:right;}
body .fl{float:left;}
body .fn{float:none;}
@media print, screen and (min-width: 768px) {
body .pc_fr{float:right;} 
body .pc_fl{float:left;} 
body .pc_fn{float:none;}
}
@media screen and (max-width: 767px) {
body .sp_fr{float:right;} 
body .sp_fl{float:left;} 
body .sp_fn{float:none;}
}
/*-------------------------------------------------------------------------------------------------align(pc_/sp_)*/
body .center{text-align:center;margin-right:auto;margin-left:auto;}
body .right{text-align:right;}
body .left{text-align:left;}
@media print, screen and (min-width: 768px) {
body .pc_center{text-align:center;margin-right:auto;margin-left:auto;}
body .pc_right{text-align:right;} 
body .pc_left{text-align:left;} 
}
@media screen and (max-width: 767px) {
body .sp_center{text-align:center;margin-right:auto;margin-left:auto;}
body .sp_right{text-align:right;} 
body .sp_left{text-align:left;} 
}
/*-------------------------------------------------------------------------------------------------line-height(pc_/sp_)*/
body .lh15{line-height:1.5;}
body .lh175{line-height:1.75;}
body .lh187{line-height:1.875;}
body .lh20{line-height:2;}
body .lh25{line-height:2.5;}
@media print, screen and (min-width: 768px) {
body .pc_lh15{line-height:1.5;} 
body .pc_lh175{line-height:1.75;} 
body .pc_lh187{line-height:1.875;} 
body .pc_lh20{line-height:2;} 
body .pc_lh25{line-height:2.5;}
}
@media screen and (max-width: 767px) {
body .sp_lh15{line-height:1.5;} 
body .sp_lh175{line-height:1.75;} 
body .sp_lh187{line-height:1.875;} 
body .sp_lh20{line-height:2;} 
body .sp_lh25{line-height:2.5;}
}
/*==========================================================================================
space
==========================================================================================*/
/*--------------------------------------------------------------------------------------------------------------------------------------------margin_around*/
body .ma0{margin:0}
body .ma5{margin:5px}
body .ma10{margin:10px}
body .ma15{margin:15px}
body .ma20{margin:20px}
body .ma30{margin:30px}
body .ma40{margin:40px}
body .ma50{margin:50px}
body .ma60{margin:60px}
body .ma70{margin:70px}
/*--------------------------------------------------------------------------------------------------------------------------------------------margin_x*/
body .mx5{margin-left:5px;margin-right:5px}
body .mx10{margin-left:10px;margin-right:10px}
body .mx20{margin-left:20px;margin-right:20px}
/*--------------------------------------------------------------------------------------------------------------------------------------------margin_y*/
body .my5{margin-top:5px;margin-bottom:5px}
body .my10{margin-top:10px;margin-bottom:10px}
body .my20{margin-top:20px;margin-bottom:20px}
/*--------------------------------------------------------------------------------------------------------------------------------------------margin_top*/
body .mt-a{margin-top:auto}
body .mt-20{margin-top:-20px}
body .mt-15{margin-top:-15px}
body .mt-10{margin-top:-10px}
body .mt-5{margin-top:-5px}
body .mt-1{margin-top:-1px}
body .mt0{margin-top:0}
body .mt5{margin-top:5px}
body .mt10{margin-top:10px}
body .mt15{margin-top:15px}
body .mt20{margin-top:20px}
body .mt30{margin-top:30px}
body .mt40{margin-top:40px}
body .mt50{margin-top:50px}
body .mt60{margin-top:60px}
body .mt70{margin-top:70px}
/*--------------------------------------------------------------------------------------------------------------------------------------------margin_bottom*/
body .mb-a{margin-bottom:auto}
body .mb-20{margin-bottom:-20px}
body .mb-15{margin-bottom:-15px}
body .mb-10{margin-bottom:-10px}
body .mb-5{margin-bottom:-5px}
body .mb-1{margin-bottom:-1px}
body .mb0{margin-bottom:0}
body .mb5{margin-bottom:5px}
body .mb10{margin-bottom:10px}
body .mb15{margin-bottom:15px}
body .mb20{margin-bottom:20px}
body .mb30{margin-bottom:30px}
body .mb40{margin-bottom:40px}
body .mb50{margin-bottom:50px}
body .mb60{margin-bottom:60px}
body .mb70{margin-bottom:70px}
/*--------------------------------------------------------------------------------------------------------------------------------------------margin_left*/
body .ml-a{margin-left:auto}
body .ml-20{margin-left:-20px}
body .ml-15{margin-left:-15px}
body .ml-10{margin-left:-10px}
body .ml-5{margin-left:-5px}
body .ml-1{margin-left:-1px}
body .ml0{margin-left:0}
body .ml5{margin-left:5px}
body .ml10{margin-left:10px}
body .ml15{margin-left:15px}
body .ml20{margin-left:20px}
body .ml30{margin-left:30px}
body .ml40{margin-left:40px}
body .ml50{margin-left:50px}
body .ml60{margin-left:60px}
body .ml70{margin-left:70px}
/*--------------------------------------------------------------------------------------------------------------------------------------------margin_right*/
body .mr-a{margin-right:auto}
body .mr-1{margin-right:-1px}
body .mr-20{margin-right:-20px}
body .mr-15{margin-right:-15px}
body .mr-10{margin-right:-10px}
body .mr-5{margin-right:-5px}
body .mr0{margin-right:0}
body .mr5{margin-right:5px}
body .mr10{margin-right:10px}
body .mr15{margin-right:15px}
body .mr20{margin-right:20px}
body .mr30{margin-right:30px}
body .mr40{margin-right:40px}
body .mr50{margin-right:50px}
body .mr60{margin-right:60px}
body .mr70{margin-right:70px}
@media print, screen and (min-width: 768px) {
/*--------------------------------------------------------------------------------------------------------------------------------------------margin_around*/
body .pc_ma0{margin:0}
body .pc_ma5{margin:5px}
body .pc_ma10{margin:10px}
body .pc_ma15{margin:15px}
body .pc_ma20{margin:20px}
body .pc_ma30{margin:30px}
body .pc_ma40{margin:40px}
body .pc_ma50{margin:50px}
body .pc_ma60{margin:60px}
body .pc_ma70{margin:70px}
/*--------------------------------------------------------------------------------------------------------------------------------------------margin_x*/
body .pc_mx5{margin-left:5px;margin-right:5px}
body .pc_mx10{margin-left:10px;margin-right:10px}
body .pc_mx20{margin-left:20px;margin-right:20px}
/*--------------------------------------------------------------------------------------------------------------------------------------------margin_y*/
body .pc_my5{margin-top:5px;margin-bottom:5px}
body .pc_my10{margin-top:10px;margin-bottom:10px}
body .pc_my20{margin-top:20px;margin-bottom:20px}
/*--------------------------------------------------------------------------------------------------------------------------------------------margin_top*/
body .pc_mt-a{margin-top:auto}
body .pc_mt-20{margin-top:-20px}
body .pc_mt-15{margin-top:-15px}
body .pc_mt-10{margin-top:-10px}
body .pc_mt-5{margin-top:-5px}
body .pc_mt-1{margin-top:-1px}
body .pc_mt0{margin-top:0}
body .pc_mt5{margin-top:5px}
body .pc_mt10{margin-top:10px}
body .pc_mt15{margin-top:15px}
body .pc_mt20{margin-top:20px}
body .pc_mt30{margin-top:30px}
body .pc_mt40{margin-top:40px}
body .pc_mt50{margin-top:50px}
body .pc_mt60{margin-top:60px}
body .pc_mt70{margin-top:70px}
/*--------------------------------------------------------------------------------------------------------------------------------------------margin_bottom*/
body .pc_mb-a{margin-bottom:auto}
body .pc_mb-20{margin-bottom:-20px}
body .pc_mb-15{margin-bottom:-15px}
body .pc_mb-10{margin-bottom:-10px}
body .pc_mb-5{margin-bottom:-5px}
body .pc_mb-1{margin-bottom:-1px}
body .pc_mb0{margin-bottom:0}
body .pc_mb5{margin-bottom:5px}
body .pc_mb10{margin-bottom:10px}
body .pc_mb15{margin-bottom:15px}
body .pc_mb20{margin-bottom:20px}
body .pc_mb30{margin-bottom:30px}
body .pc_mb40{margin-bottom:40px}
body .pc_mb50{margin-bottom:50px}
body .pc_mb60{margin-bottom:60px}
body .pc_mb70{margin-bottom:70px}
/*--------------------------------------------------------------------------------------------------------------------------------------------margin_left*/
body .pc_ml-a{margin-left:auto}
body .pc_ml-20{margin-left:-20px}
body .pc_ml-15{margin-left:-15px}
body .pc_ml-10{margin-left:-10px}
body .pc_ml-5{margin-left:-5px}
body .pc_ml-1{margin-left:-1px}
body .pc_ml0{margin-left:0}
body .pc_ml5{margin-left:5px}
body .pc_ml10{margin-left:10px}
body .pc_ml15{margin-left:15px}
body .pc_ml20{margin-left:20px}
body .pc_ml30{margin-left:30px}
body .pc_ml40{margin-left:40px}
body .pc_ml50{margin-left:50px}
body .pc_ml60{margin-left:60px}
body .pc_ml70{margin-left:70px}
/*--------------------------------------------------------------------------------------------------------------------------------------------margin_right*/
body .pc_mr-a{margin-right:auto}
body .pc_mr-1{margin-right:-1px}
body .pc_mr-20{margin-right:-20px}
body .pc_mr-15{margin-right:-15px}
body .pc_mr-10{margin-right:-10px}
body .pc_mr-5{margin-right:-5px}
body .pc_mr0{margin-right:0}
body .pc_mr5{margin-right:5px}
body .pc_mr10{margin-right:10px}
body .pc_mr15{margin-right:15px}
body .pc_mr20{margin-right:20px}
body .pc_mr30{margin-right:30px}
body .pc_mr40{margin-right:40px}
body .pc_mr50{margin-right:50px}
body .pc_mr60{margin-right:60px}
body .pc_mr70{margin-right:70px}
}
@media screen and (max-width: 767px) {
/*--------------------------------------------------------------------------------------------------------------------------------------------margin_around*/
body .sp_ma0{margin:0}
body .sp_ma5{margin:5px}
body .sp_ma10{margin:10px}
body .sp_ma15{margin:15px}
body .sp_ma20{margin:20px}
body .sp_ma30{margin:30px}
body .sp_ma40{margin:40px}
body .sp_ma50{margin:50px}
body .sp_ma60{margin:60px}
body .sp_ma70{margin:70px}
/*--------------------------------------------------------------------------------------------------------------------------------------------margin_x*/
body .sp_mx5{margin-left:5px;margin-right:5px}
body .sp_mx10{margin-left:10px;margin-right:10px}
body .sp_mx20{margin-left:20px;margin-right:20px}
/*--------------------------------------------------------------------------------------------------------------------------------------------margin_y*/
body .sp_my5{margin-top:5px;margin-bottom:5px}
body .sp_my10{margin-top:10px;margin-bottom:10px}
body .sp_my20{margin-top:20px;margin-bottom:20px}
/*--------------------------------------------------------------------------------------------------------------------------------------------margin_top*/
body .sp_mt-a{margin-top:auto}
body .sp_mt-20{margin-top:-20px}
body .sp_mt-15{margin-top:-15px}
body .sp_mt-10{margin-top:-10px}
body .sp_mt-5{margin-top:-5px}
body .sp_mt-1{margin-top:-1px}
body .sp_mt0{margin-top:0}
body .sp_mt5{margin-top:5px}
body .sp_mt10{margin-top:10px}
body .sp_mt15{margin-top:15px}
body .sp_mt20{margin-top:20px}
body .sp_mt30{margin-top:30px}
body .sp_mt40{margin-top:40px}
body .sp_mt50{margin-top:50px}
body .sp_mt60{margin-top:60px}
body .sp_mt70{margin-top:70px}
/*--------------------------------------------------------------------------------------------------------------------------------------------margin_bottom*/
body .sp_mb-a{margin-bottom:auto}
body .sp_mb-20{margin-bottom:-20px}
body .sp_mb-15{margin-bottom:-15px}
body .sp_mb-10{margin-bottom:-10px}
body .sp_mb-5{margin-bottom:-5px}
body .sp_mb-1{margin-bottom:-1px}
body .sp_mb0{margin-bottom:0}
body .sp_mb5{margin-bottom:5px}
body .sp_mb10{margin-bottom:10px}
body .sp_mb15{margin-bottom:15px}
body .sp_mb20{margin-bottom:20px}
body .sp_mb30{margin-bottom:30px}
body .sp_mb40{margin-bottom:40px}
body .sp_mb50{margin-bottom:50px}
body .sp_mb60{margin-bottom:60px}
body .sp_mb70{margin-bottom:70px}
/*--------------------------------------------------------------------------------------------------------------------------------------------margin_left*/
body .sp_ml-a{margin-left:auto}
body .sp_ml-20{margin-left:-20px}
body .sp_ml-15{margin-left:-15px}
body .sp_ml-10{margin-left:-10px}
body .sp_ml-5{margin-left:-5px}
body .sp_ml-1{margin-left:-1px}
body .sp_ml0{margin-left:0}
body .sp_ml5{margin-left:5px}
body .sp_ml10{margin-left:10px}
body .sp_ml15{margin-left:15px}
body .sp_ml20{margin-left:20px}
body .sp_ml30{margin-left:30px}
body .sp_ml40{margin-left:40px}
body .sp_ml50{margin-left:50px}
body .sp_ml60{margin-left:60px}
body .sp_ml70{margin-left:70px}
/*--------------------------------------------------------------------------------------------------------------------------------------------margin_right*/
body .sp_mr-a{margin-right:auto}
body .sp_mr-1{margin-right:-1px}
body .sp_mr-20{margin-right:-20px}
body .sp_mr-15{margin-right:-15px}
body .sp_mr-10{margin-right:-10px}
body .sp_mr-5{margin-right:-5px}
body .sp_mr0{margin-right:0}
body .sp_mr5{margin-right:5px}
body .sp_mr10{margin-right:10px}
body .sp_mr15{margin-right:15px}
body .sp_mr20{margin-right:20px}
body .sp_mr30{margin-right:30px}
body .sp_mr40{margin-right:40px}
body .sp_mr50{margin-right:50px}
body .sp_mr60{margin-right:60px}
body .sp_mr70{margin-right:70px}
}

/*==========================================================================================
space
==========================================================================================*/
/*--------------------------------------------------------------------------------------------------------------------------------------------padding_around*/
body .pa0{padding:0}
body .pa5{padding:5px}
body .pa10{padding:10px}
body .pa15{padding:15px}
body .pa20{padding:20px}
body .pa30{padding:30px}
body .pa40{padding:40px}
body .pa50{padding:50px}
body .pa60{padding:60px}
body .pa70{padding:70px}
/*--------------------------------------------------------------------------------------------------------------------------------------------padding_x*/
body .px5{padding-left:5px;padding-right:5px}
body .px10{padding-left:10px;padding-right:10px}
body .px20{padding-left:20px;padding-right:20px}
/*--------------------------------------------------------------------------------------------------------------------------------------------padding_y*/
body .py5{padding-top:5px;padding-bottom:5px}
body .py10{padding-top:10px;padding-bottom:10px}
body .py20{padding-top:20px;padding-bottom:20px}
/*--------------------------------------------------------------------------------------------------------------------------------------------padding_top*/
body .pt0{padding-top:0}
body .pt5{padding-top:5px}
body .pt10{padding-top:10px}
body .pt15{padding-top:15px}
body .pt20{padding-top:20px}
body .pt30{padding-top:30px}
body .pt40{padding-top:40px}
body .pt50{padding-top:50px}
body .pt60{padding-top:60px}
body .pt70{padding-top:70px}
/*--------------------------------------------------------------------------------------------------------------------------------------------padding_bottom*/
body .pb0{padding-bottom:0}
body .pb5{padding-bottom:5px}
body .pb10{padding-bottom:10px}
body .pb15{padding-bottom:15px}
body .pb20{padding-bottom:20px}
body .pb30{padding-bottom:30px}
body .pb40{padding-bottom:40px}
body .pb50{padding-bottom:50px}
body .pb60{padding-bottom:60px}
body .pb70{padding-bottom:70px}
/*--------------------------------------------------------------------------------------------------------------------------------------------padding_left*/
body .pl0{padding-left:0}
body .pl5{padding-left:5px}
body .pl10{padding-left:10px}
body .pl15{padding-left:15px}
body .pl20{padding-left:20px}
body .pl30{padding-left:30px}
body .pl40{padding-left:40px}
body .pl50{padding-left:50px}
body .pl60{padding-left:60px}
body .pl70{padding-left:70px}
/*--------------------------------------------------------------------------------------------------------------------------------------------padding_right*/
body .pr0{padding-right:0}
body .pr5{padding-right:5px}
body .pr10{padding-right:10px}
body .pr15{padding-right:15px}
body .pr20{padding-right:20px}
body .pr30{padding-right:30px}
body .pr40{padding-right:40px}
body .pr50{padding-right:50px}
body .pr60{padding-right:60px}
body .pr70{padding-right:70px}

@media print, screen and (min-width: 768px) {
/*--------------------------------------------------------------------------------------------------------------------------------------------padding_around*/
body .pc_pa0{padding:0}
body .pc_pa5{padding:5px}
body .pc_pa10{padding:10px}
body .pc_pa15{padding:15px}
body .pc_pa20{padding:20px}
body .pc_pa30{padding:30px}
body .pc_pa40{padding:40px}
body .pc_pa50{padding:50px}
body .pc_pa60{padding:60px}
body .pc_pa70{padding:70px}
/*--------------------------------------------------------------------------------------------------------------------------------------------padding_x*/
body .pc_px5{padding-left:5px;padding-right:5px}
body .pc_px10{padding-left:10px;padding-right:10px}
body .pc_px20{padding-left:20px;padding-right:20px}
/*--------------------------------------------------------------------------------------------------------------------------------------------padding_y*/
body .pc_py5{padding-top:5px;padding-bottom:5px}
body .pc_py10{padding-top:10px;padding-bottom:10px}
body .pc_py20{padding-top:20px;padding-bottom:20px}
/*--------------------------------------------------------------------------------------------------------------------------------------------padding_top*/
body .pc_pt0{padding-top:0}
body .pc_pt5{padding-top:5px}
body .pc_pt10{padding-top:10px}
body .pc_pt15{padding-top:15px}
body .pc_pt20{padding-top:20px}
body .pc_pt30{padding-top:30px}
body .pc_pt40{padding-top:40px}
body .pc_pt50{padding-top:50px}
body .pc_pt60{padding-top:60px}
body .pc_pt70{padding-top:70px}
/*--------------------------------------------------------------------------------------------------------------------------------------------padding_bottom*/
body .pc_pb0{padding-bottom:0}
body .pc_pb5{padding-bottom:5px}
body .pc_pb10{padding-bottom:10px}
body .pc_pb15{padding-bottom:15px}
body .pc_pb20{padding-bottom:20px}
body .pc_pb30{padding-bottom:30px}
body .pc_pb40{padding-bottom:40px}
body .pc_pb50{padding-bottom:50px}
body .pc_pb60{padding-bottom:60px}
body .pc_pb70{padding-bottom:70px}
/*--------------------------------------------------------------------------------------------------------------------------------------------padding_left*/
body .pc_pl0{padding-left:0}
body .pc_pl5{padding-left:5px}
body .pc_pl10{padding-left:10px}
body .pc_pl15{padding-left:15px}
body .pc_pl20{padding-left:20px}
body .pc_pl30{padding-left:30px}
body .pc_pl40{padding-left:40px}
body .pc_pl50{padding-left:50px}
body .pc_pl60{padding-left:60px}
body .pc_pl70{padding-left:70px}
/*--------------------------------------------------------------------------------------------------------------------------------------------padding_right*/
body .pc_pr0{padding-right:0}
body .pc_pr5{padding-right:5px}
body .pc_pr10{padding-right:10px}
body .pc_pr15{padding-right:15px}
body .pc_pr20{padding-right:20px}
body .pc_pr30{padding-right:30px}
body .pc_pr40{padding-right:40px}
body .pc_pr50{padding-right:50px}
body .pc_pr60{padding-right:60px}
body .pc_pr70{padding-right:70px}
}
@media screen and (max-width: 767px) {
/*--------------------------------------------------------------------------------------------------------------------------------------------padding_around*/
body .sp_pa0{padding:0}
body .sp_pa5{padding:5px}
body .sp_pa10{padding:10px}
body .sp_pa15{padding:15px}
body .sp_pa20{padding:20px}
body .sp_pa30{padding:30px}
body .sp_pa40{padding:40px}
body .sp_pa50{padding:50px}
body .sp_pa60{padding:60px}
body .sp_pa70{padding:70px}
/*--------------------------------------------------------------------------------------------------------------------------------------------padding_x*/
body .sp_px5{padding-left:5px;padding-right:5px}
body .sp_px10{padding-left:10px;padding-right:10px}
body .sp_px20{padding-left:20px;padding-right:20px}
/*--------------------------------------------------------------------------------------------------------------------------------------------padding_y*/
body .sp_py5{padding-top:5px;padding-bottom:5px}
body .sp_py10{padding-top:10px;padding-bottom:10px}
body .sp_py20{padding-top:20px;padding-bottom:20px}
/*--------------------------------------------------------------------------------------------------------------------------------------------padding_top*/
body .sp_pt0{padding-top:0}
body .sp_pt5{padding-top:5px}
body .sp_pt10{padding-top:10px}
body .sp_pt15{padding-top:15px}
body .sp_pt20{padding-top:20px}
body .sp_pt30{padding-top:30px}
body .sp_pt40{padding-top:40px}
body .sp_pt50{padding-top:50px}
body .sp_pt60{padding-top:60px}
body .sp_pt70{padding-top:70px}
/*--------------------------------------------------------------------------------------------------------------------------------------------padding_bottom*/
body .sp_pb0{padding-bottom:0}
body .sp_pb5{padding-bottom:5px}
body .sp_pb10{padding-bottom:10px}
body .sp_pb15{padding-bottom:15px}
body .sp_pb20{padding-bottom:20px}
body .sp_pb30{padding-bottom:30px}
body .sp_pb40{padding-bottom:40px}
body .sp_pb50{padding-bottom:50px}
body .sp_pb60{padding-bottom:60px}
body .sp_pb70{padding-bottom:70px}
/*--------------------------------------------------------------------------------------------------------------------------------------------padding_left*/
body .sp_pl0{padding-left:0}
body .sp_pl5{padding-left:5px}
body .sp_pl10{padding-left:10px}
body .sp_pl15{padding-left:15px}
body .sp_pl20{padding-left:20px}
body .sp_pl30{padding-left:30px}
body .sp_pl40{padding-left:40px}
body .sp_pl50{padding-left:50px}
body .sp_pl60{padding-left:60px}
body .sp_pl70{padding-left:70px}
/*--------------------------------------------------------------------------------------------------------------------------------------------padding_right*/
body .sp_pr0{padding-right:0}
body .sp_pr5{padding-right:5px}
body .sp_pr10{padding-right:10px}
body .sp_pr15{padding-right:15px}
body .sp_pr20{padding-right:20px}
body .sp_pr30{padding-right:30px}
body .sp_pr40{padding-right:40px}
body .sp_pr50{padding-right:50px}
body .sp_pr60{padding-right:60px}
body .sp_pr70{padding-right:70px}
}

/*-------------------------------------------------------------------------------------------------font-size(pc_/sp_)*/
body .fs0{font-size:0rem;}
body .fs10{font-size:1rem;}
body .fs12{font-size:1.2rem;}
body .fs14{font-size:1.4rem;}
body .fs16{font-size:1.6rem;}
body .fs18{font-size:1.8rem;}
body .fs20{font-size:2.0rem;} @media screen and (max-width: 767px) {body .fs24{font-size:1.8rem;}}
body .fs24{font-size:2.4rem;} @media screen and (max-width: 767px) {body .fs24{font-size:2.0rem;}}
body .fs28{font-size:2.8rem;} @media screen and (max-width: 767px) {body .fs28{font-size:2.2rem;}}
body .fs30{font-size:3.0rem;} @media screen and (max-width: 767px) {body .fs30{font-size:2.4rem;}}
body .fs34{font-size:3.4rem;} @media screen and (max-width: 767px) {body .fs34{font-size:2.6rem;}}
body .fs40{font-size:4.0rem;} @media screen and (max-width: 767px) {body .fs40{font-size:2.8rem;}}
body .fs48{font-size:4.8rem;} @media screen and (max-width: 767px) {body .fs48{font-size:3.0rem;}}
@media print, screen and (min-width: 768px) {
body .pc_fs0{font-size:0rem;} 
body .pc_fs10{font-size:1.0rem;} 
body .pc_fs12{font-size:1.2rem;} 
body .pc_fs14{font-size:1.4rem;} 
body .pc_fs16{font-size:1.6rem;} 
body .pc_fs18{font-size:1.8rem;} 
body .pc_fs20{font-size:2.0rem;} 
body .pc_fs24{font-size:2.4rem;} 
body .pc_fs28{font-size:2.8rem;} 
body .pc_fs30{font-size:3.0rem;} 
body .pc_fs34{font-size:3.4rem;} 
body .pc_fs40{font-size:4.0rem;} 
body .pc_fs48{font-size:4.8rem;}
}
@media screen and (max-width: 767px) {
body .sp_fs0{font-size:0rem;} 
body .sp_fs10{font-size:1.0rem;} 
body .sp_fs12{font-size:1.2rem;} 
body .sp_fs14{font-size:1.4rem;} 
body .sp_fs16{font-size:1.6rem;} 
body .sp_fs18{font-size:1.8rem;} 
body .sp_fs20{font-size:2.0rem;} 
body .sp_fs24{font-size:2.4rem;} 
body .sp_fs28{font-size:2.8rem;} 
body .sp_fs30{font-size:3.0rem;} 
body .sp_fs34{font-size:3.4rem;} 
body .sp_fs40{font-size:4.0rem;} 
body .sp_fs48{font-size:4.8rem;}
}
/*-------------------------------------------------------------------------------------------------disable*/
a.disable{cursor:default;pointer-events:none;}
a.disable::after{display:none;}
@media print, screen and (min-width: 768px) {
a.pc_disable{cursor:default;pointer-events:none;}
a.pc_disable::after{display:none;}
}
@media screen and (max-width: 767px) {
a.sp_disable{cursor:default;pointer-events:none;}
a.sp_disable::after{display:none;}
}
/*-------------------------------------------------------------------------------------------------flex(pc_/sp_)*/
body .flex{
	display : -webkit-flex ;
	display : flex ;
	-webkit-flex-flow : row ;
	flex-flow : row ;
}
@media print, screen and (min-width: 768px) {
body .pc_flex{display:-webkit-box;display:-ms-flexbox;display:flex;}
}
@media screen and (max-width: 767px) {
body .sp_flex{display:-webkit-box;display:-ms-flexbox;display:flex;}
}
/*-------------------------上下中央（middle）（top/bottom）*/
body .flex.middle{
	-webkit-align-items:center;
	align-items:center;
}
/*-------------------------上下（top/bottom）*/
body .flex.top{
	-webkit-align-items:flex-start;
	align-items:flex-start;
}
body .flex.bottom{
	-webkit-align-items:flex-end;
	align-items:flex-end;
}
/*-------------------------左右中央（center）*/
body .flex.center{
	-webkit-justify-content:center;
	justify-content:center;
}
/*-------------------------左右（left/right）*/
body .flex.left{
	-webkit-justify-content:flex-start;
	justify-content:flex-start;
}
body .flex.right{
	-webkit-justify-content:flex-end;
	justify-content:flex-end;
}
/*-------------------------間を均等割（between）*/
body .flex.between{
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}
/*-------------------------両端を均等割（around）*/
body .flex.around{
	-ms-flex-pack:distribute;
	justify-content:space-around;
}
/*-------------------------左右逆（revers）*/
body .flex.revers{
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
/*-------------------------上下（column）*/
body .flex.column{
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
/*-------------------------上下逆（column_r）*/
body .flex.column_r{
	-webkit-box-orient:vertical;
	-webkit-box-direction:reverse;
	-webkit-flex-direction:column-reverse;
	-ms-flex-direction:column-reverse;
	flex-direction:column-reverse;
}
/*-------------------------flexnone(pc_/sp_)*/
body .flex.flexnone{
	display:block;
}
@media print, screen and (min-width: 768px) {
body .flex.pc_flexnone{display:block;}
}
@media screen and (max-width: 767px) {
body .flex.sp_flexnone{display:block;}
}

/*==========================================================================================
flex/inline-flex
==========================================================================================*/
body .flex{display:flex;}
body .inflex{display:inline-flex;}
/*--------------------------------------------------------------------------------------------------------------------------------------------列/左*/
body .row_l{display:flex;}/*上*/
body .row_l_c{display:flex;align-items:center;}/*中*/
body .row_l_b{display:flex;align-items:end;}/*下/
/*--------------------------------------------------------------------------------------------------------------------------------------------列/右*/
body .row_r{display:flex;justify-content:end;}
body .row_r_c{display:flex;justify-content:end;align-items:center;}
body .row_r_b{display:flex;justify-content:end;align-items:end;}
/*--------------------------------------------------------------------------------------------------------------------------------------------列/中*/
body .row_c{display:flex;justify-content:center;}
body .row_c_c{display:flex;justify-content:center;align-items:center;}
body .row_c_b{display:flex;justify-content:center;align-items:end;}
/*--------------------------------------------------------------------------------------------------------------------------------------------列/両端*/
body .row_bw{display:flex;justify-content:space-between;}
body .row_bw_c{display:flex;justify-content:space-between;align-items:center;}
body .row_bw_b{display:flex;justify-content:space-between;align-items:end;}
/*--------------------------------------------------------------------------------------------------------------------------------------------列/等間隔*/
body .row_ar{display:flex;justify-content:space-around;}
body .row_ar_c{display:flex;justify-content:space-around;align-items:center;}
body .row_ar_b{display:flex;justify-content:space-around;align-items:end;}
/*--------------------------------------------------------------------------------------------------------------------------------------------行*/
body .col_l{display:flex;flex-direction:column;}/*左*/
body .col_c{display:flex;flex-direction:column;align-items:center;}/*中*/
body .col_r{display:flex;flex-direction:column;align-items:end;}/*右*/
/*--------------------------------------------------------------------------------------------------------------------------------------------列幅*/
body .row200{display:grid;grid-template-columns: repeat( auto-fit, minmax(200px,1fr) ) ;}
body .row250{display:grid;grid-template-columns: repeat( auto-fit, minmax(250px,1fr) ) ;}
body .row300{display:grid;grid-template-columns: repeat( auto-fit, minmax(300px,1fr) ) ;}
body .row350{display:grid;grid-template-columns: repeat( auto-fit, minmax(350px,1fr) ) ;}
body .row400{display:grid;}@media print, screen and (min-width: 768px) {.row400{grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ) ;}}
body .row450{display:grid;}@media print, screen and (min-width: 768px) {.row450{grid-template-columns: repeat( auto-fit, minmax(450px, 1fr) ) ;}}
body .row500{display:grid;}@media print, screen and (min-width: 768px) {.row500{grid-template-columns: repeat( auto-fit, minmax(500px, 1fr) ) ;}}
/*--------------------------------------------------------------------------------------------------------------------------------------------列数*/
body .row1{display:grid;grid-template-columns: repeat(1 , 1fr);}
body .row2{display:grid;grid-template-columns: repeat(2 , 1fr);}
body .row3{display:grid;grid-template-columns: repeat(3 , 1fr);}
body .row4{display:grid;grid-template-columns: repeat(4 , 1fr);}
body .row5{display:grid;grid-template-columns: repeat(5 , 1fr);}
body .row6{display:grid;grid-template-columns: repeat(6 , 1fr);}
body .row7{display:grid;grid-template-columns: repeat(7 , 1fr);}
body .row8{display:grid;grid-template-columns: repeat(8 , 1fr);}
body .row9{display:grid;grid-template-columns: repeat(9 , 1fr);}
body .row10{display:grid;grid-template-columns: repeat(10 , 1fr);}
/*--------------------------------------------------------------------------------------------------------------------------------------------direction*/
body .row{flex-direction:row;}/*列*/
body .reverse{flex-direction:row-reverse;}/*列逆*/
body .column{flex-direction:column;}/*行*/
body .column_r{flex-direction:column-reverse;}/*行逆*/
/*--------------------------------------------------------------------------------------------------------------------------------------------wrap*/
body .wrap{flex-wrap:wrap;}
body .fl_nowrap{flex-wrap:nowrap;}
body .wrap_r{flex-wrap:wrap-reverse;}
/*--------------------------------------------------------------------------------------------------------------------------------------------justify-content*/
body .jc_s{justify-content:start;}/*主軸を始まりに寄せる（初期値）*/
body .jc_e{justify-content:end;}/*主軸を終わりに寄せる*/
body .jc_c{justify-content:center;}/*主軸を中央に寄せる*/
body .jc_bw{justify-content:space-between;}/*主軸の間を均等割*/
body .jc_ar{justify-content:space-around;}/*主軸の要素を均等割*/
body .jc_str{justify-content:stretch;}/*主軸の要素を伸ばす*/
/*--------------------------------------------------------------------------------------------------------------------------------------------align-content*/
body .ac_s{align-content:start;}/*交差軸を始まりに寄せる（初期値）*/
body .ac_e{align-content:end;}/*交差軸を終わりに寄せる*/
body .ac_c{align-content:center;}/*交差軸を中央に寄せる*/
body .ac_bw{align-content:space-between;}/*交差軸の間を均等割*/
body .ac_ar{align-content:space-around;}/*交差軸の要素を均等割*/
body .ac_str{align-content:stretch;}/*交差軸の要素を伸ばす*/
/*--------------------------------------------------------------------------------------------------------------------------------------------align-items*/
body .ai_s{align-items:start;}/*子要素の内容を始まりに寄せる（初期値）*/
body .ai_e{align-items:end;}/*子要素の内容を終わりに寄せる*/
body .ai_c{align-items:center;}/*子要素の内容を中央の位置に寄せる*/
body .ai_base{align-items:baseline;}/*子要素の内容をベースラインに揃える*/
body .ai_str{align-items:stretch;}/*子要素の内容を伸ばす*/
/*--------------------------------------------------------------------------------------------------------------------------------------------grow*/
body .gro0{flex-grow:0;}/*伸びないでつめる（初期値）*/
body .gro1{flex-grow:1;}
body .gro2{flex-grow:2;}
body .gro3{flex-grow:3;}
/*--------------------------------------------------------------------------------------------------------------------------------------------shrink*/
body .shr0{flex-shrink:0;}/*狭くても縮まない*/
body .shr1{flex-shrink:1;}/*（初期値）*/
body .shr2{flex-shrink:2;}
body .shr3{flex-shrink:3;}
/*--------------------------------------------------------------------------------------------------------------------------------------------basis*/
body .bas{flex-basis:auto;}
body .bas25{flex-basis:25%;}
body .bas33{flex-basis:33.3%;}
body .bas50{flex-basis:50%;}
body .bas75{flex-basis:75%;}
body .bas10{flex-basis:10%;}
body .bas20{flex-basis:20%;}
body .bas30{flex-basis:30%;}
body .bas40{flex-basis:40%;}
body .bas50{flex-basis:50%;}
body .bas60{flex-basis:60%;}
body .bas70{flex-basis:70%;}
body .bas80{flex-basis:80%;}
body .bas90{flex-basis:90%;}
body .bas100{flex-basis:100%;}
/*--------------------------------------------------------------------------------------------------------------------------------------------order*/
body .ord-5{order:-5;}
body .ord-4{order:-4;}
body .ord-3{order:-3;}
body .ord-2{order:-2;}
body .ord-1{order:-1;}
body .ord{order:0;}
body .ord1{order:1;}
body .ord2{order:2;}
body .ord3{order:3;}
body .ord4{order:4;}
body .ord5{order:5;}
/*--------------------------------------------------------------------------------------------------------------------------------------------gap*/
body .gap0{gap:0;}
body .gap1{gap:1px;}
body .gap3{gap:3px;}
body .gap5{gap:5px;}
body .gap10{gap:10px;}
body .gap15{gap:15px;}
body .gap20{gap:20px;}
body .gap30{gap:30px;}
body .gap40{gap:40px;}
body .gap50{gap:50px;}
body .gap60{gap:60px;}
body .gap5p{gap:5%;}
body .gap10p{gap:10%;}
body .gap_tx{gap:0.1em 1em;}


@media print, screen and (min-width: 768px) {
body .pc_flex{display:flex;}
body .pc_inflex{display:inline-flex;}
/*--------------------------------------------------------------------------------------------------------------------------------------------列/左*/
body .pc_row_l{display:flex;}/*上*/
body .pc_row_l_c{display:flex;align-items:center;}/*中*/
body .pc_row_l_b{display:flex;align-items:end;}/*下/
/*--------------------------------------------------------------------------------------------------------------------------------------------列/右*/
body .pc_row_r{display:flex;justify-content:end;}
body .pc_row_r_c{display:flex;justify-content:end;align-items:center;}
body .pc_row_r_b{display:flex;justify-content:end;align-items:end;}
/*--------------------------------------------------------------------------------------------------------------------------------------------列/中*/
body .pc_row_c{display:flex;justify-content:center;}
body .pc_row_c_c{display:flex;justify-content:center;align-items:center;}
body .pc_row_c_b{display:flex;justify-content:center;align-items:end;}
/*--------------------------------------------------------------------------------------------------------------------------------------------列/両端*/
body .pc_row_bw{display:flex;justify-content:space-between;}
body .pc_row_bw_c{display:flex;justify-content:space-between;align-items:center;}
body .pc_row_bw_b{display:flex;justify-content:space-between;align-items:end;}
/*--------------------------------------------------------------------------------------------------------------------------------------------列/等間隔*/
body .pc_row_ar{display:flex;justify-content:space-around;}
body .pc_row_ar_c{display:flex;justify-content:space-around;align-items:center;}
body .pc_row_ar_b{display:flex;justify-content:space-around;align-items:end;}
/*--------------------------------------------------------------------------------------------------------------------------------------------行*/
body .pc_col_l{display:flex;flex-direction:column;}/*左*/
body .pc_col_c{display:flex;flex-direction:column;align-items:center;}/*中*/
body .pc_col_r{display:flex;flex-direction:column;align-items:end;}/*右*/
/*--------------------------------------------------------------------------------------------------------------------------------------------列幅*/
body .pc_row200{display:grid;grid-template-columns: repeat( auto-fit, minmax(200px,1fr) ) ;}
body .pc_row250{display:grid;grid-template-columns: repeat( auto-fit, minmax(250px,1fr) ) ;}
body .pc_row300{display:grid;grid-template-columns: repeat( auto-fit, minmax(300px,1fr) ) ;}
body .pc_row350{display:grid;grid-template-columns: repeat( auto-fit, minmax(350px,1fr) ) ;}
body .pc_row400{display:grid;grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ) ;}
body .pc_row450{display:grid;grid-template-columns: repeat( auto-fit, minmax(450px, 1fr) ) ;}
body .pc_row500{display:grid;grid-template-columns: repeat( auto-fit, minmax(500px, 1fr) ) ;}
/*--------------------------------------------------------------------------------------------------------------------------------------------列数*/
body .pc_row1{display:grid;grid-template-columns: repeat(1 , 1fr);}
body .pc_row2{display:grid;grid-template-columns: repeat(2 , 1fr);}
body .pc_row3{display:grid;grid-template-columns: repeat(3 , 1fr);}
body .pc_row4{display:grid;grid-template-columns: repeat(4 , 1fr);}
body .pc_row5{display:grid;grid-template-columns: repeat(5 , 1fr);}
body .pc_row6{display:grid;grid-template-columns: repeat(6 , 1fr);}
body .pc_row7{display:grid;grid-template-columns: repeat(7 , 1fr);}
body .pc_row8{display:grid;grid-template-columns: repeat(8 , 1fr);}
body .pc_row9{display:grid;grid-template-columns: repeat(9 , 1fr);}
body .pc_row10{display:grid;grid-template-columns: repeat(10 , 1fr);}
/*--------------------------------------------------------------------------------------------------------------------------------------------direction*/
body .pc_row{flex-direction:row;}/*列*/
body .pc_reverse{flex-direction:row-reverse;}/*列逆*/
body .pc_column{flex-direction:column;}/*行*/
body .pc_column_r{flex-direction:column-reverse;}/*行逆*/
/*--------------------------------------------------------------------------------------------------------------------------------------------wrap*/
body .pc_wrap{flex-wrap:wrap;}
body .pc_fl_nowrap{flex-wrap:nowrap;}
body .pc_wrap_r{flex-wrap:wrap-reverse;}
/*--------------------------------------------------------------------------------------------------------------------------------------------justify-content*/
body .pc_jc_s{justify-content:start;}/*主軸を始まりに寄せる（初期値）*/
body .pc_jc_e{justify-content:end;}/*主軸を終わりに寄せる*/
body .pc_jc_c{justify-content:center;}/*主軸を中央に寄せる*/
body .pc_jc_bw{justify-content:space-between;}/*主軸の間を均等割*/
body .pc_jc_ar{justify-content:space-around;}/*主軸の要素を均等割*/
body .pc_jc_str{justify-content:stretch;}/*主軸の要素を伸ばす*/
/*--------------------------------------------------------------------------------------------------------------------------------------------align-content*/
body .pc_ac_s{align-content:start;}/*交差軸を始まりに寄せる（初期値）*/
body .pc_ac_e{align-content:end;}/*交差軸を終わりに寄せる*/
body .pc_ac_c{align-content:center;}/*交差軸を中央に寄せる*/
body .pc_ac_bw{align-content:space-between;}/*交差軸の間を均等割*/
body .pc_ac_ar{align-content:space-around;}/*交差軸の要素を均等割*/
body .pc_ac_str{align-content:stretch;}/*交差軸の要素を伸ばす*/
/*--------------------------------------------------------------------------------------------------------------------------------------------align-items*/
body .pc_ai_s{align-items:start;}/*子要素の内容を始まりに寄せる（初期値）*/
body .pc_ai_e{align-items:end;}/*子要素の内容を終わりに寄せる*/
body .pc_ai_c{align-items:center;}/*子要素の内容を中央の位置に寄せる*/
body .pc_ai_base{align-items:baseline;}/*子要素の内容をベースラインに揃える*/
body .pc_ai_str{align-items:stretch;}/*子要素の内容を伸ばす*/
/*--------------------------------------------------------------------------------------------------------------------------------------------grow*/
body .pc_gro0{flex-grow:0;}/*伸びないでつめる（初期値）*/
body .pc_gro1{flex-grow:1;}
body .pc_gro2{flex-grow:2;}
body .pc_gro3{flex-grow:3;}
/*--------------------------------------------------------------------------------------------------------------------------------------------shrink*/
body .pc_shr0{flex-shrink:0;}/*狭くても縮まない*/
body .pc_shr1{flex-shrink:1;}/*（初期値）*/
body .pc_shr2{flex-shrink:2;}
body .pc_shr3{flex-shrink:3;}
/*--------------------------------------------------------------------------------------------------------------------------------------------basis*/
body .pc_bas{flex-basis:auto;}
body .pc_bas25{flex-basis:25%;}
body .pc_bas33{flex-basis:33.3%;}
body .pc_bas50{flex-basis:50%;}
body .pc_bas75{flex-basis:75%;}
body .pc_bas10{flex-basis:10%;}
body .pc_bas20{flex-basis:20%;}
body .pc_bas30{flex-basis:30%;}
body .pc_bas40{flex-basis:40%;}
body .pc_bas50{flex-basis:50%;}
body .pc_bas60{flex-basis:60%;}
body .pc_bas70{flex-basis:70%;}
body .pc_bas80{flex-basis:80%;}
body .pc_bas90{flex-basis:90%;}
body .pc_bas100{flex-basis:100%;}
/*--------------------------------------------------------------------------------------------------------------------------------------------order*/
body .pc_ord-5{order:-5;}
body .pc_ord-4{order:-4;}
body .pc_ord-3{order:-3;}
body .pc_ord-2{order:-2;}
body .pc_ord-1{order:-1;}
body .pc_ord{order:0;}
body .pc_ord1{order:1;}
body .pc_ord2{order:2;}
body .pc_ord3{order:3;}
body .pc_ord4{order:4;}
body .pc_ord5{order:5;}
/*--------------------------------------------------------------------------------------------------------------------------------------------gap*/
body .pc_gap0{gap:0;}
body .pc_gap1{gap:1px;}
body .pc_gap3{gap:3px;}
body .pc_gap5{gap:5px;}
body .pc_gap10{gap:10px;}
body .pc_gap15{gap:15px;}
body .pc_gap20{gap:20px;}
body .pc_gap30{gap:30px;}
body .pc_gap40{gap:40px;}
body .pc_gap50{gap:50px;}
body .pc_gap60{gap:60px;}
body .pc_gap5p{gap:5%;}
body .pc_gap10p{gap:10%;}
body .pc_gap_tx{gap:0.1em 1em;}	
}

@media screen and (max-width: 767px) {
body .sp_flex{display:flex;}
body .sp_inflex{display:inline-flex;}
/*--------------------------------------------------------------------------------------------------------------------------------------------列/左*/
body .sp_row_l{display:flex;}/*上*/
body .sp_row_l_c{display:flex;align-items:center;}/*中*/
body .sp_row_l_b{display:flex;align-items:end;}/*下/
/*--------------------------------------------------------------------------------------------------------------------------------------------列/右*/
body .sp_row_r{display:flex;justify-content:end;}
body .sp_row_r_c{display:flex;justify-content:end;align-items:center;}
body .sp_row_r_b{display:flex;justify-content:end;align-items:end;}
/*--------------------------------------------------------------------------------------------------------------------------------------------列/中*/
body .sp_row_c{display:flex;justify-content:center;}
body .sp_row_c_c{display:flex;justify-content:center;align-items:center;}
body .sp_row_c_b{display:flex;justify-content:center;align-items:end;}
/*--------------------------------------------------------------------------------------------------------------------------------------------列/両端*/
body .sp_row_bw{display:flex;justify-content:space-between;}
body .sp_row_bw_c{display:flex;justify-content:space-between;align-items:center;}
body .sp_row_bw_b{display:flex;justify-content:space-between;align-items:end;}
/*--------------------------------------------------------------------------------------------------------------------------------------------列/等間隔*/
body .sp_row_ar{display:flex;justify-content:space-around;}
body .sp_row_ar_c{display:flex;justify-content:space-around;align-items:center;}
body .sp_row_ar_b{display:flex;justify-content:space-around;align-items:end;}
/*--------------------------------------------------------------------------------------------------------------------------------------------行*/
body .sp_col_l{display:flex;flex-direction:column;}/*左*/
body .sp_col_c{display:flex;flex-direction:column;align-items:center;}/*中*/
body .sp_col_r{display:flex;flex-direction:column;align-items:end;}/*右*/
/*--------------------------------------------------------------------------------------------------------------------------------------------列幅*/
body .sp_row150{display:grid;grid-template-columns: repeat( auto-fill, minmax(150px,1fr) ) ;}
body .sp_row200{display:grid;grid-template-columns: repeat( auto-fit, minmax(200px,1fr) ) ;}
body .sp_row250{display:grid;grid-template-columns: repeat( auto-fit, minmax(250px,1fr) ) ;}
body .sp_row300{display:grid;grid-template-columns: repeat( auto-fit, minmax(300px,1fr) ) ;}
body .sp_row350{display:grid;grid-template-columns: repeat( auto-fit, minmax(350px,1fr) ) ;}
body .sp_row400{display:grid;grid-template-columns: repeat( auto-fit, minmax(400px, 1fr) ) ;}
body .sp_row450{display:grid;grid-template-columns: repeat( auto-fit, minmax(450px, 1fr) ) ;}
body .sp_row500{display:grid;grid-template-columns: repeat( auto-fit, minmax(500px, 1fr) ) ;}
/*--------------------------------------------------------------------------------------------------------------------------------------------列数*/
body .sp_row1{display:grid;grid-template-columns: repeat(1 , 1fr);}
body .sp_row2{display:grid;grid-template-columns: repeat(2 , 1fr);}
body .sp_row3{display:grid;grid-template-columns: repeat(3 , 1fr);}
body .sp_row4{display:grid;grid-template-columns: repeat(4 , 1fr);}
body .sp_row5{display:grid;grid-template-columns: repeat(5 , 1fr);}
body .sp_row6{display:grid;grid-template-columns: repeat(6 , 1fr);}
body .sp_row7{display:grid;grid-template-columns: repeat(7 , 1fr);}
body .sp_row8{display:grid;grid-template-columns: repeat(8 , 1fr);}
body .sp_row9{display:grid;grid-template-columns: repeat(9 , 1fr);}
body .sp_row10{display:grid;grid-template-columns: repeat(10 , 1fr);}
/*--------------------------------------------------------------------------------------------------------------------------------------------direction*/
body .sp_row{flex-direction:row;}/*列*/
body .sp_reverse{flex-direction:row-reverse;}/*列逆*/
body .sp_column{flex-direction:column;}/*行*/
body .sp_column_r{flex-direction:column-reverse;}/*行逆*/
/*--------------------------------------------------------------------------------------------------------------------------------------------wrap*/
body .sp_wrap{flex-wrap:wrap;}
body .sp_fl_nowrap{flex-wrap:nowrap;}
body .sp_wrap_r{flex-wrap:wrap-reverse;}
/*--------------------------------------------------------------------------------------------------------------------------------------------justify-content*/
body .sp_jc_s{justify-content:start;}/*主軸を始まりに寄せる（初期値）*/
body .sp_jc_e{justify-content:end;}/*主軸を終わりに寄せる*/
body .sp_jc_c{justify-content:center;}/*主軸を中央に寄せる*/
body .sp_jc_bw{justify-content:space-between;}/*主軸の間を均等割*/
body .sp_jc_ar{justify-content:space-around;}/*主軸の要素を均等割*/
body .sp_jc_str{justify-content:stretch;}/*主軸の要素を伸ばす*/
/*--------------------------------------------------------------------------------------------------------------------------------------------align-content*/
body .sp_ac_s{align-content:start;}/*交差軸を始まりに寄せる（初期値）*/
body .sp_ac_e{align-content:end;}/*交差軸を終わりに寄せる*/
body .sp_ac_c{align-content:center;}/*交差軸を中央に寄せる*/
body .sp_ac_bw{align-content:space-between;}/*交差軸の間を均等割*/
body .sp_ac_ar{align-content:space-around;}/*交差軸の要素を均等割*/
body .sp_ac_str{align-content:stretch;}/*交差軸の要素を伸ばす*/
/*--------------------------------------------------------------------------------------------------------------------------------------------align-items*/
body .sp_ai_s{align-items:start;}/*子要素の内容を始まりに寄せる（初期値）*/
body .sp_ai_e{align-items:end;}/*子要素の内容を終わりに寄せる*/
body .sp_ai_c{align-items:center;}/*子要素の内容を中央の位置に寄せる*/
body .sp_ai_base{align-items:baseline;}/*子要素の内容をベースラインに揃える*/
body .sp_ai_str{align-items:stretch;}/*子要素の内容を伸ばす*/
/*--------------------------------------------------------------------------------------------------------------------------------------------grow*/
body .sp_gro0{flex-grow:0;}/*伸びないでつめる（初期値）*/
body .sp_gro1{flex-grow:1;}
body .sp_gro2{flex-grow:2;}
body .sp_gro3{flex-grow:3;}
/*--------------------------------------------------------------------------------------------------------------------------------------------shrink*/
body .sp_shr0{flex-shrink:0;}/*狭くても縮まない*/
body .sp_shr1{flex-shrink:1;}/*（初期値）*/
body .sp_shr2{flex-shrink:2;}
body .sp_shr3{flex-shrink:3;}
/*--------------------------------------------------------------------------------------------------------------------------------------------basis*/
body .sp_bas{flex-basis:auto;}
body .sp_bas25{flex-basis:25%;}
body .sp_bas33{flex-basis:33.3%;}
body .sp_bas50{flex-basis:50%;}
body .sp_bas75{flex-basis:75%;}
body .sp_bas10{flex-basis:10%;}
body .sp_bas20{flex-basis:20%;}
body .sp_bas30{flex-basis:30%;}
body .sp_bas40{flex-basis:40%;}
body .sp_bas50{flex-basis:50%;}
body .sp_bas60{flex-basis:60%;}
body .sp_bas70{flex-basis:70%;}
body .sp_bas80{flex-basis:80%;}
body .sp_bas90{flex-basis:90%;}
body .sp_bas100{flex-basis:100%;}
/*--------------------------------------------------------------------------------------------------------------------------------------------order*/
body .sp_ord-5{order:-5;}
body .sp_ord-4{order:-4;}
body .sp_ord-3{order:-3;}
body .sp_ord-2{order:-2;}
body .sp_ord-1{order:-1;}
body .sp_ord{order:0;}
body .sp_ord1{order:1;}
body .sp_ord2{order:2;}
body .sp_ord3{order:3;}
body .sp_ord4{order:4;}
body .sp_ord5{order:5;}
/*--------------------------------------------------------------------------------------------------------------------------------------------gap*/
body .sp_gap0{gap:0;}
body .sp_gap1{gap:1px;}
body .sp_gap3{gap:3px;}
body .sp_gap5{gap:5px;}
body .sp_gap10{gap:10px;}
body .sp_gap15{gap:15px;}
body .sp_gap20{gap:20px;}
body .sp_gap30{gap:30px;}
body .sp_gap40{gap:40px;}
body .sp_gap50{gap:50px;}
body .sp_gap60{gap:60px;}
body .sp_gap5p{gap:5%;}
body .sp_gap10p{gap:10%;}
body .sp_gap_tx{gap:0.1em 1em;}
}

/*==========================================================================================
height/width
==========================================================================================*/
/*--------------------------------------------------------------------------------------------------------------------------------------------height*/
body .h10{height:10px}
body .h15{height:15px}
body .h20{height:20px}
body .h25{height:25px}
body .h30{height:30px}
body .h35{height:35px}
body .h40{height:40px}
body .h50{height:50px}
body .h60{height:60px}
body .h70{height:70px}
body .h80{height:80px}
body .h90{height:90px}
body .h100{height:100px}
body .h110{height:110px}
body .h120{height:120px}
body .h130{height:130px}
body .h140{height:140px}
body .h150{height:150px}
body .h160{height:160px}
body .h170{height:170px}
body .h180{height:180px}
body .h190{height:190px}
body .h200{height:200px}
body .h250{height:250px}
body .h300{height:300px}
body .h350{height:350px}
body .h400{height:400px}
body .h500{height:500px}
body .h600{height:600px}
body .h700{height:700px}
body .h800{height:800px}
body .h900{height:900px}
body .h1000{height:1000px}
body .h10p{height:10%}
body .h15p{height:15%}
body .h20p{height:20%}
body .h25p{height:25%}
body .h30p{height:30%}
body .h33p{height:33.3%}
body .h35p{height:35%}
body .h40p{height:40%}
body .h45p{height:45%}
body .h50p{height:50%}
body .h55p{height:55%}
body .h60p{height:60%}
body .h65p{height:65%}
body .h66p{height:66.6%}
body .h70p{height:70%}
body .h75p{height:75%}
body .h80p{height:80%}
body .h100p{height:100%}
body .h03e{height:0.3em}
body .h05e{height:0.5em}
body .h1e{height:1em}
body .h2e{height:2em}
body .h3e{height:3em}
body .h4e{height:4em}
body .h5e{height:5em}
body .h6e{height:6em}
body .h7e{height:7em}
body .h8e{height:8em}
body .h9e{height:9em}
body .h10e{height:10em}
body .hauto{height:auto;max-height:auto;min-height:auto;}
body .hmax{max-height:100%;}
body .hmin{min-height:0;}
/*--------------------------------------------------------------------------------------------------------------------------------------------width*/
body .w10{width:10px}
body .w15{width:15px}
body .w20{width:20px}
body .w25{width:25px}
body .w30{width:30px}
body .w35{width:35px}
body .w40{width:40px}
body .w50{width:50px}
body .w60{width:60px}
body .w70{width:70px}
body .w80{width:80px}
body .w90{width:90px}
body .w100{width:100px}
body .w110{width:110px}
body .w120{width:120px}
body .w130{width:130px}
body .w140{width:140px}
body .w150{width:150px}
body .w160{width:160px}
body .w170{width:170px}
body .w180{width:180px}
body .w190{width:190px}
body .w200{width:200px}
body .w250{width:250px}
body .w300{width:300px}
body .w350{width:350px}
body .w400{width:400px}
body .w500{width:500px}
body .w600{width:600px}
body .w700{width:700px}
body .w800{width:800px}
body .w900{width:900px}
body .w1000{width:1000px}
body .w10p{width:10%}
body .w15p{width:15%}
body .w20p{width:20%}
body .w25p{width:25%}
body .w30p{width:30%}
body .w33p{width:33.3%}
body .w35p{width:35%}
body .w40p{width:40%}
body .w45p{width:45%}
body .w50p{width:50%}
body .w55p{width:55%}
body .w60p{width:60%}
body .w65p{width:65%}
body .w66p{width:66.6%}
body .w70p{width:70%}
body .w75p{width:75%}
body .w80p{width:80%}
body .w100p{width:100%}
body .w03e{width:0.3em}
body .w05e{width:0.5em}
body .w1e{width:1em}
body .w2e{width:2em}
body .w3e{width:3em}
body .w4e{width:4em}
body .w5e{width:5em}
body .w6e{width:6em}
body .w7e{width:7em}
body .w8e{width:8em}
body .w9e{width:9em}
body .w10e{width:10em}
body .wauto{width:auto;max-width:auto;min-width:auto;}
body .wmax{max-width:100%;}
body .wmin{min-width:0;}
body .wfull{margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw);}
/*--------------------------------------------------------------------------------------------------------------------------------------------img100*/
body .img100 img{min-width:100%;max-height:none;}
/*--------------------------------------------------------------------------------------------------------------------------------------------imgfit*/
body .imgfit img{width:100%;height:100%;object-fit:cover;}

@media print, screen and (min-width: 768px) {
/*--------------------------------------------------------------------------------------------------------------------------------------------height*/
body .pc_h10{height:10px}
body .pc_h15{height:15px}
body .pc_h20{height:20px}
body .pc_h25{height:25px}
body .pc_h30{height:30px}
body .pc_h35{height:35px}
body .pc_h40{height:40px}
body .pc_h50{height:50px}
body .pc_h60{height:60px}
body .pc_h70{height:70px}
body .pc_h80{height:80px}
body .pc_h90{height:90px}
body .pc_h100{height:100px}
body .pc_h110{height:110px}
body .pc_h120{height:120px}
body .pc_h130{height:130px}
body .pc_h140{height:140px}
body .pc_h150{height:150px}
body .pc_h160{height:160px}
body .pc_h170{height:170px}
body .pc_h180{height:180px}
body .pc_h190{height:190px}
body .pc_h200{height:200px}
body .pc_h250{height:250px}
body .pc_h300{height:300px}
body .pc_h350{height:350px}
body .pc_h400{height:400px}
body .pc_h500{height:500px}
body .pc_h600{height:600px}
body .pc_h700{height:700px}
body .pc_h800{height:800px}
body .pc_h900{height:900px}
body .pc_h1000{height:1000px}
body .pc_h10p{height:10%}
body .pc_h15p{height:15%}
body .pc_h20p{height:20%}
body .pc_h25p{height:25%}
body .pc_h30p{height:30%}
body .pc_h33p{height:33.3%}
body .pc_h35p{height:35%}
body .pc_h40p{height:40%}
body .pc_h45p{height:45%}
body .pc_h50p{height:50%}
body .pc_h55p{height:55%}
body .pc_h60p{height:60%}
body .pc_h65p{height:65%}
body .pc_h66p{height:66.6%}
body .pc_h70p{height:70%}
body .pc_h75p{height:75%}
body .pc_h80p{height:80%}
body .pc_h100p{height:100%}
body .pc_h03e{height:0.3em}
body .pc_h05e{height:0.5em}
body .pc_h1e{height:1em}
body .pc_h2e{height:2em}
body .pc_h3e{height:3em}
body .pc_h4e{height:4em}
body .pc_h5e{height:5em}
body .pc_h6e{height:6em}
body .pc_h7e{height:7em}
body .pc_h8e{height:8em}
body .pc_h9e{height:9em}
body .pc_h10e{height:10em}
body .pc_hauto{height:auto;max-height:auto;min-height:auto;}
body .pc_hmax{max-height:100%;}
body .pc_hmin{min-height:0;}
/*--------------------------------------------------------------------------------------------------------------------------------------------width*/
body .pc_w10{width:10px}
body .pc_w15{width:15px}
body .pc_w20{width:20px}
body .pc_w25{width:25px}
body .pc_w30{width:30px}
body .pc_w35{width:35px}
body .pc_w40{width:40px}
body .pc_w50{width:50px}
body .pc_w60{width:60px}
body .pc_w70{width:70px}
body .pc_w80{width:80px}
body .pc_w90{width:90px}
body .pc_w100{width:100px}
body .pc_w110{width:110px}
body .pc_w120{width:120px}
body .pc_w130{width:130px}
body .pc_w140{width:140px}
body .pc_w150{width:150px}
body .pc_w160{width:160px}
body .pc_w170{width:170px}
body .pc_w180{width:180px}
body .pc_w190{width:190px}
body .pc_w200{width:200px}
body .pc_w250{width:250px}
body .pc_w300{width:300px}
body .pc_w350{width:350px}
body .pc_w400{width:400px}
body .pc_w500{width:500px}
body .pc_w600{width:600px}
body .pc_w700{width:700px}
body .pc_w800{width:800px}
body .pc_w900{width:900px}
body .pc_w1000{width:1000px}
body .pc_w10p{width:10%}
body .pc_w15p{width:15%}
body .pc_w20p{width:20%}
body .pc_w25p{width:25%}
body .pc_w30p{width:30%}
body .pc_w33p{width:33.3%}
body .pc_w35p{width:35%}
body .pc_w40p{width:40%}
body .pc_w45p{width:45%}
body .pc_w50p{width:50%}
body .pc_w55p{width:55%}
body .pc_w60p{width:60%}
body .pc_w65p{width:65%}
body .pc_w66p{width:66.6%}
body .pc_w70p{width:70%}
body .pc_w75p{width:75%}
body .pc_w80p{width:80%}
body .pc_w100p{width:100%}
body .pc_w03e{width:0.3em}
body .pc_w05e{width:0.5em}
body .pc_w1e{width:1em}
body .pc_w2e{width:2em}
body .pc_w3e{width:3em}
body .pc_w4e{width:4em}
body .pc_w5e{width:5em}
body .pc_w6e{width:6em}
body .pc_w7e{width:7em}
body .pc_w8e{width:8em}
body .pc_w9e{width:9em}
body .pc_w10e{width:10em}
body .pc_wauto{width:auto;max-width:auto;min-width:auto;}
body .pc_wmax{max-width:100%;}
body .pc_wmin{min-width:0;}
body .pc_wfull{margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw);}
/*--------------------------------------------------------------------------------------------------------------------------------------------img100*/
body .pc_img100 img{min-width:100%;max-height:none;}
/*--------------------------------------------------------------------------------------------------------------------------------------------imgfit*/
body .pc_imgfit img{width:100%;height:100%;object-fit:cover;}	
}

@media screen and (max-width: 767px) {
/*--------------------------------------------------------------------------------------------------------------------------------------------height*/
body .sp_h10{height:10px}
body .sp_h15{height:15px}
body .sp_h20{height:20px}
body .sp_h25{height:25px}
body .sp_h30{height:30px}
body .sp_h35{height:35px}
body .sp_h40{height:40px}
body .sp_h50{height:50px}
body .sp_h60{height:60px}
body .sp_h70{height:70px}
body .sp_h80{height:80px}
body .sp_h90{height:90px}
body .sp_h100{height:100px}
body .sp_h110{height:110px}
body .sp_h120{height:120px}
body .sp_h130{height:130px}
body .sp_h140{height:140px}
body .sp_h150{height:150px}
body .sp_h160{height:160px}
body .sp_h170{height:170px}
body .sp_h180{height:180px}
body .sp_h190{height:190px}
body .sp_h200{height:200px}
body .sp_h250{height:250px}
body .sp_h300{height:300px}
body .sp_h350{height:350px}
body .sp_h400{height:400px}
body .sp_h500{height:500px}
body .sp_h600{height:600px}
body .sp_h700{height:700px}
body .sp_h800{height:800px}
body .sp_h900{height:900px}
body .sp_h1000{height:1000px}
body .sp_h10p{height:10%}
body .sp_h15p{height:15%}
body .sp_h20p{height:20%}
body .sp_h25p{height:25%}
body .sp_h30p{height:30%}
body .sp_h33p{height:33.3%}
body .sp_h35p{height:35%}
body .sp_h40p{height:40%}
body .sp_h45p{height:45%}
body .sp_h50p{height:50%}
body .sp_h55p{height:55%}
body .sp_h60p{height:60%}
body .sp_h65p{height:65%}
body .sp_h66p{height:66.6%}
body .sp_h70p{height:70%}
body .sp_h75p{height:75%}
body .sp_h80p{height:80%}
body .sp_h100p{height:100%}
body .sp_h03e{height:0.3em}
body .sp_h05e{height:0.5em}
body .sp_h1e{height:1em}
body .sp_h2e{height:2em}
body .sp_h3e{height:3em}
body .sp_h4e{height:4em}
body .sp_h5e{height:5em}
body .sp_h6e{height:6em}
body .sp_h7e{height:7em}
body .sp_h8e{height:8em}
body .sp_h9e{height:9em}
body .sp_h10e{height:10em}
body .sp_hauto{height:auto;max-height:auto;min-height:auto;}
body .sp_hmax{max-height:100%;}
body .sp_hmin{min-height:0;}
/*--------------------------------------------------------------------------------------------------------------------------------------------width*/
body .sp_w10{width:10px}
body .sp_w15{width:15px}
body .sp_w20{width:20px}
body .sp_w25{width:25px}
body .sp_w30{width:30px}
body .sp_w35{width:35px}
body .sp_w40{width:40px}
body .sp_w50{width:50px}
body .sp_w60{width:60px}
body .sp_w70{width:70px}
body .sp_w80{width:80px}
body .sp_w90{width:90px}
body .sp_w100{width:100px}
body .sp_w110{width:110px}
body .sp_w120{width:120px}
body .sp_w130{width:130px}
body .sp_w140{width:140px}
body .sp_w150{width:150px}
body .sp_w160{width:160px}
body .sp_w170{width:170px}
body .sp_w180{width:180px}
body .sp_w190{width:190px}
body .sp_w200{width:200px}
body .sp_w250{width:250px}
body .sp_w300{width:300px}
body .sp_w350{width:350px}
body .sp_w400{width:400px}
body .sp_w500{width:500px}
body .sp_w600{width:600px}
body .sp_w700{width:700px}
body .sp_w800{width:800px}
body .sp_w900{width:900px}
body .sp_w1000{width:1000px}
body .sp_w10p{width:10%}
body .sp_w15p{width:15%}
body .sp_w20p{width:20%}
body .sp_w25p{width:25%}
body .sp_w30p{width:30%}
body .sp_w33p{width:33.3%}
body .sp_w35p{width:35%}
body .sp_w40p{width:40%}
body .sp_w45p{width:45%}
body .sp_w50p{width:50%}
body .sp_w55p{width:55%}
body .sp_w60p{width:60%}
body .sp_w65p{width:65%}
body .sp_w66p{width:66.6%}
body .sp_w70p{width:70%}
body .sp_w75p{width:75%}
body .sp_w80p{width:80%}
body .sp_w100p{width:100%}
body .sp_w03e{width:0.3em}
body .sp_w05e{width:0.5em}
body .sp_w1e{width:1em}
body .sp_w2e{width:2em}
body .sp_w3e{width:3em}
body .sp_w4e{width:4em}
body .sp_w5e{width:5em}
body .sp_w6e{width:6em}
body .sp_w7e{width:7em}
body .sp_w8e{width:8em}
body .sp_w9e{width:9em}
body .sp_w10e{width:10em}
body .sp_wauto{width:auto;max-width:auto;min-width:auto;}
body .sp_wmax{max-width:100%;}
body .sp_wmin{min-width:0;}
body .sp_wfull{margin-right:calc(50% - 50vw);margin-left:calc(50% - 50vw);}
/*--------------------------------------------------------------------------------------------------------------------------------------------img100*/
body .sp_img100 img{min-width:100%;max-height:none;}
/*--------------------------------------------------------------------------------------------------------------------------------------------imgfit*/
body .sp_imgfit img{width:100%;height:100%;object-fit:cover;}
}