@charset "utf-8";

/*
This file make sure : style.css
Author : TALES WORKS
Author URI : https://talesworks.com/
Last Renew : 更新履歴を記載　2019/05/23/
*/

/* Reset
======================================================================*/

/* -- Reset the box-sizing -- */
html { -webkit-box-sizing: border-box; box-sizing: border-box; }

/* -- Reset HTML, body, and more -- */
html { font-size: 62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', 'YuGothic', 'Yu Gothic', '游ゴシック', 'Meiryo', 'メイリオ', Helvetica, sans-serif; -webkit-font-smoothing: antialiased; }


/* Set Common
======================================================================*/

/* body */
body { margin: 0; padding: 0; line-height: 1.5; font-size: 16px; font-size: 1.6rem; letter-spacing: 2px; color: #333333; word-wrap: break-word; word-break: break-all; overflow: hidden; }

/* For IE 6/7 (trigger hasLayout) */
.clearfix { zoom: 1; }

/* Images */
img { width: 100%; }

/* Character */
h1 { font-size: 200%; margin: 0; padding: 12px; } /* 32px */
h2 { font-size: 150%; margin: 0; } /* 24px */
h3 { font-size: 125%; margin: 0; } /* 20px */
h4 { font-size: 112.5%; margin: 0;} /* 18px */
h5 { font-size: 112.5%; margin: 0;}
h6 { font-size: 112.5%; margin: 0;}
@media screen and (max-width: 768px) {
h1 { font-size: 150%; margin: 0; padding: 12px; } /* 32px */
h2 { font-size: 125%; margin: 0; } /* 24px */
h3 { font-size: 100%; margin: 0; } /* 20px */
h4 { font-size: 112.5%; margin: 0;} /* 18px */
h5 { font-size: 112.5%; margin: 0;}
h6 { font-size: 112.5%; margin: 0;}
}

/* a tag */
a { text-decoration: none; color: #1a73e8; -webkit-transition: .8s; -o-transition: .8s; transition: .8s; }
a:visited { color: #673ab7 }
a:hover   { text-decoration: underline; }

/* Memo */
/*
Google Color
リンク　　　　　　：#609
ページネーション　：#4285f4
リンクURL　　　　 ：#006621
ディスクリプション：#545454
カレントページ　　：rgba(0,0,0,0.87)
Google ヘルプ
リンク　　　　　　：#1a73e8
*/

/* hr */
hr { display: block; unicode-bidi: -webkit-isolate; unicode-bidi: -moz-isolate; unicode-bidi: isolate; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: auto; -webkit-margin-end: auto; margin: 0; padding: 0; overflow: hidden; border-style: inset; border-width: 0; border-bottom: 1px solid #CCC; }


/* Preset Style
======================================================================*/

/* Side */


/* Main Inner */
.l_main__Inn {
  position: relative;
  background: #fff;
}

/* Column */
.l_main_column {
  float: left;
  width: 100%;
  margin-right: -280px;
}
.l_main_column__Inn {
  margin-right: 300px;
  border: 1px solid #cccccc;  
}
/*
.l_main_column__Inn {
  margin-right: 300px;
  padding: 18px;
  border: 1px solid #cccccc;
  
}
*/
.l_main_column p{
  line-height: 2;

}

.l_right_column {
  width: 280px;
  float: right; /* leftでも可 */
}
@media screen and (max-width: 768px) {
.l_main_column__Inn,
.l_right_column {
  width: 100%;
  padding-bottom: 24px;
}
.l_right_column__Inn{
  width: 100.5%;	
}
}


.l_left_column {}



/* contents */
.l_contents {
  position: relative;
  max-width: 980px;
  margin: 0 auto 32px;
  padding: 0 24px;
}


/* Section */

.l_inner { position: relative; max-width: 980px; margin: 0 auto; padding: 0 24px 24px; }

/* Memo */
/*
TCD プロパティ
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
width: 92.1875%;
max-width: 1180px;
margin-right: auto;
margin-left: auto;
*/

/* 消す予定 */
.sectionInner {
position: relative;
max-width: 1280px;
margin: 0 auto;
padding: 32px 24px;
}



/* Layout
======================================================================*/
#header {
  position: relative;
  z-index: 100;
}

/* side */
.c_side-menu_item {
    display: block;
    margin: 2px 0;
    border: 1px solid #cccccc;
    font-size: 18px;
    transition: .8s;
    cursor: pointer;
}
@media screen and (max-width: 768px) {
.c_side-menu_item { font-size: 16px; }
}
@media screen and (max-width: 480px) {
.c_side-menu_item { font-size: 14px; }
}

.c_side-menu_item:hover {
  background: #f2d789;  /*#94c4b4*/
}
.c_side-menu_item a {
  display: block;
  padding: 12px 0 12px 8px;
  text-decoration: none;
  color: #555;
}

/* DUMMY STYLE
======================================================================*/

/* ダミー */
.dummy__hero{}
.dummy__xxx--01{}


/* SYMBOL STYLE
======================================================================*/

.l_symbol_inn,
.l_footer-symbol_inn {
  padding: 16px 0 24px;
  margin-right: 40px;
}
.p_symbol_img,
.p_footer-symbol_img {
  width:220px;
} 
@media screen and (max-width: 768px) {
.symbol {
  text-align: center;
}
}
.symbolLink:hover {
  text-decoration: none;
}
.l_symbol_inn h1{
  padding: 0;
}

/* SCRIPT STYLE
======================================================================*/

/* inview */
.AniInviewDummy {
  width: 250px;
  height: 250px;
  margin-bottom: 16px;
  background: #f0f0f0;
}

/* COMMON STYLE
======================================================================*/

/*

  -- 対象となる部分 --

*/

/* 細かい部分 */



/* 

  -- Global Header --

*/

.l_global-header_inn {
  display: block;
  width: 100%;
  background: #caa846;
  z-index: 999;
  letter-spacing: 0;
  text-align: center;
  color: #fff;
}
.c_global-header_item {
  position: relative;
}
.c_global-header_item p {
  font-size: 14px;
}
.c_global-header_item-tel {
  display: inline-block;
  padding-left: 20px;
  padding-top: 0;
  margin-top: 4px; 
  background: url(../img/cmn_icon_tel.png) 0 0 no-repeat;
  background-size: 18px;
  color: #fff;
  font-size: 16px;
}
.c_global-header_item-access,
.c_global-header_item-reserve {
  padding: 5px 16px;
  color: #fff !important;
  font-size: 13.5px;
}
.c_global-header_item-reserve {
  float: right;
  background: #585d00;
}
.c_global-header_item-access{
  position: absolute;
  top: 0;
  right: 84px;
  background: #799b29;
}
.c_global-header_item-access:hover,
.c_global-header_item-reserve:hover,
.c_global-header_item-tel:hover{
  text-decoration: none;
}

/* オンラインアイコン */
.l_online-btn,
.l_reserve-btn {
  position: fixed;
  top: 24px;
  right: 16px;
  z-index: 200;  
}
.c_online-btn,
.c_reserve-btn {
    position: fixed;
    top: 94px;
    bottom: 0;
    left: auto;
    right: 0;
    width: 36px;
    height: 140px;
    padding: 0;
    margin: auto;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    overflow: hidden;
    z-index: 10;
    text-decoration: none !important;
/*
  width: 32px;
  height:32px;
  text-align:center;
*/
}
.c_reserve-btn {
  top: 0;
  bottom: 192px;
}
@media screen and (max-width: 768px) {
.l_reserve-btn {
  display: none !important;
}
}

/*
.c_online-btn_inn,
.c_reserve-btn_inn {
  position: relative;
  bottom: auto;
  right: 0;
  height: 120px;
  padding: 16px 24px 0 8px;
  font-size: 12px;
  font-size: 1.2rem;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  background-image: -webkit-linear-gradient(rgb(255, 255, 255) 0%,#c7c7c7 50%,#c7c7c7 50%,rgb(255, 255, 255) 100%);
  background-image: linear-gradient(rgb(255, 255, 255) 0%,#c7c7c7 50%,#c7c7c7 50%,rgb(255, 255, 255) 100%);
  box-shadow: 0 2px 2px 0 rgb(255 255 255 / 10%) inset, 0 2px 10px 0 rgb(255 255 255 / 20%) inset, 0 -2px 2px 0 rgb(0 0 0 / 10%) inset;
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 12px;
*/
/*
  border-radius: 50%;
  overflow: hidden;
}
*/
.c_online-btn_inn,
.c_reserve-btn_inn {
  position: relative;
  bottom: auto;
  right: 0;
  height: 120px;
  padding: 16px 24px 0 8px;
  font-size: 12px;
  font-size: 1.2rem;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  background-image: linear-gradient(rgb(202 255 215) 0%,#a0da8a 50%,#a0da8a 50%,rgb(217 255 212) 100%);
  box-shadow: 0 2px 2px 0 rgb(255 255 255 / 10%) inset, 0 2px 10px 0 rgb(255 255 255 / 20%) inset, 0 -2px 2px 0 rgb(0 0 0 / 10%) inset;
  /*border: 1px solid rgba(0,0,0,.2);*/
  border-radius: 12px;
}

.c_online-btn_img {

}
.c_online-btn_text,
.c_reserve-btn_text {
  letter-spacing: 0;
  color: #268817;
  font-size:14px;
  font-weight: 900;
  text-shadow: 1px 1px 1px rgb(255 255 255 / 50%);
}

/*

  -- note --

*/
.p_note_article {
  width: 90px;
  margin: 0 auto;
  font-size: 12px;
  color: #fff;
  border-radius: 15px;
  background: #24783e;
}

/*

  -- header --

*/

.l_header_inn {
  width: 100%;
  background: rgba( 187, 187, 187,.3);
  text-align:center;
  z-index: 10;
}
@media screen and (max-width: 768px) {
.l_header_inn {

}
}


/* hero */
/* 動画 */
/*
.l_hero {
position: relative;
}
.p_hero__Inn {
  width: 100%;
  height: 100vh;
  object-fit: cover;
  font-family: 'object-fit: cover';
}
.p_hero__Mov {
position: absolute;
top: 50%;
left: 50%;
width: auto;
height: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
*/
/* 画像 */
.l_hero {
position: relative;
}
.p_hero__Img {
  width: 100%;
  height: 60vh;
  object-fit: cover;
  font-family: 'object-fit: cover';
}
@media screen and (max-width: 768px) {
.p_hero__Img {
  height: 28vh;
}
}

/* main-visual */
.l_mvisual {
position: relative;
}
/* ■imgタグでcoverのように表示する ※IE非対応 */
/* https://www.webcreatorbox.com/tech/object-fit */
.p_mvisual__Img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  font-family: 'object-fit: cover'; /* IE対策用 */
}
@media screen and (max-width: 768px) {
.p_mvisual__Img {
  height: 160px;
}
}

/* YouTube動画埋め込み
=======================================================================*/
.p_hero_animation {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-top: 85px;
}
.p_hero_animation iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.l_main-concept {
  position: absolute;
  top: 0px;
  bottom: 0;
  width: 100%;
  background: #00000047;
}

.p_main-concept_cont {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  margin: auto;
  height: 100px;
  color: #fff;
}

/*

  -- Global Navigation --

*/

/*
#c_gnavi {
  position: relative;
  z-index: 50;
}

.c_gnaviInner {
  position: fixed;
  top: 24px;
  right: 8px;
  z-index: 30;
}
*/


#c_gnav {
  z-index: 200;
}

.c_gnav__Inner {
  float: right;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 768px) {
.c_gnav__Inner {
  padding: 0;
}
}

/* クローザー */
.c_gnav__Closer {
  display: none;
  position: fixed;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.8);
  cursor: pointer;
  color: #fff;
}

/* クローザーに画像をつける場合
@media screen and (max-width: 768px) {
.c_gnav__Closer.is_act img {
  position: fixed;
  top: 50%;
  bottom: 0;
  left: 0;
  right: 0;
  width: 56px;
  height: 56px;
  margin: auto;
  cursor: pointer;
}
.c_gnav__Closer.is_act {
  z-index: ;
}
}
*/

/* メニューボタン */

.c_gnav__Btn {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 200;
}
.c_gnav__Btn.is_act{
  right: 16px;
}
.c_gnav__Btn_bar {
  display: none;
  top: 12px;
  right: 0;
  width: 26px;
  height: 26px;
  padding: 8px;
  cursor: pointer;
  z-index: 200;
 -webkit-transition: all .7s;
  transition: all .7s;
}
.c_gnav__Btn_bar.is_act {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.c_gnav__Btn_bar div {
  position:relative;
}
.c_gnav__Btn_bar span {
  display:block;
  position:absolute;
  width:100%;
  border-bottom:solid 4px #333;	 /* バーの色 */
  -webkit-transition: .45s ease-in-out;
  transition: .45s ease-in-out;
  border-radius: 20px;
}
.c_gnav__Btn_bar.is_act span {
  border-bottom:solid 4px #fff;	 /* バーの色 */
}
.c_gnav__Btn_bar span:nth-child(1) {
  top:0;
}
.c_gnav__Btn_bar span:nth-child(2) {
  top: 10px;
}
.c_gnav__Btn_bar span:nth-child(3) {
  top: 20px;
}
.c_gnav.is_act .c_gnav__Btn_bar {
  top: 6px;
}
.c_gnav__Btn_bar span:nth-child(1) {
  top:0;
}
.c_gnav__Btn_bar span:nth-child(2) {
  top: 10px;
}
.c_gnav__Btn_bar span:nth-child(3) {
  top: 20px;
}
@media screen and (max-width: 768px) {
.c_gnav__Btn_bar {
  display: block;
}
}


/* ON・OFFラベル */


.c_gnav__Label {
  display: none;
  text-align: center;
}
.c_gnav__Label_text {
  position: fixed;
  top: 32px;
  right: 12px;
  font-size: 16px;
  color: #333;
  transition: .6s;
}
.c_gnav__Label_text.is_act {
  right: 18px;
  color: #fff;
}
.c_gnav__Label_text.is_close {
  opacity: 0;
}
.c_gnav__Label_text.is_open {
  opacity: 1;
}
.c_gnav__Label_text.is_close.is_act {
  opacity: 1;
}
.c_gnav__Label_text.is_open.is_act {
  opacity: 0;
}
@media screen and (max-width: 768px) {
.c_gnav__Label {
  display: block;
}
}


/* リストデザイン */
/*
.c_gnav__Menu {
  position: relative;
  margin-top: 24px;
  padding-bottom: 16px;
}
@media screen and (max-width: 768px) {
.c_gnav__Menu {
  width: 480px;
  overflow-x: scroll;
  margin: 24px auto 0;
}
}
@media screen and (max-width: 480px) {
.c_gnav__Menu {
  width: 280px;
}
}
@media screen and (max-width: 768px) {
.c_gnav__Menu.is_act {
width: 120px;
right: 60px;
}
}
.c_gnav__Menu_inn {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: -ms-wrap;
  flex-wrap: nowrap;
  justify-content: space-around;
  flex-direction: unset;
}
@media screen and (max-width: 768px) {
.c_gnav__Menu_inn {
  width: 900px;
}
}
*/
.c_gnav__Menu {
  position: relative;
  max-width: 1240px;
  margin: 24px auto 0;
  padding-bottom: 16px;
}
.c_gnav__Menu_inn {
  display: -ms-flexbox;
  display: flex;
  flex-wrap: -ms-wrap;
  flex-wrap: wrap;
  justify-content: space-around;
  flex-direction: unset;
}
@media (max-width: 768px) {
.c_gnav__Menu_inn {
}
}

/* リストアイテム */
.c_gnav__Menu_item {
  position: relative;
  text-align: center;
  width: 20%;
  height: 100%;;
}
@media screen and (max-width: 768px) {
.c_gnav__Menu_item {
  display: block;
  width: 50%;
  opacity: 1 !important;
  padding-left: 0 !important;
  text-align: left;
}
.c_gnav__Menu_item:nth-child(5){
  display: none;
}
}

.c_gnav_link {
  display: inline-block;
  position: relative;
  right: 12px;
  margin: 0;
  padding: 0;
  text-align: center;
  z-index: 800;
}
@media screen and (max-width: 980px) {
.c_gnav_link {
  padding: 4px 12px;
}
}
@media screen and (max-width: 768px) {
.c_gnav_link {
  width: auto;
  padding: 4px 24px;
}
}
@media screen and (max-width: 480px) {
.c_gnav_link {
  font-size: 12px;
}
}
.c_gnav_link:hover {
}


.c_gnav_link,
.c_gnav_link:hover {
  text-decoration: none;
}

.c_gnav_link span {
  border-bottom: 1px solid transparent;
  -webkit-transition: border-bottom 500ms ease-in;
  -moz-transition: border-bottom 500ms ease-in;
  -o-transition: border-bottom 500ms ease-in;
  transition: border-bottom 500ms ease-in;
  text-decoration: none;
  color: #2c2b2b;
  transition: .8s;
}

.c_gnav_link:hover span {
  border-bottom: 1px solid #5f1a8b;
  text-decoration: none;
}
.c_gnav_link span {
    display: block;
    width: 100%;
    padding: 3px 17px;

}
/*
.c_gnav_link.u_icon__01 span {
    background: url(../img/cmn_icon_05.png) no-repeat;
    background-size: 28px;
}
.c_gnav_link.u_icon__02 span {
    background: url(../img/cmn_icon_09.png) no-repeat;
    background-size: 28px;
}
.c_gnav_link.u_icon__03 span {
    background: url(../img/cmn_icon_03.png) no-repeat;
    background-size: 28px;
}
.c_gnav_link.u_icon__04 span {
    background: url(../img/cmn_icon_07.png) no-repeat;
    background-size: 28px;
}
.c_gnav_link.u_icon__05 span {
    background: url(../img/cmn_icon_08.png) no-repeat;
    background-size: 28px;
}
*/
.c_gnav_icon_img {
  width: 28px;
  float: left;
}


/* 背景を固定 */
body.stop{
  position: fixed;
  width:100%;
}

.scroll-prevent {
  position: fixed;
  z-index: -1;
  width: 100vw;
  height: 100vh;
}




/*

  -- c_breadcrumbs --

*/
.c_breadcrumbs ol li:first-child {
padding-left: 20px;
padding-top: 0;
background: url(../img/cmn-icon-home.png) 0 0 no-repeat;
background-size: 16px;
}
.c_breadcrumbs ol li {
/* liを横並び＆ブレットを消す */
display: inline;
list-style-type: none;
}
.c_breadcrumbs ol li:before {
/* liの前に記号追加 */
content: " > ";
font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
.c_breadcrumbs ol li:first-child:before {
/* 最初のliだけcontentを消す */
content:"";
}
@media (max-width: 1200px){
}
@media (max-width: 980px) {
}
@media (max-width: 768px) {
}
@media (max-width: 480px) {
}



/* DESIGN STYLE
======================================================================*/

/*

	--	ANCHOR	--

*/
#p_concept__Anc {
  position:relative;
  margin-top:42px;
}

.p_position__Anc {
  display: block;
  padding-top: 32px;
  margin-top: -32px;
}

/*

	--	SECTION	--

*/
.l_breadcrumbs,
.l_concept,
.l_biz-hours,
.l_news,
.l_about,
.l_message,
.l_appeal,
.l_entry,
.l_solution {
  margin-top: 100px;
}
.l_biz-hours {
  margin-top: 0;
}
.l_news {
  margin-top: 48px
}
@media screen and (max-width: 768px) {
.l_concept,
.l_biz-hours {
  margin-top: 0;
}
}

.l_breadcrumbs {
  margin:16px auto;
}

/*

	--	LIST STYLE	--

*/


/* list module */

.l_news-list {
  margin-top:24px;
  padding: 0 18px;
}
@media (max-width: 768px) {
}
@media (max-width: 480px) {
}

.listTime {
  margin-right: 12px;
  padding: 3px 0 0 0;
  font-size: 12px;
  letter-spacing: 0;
}
.listLabel {
  display: inline-block;
  width: 56px;
  margin-right: 12px;
  margin-bottom: 6px;
  padding: 3px 6px;
  background: #7dc9ff;
  text-align: center;
  font-size: 12px;
  border-radius: 3px;
}
.listLabel._kikujin {
  background: #6e7955;
}
.listLabel._important{
  background: #e18736;
}
.listText._block {
  display: block;
  width: 100%;
}
.listText._indentAlign {
  display: block;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
.listText._indentAlign {
  clear: both;
}
}
.listItems {
  padding-left: 4px;
  padding-bottom: 6px;
}
.listTime._left,
.listLabel._left {
  float: left;
  margin-right: 12px;
}
.u-news-list {
  font-size: 12px;
}



/*

	--	GRID STYLE	--

*/

/* common */

.col21,
.col22,
.col23,
.col24 { margin-top: 4%; }
@media (max-width: 768px) {
.col21,
.col22,
.col23,
.col24 { margin-top: 6%; }
}
@media (max-width: 480px) {
.col21,
.col22,
.col23,
.col24 { margin-top: 10%; }
}


/* col21 */

.col21Thumb {
  display: block;
  width: 100%;
  height:240px;
  background:#f0f0f0;
}

/* col22 */

.col22Thumb {
  display: block;
  width: 100%;
  height:240px;
  background:#f0f0f0;
}
@media (max-width: 480px) {
.col22Obj { margin-top: 10%; }
.col22Text { margin-top: 16px; }
}

/* col23 */

.col23Right,
.col23Left {
  background: #f0f0f0;
}
.col23Thumb {
  display: block;
  width: 100%;
  height:240px;
}
.colCmn6 > div,
.colCmn6 > div > div {
	border: 0;
}

/* col24 */

.col24Right,
.col24Left {
  background: #f0f0f0;
}
.col24Left:first-child {
  background: none;
}
.col24Right {
  text-align: right;
}
.col24Thumb {
  display: block;
  width: 100%;
  height:240px;
}
.colCmn6 > div,
.colCmn6 > div > div {
	border: 0;
}

/* col31 スクエア */

.col31Bottom {
  margin-top: 16px;
}

/*

	--	BODY DESIGN	--

*/

/* Project
--------------------------------------*/
h2.p_biz-hours_text {
  line-height: 1.8;
  font-size: 18px;
}
@media screen and (max-width: 768px){
h2.p_biz-hours_text {
  font-size: 16px;
}
}



.p_flex__Item_3-1 { width: 30%; }

@media screen and (max-width:768px){
.p_flex__Item_3-1 { width: 100%; }
}


/* about */
.p_about__Item {margin-top: 0;}
.p_about__Item_label   { color: #fff; }
.p_about__Item_title   { margin-top: 16px; }
.p_about__Item_caption { }

@media screen and (max-width:768px){
.p_about__Item { margin-top: 24px; }
}

/* message */
.p_message__Img { width: 100%; height: 400px; object-fit: cover; font-family: 'object-fit: cover'; }
.p_message__Label_inn { position: absolute; bottom: -80px; padding: 0 24px; left: 0; right: 0; }
.p_message__Label { width: 180px; height: 180px; color: #fff; }
.p_message__Lead { color: #fff; text-shadow: black 0px 1px; }
.p_message__Text_cont { margin-top: 90px; }

.u_bg__Enji { background: #660000; }
.u_bg__Deep-green { background: #1b3a00; }
.u_bg__Mos-green { background: #9ea788; }
.u_bg__Light-green { background: #c4ab73; }

/* appeal */
.p_appeal__Item { width: 33.33%; background: #003149; color: #fff; }
.p_appeal__Item_text { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }
.p_appeal__Item_text::before { content: ""; display: block; padding-bottom: 66.5%; }

@media screen and (max-width: 1024px){
.p_appeal__Item { width: 100%; }
.p_appeal__Item_img,
.p_appeal__Item_text { width: 50%; }
.p_appeal__Item.p_flex__Even_alt:nth-child(odd) { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
.p_appeal__Item.p_flex__Even_alt:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
}


@media screen and (max-width: 1060px) { .p-block04--rev .p-block04__item { width: 100%; }
  .p-block04--rev .p-block04__item:nth-child(odd) { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  .p-block04--rev .p-block04__item:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .p-block04__item { width: 100%; }
  .p-block04__item:nth-child(odd) { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
  .p-block04__item:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .p-block04__item-img, .p-block04__item-content { width: 50%; } }

@media screen and (max-width: 767px) { .p-block04 { display: block; }
  .p-block04__item { display: block; }
  .p-block04__item-img, .p-block04__item-content { width: 100%; }
  .p-block04__item-content { padding: 43px 35px; }
  .p-block04__item-content::before { display: none; }
  .p-block04__item-content-inner { position: static; padding: 0; -webkit-transform: none; transform: none; }
  .p-block04__item-desc { line-height: 2; } }


/* product
--------------------------------------*/
.p_product__Item_img {width: 70%; margin: 0 auto; }
.p_product__Item_img span { display: block;padding-top: 100%; }
.p_product__Item_img img {width: 160%; }

/* col32 サークル */

.col32Thumb {
  display: block;
  width: 70%;
  margin: 0 auto;
  background: url("../img/f_340x450_001.jpg");
  background-position: center top;
  background-size: cover;
  padding-top: 63%;
}
.col32Bottom {
  margin-top: 16px;
}


/* solution
--------------------------------------*/
.p_solution__Inn { position: relative; height: 1000px; }
.p_solution__Item_01 {
position: absolute;
top: 8%;
left: 18%;
width: 120px;
height: 120px;
background: blueviolet;
}
.p_solution__Item_02 {
position: absolute;
top: 15%;
right: 25%;
width:220px;
height:220px;
background: lavender;
}
.p_solution__Item_03 {
position: absolute;
top: 2%;
left: 30%;
width: 160px;
height: 160px;
background: lightsalmon;
}
.p_solution__Item_04 {
position: absolute;
top: 10%;
left: 40%;
width: 280px;
height: 280px;
background: gold;
}
.p_solution__Item_05 {
position: absolute;
top: 30%;
left: 25%;
width: 220px;
height: 220px;
background: forestgreen;
}

/* List Desgin
--------------------------------------*/

/* 定義リスト */

/* 価格表 */
.p_list dl dt {
	clear: both;
	float: left;
  padding-left: 24px;
  padding-top: 0;
  margin-bottom: 12px;
  background: url("../img/cmn-list_icon-01.png") 0 2px no-repeat;
  background-size: 18px;
  font-size: 16px;
  font-weight: normal;
}
.p_list dl dt:nth-of-type(2) {
  background: none;
}
.p_list dl dd {
	float: right;
	margin-bottom: 16px;
  text-align: right;
}
/* デザインリスト */
.p_list li {
  padding-left: 24px;
  padding-top: 0;
  margin-bottom: 12px;
  background: url("../img/cmn-list_icon-01.png") 0 2px no-repeat;
  background-size: 18px;
  font-size: 16px;
  font-weight: normal;
}
/* 記事内 */
.p_list_not-recommended dl dt {
  padding: 0;
  padding-left: 24px;
  margin: 16px 0 4px;
  background: url("../img/cmn-list_icon-01.png") 0 2px no-repeat;
  background-size: 18px;
}

/* Btn
--------------------------------------*/
.u_detailBtn {
padding-left: 0 !important;
padding: 5px 4px;
text-align: center !important;
border: 1px solid;
color: #fff;
width: 100px;
}
.p_capt-effect_18 figure:hover figcaption {
right: 0;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
.p_capt-effect_18 figcaption {
    right: -200px;
    width: 200px;
    background: #000;
}




/* SEARCH
--------------------------------------*/
#search { }


/* keywords */

.keywords_input {
}



/* feeling */

/* 10個 */
.feeling ul li {
  position: relative;
  float: left;
  width:20%;
  margin: 24px 0;
  text-align: center;
}
.feeling ul li a {
  position: relative;
  display: block;
  width: 100px;
  height: 100px;
  margin: 8px auto;
  line-height: 1.3;
  border-radius: 50%;
  padding: 24px;
  text-decoration: none;
  text-align: center;
  background-color: #E85A70;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
  -webkit-tap-highlight-color: transparent;
  font-size: 32px;
  font-weight: bold;
  color: #ffffff;
  -webkit-transition: .2s ease-out;
  -o-transition: .2s ease-out;
  transition: .2s ease-out;
}
.feeling ul li a:hover {
  cursor: pointer;
  text-decoration: none;
	-webkit-transform: translateY(-4px);
	    -ms-transform: translateY(-4px);
	        transform: translateY(-4px);
  -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.12), 0 3px 10px 0 rgba(0,0,0,0.12), 0 4px 7px -2px rgba(0,0,0,0.2);
          box-shadow: 0 4px 8px 0 rgba(0,0,0,0.12), 0 3px 10px 0 rgba(0,0,0,0.12), 0 4px 7px -2px rgba(0,0,0,0.2);
}
.feeling ul li a:hover span {
  border-bottom: .4px solid;

}
.feeling ul li a span {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  font-size: 20px;
}
.feeling ul li p {
  padding:0 12px;
  text-align: center;
}
@media screen and (max-width:768px){
.feeling ul li a span {
  font-size: 20px;
}
.feeling ul li a {
  width: 90px;
  height: 90px;
}
}
@media screen and (max-width:480px){
.feeling ul li {
  width:50%;
}
.feeling ul li a {
  width: 120px;

  height: 120px;
}
}
@media screen and (max-width:352px){
.feeling ul li a {
  width: 100px;
  height: 100px;
}
.feeling ul li a span {
  font-size: 20px;
}
}

/* certification
---------------------------------*/
.l_certification {
  margin-top: 4%;
  background: #f4f6f6;
}
ul.p_certification_objects li {
  margin-top: 0;
}
@media screen and (max-width:480px){
ul.p_certification_objects li:nth-child(2){
  margin-top: 8px;
}
}
.p_certification_objects.p_flex__2Col_02 {
  margin-top: 0;
}
.p_certification_objects img {
  border: 1px solid #caa847;
  border-radius: 4px;
}

/* about
---------------------------------*/
.l_about {
  margin-top: 32px;
}
@media screen and (max-width:768px){
.l_about {
  margin-top: 4%;
}
}
.p_about_title {
  margin-bottom: 24px;  
  font-family: cursive;
  font-size: 52px;
}
.p_about_title img {
  width: 280px;
}
@media screen and (max-width:768px){
  .p_about_title img {
    width: 180px;
}
}
.p_about_cont {
  width: 70%;
  margin: 0 auto;
}
@media screen and (max-width:768px){
.p_about_cont {
  width: 80%;
}
}
@media screen and (max-width:480px){
.p_about_cont {
width: 90%;
}
}
.p_about_article {
  line-height: 2.3;
}


/* visual-guide
---------------------------------*/
.p_visual-guide__Inner {
  margin-top: 40px;
}
.p_fix-layout_05 a {
  cursor: grab;
}
.p_fix-layout_05 .p_fix-layout_05__Item:nth-child(2n+1) { /* oddでも可 */
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: unset;
  -webkit-box-direction: unset;
      -ms-flex-direction: unset;
          flex-direction: unset;
}
.p_fix-layout_05 .p_fix-layout_05__Item:nth-child(2n) { /* evenでも可 */
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse;
          flex-flow: row-reverse;
}
@media (max-width: 480px) {
.p_fix-layout_05 .p_fix-layout_05__Item:nth-child(2n+1),
.p_fix-layout_05 .p_fix-layout_05__Item:nth-child(2n) {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.p_fix-layout_05__Item_article_inn {
  -ms-transform: translate(-50%,-150%);
  -webkit-transform: translate(-50%,-150%);
  transform: translate(-50%,-150%);
}
}

.p_fix-layout_05 .p_fix-layout_05__Item {
  border-bottom: 0;
}
.p_fix-layout_05 .p_fix-layout_05__Item > div {
  position: relative;
  width: 50%;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.p_fix-layout_05 .p_fix-layout_05__Item > div:nth-chils(1) {
  width: 100%;
}

.p_fix-layout_05 .p_fix-layout_05__Item:nth-child(2n) > div:first-child {
  width: 50%;
  background: #fff;
}

.p_fix-layout_05 .p_fix-layout_05__Item > div:nth-child(2n) {
  width: 50%;
}
@media (max-width: 480px) {
.p_fix-layout_05 .p_fix-layout_05__Item > div,
.p_fix-layout_05 .p_fix-layout_05__Item:nth-child(2n) > div:first-child,
.p_fix-layout_05 .p_fix-layout_05__Item > div:nth-child(2n) {
  width: 100%;
}
}



.p_fix-layout_05__Item_article {
  text-align: center;

}
.p_fix-layout_05__Item_article_inn {
  width: 96%;
}
@media (max-width: 480px) {
.p_fix-layout_05__Item_article_inn {
    width: 60%;
    padding: 24px;
    background: rgb(255 255 255 / 70%);
}
}

.p_fix-layout_05__Item_article h3 {
  font-weight: bold;
  color: #333333;
}
.p_fix-layout_05__Item_text {
  margin-bottom: 16px;
  color: #333333;
}
.c_btn_01 {
  display: inline-block;
  padding: 2px 32px;
  border: 1px solid #9ea788;
  border-radius: 30px;
  color: #9ea788;
  transition: 1s;
}
.c_btn {

}
.c_btn:hover .c_btn_01 {
  background: #9ea788;
  color: #fff;
  border: 1px solid #9ea788;
}



/* Footer slider */
.p-footer-slider .slick-initialized .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; }

.p-footer-slider .slick-list { margin-right: -1px; border: 1px solid #ddd; border-top: 0; }

.p-footer-slider .slick-track { min-width: 1px; }

.p-footer-slider .slick-track .slick-slide { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; }

.p-footer-slider .slick-arrow:hover::before { color: #aaa; }

.p-footer-slider .slick-arrow::before { width: 14px; color: #000; font-family: "design_plus"; opacity: 1; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-property: color; transition-property: color; }

.p-footer-slider .slick-prev { left: -44px; }

.p-footer-slider .slick-prev::before { content: "《"; }

.p-footer-slider .slick-next { right: -44px; }

.p-footer-slider .slick-next::before { content: "》"; }

.p-footer-slider__inner { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 60px 0; }

.p-footer-slider__inner.slick-slider { display: block; }

.p-footer-slider__item { width: 25%; border-right: 1px solid #ddd; }

@media screen and (max-width: 767px) { .p-footer-slider { overflow: hidden; }
  .p-footer-slider .slick-list { margin-right: -1px; margin-left: -1px; padding: 0; border-right: 0; border-left: 0; }
  .p-footer-slider__inner { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; }
  .p-footer-slider__item { width: 50%; } }

.slick-slide img { height: auto;} 


/* footer.htm
======================================================================*/

footer { background: rgba( 187, 187, 187,.3); }
#footer.sectionInner { padding: 32px 24px 0 32px; }

/* footer-layout */
.l_footer.l_inner {
  padding-bottom: 0;
}
@media (max-width: 768px) {
}
@media (max-width: 480px) {
}

/* footer-symbol*/
.l_footer-symbol {
  display: inline-block;
  position: relative;
  top: 96px;
  vertical-align: top;
}
@media (max-width: 768px) {
.l_footer-symbol {
  top: 28px;
}
}
@media (max-width: 480px) {
}

.c_footer-menu { 
  display: inline-block;
  max-width: 460px;
  margin: 40px 0 40px 32px;
  text-align: right;
}
.c_footer-menu_item { display: inline-block; width:40%; margin: 24px 0 0 0; text-align: left; }
@media (max-width: 768px) {
}
@media (max-width: 480px) {
.c_footer-menu_item { width:100%; margin: 24px 0 0 0; text-align: left; font-size: 12px; }
}

.l_footer-nav {
  display: none;
  position: fixed;
  bottom: 0;
  width:100%;
  z-index: 200;
}
.c_footer-nav_item {
  width: 19.7% !important;
  padding:10px 0 4px;
  border:1px solid #CCC;
  box-sizing: border-box;
  background: rgb(127 78 56 / 70%);
  text-align: center;
}
.c_footer-nav_item a {
  display: block;
  font-size:12px;
  color:#fff;
  text-decoration: none;
}
.c_footer-nav_item i {
  margin-bottom: 6px;
  font-size: 32px;
}
@media (max-width: 768px) {
.l_footer-nav {
  display: block;
}
.c_footer-nav {
  
}
}
@media (max-width: 480px) {
}
.c_footer-opening{}
@media (max-width: 768px) {
.c_footer-opening {
  font-size: 14px;
}
}



/* global_footer
--------------------------------------*/
.global_footer { text-align: center; }
@media (max-width: 768px) {
.global_footer { margin-bottom: 70px; }
}
@media (max-width: 480px) {
}

/* back to top
--------------------------------------*/


/*トップへ戻るボタン*/
.pagetop {
  position: fixed; /*固定*/
  bottom: 0; /*場所を右下に移動*/
  right: 0; /*場所を右下に移動*/
  display: block; /*aタグをblock要素に変更*/
  background-color: rgba(0,0,0,0.5); /*以下、デザインはご自由に！！*/
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 11px;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 22px;
/*  border-radius: 30px; */
  padding-top: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 50;
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
}
.pagetop:before {
  content: '\25B2';
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 18px;
}
.pagetop:hover {
  opacity: 0.7;
}

@media (max-width: 768px) {
#home {
  right: 0;
}
 #home:hover {
   -webkit-transform: scale(1);
       -ms-transform: scale(1);
           transform: scale(1);
 }
#btn-back_to_top {
  right: 0;
}
}
@media (max-width: 480px) {}


/* sub-page */
.p_sub_concept {
  font-size: 26px;
  text-shadow: 3px 2px 4px #000;
}
}
@media (max-width: 480px) {
.p_sub_concept {
  font-size: 20px;
}
}

.p_sub_ttl_h2,
.p_sub_ttl_h3 {
  margin: 16px 0;
}

/* h2 */

/* side border
.c_headline_g3_02 { padding: 0 0 2px 14px; border-left: 6px solid #77ca6b; border-bottom: 1px solid #77ca6b; }
*/

/* 先頭に花 
.c_headline_g3_02 { background-color:#bed858; border-radius:5px; color:#0b6d10; padding:6px 10px 6px 60px; position:relative; text-shadow:0px 0px 10px #fff,0px 0px 6px #fff,0px 0px 4px #fff,0 0 0.5px #fff; }
.c_headline_g3_02:before { content:'＊*'; color:#fff; display:inline-block; font-size:30px; font-weight:bold; margin-right:10px; position:absolute; top:4px; left:0px; transform:rotate(20deg); -moz-transform:rotate(20deg); -webkit-transform:rotate(20deg); -o-transform:rotate(20deg); text-shadow:0px 0px 3px #fff,0px 0px 2px #fff,0 0 0.5px #fff; }
.c_headline_g3_02:after { border-bottom:2px dotted #fff; content:''; position:absolute; bottom:3px; left:3px; right:3px; }
*/

.c_headline_g3_02 { background-color:#a9a539; color:#193b1b; overflow:hidden; padding: 8px 10px; position:relative; text-shadow:0px 0px 10px #fff,0px 0px 6px #fff,0px 0px 4px #fff,0 0 0.5px #fff; }
.c_headline_g3_02 span { position: relative; z-index: 100; }
.c_headline_g3_02:before { background-color:#fff; border-radius:50%; content:''; display:block; opacity:0.6; position:absolute; top:-20px; left:0px; width:200px; height:200px; }
.c_headline_g3_02:after { background-color:#fff; border-radius:50%; content:''; display:block; opacity:0.6; position:absolute; bottom:-50px; left:180px; width:100px; height:100px; }

/* h3 */
.c_headline_g1_04 { padding: 0; border-bottom: 1px solid #ddd; }
.c_headline_g1_04 span { display: inline-block; margin: 0; padding: 0 0 10px 0; border-bottom: 4px solid #ccc; }

/* h4 */
.c_headline_g1_05 { letter-spacing: 2px; }
.c_headline_g1_05 span { padding-bottom: 4px; border-bottom: 1px dotted #333; }

/* ========================================== */
/* utility style
/* ========================================== */

/* position */

.u_left   { float: left; }
.u_right  { float: right; }
.u_center { margin: 0 auto; }
.u_hidden { overflow: hidden; }

/* margin - 要素の外側の余白 */

/* margin 0px を指定するクラス */
.u_m0 { margin: 0 !important; }
/* margin-top0px を指定するクラス */
.u_mt0 { margin-top: 0 !important; }
/* margin-right0px を指定するクラス*/
.u_mr0 { margin-right: 0 !important; }
/* margin-bottom0px を指定するクラス*/
.u_mb0 { margin-bottom: 0 !important; }
/* margin-left0px を指定するクラス*/
.u_ml0 { margin-left: 0 !important; }

.u_m5 { margin: 5px !important; }
.u_mt5 { margin-top: 5px !important; }
.u_mr5 { margin-right: 5px !important; }
.u_mb5 { margin-bottom: 5px !important; }
.u_ml5 { margin-left: 5px !important; }
.u_m10 { margin: 10px !important; }
.u_mt10 { margin-top: 10px !important; }
.u_mr10 { margin-right: 10px !important; }
.u_mb10 { margin-bottom: 10px !important; }
.u_ml10 { margin-left: 10px !important; }
.u_m15 { margin: 15px !important; }
.u_mt15 { margin-top: 15px !important; }
.u_mr15 { margin-right: 15px !important; }
.u_mb15 { margin-bottom: 15px !important; }
.u_ml15 { margin-left: 15px !important; }
.u_m20 { margin: 20px !important; }
.u_mt20 { margin-top: 20px !important; }
.u_mr20 { margin-right: 20px !important; }
.u_mb20 { margin-bottom: 20px !important; }
.u_ml20 { margin-left: 20px !important; }
.u_m25 { margin: 25px !important; }
.u_mt25 { margin-top: 25px !important; }
.u_mr25 { margin-right: 25px !important; }
.u_mb25 { margin-bottom: 25px !important; }
.u_ml25 { margin-left: 25px !important; }
.u_m30 { margin: 30px !important; }
.u_mt30 { margin-top: 30px !important; }
.u_mr30 { margin-right: 30px !important; }
.u_mb30 { margin-bottom: 30px !important; }
.u_ml30 { margin-left: 30px !important; }
.u_m35 { margin: 35px !important; }
.u_mt35 { margin-top: 35px !important; }
.u_mr35 { margin-right: 35px !important; }
.u_mb35 { margin-bottom: 35px !important; }
.u_ml35 { margin-left: 35px !important; }
.u_m40 { margin: 40px !important; }
.u_mt40 { margin-top: 40px !important; }
.u_mr40 { margin-right: 40px !important; }
.u_mb40 { margin-bottom: 40px !important; }
.u_ml40 { margin-left: 40px !important; }
.u_m45 { margin: 45px !important; }
.u_mt45 { margin-top: 45px !important; }
.u_mr45 { margin-right: 45px !important; }
.u_mb45 { margin-bottom: 45px !important; }
.u_ml45 { margin-left: 45px !important; }
.u_m50 { margin: 50px !important; }
.u_mt50 { margin-top: 50px !important; }
.u_mr50 { margin-right: 50px !important; }
.u_mb50 { margin-bottom: 50px !important; }
.u_ml50 { margin-left: 50px !important; }
.u_m55 { margin: 55px !important; }
.u_mt55 { margin-top: 55px !important; }
.u_mr55 { margin-right: 55px !important; }
.u_mb55 { margin-bottom: 55px !important; }
.u_ml55 { margin-left: 55px !important; }
.u_m60 { margin: 60px !important; }
.u_mt60 { margin-top: 60px !important; }
.u_mr60 { margin-right: 60px !important; }
.u_mb60 { margin-bottom: 60px !important; }
.u_ml60 { margin-left: 60px !important; }
.u_m65 { margin: 65px !important; }
.u_mt65 { margin-top: 65px !important; }
.u_mr65 { margin-right: 65px !important; }
.u_mb65 { margin-bottom: 65px !important; }
.u_ml65 { margin-left: 65px !important; }
.u_m70 { margin: 70px !important; }
.u_mt70 { margin-top: 70px !important; }
.u_mr70 { margin-right: 70px !important; }
.u_mb70 { margin-bottom: 70px !important; }
.u_ml70 { margin-left: 70px !important; }
.u_m75 { margin: 75px !important; }
.u_mt75 { margin-top: 75px !important; }
.u_mr75 { margin-right: 75px !important; }
.u_mb75 { margin-bottom: 75px !important; }
.u_ml75 { margin-left: 75px !important; }
.u_m80 { margin: 80px !important; }
.u_mt80 { margin-top: 80px !important; }
.u_mr80 { margin-right: 80px !important; }
.u_mb80 { margin-bottom: 80px !important; }
.u_ml80 { margin-left: 80px !important; }
/* padding - 要素の内側の余白 */
.u_p0 { padding: 0 !important; }
.u_pt0 { padding-top: 0 !important; }
.u_pr0 { padding-right: 0 !important; }
.u_pb0 { padding-bottom: 0 !important; }
.u_pl0 { padding-left: 0 !important; }
.u_p5 { padding: 5px !important; }
.u_pt5 { padding-top: 5px !important; }
.u_pr5 { padding-right: 5px !important; }
.u_pb5 { padding-bottom: 5px !important; }
.u_pl5 { padding-left: 5px !important; }
.u_p10 { padding: 10px !important; }
.u_pt10 { padding-top: 10px !important; }
.u_pr10 { padding-right: 10px !important; }
.u_pb10 { padding-bottom: 10px !important; }
.u_pl10 { padding-left: 10px !important; }
.u_p15 { padding: 15px !important; }
.u_pt15 { padding-top: 15px !important; }
.u_pr15 { padding-right: 15px !important; }
.u_pb15 { padding-bottom: 15px !important; }
.u_pl15 { padding-left: 15px !important; }
.u_p20 { padding: 20px !important; }
.u_pt20 { padding-top: 20px !important; }
.u_pr20 { padding-right: 20px !important; }
.u_pb20 { padding-bottom: 20px !important; }
.u_pl20 { padding-left: 20px !important; }
.u_p25 { padding: 25px !important; }
.u_pt25 { padding-top: 25px !important; }
.u_pr25 { padding-right: 25px !important; }
.u_pb25 { padding-bottom: 25px !important; }
.u_pl25 { padding-left: 25px !important; }
.u_p30 { padding: 30px !important; }
.u_pt30 { padding-top: 30px !important; }
.u_pr30 { padding-right: 30px !important; }
.u_pb30 { padding-bottom: 30px !important; }
.u_pl30 { padding-left: 30px !important; }
.u_p35 { padding: 35px !important; }
.u_pt35 { padding-top: 35px !important; }
.u_pr35 { padding-right: 35px !important; }
.u_pb35 { padding-bottom: 35px !important; }
.u_pl35 { padding-left: 35px !important; }
.u_p40 { padding: 40px !important; }
.u_pt40 { padding-top: 40px !important; }
.u_pr40 { padding-right: 40px !important; }
.u_pb40 { padding-bottom: 40px !important; }
.u_pl40 { padding-left: 40px !important; }
.u_p45 { padding: 45px !important; }
.u_pt45 { padding-top: 45px !important; }
.u_pr45 { padding-right: 45px !important; }
.u_pb45 { padding-bottom: 45px !important; }
.u_pl45 { padding-left: 45px !important; }
.u_p50 { padding: 50px !important; }
.u_pt50 { padding-top: 50px !important; }
.u_pr50 { padding-right: 50px !important; }
.u_pb50 { padding-bottom: 50px !important; }
.u_pl50 { padding-left: 50px !important; }
.u_p55 { padding: 55px !important; }
.u_pt55 { padding-top: 55px !important; }
.u_pr55 { padding-right: 55px !important; }
.u_pb55 { padding-bottom: 55px !important; }
.u_pl55 { padding-left: 55px !important; }
.u_p60 { padding: 60px !important; }
.u_pt60 { padding-top: 60px !important; }
.u_pr60 { padding-right: 60px !important; }
.u_pb60 { padding-bottom: 60px !important; }
.u_pl60 { padding-left: 60px !important; }
.u_p65 { padding: 65px !important; }
.u_pt65 { padding-top: 65px !important; }
.u_pr65 { padding-right: 65px !important; }
.u_pb65 { padding-bottom: 65px !important; }
.u_pl65 { padding-left: 65px !important; }
.u_p70 { padding: 70px !important; }
.u_pt70 { padding-top: 70px !important; }
.u_pr70 { padding-right: 70px !important; }
.u_pb70 { padding-bottom: 70px !important; }
.u_pl70 { padding-left: 70px !important; }
.u_p75 { padding: 75px !important; }
.u_pt75 { padding-top: 75px !important; }
.u_pr75 { padding-right: 75px !important; }
.u_pb75 { padding-bottom: 75px !important; }
.u_pl75 { padding-left: 75px !important; }
.u_p80 { padding: 80px !important; }
.u_pt80 { padding-top: 80px !important; }
.u_pr80 { padding-right: 80px !important; }
.u_pb80 { padding-bottom: 80px !important; }
.u_pl80 { padding-left: 80px !important; }


/* ========================================== */
/* VIEW POINT
/* ========================================== */

/* テキスト用 */

.u_view { display: block; }
@media screen and (max-width:768px){
.u_view { display: none; }
}

/* サイズを伴うオブジェクト用 */

/* PC/TAB(SP兼用)パターン */
.u_lview_01 { display: block; }
.u_mview_01 { display: none; }
@media (max-width: 768px) {
.u_lview_01 { display: none; }
.u_mview_01 { display: block; }
}

/* PC(TAB兼用)/SPパターン */
.u_lview_02 { display: block; }
.u_sview_02 { display: none; }
@media (max-width: 480px) {
.u_lview_02 { display: none; }
.u_sview_02 { display: block; }
}

/* PC/TAB/SPパターン */
.u_lview_03 { display: block; }
.u_mview_03 { display: none; }
.u_sview_03 { display: none; }
@media (max-width: 768px) {
.u_lview_03 { display: none; }
.u_mview_03 { display: block; }
.u_sview_03 { display: none; }
}
@media (max-width: 480px) {
.u_lview_03 { display: none; }
.u_mview_03 { display: none; }
.u_sview_03 { display: block; }
}