@charset "UTF-8";
/*
Date: 2023-05-01
*/

/*  utility
CSS Index 
--------------------------------------------------------------
1 : font-text
 	  : font-family 
 	  : tx_color
 	  : ya_color
 	  : line-marker
	  : line-marker-sen
 	  : font-size
 	  : indent
 	  : letter-spacing
 	  : line-height
 	  : align
 	  : weight
2 : border
 	  : rad
 	  : sen
 	  : sen_color
 	  : sen_no
3 : background
 	  : bg_k
 	  : bg_w
 	  : bg_g
 	  : bg_color
 	  : bg_pale_color
 	  : bg_ptn
 	  : bg_img
 	  : bg_no
4 : layout
 	  : display
 	  : relative
 	  : absolute
 	  : static
 	  : float
5 : flex/inline-flex
 	  : 列/左
 	  : 列/右
 	  : 列/中
 	  : 列/両端
 	  : 列/等間隔
 	  : 行
 	  : 列幅
 	  : 列数
 	  : direction 方向
 	  : wrap折り返し
 	  : justify-content 主軸の寄せ
 	  : align-content 交差軸の寄せ
 	  : align-items子要素の中身の位置
 	  : grow伸び率(子要素に追加)
 	  : shrink縮み率(子要素に追加)
 	  : basisベース幅(子要素に追加)
 	  : order並び順
 	  : gap子要素の間隔
6 : height/width
 	  : height
 	  : width
 	  : img100
 	  : imgfit
7 : space
 	  : margin_around
 	  : margin_x
 	  : margin_y
 	  : margin_top
 	  : margin_bottom
 	  : margin_left
 	  : margin_right
 	  : padding_around
 	  : padding_x
 	  : padding_y
 	  : padding_top
 	  : padding_bottom
 	  : padding_left
 	  : padding_right
 	  : li_mリストの間（ol / ul）
8 : hover
 	  : hoverで明暗
 	  : hoverで拡大
9 : etc
 	  : 改行
 	  : disable
 	  : blend
 	  : deg角度
 	  : aspアスペクト比
PC_CSS
SP_CSS
-----------------------------------------------------------------------------------------*/

