@charset "UTF-8";

/****************
base
*****************/
/*****************
さまざまなページで使用されている初期化css（基本はcommonですが）です。
下手にいじると、複数のページが一気に崩れます。
cssをいじる場合は、各ブログのcss（projectレイヤー）にて調整ください。
※初期化cssの拡張、修正については、WEB制作Gr.常山までお問合せください。
*****************/


/*****************
foundation
*****************/
body{line-height: inherit;}
*{letter-spacing:1px;
-webkit-text-size-adjust:100%;}
p small{font-size:inherit;color:inherit;}
ul,ol{list-style:none;}
:root{font-size:16px;}
@media screen and (max-width:599px){
  :root{font-size:12px;}
}
body{font-size:calc(1rem / 1.2);}
main h1,main h2,main h3,main h4,main h5,main h6,main div,main p,main article,main section,main,main figure,main ul,main ol,main li,main dl,main dt,main dd,main a,main span,main mark{line-height:calc(1em + (1rem * 1.6 - 1rem));letter-spacing:.1em;font-size:inherit;font-weight:inherit;font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;}
h1{font-weight:normal;}

/*既存CSSの修正*/
div#cont div#c3_lrr{overflow:visible;}
@media screen and (max-width:768px){
  #base,
  div#cont div#c3_l,
  div#cont div#c3_lr,
  div#cont div#c2_l,
  div#footer div.box21,
  div#cont div#c3_lrr{font-size:inherit;}
}

/*****************
layout
*****************/
.l_top_image_container{margin-bottom:calc(2.618rem - (1rem * 1.6 - 1rem));}
.l_main_cont{margin-bottom:calc(6.854rem - (1rem * 1.6 - 1rem));}

/*****************
component
*****************/
/*****************
さまざまなページで使用されているコンポーネントです。
下手にいじると、複数のページが一気に崩れます。
cssをいじる場合は、各ブログのcss（projectレイヤー）にて調整ください。
※コンポ―ネントの拡張、修正については、WEB制作Gr.常山までお問合せください。
*****************/


/*****************
component(ver.2 16/12/4 )
*****************/
/*カラムデザイン*/
.c_col_1{width:8.333%;}
.c_col_2{width:16.667%;}
.c_col_25{width:20%;}
.c_col_3{width:25%;}
.c_col_4{width:33.333%;}
.c_col_5{width:41.666%;}
.c_col_6{width:50%;}
.c_col_7{width:58.333%;}
.c_col_8{width:66.666%;}
.c_col_9{width:75%;}
.c_col_10{width:83.33%;}
.c_col_11{width:91.666%;}
.c_col_12{width:100%;}

/*カラムデザイン(レスポンシブタブレット用 768px以下)*/
@media screen and (max-width:768px){
.c_res_md_col_1{width:8.333%;}
.c_res_md_col_2{width:16.667%;}
.c_res_md_col_3{width:25%;}
.c_res_md_col_4{width:33.333%;}
.c_res_md_col_5{width:41.666%;}
.c_res_md_col_6{width:50%;}
.c_res_md_col_7{width:58.333%;}
.c_res_md_col_8{width:66.666%;}
.c_res_md_col_9{width:75%;}
.c_res_md_col_10{width:83.33%;}
.c_res_md_col_11{width:91.666%;}
.c_res_md_col_12{width:100%;}
}

/*カラムデザイン(レスポンシブスマホ用 599px以下)*/
@media screen and (max-width:599px){
.c_res_sm_col_1{width:8.333%;}
.c_res_sm_col_2{width:16.667%;}
.c_res_sm_col_3{width:25%;}
.c_res_sm_col_4{width:33.333%;}
.c_res_sm_col_5{width:41.666%;}
.c_res_sm_col_6{width:50%;}
.c_res_sm_col_7{width:58.333%;}
.c_res_sm_col_8{width:66.666%;}
.c_res_sm_col_9{width:75%;}
.c_res_sm_col_10{width:83.33%;}
.c_res_sm_col_11{width:91.666%;}
.c_res_sm_col_12{width:100%;}
}

/*カラムデザイン(絶対値)　あまり使わないのでver.3で廃止予定*/
.c_abs_col_1_500w{width:41.667px;}
.c_abs_col_2_500w{width:83.333px;}
.c_abs_col_3_500w{width:125px;}
.c_abs_col_4_500w{width:166.667px;}
.c_abs_col_5_500w{width:208.333px;}
.c_abs_col_6_500w{width:250px;}
.c_abs_col_7_500w{width:291.667px;}
.c_abs_col_8_500w{width:333.333px;}
.c_abs_col_9_500w{width:375px;}
.c_abs_col_10_500w{width:416.667px;}
.c_abs_col_11_500w{width:458.333px;}
.c_abs_col_12_500w{width:500px;}
.c_abs_col_1_730w{width:60.833px;}
.c_abs_col_2_730w{width:121.667px;}
.c_abs_col_3_730w{width:182.5px;}
.c_abs_col_4_730w{width:243.3331px;}
.c_abs_col_5_730w{width:304.167px;}
.c_abs_col_6_730w{width:365px;}
.c_abs_col_7_730w{width:425.833px;}
.c_abs_col_8_730w{width:486.667px;}
.c_abs_col_9_730w{width:547.5px}
.c_abs_col_10_730w{width:608.333px;}
.c_abs_col_11_730w{width:669.167px;}
.c_abs_col_12_730w{width:730px;}
.c_abs_col_1_960w{width:80px;}
.c_abs_col_2_960w{width:160px;}
.c_abs_col_3_960w{width:240px;}
.c_abs_col_4_960w{width:320px;}
.c_abs_col_5_960w{width:400px;}
.c_abs_col_6_960w{width:480px;}
.c_abs_col_7_960w{width:560px;}
.c_abs_col_8_960w{width:640px;}
.c_abs_col_9_960w{width:720px;}
.c_abs_col_10_960w{width:800px;}
.c_abs_col_11_960w{width:880px;}
.c_abs_col_12_960w{width:960px;}

