@charset "UTF-8";

/*
# =================================================================
# 汎用パーツのデザイン
# =================================================================
*/
/*
font-family: 'Noto Serif JP', serif;
font-family: 'Sawarabi Gothic', sans-serif;
font-family: 'Zen Maru Gothic', sans-serif;
 * */

.block{display:block;}

.hissu{
	font-size:12px;
	font-weight:bold;
	color:red;
	margin-left:8px;
}

.h200{height:200px;}
.h230{height:230px;}
.h240{height:240px;}
.h260{height:260px;}
.h270{height:270px;}
.h280{height:280px;}
.h300{height:300px;}
.h350{height:350px;}

.hidden{overflow:hidden!important;}
.border-box{box-sizing:border-box;}
/*背景デザイン*/

.bg_white{background:#fff!important;}

.bg01{ 
	background-color: #ddd;
	background-image: repeating-linear-gradient(45deg,
	#f3f3f3, #f3f3f3 3px,
	transparent 0, transparent 6px);
}

.bg02{ 
	background-color: #05a5ab;
	background-image: repeating-linear-gradient(45deg,
	#33bec4, #33bec4 3px,
	transparent 0, transparent 6px);
}

.bg03{ 
	background-color: #f5f5f5;
}

.bg_job{ 
	background-image: url(https://comet.ne.jp/wp-content/uploads/2020/07/job.jpg);
	background-size:cover;
}


/*ボタン*/

.btn {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  outline: none;
}
.btn::before,
.btn::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.btn,
.btn::before,
.btn::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}


.btn01 {
border-top:1px solid #ddd;
	padding:3px 10px;
  color: #000;
letter-spacing:3px;
	position:relative;
}
.btn01:after{position:absolute;top:50%;right:-15px;transform:translatey(-50%);content:'\e5cc';font-family:'Material Icons';color:#333;}
.btn01:hover {
  color: #f76d51;
border-color:#f76d51;
}


.btn02 {
	margin:1rem 0;
  position: relative;
  z-index: 2;
  background-color: #f76d51;
  border: 2px solid #f76d51;
  color: #fff;
	border-radius:36px;
	font-family: 'Sawarabi Gothic', sans-serif;	
	padding:1px 40px;
	display:inline-block;
}
.btn02:hover {
  background-color: #fff;
  border-color: #59b1eb;
  color: #59b1eb;
}
.btn02::before,
.btn02::after {
  top: 0;
  width: 50%;
  height: 100%;
  background-color: #f76d51;
border-radius:36px;	
}
.btn02::before {
  right: 0;
}
.btn02::after {
  left: 0;
}
.btn02:hover::before,
.btn02:hover::after {
  width: 0;
  background-color: #f76d51;
}

.btn03 {
  position: relative;
  z-index: 2;
  background-color: #fff;
  border: 2px solid #333;
  color: #333;
  line-height: 50px;
  overflow: hidden;
}
.btn03:hover {
  color: #fff;
}
.btn03::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.btn03:hover::after {
  -webkit-transform: scale(2) rotate(180deg);
  transform: scale(2) rotate(180deg);
  background: #333;
}

/*見出しデザイン*/



/*リストデザイン*/



.list_lineup li{
background-color:#056676;
	color:#fff;
	padding:2px 15px;
	margin:3px;
	border-radius:16px;
}

.ol_design01{}
.ol_design02{}
.ol_design03{}

/*ラベルデザイン*/

.label_design01{
	display:block;
	padding:5px;
	background:green;
	color:white;
	border-radius:24px;
	text-align:center;
	letter-spacing:3px;
}


.label_design02{
	padding:3px 7px;
	line-height:1.0;
	margin:0 10px;
	background:green;
	color:white;
	border-radius:12px;
	text-align:center;
	letter-spacing:3px;	
	font-size:12px;
}


.label_design03{}


/*ボックスデザイン*/

.box_store_list{
  box-shadow: 0 0 12px gray;
	  padding:15px 20px;
}

.box_menu_list{
  box-shadow: 0 0 6px gray;
	margin-bottom:1rem;
}


.box_menu_list a{
display:block;
height:100%;
color:#333;	
	padding-top:20px;
}


.box_design01{
background-color:#edf2f6;
padding:10px 20px;	
}

.box_design02{
	border:3px double black;
padding:10px 20px;
	margin:1rem 0;
	box-sizing:border-box;
}



.box_design03{}

.box_flex{display:flex;justify-content:center;}
.box_flex01{
display:flex;
  -webkit-flex-wrap: wrap;          /* Safari etc. */
  -ms-flex-wrap    : wrap;          /* IE10        */
  flex-wrap        : wrap;	
justify-content:center;
}


.box_flex02{
display:flex;
  -webkit-flex-wrap: wrap;          /* Safari etc. */
  -ms-flex-wrap    : wrap;          /* IE10        */
  flex-wrap        : wrap;	
justify-content: space-between;
}


.box_flex03{
display:flex;
  -webkit-flex-wrap: wrap;          /* Safari etc. */
  -ms-flex-wrap    : wrap;          /* IE10        */
  flex-wrap        : wrap;	
justify-content:flex-start;
}

.box_flex04{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.box_wrap{overflow:hidden;}

@media (min-width : 768px){
	
.box_left{float:left;}
.box_right{float:right;}
	
}


/*必須項目・警告・エラーの文字色*/

.required{
	display: inline-block;
	padding: 5px 10px;
	margin-left:5px;
	border:1px solid #eb3b54;
	color: #eb3b54;
	font-size: 10px;
	font-weight:bold;
	line-height: 1.0;
}



.bdr,.bdr_gray{ border: 1px solid #ccc; }/*灰*/
.bdr_red{ border: 1px solid #e00000; }/*赤*/
.bdr_blue{ border: 1px solid #0329ce; }/*青*/
.bdr_green{ border: 1px solid #01995e; }/*緑*/
.bdr_yellow{ border: 1px solid #ffe400; }/*黄*/
.bdr_navy{ border: 1px solid #133d94; }/*紺*/
.bdr_orange{ border: 1px solid #eca100; }/*橙*/
.bdr_pink{ border: 1px solid #eb67b5; }/*ピンク*/
.bdr_lime{ border: 1px solid #2abe0d; }/*黄緑*/
.bdr_aqua{ border: 1px solid #0baedd; }/*水色*/
.bdr_black{ border: 1px solid #000; }/*黒*/

/*角丸*/
.bdr_r4{ border-radius: 4px; }
.bdr_r8{ border-radius: 8px; }
.bdr_r12{ border-radius: 12px; }

/*文字の横位置*/
.al_l{ text-align: left!important; }
.al_r{ text-align: right!important; }
.al_c{ text-align: center!important; }
.al_f{ display: flex;justify-content: center;align-items: center;text-align:left;}
.al_j{ text-align: justify!important; }

.m_auto_l{margin-left:auto!important;}


/*文字の縦位置*/
.vl_t{ vertical-align: top!important; }/*上寄せ*/
.vl_m{ vertical-align: middle!important; }/*中央寄せ*/
.vl_b{ vertical-align: bottom!important; }/*下寄せ*/


.tategaki01{
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	text-align: left;
	display: inline-block;
letter-spacing: 5px;
line-height: 32px;
text-orientation: upright;	
}


/*周りのブロックからの距離（margin）*/

.m_auto{ margin: 0 auto !important; }
.m_auto_l{margin-left:auto;margin-right:1.5rem;}
.m_auto_r{margin-right:auto;margin-left:1.5rem;}

.m0{ margin: 0!important; }/*周りからのmarginを0に*/
.m0_t{ margin-top: 0!important; }/*上からのmarginを0に*/
.m0_r{ margin-right: 0!important; }/*右からのmarginを0に*/
.m0_b{ margin-bottom: 0!important; }/*下からのmarginを0に*/
.m0_l{ margin-left: 0!important; }/*左からのmarginを0に*/

.m5{ margin: 5px!important; }
.m5_t{ margin-top: 5px!important; }
.m5_r{ margin-right: 5px!important; }
.m5_b{ margin-bottom: 5px!important; }
.m5_l{ margin-left: 5px!important; }

.m10{ margin: 10px!important; }
.m10_t{ margin-top: 10px!important; }
.m10_r{ margin-right: 10px!important; }
.m10_b{ margin-bottom: 10px!important; }
.m10_l{ margin-left: 10px!important; }

.m15{ margin: 15px!important; }
.m15_t{ margin-top: 15px!important; }
.m15_r{ margin-right: 15px!important; }
.m15_b{ margin-bottom: 15px!important; }
.m15_l{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.m20_t{ margin-top: 20px!important; }
.m20_r{ margin-right: 20px!important; }
.m20_b{ margin-bottom: 20px!important; }
.m20_l{ margin-left: 20px!important; }

.m25{ margin: 25px!important; }
.m25_t{ margin-top: 25px!important; }
.m25_r{ margin-right: 25px!important; }
.m25_b{ margin-bottom: 25px!important; }
.m25_l{ margin-left: 25px!important; }

.m30{ margin: 30px!important; }
.m30_t{ margin-top: 30px!important; }
.m30_r{ margin-right: 30px!important; }
.m30_b{ margin-bottom: 30px!important; }
.m30_l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40_t{ margin-top: 40px!important; }
.m40_r{ margin-right: 40px!important; }
.m40_b{ margin-bottom: 40px!important; }
.m40_l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50_t{ margin-top: 50px!important; }
.m50_r{ margin-right: 50px!important; }
.m50_b{ margin-bottom: 50px!important; }
.m50_l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60_t{ margin-top: 60px!important; }
.m60_r{ margin-right: 60px!important; }
.m60_b{ margin-bottom: 60px!important; }
.m60_l{ margin-left: 60px!important; }

.m70{ margin: 70px!important; }
.m70_t{ margin-top: 70px!important; }
.m70_r{ margin-right: 70px!important; }
.m70_b{ margin-bottom: 70px!important; }
.m70_l{ margin-left: 70px!important; }

.m80{ margin: 80px!important; }
.m80_t{ margin-top: 80px!important; }
.m80_r{ margin-right: 80px!important; }
.m80_b{ margin-bottom: 80px!important; }
.m80_l{ margin-left: 80px!important; }

.m90{ margin: 90px!important; }
.m90_t{ margin-top: 90px!important; }
.m90_r{ margin-right: 90px!important; }
.m90_b{ margin-bottom: 90px!important; }
.m90_l{ margin-left: 90px!important; }

.m100{ margin: 100px!important; }
.m100_t{ margin-top: 100px!important; }
.m100_r{ margin-right: 100px!important; }
.m100_b{ margin-bottom: 100px!important; }
.m100_l{ margin-left: 100px!important; }

.m120{ margin: 120px!important; }
.m120_t{ margin-top: 120px!important; }
.m120_r{ margin-right: 120px!important; }
.m120_b{ margin-bottom: 120px!important; }
.m120_l{ margin-left: 120px!important; }

.m150{ margin: 150px!important; }
.m150_t{ margin-top: 150px!important; }
.m150_r{ margin-right: 150px!important; }
.m150_b{ margin-bottom: 150px!important; }
.m150_l{ margin-left: 150px!important; }

.m200{ margin: 200px!important; }
.m200_t{ margin-top: 200px!important; }
.m200_r{ margin-right: 200px!important; }
.m200_b{ margin-bottom: 200px!important; }
.m200_l{ margin-left: 200px!important; }

.m300{ margin: 300px!important; }
.m300_t{ margin-top: 300px!important; }
.m300_r{ margin-right: 300px!important; }
.m300_b{ margin-bottom: 300px!important; }
.m300_l{ margin-left: 300px!important; }

.m600_t{ margin-top: 400px!important;}

.m800_t{ margin-top: 800px!important;}

/*周りのブロックからの距離（padding）*/
.p0{ padding: 0!important; }
.p0_t{ padding-top: 0!important; }
.p0_r{ padding-right: 0!important; }
.p0_b{ padding-bottom: 0!important; }
.p0_l{ padding-left: 0!important; }

.p5{ padding: 5px!important; }
.p5_t{ padding-top: 5px!important; }
.p5_r{ padding-right: 5px!important; }
.p5_b{ padding-bottom: 5px!important; }
.p5_l{ padding-left: 5px!important; }

.p10{ padding: 10px!important; }
.p10_t{ padding-top: 10px!important; }
.p10_r{ padding-right: 10px!important; }
.p10_b{ padding-bottom: 10px!important; }
.p10_l{ padding-left: 10px!important; }

.p15{ padding: 15px!important; }
.p15_t{ padding-top: 15px!important; }
.p15_r{ padding-right: 15px!important; }
.p15_b{ padding-bottom: 15px!important; }
.p15_l{ padding-left: 15px!important; }

.p20{ padding: 20px!important; }
.p20_t{ padding-top: 20px!important; }
.p20_r{ padding-right: 20px!important; }
.p20_b{ padding-bottom: 20px!important; }
.p20_l{ padding-left: 20px!important; }

.p25{ padding: 25px!important; }
.p25_t{ padding-top: 25px!important; }
.p25_r{ padding-right: 25px!important; }
.p25_b{ padding-bottom: 25px!important; }
.p25_l{ padding-left: 25px!important; }

.p30{ padding: 30px!important; }
.p30_t{ padding-top: 30px!important; }
.p30_r{ padding-right: 30px!important; }
.p30_b{ padding-bottom: 30px!important; }
.p30_l{ padding-left: 30px!important; }

.p40{ padding: 40px!important; }
.p40_t{ padding-top: 40px!important; }
.p40_r{ padding-right: 40px!important; }
.p40_b{ padding-bottom: 40px!important; }
.p40_l{ padding-left: 40px!important; }

.p50{ padding: 50px!important; }
.p50_t{ padding-top: 50px!important; }
.p50_r{ padding-right: 50px!important; }
.p50_b{ padding-bottom: 50px!important; }
.p50_l{ padding-left: 50px!important; }

.p60{ padding: 60px!important; }
.p60_t{ padding-top: 60px!important; }
.p60_r{ padding-right: 60px!important; }
.p60_b{ padding-bottom: 60px!important; }
.p60_l{ padding-left: 60px!important; }

.p70{ padding: 70px!important; }
.p70_t{ padding-top: 70px!important; }
.p70_r{ padding-right: 70px!important; }
.p70_b{ padding-bottom: 70px!important; }
.p70_l{ padding-left: 70px!important; }

.p80{ padding: 80px!important; }
.p80_t{ padding-top: 80px!important; }
.p80_r{ padding-right: 80px!important; }
.p80_b{ padding-bottom: 80px!important; }
.p80_l{ padding-left: 80px!important; }

.p90{ padding: 90px!important; }
.p90_t{ padding-top: 90px!important; }
.p90_r{ padding-right: 90px!important; }
.p90_b{ padding-bottom: 90px!important; }
.p90_l{ padding-left: 90px!important; }

.p100{ padding: 100px!important; }
.p100_t{ padding-top: 100px!important; }
.p100_r{ padding-right: 100px!important; }
.p100_b{ padding-bottom: 100px!important; }
.p100_l{ padding-left: 100px!important; }


/*上下にモバイルとデスクトップで異なるサイズの余白を空ける*/
.m10_20_t{ margin-top: 10px!important; }/*モバイルのときは10pxでPCのときは20px*/
.m15_30_t{ margin-top: 15px!important; }
.m20_40_t{ margin-top: 20px!important; }
.m25_50_t{ margin-top: 25px!important; }
.m30_60_t{ margin-top: 30px!important; }
.m35_70_t{ margin-top: 35px!important; }
.m40_80_t{ margin-top: 40px!important; }
.m45_90_t{ margin-top: 45px!important; }

.m10_20_b{ margin-bottom: 10px!important; }
.m15_30_b{ margin-bottom: 15px!important; }
.m20_40_b{ margin-bottom: 20px!important; }
.m25_50_b{ margin-bottom: 25px!important; }
.m30_60_b{ margin-bottom: 30px!important; }
.m35_70_b{ margin-bottom: 35px!important; }
.m40_80_b{ margin-bottom: 40px!important; }
.m45_90_b{ margin-bottom: 45px!important; }

.p10_20_t{ padding-top: 10px!important; }/*モバイルのときは10pxでPCのときは20px*/
.p15_30_t{ padding-top: 15px!important; }
.p20_40_t{ padding-top: 20px!important; }
.p25_50_t{ padding-top: 25px!important; }
.p30_60_t{ padding-top: 30px!important; }
.p35_70_t{ padding-top: 35px!important; }
.p40_80_t{ padding-top: 40px!important; }
.p45_90_t{ padding-top: 45px!important; }

.p10_20_b{ padding-bottom: 10px!important; }
.p15_30_b{ padding-bottom: 15px!important; }
.p20_40_b{ padding-bottom: 20px!important; }
.p25_50_b{ padding-bottom: 25px!important; }
.p30_60_b{ padding-bottom: 30px!important; }
.p35_70_b{ padding-bottom: 35px!important; }
.p40_80_b{ padding-bottom: 40px!important; }
.p45_90_b{ padding-bottom: 45px!important; }

@media (min-width : 768px){

	/*周りのブロックからの距離（margin）*/
	.m10_20_t{ margin-top: 20px!important; }
	.m15_30_t{ margin-top: 30px!important; }
	.m20_40_t{ margin-top: 40px!important; }
	.m25_50_t{ margin-top: 50px!important; }
	.m30_60_t{ margin-top: 60px!important; }
	.m35_70_t{ margin-top: 70px!important; }
	.m40_80_t{ margin-top: 80px!important; }
	.m45_90_t{ margin-top: 90px!important; }

	.m10_20_b{ margin-bottom: 20px!important; }
	.m15_30_b{ margin-bottom: 30px!important; }
	.m20_40_b{ margin-bottom: 40px!important; }
	.m25_50_b{ margin-bottom: 50px!important; }
	.m30_60_b{ margin-bottom: 60px!important; }
	.m35_70_b{ margin-bottom: 70px!important; }
	.m40_80_b{ margin-bottom: 80px!important; }
	.m45_90_b{ margin-bottom: 90px!important; }
	
	.p10_20_t{ padding-top: 20px!important; }
	.p15_30_t{ padding-top: 30px!important; }
	.p20_40_t{ padding-top: 40px!important; }
	.p25_50_t{ padding-top: 50px!important; }
	.p30_60_t{ padding-top: 60px!important; }
	.p35_70_t{ padding-top: 70px!important; }
	.p40_80_t{ padding-top: 80px!important; }
	.p45_90_t{ padding-top: 90px!important; }

	.p10_20_b{ padding-bottom: 20px!important; }
	.p15_30_b{ padding-bottom: 30px!important; }
	.p20_40_b{ padding-bottom: 40px!important; }
	.p25_50_b{ padding-bottom: 50px!important; }
	.p30_60_b{ padding-bottom: 60px!important; }
	.p35_70_b{ padding-bottom: 70px!important; }
	.p40_80_b{ padding-bottom: 80px!important; }
	.p45_90_b{ padding-bottom: 90px!important; }	

}/*横幅768px以上*/


/*フォントの装飾*/
.b{font-weight: bold!important; }/*太字*/
.normal{ font-weight: normal!important; }/*太字を解除*/




/*フォントサイズの設定*/

.f06em{ font-size: 0.6em!important; }
.f08em{ font-size: 0.8em!important; }
.f09em{ font-size: 0.9em!important; }
.f10em{ font-size: 1.0em!important; }
.f11em{ font-size: 1.1em!important; }
.f12em{ font-size: 1.2em!important; }
.f13em{ font-size: 1.3em!important; }
.f14em{ font-size: 1.4em!important; }
.f15em{ font-size: 1.5em!important; }
.f16em{ font-size: 1.6em!important; }
.f17em{ font-size: 1.7em!important; }
.f18em{ font-size: 1.8em!important; }
.f19em{ font-size: 1.9em!important; }
.f20em{ font-size: 2.0em!important; }
.f21em{ font-size: 2.1em!important; }
.f22em{ font-size: 2.2em!important; }
.f23em{ font-size: 2.3em!important; }
.f24em{ font-size: 2.4em!important; }
.f25em{ font-size: 2.5em!important; }
.f26em{ font-size: 2.6em!important; }
.f27em{ font-size: 2.7em!important; }
.f28em{ font-size: 2.8em!important; }
.f29em{ font-size: 2.9em!important; }
.f30em{ font-size: 3.0em!important; }

.f08rem{ font-size: 0.8rem!important; }
.f09rem{ font-size: 0.9rem!important; }
.f10rem{ font-size: 1.0rem!important; }
.f11rem{ font-size: 1.1rem!important; }
.f12rem{ font-size: 1.2rem!important; }
.f13rem{ font-size: 1.3rem!important; }
.f14rem{ font-size: 1.4rem!important; }
.f15rem{ font-size: 1.5rem!important; }
.f16rem{ font-size: 1.6rem!important; }
.f17rem{ font-size: 1.7rem!important; }
.f18rem{ font-size: 1.8rem!important; }
.f19rem{ font-size: 1.9rem!important; }
.f20rem{ font-size: 2.0rem!important; }
.f21rem{ font-size: 2.1rem!important; }
.f22rem{ font-size: 2.2rem!important; }
.f23rem{ font-size: 2.3rem!important; }
.f24rem{ font-size: 2.4rem!important; }
.f25rem{ font-size: 2.5rem!important; }
.f26rem{ font-size: 2.6rem!important; }
.f27rem{ font-size: 2.7rem!important; }
.f28rem{ font-size: 2.8rem!important; }
.f29rem{ font-size: 2.9rem!important; }
.f30rem{ font-size: 3.0rem!important; }


.f10px{ font-size: 10px!important; }
.f11px{ font-size: 11px!important; }
.f12px{ font-size: 12px!important; }
.f13px{ font-size: 13px!important; }
.f14px{ font-size: 14px!important; }
.f15px{ font-size: 15px!important; }
.f16px{ font-size: 16px!important; }
.f17px{ font-size: 17px!important; }
.f18px{ font-size: 18px!important; }
.f19px{ font-size: 19px!important; }
.f20px{ font-size: 20px!important; }
.f21px{ font-size: 21px!important; }
.f22px{ font-size: 22px!important; }
.f23px{ font-size: 23px!important; }
.f24px{ font-size: 24px!important; }

.f08_10px{ font-size: 8px!important; }
.f08_12px{ font-size: 8px!important; }
.f10_12px{ font-size: 10px!important; }
.f12_14px{ font-size: 12px!important; }
.f12_16px{ font-size: 12px!important; }
.f14_16px{ font-size: 14px!important; }
.f14_20px{ font-size: 14px!important; }
.f18_24px{ font-size: 18px!important; }	

.f10_20rem{ font-size: 1rem!important; }	
.f20_30rem{ font-size: 2rem!important; }


/*フォントの色設定*/
.red{ color: #e00000!important; }/*赤*/
.blue{ color: #0329ce!important; }/*青*/
.green{ color: #01995e!important; }/*緑*/
.yellow{ color: #ffe400!important; }/*黄*/
.navy{ color: #133d94!important; }/*紺*/
.orange{ color: #eca100!important; }/*橙*/
.pink{ color: #eb67b5!important; }/*ピンク*/
.purple{ color: #9940d2!important; }/*紫*/
.olive{ color: #9bb814!important; }/*オリーブ*/
.lime{ color: #2abe0d!important; }/*黄緑*/
.aqua{ color: #0baedd!important; }/*水色*/
.black{ color: #000!important; }/*黒*/
.gray{ color: #999!important; }/*灰*/
.white{ color: #fff!important; }/*白*/
.brown{ color: #4b1c1c!important; }/*茶*/
.fc01{color:#737373!important;}/*淡黒*/
.fc02{color:#056676!important;}/*淡青*/

/*行間の設定*/
.lh10{ line-height: 1.0!important; }
.lh11{ line-height: 1.1!important; }
.lh12{ line-height: 1.2!important; }
.lh13{ line-height: 1.3!important; }
.lh14{ line-height: 1.4!important; }
.lh15{ line-height: 1.5!important; }
.lh16{ line-height: 1.6!important; }
.lh17{ line-height: 1.7!important; }
.lh18{ line-height: 1.8!important; }
.lh19{ line-height: 1.9!important; }
.lh20{ line-height: 2.0!important; }

/*テキスト間隔*/
.ls1px {letter-spacing:1px!important; }
.ls2px {letter-spacing:2px!important; }
.ls3px {letter-spacing:3px!important; }
.ls4px {letter-spacing:4px!important; }
.ls5px {letter-spacing:5px!important; }
.ls6px {letter-spacing:6px!important; }
.ls7px {letter-spacing:7px!important; }
.ls8px {letter-spacing:8px!important; }
.ls9px {letter-spacing:9px!important; }
.ls10px {letter-spacing:10px!important; }
.ls15px {letter-spacing:15px!important; }
.ls20px {letter-spacing:20px!important; }
.ls25px {letter-spacing:25px!important; }
.ls30px {letter-spacing:30px!important; }
.ls35px {letter-spacing:35px!important; }





/*横幅を指定*/
.w05,
.w10,
.w15,
.w18,
.w20,
.w24,
.w25,
.w30,
.w31,
.w32,
.w33,
.w35,
.w40,
.w45,
.w48,
.w49,
.w50,
.w55,
.w60,
.w65,
.w70,
.w75,
.w80,
.w85,
.w90,
.w95,
.w100{ width: 100%; }	




/*テーブル横幅を指定*/
.tw05{ width: 5%; }
.tw10{ width: 10%; }
.tw15{ width: 15%; }
.tw20{ width: 20%; }
.tw25{ width: 25%; }
.tw30{ width: 30%; }
.tw35{ width: 35%; }
.tw40{ width: 40%; }
.tw45{ width: 45%; }
.tw50{ width: 50%; }
.tw55{ width: 55%; }
.tw60{ width: 60%; }
.tw65{ width: 65%; }
.tw70{ width: 70%; }
.tw75{ width: 75%; }
.tw80{ width: 80%; }
.tw85{ width: 85%; }
.tw90{ width: 90%; }
.tw95{ width: 95%; }
.tw100{ width: 100%; }


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

/*横幅を指定*/
.w05{ width: 5%; }
.w10{ width: 10%; }
.w15{ width: 15%; }
.w16{ width: 16%; }
.w17{ width: 17%; }
.w18{ width: 18%; }
.w19{ width: 19%; }
.w20{ width: 20%; }
.w21{ width: 21%; }
.w22{ width: 22%; }
.w23{ width: 23%; }
.w24{ width: 24%; }
.w25{ width: 25%; }
.w30{ width: 30%; }
.w31{ width: 31%; }
.w32{ width: 32%; }
.w33{ width: 33%; }
.w34{ width: 34%; }	
.w35{ width: 35%; }
.w40{ width: 40%; }
.w45{ width: 45%; }
.w48{ width: 48%; }
.w49{ width: 49%; }
.w50{ width: 50%; }
.w55{ width: 55%; }
.w60{ width: 60%; }
.w65{ width: 65%; }
.w70{ width: 70%; }
.w75{ width: 75%; }
.w80{ width: 80%; }
.w85{ width: 85%; }
.w90{ width: 90%; }
.w95{ width: 95%; }
.w100{ width: 100%; }

	
.f08_10px{ font-size: 10px!important; }		
.f08_12px{ font-size: 12px!important; }
.f10_12px{ font-size: 12px!important; }	
.f12_16px{ font-size: 16px!important; }	
.f14_16px{ font-size: 16px!important; }
.f14_20px{ font-size: 20px!important; }
.f18_24px{ font-size: 24px!important; }	
.f10_20rem{ font-size: 2rem!important; }		
.f20_30rem{ font-size: 3rem!important; }	
	
	
	
	
	.btn02 {
font-size:1.2rem;
		padding:1px 70px;	
	}
	
.tategaki01{
			line-height:45px;
		}
	
	
}



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

.m600_t{ margin-top: 60px!important;}
}



/*---------------------------------------------------------------------
	generated by Keni Template Maker Ver.8.0 on 2018-11-28 11:44:44
----------------------------------------------------------------------*/