/*==========================================================================================
font-text
==========================================================================================*/
/*--------------------------------------------------------------------------------------------------------------------------------------------font-family*/
body .serif{font-family:serif}
body .sans{font-family:sans-serif;}
body .mincho{font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif}
body .gothic{font-family:"Helvetica Neue", "Helvetica", "Arial", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif}
body .gothicM{font-family:"ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO"}/*font-weight:600以上で使用*/
body .futura{font-family: 'Trebuchet MS','Futura','Arial',sans-serif;}/*英数のみ*/
body .arial{font-family: 'Arial',sans-serif;}/*英数のみ*/
/*--------------------------------------------------------------------------------------------------------------------------------------------tx_color*/
body .tx_w{color:#FFFFFF;}
body .tx_k{color:#000000;}
body .tx_gray{color:#9E9E9E;}
body .tx_red{color:#F44336;}
body .tx_pink{color:#E91E63;}
body .tx_purple{color:#9C27B0;}
body .tx_cyan{color:#00BCD4;}
body .tx_blue{color:#2196F3;}
body .tx_blueg{color:#607D8B;}
body .tx_green{color:#4CAF50;}
body .tx_yellow{color:#FFC107;}
body .tx_orange{color:#FF9800;}
body .tx_brown{color:#795548;}
body .tx_inherit{color:inherit}
body .tx_tp{color:transparent;}
body .tx_g10{color:#FAFAFA;}
body .tx_g20{color:#F5F5F5;}
body .tx_g30{color:#EEEEEE;}
body .tx_g40{color:#E0E0E0;}
body .tx_g50{color:#BDBDBD;}
body .tx_g60{color:#757575;}
body .tx_g70{color:#616161;}
body .tx_g80{color:#424242;}
body .tx_g90{color:#333333;}
/*--------------------------------------------------------------------------------------------------------------------------------------------ya_color*/
body .ya_w::before{border-color:#FFF;background-color:#FFF;}
body .ya_k::before{border-color:#000;background-color:#000;}
body .ya_gray::before{border-color:#9E9E9E;background-color:#9E9E9E;}
body .ya_red::before{border-color:#F44336;background-color:#F44336;}
body .ya_pink::before{border-color:#E91E63;background-color:#E91E63;}
body .ya_purple::before{border-color:#9C27B0;background-color:#9C27B0;}
body .ya_cyan::before{border-color:#00BCD4;background-color:#00BCD4;}
body .ya_blue::before{border-color:#2196F3;background-color:#2196F3;}
body .ya_blueg::before{border-color:#607D8B;background-color:#607D8B;}
body .ya_green::before{border-color:#4CAF50;background-color:#4CAF50;}
body .ya_yellow::before{border-color:#FFC107;background-color:#FFC107;}
body .ya_orange::before{border-color:#FF9800;background-color:#FF9800;}
body .ya_brown::before{border-color:#795548;background-color:#795548;}
/*--------------------------------------------------------------------------------------------------------------------------------------------line-marker*/
body .lm_yellow{display:inline;background:linear-gradient(transparent 0%, #FFFF00 0%)}
body .lm_pink{display:inline;background:linear-gradient(transparent 0%, #ff66ff 0%)}
body .lm_blue{display:inline;background:linear-gradient(transparent 0%, #66ccff 0%)}
body .lm_green{display:inline;background:linear-gradient(transparent 0%, #66ff66 0%)}
/*--------------------------------------------------------------------------------------------------------------------------------------------line-marker-sen*/
body .lm_sen_yellow{display:inline;background:linear-gradient(transparent 80%, #FFFF00 80%)}
body .lm_sen_pink{display:inline;background:linear-gradient(transparent 80%, #ff66ff 80%)}
body .lm_sen_blue{display:inline;background:linear-gradient(transparent 80%, #66ccff 80%)}
body .lm_sen_green{display:inline;background:linear-gradient(transparent 80%, #66ff66 80%)}
/*--------------------------------------------------------------------------------------------------------------------------------------------font-size*/
body .fs0{font-size:0rem}
body .fs10{font-size:1rem}
body .fs11{font-size:1.1rem}
body .fs12{font-size:1.2rem}
body .fs13{font-size:1.3rem}
body .fs14{font-size:1.4rem}
body .fs15{font-size:1.5rem}
body .fs16{font-size:1.6rem}
body .fs17{font-size:1.7rem}
body .fs18{font-size:1.8rem}
body .fs19{font-size:1.9rem}
body .fs20{font-size:2rem}
body .fs21{font-size:21.rem}
body .fs22{font-size:2.2rem}
body .fs23{font-size:2.3rem}
body .fs24{font-size:2.4rem}
body .fs25{font-size:2.5rem}
body .fs26{font-size:2.6rem}
body .fs27{font-size:2.7rem}
body .fs28{font-size:2.8rem}
body .fs29{font-size:2.9rem}
body .fs30{font-size:3rem}
body .fs34{font-size:3.4rem}
body .fs40{font-size:4rem}
body .fs50{font-size:5rem}
body .fs60{font-size:6rem}
/*fsp*/
body .fsp50{font-size:50%}
body .fsp60{font-size:60%}
body .fsp70{font-size:70%}
body .fsp75{font-size:75%}
body .fsp80{font-size:80%}
body .fsp90{font-size:90%}
body .fsp100{font-size:100%}
body .fsp110{font-size:110%}
body .fsp120{font-size:120%}
body .fsp125{font-size:125%}
body .fsp150{font-size:150%}
body .fsp200{font-size:200%}
body .fsp300{font-size:300%}
/*--------------------------------------------------------------------------------------------------------------------------------------------indent*/
body .ind0{text-indent:0;}
body .ind1{text-indent:1em}
/*--------------------------------------------------------------------------------------------------------------------------------------------letter-spacing*/
body .ls0{letter-spacing:0}
body .ls1{letter-spacing:0.1rem}
body .ls2{letter-spacing:0.2rem}
body .ls3{letter-spacing:0.3rem}
/*--------------------------------------------------------------------------------------------------------------------------------------------line-height*/
body .lh1{line-height:1}
body .lh11{line-height:1.1}
body .lh125{line-height:1.25}
body .lh15{line-height:1.5}
body .lh166{line-height:1.66}
body .lh175{line-height:1.75}
body .lh187{line-height:1.875}
body .lh2{line-height:2}
body .lh25{line-height:2.5}
/*--------------------------------------------------------------------------------------------------------------------------------------------align*/
body .center{text-align:center;margin-right:auto;margin-left:auto}
body .right{text-align:right}
body .left{text-align:left}
body .justify{text-align:justify;text-justify:distribute}
/*--------------------------------------------------------------------------------------------------------------------------------------------weight*/
body .bold{font-weight:bold}/*太字*/
body .normal{font-weight:normal}/*通常の太さ*/


/*==========================================================================================
border
==========================================================================================*/
/*--------------------------------------------------------------------------------------------------------------------------------------------rad*/
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 .rad_t{border-bottom-right-radius:0;border-bottom-left-radius:0;}
body .rad_b{border-top-right-radius:0;border-top-left-radius:0;}
/*radimg*/
body .radimg5 img{border-radius:5px}
body .radimg10 img{border-radius:10px}
body .radimg20 img{border-radius:20px}
body .radimg100 img{border-radius:100%}
/*--------------------------------------------------------------------------------------------------------------------------------------------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_r{border-right:1px solid rgba(0, 0, 0, 0.3)}
body .sen_r2{border-right:2px solid rgba(0, 0, 0, 0.3)}
body .sen_t_dot{border-top:2px dotted rgba(0, 0, 0, 0.3)}
body .sen_t_dash{border-top:1px dashed 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_b_dot{border-bottom:2px dotted rgba(0, 0, 0, 0.3)}
body .sen_b_dash{border-bottom:1px dashed 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_waku_dot{border:2px dotted rgba(0, 0, 0, 0.3)}
body .sen_waku_w{border:3px double rgba(0, 0, 0, 0.3)}
/*--------------------------------------------------------------------------------------------------------------------------------------------sen_color*/
body .sen_w{border-color:#FFF;}
body .sen_k{border-color:#000;}
body .sen_gray{border-color:#9E9E9E;}
body .sen_red{border-color:#F44336;}
body .sen_pink{border-color:#E91E63;}
body .sen_purple{border-color:#9C27B0;}
body .sen_cyan{border-color:#00BCD4;}
body .sen_blue{border-color:#2196F3;}
body .sen_blueg{border-color:#607D8B;}
body .sen_green{border-color:#4CAF50;}
body .sen_yellow{border-color:#FFC107;}
body .sen_orange{border-color:#FF9800;}
body .sen_brown{border-color:#795548;}
body .sen_tp{border-color:transparent;}
body .sen_g10{border-color:#FAFAFA;}
body .sen_g20{border-color:#F5F5F5;}
body .sen_g30{border-color:#EEEEEE;}
body .sen_g40{border-color:#E0E0E0;}
body .sen_g50{border-color:#BDBDBD;}
body .sen_g60{border-color:#757575;}
body .sen_g70{border-color:#616161;}
body .sen_g80{border-color:#424242;}
body .sen_g90{border-color:#333333;}
/*after*/
body .sen_w::after{border-color:#FFF;}
body .sen_k::after{border-color:#000;}
body .sen_gray::after{border-color:#9E9E9E;}
body .sen_red::after{border-color:#F44336;}
body .sen_pink::after{border-color:#E91E63;}
body .sen_purple::after{border-color:#9C27B0;}
body .sen_cyan::after{border-color:#00BCD4;}
body .sen_blue::after{border-color:#2196F3;}
body .sen_blueg::after{border-color:#607D8B;}
body .sen_green::after{border-color:#4CAF50;}
body .sen_yellow::after{border-color:#FFC107;}
body .sen_orange::after{border-color:#FF9800;}
body .sen_brown::after{border-color:#795548;}
body .sen_g10::after{border-color:#FAFAFA;}
body .sen_g20::after{border-color:#F5F5F5;}
body .sen_g30::after{border-color:#EEEEEE;}
body .sen_g40::after{border-color:#E0E0E0;}
body .sen_g50::after{border-color:#BDBDBD;}
body .sen_g60::after{border-color:#757575;}
body .sen_g70::after{border-color:#616161;}
body .sen_g80::after{border-color:#424242;}
body .sen_g90::after{border-color:#333333;}
/*--------------------------------------------------------------------------------------------------------------------------------------------sen_no*/
body .sen_no{border:none}
body .sen_t_no{border-top:none}
body .sen_b_no{border-bottom:none}
body .sen_r_no{border-right:none}
body .sen_l_no{border-left:none}


/*==========================================================================================
background
==========================================================================================*/
/*--------------------------------------------------------------------------------------------------------------------------------------------bg_k*/
body .bg_k{background-color:#000000;color:#fff;}
body .bg_k5{background-color:rgba(0, 0, 0, 0.05)}
body .bg_k10{background-color:rgba(0, 0, 0, 0.1)}
body .bg_k20{background-color:rgba(0, 0, 0, 0.2)}
body .bg_k30{background-color:rgba(0, 0, 0, 0.3)}
body .bg_k40{background-color:rgba(0, 0, 0, 0.4)}
body .bg_k50{background-color:rgba(0, 0, 0, 0.5);color:#fff}
body .bg_k60{background-color:rgba(0, 0, 0, 0.6);color:#fff}
body .bg_k70{background-color:rgba(0, 0, 0, 0.7);color:#fff}
body .bg_k80{background-color:rgba(0, 0, 0, 0.8);color:#fff}
body .bg_k90{background-color:rgba(0, 0, 0, 0.9);color:#fff}
/*--------------------------------------------------------------------------------------------------------------------------------------------bg_w*/
body .bg_w{background-color:#FFFFFF;}
body .bg_w10{background-color:rgba(255, 255, 255, 0.1)}
body .bg_w20{background-color:rgba(255, 255, 255, 0.2)}
body .bg_w30{background-color:rgba(255, 255, 255, 0.3)}
body .bg_w40{background-color:rgba(255, 255, 255, 0.4)}
body .bg_w50{background-color:rgba(255, 255, 255, 0.5)}
body .bg_w60{background-color:rgba(255, 255, 255, 0.6)}
body .bg_w70{background-color:rgba(255, 255, 255, 0.7)}
body .bg_w80{background-color:rgba(255, 255, 255, 0.8)}
body .bg_w90{background-color:rgba(255, 255, 255, 0.9)}
/*--------------------------------------------------------------------------------------------------------------------------------------------bg_g*/
body .bg_g10{background-color:#FAFAFA;}
body .bg_g20{background-color:#F5F5F5;}
body .bg_g30{background-color:#EEEEEE;}
body .bg_g40{background-color:#E0E0E0;}
body .bg_g50{background-color:#BDBDBD;}
body .bg_g60{background-color:#757575;}
body .bg_g70{background-color:#616161;}
body .bg_g80{background-color:#424242;}
body .bg_g90{background-color:#333333;}
/*--------------------------------------------------------------------------------------------------------------------------------------------bg_color*/
body .bg_gray{background-color:#9E9E9E;}
body .bg_red{background-color:#F44336;}
body .bg_pink{background-color:#E91E63;}
body .bg_purple{background-color:#9C27B0;}
body .bg_cyan{background-color:#00BCD4;}
body .bg_blue{background-color:#2196F3;}
body .bg_blueg{background-color:#607D8B;}
body .bg_green{background-color:#4CAF50;}
body .bg_yellow{background-color:#FFC107;}
body .bg_orange{background-color:#FF9800;}
body .bg_brown{background-color:#795548;}
body .bg_tp{background-color:transparent;}
/*--------------------------------------------------------------------------------------------------------------------------------------------bg_pale_color*/
body .bg_pale_red{background-color:#FFCDD2;}
body .bg_pale_pink{background-color:#F8BBD0;}
body .bg_pale_purple{background-color:#E1BEE7;}
body .bg_pale_cyan{background-color:#B2EBF2;}
body .bg_pale_blue{background-color:#BBDEFB;}
body .bg_pale_blueg{background-color:#C5CAE9;}
body .bg_pale_green{background-color:#C8E6C9;}
body .bg_pale_yellow{background-color:#FFF9C4;}
body .bg_pale_orange{background-color:#FFE0B2;}
body .bg_pale_brown{background-color:#D7CCC8;}
/*--------------------------------------------------------------------------------------------------------------------------------------------bg_ptn*/
body .bg_ptn01{background-image:url(images/bg_ptn01.svg)}
body .bg_ptn02{background-image:url(images/bg_ptn02.svg)}
body .bg_ptn03{background-image:url(images/bg_ptn03.svg)}
body .bg_ptn04{background-image:url(images/bg_ptn04.svg)}
body .bg_ptn05{background-image:url(images/bg_ptn05.svg)}
body .bg_ptn06{background-image:url(images/bg_ptn06.svg)}
body .bg_ptn07{background-image:url(images/bg_ptn07.svg)}
body .bg_ptn08{background-image:url(images/bg_ptn08.svg)}
body .bg_ptn09{background-image:url(images/bg_ptn09.svg)}
body .bg_ptn10{background-image:url(images/bg_ptn10.svg)}
/*--------------------------------------------------------------------------------------------------------------------------------------------bg_img*/
body .bg_img01{background:url(images/bg_img01.jpg) center;background-size:cover}
body .bg_img02{background:url(images/bg_img02.jpg) center;background-size:cover}
body .bg_img03{background:url(images/bg_img03.jpg) center;background-size:cover}
body .bg_img04{background:url(images/bg_img04.jpg) center;background-size:cover}
body .bg_img05{background:url(images/bg_img05.jpg) center;background-size:cover}
body .bg_img06{background:url(images/bg_img06.jpg) center;background-size:cover}
body .bg_img07{background:url(images/bg_img07.jpg) center;background-size:cover}
body .bg_img08{background:url(images/bg_img08.jpg) center;background-size:cover}
body .bg_img09{background:url(images/bg_img09.jpg) center;background-size:cover}
body .bg_img10{background:url(images/bg_img10.jpg) center;background-size:cover}
/*--------------------------------------------------------------------------------------------------------------------------------------------bg_no*/
body .bg_no{background:none}


/*==========================================================================================
layout
==========================================================================================*/
/*--------------------------------------------------------------------------------------------------------------------------------------------display*/
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}
/*--------------------------------------------------------------------------------------------------------------------------------------------relative*/
body .relative{position:relative}
/*--------------------------------------------------------------------------------------------------------------------------------------------absolute*/
body .abs{position:absolute;z-index:10;}
body .abs_t{position:absolute;z-index:10;top:0;bottom:auto}
body .abs_b{position:absolute;z-index:10;bottom:0;top:auto}
body .abs_r{position:absolute;z-index:10;right:0;left:auto}
body .abs_l{position:absolute;z-index:10;left:0;right:auto}
/*--------------------------------------------------------------------------------------------------------------------------------------------static*/
body .static{position:static}
/*--------------------------------------------------------------------------------------------------------------------------------------------float*/
body .fr{float:right}
body .fl{float:left}
body .fn{float:none}


/*==========================================================================================
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;}



/*==========================================================================================
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;}

/*==========================================================================================
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}
/*--------------------------------------------------------------------------------------------------------------------------------------------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}
/*--------------------------------------------------------------------------------------------------------------------------------------------li_mリストの間（ol / ul）*/
body .li_m0 > li + li{margin-top:0;}
body .li_m1 > li + li{margin-top:0.1em;}
body .li_m2 > li + li{margin-top:0.2em;}
body .li_m3 > li + li{margin-top:0.3em;}
body .li_m4 > li + li{margin-top:0.4em;}
body .li_m5 > li + li{margin-top:0.5em;}
body .li_m6 > li + li{margin-top:0.6em;}
body .li_m7 > li + li{margin-top:0.7em;}
body .li_m8 > li + li{margin-top:0.8em;}
body .li_m9 > li + li{margin-top:0.9em;}
body .li_m10 > li + li{margin-top:1em;}


/*==========================================================================================
hover
==========================================================================================*/
/*--------------------------------------------------------------------------------------------------------------------------------------------hoverで明暗*/
body .hv_pale a:hover{filter:brightness(150%);filter:opacity(60%);}
body .hv_dark a:hover{filter:brightness(75%);}
body .hv_k a:hover{background:rgba(0,0,0,0.05);filter:brightness(100%);}
body .hv_w a:hover{background:rgba(255,255,255,0.3);filter:brightness(100%);}
/*--------------------------------------------------------------------------------------------------------------------------------------------hoverで拡大*/
body .hv_big a{transition: all 0.3s;}
body .hv_big a:hover{transform: scale(1.1);}


/*==========================================================================================
etc
==========================================================================================*/
/*--------------------------------------------------------------------------------------------------------------------------------------------改行*/
body .nowrap{white-space:nowrap}/*折り返さない*/
body .break{word-break:break-all}/*URLなども折り返す*/
/*--------------------------------------------------------------------------------------------------------------------------------------------disable*/
.disable{cursor:default;pointer-events:none;}/*link/input/button無効*/
/*--------------------------------------------------------------------------------------------------------------------------------------------blend*/
body .bl_mul{mix-blend-mode:multiply;}/*乗算*/
body .bl_scr{mix-blend-mode:screen;}/*スクリーン*/
body .bl_over{mix-blend-mode:overlay;}/*オーバレイ*/
body .bl_dark{mix-blend-mode:darken;}/*暗く合成する*/
body .bl_light{mix-blend-mode:lighten;}/*明るく合成する*/
body .bl_dod{mix-blend-mode:color-dodge;}/*覆い焼き*/
body .bl_burn{mix-blend-mode:color-burn;}/*焼きこみ*/
body .bl_light_h{mix-blend-mode:hard-light;}/*ハードに明るく合成する*/
body .bl_light_s{mix-blend-mode:soft-light;}/*ソフトに明るく合成する*/
body .bl_dif{mix-blend-mode:difference;}/*相違で合成する*/
body .bl_exc{mix-blend-mode:exclusion;}/*除外*/
body .bl_hue{mix-blend-mode:hue;}/*色相*/
body .bl_sat{mix-blend-mode:saturation;}/*彩度*/
body .bl_color{mix-blend-mode:color;}/*カラー*/
body .bl_lum{mix-blend-mode:luminosity;}/*輝度*/
/*--------------------------------------------------------------------------------------------------------------------------------------------deg*/
body .deg0{transform:rotate(0deg);}
body .deg5{transform:rotate(5deg);}
body .deg10{transform:rotate(10deg);}
body .deg15{transform:rotate(15deg);}
body .deg30{transform:rotate(30deg);}
body .deg45{transform:rotate(45deg);}
body .deg135{transform:rotate(135deg);}
body .deg-5{transform:rotate(-5deg);}
body .deg-10{transform:rotate(-10deg);}
body .deg-15{transform:rotate(-15deg);}
body .deg-30{transform:rotate(-30deg);}
body .deg-45{transform:rotate(-45deg);}
body .deg-135{transform:rotate(-135deg);}
/*--------------------------------------------------------------------------------------------------------------------------------------------asp*/
body .asp43{aspect-ratio:4 / 3;overflow:hidden;}
body .asp21{aspect-ratio:2 / 1;overflow:hidden;}
body .asp1{aspect-ratio:1 / 1;overflow:hidden;}



/*
PC_CSS||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/
@media print, screen and (min-width: 768px) {

/*==========================================================================================
font-text
==========================================================================================*/
/*--------------------------------------------------------------------------------------------------------------------------------------------font-family*/
body .pc_serif{font-family:serif}
body .pc_sans{font-family:sans-serif;}
body .pc_mincho{font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif}
body .pc_gothic{font-family:"Helvetica Neue", "Helvetica", "Arial", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif}
body .pc_gothicM{font-family:"ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO"}/*font-weight:600以上で使用*/
body .pc_futura{font-family: 'Trebuchet MS','Futura','Arial',sans-serif;}/*英数のみ*/
body .pc_arial{font-family: 'Arial',sans-serif;}/*英数のみ*/
/*--------------------------------------------------------------------------------------------------------------------------------------------tx_color*/
body .pc_tx_w{color:#FFFFFF;}
body .pc_tx_k{color:#000000;}
body .pc_tx_gray{color:#9E9E9E;}
body .pc_tx_red{color:#F44336;}
body .pc_tx_pink{color:#E91E63;}
body .pc_tx_purple{color:#9C27B0;}
body .pc_tx_cyan{color:#00BCD4;}
body .pc_tx_blue{color:#2196F3;}
body .pc_tx_blueg{color:#607D8B;}
body .pc_tx_green{color:#4CAF50;}
body .pc_tx_yellow{color:#FFC107;}
body .pc_tx_orange{color:#FF9800;}
body .pc_tx_brown{color:#795548;}
body .pc_tx_inherit{color:inherit}
body .pc_tx_tp{color:transparent;}
body .pc_tx_g10{color:#FAFAFA;}
body .pc_tx_g20{color:#F5F5F5;}
body .pc_tx_g30{color:#EEEEEE;}
body .pc_tx_g40{color:#E0E0E0;}
body .pc_tx_g50{color:#BDBDBD;}
body .pc_tx_g60{color:#757575;}
body .pc_tx_g70{color:#616161;}
body .pc_tx_g80{color:#424242;}
body .pc_tx_g90{color:#333333;}
/*--------------------------------------------------------------------------------------------------------------------------------------------ya_color*/
body .pc_ya_w::before{border-color:#FFF;background-color:#FFF;}
body .pc_ya_k::before{border-color:#000;background-color:#000;}
body .pc_ya_gray::before{border-color:#9E9E9E;background-color:#9E9E9E;}
body .pc_ya_red::before{border-color:#F44336;background-color:#F44336;}
body .pc_ya_pink::before{border-color:#E91E63;background-color:#E91E63;}
body .pc_ya_purple::before{border-color:#9C27B0;background-color:#9C27B0;}
body .pc_ya_cyan::before{border-color:#00BCD4;background-color:#00BCD4;}
body .pc_ya_blue::before{border-color:#2196F3;background-color:#2196F3;}
body .pc_ya_blueg::before{border-color:#607D8B;background-color:#607D8B;}
body .pc_ya_green::before{border-color:#4CAF50;background-color:#4CAF50;}
body .pc_ya_yellow::before{border-color:#FFC107;background-color:#FFC107;}
body .pc_ya_orange::before{border-color:#FF9800;background-color:#FF9800;}
body .pc_ya_brown::before{border-color:#795548;background-color:#795548;}
/*--------------------------------------------------------------------------------------------------------------------------------------------line-marker*/
body .pc_lm_yellow{display:inline;background:linear-gradient(transparent 0%, #FFFF00 0%)}
body .pc_lm_pink{display:inline;background:linear-gradient(transparent 0%, #ff66ff 0%)}
body .pc_lm_blue{display:inline;background:linear-gradient(transparent 0%, #66ccff 0%)}
body .pc_lm_green{display:inline;background:linear-gradient(transparent 0%, #66ff66 0%)}
/*--------------------------------------------------------------------------------------------------------------------------------------------line-marker-sen*/
body .pc_lm_sen_yellow{display:inline;background:linear-gradient(transparent 80%, #FFFF00 80%)}
body .pc_lm_sen_pink{display:inline;background:linear-gradient(transparent 80%, #ff66ff 80%)}
body .pc_lm_sen_blue{display:inline;background:linear-gradient(transparent 80%, #66ccff 80%)}
body .pc_lm_sen_green{display:inline;background:linear-gradient(transparent 80%, #66ff66 80%)}
/*--------------------------------------------------------------------------------------------------------------------------------------------font-size*/
body .pc_fs0{font-size:0rem}
body .pc_fs10{font-size:1rem}
body .pc_fs11{font-size:1.1rem}
body .pc_fs12{font-size:1.2rem}
body .pc_fs13{font-size:1.3rem}
body .pc_fs14{font-size:1.4rem}
body .pc_fs15{font-size:1.5rem}
body .pc_fs16{font-size:1.6rem}
body .pc_fs17{font-size:1.7rem}
body .pc_fs18{font-size:1.8rem}
body .pc_fs19{font-size:1.9rem}
body .pc_fs20{font-size:2rem}
body .pc_fs21{font-size:21.rem}
body .pc_fs22{font-size:2.2rem}
body .pc_fs23{font-size:2.3rem}
body .pc_fs24{font-size:2.4rem}
body .pc_fs25{font-size:2.5rem}
body .pc_fs26{font-size:2.6rem}
body .pc_fs27{font-size:2.7rem}
body .pc_fs28{font-size:2.8rem}
body .pc_fs29{font-size:2.9rem}
body .pc_fs30{font-size:3rem}
body .pc_fs34{font-size:3.4rem}
body .pc_fs40{font-size:4rem}
body .pc_fs50{font-size:5rem}
body .pc_fs60{font-size:6rem}
/*fsp*/
body .pc_fsp50{font-size:50%}
body .pc_fsp60{font-size:60%}
body .pc_fsp70{font-size:70%}
body .pc_fsp75{font-size:75%}
body .pc_fsp80{font-size:80%}
body .pc_fsp90{font-size:90%}
body .pc_fsp100{font-size:100%}
body .pc_fsp110{font-size:110%}
body .pc_fsp120{font-size:120%}
body .pc_fsp125{font-size:125%}
body .pc_fsp150{font-size:150%}
body .pc_fsp200{font-size:200%}
body .pc_fsp300{font-size:300%}
/*--------------------------------------------------------------------------------------------------------------------------------------------indent*/
body .pc_ind0{text-indent:0;}
body .pc_ind1{text-indent:1em}
/*--------------------------------------------------------------------------------------------------------------------------------------------letter-spacing*/
body .pc_ls0{letter-spacing:0}
body .pc_ls1{letter-spacing:0.1rem}
body .pc_ls2{letter-spacing:0.2rem}
body .pc_ls3{letter-spacing:0.3rem}
/*--------------------------------------------------------------------------------------------------------------------------------------------line-height*/
body .pc_lh1{line-height:1}
body .pc_lh11{line-height:1.1}
body .pc_lh125{line-height:1.25}
body .pc_lh15{line-height:1.5}
body .pc_lh166{line-height:1.66}
body .pc_lh175{line-height:1.75}
body .pc_lh187{line-height:1.875}
body .pc_lh2{line-height:2}
body .pc_lh25{line-height:2.5}
/*--------------------------------------------------------------------------------------------------------------------------------------------align*/
body .pc_center{text-align:center;margin-right:auto;margin-left:auto}
body .pc_right{text-align:right}
body .pc_left{text-align:left}
body .pc_justify{text-align:justify;text-justify:distribute}
/*--------------------------------------------------------------------------------------------------------------------------------------------weight*/
body .pc_bold{font-weight:bold}/*太字*/
body .pc_normal{font-weight:normal}/*通常の太さ*/


/*==========================================================================================
border
==========================================================================================*/
/*--------------------------------------------------------------------------------------------------------------------------------------------rad*/
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_rad_t{border-bottom-right-radius:0;border-bottom-left-radius:0;}
body .pc_rad_b{border-top-right-radius:0;border-top-left-radius:0;}
/*radimg*/
body .pc_radimg5 img{border-radius:5px}
body .pc_radimg10 img{border-radius:10px}
body .pc_radimg20 img{border-radius:20px}
body .pc_radimg100 img{border-radius:100%}
/*--------------------------------------------------------------------------------------------------------------------------------------------sen*/
body .pc_sen_t{border-top:1px solid rgba(0, 0, 0, 0.3)}
body .pc_sen_t2{border-top:2px solid rgba(0, 0, 0, 0.3)}
body .pc_sen_r{border-right:1px solid rgba(0, 0, 0, 0.3)}
body .pc_sen_r2{border-right:2px solid rgba(0, 0, 0, 0.3)}
body .pc_sen_t_dot{border-top:2px dotted rgba(0, 0, 0, 0.3)}
body .pc_sen_t_dash{border-top:1px dashed rgba(0, 0, 0, 0.3)}
body .pc_sen_b{border-bottom:1px solid rgba(0, 0, 0, 0.3)}
body .pc_sen_b2{border-bottom:2px solid rgba(0, 0, 0, 0.3)}
body .pc_sen_b_dot{border-bottom:2px dotted rgba(0, 0, 0, 0.3)}
body .pc_sen_b_dash{border-bottom:1px dashed rgba(0, 0, 0, 0.3)}
body .pc_sen_waku{border:1px solid rgba(0, 0, 0, 0.3)}
body .pc_sen_waku2{border:2px solid rgba(0, 0, 0, 0.3)}
body .pc_sen_waku_dot{border:2px dotted rgba(0, 0, 0, 0.3)}
body .pc_sen_waku_w{border:3px double rgba(0, 0, 0, 0.3)}
/*--------------------------------------------------------------------------------------------------------------------------------------------sen_color*/
body .pc_sen_w{border-color:#FFF;}
body .pc_sen_k{border-color:#000;}
body .pc_sen_gray{border-color:#9E9E9E;}
body .pc_sen_red{border-color:#F44336;}
body .pc_sen_pink{border-color:#E91E63;}
body .pc_sen_purple{border-color:#9C27B0;}
body .pc_sen_cyan{border-color:#00BCD4;}
body .pc_sen_blue{border-color:#2196F3;}
body .pc_sen_blueg{border-color:#607D8B;}
body .pc_sen_green{border-color:#4CAF50;}
body .pc_sen_yellow{border-color:#FFC107;}
body .pc_sen_orange{border-color:#FF9800;}
body .pc_sen_brown{border-color:#795548;}
body .pc_sen_tp{border-color:transparent;}
body .pc_sen_g10{border-color:#FAFAFA;}
body .pc_sen_g20{border-color:#F5F5F5;}
body .pc_sen_g30{border-color:#EEEEEE;}
body .pc_sen_g40{border-color:#E0E0E0;}
body .pc_sen_g50{border-color:#BDBDBD;}
body .pc_sen_g60{border-color:#757575;}
body .pc_sen_g70{border-color:#616161;}
body .pc_sen_g80{border-color:#424242;}
body .pc_sen_g90{border-color:#333333;}
/*after*/
body .pc_sen_w::after{border-color:#FFF;}
body .pc_sen_k::after{border-color:#000;}
body .pc_sen_gray::after{border-color:#9E9E9E;}
body .pc_sen_red::after{border-color:#F44336;}
body .pc_sen_pink::after{border-color:#E91E63;}
body .pc_sen_purple::after{border-color:#9C27B0;}
body .pc_sen_cyan::after{border-color:#00BCD4;}
body .pc_sen_blue::after{border-color:#2196F3;}
body .pc_sen_blueg::after{border-color:#607D8B;}
body .pc_sen_green::after{border-color:#4CAF50;}
body .pc_sen_yellow::after{border-color:#FFC107;}
body .pc_sen_orange::after{border-color:#FF9800;}
body .pc_sen_brown::after{border-color:#795548;}
body .pc_sen_g10::after{border-color:#FAFAFA;}
body .pc_sen_g20::after{border-color:#F5F5F5;}
body .pc_sen_g30::after{border-color:#EEEEEE;}
body .pc_sen_g40::after{border-color:#E0E0E0;}
body .pc_sen_g50::after{border-color:#BDBDBD;}
body .pc_sen_g60::after{border-color:#757575;}
body .pc_sen_g70::after{border-color:#616161;}
body .pc_sen_g80::after{border-color:#424242;}
body .pc_sen_g90::after{border-color:#333333;}
/*--------------------------------------------------------------------------------------------------------------------------------------------sen_no*/
body .pc_sen_no{border:none}
body .pc_sen_t_no{border-top:none}
body .pc_sen_b_no{border-bottom:none}
body .pc_sen_r_no{border-right:none}
body .pc_sen_l_no{border-left:none}


/*==========================================================================================
background
==========================================================================================*/
/*--------------------------------------------------------------------------------------------------------------------------------------------bg_k*/
body .pc_bg_k{background-color:#000000;color:#fff;}
body .pc_bg_k5{background-color:rgba(0, 0, 0, 0.05)}
body .pc_bg_k10{background-color:rgba(0, 0, 0, 0.1)}
body .pc_bg_k20{background-color:rgba(0, 0, 0, 0.2)}
body .pc_bg_k30{background-color:rgba(0, 0, 0, 0.3)}
body .pc_bg_k40{background-color:rgba(0, 0, 0, 0.4)}
body .pc_bg_k50{background-color:rgba(0, 0, 0, 0.5);color:#fff}
body .pc_bg_k60{background-color:rgba(0, 0, 0, 0.6);color:#fff}
body .pc_bg_k70{background-color:rgba(0, 0, 0, 0.7);color:#fff}
body .pc_bg_k80{background-color:rgba(0, 0, 0, 0.8);color:#fff}
body .pc_bg_k90{background-color:rgba(0, 0, 0, 0.9);color:#fff}
/*--------------------------------------------------------------------------------------------------------------------------------------------bg_w*/
body .pc_bg_w{background-color:#FFFFFF;}
body .pc_bg_w10{background-color:rgba(255, 255, 255, 0.1)}
body .pc_bg_w20{background-color:rgba(255, 255, 255, 0.2)}
body .pc_bg_w30{background-color:rgba(255, 255, 255, 0.3)}
body .pc_bg_w40{background-color:rgba(255, 255, 255, 0.4)}
body .pc_bg_w50{background-color:rgba(255, 255, 255, 0.5)}
body .pc_bg_w60{background-color:rgba(255, 255, 255, 0.6)}
body .pc_bg_w70{background-color:rgba(255, 255, 255, 0.7)}
body .pc_bg_w80{background-color:rgba(255, 255, 255, 0.8)}
body .pc_bg_w90{background-color:rgba(255, 255, 255, 0.9)}
/*--------------------------------------------------------------------------------------------------------------------------------------------bg_g*/
body .pc_bg_g10{background-color:#FAFAFA;}
body .pc_bg_g20{background-color:#F5F5F5;}
body .pc_bg_g30{background-color:#EEEEEE;}
body .pc_bg_g40{background-color:#E0E0E0;}
body .pc_bg_g50{background-color:#BDBDBD;}
body .pc_bg_g60{background-color:#757575;}
body .pc_bg_g70{background-color:#616161;}
body .pc_bg_g80{background-color:#424242;}
body .pc_bg_g90{background-color:#333333;}
/*--------------------------------------------------------------------------------------------------------------------------------------------bg_color*/
body .pc_bg_gray{background-color:#9E9E9E;}
body .pc_bg_red{background-color:#F44336;}
body .pc_bg_pink{background-color:#E91E63;}
body .pc_bg_purple{background-color:#9C27B0;}
body .pc_bg_cyan{background-color:#00BCD4;}
body .pc_bg_blue{background-color:#2196F3;}
body .pc_bg_blueg{background-color:#607D8B;}
body .pc_bg_green{background-color:#4CAF50;}
body .pc_bg_yellow{background-color:#FFC107;}
body .pc_bg_orange{background-color:#FF9800;}
body .pc_bg_brown{background-color:#795548;}
body .pc_bg_tp{background-color:transparent;}
/*--------------------------------------------------------------------------------------------------------------------------------------------bg_pale_color*/
body .pc_bg_pale_red{background-color:#FFCDD2;}
body .pc_bg_pale_pink{background-color:#F8BBD0;}
body .pc_bg_pale_purple{background-color:#E1BEE7;}
body .pc_bg_pale_cyan{background-color:#B2EBF2;}
body .pc_bg_pale_blue{background-color:#BBDEFB;}
body .pc_bg_pale_blueg{background-color:#C5CAE9;}
body .pc_bg_pale_green{background-color:#C8E6C9;}
body .pc_bg_pale_yellow{background-color:#FFF9C4;}
body .pc_bg_pale_orange{background-color:#FFE0B2;}
body .pc_bg_pale_brown{background-color:#D7CCC8;}
/*--------------------------------------------------------------------------------------------------------------------------------------------bg_ptn*/
body .pc_bg_ptn01{background-image:url(images/bg_ptn01.svg)}
body .pc_bg_ptn02{background-image:url(images/bg_ptn02.svg)}
body .pc_bg_ptn03{background-image:url(images/bg_ptn03.svg)}
body .pc_bg_ptn04{background-image:url(images/bg_ptn04.svg)}
body .pc_bg_ptn05{background-image:url(images/bg_ptn05.svg)}
body .pc_bg_ptn06{background-image:url(images/bg_ptn06.svg)}
body .pc_bg_ptn07{background-image:url(images/bg_ptn07.svg)}
body .pc_bg_ptn08{background-image:url(images/bg_ptn08.svg)}
body .pc_bg_ptn09{background-image:url(images/bg_ptn09.svg)}
body .pc_bg_ptn10{background-image:url(images/bg_ptn10.svg)}
/*--------------------------------------------------------------------------------------------------------------------------------------------bg_img*/
body .pc_bg_img01{background:url(images/bg_img01.jpg) center;background-size:cover}
body .pc_bg_img02{background:url(images/bg_img02.jpg) center;background-size:cover}
body .pc_bg_img03{background:url(images/bg_img03.jpg) center;background-size:cover}
body .pc_bg_img04{background:url(images/bg_img04.jpg) center;background-size:cover}
body .pc_bg_img05{background:url(images/bg_img05.jpg) center;background-size:cover}
body .pc_bg_img06{background:url(images/bg_img06.jpg) center;background-size:cover}
body .pc_bg_img07{background:url(images/bg_img07.jpg) center;background-size:cover}
body .pc_bg_img08{background:url(images/bg_img08.jpg) center;background-size:cover}
body .pc_bg_img09{background:url(images/bg_img09.jpg) center;background-size:cover}
body .pc_bg_img10{background:url(images/bg_img10.jpg) center;background-size:cover}
/*--------------------------------------------------------------------------------------------------------------------------------------------bg_no*/
body .pc_bg_no{background:none}


/*==========================================================================================
layout
==========================================================================================*/
/*--------------------------------------------------------------------------------------------------------------------------------------------display*/
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}
/*--------------------------------------------------------------------------------------------------------------------------------------------relative*/
body .pc_relative{position:relative}
/*--------------------------------------------------------------------------------------------------------------------------------------------absolute*/
body .pc_abs{position:absolute;z-index:10;}
body .pc_abs_t{position:absolute;z-index:10;top:0;bottom:auto}
body .pc_abs_b{position:absolute;z-index:10;bottom:0;top:auto}
body .pc_abs_r{position:absolute;z-index:10;right:0;left:auto}
body .pc_abs_l{position:absolute;z-index:10;left:0;right:auto}
/*--------------------------------------------------------------------------------------------------------------------------------------------static*/
body .pc_static{position:static}
/*--------------------------------------------------------------------------------------------------------------------------------------------float*/
body .pc_fr{float:right}
body .pc_fl{float:left}
body .pc_fn{float:none}


/*==========================================================================================
flex/inline-flex
==========================================================================================*/
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;}


/*==========================================================================================
height/width
==========================================================================================*/
/*--------------------------------------------------------------------------------------------------------------------------------------------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;}


/*==========================================================================================
space
==========================================================================================*/
/*--------------------------------------------------------------------------------------------------------------------------------------------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}
/*--------------------------------------------------------------------------------------------------------------------------------------------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}
/*--------------------------------------------------------------------------------------------------------------------------------------------li_mリストの間（ol / ul）*/
body .pc_li_m0 > li + li{margin-top:0;}
body .pc_li_m1 > li + li{margin-top:0.1em;}
body .pc_li_m2 > li + li{margin-top:0.2em;}
body .pc_li_m3 > li + li{margin-top:0.3em;}
body .pc_li_m4 > li + li{margin-top:0.4em;}
body .pc_li_m5 > li + li{margin-top:0.5em;}
body .pc_li_m6 > li + li{margin-top:0.6em;}
body .pc_li_m7 > li + li{margin-top:0.7em;}
body .pc_li_m8 > li + li{margin-top:0.8em;}
body .pc_li_m9 > li + li{margin-top:0.9em;}
body .pc_li_m10 > li + li{margin-top:1em;}


/*==========================================================================================
hover
==========================================================================================*/
/*--------------------------------------------------------------------------------------------------------------------------------------------hoverで明暗*/
body .pc_hv_pale a:hover{filter:brightness(150%);filter:opacity(60%);}
body .pc_hv_dark a:hover{filter:brightness(75%);}
body .pc_hv_k a:hover{background:rgba(0,0,0,0.05);filter:brightness(100%);}
body .pc_hv_w a:hover{background:rgba(255,255,255,0.3);filter:brightness(100%);}
/*--------------------------------------------------------------------------------------------------------------------------------------------hoverで拡大*/
body .pc_hv_big a{transition: all 0.3s;}
body .pc_hv_big a:hover{transform: scale(1.1);}


/*==========================================================================================
etc
==========================================================================================*/
/*--------------------------------------------------------------------------------------------------------------------------------------------改行*/
body .pc_nowrap{white-space:nowrap}/*折り返さない*/
body .pc_break{word-break:break-all}/*URLなども折り返す*/
/*--------------------------------------------------------------------------------------------------------------------------------------------disable*/
.pc_disable{cursor:default;pointer-events:none;}/*link/input/button無効*/
/*--------------------------------------------------------------------------------------------------------------------------------------------blend*/
body .pc_bl_mul{mix-blend-mode:multiply;}/*乗算*/
body .pc_bl_scr{mix-blend-mode:screen;}/*スクリーン*/
body .pc_bl_over{mix-blend-mode:overlay;}/*オーバレイ*/
body .pc_bl_dark{mix-blend-mode:darken;}/*暗く合成する*/
body .pc_bl_light{mix-blend-mode:lighten;}/*明るく合成する*/
body .pc_bl_dod{mix-blend-mode:color-dodge;}/*覆い焼き*/
body .pc_bl_burn{mix-blend-mode:color-burn;}/*焼きこみ*/
body .pc_bl_light_h{mix-blend-mode:hard-light;}/*ハードに明るく合成する*/
body .pc_bl_light_s{mix-blend-mode:soft-light;}/*ソフトに明るく合成する*/
body .pc_bl_dif{mix-blend-mode:difference;}/*相違で合成する*/
body .pc_bl_exc{mix-blend-mode:exclusion;}/*除外*/
body .pc_bl_hue{mix-blend-mode:hue;}/*色相*/
body .pc_bl_sat{mix-blend-mode:saturation;}/*彩度*/
body .pc_bl_color{mix-blend-mode:color;}/*カラー*/
body .pc_bl_lum{mix-blend-mode:luminosity;}/*輝度*/
/*--------------------------------------------------------------------------------------------------------------------------------------------deg*/
body .pc_deg0{transform:rotate(0deg);}
body .pc_deg5{transform:rotate(5deg);}
body .pc_deg10{transform:rotate(10deg);}
body .pc_deg15{transform:rotate(15deg);}
body .pc_deg30{transform:rotate(30deg);}
body .pc_deg45{transform:rotate(45deg);}
body .pc_deg135{transform:rotate(135deg);}
body .pc_deg-5{transform:rotate(-5deg);}
body .pc_deg-10{transform:rotate(-10deg);}
body .pc_deg-15{transform:rotate(-15deg);}
body .pc_deg-30{transform:rotate(-30deg);}
body .pc_deg-45{transform:rotate(-45deg);}
body .pc_deg-135{transform:rotate(-135deg);}
/*--------------------------------------------------------------------------------------------------------------------------------------------asp*/
body .pc_asp43{aspect-ratio:4 / 3;overflow:hidden;}
body .pc_asp21{aspect-ratio:2 / 1;overflow:hidden;}
body .pc_asp1{aspect-ratio:1 / 1;overflow:hidden;}
}


/*
SP_CSS||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/
@media screen and (max-width: 767px) {
/*サイズ調整*/
body .fs20{font-size:1.8rem;}
body .fs22{font-size:1.9rem;}
body .fs24{font-size:2rem;}
body .fs25{font-size:2rem;}
body .fs28{font-size:2.2rem;}
body .fs30{font-size:2.4rem;}
body .fs34{font-size:2.6rem;}
body .fs40{font-size:2.8rem;}
body .fs45{font-size:3rem;}
body .fs48{font-size:3.2rem;}
body .fs50{font-size:3.6rem;}
body .fs60{font-size:4rem;}
body .ma20{margin:15px;}
body .ma30{margin:20px;}
body .ma40{margin:20px;}
body .ma50{margin:30px;}
body .ma60{margin:30px;}
body .ma70{margin:30px;}
body .mt20{margin-top:15px;}
body .mt30{margin-top:20px;}
body .mt40{margin-top:20px;}
body .mt50{margin-top:30px;}
body .mt60{margin-top:30px;}
body .mt70{margin-top:30px;}
body .mb20{margin-bottom:15px;}
body .mb30{margin-bottom:20px;}
body .mb40{margin-bottom:20px;}
body .mb50{margin-bottom:30px;}
body .mb60{margin-bottom:30px;}
body .mb70{margin-bottom:30px;}
body .ml20{margin-left:15px;}
body .ml30{margin-left:20px;}
body .ml40{margin-left:20px;}
body .ml50{margin-left:30px;}
body .ml60{margin-left:30px;}
body .ml70{margin-left:30px;}
body .mr20{margin-right:15px;}
body .mr30{margin-right:20px;}
body .mr40{margin-right:20px;}
body .mr50{margin-right:30px;}
body .mr60{margin-right:30px;}
body .mr70{margin-right:30px;}
body .pa20{padding:15px;}
body .pa30{padding:20px;}
body .pa40{padding:20px;}
body .pa50{padding:30px;}
body .pa60{padding:30px;}
body .pa70{padding:30px;}
body .pt20{padding-top:15px;}
body .pt30{padding-top:20px;}
body .pt40{padding-top:20px;}
body .pt50{padding-top:30px;}
body .pt60{padding-top:30px;}
body .pt70{padding-top:30px;}
body .pb20{padding-bottom:15px;}
body .pb30{padding-bottom:20px;}
body .pb40{padding-bottom:20px;}
body .pb50{padding-bottom:30px;}
body .pb60{padding-bottom:30px;}
body .pb70{padding-bottom:30px;}
body .pl20{padding-left:15px;}
body .pl30{padding-left:20px;}
body .pl40{padding-left:20px;}
body .pl50{padding-left:30px;}
body .pl60{padding-left:30px;}
body .pl70{padding-left:30px;}
body .pr20{padding-right:15px;}
body .pr30{padding-right:20px;}
body .pr40{padding-right:20px;}
body .pr50{padding-right:30px;}
body .pr60{padding-right:30px;}
body .pr70{padding-right:30px;}

/*==========================================================================================
font-text
==========================================================================================*/
/*--------------------------------------------------------------------------------------------------------------------------------------------font-family*/
body .sp_serif{font-family:serif}
body .sp_sans{font-family:sans-serif;}
body .sp_mincho{font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif}
body .sp_gothic{font-family:"Helvetica Neue", "Helvetica", "Arial", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif}
body .sp_gothicM{font-family:"ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO"}/*font-weight:600以上で使用*/
body .sp_futura{font-family: 'Trebuchet MS','Futura','Arial',sans-serif;}/*英数のみ*/
body .sp_arial{font-family: 'Arial',sans-serif;}/*英数のみ*/
/*--------------------------------------------------------------------------------------------------------------------------------------------tx_color*/
body .sp_tx_w{color:#FFFFFF;}
body .sp_tx_k{color:#000000;}
body .sp_tx_gray{color:#9E9E9E;}
body .sp_tx_red{color:#F44336;}
body .sp_tx_pink{color:#E91E63;}
body .sp_tx_purple{color:#9C27B0;}
body .sp_tx_cyan{color:#00BCD4;}
body .sp_tx_blue{color:#2196F3;}
body .sp_tx_blueg{color:#607D8B;}
body .sp_tx_green{color:#4CAF50;}
body .sp_tx_yellow{color:#FFC107;}
body .sp_tx_orange{color:#FF9800;}
body .sp_tx_brown{color:#795548;}
body .sp_tx_inherit{color:inherit}
body .sp_tx_tp{color:transparent;}
body .sp_tx_g10{color:#FAFAFA;}
body .sp_tx_g20{color:#F5F5F5;}
body .sp_tx_g30{color:#EEEEEE;}
body .sp_tx_g40{color:#E0E0E0;}
body .sp_tx_g50{color:#BDBDBD;}
body .sp_tx_g60{color:#757575;}
body .sp_tx_g70{color:#616161;}
body .sp_tx_g80{color:#424242;}
body .sp_tx_g90{color:#333333;}
/*--------------------------------------------------------------------------------------------------------------------------------------------ya_color*/
body .sp_ya_w::before{border-color:#FFF;background-color:#FFF;}
body .sp_ya_k::before{border-color:#000;background-color:#000;}
body .sp_ya_gray::before{border-color:#9E9E9E;background-color:#9E9E9E;}
body .sp_ya_red::before{border-color:#F44336;background-color:#F44336;}
body .sp_ya_pink::before{border-color:#E91E63;background-color:#E91E63;}
body .sp_ya_purple::before{border-color:#9C27B0;background-color:#9C27B0;}
body .sp_ya_cyan::before{border-color:#00BCD4;background-color:#00BCD4;}
body .sp_ya_blue::before{border-color:#2196F3;background-color:#2196F3;}
body .sp_ya_blueg::before{border-color:#607D8B;background-color:#607D8B;}
body .sp_ya_green::before{border-color:#4CAF50;background-color:#4CAF50;}
body .sp_ya_yellow::before{border-color:#FFC107;background-color:#FFC107;}
body .sp_ya_orange::before{border-color:#FF9800;background-color:#FF9800;}
body .sp_ya_brown::before{border-color:#795548;background-color:#795548;}
/*--------------------------------------------------------------------------------------------------------------------------------------------line-marker*/
body .sp_lm_yellow{display:inline;background:linear-gradient(transparent 0%, #FFFF00 0%)}
body .sp_lm_pink{display:inline;background:linear-gradient(transparent 0%, #ff66ff 0%)}
body .sp_lm_blue{display:inline;background:linear-gradient(transparent 0%, #66ccff 0%)}
body .sp_lm_green{display:inline;background:linear-gradient(transparent 0%, #66ff66 0%)}
/*--------------------------------------------------------------------------------------------------------------------------------------------line-marker-sen*/
body .sp_lm_sen_yellow{display:inline;background:linear-gradient(transparent 80%, #FFFF00 80%)}
body .sp_lm_sen_pink{display:inline;background:linear-gradient(transparent 80%, #ff66ff 80%)}
body .sp_lm_sen_blue{display:inline;background:linear-gradient(transparent 80%, #66ccff 80%)}
body .sp_lm_sen_green{display:inline;background:linear-gradient(transparent 80%, #66ff66 80%)}
/*--------------------------------------------------------------------------------------------------------------------------------------------font-size*/
body .sp_fs0{font-size:0rem}
body .sp_fs10{font-size:1rem}
body .sp_fs11{font-size:1.1rem}
body .sp_fs12{font-size:1.2rem}
body .sp_fs13{font-size:1.3rem}
body .sp_fs14{font-size:1.4rem}
body .sp_fs15{font-size:1.5rem}
body .sp_fs16{font-size:1.6rem}
body .sp_fs17{font-size:1.7rem}
body .sp_fs18{font-size:1.8rem}
body .sp_fs19{font-size:1.9rem}
body .sp_fs20{font-size:2rem}
body .sp_fs21{font-size:21.rem}
body .sp_fs22{font-size:2.2rem}
body .sp_fs23{font-size:2.3rem}
body .sp_fs24{font-size:2.4rem}
body .sp_fs25{font-size:2.5rem}
body .sp_fs26{font-size:2.6rem}
body .sp_fs27{font-size:2.7rem}
body .sp_fs28{font-size:2.8rem}
body .sp_fs29{font-size:2.9rem}
body .sp_fs30{font-size:3rem}
body .sp_fs34{font-size:3.4rem}
body .sp_fs40{font-size:4rem}
body .sp_fs50{font-size:5rem}
body .sp_fs60{font-size:6rem}
/*fsp*/
body .sp_fsp50{font-size:50%}
body .sp_fsp60{font-size:60%}
body .sp_fsp70{font-size:70%}
body .sp_fsp75{font-size:75%}
body .sp_fsp80{font-size:80%}
body .sp_fsp90{font-size:90%}
body .sp_fsp100{font-size:100%}
body .sp_fsp110{font-size:110%}
body .sp_fsp120{font-size:120%}
body .sp_fsp125{font-size:125%}
body .sp_fsp150{font-size:150%}
body .sp_fsp200{font-size:200%}
body .sp_fsp300{font-size:300%}
/*--------------------------------------------------------------------------------------------------------------------------------------------indent*/
body .sp_ind0{text-indent:0;}
body .sp_ind1{text-indent:1em}
/*--------------------------------------------------------------------------------------------------------------------------------------------letter-spacing*/
body .sp_ls0{letter-spacing:0}
body .sp_ls1{letter-spacing:0.1rem}
body .sp_ls2{letter-spacing:0.2rem}
body .sp_ls3{letter-spacing:0.3rem}
/*--------------------------------------------------------------------------------------------------------------------------------------------line-height*/
body .sp_lh1{line-height:1}
body .sp_lh11{line-height:1.1}
body .sp_lh125{line-height:1.25}
body .sp_lh15{line-height:1.5}
body .sp_lh166{line-height:1.66}
body .sp_lh175{line-height:1.75}
body .sp_lh187{line-height:1.875}
body .sp_lh2{line-height:2}
body .sp_lh25{line-height:2.5}
/*--------------------------------------------------------------------------------------------------------------------------------------------align*/
body .sp_center{text-align:center;margin-right:auto;margin-left:auto}
body .sp_right{text-align:right}
body .sp_left{text-align:left}
body .sp_justify{text-align:justify;text-justify:distribute}
/*--------------------------------------------------------------------------------------------------------------------------------------------weight*/
body .sp_bold{font-weight:bold}/*太字*/
body .sp_normal{font-weight:normal}/*通常の太さ*/


/*==========================================================================================
border
==========================================================================================*/
/*--------------------------------------------------------------------------------------------------------------------------------------------rad*/
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_rad_t{border-bottom-right-radius:0;border-bottom-left-radius:0;}
body .sp_rad_b{border-top-right-radius:0;border-top-left-radius:0;}
/*radimg*/
body .sp_radimg5 img{border-radius:5px}
body .sp_radimg10 img{border-radius:10px}
body .sp_radimg20 img{border-radius:20px}
body .sp_radimg100 img{border-radius:100%}
/*--------------------------------------------------------------------------------------------------------------------------------------------sen*/
body .sp_sen_t{border-top:1px solid rgba(0, 0, 0, 0.3)}
body .sp_sen_t2{border-top:2px solid rgba(0, 0, 0, 0.3)}
body .sp_sen_r{border-right:1px solid rgba(0, 0, 0, 0.3)}
body .sp_sen_r2{border-right:2px solid rgba(0, 0, 0, 0.3)}
body .sp_sen_t_dot{border-top:2px dotted rgba(0, 0, 0, 0.3)}
body .sp_sen_t_dash{border-top:1px dashed rgba(0, 0, 0, 0.3)}
body .sp_sen_b{border-bottom:1px solid rgba(0, 0, 0, 0.3)}
body .sp_sen_b2{border-bottom:2px solid rgba(0, 0, 0, 0.3)}
body .sp_sen_b_dot{border-bottom:2px dotted rgba(0, 0, 0, 0.3)}
body .sp_sen_b_dash{border-bottom:1px dashed rgba(0, 0, 0, 0.3)}
body .sp_sen_waku{border:1px solid rgba(0, 0, 0, 0.3)}
body .sp_sen_waku2{border:2px solid rgba(0, 0, 0, 0.3)}
body .sp_sen_waku_dot{border:2px dotted rgba(0, 0, 0, 0.3)}
body .sp_sen_waku_w{border:3px double rgba(0, 0, 0, 0.3)}
/*--------------------------------------------------------------------------------------------------------------------------------------------sen_color*/
body .sp_sen_w{border-color:#FFF;}
body .sp_sen_k{border-color:#000;}
body .sp_sen_gray{border-color:#9E9E9E;}
body .sp_sen_red{border-color:#F44336;}
body .sp_sen_pink{border-color:#E91E63;}
body .sp_sen_purple{border-color:#9C27B0;}
body .sp_sen_cyan{border-color:#00BCD4;}
body .sp_sen_blue{border-color:#2196F3;}
body .sp_sen_blueg{border-color:#607D8B;}
body .sp_sen_green{border-color:#4CAF50;}
body .sp_sen_yellow{border-color:#FFC107;}
body .sp_sen_orange{border-color:#FF9800;}
body .sp_sen_brown{border-color:#795548;}
body .sp_sen_tp{border-color:transparent;}
body .sp_sen_g10{border-color:#FAFAFA;}
body .sp_sen_g20{border-color:#F5F5F5;}
body .sp_sen_g30{border-color:#EEEEEE;}
body .sp_sen_g40{border-color:#E0E0E0;}
body .sp_sen_g50{border-color:#BDBDBD;}
body .sp_sen_g60{border-color:#757575;}
body .sp_sen_g70{border-color:#616161;}
body .sp_sen_g80{border-color:#424242;}
body .sp_sen_g90{border-color:#333333;}
/*after*/
body .sp_sen_w::after{border-color:#FFF;}
body .sp_sen_k::after{border-color:#000;}
body .sp_sen_gray::after{border-color:#9E9E9E;}
body .sp_sen_red::after{border-color:#F44336;}
body .sp_sen_pink::after{border-color:#E91E63;}
body .sp_sen_purple::after{border-color:#9C27B0;}
body .sp_sen_cyan::after{border-color:#00BCD4;}
body .sp_sen_blue::after{border-color:#2196F3;}
body .sp_sen_blueg::after{border-color:#607D8B;}
body .sp_sen_green::after{border-color:#4CAF50;}
body .sp_sen_yellow::after{border-color:#FFC107;}
body .sp_sen_orange::after{border-color:#FF9800;}
body .sp_sen_brown::after{border-color:#795548;}
body .sp_sen_g10::after{border-color:#FAFAFA;}
body .sp_sen_g20::after{border-color:#F5F5F5;}
body .sp_sen_g30::after{border-color:#EEEEEE;}
body .sp_sen_g40::after{border-color:#E0E0E0;}
body .sp_sen_g50::after{border-color:#BDBDBD;}
body .sp_sen_g60::after{border-color:#757575;}
body .sp_sen_g70::after{border-color:#616161;}
body .sp_sen_g80::after{border-color:#424242;}
body .sp_sen_g90::after{border-color:#333333;}
/*--------------------------------------------------------------------------------------------------------------------------------------------sen_no*/
body .sp_sen_no{border:none}
body .sp_sen_t_no{border-top:none}
body .sp_sen_b_no{border-bottom:none}
body .sp_sen_r_no{border-right:none}
body .sp_sen_l_no{border-left:none}


/*==========================================================================================
background
==========================================================================================*/
/*--------------------------------------------------------------------------------------------------------------------------------------------bg_k*/
body .sp_bg_k{background-color:#000000;color:#fff;}
body .sp_bg_k5{background-color:rgba(0, 0, 0, 0.05)}
body .sp_bg_k10{background-color:rgba(0, 0, 0, 0.1)}
body .sp_bg_k20{background-color:rgba(0, 0, 0, 0.2)}
body .sp_bg_k30{background-color:rgba(0, 0, 0, 0.3)}
body .sp_bg_k40{background-color:rgba(0, 0, 0, 0.4)}
body .sp_bg_k50{background-color:rgba(0, 0, 0, 0.5);color:#fff}
body .sp_bg_k60{background-color:rgba(0, 0, 0, 0.6);color:#fff}
body .sp_bg_k70{background-color:rgba(0, 0, 0, 0.7);color:#fff}
body .sp_bg_k80{background-color:rgba(0, 0, 0, 0.8);color:#fff}
body .sp_bg_k90{background-color:rgba(0, 0, 0, 0.9);color:#fff}
/*--------------------------------------------------------------------------------------------------------------------------------------------bg_w*/
body .sp_bg_w{background-color:#FFFFFF;}
body .sp_bg_w10{background-color:rgba(255, 255, 255, 0.1)}
body .sp_bg_w20{background-color:rgba(255, 255, 255, 0.2)}
body .sp_bg_w30{background-color:rgba(255, 255, 255, 0.3)}
body .sp_bg_w40{background-color:rgba(255, 255, 255, 0.4)}
body .sp_bg_w50{background-color:rgba(255, 255, 255, 0.5)}
body .sp_bg_w60{background-color:rgba(255, 255, 255, 0.6)}
body .sp_bg_w70{background-color:rgba(255, 255, 255, 0.7)}
body .sp_bg_w80{background-color:rgba(255, 255, 255, 0.8)}
body .sp_bg_w90{background-color:rgba(255, 255, 255, 0.9)}
/*--------------------------------------------------------------------------------------------------------------------------------------------bg_g*/
body .sp_bg_g10{background-color:#FAFAFA;}
body .sp_bg_g20{background-color:#F5F5F5;}
body .sp_bg_g30{background-color:#EEEEEE;}
body .sp_bg_g40{background-color:#E0E0E0;}
body .sp_bg_g50{background-color:#BDBDBD;}
body .sp_bg_g60{background-color:#757575;}
body .sp_bg_g70{background-color:#616161;}
body .sp_bg_g80{background-color:#424242;}
body .sp_bg_g90{background-color:#333333;}
/*--------------------------------------------------------------------------------------------------------------------------------------------bg_color*/
body .sp_bg_gray{background-color:#9E9E9E;}
body .sp_bg_red{background-color:#F44336;}
body .sp_bg_pink{background-color:#E91E63;}
body .sp_bg_purple{background-color:#9C27B0;}
body .sp_bg_cyan{background-color:#00BCD4;}
body .sp_bg_blue{background-color:#2196F3;}
body .sp_bg_blueg{background-color:#607D8B;}
body .sp_bg_green{background-color:#4CAF50;}
body .sp_bg_yellow{background-color:#FFC107;}
body .sp_bg_orange{background-color:#FF9800;}
body .sp_bg_brown{background-color:#795548;}
body .sp_bg_tp{background-color:transparent;}
/*--------------------------------------------------------------------------------------------------------------------------------------------bg_pale_color*/
body .sp_bg_pale_red{background-color:#FFCDD2;}
body .sp_bg_pale_pink{background-color:#F8BBD0;}
body .sp_bg_pale_purple{background-color:#E1BEE7;}
body .sp_bg_pale_cyan{background-color:#B2EBF2;}
body .sp_bg_pale_blue{background-color:#BBDEFB;}
body .sp_bg_pale_blueg{background-color:#C5CAE9;}
body .sp_bg_pale_green{background-color:#C8E6C9;}
body .sp_bg_pale_yellow{background-color:#FFF9C4;}
body .sp_bg_pale_orange{background-color:#FFE0B2;}
body .sp_bg_pale_brown{background-color:#D7CCC8;}
/*--------------------------------------------------------------------------------------------------------------------------------------------bg_ptn*/
body .sp_bg_ptn01{background-image:url(images/bg_ptn01.svg)}
body .sp_bg_ptn02{background-image:url(images/bg_ptn02.svg)}
body .sp_bg_ptn03{background-image:url(images/bg_ptn03.svg)}
body .sp_bg_ptn04{background-image:url(images/bg_ptn04.svg)}
body .sp_bg_ptn05{background-image:url(images/bg_ptn05.svg)}
body .sp_bg_ptn06{background-image:url(images/bg_ptn06.svg)}
body .sp_bg_ptn07{background-image:url(images/bg_ptn07.svg)}
body .sp_bg_ptn08{background-image:url(images/bg_ptn08.svg)}
body .sp_bg_ptn09{background-image:url(images/bg_ptn09.svg)}
body .sp_bg_ptn10{background-image:url(images/bg_ptn10.svg)}
/*--------------------------------------------------------------------------------------------------------------------------------------------bg_img*/
body .sp_bg_img01{background:url(images/bg_img01.jpg) center;background-size:cover}
body .sp_bg_img02{background:url(images/bg_img02.jpg) center;background-size:cover}
body .sp_bg_img03{background:url(images/bg_img03.jpg) center;background-size:cover}
body .sp_bg_img04{background:url(images/bg_img04.jpg) center;background-size:cover}
body .sp_bg_img05{background:url(images/bg_img05.jpg) center;background-size:cover}
body .sp_bg_img06{background:url(images/bg_img06.jpg) center;background-size:cover}
body .sp_bg_img07{background:url(images/bg_img07.jpg) center;background-size:cover}
body .sp_bg_img08{background:url(images/bg_img08.jpg) center;background-size:cover}
body .sp_bg_img09{background:url(images/bg_img09.jpg) center;background-size:cover}
body .sp_bg_img10{background:url(images/bg_img10.jpg) center;background-size:cover}
/*--------------------------------------------------------------------------------------------------------------------------------------------bg_no*/
body .sp_bg_no{background:none}


/*==========================================================================================
layout
==========================================================================================*/
/*--------------------------------------------------------------------------------------------------------------------------------------------display*/
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}
/*--------------------------------------------------------------------------------------------------------------------------------------------relative*/
body .sp_relative{position:relative}
/*--------------------------------------------------------------------------------------------------------------------------------------------absolute*/
body .sp_abs{position:absolute;z-index:10;}
body .sp_abs_t{position:absolute;z-index:10;top:0;bottom:auto}
body .sp_abs_b{position:absolute;z-index:10;bottom:0;top:auto}
body .sp_abs_r{position:absolute;z-index:10;right:0;left:auto}
body .sp_abs_l{position:absolute;z-index:10;left:0;right:auto}
/*--------------------------------------------------------------------------------------------------------------------------------------------static*/
body .sp_static{position:static}
/*--------------------------------------------------------------------------------------------------------------------------------------------float*/
body .sp_fr{float:right}
body .sp_fl{float:left}
body .sp_fn{float:none}


/*==========================================================================================
flex/inline-flex
==========================================================================================*/
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_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 .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;}


/*==========================================================================================
space
==========================================================================================*/
/*--------------------------------------------------------------------------------------------------------------------------------------------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}
/*--------------------------------------------------------------------------------------------------------------------------------------------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}
/*--------------------------------------------------------------------------------------------------------------------------------------------li_mリストの間（ol / ul）*/
body .sp_li_m0 > li + li{margin-top:0;}
body .sp_li_m1 > li + li{margin-top:0.1em;}
body .sp_li_m2 > li + li{margin-top:0.2em;}
body .sp_li_m3 > li + li{margin-top:0.3em;}
body .sp_li_m4 > li + li{margin-top:0.4em;}
body .sp_li_m5 > li + li{margin-top:0.5em;}
body .sp_li_m6 > li + li{margin-top:0.6em;}
body .sp_li_m7 > li + li{margin-top:0.7em;}
body .sp_li_m8 > li + li{margin-top:0.8em;}
body .sp_li_m9 > li + li{margin-top:0.9em;}
body .sp_li_m10 > li + li{margin-top:1em;}


/*==========================================================================================
hover
==========================================================================================*/
/*--------------------------------------------------------------------------------------------------------------------------------------------hoverで明暗*/
body .sp_hv_pale a:hover{filter:brightness(150%);filter:opacity(60%);}
body .sp_hv_dark a:hover{filter:brightness(75%);}
body .sp_hv_k a:hover{background:rgba(0,0,0,0.05);filter:brightness(100%);}
body .sp_hv_w a:hover{background:rgba(255,255,255,0.3);filter:brightness(100%);}
/*--------------------------------------------------------------------------------------------------------------------------------------------hoverで拡大*/
body .sp_hv_big a{transition: all 0.3s;}
body .sp_hv_big a:hover{transform: scale(1.1);}


/*==========================================================================================
etc
==========================================================================================*/
/*--------------------------------------------------------------------------------------------------------------------------------------------改行*/
body .sp_nowrap{white-space:nowrap}/*折り返さない*/
body .sp_break{word-break:break-all}/*URLなども折り返す*/
/*--------------------------------------------------------------------------------------------------------------------------------------------disable*/
.sp_disable{cursor:default;pointer-events:none;}/*link/input/button無効*/
/*--------------------------------------------------------------------------------------------------------------------------------------------blend*/
body .sp_bl_mul{mix-blend-mode:multiply;}/*乗算*/
body .sp_bl_scr{mix-blend-mode:screen;}/*スクリーン*/
body .sp_bl_over{mix-blend-mode:overlay;}/*オーバレイ*/
body .sp_bl_dark{mix-blend-mode:darken;}/*暗く合成する*/
body .sp_bl_light{mix-blend-mode:lighten;}/*明るく合成する*/
body .sp_bl_dod{mix-blend-mode:color-dodge;}/*覆い焼き*/
body .sp_bl_burn{mix-blend-mode:color-burn;}/*焼きこみ*/
body .sp_bl_light_h{mix-blend-mode:hard-light;}/*ハードに明るく合成する*/
body .sp_bl_light_s{mix-blend-mode:soft-light;}/*ソフトに明るく合成する*/
body .sp_bl_dif{mix-blend-mode:difference;}/*相違で合成する*/
body .sp_bl_exc{mix-blend-mode:exclusion;}/*除外*/
body .sp_bl_hue{mix-blend-mode:hue;}/*色相*/
body .sp_bl_sat{mix-blend-mode:saturation;}/*彩度*/
body .sp_bl_color{mix-blend-mode:color;}/*カラー*/
body .sp_bl_lum{mix-blend-mode:luminosity;}/*輝度*/
/*--------------------------------------------------------------------------------------------------------------------------------------------deg*/
body .sp_deg0{transform:rotate(0deg);}
body .sp_deg5{transform:rotate(5deg);}
body .sp_deg10{transform:rotate(10deg);}
body .sp_deg15{transform:rotate(15deg);}
body .sp_deg30{transform:rotate(30deg);}
body .sp_deg45{transform:rotate(45deg);}
body .sp_deg135{transform:rotate(135deg);}
body .sp_deg-5{transform:rotate(-5deg);}
body .sp_deg-10{transform:rotate(-10deg);}
body .sp_deg-15{transform:rotate(-15deg);}
body .sp_deg-30{transform:rotate(-30deg);}
body .sp_deg-45{transform:rotate(-45deg);}
body .sp_deg-135{transform:rotate(-135deg);}
/*--------------------------------------------------------------------------------------------------------------------------------------------asp*/
body .sp_asp43{aspect-ratio:4 / 3;overflow:hidden;}
body .sp_asp21{aspect-ratio:2 / 1;overflow:hidden;}
body .sp_asp1{aspect-ratio:1 / 1;overflow:hidden;}
}