/* CSS Document */


body {
	line-height: 1.5;
    font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

p{ margin-bottom: 1em;}

/* base --------------------------------------------------------------------------------------------------------------------------------------------------------- */

.clear{ clear:both; font-size: 0px !important; line-height: 0 !important; margin: 0 !important; padding: 0 !important; }

.clearfix::after { content: ""; clear: both; display: table; }

.both{clear:both;}

.dnone{display:none!important;}
.disp_flex{ display: flex; }
.jc_sb{ justify-content: space-between!important;}
.jc_fs{ justify-content: flex-start!important;}


.bold{font-weight:bold !important;}
.fwn{ font-weight:  normal!important;}
.left{ text-align: left !important;}
.right{ text-align: right !important;}
.center{ text-align:center !important;}
.uline{ text-decoration:underline !important;}
.tdn{ text-decoration:none !important;}
.italic{ font-style: italic!important;}

.vtop{ vertical-align: top; }
.vmid{ vertical-align: middle;}
.vbtm{ vertical-align: bottom; }

.letter{ letter-spacing: -1px; }
.letter-2px{ letter-spacing: -2px; }
.letter-3px{ letter-spacing: -3px; }


.ind{ text-indent: 1em; }


.disc{ margin-left:  20px; margin-bottom:  1.5em; }
.disc li{ list-style: disc; margin-bottom:  0.5em; }

.check_purple01{ margin-bottom:  1.5em; }/*purple*/
.check_purple01 li { position: relative; padding-left: 30px; margin-bottom: 0.3em;  }
 .check_purple01 li:before {
    content: "";
    position: absolute;
    top: .2em;
    left: 8px;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    width: 5px;
    height: 12px;
    border-right: 3px solid #b84d7b;
    border-bottom: 3px solid #b84d7b;
  }
.check_purple01 li:after {
    content: "";
    position: absolute;
    top: 0em;
    left: 0;
    width: 23px;
    height: 23px;
    border: 1px solid #AAA;
    border-radius: 2px;
  }

.check_pink01{ margin-bottom:  1.5em; }/*purple*/
.check_pink01 li { position: relative; padding-left: 30px; margin-bottom: 0.3em;  }
 .check_pink01 li:before {
    content: "";
    position: absolute;
    top: .2em;
    left: 8px;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    width: 5px;
    height: 12px;
    border-right: 3px solid #DD4D6C;
    border-bottom: 3px solid #DD4D6C;
  }
.check_pink01 li:after {
    content: "";
    position: absolute;
    top: 0em;
    left: 0;
    width: 23px;
    height: 23px;
    border: 1px solid #AAA;
    border-radius: 2px;
  }

.check_blue01{ margin-bottom:  1.5em; }/*purple*/
.check_blue01 li { position: relative; padding-left: 30px; margin-bottom: 0.3em;  }
 .check_blue01 li:before {
    content: "";
    position: absolute;
    top: .2em;
    left: 8px;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    width: 5px;
    height: 12px;
    border-right: 3px solid #5472A0;
    border-bottom: 3px solid #5472A0;
  }
.check_blue01 li:after {
    content: "";
    position: absolute;
    top: 0em;
    left: 0;
    width: 23px;
    height: 23px;
    border: 1px solid #AAA;
    border-radius: 2px;
  }

.check_green01{ margin-bottom:  1.5em; }/*purple*/
.check_green01 li { position: relative; padding-left: 30px; margin-bottom: 0.3em;  }
 .check_green01 li:before {
    content: "";
    position: absolute;
    top: .2em;
    left: 8px;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    width: 5px;
    height: 12px;
    border-right: 3px solid #248088;
    border-bottom: 3px solid #248088;
  }
.check_green01 li:after {
    content: "";
    position: absolute;
    top: 0em;
    left: 0;
    width: 23px;
    height: 23px;
    border: 1px solid #AAA;
    border-radius: 2px;
  }



/* font color */

.fc_red{ color: #F10609!important; }
.fc_pink{ color:#DD4D6C !important; }
.fc_purple{ color:#B84D7B !important; }
.fc_green{ color:#248088 !important; }
.fc_blue{ color:#5472A0 !important; }
.fc_black_base{color:#4d4d4d !important; }
.fc_black_000{color:#000 !important; }
.fc_gray666{ color: #666 !important; }
.fc_white{ color: #FFF !important; }
.fc_navyblue{ color:#333c5e !important; }


/* background color */

.bg_pink{ background:#DD4D6C !important; }
.bg_purple{ background:#B84D7B !important; }
.bg_green{ background:#248088 !important; }
.bg_blue{ background:#5472A0 !important; }


/*width*/

.w3{width:3% !important;}
.w5{width:5% !important;}
.w7{width:7% !important;}
.w8{width:8% !important;}
.w10{width:10% !important;}
.w20{width:20% !important;}
.w30{width:30% !important;}
.w33{width:33% !important;}
.w40{width:40% !important;}
.w50{width:50% !important;}
.w60{width:60% !important;}
.w66{width:66% !important;}
.w70{width:70% !important;}
.w75{width:75% !important;}
.w80{width:80% !important;}
.w85{width:85% !important;}
.w90{width:90% !important;}
.w95{width:95% !important;}
.w100{width:100% !important; box-sizing: border-box; }

.w10em{ width: 10em !important; }
.w11em{ width: 11em !important; }
.w12em{ width: 12em !important; }
.w13em{ width: 13em !important; }
.w14em{ width: 14em !important; }
.w15em{ width: 15em !important; }

/* margin */
.m_auto{ margin: auto !important;}
.m0{margin:0!important;}

.mb0{margin-bottom:0!important;}
.mb5{margin-bottom:5px!important;}
.mb8{margin-bottom:8px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb50{margin-bottom:50px!important;}
.mb60{margin-bottom:60px!important;}

.mb0_5em{ margin-bottom: 0.5em !important;}
.mb1em{ margin-bottom: 1em !important;}
.mb1_5em{ margin-bottom: 1.5em !important;}
.mb2em{ margin-bottom: 2em !important;}
.mb2_5em{ margin-bottom: 2.5em!important;}
.mb3em{ margin-bottom: 3em !important;}
.mb4em{ margin-bottom: 4em !important;}

.mt0em{ margin-top: 0em !important;}
.mt0_5em{ margin-top: 0.5em !important;}
.mt1em{ margin-top: 1em !important;}
.mt2em{ margin-top: 2em !important;}
.mt3em{ margin-top: 3em !important;}
.mt4em{ margin-top: 4em !important;}

.mr0{ margin-right: 0;}
.mr15{ margin-right: 15px;} 

.ml0{ margin-left: 0; }
.ml0_5em{ margin-left: 0.5em !important;}
.ml1em{ margin-left: 1em !important;}
.ml1_5em{ margin-left: 1.5em !important;}
.ml2em{ margin-left: 2em !important;}
.ml2_5em{ margin-left: 2.5em!important;}
.ml3em{ margin-left: 3em !important;}
.ml4em{ margin-left: 4em !important;}

.pt0em{ padding-top: 0em !important;}
.pt0_5em{ padding-top: 0.5em !important;}
.pt1em{ padding-top: 1em !important;}
.pt2em{ padding-top: 2em !important;}
.pt3em{ padding-top: 3em !important;}
.pt4em{ padding-top: 4em !important;}



.pl1em{padding-left:1em;}
.pl5em{padding-left:5em;}
.pl10em{padding-left:10em;}
.pr1em{padding-right:1em;}
.pr5em{padding-right:5em;}
.pr10em{padding-right:10em;}


/* float */
.fright{ float: right; }
.fleft{ float: left; }



/* font_size 10px基準 */
.fs6{ font-size:0.6rem !important; } 
.fs7{ font-size:0.7rem !important; } 
.fs8{ font-size:0.8rem !important; } 
.fs9{ font-size:0.9rem !important; } 
.fs10{ font-size:1.0rem !important; } 
.fs11{ font-size:1.1rem !important; } 
.fs12{ font-size:1.2rem !important; }
.fs13{ font-size:1.3rem !important; } 
.fs14{ font-size:1.4rem !important; } 
.fs15{ font-size:1.5rem !important; }
.fs16{ font-size:1.6rem !important; } 
.fs17{ font-size:1.7rem !important; } 
.fs18{ font-size:1.8rem !important; } 
.fs19{ font-size:1.9rem !important; } 
.fs20{ font-size:2.0rem !important; } 
.fs21{ font-size:2.1rem !important;  } 
.fs22{ font-size:2.2rem !important;  } 
.fs23{ font-size:2.3rem !important;  }
.fs24{ font-size:2.4rem !important;  }
.fs25{ font-size:2.5rem !important;  }
.fs26{ font-size:2.6rem !important;  }
.fs27{ font-size:2.7rem !important;  }
.fs28{ font-size:2.8rem !important;  }
.fs29{ font-size:2.9rem !important;  }

    
.fs_80{ font-size: 80% !important; } 
.fs_90{ font-size: 90% !important; } 
.fs_100{ font-size: 100% !important; } 
.fs_110{ font-size: 110% !important; } 
.fs_120{ font-size: 120% !important; } 


/*　line-height */
.lh0{ line-height: 0 !important; } 
.lh100{ line-height: 1.0 !important; } 
.lh110{ line-height: 1.1 !important; } 
.lh120{ line-height: 1.2 !important; } 
.lh130{ line-height: 1.3 !important; } 
.lh140{ line-height: 1.4 !important; }
.lh150{ line-height: 1.5 !important; }
.lh160{ line-height: 1.6 !important; }
.lh170{ line-height: 1.7 !important; }
.lh180{ line-height: 1.8 !important; }
.lh190{ line-height: 1.9 !important; }
.lh200{ line-height: 2.0 !important; }


/* topへ */
p.pnav{text-align:right; font-size: smaller; clear:both; }

strong {
  font-weight: 700 !important;
}