/*セクション*/
.c_section{}
.c_section--btm_sm{}
.c_section--btm_md{}
.c_section--btm_lg{}
.c_section--btm_xl{}
.c_section--btm_sm > .c_section__item + .c_section__item{margin-top:5px;}
.c_section--btm_md > .c_section__item + .c_section__item{margin-top:10px;}
.c_section--btm_lg > .c_section__item + .c_section__item{margin-top:20px;}
.c_section--btm_xl > .c_section__item + .c_section__item{margin-top:30px;}
.c_section--center{text-align:center;}/*使いにくいのでver.3で廃止予定（c_textを使う）*/
.c_section--right{text-align:right;}/*使いにくいのでver.3で廃止予定（c_textを使う）*/
.c_section--block_center{margin:auto;}/*使いにくいのでver.3で廃止予定（c_textを使う）*/
.c_section--block_right{margin-left:auto;}/*使いにくいのでver.3で廃止予定（c_textを使う）*/
.c_section__item--center{text-align:center;}/*使いにくいのでver.3で廃止予定（c_textを使う）*/
.c_section__item--right{text-align:right;}/*使いにくいのでver.3で廃止予定（c_textを使う）*/
.c_section__item--block_center{margin:auto;}/*使いにくいのでver.3で廃止予定（c_textを使う）*/
.c_section__item--block_right{margin-left:auto;}/*使いにくいのでver.3で廃止予定（c_textを使う）*/

/*リスト*/
.c_list{}
.c_list--btm_sm{}
.c_list--btm_md{}
.c_list--btm_lg{}
.c_list--btm_sm > .c_list__item + .c_list__item{margin-top:5px;}
.c_list--btm_md > .c_list__item + .c_list__item{margin-top:10px;}
.c_list--btm_lg > .c_list__item + .c_list__item{margin-top:20px;}

/*ガーター*/
.c_has_gutter_xs{padding:2px;}
.c_has_gutter_sm{padding:5px;}
.c_has_gutter_md{padding:10px;}
.c_has_gutter_lg{padding:15px;}
.c_has_gutter_xl{padding:20px;}

/*ボーダー*/
.c_has_border{border:1px solid #ccc;}
.c_has_border--sm{border-width:2px;}
.c_has_border--md{border-width:3px;}
.c_has_border--lg{border-width:5px;}
.c_has_border--ins_color{border-color:#FF290B;}
.c_has_border--bup_color{border-color:#1C75C5;}
.c_has_border--reaf_color{border-color:#33CC99;}
.c_has_border--dashed{border-style:dashed;}
.c_has_border--dotted{border-style:dotted;}

/*グリッドデザイン（インラインブロック）*/
.c_grid{letter-spacing:-0.5em;}
.mac.chrome .c_grid{letter-spacing:-0.5em;}/*macクローム用のレタースペーシング*/
.c_grid--v_btm{}
.c_grid--v_mdl{}
.c_grid--wrap_no_gutter{}
.c_grid.c_has_gutter_xs{padding:0;}
.c_grid.c_has_gutter_sm{padding:0;}
.c_grid.c_has_gutter_md{padding:0;}
.c_grid.c_has_gutter_lg{padding:0;}
.c_grid.c_has_gutter_xl{padding:0;}
.c_grid.c_has_gutter_xs.c_grid--wrap_no_gutter{margin:-2px;}
.c_grid.c_has_gutter_sm.c_grid--wrap_no_gutter{margin:-5px;}
.c_grid.c_has_gutter_md.c_grid--wrap_no_gutter{margin:-10px;}
.c_grid.c_has_gutter_lg.c_grid--wrap_no_gutter{margin:-15px;}
.c_grid.c_has_gutter_xl.c_grid--wrap_no_gutter{margin:-20px;}
.c_grid__item{display:inline-block;vertical-align:top;letter-spacing:1px;}
.mac.chrome .c_grid__item{letter-spacing:0;}/*macクローム用のレタースペーシング*/
.c_grid--v_btm > .c_grid__item{vertical-align:bottom;}
.c_grid--v_mdl > .c_grid__item{vertical-align:middle;}
.c_grid.c_has_gutter_xs > .c_grid__item{padding:2px;}
.c_grid.c_has_gutter_sm > .c_grid__item{padding:5px;}
.c_grid.c_has_gutter_md > .c_grid__item{padding:10px;}
.c_grid.c_has_gutter_lg > .c_grid__item{padding:15px;}
.c_grid.c_has_gutter_xl > .c_grid__item{padding:20px;}
/*c_grid--auto_hをc_gridと同じ要素に、c_grid__innerをc_grid__itemの子要素に充てるとc_grid__innerの最大高さに合わせて、全c_grid__innerの高さが揃います*/

/*テーブルレイアウト*/
.c_table_layout{display:table;width:100%;border-collapse:collapse;}
.c_table_layout--sm{}
.c_table_layout--md{}
.c_table_layout--lg{}
.c_table_layout__header{display:table-header-group;}
.c_table_layout__body{display:table-row-group;}
.c_table_layout__footer{display:table-footer-group;}
.c_table_layout__row{display:table-row;}
.c_table_layout__col_group{display:table-column-group;}
.c_table_layout__col{display:table-column;}
.c_table_layout__cell{display:table-cell;padding-left:10px;padding-right:10px;border:1px solid #ccc;vertical-align:top;}
.c_table_layout__cell--v_mdl{vertical-align:middle;}
.c_table_layout__cell--v_btm{vertical-align:bottom;}
.c_table_layout__cell--abs{display:block;}
.c_table_layout--sm .c_table_layout__cell{padding-top:5px;padding-bottom:5px;}
.c_table_layout--md .c_table_layout__cell{padding-top:10px;padding-bottom:10px;}
.c_table_layout--lg .c_table_layout__cell{padding-top:15px;padding-bottom:15px;}
.c_table_layout__head{text-align:center;font-weight:bold;}
.c_table_layout__data{}
.c_table_layout__data--center{text-align:center;}/*使いにくいのでver.3で廃止予定（c_textを使う）*/
.c_table_layout__data--right{text-align:right;}/*使いにくいのでver.3で廃止予定（c_textを使う）*/
.c_table_layout__target{display:block;}
.c_table_layout__target:hover{text-decoration:none;opacity:0.7;}
.c_table_layout__head,.c_table_layout__data,.c_table_layout__target{margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px;}
.c_table_layout--sm .c_table_layout__head,.c_table_layout--sm .c_table_layout__data,.c_table_layout--sm .c_table_layout__target{margin-top:-5px;margin-bottom:-5px;padding-top:5px;padding-bottom:5px;}
.c_table_layout--md .c_table_layout__head,.c_table_layout--md .c_table_layout__data,.c_table_layout--md .c_table_layout__target{margin-top:-10px;margin-bottom:-10px;padding-top:10px;padding-bottom:10px;}
.c_table_layout--lg .c_table_layout__head,.c_table_layout--lg .c_table_layout__data,.c_table_layout--lg .c_table_layout__target{margin-top:-15px;margin-bottom:-15px;padding-top:15px;padding-bottom:15px;}

/*テーブルレイアウト(レスポンシブタブレット用　縦軸横軸入れ替え)*/
@media screen and (max-width:768px){
.c_table_layout--res_md_switch{display:block;}
.c_table_layout--res_md_switch:after{content:"";display:block;clear:both;}
.c_table_layout--res_md_switch .c_table_layout__header{display:block;float:left;}
.c_table_layout--res_md_switch .c_table_layout__body{display:block;overflow-x:scroll;white-space: nowrap;-webkit-overflow-scrolling:touch;letter-spacing:-0.5em;}
.c_table_layout--res_md_switch .c_table_layout__row{display:inline-block;letter-spacing:1px;}
.c_table_layout--res_md_switch .c_table_layout__cell{display:block;}
}

/*テーブルレイアウト(レスポンシブスマホ用　縦軸横軸入れ替え)*/
@media screen and (max-width:599px){
.c_table_layout--res_sm_switch{display:block;}
.c_table_layout--res_sm_switch:after{content:"";display:block;clear:both;}
.c_table_layout--res_sm_switch .c_table_layout__header{display:block;float:left;}
.c_table_layout--res_sm_switch .c_table_layout__body{display:block;overflow-x:scroll;white-space: nowrap;-webkit-overflow-scrolling:touch;letter-spacing:-0.5em;}
.c_table_layout--res_sm_switch .c_table_layout__row{display:inline-block;letter-spacing:1px;}
.c_table_layout--res_sm_switch .c_table_layout__cell{display:block;}
}

/*テーブルビュー*/
.c_tableview{}
.c_tableview--h_xs{}
.c_tableview--h_sm{}
.c_tableview--h_md{}
.c_tableview--h_lg{}
.c_tableview--h_xl{}
.c_tableview--border_around{border:1px solid #ccc;}
.c_tableview--border_between{}
.c_tableview--radius_sm{border-radius:2px;overflow:hidden;}/*クラスが冗長になるのでver.3で廃止予定（c_has_radiusを使う）*/
.c_tableview--radius_md{border-radius:5px;overflow:hidden;}/*クラスが冗長になるのでver.3で廃止予定（c_has_radiusを使う）*/
.c_tableview--radius_lg{border-radius:10px;overflow:hidden;}/*クラスが冗長になるのでver.3で廃止予定（c_has_radiusを使う）*/
.c_tableview__item{}
.c_tableview--border_between > .c_tableview__item + .c_tableview__item{border-top:1px solid #ccc;}
.c_tableview__target_wrap,.c_tableview__text_wrap{display:table;border-collapse:collapse;width:100%;}
.c_tableview__target,.c_tableview__text{display:table-cell;width:100%;padding-left:10px;padding-right:10px;vertical-align:middle;}
.c_tableview--h_xs > .c_tableview__item > .c_tableview__target_wrap > .c_tableview__target,.c_tableview--h_xs > .c_tableview__item > .c_tableview__text_wrap > .c_tableview__text{height:2.0em;}
.c_tableview--h_sm > .c_tableview__item > .c_tableview__target_wrap > .c_tableview__target,.c_tableview--h_sm > .c_tableview__item > .c_tableview__text_wrap > .c_tableview__text{height:2.5em;}
.c_tableview--h_md > .c_tableview__item > .c_tableview__target_wrap > .c_tableview__target,.c_tableview--h_md > .c_tableview__item > .c_tableview__text_wrap > .c_tableview__text{height:3.0em;}
.c_tableview--h_lg > .c_tableview__item > .c_tableview__target_wrap > .c_tableview__target,.c_tableview--h_lg > .c_tableview__item > .c_tableview__text_wrap > .c_tableview__text{height:3.5em;}
.c_tableview--h_xl > .c_tableview__item > .c_tableview__target_wrap > .c_tableview__target,.c_tableview--h_xl > .c_tableview__item > .c_tableview__text_wrap > .c_tableview__text{height:4.0em;}
.c_tableview__target:hover{text-decoration:none;color:inherit;}

/*親要素の端に要素を配置*/
.c_end_place{position:absolute;margin:auto;}
.c_end_place--top_left{top:10px;left:10px;}
.c_end_place--top_center{top:10px;left:0;right:0;}
.c_end_place--top_right{top:10px;right:10px;}
.c_end_place--mdl_left{top:0;bottom:0;left:10px;}
.c_end_place--mdl_right{top:0;bottom:0;right:10px;}/*テーブルビューでよく使う*/
.c_end_place--btm_left{bottom:10px;left:10px;}
.c_end_place--btm_center{bottom:10px;left:0;right:0;}
.c_end_place--btm_right{bottom:10px;right:10px;}
.c_end_place_wrap{position:relative;}/*必ず親につける*/

/*メディアデザイン*/
.c_media{}
.c_media--no_around{}
.c_media:after{content:"";display:block;clear:both;}
.c_media__img{float:left;margin:0 10px 10px 0;}
.c_media__img--rev{float:right;margin:0 0 10px 10px;}
.c_media__body{}
.c_media--no_around > .c_media__body{overflow:hidden;}

/*メディアデザイン(回りこみなし、テーブルレイアウト)*/
.c_media--table{display:table;border-collapse:collapse;}
.c_media--table > .c_media__img{display:table-cell;float:none;padding-right:10px;vertical-align:top;}
.c_media--table > .c_media__img--rev{padding-left:10px;padding-right:0;}
.c_media--table > .c_media__body{display:table-cell;vertical-align:top;}
.c_media--v_btm > .c_media__img,.c_media--v_btm > .c_media__body{vertical-align:bottom;}
.c_media--v_mdl > .c_media__img,.c_media--v_mdl > .c_media__body{vertical-align:middle;}

/*メディアデザイン(レスポンシブタブレット用 768px以下でメディア解除)*/
@media screen and (max-width:768px){
.c_media--res_md_none{display:block;}
.c_media--res_md_none > .c_media__img{float:none;display:block;margin:0 0 10px 0;padding:0;}
}

/*メディアデザイン(レスポンシブスマホ用  768px以下でメディア解除)*/
@media screen and (max-width:599px){
.c_media--res_sm_none{display:block;}
.c_media--res_sm_none > .c_media__img{float:none;display:block;margin:0 0 10px 0;padding:0;}
}

/*ナビゲーション*/
.c_nav{display:table;table-layout:fixed;border-collapse:collapse;width:100%;}
.c_nav--h_xs{}
.c_nav--h_sm{}
.c_nav--h_md{}
.c_nav--h_lg{}
.c_nav--h_xl{}
.c_nav.c_has_gutter_xs{border-collapse:separate;border-spacing:2px 0;width:-webkit-calc(100% + 4px);width:-moz-calc(100% + 4px);width:calc(100% + 4px);margin-left:-2px;padding:0;}
.c_nav.c_has_gutter_sm{border-collapse:separate;border-spacing:5px 0;width:-webkit-calc(100% + 10px);width:-moz-calc(100% + 10px);width:calc(100% + 10px);margin-left:-5px;padding:0;}
.c_nav.c_has_gutter_md{border-collapse:separate;border-spacing:10px 0;width:-webkit-calc(100% + 20px);width:-moz-calc(100% + 20px);width:calc(100% + 20px);margin-left:-10px;padding:0;}
.c_nav.c_has_gutter_lg{border-collapse:separate;border-spacing:15px 0;width:-webkit-calc(100% + 30px);width:-moz-calc(100% + 30px);width:calc(100% + 30px);margin-left:-15px;padding:0;}
.c_nav.c_has_gutter_xl{border-collapse:separate;border-spacing:20px 0;width:-webkit-calc(100% + 40px);width:-moz-calc(100% + 40px);width:calc(100% + 40px);margin-left:-20px;padding:0;}
.c_nav__item{display:table-cell;text-align:center;vertical-align:top;}
.c_nav__target_wrap,.c_nav__text_wrap{display:table;border-collapse:collapse;width:100%;}
.c_nav__target,.c_nav__text{display:table-cell;width:100%;padding-left:10px;padding-right:10px;vertical-align:middle;}
.c_nav--h_xs > .c_nav__item > .c_nav__target_wrap > .c_nav__target,.c_nav--h_xs > .c_nav__item > .c_nav__text_wrap > .c_nav__text{height:2.0em;}
.c_nav--h_sm > .c_nav__item > .c_nav__target_wrap > .c_nav__target,.c_nav--h_sm > .c_nav__item > .c_nav__text_wrap > .c_nav__text{height:2.5em;}
.c_nav--h_md > .c_nav__item > .c_nav__target_wrap > .c_nav__target,.c_nav--h_md > .c_nav__item > .c_nav__text_wrap > .c_nav__text{height:3.0em;}
.c_nav--h_lg > .c_nav__item > .c_nav__target_wrap > .c_nav__target,.c_nav--h_lg > .c_nav__item > .c_nav__text_wrap > .c_nav__text{height:3.5em;}
.c_nav--h_xl > .c_nav__item > .c_nav__target_wrap > .c_nav__target,.c_nav--h_xl > .c_nav__item > .c_nav__text_wrap > .c_nav__text{height:4.0em;}
.c_nav__target:hover{text-decoration:none;color:inherit;}


/*ボタン*/
.c_btn{display:table;border-collapse:separate;width:100%;}
.c_btn--center{}
.c_btn__target{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:table-cell;padding-left:10px;padding-right:10px;vertical-align:middle;line-height:1.3;text-decoration:none;color:inherit;cursor:pointer;}
.c_btn__text{display:table-cell;padding-left:10px;padding-right:10px;vertical-align:middle;line-height:1.3;}
.c_btn--center > .c_btn__target,.c_btn--center > .c_btn__text{text-align:center;}
.c_btn__target:hover{text-decoration:none;color:inherit;}
.c_btn--border > .c_btn__target,.c_btn--border > .c_btn__text{border:1px solid #ccc;}
.c_btn--radius_sm > .c_btn__target,.c_btn--radius_sm > .c_btn__text{border-radius:2px;overflow:hidden;}/*クラスが冗長になるのでver.3で廃止予定（c_has_radiusを使う）*/
.c_btn--radius_md > .c_btn__target,.c_btn--radius_md > .c_btn__text{border-radius:5px;overflow:hidden;}/*クラスが冗長になるのでver.3で廃止予定（c_has_radiusを使う）*/
.c_btn--radius_lg > .c_btn__target,.c_btn--radius_lg > .c_btn__text{border-radius:10px;overflow:hidden;}/*クラスが冗長になるのでver.3で廃止予定（c_has_radiusを使う）*/
.c_btn--h_xs > .c_btn__target,.c_btn--h_xs > .c_btn__text{height:2.0em;}
.c_btn--h_sm > .c_btn__target,.c_btn--h_sm > .c_btn__text{height:2.5em;}
.c_btn--h_md > .c_btn__target,.c_btn--h_md > .c_btn__text{height:3.0em;}
.c_btn--h_lg > .c_btn__target,.c_btn--h_lg > .c_btn__text{height:3.5em;}
.c_btn--h_xl > .c_btn__target,.c_btn--h_xl > .c_btn__text{height:4.0em;}

/*アイコン*/
.c_ico{display:inline-block;}
.c_ico--with_text{margin-right:5px;vertical-align:middle;}
.c_ico--with_text--rev{margin:0 0 0 5px;}
.c_ico--with_text_vertical{display:block;margin:0 auto 5px;}
.c_ico--with_text_vertical--rev{margin:5px auto 0;}

/*ラベル*/
.c_label{display:inline-block;box-sizing:content-box;height:1em;line-height:1.0;text-align:center;font-family:inherit;}
.c_label--border{border:1px solid #ccc;}
.c_label--h_sm{padding:3px 3px;}
.c_label--h_md{padding:5px 5px;}
.c_label--h_lg{padding:10px 10px;}
.c_label--w_1word{width:1.5em;}
.c_label--w_2word{width:2.5em;}
.c_label--w_3word{width:3.5em;}
.c_label--w_4word{width:4.5em;}
.c_label--w_5word{width:5.5em;}
.c_label--w_6word{width:6.5em;}
.c_label--w_7word{width:7.5em;}
.c_label--w_8word{width:8.5em;}
.c_label--w_9word{width:9.5em;}
.c_label--w_10word{width:10.5em;}
.c_label--radius_sm{border-radius:2px;overflow:hidden;}/*クラスが冗長になるのでver.3で廃止予定（c_has_radiusを使う）*/
.c_label--radius_md{border-radius:5px;overflow:hidden;}/*クラスが冗長になるのでver.3で廃止予定（c_has_radiusを使う）*/
.c_label--radius_lg{border-radius:10px;overflow:hidden;}/*クラスが冗長になるのでver.3で廃止予定（c_has_radiusを使う）*/
.c_label--curcle{border-radius:50%;overflow:hidden;}/*クラスが冗長になるのでver.3で廃止予定（c_has_radiusを使う）*/
.c_label--with_text{margin-right:5px;vertical-align:middle;}
.c_label--with_text--rev{margin:0 0 0 5px;}
.c_label--with_text_vertical{display:block;margin:0 auto 5px;}
.c_label--with_text_vertical--rev{margin:5px auto 0;}

/*テキスト*/
.c_text_center{text-align:center;}
.c_text_right{text-align:right;}
.c_text_right_float{float:right;}
.c_text_block_center{margin:auto;}
.c_text_block_right{margin-left:auto;}
.c_text_v_mdl{display:table;width:100%;}
.c_text_v_mdl__item{display:table-cell;vertical-align:middle;}
.c_text_v_mdl--h_xs > .c_text_v_mdl__item{height:2.0em;}
.c_text_v_mdl--h_sm > .c_text_v_mdl__item{height:2.5em;}
.c_text_v_mdl--h_md > .c_text_v_mdl__item{height:3.0em;}
.c_text_v_mdl--h_lg > .c_text_v_mdl__item{height:3.5em;}
.c_text_v_mdl--h_xl > .c_text_v_mdl__item{height:4.0em;}

/*上つき文字*/
.c_super{vertical-align:super;font-size:11px/*最小値*/;font-family:inherit;}

/*フォントを強調*/
.c_strong{font-family:inherit;font-weight:bold;}
.c_strong--sm{font-size:1.2em;}
.c_strong--md{font-size:1.5em;}
.c_strong--lg{font-size:1.7em;}
.c_strong--xl{font-size:2.0em;}
.c_strong--xxl{font-size:3.0em;}


/*フォントを強調(レスポンシブタブレット用 768px以下)*/
@media screen and (max-width:768px){
.c_strong--res_md_origin_size{font-size:1.0em;}
.c_strong--res_md_sm{font-size:1.2em;}
.c_strong--res_md_md{font-size:1.5em;}
.c_strong--res_md_lg{font-size:1.7em;}
.c_strong--res_md_xl{font-size:2.0em;}
.c_strong--res_md_xxl{font-size:3.0em;}
}

/*フォントを強調(レスポンシブスマホ用 599px以下)*/
@media screen and (max-width:599px){
.c_strong--res_sm_origin_size{font-size:1.0em;}
.c_strong--res_sm_sm{font-size:1.2em;}
.c_strong--res_sm_md{font-size:1.5em;}
.c_strong--res_sm_lg{font-size:1.7em;}
.c_strong--res_sm_xl{font-size:2.0em;}
.c_strong--res_sm_xxl{font-size:3.0em;}
}

/*フォントを弱く*/
.c_weak{font-family:inherit;}
.c_weak--full{font-size:11px;}/*最小値*/
.c_weak--xs{font-size:0.9em;}
.c_weak--sm{font-size:0.8em;}
.c_weak--md{font-size:0.7em;}
.c_weak--lg{font-size:0.6em;}
.c_weak--xl{font-size:0.5em;}

/*テーマカラーで塗りつぶし*/
.c_fill--ins_color{background:#FF290B;color:#fff;}
.c_fill--bup_color{background:#1C75C5;color:#fff;}
.c_fill--reaf_color{background:#33CC99;color:#fff;}

/*アイコンがある場合の文章の改行処理*/
.c_indent_rev_1word{padding-left:1.0em;text-indent:-1.0em;}
.c_indent_rev_2word{padding-left:2.0em;text-indent:-2.0em;}
.c_indent_rev_3word{padding-left:3.0em;text-indent:-2.0em;}
.c_indent_rev_4word{padding-left:4.0em;text-indent:-2.0em;}
.c_indent_rev_5word{padding-left:5.0em;text-indent:-5.0em;}
.c_indent_rev_6word{padding-left:6.0em;text-indent:-6.0em;}
.c_indent_rev_7word{padding-left:7.0em;text-indent:-7.0em;}

/*ボックスの丸み*/
.c_has_radius_sm{border-radius:2px;overflow:hidden;}
.c_has_radius_md{border-radius:5px;overflow:hidden;}
.c_has_radius_lg{border-radius:10px;overflow:hidden;}
.c_has_radius_curcle{border-radius:50%;overflow:hidden;}

/*幅・高さが決まっていない要素の中央揃え(ie8非対応)*/
.c_centering{position: relative;}
.c_centering--abs{position: absolute;}
.c_centering--vertical{top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.c_centering--horizon{left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.c_centering--abs_wrap{position: relative;}/*c_centering--absの親要素につける*/


/*グリッドデザイン（レスポンシブタブレット用）*/
@media screen and (max-width:768px){
.c_res_md_grid{display:block;letter-spacing:-0.5em;}
.mac.chrome .c_res_md_grid{letter-spacing:-0.5em;}/*macクローム用のレタースペーシング*/
.c_res_md_grid--wrap_no_gutter{}
.c_res_md_grid.c_res_has_gutter_xs.c_res_md_grid--wrap_no_gutter{margin:-2px;padding:0;}
.c_res_md_grid.c_res_has_gutter_sm.c_res_md_grid--wrap_no_gutter{margin:-5px;padding:0;}
.c_res_md_grid.c_res_has_gutter_md.c_res_md_grid--wrap_no_gutter{margin:-10px;padding:0;}
.c_res_md_grid.c_res_has_gutter_lg.c_res_md_grid--wrap_no_gutter{margin:-15px;padding:0;}
.c_res_md_grid.c_res_has_gutter_xl.c_res_md_grid--wrap_no_gutter{margin:-20px;padding:0;}
.c_res_md_grid__item{display:inline-block;vertical-align:top;letter-spacing:1px;}
.mac.chrome .c_res_md_grid__item{letter-spacing:0;}/*macクローム用のレタースペーシング*/
.c_res_md_grid.c_res_has_gutter_xs > .c_res_md_grid__item{padding:2px;}
.c_res_md_grid.c_res_has_gutter_sm > .c_res_md_grid__item{padding:5px;}
.c_res_md_grid.c_res_has_gutter_md > .c_res_md_grid__item{padding:10px;}
.c_res_md_grid.c_res_has_gutter_lg > .c_res_md_grid__item{padding:15px;}
.c_res_md_grid.c_res_has_gutter_xl > .c_res_md_grid__item{padding:20px;}
}


/*グリッドデザイン（レスポンシブスマホ用）*/
@media screen and (max-width:599px){
.c_res_sm_grid{display:block;letter-spacing:-0.5em;}
.mac.chrome .c_res_sm_grid{letter-spacing:-0.5em;}/*macクローム用のレタースペーシング*/
.c_res_sm_grid--wrap_no_gutter{}
.c_res_sm_grid.c_res_has_gutter_xs.c_res_sm_grid--wrap_no_gutter{margin:-2px;padding:0;}
.c_res_sm_grid.c_res_has_gutter_sm.c_res_sm_grid--wrap_no_gutter{margin:-5px;padding:0;}
.c_res_sm_grid.c_res_has_gutter_md.c_res_sm_grid--wrap_no_gutter{margin:-10px;padding:0;}
.c_res_sm_grid.c_res_has_gutter_lg.c_res_sm_grid--wrap_no_gutter{margin:-15px;padding:0;}
.c_res_sm_grid.c_res_has_gutter_xl.c_res_sm_grid--wrap_no_gutter{margin:-20px;padding:0;}
.c_res_sm_grid__item{display:inline-block;vertical-align:top;letter-spacing:1px;}
.mac.chrome .c_res_sm_grid__item{letter-spacing:0;}/*macクローム用のレタースペーシング*/
.c_res_sm_grid.c_res_has_gutter_xs > .c_res_sm_grid__item{padding:2px;}
.c_res_sm_grid.c_res_has_gutter_sm > .c_res_sm_grid__item{padding:5px;}
.c_res_sm_grid.c_res_has_gutter_md > .c_res_sm_grid__item{padding:10px;}
.c_res_sm_grid.c_res_has_gutter_lg > .c_res_sm_grid__item{padding:15px;}
.c_res_sm_grid.c_res_has_gutter_xl > .c_res_sm_grid__item{padding:20px;}
}

/*グリッドのガーターキャンセル(レスポンシブタブレット用 768px以下)*/
@media screen and (max-width:768px){
.c_grid.c_res_md_no_gutter.c_grid--wrap_no_gutter{margin:0;}
.c_grid.c_res_md_no_gutter > .c_grid__item{padding:0;}
}

/*グリッドのガーターキャンセル(レスポンシブスマホ用 599px以下)*/
@media screen and (max-width:599px){
.c_grid.c_res_sm_no_gutter.c_grid--wrap_no_gutter{margin:0;}
.c_grid.c_res_sm_no_gutter > .c_grid__item{padding:0;}
}

/*要素を隠す*/
.c_hide{display:none;}

/*要素を隠す(レスポンシブスマホ用 599px以下)*/
@media screen and (max-width:599px){
.c_res_sm_hide{display:none;}
}

/*要素を隠す(レスポンシブタブレット用 768px以下)*/
@media screen and (max-width:768px){
.c_res_md_hide{display:none;}
}
/*要素(ブロック)を出す(レスポンシブタブレット用 768px以下)*/
@media screen and (max-width:768px){
.c_res_md_show_block{display:block;}
}
/*要素(ブロック)を出す(レスポンシブスマホ用 599px以下)*/
@media screen and (max-width:599px){
.c_res_sm_show_block{display:block;}
}

/*要素(インライン)を出す(レスポンシブタブレット用 768px以下)*/
@media screen and (max-width:768px){
.c_res_md_show_inline{display:inline;}
}
/*要素(インライン)を出す(レスポンシブスマホ用 599px以下)*/
@media screen and (max-width:599px){
.c_res_sm_show_inline{display:inline;}
}



/*フレックス*/
.c_f_grid{display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:wrap;}
.c_f_grid__item{display:flex;}
.c_f_grid__inner{width:100%;}

/*イメージ*/
.c_fluid_img{max-width:100%;height:auto;}

/*アイコン*/
.c_has_ico{position:relative;}

/*ボタン*/
.c_f_btn{width:100%;}
.c_f_btn > .c_f_btn__target{display:flex;justify-content:center;align-items:center;}


/*pc*/
/*セクション*/
.pc_section{}
.pc_section--xs{}
.pc_section--sm{}
.pc_section--md{}
.pc_section--lg{}
.pc_section--xl{}
.pc_section--xs > .pc_section__item + .pc_section__item{margin-top:calc(1rem - (1rem * 1.6 - 1rem));}
.pc_section--sm > .pc_section__item + .pc_section__item{margin-top:calc(1.618rem - (1rem * 1.6 - 1rem));}
.pc_section--md > .pc_section__item + .pc_section__item{margin-top:calc(2.618rem - (1rem * 1.6 - 1rem));}
.pc_section--lg > .pc_section__item + .pc_section__item{margin-top:calc(4.236rem - (1rem * 1.6 - 1rem));}
.pc_section--xl > .pc_section__item + .pc_section__item{margin-top:calc(6.854rem - (1rem * 1.6 - 1rem));}
.pc_section--no_adj.pc_section--sm > .pc_section__item + .pc_section__item{margin-top:1.618rem;}

/*ガーター*/
.pc_has_gutter_xs{padding:calc(1rem - (1rem * 1.6 - 1rem)) 1rem;}
.pc_has_gutter_sm{padding:calc(1.618rem - (1rem * 1.6 - 1rem)) 1.618rem;}
.pc_has_gutter_md{padding:calc(2.618rem - (1rem * 1.6 - 1rem)) 2.618rem;}
.pc_has_gutter_lg{padding:calc(4.236rem - (1rem * 1.6 - 1rem)) 1.618rem;}
.pc_has_gutter_xl{padding:calc(6.854rem - (1rem * 1.6 - 1rem)) 2.618rem;}
.pc_has_gutter_xs.pc_has_gutter_no_adj{padding:1rem;}
.pc_has_gutter_sm.pc_has_gutter_no_adj{padding:1.618rem;}
.pc_has_gutter_md.pc_has_gutter_no_adj{padding:2.618rem;}
.pc_has_gutter_lg.pc_has_gutter_no_adj{padding:4.236rem;}
.pc_has_gutter_xl.pc_has_gutter_no_adj{padding:6.854rem;}
.pc_no_gutter_xs{margin:calc(-1 * (1rem - (1rem * 1.6 - 1rem))) -1rem;}
.pc_no_gutter_sm{margin:calc(-1 * (1.618rem - (1rem * 1.6 - 1rem))) -1.618rem;}
.pc_no_gutter_md{margin:calc(-1 * (2.618rem - (1rem * 1.6 - 1rem))) -2.618rem;}
.pc_no_gutter_lg{margin:calc(-1 * (4.236rem - (1rem * 1.6 - 1rem))) -4.236rem;}
.pc_no_gutter_xl{margin:calc(-1 * (6.854rem - (1rem * 1.6 - 1rem))) -6.854rem;}
.pc_no_gutter_xs.pc_has_gutter_no_adj{margin:-1rem;}
.pc_no_gutter_sm.pc_has_gutter_no_adj{margin:-1.618rem;}
.pc_no_gutter_md.pc_has_gutter_no_adj{margin:-2.618rem;}
.pc_no_gutter_lg.pc_has_gutter_no_adj{margin:-4.236rem;}
.pc_no_gutter_xl.pc_has_gutter_no_adj{margin:-6.854rem;}


/*フォントサイズ*/
.pc_font_xs{font-size:11px;}
.pc_font_sm{font-size:calc(1rem / 1.3);}
.pc_font_md{font-size:calc(1.272rem / 1.3);}
.pc_font_lg{font-size:calc(1.618rem / 1.3);}
.pc_font_xl{font-size:calc(2.618rem / 1.3);}

@media screen and (max-width:599px){
  .pc_font_sm{font-size:1rem;}
  .pc_font_md{font-size:1.272rem;}
  .pc_font_lg{font-size:1.618rem;}
  .pc_font_xl{font-size:2.618rem;}
}

/*project*/
.p_article_list{counter-reset:article_num;}
.p_article_list__body > .c_f_grid__item{width:20%;}
.p_article_list__link{display:block;color:inherit;text-decoration:none;}
.p_article_list__link::after{transition:.5s transform;}
.p_article_list__img_wrap{border-radius:2px;overflow:hidden;text-align:center;}
.p_article_list__img{vertical-align:top;transition:.5s transform;}
.p_article_list__link:hover{text-decoration:none;color:inherit;}
.p_article_list__link:hover .p_article_list__img{transform:scale(1.3);}
.p_article_list__link:hover::after{transform:scale(1.3);}

@media screen and (max-width:768px){
  .p_article_list__body > .c_f_grid__item{width:33.333%;}
}

.p_has_ico--article_num{counter-increment:article_num;}
.p_has_ico--article_num::after{content:counter(article_num);display:flex;justify-content:center;align-items:center;position:absolute;top:-10%;right:-10%;width:56px;height:56px;background:url(/common/img/contents/10point/icon_sakura_w.svg) no-repeat top left/cover;color:#fff;font-size:calc(1.618rem / 1.2);line-height:1;}
.p_has_ico--main_heading{padding-left:72px;}
.p_has_ico--main_heading::before{content:"";display:flex;justify-content:center;align-items:center;position:absolute;top:0;bottom:0;left:0;width:56px;height:56px;margin:auto;color:#fff;font-size:calc(1.618rem / 1.2);line-height:1;}
.p_has_ico--main_heading_num::before{background:url(/common/img/contents/10point/icon_sakura_w.svg) no-repeat top left/cover;}
.p_has_ico--main_heading_num01::before{content:"1";}
.p_has_ico--main_heading_num02::before{content:"2";}
.p_has_ico--main_heading_num03::before{content:"3";}
.p_has_ico--main_heading_num04::before{content:"4";}
.p_has_ico--main_heading_num05::before{content:"5";}
.p_has_ico--main_heading_num06::before{content:"6";}
.p_has_ico--main_heading_num07::before{content:"7";}
.p_has_ico--main_heading_num08::before{content:"8";}
.p_has_ico--main_heading_num09::before{content:"9";}
.p_has_ico--main_heading_num10::before{content:"10";}
.p_has_ico--sub_heading{padding-left:56px;}
.p_has_ico--sub_heading::before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:40px;height:50px;margin:auto;background:url(/common/img/contents/10point/icon_point.svg) no-repeat top left/cover;}
.p_has_ico--rel_heading{padding-left:56px;}
.p_has_ico--rel_heading::before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:40px;height:56px;margin:auto;background:url(/common/img/contents/10point/icon_service.svg) no-repeat top left/cover;}

@media screen and (max-width:599px){
  .p_has_ico--article_num::after{top:-5%;right:-5%;width:32px;height:32px;font-size:calc(1rem / 1.2);}
}

.p_btn--normal > .c_f_btn__target{position:relative;border:2px solid #ff5f86;border-radius:2px;height:3em;background:linear-gradient(90deg,#ff5f86 0%,#ff5f86 33.333%,transparent 66.666%,transparent 100%);background-position:left top;background-size:300%;color:#fff;text-decoration:none;transition:1s background-position,1s color;}
.p_btn--normal > .c_f_btn__target:hover{background-position:100%;color:#ff5f86;}
.p_btn--normal > .c_f_btn__target::after{content:"▲";position:absolute;display:block;top:0;bottom:0;left:1em;height:1em;margin:auto;line-height:1;transform:rotate(90deg);}
.p_btn--next > .c_f_btn__target::after{content:">";left:auto;right:1em;transform:rotate(0deg);}
.p_btn--previous > .c_f_btn__target::after{content:"<";transform:rotate(0deg);}


.p_heading{}
.p_heading--lg{position:relative;left:50%;transform:translateX(-50%);display:inline-block;font-weight:bold;color:#ff5f86;}
.p_heading--md{position:relative;}

@media screen and (max-width:599px){
  .p_heading--lg{display:block;padding-right:0;}
}

.p_rel_service{}
.p_rel_service__link{display:block;border-radius:2px;overflow:hidden;text-align:center;}
.p_rel_service__link:hover{opacity:.7;text-decoration:none;color:inherit;}
.p_rel_service__img{vertical-align:top;}


.p_link_box::after{content:"";display:block;clear:both;}
.p_link_box__previous{float:left;}
.p_link_box__next{float:right;}

@media screen{
  .is_heading_wrap{position:relative;z-index:-1;opacity:0;transform:translateY(100%);transition:.7s transform,.7s opacity;}
  .is_heading::before{}
  /*.is_heading::after{content:"";position:absolute;bottom:0;left:0;right:0;display:block;height:2px;width:0;margin:auto;background:#ff5f86;transition:.5s width .5s;}*/
  .is_heading_wrap--active{opacity:1;transform:translateY(0);}
  .is_heading--active::before{animation:.5s pow_anime .2s backwards;}
  /*.is_heading--active::after{width:100%;}*/
  .is_fade_in_order__item{transform:translateY(20px);opacity:0;transition:.5s transform,.5s opacity;}
  .is_fade_in_order__pse_ico::after{transform:translateY(20px);opacity:0;transition:.5s transform,.5s opacity;}
  .is_show{transform:translateY(0);opacity:1;}
  .is_show::after{transform:translateY(0);opacity:1;}
}

@keyframes pow_anime{
  from{opacity:0;transform:scale(0);}
  to{opacity:1;transform:scale(1);}
}

