/**
 * 2021/11-29,MyUpdate
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

body {
  width: 100%;
  font-weight: 400;
  color: #323232;
}
h3,h4,h5 {
  font-weight:500;
}
body {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

/* Disable ugly boxes around images in IE10 */
a img{ border: 0px;}
a{ color: inherit;}
::-moz-selection {  background-color: #6ab344;  color: #fff;}

::selection {  background-color: #6ab344;  color: #fff;}

.android-search-box .mdl-textfield__input {  color: rgba(0, 0, 0, 0.87);}

.android-header .mdl-menu__container {  z-index: 50;  margin: 0 !important;}

.mdl-textfield--expandable {  width: auto;}

.android-fab {
  position: absolute;
  right: 35%; /* 20% */
  bottom: -26px;
  z-index: 3;
  background: #64ffda !important;
  color: black !important;
}
.android-fab-2 {
  position: absolute;
  right: 20%;
  bottom: -26px;
  z-index: 3;
  background: #64ffda !important;
  color: black !important;
}
.android-mobile-title {  display: none !important;}

.android-logo-image {  height: 28px;  width: 140px;}

.android-header {  overflow: visible;  background-color: white;}
.android-header .material-icons { color: #767777 !important;}
.android-header .mdl-layout__drawer-button {  background: transparent;  color: #767777; }
.android-header .mdl-navigation__link {  color: #323232;  font-weight: 400;  font-size: 14px; }/* font-weight: 500; */
.android-navigation-container {
    /* Simple hack to make the overflow happen to the left instead... */
    direction: rtl;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    width: 500px;
    -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),
        width 0.2s cubic-bezier(0.4, 0, 0.2, 1);
            transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),
        width 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.android-navigation {
    /* ... and now make sure the content is actually LTR */
    direction: ltr;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 800px;
}

.android-search-box.is-focused ~ .android-navigation-container {  opacity: 0;  width: 100px; }

.android-navigation .mdl-navigation__link {
    display: inline-block;
    height: 60px;
    line-height: 68px;
    background-color: transparent !important;
    border-bottom: 4px solid transparent;
}

.android-navigation .mdl-navigation__link:hover {   border-bottom: 4px solid #8bc34a; }

.android-search-box {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
    margin-left: 16px;
    margin-right: 16px;
}

.android-more-button {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
}

.android-drawer {  border-right: none; }

.android-drawer-separator {  height: 1px;  background-color: #dcdcdc;  margin: 8px 0; }
.android-drawer .mdl-navigation__link.mdl-navigation__link {
    font-size: 14px;
    color: #323232;/* グレー系 #767777より少し濃い*/
  display:inline-flex;/* my */
}
.android-drawer .mdl-navigation__link.mdl-navigation__link .material-icons {
  font-size: 24px;
  color: rgba( 255, 255, 255, 0.9);/* 0.56 */
  margin-right: 16px; padding: 0;
  height: 24px;
}


.android-drawer span.mdl-navigation__link.mdl-navigation__link {  color: #8bc34a; }
.android-drawer .mdl-layout-title {  position: relative;  background: #6ab344;  height: 160px; }
.android-drawer .android-logo-image {  position: absolute;  bottom: 16px; }
.android-be-together-section {
  position: relative;
  height: 650px;/* 800px */
  width: auto;
  background-color: #f3f3f3;
  background : url('') center 30% no-repeat;/* url('')　トップimg削除 */
  background-size: cover;
}
/*
.android-font  {
  font-family:'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  line-height: 1; 
  color: #6f6f6f;
  font-weight: 400;
}
*/
.android-slogan {
  font-size: 60px;
  padding-top: 160px;
}

.android-sub-slogan {
  font-size: 21px;
  padding-top: 24px;
}

.android-create-character {
  font-size: 21px;
  padding-top: 400px;
}

.android-create-character a { 
    text-decoration: none;
    color: #767777;/* グレー系 */
    font-weight: 400;
}
  
.android-create-character2 { /* 自分プラス */
  font-size: 21px;
  padding-top: 350px;/* 300px */
}  
.android-create-character2 a { /* 自分プラス */
    text-decoration: none;
    color: #767777;/* グレー系 */
    font-weight: 400;
    margin: 0 20px;
}

.android-create-character3 { /* 自分プラス */
  font-size: 21px;
  padding-top: 50px;
}  
.android-create-character3 a { /* 自分プラス */
    text-decoration: none;
    color: #767777;/* グレー系 */
    font-weight: 400;
    margin: 0 20px;
}


.android-screen-section {
  position: relative;
  padding-top: 60px;
  padding-bottom: 80px;
  background-color:  #add8e6; /* 元なし　追加 */
}

.android-screens {
  text-align: center; /* 元　text-align: right; */
  width: 100%;
  white-space: nowrap;
  overflow-x: auto;
  margin-top: 40px; /* 元なし　追加 */

}

.android-screen {
  text-align: center;
}

.android-screen .android-link {
  margin-top: 16px;
  display: block;
  z-index: 2;
}

.android-image-link {
  text-decoration: none;
}

.android-wear {
  display: inline-block;
  width: 160px;
  margin-right: 32px;
  margin-bottom: 10px; /* 元はなし */
}

.android-wear .android-screen-image {
    width: 40%;
    z-index: 1;
}


.android-phone {
  display: inline-block;
  width: 64px;
  margin-right: 48px;
}

  .android-phone .android-screen-image {
    width: 100%;
    z-index: 1;
}


.android-tablet {
  display: inline-block;
  width: 110px;
  margin-right: 64px;
}

.android-tablet .android-screen-image {
    width: 100%;
    z-index: 1;
}

.android-tablet .android-link {
    display: block;
    z-index: 2;
}

.android-tv {
  display: inline-block;
  width: 300px;
  margin-right: 80px;
}

.android-tv .android-screen-image {
    width: 100%;
    z-index: 1;
}

.android-auto {
  display: inline-block;
  width: 300px;
  overflow: hidden;
}

.android-auto .android-screen-image {
    display: block;
    height: 300px;
    z-index: 1;
}

.android-wear-section {
  position: relative;
  background: url('') center no-repeat;/* url('')　バンドimg削除 */
  background-size: cover;
  height: 800px;
}

.android-wear-section-2 {/* My+--------------------- */
  position: relative;
	background-color: #add8e6;/*  薄めのブルー系 */
  background-size: cover;
  height: 400px;
  margin-top: 100px;
}

.android-wear-band {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  background-color: #37474f;/* 濃いグリーン系 */
}

.android-wear-band-2 {/* My+------下の写真リストに使用--------------- */
  position: relative;
  bottom: 0;
  padding-bottom: 30px;
  width: 100%;
  text-align: center;
  background-color: #add8e6;/* 薄めのブルー系 */
}

.android-wear-band-text {
  max-width: 800px;
  margin-left: 25%;/* 25% */
  padding: 24px;
  text-align: left;
  color: white;
}

  .android-wear-band-text p {
    padding-top: 8px;
  }

.android-link {
  text-decoration: none;
  color: #8bc34a !important;/* 緑色系 */
  font-weight: normal; /* 元は指定なし */
}

  .android-link:hover {
    color: #7cb342 !important;/* 緑色系 */
  }

  .android-link .material-icons {
    position: relative;
    top: 6px; /* 6px */
  }

.android-alt-link {
  text-decoration: none;
  color: #64ffda !important;/* 水色系 */
  font-size: 16px;
}

  .android-alt-link:hover {
    color: #00bfa5 !important;/* 緑水色系 */
  }

  .android-alt-link .material-icons {
    position: relative;
    top: 6px;
  }
/* ---------------My+---------------------- */
.android-link-2 { /* My+ */
  text-decoration: none;
  color: #ff4500 !important;/* オレンジ色系 */
  font-weight: normal; /* 元は指定なし */
}

  .android-link-2:hover { /* My+ */
    color: #ffa500 !important;/* オレンジ色系 */
  }

  .android-link-2 .material-icons { /* My+ */
    position: relative;
    top: 6px; /* 6px */
  }
.android-tablet .android-link-2 { /* My+ */
    display: block;
    z-index: 2;
}
.android-screen .android-link-2 { /* My+ */
  margin-top: 16px;
  display: block;
  z-index: 2;
}

/* -----------------------card block----------------------------- */
.android-more-section {
  padding: 80px 0 60px 0; /* 元はpadding: 80px 0; */
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;

}

  .android-more-section .android-section-title {
    margin: 0px; /* margin-left: 12px;　でpadding-leftはなし */
    padding-bottom: 24px;
    padding-left: 16px; /* 20px */
    padding-right: 16px; /* my+ */
  }
/* card */
/* .android-card-container { }*/

  .android-card-container .mdl-card__media {
    overflow: hidden;
    background: transparent;
  }

    .android-card-container .mdl-card__media img {
      width: 100%;
    }

  .android-card-container .mdl-card__title {
    background: transparent;
    height: auto;
  }
    .android-card-container .mdl-card__title-2 {
    background: transparent;
    height: auto;
  }
      .android-card-container .mdl-card__title-2 h4{
    background: transparent;
    height: auto;
    margin: 0;
    padding: 20px 16px 10px 16px;
    line-height: 1.3em;
    font-size: 20px;
    font-weight: 500;
    color: #323232;
  }
  .android-card-container .mdl-card__title2 { /* 自分プラス */
    background: transparent;
    height: auto;
    padding: 0 20px;
  }
  .android-card-container .mdl-card__title-text {
    color: black;
    height: auto;
  }
  .android-card-container .mdl-card__supporting-text {
    height: auto;
    color: #323232;/* グレー系  元black*/
    padding-bottom: 48px;
  }

  .android-card-container .mdl-card__actions {
    position: absolute;
    bottom: 0;
  }

  .android-card-container .mdl-card__actions-top {
    position: absolute;
    top: 0;
  }

  .android-card-container .mdl-card__actions a {
    border-top: none;
    line-height: 32px;
    font-size: 16px;
  }
  
  .android-card-container .mdl-card__actions2 a {
    border-top: none;
    line-height: 32px;
    font-size: 16px;
  }

.android-footer {
  background-color: #fafafa;
  position: relative;
}

  .android-footer a:hover {
    color: #8bc34a;
  }

  .android-footer .mdl-mega-footer--top-section::after {
    border-bottom: none;
  }

  .android-footer .mdl-mega-footer--middle-section::after {
    border-bottom: none;
  }

  .android-footer .mdl-mega-footer--bottom-section {
    position: relative;
  }

  .android-footer .mdl-mega-footer--bottom-section a {
    margin-right: 2em;
  }

  .android-footer .mdl-mega-footer--right-section a .material-icons {
    position: relative;
    top: 6px; /* 6px */
  }

	.android-footer .mdl-mega-footer--social-btn a {/* 自分プラス */
    text-decoration: none; 
	}
	.android-footer .mdl-mega-footer--social-btn:hover {/* 自分プラス */
    text-decoration: none; color: #6a5acd; cursor: pointer;
	}

.android-link-menu:hover {
  cursor: pointer;
}

/* 自分プラス--------------------------------------------------------- */
/* box設定 */
.hmd-box-gallery { display:block; width: 100%; height: 200px; color: #323232; padding: 0; margin: 0 auto; }
.hmd-box-gallery img { width:100%; max-width: 150px; height: 150px;}
.hmd-box-info { width: auto; margin: auto; }
.hmd-layCenter { margin: 0 auto;}/* cellを中央 */
/* box card設定 */
.hmd-box-info .mdl-card__media { overflow: hidden; background: transparent;}
.hmd-box-info .mdl-card__media img { width: 100%; }
.hmd-box-info .mdl-card__media-info { height: 50px; margin: 0 auto;}/*  */
.hmd-box-info .mdl-card__media-info img { height: 100%; }/*  */

.hmd-box-info .mdl-card__title { background: transparent; height: auto; }
.hmd-box-info .mdl-card__title2 { background: transparent; height: auto; padding: 0 20px; } /* 自分プラス */
.hmd-box-info .mdl-card__title-text { color: #323232; height: auto; font-weight:500;}/* グレー系  元black*/
.hmd-box-info .mdl-card__supporting-text { height: auto; color: #323232; padding: 0 16px 48px; width: auto;}/* グレー系  元black 323232*/
.hmd-box-info .mdl-card__actions { position: absolute; bottom: 0; }
.hmd-box-info .mdl-card__actions a { border-top: none; line-height: 32px; font-size: 16px; }
.hmd-box-info-2 .mdl-card__title-text { color: #323232; height: auto; font-weight:500; padding-left: 5%;}/* グレー系  元black*/

/* hmd-card__suppo-txt-1 - pc--mobile*/
.hmd-box-info .hmd-card__suppo-txt-1 { height: auto; color: #323232; padding: 0 0 40px 0; width: auto;}/* グレー系  元black 323232*/
.hmd-box-info .hmd-card__suppo-txt-1 h1{ height: auto; color: #323232; padding: 16px 16px; margin: 0; width: auto; font-size:48px; line-height:1.3em; font-weight: 500;}
.hmd-box-info .hmd-card__suppo-txt-1 h2{ height: auto; color: #323232; padding: 16px 16px; margin: 0; width: auto; font-size:30px; line-height:1.3em; font-weight: 500;}
.hmd-box-info .hmd-card__suppo-txt-1 h3{ height: auto; color: #323232; padding: 16px 16px; margin: 0; width: auto; font-size:24px; line-height:1.3em; font-weight: 500;}
.hmd-box-info .hmd-card__suppo-txt-1 h4{ height: auto; color: #323232; padding: 16px 16px; margin: 0; width: auto; font-size:20px; line-height:1.3em; font-weight: 500;}
.hmd-box-info .hmd-card__suppo-txt-1 h5{ height: auto; color: #323232; padding: 16px 16px; margin: 0; width: auto; font-size:18px; line-height:1.3em; font-weight: 500;}
.hmd-box-info .hmd-card__suppo-txt-1 h6{ height: auto; color: #323232; padding: 16px 16px; margin: 0; width: auto; font-size:16px; line-height:1.3em; font-weight: 500;}
.hmd-box-info .hmd-card__suppo-txt-1 p{ height: auto; color: #323232; padding: 0px 16px; margin-bottom: 16px ; width: auto; font-size:16px; line-height:1.5em; letter-spacing: 0.05em; font-weight: 400;}

/* hmd-card__suppo-txt-2 - pc--mobile*/
.hmd-box-info .hmd-card__suppo-txt-2 { height: auto; color: #323232; padding: 0 0 20px 0; width: auto;}/* グレー系  元black 323232*/
.hmd-box-info .hmd-card__suppo-txt-2 h1{ height: auto; color: #323232; padding: 16px 16px; margin: 0; width: auto; font-size:38px; line-height:1.3em; font-weight: 500;}
.hmd-box-info .hmd-card__suppo-txt-2 h2{ height: auto; color: #323232; padding: 16px 16px; margin: 0; width: auto; font-size:32px; line-height:1.3em; font-weight: 500;}
.hmd-box-info .hmd-card__suppo-txt-2 h3{ height: auto; color: #323232; padding: 16px 16px; margin: 0; width: auto; font-size:28px; line-height:1.3em; font-weight: 500;}
.hmd-box-info .hmd-card__suppo-txt-2 h4{ height: auto; color: #323232; padding: 16px 16px; margin: 0; width: auto; font-size:24px; line-height:1.3em; font-weight: 500;}
.hmd-box-info .hmd-card__suppo-txt-2 h5{ height: auto; color: #323232; padding: 16px 16px; margin: 0; width: auto; font-size:20px; line-height:1.3em; font-weight: 500;}
.hmd-box-info .hmd-card__suppo-txt-2 h6{ height: auto; color: #323232; padding: 16px 16px; margin: 0; width: auto; font-size:18px; line-height:1.3em; font-weight: 500;}
.hmd-box-info .hmd-card__suppo-txt-2 p{ height: auto; color: #323232; padding: 0px 16px; margin-bottom: 16px ; width: auto; font-size:16px; line-height:1.3em; letter-spacing: 0.05em; font-weight: 400;}


/* flexboxのLayout set　PC設定＝mobile設定あり */
.flexBox-base {  background-color: inherit;  padding: 10px; display: flex; justify-content: center; width: 100%; flex-wrap: wrap; flex-basis:auto;}
.flexBox-base-A {  background-color: inherit;  padding: 0px; display: flex; justify-content: flex-start; width: 100%; flex-wrap: wrap; flex-basis:auto;}
/* .fliexBox-set-1:nth-child(1) { background-color:?????;} 2、3と作るとボックスカラーをかえられる  */
.flexBox-set-1 {  padding: 10px; color: inherit;}

/* card設定上部カラー */
.mdl-grid .hrw-card-grid { box-sizing: border-box; width: 100%;}/* card 設定 */
.hrw-card__subject-bar { display: block; height: 8px;}/* card 上部色を入れるスペース */
.mdl-grid .hrw-card { height: auto; box-sizing: border-box;}
.hrw-card__content {
    background-color: 
    #fff;
    bottom: 0;
    box-sizing: border-box;
    -ms-flex: 1;
    flex: 1;
    height: auto;
    padding: 22px 16px 48px;
    width: 100%;
}
/* 1行設定 */
.hmd-row--1 { width: calc(100% - 16px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/* 表示行の設定====line-clamp */
/* PC3行とmobile2行設定 */
.hmd-line-clamp--3mob2 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* PC3行とmobile3行設定 */
.hmd-line-clamp--3mob3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* PC4行とmobile3行設定 */
.hmd-line-clamp--4mob3 {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* material icon */
.mdl-card__actions .material-icons { position: relative; top: 0px;}
.hmd-link .material-icons { position: relative;  top: 0px; } /* 6px */
.hmd-iconLay-1 { padding-right: 10px; vertical-align: bottom;}
.hmd-iconLay-L10 { padding-left: 10px; vertical-align: bottom;}

/* material symbols icon　設定 */
.msol--w400-24-A { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz'24 }
.msol--w400-24-B { font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz'24 }
.msol--w400-48-A { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz'48 }
.msol--w400-48-B { font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz'48 }
.msol--w700-24-A { font-variation-settings: 'FILL' 0, 'wght' 700, 'GRAD' 0, 'opsz' 24 }
.msol--w700-24-B { font-variation-settings: 'FILL' 1, 'wght' 700, 'GRAD' 0, 'opsz' 24 }
.msol--w700-48-A { font-variation-settings: 'FILL' 0, 'wght' 700, 'GRAD' 0, 'opsz' 48 }
.msol--w700-48-B { font-variation-settings: 'FILL' 1, 'wght' 700, 'GRAD' 0, 'opsz' 48 }

/* material symbols outlined layout設定 */
.material-symbols-outlined.msol-iconLayset-R-0 { position: relative; top: 0px; padding-right: 10px; }
.material-symbols-outlined.msol-iconLayset-R-1 { position: relative; top: 4px; padding-right: 10px; }
.material-symbols-outlined.msol-iconLayset-R-2 { position: relative; top: 6px; padding-right: 10px; }
.material-symbols-outlined.msol-iconLayset-L-0 { position: relative; top: 0px; padding-left: 10px;}
.material-symbols-outlined.msol-iconLayset-L-1 { position: relative; top: 4px; padding-left: 10px;}
.material-symbols-outlined.msol-iconLayset-L-2 { position: relative; top: 6px; padding-left: 10px;}


/* text設定 */
.hmd-text-letter-form-1 { letter-spacing: 0.05em; line-height: 1.5em;} /* line-height letter-spacingの設定 */
.hmd-textSet-1 { width: 90%; height: auto; text-align: left; margin: 0 10px; } /* text枠サイズ */
.hmd-textLineheight-1 { line-height: 1.5em; } /* 行間 */
.hmd-textDeco-none { text-decoration: none;}
.hmd-textSet-center { text-align: center;}

/* link設定 */
.hmd-link { width: 100%;  text-decoration: none;  color: #1e90ff !important; box-sizing:border-box;}/* my+  青色系 元色は緑系＝#8bc34a */
.hmd-link:hover { color: #4682b4 !important; } /* 青色系　元色は緑系＝ #7cb342*/
.hmd-link-1 a{ width: 100%;  text-decoration: none; box-sizing:border-box;}/* my+  青色系 元色は緑系＝#8bc34a */
.hmd-link-1 a:hover { color: #4682b4 !important; } /* 青色系　元色は緑系＝ #7cb342*/
.hmd-link-2 a{ width: 100%;  text-decoration: underline; box-sizing:border-box;}/* my+  青色系 元色は緑系＝#8bc34a */
.hmd-link-2 a:hover { color: #4682b4 !important; } /* 青色系　元色は緑系＝ #7cb342*/
.hmd-link-NoneDeco a{ text-decoration:none;}
/* My+ layout */
.hmd-spacerHeight-10 { padding-bottom: 10px;} /* 縦スペーサー */
.hmd-spacerHeight-top10 { padding-top: 10px;} /* 縦スペーサー */
.hmd-spacerHeight-30 { padding-bottom: 30px;} /* 縦スペーサー */
.hmd-spacerHeight-50 { padding-bottom: 50px;} /* 縦スペーサー */
.hmd-maginCenter { margin: 0 auto;}
.hmd-layCard-1 { padding: 20px;}
.hmd-spaceLeft-5par { padding-left: 5%;}

.hmd-slogan { font-size: 60px; padding-top: 120px;}
.hmd-spacerGrid-20px { width: 100%; height: 20px;}  /* 高さスペース */
.hmd-spacerGrid-40px { width: 100%; height: 40px;} /* 高さスペース */
.hmd-spacerGrid-60px { width: 100%; height: 60px;} /* 高さスペース */
/* box内Layout */
.hmd-boxPositon-1 { position: absolute; bottom: 10px; left: 10px; }  /* boxの下部レイアウトスペース */
.hmd-layHeight-auto { height: auto; min-height: auto;}

/* Layout position */
.position-box { position:relative; margin:0 auto;}
.position-box .imgCenter {  position: absolute;  display: block;  top: 0;  left: 0;  right: 0;  bottom: 0;  margin: auto;}
.hmd-pstn-relative { position: relative;}
.hmd-pstn-absolute { position: absolute;}
.hmd-pstn-fixed { position: fixed;}
.hmd-pstnT24-R8 { position: absolute; top: 24px; right: 8px;}
.hmd-pstnT16-R8 { position: absolute; top: 16px; right: 8px;}
/* My+ nav-layout */
/* 横並び設定 */
.hmd-navLayout-1 { list-style: none; display: flex; width: auto;}
.hmd-navLayout-1 li { width: 180px; text-align: center; background-color: #fff;  height: 50px; line-height: 1.5em; margin-right: 10px; font-size: 24px;}
.hmd-navLayout-1 li a { text-decoration: none; color: #fff; font-weight: bold; padding: 20px;}
/* My+ font設定 */
.hmd-font--weight-bold {	font-weight: bold !important; }/*font-weight*/
.hmd-font--weight-300 { font-weight: 300 !important;}
.hmd-font--weight-400 { font-weight: 400 !important;}
.hmd-font--weight-500 { font-weight: 500 !important;}
.hmd-font--weight-600 { font-weight: 600 !important;}
.hmd-font--weight-700 { font-weight: 700 !important;}
.hmd-font--weight-lighther {  font-weight: lighter; } /* font-weight */
.hmd-fontSet-light-1 { font-size: 1.3em; font-weight: 400; line-height: 1.3em; }/* fontのサイズ */
.hmd-fontSz-25rem { font-size: 2.5rem; line-height: 1.3em;}

/* My+ font種類設定 */
.hmd-fontFamily-Yumincho400 { font-family:"Yu Mincho","游明朝","Yu Mincho","游明朝体"; font-weight:400;}
.hmd-fontFamily-Yumincho500 { font-family:"Yu Mincho","游明朝","Yu Mincho","游明朝体"; font-weight:500;}
.hmd-fontFamily-Yumincho600 { font-family:"Yu Mincho","游明朝","Yu Mincho","游明朝体"; font-weight:600;}


.mdl-typography--display-mobset {  font-size: 2.5em; text-align: left;  margin: 0 16px;  padding-top: 24px; padding-bottom: 20px; }
.mdl-typography--display-mobset-1 {/* ---------自分プラス------- */
    font-size: 1.5em; text-align: center;
    margin: 0 16px;
    padding-top: 24px;
}
/* border */
.hmd-borderSet-sol--3px { border-bottom: solid 3px;}
.hmd-brdSet-sol--3px_01 { border: solid 3px;}
.hmd-brdSet-sol--2px_01 { border: solid 2px; width:90%; margin: 0 auto;}
.hmd-brdSet-sol--1px_01 { border: solid 1px; width:90%; margin: 0 auto;}
/* color */
.hmd-color-white-1{ color: #ffffff;}/* fontのカラー　白系 */

/* ---My+ title set */
.android-wear-band-2 .hmd-titleSet-1 {  width: calc(100% - 16px); max-width: 1024px; margin: 0 auto;}	
.android-wear-band-2 .hmd-titleSet-1 h3{ padding: 30px 20px; margin: 0; text-align: left; font-size: 32px;  font-weight: 600; color: #e9967a;}
.android-more-section .hmd-section-title { padding: 0 8px 8px 20px;}
.hmd-titleSet-2 { font-size: 36px; line-height: 1.3em; margin: 0;}
/* My+ img */
.hmd-card-imgSet img{ width: 50%; height: auto; max-width: 280px; float: left; margin: 10px; padding-right: 10px;} 
.hmd-card-imgSet-02 img{ height: auto; max-width: 280px; margin: 10px;} 
img.hmd-card-imgSet-03 { display:block; height: auto; max-width: 240px; margin: 0 auto; padding: 10px;}
img.lightBox-image {  width: 100%; height: 120px;}/* lightBox img　設定 */
img.hmd-imgBox-01 { width: 100%; max-width: 340px; height: auto; margin: 0 auto; display:block;}

/* My+ ul dl */
.hmd-dlSet_01 dl { margin:0; line-height:1.5em;}
.hmd-dlSet_01 dt { font-weight:normal; margin-bottom: 10px;}
.hmd-dlSet_01 dd { margin: 0 20px 10px 20px; line-height: 1.3em;}

.hmd-dlSet_02 dl { margin:0; padding-left: 5%; padding-right: 5%;}
.hmd-dlSet_02 dt { font-weight:normal; margin : 10px 0;}
.hmd-dlSet_02 dd { margin: 0 0 0px 20px; padding-bottom: 10px; line-height: 1.3em;}

.hmd-ulSet_01 ul { margin:0;}
.hmd-ulSet_01 li { font-weight:normal; margin-bottom: 10px;line-height: 1.3em;}

.hmd-listStyle-none { list-style-type: none;}


/* My+----下バンドゾーン写真リスト　グリッド設定------------ */
.hmd-gridSet-1 { width: calc(100% - 16px); max-width: 1024px; padding: 0px; margin: 0 auto;}
.hmd-gridSet-1 img { 
	width: 100% ; max-width: 120px; height: auto;
	margin: auto; padding: 0px;
	border-top: 2px solid white;
  border-left: 2px solid white;
  border-right: 2px solid white;
}
.hmd-gridSet-1 p { 
	width: 100%; max-width: 120px; font-size: 14px; color: dimgray; text-align: center;
	background-color: snow; margin: 0 auto;
	border-bottom: 2px solid white;
  border-left: 2px solid white;
  border-right: 2px solid white;
}

/* googlemap */
.mapBox { position: relative; padding-bottom: 56.25%; padding-top: 30px; height:  0; overflow: hidden;}
.mapBox iframe,.mapBox object,.mapBox embed { position:  absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* 電話タップSVG */
.hmd-btn-tel{
  position: relative;
  display: block;
  border-radius: 50px;
  color: white;
  font-weight: bold;
  text-align: center;
  background: #0061f7;
  padding: 5px 0;
  margin: auto;
  max-width: 250px;
  height: 24px;
  text-decoration: none;
}

.hmd-btn-tel::after{
  content: "タップでお問い合わせ電話";
  background-size: contain;
  width: calc(100% - 24px);
  height: 24px;
  position: absolute;
  top: calc(50% - 8px);
  margin: 0 auto;
  left: 15px;
}
/* ICON SVG ○ */
.hmd-iconBtn-1{
  position: relative;
  display: block;
  border-radius: 50px;
  color: white;
  font-weight: bold;
  text-align: center;
  background: rgba(253,213,82,0.5);
  padding: 5px 5px;
  margin: auto;
  width: 36px; height: 36px;
  text-decoration: none;
}
.hmd-iconBtn-1 i{
  position: absolute;
  display: block;
top: calc(50% - 11px);
left: calc(50% - 11px);
}
.hmd-iconBtn-1::after{
  content: "";
  background-size: contain;
  width: 36px;
  height: 36px;
  position: absolute;
}

.hmd-iconBtn-2{
  position: relative;
  display: block;
  border-radius: 50px;
  color: white;
  font-weight: bold;
  text-align: center;
  background: transparent;/* 透過 */
  padding: 5px 5px;
  margin: 0 auto;
  width: 36px; height: 36px;
  text-decoration: none;
}
.hmd-iconBtn-2 i{
  position: absolute;
  display: block;
top: calc(50% - 11px);
left: calc(50% - 11px);
}
/* 電話設定 */
a[href^="tel:"]{ pointer-events: none;}

/* page top scroll スクロールアップ */
.hmd-pageTop-fixed { position : fixed; right : 16px; bottom : 60px; display:block; z-index:1;}

/* Mobile layout mdl ---------------------------- */
@media screen and (max-width: 839px) {
/* 
.android-font * , body , h1 , h2 , h3 , h4 , h5 , h6 , h7 , h8 , ul , dl , ol , span , p , a {
		font-family:'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  line-height: 1; 
  color: #323232;
  font-weight: 400;
}  */

.android-navigation-container {    display: none;  }
.android-title {    display: none !important;  }
.android-mobile-title {    display: block !important;    position: absolute;    left: calc(50% - 70px);    top: 12px;
    -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
            transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.android-search-box.is-focused ~ .android-mobile-title {  opacity: 0; }
.android-more-button {  display: none; }
.android-search-box.is-focused {  width: calc(100% - 48px); }/*calc(100% - 48px)  */
.android-search-box .mdl-textfield__expandable-holder {  width: 100%; }
.android-be-together-section { width: 100%; height: 350px; margin: auto; }
.android-slogan {  font-size: 22px;    margin: 0 16px;  padding-top: 24px; }
.hmd-slogan {  font-size: 32px;    margin: 0 16px;  padding-top: 24px; }
.android-sub-slogan {  font-size: 16px;    margin: 0 16px;    padding-top: 8px; }
.android-create-character {  padding-top: 200px;    font-size: 16px; }
.android-create-character img {  height: 12px; }
.android-create-character2 {  font-size: 16px;  padding-top: 200px;	}   /* 自分プラス */
.android-create-character2 a {  text-decoration: none;  color: #767777;  font-weight: 400;  margin: 0 20px; } /* 自分プラス グレー系 */
.android-create-character3 {  font-size: 16px;  padding-top: 50px;	}   /* 自分プラス */
.android-create-character3 a {  text-decoration: none;  color: #767777;  font-weight: 400;  margin: 0 20px; } /* 自分プラス グレー系 */

.android-wear-band-text {  margin-left: 0;  padding: 16px; }
.android-footer .mdl-mega-footer--bottom-section {  display: none; } /* モバイルでは表示しない */

.android-more-section {
  padding: 20px 0; /* 元はpadding: 80px 0; */
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
	margin-top: 0px; /* 元はなし */
}
/* My--title */
.hmd-titleSet-2 { font-size: 30px; line-height: 1.3em; margin: 0;}
/* font layout */
p {font-size : 16px}
dl, ul {font-size: 15px}
.hmd-text-letter-form-1 { letter-spacing: 0.05em; font-size:16px; font-weight: 400;}

/* 電話設定 */
a[href^="tel:"]{ pointer-events: auto;}
/* tel下部固定 */
.hmd-tel-fixed { position : fixed; right : 10px; bottom : 10px; display:block; z-index:1;}

}/* end  839 Mobile layout------- */

@media screen and (max-width: 479px){
/* display設定 */
.hmd-dsp-mob { display: none;}
/* line-height letter-spacingの設定 */
.android-create-character2 {  font-size: 16px;  padding-top: 200px;	}   /* 自分プラス */
.android-create-character2 a {  text-decoration: none;  color: #767777;  font-weight: 400;  margin: 0 20px; } /* 自分プラス グレー系 */
.android-create-character3 {  font-size: 16px;  padding-top: 50px;	}   /* 自分プラス */
.android-create-character3 a {  text-decoration: none;  color: #767777;  font-weight: 400;  margin: 0 20px; } /* 自分プラス グレー系 */
.android-slogan {  font-size: 20px;  margin: 0 16px;   padding-top: 24px; }
.hmd-slogan {  font-size: 30px;  margin: 0 16px;   padding-top: 24px; }
.mdl-typography--body-2{ font-size: 14px;  font-weight: 400;  line-height: 24px;  letter-spacing: 0;}

.android-more-section {
  padding: 20px 0; /* 元はpadding: 80px 0; */
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
	margin-top: 0px; /* 元はなし */
}

/* My--title */
.hmd-titleSet-2 { font-size: 24px; line-height: 1.3em; margin: 0;}
/* 表示行の設定 */
/* PC3行mobile2行 */
.hmd-line-clamp--3mob2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* PC3行mobile3行 */
.hmd-line-clamp--3mob3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* PC4行とmobile3行設定 */
.hmd-line-clamp--4mob3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* hmd-card__suppo-txt-1 - mobile--pc */
.hmd-box-info .hmd-card__suppo-txt-1 { height: auto; color: #323232; padding: 0 0 40px 0; width: auto;}/* グレー系  元black 323232*/
.hmd-box-info .hmd-card__suppo-txt-1 h1{ height: auto; color: #323232; padding: 16px 16px; margin: 0; width: auto; font-size:26px; line-height:1.3em; font-weight: 500;}
.hmd-box-info .hmd-card__suppo-txt-1 h2{ height: auto; color: #323232; padding: 16px 16px; margin: 0; width: auto; font-size:22px; line-height:1.3em; font-weight: 500;}
.hmd-box-info .hmd-card__suppo-txt-1 h3{ height: auto; color: #323232; padding: 16px 16px; margin: 0; width: auto; font-size:20px; line-height:1.3em; font-weight: 500;}
.hmd-box-info .hmd-card__suppo-txt-1 h4{ height: auto; color: #323232; padding: 10px 16px; margin: 0; width: auto; font-size:20px; line-height:1.3em; font-weight: 500;}
.hmd-box-info .hmd-card__suppo-txt-1 h5{ height: auto; color: #323232; padding: 10px 16px; margin: 0; width: auto; font-size:18px; line-height:1.3em; font-weight: 500;}
.hmd-box-info .hmd-card__suppo-txt-1 h6{ height: auto; color: #323232; padding: 10px 16px; margin: 0; width: auto; font-size:16px; line-height:1.3em; font-weight: 500;}
.hmd-box-info .hmd-card__suppo-txt-1 p{ height: auto; color: #323232; padding: 0px 16px; margin-bottom: 16px ; width: auto; font-size:16px; line-height:1.5em; letter-spacing: 0.05em; font-weight: 400;}

/* hmd-card__suppo-txt-2 - pc--mobile*/
.hmd-box-info .hmd-card__suppo-txt-2 { height: auto; color: #323232; padding: 0 0 20px 0; width: auto;}/* グレー系  元black 323232*/
.hmd-box-info .hmd-card__suppo-txt-2 h1{ height: auto; color: #323232; padding: 16px 16px; margin: 0; width: auto; font-size:26px; line-height:1.3em; font-weight: 500;}
.hmd-box-info .hmd-card__suppo-txt-2 h2{ height: auto; color: #323232; padding: 16px 16px; margin: 0; width: auto; font-size:22px; line-height:1.3em; font-weight: 500;}
.hmd-box-info .hmd-card__suppo-txt-2 h3{ height: auto; color: #323232; padding: 16px 16px; margin: 0; width: auto; font-size:20px; line-height:1.3em; font-weight: 500;}
.hmd-box-info .hmd-card__suppo-txt-2 h4{ height: auto; color: #323232; padding: 16px 16px; margin: 0; width: auto; font-size:20px; line-height:1.3em; font-weight: 500;}
.hmd-box-info .hmd-card__suppo-txt-2 h5{ height: auto; color: #323232; padding: 16px 16px; margin: 0; width: auto; font-size:18px; line-height:1.3em; font-weight: 500;}
.hmd-box-info .hmd-card__suppo-txt-2 h6{ height: auto; color: #323232; padding: 16px 16px; margin: 0; width: auto; font-size:18px; line-height:1.3em; font-weight: 500;}
.hmd-box-info .hmd-card__suppo-txt-2 p{ height: auto; color: #323232; padding: 0px 16px; margin-bottom: 16px ; width: auto; font-size:16px; line-height:1.3em; letter-spacing: 0.05em; font-weight: 400;}

/* flex boxのLayout set mobile設定＝PC設定あり */
.flexBox-base {  background-color: inherit;  padding: 10px; display: flex; justify-content: center; width: 100%; flex-wrap: wrap; flex-basis:auto;}
.flexBox-set-1 {  padding: 10px; color: inherit; width: 100%;}
/* flex box set mdl-buttonのmobile設定 */
.mdl-button.hmd-widthSet-1A { width: calc(100% - 16px);}

}/* end 479 Mobile layout-------------------------------------------------- */


/* Material iconsを利用する */
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* 推奨サイズ */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;

  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;

  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;

  /* IEサポート */
  font-feature-settings: 'liga';
}
/* アイコンサイズ */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* 背景が明るいとき用のアイコン色 */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* 背景が暗いとき用のアイコン色 */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }