@charset "UTF-8";
/* CSS Document */

body {
  /*background-image:url(../img/back.png);*/
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 24px;
  line-height: 160%;
  color: #333;
  margin: 0;
  padding: 0;
  position: relative;
}

ul {
  list-style-type: none;
  padding: 0;
}

p,
img {
  margin: 0;
  padding: 0;
}

a {
  color: #0a358d;
}

a:hover {
  color: #0078ff;
}

/* style library */
.center {
  text-align: center;
  line-height: 0;
  padding: 0;
  margin: 0;
}

table {
  width: 100%;
}

table td,
th {
  padding: 10px;
}

table th {
  background-color: #fdd331;
}

table .th1 {
  background-color: #fcde53;
}

table td {
  background-color: #fcfcf2;
}

table .td1 {
  background-color: #f6f6da;
}

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.625em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.625em;
}

.clear {
  clear: both;
}

.center {
  text-align: center;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#nav-single {
  clear: both;
}

.al-l {
  float: left;
  margin: 0 12px 12px 0;
}

.al-r {
  float: right;
  margin: 0 0 12px 12px;
}

.imgtxt {
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Layout */

div#main {
  padding: 0;
  width: 580px;
  position: relative;
  margin-top: 0;
  margin-right: 10;
  margin-bottom: 0;
  margin-left: 10;
}

header {
  height: 76px;
  width: 100%;
  border-bottom: 1px solid #e8e8e8;
  position: relative;
}

header h1,
header h1 a,
header p {
  display: block;
  overflow: hidden;
  height: 76px;
  margin: 0;
}

header h1 {
  width: 222px;
  float: left;
}

header h1 a {
  width: 222px;
}

header div.phone {
  float: right;
}

header div.phone a {
  display: block;
  width: 253px;
  height: 70px;
}

nav li {
  margin: 0;
  background-image: url(../images/marker.png);
  background-position: 500px 10px;
  background-repeat: no-repeat;
}

nav#nav1 h2 {}

nav#nav1 li a {
  display: block;
  padding: 25px 25px 25px 25px;
  font-size: 25px;
  font-weight: bold;
  border-bottom: 1px solid #c5feb6;
  /*background:url(../img/nav_icon.png) no-repeat 550px 40px;*/
}

nav#nav1 li a:active {
  background-color: #dee8e2;
  -webkit-text-decoration: no;
  text-decoration: no;
  padding-left: 50px;
}

nav#nav2 {
  height: 104px;
  position: fixed;
  bottom: 0;
  margin-bottom: 20px;
  z-index: 100;
}

nav#nav2 ul li {
  height: 104px;
  float: left;
}

nav#nav2 ul li a {
  display: block;
  height: 104px;
  background: url(../images/foot_01.png) no-repeat;
  overflow: hidden;
}

nav#nav2 ul li a.n1 {
  width: 141px;
  background-position: 0 0;
}

nav#nav2 ul li a.n2 {
  width: 159px;
  background-position: -141px 0;
}

nav#nav2 ul li a.n3 {
  width: 150px;
  background-position: -300px 0;
}

nav#nav2 ul li a.n4 {
  width: 150px;
  background-position: -450px 0;
}

footer {
  margin-bottom: 115px;
  background-color: #b8b8b8;
  padding: 15px;
}

footer p {
  text-align: center;
}

footer p.copyright {
  font-family: Arial, Helvetica, sans-serif;
}

/* Top Page */

#index section.visual h2 {
  background-image: url(../img/top_visual.png);
  background-position: center;
  width: 600px;
  height: 355px;
  margin: 0;
}

/* Price Page */

#price section.visual h2 {
  background-image: url(../img/price/visual.png);
  background-position: center;
  width: 600px;
  height: 249px;
  margin: 0;
}

#price h3.souba {
  background-image: url(../img/price/h3_kakakusouba.png);
  height: 59px;
  margin: 0;
}

/* Price Page */

#type section.visual h2 {
  background-image: url(../img/type/visual.png);
  background-position: center;
  width: 600px;
  height: 249px;
  margin: 0;
}

#type h3.souba {
  background-image: url(../img/type/txt_typerank.png);
  height: 59px;
  margin: 0;
}

/* Select Page */

#choice section.visual h2 {
  background-image: url(../img/choice/choice_01.jpg);
  background-position: center;
  width: 600px;
  height: 192px;
  margin: 0;
}

/* form page */
#forms .formterm {
  list-style-type: circle;
  font-size: 16px;
  line-height: 120%;
}

#forms h3.form {
  background-image: url(../img/form/txt_form.png);
  height: 59px;
  margin: 0;
}

#forms form input,
#forms form textarea,
#forms form select {
  font-size: 30px;
}

#forms form h4 {
  background: -webkit-gradient(linear,
      0% 93%,
      0% 0%,
      from(#a9c3f3),
      to(#5b85d9));
  border: 2px solid #d7d7d7;
  border-radius: 8px;
  /*color:#fff;*/
  font-weight: normal;
  font-size: 20px;
  padding: 8px;
}

#forms form .small {
  font-size: 16px;
  line-height: 110%;
}

#forms form .req {
  background: -webkit-gradient(linear,
      0% 93%,
      0% 0%,
      from(#f69090),
      to(#d93c41));
  padding: 2px 5px;
  font-size: 16px;
  color: #fff;
  margin-left: 10px;
}

#forms p.form_text {
  padding: 10px 50px;
}

#forms input.text_box {
  width: 480px;
  padding: 10px;
  font-size: 1em;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
}

#forms select {
  font-size: 1em;
  width: 500px;
  height: 50px;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
}

img.hissu {
  padding-left: 10px;
  height: 24px;
}

#forms input[type="tel"] {
  width: 480px;
  padding: 10px;
  font-size: 1em;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
}

#forms input[type="adress"] {
  width: 480px;
  padding: 10px;
  font-size: 1em;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
}

#forms input[type="mail"] {
  width: 480px;
  padding: 10px;
  font-size: 1em;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
}

p.text {
  padding: 0 50px;
}

.button {
  width: 500px;
  height: 120px;
  border: 1px solid #ff6262;
  border-radius: 10px;
  font-size: 42px;
  font-family: arial, helvetica, sans-serif;
  padding: 10px 10px 10px 10px;
  margin: 40px 0;
  text-decoration: none;
  display: inline-block;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
  font-weight: bold;
  color: #ffffff;
  background-color: #ff9a9a;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9a9a), to(#ff4040));
  background-image: linear-gradient(to bottom, #ff9a9a, #ff4040);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff9a9a, endColorstr=#ff4040);
}

.button.button04 {
  font-size: 36px;
}

.button:hover {
  border: 1px solid #ff3434;
  background-color: #ff6767;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6767), to(#ff0d0d));
  background-image: linear-gradient(to bottom, #ff6767, #ff0d0d);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ff6767, endColorstr=#ff0d0d);
}

/* oiwai Page */

#iwai section.visual h2 {
  background-image: url(../img/iwai/visual.png);
  background-position: center;
  width: 600px;
  height: 249px;
  margin: 0;
}

#iwai h3.souba {
  background-image: url(../img/iwai/txt_iwai.png);
  height: 59px;
  margin: 0;
}

#iwai h3.kingaku {
  background-image: url(../img/iwai/txt_kingaku.png);
  height: 59px;
  margin: 0;
}

/* Yasusa Page */

#yasusa section.visual h2 {
  background-image: url(../img/yasusa/visual.png);
  background-position: center;
  width: 600px;
  height: 249px;
  margin: 0;
}

#yasusa h3.riyuu {
  background-image: url(../img/yasusa/txt_yasusa.png);
  height: 59px;
  margin: 0;
}

#yasusa section.points div {
  background-repeat: no-repeat;
  width: 570px;
  height: 170px;
  margin: 20px auto;
}

#yasusa .c1 {
  background-image: url(../img/yasusa/c1.png);
}

#yasusa .c2 {
  background-image: url(../img/yasusa/c2.png);
}

#yasusa .c3 {
  background-image: url(../img/yasusa/c3.png);
}

#yasusa .c4 {
  background-image: url(../img/yasusa/c4.png);
}

#yasusa .c5 {
  background-image: url(../img/yasusa/c5.png);
}

#yasusa .c6 {
  background-image: url(../img/yasusa/c6.png);
}

/* jisseki Page */

#jisseki section.visual h2 {
  background-image: url(../img/jisseki/visual.png);
  background-position: center;
  width: 600px;
  height: 249px;
  margin: 0;
}

#jisseki h3.jisseki {
  background-image: url(../img/jisseki/txt_jisseki.png);
  height: 59px;
  margin: 0;
}

#jisseki section.points div {
  background-repeat: no-repeat;
  width: 584px;
  height: 660px;
  margin: 20px auto;
}

#jisseki section.points div p,
#jisseki section.points div h3 {}

#jisseki .c1 {
  background-image: url(../img/jisseki/c1.jpg);
}

#jisseki .c2 {
  background-image: url(../img/jisseki/c2.jpg);
}

#jisseki .c3 {
  background-image: url(../img/jisseki/c3.jpg);
}

#jisseki .c4 {
  background-image: url(../img/jisseki/c4.jpg);
}

/* company Page */

#company section.visual h2 {
  background-image: url(../img/company/visual.png);
  background-position: center;
  width: 600px;
  height: 249px;
  margin: 0;
}

#company .items {
  width: 575px;
  margin: 20px auto;
}

#company .items h3 {
  background-image: url(../img/company/h_bg.png);
  font-size: 22px;
  height: 45px;
  padding: 5px 0 4px 55px;
  margin-bottom: 18px;
}

#company .items p {
  margin-left: 55px;
}

p.company_text {
  width: 454px;
  margin: 10px 50px 10px 80px;
}

.height_50 {
  height: 50px;
}

.height_130 {
  height: 130px;
}

/* form page */

#forms2 {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 30px;
  width: 540px;
  background-image: url(../images/form-bk.png);
  background-repeat: no-repeat;
  padding-top: 100px;
  padding-left: 20px;
  border: 5px solid #090;
}

#forms2 .formterm {
  list-style-type: circle;
  font-size: 16px;
  line-height: 120%;
}

#forms2 h3.form {
  background-image: url(../img/form/txt_form.png);
  height: 59px;
  margin: 0;
}

#forms2 form input,
#forms2 form textarea,
#forms2 form select {
  font-size: 30px;
}

#forms2 form h4 {
  background: -webkit-gradient(linear,
      0% 93%,
      0% 0%,
      from(#a9c3f3),
      to(#5b85d9));
  border: 2px solid #d7d7d7;
  border-radius: 8px;
  /*color:#fff;*/
  font-weight: normal;
  font-size: 20px;
  padding: 8px;
}

#forms2 form .small {
  font-size: 16px;
  line-height: 110%;
}

#forms2 form .req {
  background: -webkit-gradient(linear,
      0% 93%,
      0% 0%,
      from(#f69090),
      to(#d93c41));
  padding: 2px 5px;
  font-size: 16px;
  color: #fff;
  margin-left: 10px;
}

#forms2 p.form_text {
  padding: 10px 50px;
}

#forms2 input.text_box {
  width: 480px;
  padding: 10px;
  font-size: 1.2em;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
}

#forms2 select {
  font-size: 1.2em;
  width: 500px;
  height: 50px;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
}

img.hissu {
  padding-left: 10px;
  height: 24px;
}

#forms2 input[type="tel"] {
  width: 480px;
  padding: 10px;
  font-size: 1.2em;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
}

#forms2 input[type="adress"] {
  width: 480px;
  padding: 10px;
  font-size: 1em;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
}

#forms2 input[type="mail"] {
  width: 480px;
  padding: 10px;
  font-size: 1em;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
}

#footer-comp {
  color: #333;
}

.to-gaiheki {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 30px;
  width: 540px;
  background-image: url(../images/form-bk.png);
  background-repeat: no-repeat;
  padding-top: 100px;
  padding-left: 20px;
  border: 5px solid #090;
}

.to-gaiheki a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 100px;
  text-align: center;
}






























/*ヒロミさん用/////////////////////////////////////////////////////////////////////////////////////////////////////*/

body {
  width: 100% !important;
  overflow-x: hidden
}

#main .banner2 {
  display: none;
}

#top-main-v2 img {
  width: 100%;
}

#top-main-v2 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#top-main-v2 {
  width: 100%;
  display: block;
  /*background-image: url(../img/index/top-main-back-v2.png);*/
  background-image: url(../images/only-for-v2.webp);
  background-size: cover;
  background-position: center;
  padding: 60px 0;
  position: relative;
  text-align: left;
}

.overlay-bg {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #3bce9b;
  opacity: 0.3;
}



.hiromi-san {
  display: block;
  position: absolute;
  bottom: -70px;
  right: -30px;
  width: 430px;
  z-index: 8;
}

.hiromi-san-box {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
}

.hiromi-san img:first-child {
  display: inline-block;
  width: 100%;
  height: 100%;
  -webkit-filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.6));
  filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.6));
}

.hiromi-san img:nth-child(2) {
  display: none;
}

.v2-inner {
  width: 100%;
  max-width: 924px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
}

.h-row1 {
  margin-bottom: 60px;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}


.h-row1 .row-1-a>span {
  font-weight: bold;
  color: transparent;
  -webkit-filter: drop-shadow(1px 1px 0 #FFF) drop-shadow(-1px -1px 0 #FFF) drop-shadow(-1px 1px 0 #FFF) drop-shadow(1px -1px 0 #FFF) drop-shadow(0px 1px 0 #FFF) drop-shadow(-1px 0 0 #FFF) drop-shadow(1px 0 0 #FFF);
  filter: drop-shadow(1px 1px 0 #FFF) drop-shadow(-1px -1px 0 #FFF) drop-shadow(-1px 1px 0 #FFF) drop-shadow(1px -1px 0 #FFF) drop-shadow(0px 1px 0 #FFF) drop-shadow(-1px 0 0 #FFF) drop-shadow(1px 0 0 #FFF);
  background: -webkit-gradient(linear, left bottom, left top, from(#008e45), color-stop(60%, #3bce9b));
  background: linear-gradient(0deg, #008e45 0% 60%, #3bce9b 60% 100%);
  -webkit-background-clip: text;
  font-size: 35px;
  display: block;
  line-height: 1.2em;
}

.h-row1 .row-1-a>span:first-child {
  font-size: 55px;
  -webkit-filter: drop-shadow(1px 1px 0 #FFF) drop-shadow(-1px -1px 0 #FFF) drop-shadow(-1px 1px 0 #FFF) drop-shadow(1px -1px 0 #FFF) drop-shadow(0px 1px 0 #FFF) drop-shadow(-1px 0 0 #FFF) drop-shadow(1px 0 0 #FFF);
  filter: drop-shadow(1px 1px 0 #FFF) drop-shadow(-1px -1px 0 #FFF) drop-shadow(-1px 1px 0 #FFF) drop-shadow(1px -1px 0 #FFF) drop-shadow(0px 1px 0 #FFF) drop-shadow(-1px 0 0 #FFF) drop-shadow(1px 0 0 #FFF);
  background: -webkit-gradient(linear, left bottom, left top, from(#ff8a00), color-stop(60%, #ffb90e));
  background: linear-gradient(0deg, #ff8a00 0% 60%, #ffb90e 60% 100%);
  -webkit-background-clip: text;
}

.row-1-b {
  display: inline-block;
  padding: 7px 35px;
  border-radius: 15px;
  position: relative;
  background-color: #fff;
}


.h-uls {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-evenly;
}


.h-uls>li {
  font-weight: bold;
  font-size: 20px;
  color: #008e45;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1em;
}

.h-uls>li>span {
  display: inline-block;
  height: 23px;
  width: 23px;
  background-image: url(../images/h-checker.png);
  background-size: contain;
  background-position: center;
  background-repeat: none;
  margin-bottom: 3px;
  margin-right: 5px;
}

.h-row2 {
  margin-top: 20px;
}

.h-bg-box {
  background: repeating-linear-gradient(135deg, #72c7a9, #72c7a9 5px, #59c48c 5px, #59c48c 10px);
  border: 5px solid #fff;
  width: 60%;
  padding: 20px;
  position: relative;
}


.v2-main {
  font-size: 24px;
  color: white;
  line-height: 122%;
  margin-bottom: 10px;
  font-weight: bold;
  text-align: center;
}

.v2-main span {
  font-size: 1.5em;
  color: #1f81ad;
  display: inline-block;
  margin-left: 5px;
  -webkit-filter: drop-shadow(1px 1px 0 #FFF) drop-shadow(-1px -1px 0 #FFF) drop-shadow(-1px 1px 0 #FFF) drop-shadow(1px -1px 0 #FFF) drop-shadow(0px 1px 0 #FFF) drop-shadow(-1px 0 0 #FFF) drop-shadow(1px 0 0 #FFF);
  filter: drop-shadow(1px 1px 0 #FFF) drop-shadow(-1px -1px 0 #FFF) drop-shadow(-1px 1px 0 #FFF) drop-shadow(1px -1px 0 #FFF) drop-shadow(0px 1px 0 #FFF) drop-shadow(-1px 0 0 #FFF) drop-shadow(1px 0 0 #FFF);
}

.h-tri-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}


.tri-item {
  width: 31%;
  background-size: 100% 100%;
  background-position: center;
  background-color: #fcfcfc;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.tri-txt {
  color: #676565;
  font-size: 10px;
  margin-top: 8px;
}

.hiromi-btn {
  text-align: center;
  margin-top: 30px;
}

.hiromi-btn>a {
  display: block;
  background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
  padding: 10px 60px;
  border-radius: 30px;
  -webkit-box-shadow: 0px 0px 5px 5px #333;
  box-shadow: 0px 0px 5px 5px #333;
  position: relative;
  text-align: left;
}

.hiromi-btn>a::before {
  content: "無料";
  display: inline-block;
  color: yellow;
  text-align: center;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  text-shadow: 1px 1px 0 #000,
    -1px -1px 0 #000,
    -1px 1px 0 #000,
    1px -1px 0 #000,
    0px 1px 0 #000,
    0 -1px 0 #000,
    -1px 0 0 #000,
    1px 0 0 #000;
  background-image: url(../images/medal02.webp);
  background-size: contain;
  background-position: center;
  -webkit-transform: rotate(-20deg) translateY(-50%);
  transform: rotate(-20deg) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 30px;
}


.h-a-txt01 {
  color: #000;
  font-weight: bold;
  text-shadow: 1px 1px 0 #FFF,
    -1px -1px 0 #FFF,
    -1px 1px 0 #FFF,
    1px -1px 0 #FFF,
    0px 1px 0 #FFF,
    0-1px 0 #FFF,
    -1px 0 0 #FFF,
    1px 0 0 #FFF;
  font-size: 16px;
  text-align: center;
}



.h-a-txt02 {
  margin-top: 5px;
  color: #aa0000;
  font-weight: bold;
  text-shadow: 1px 1px 0 #FFF,
    -1px -1px 0 #FFF,
    -1px 1px 0 #FFF,
    1px -1px 0 #FFF,
    0px 1px 0 #FFF,
    0-1px 0 #FFF,
    -1px 0 0 #FFF,
    1px 0 0 #FFF;
  font-size: 25px;
  line-height: 1em;
  text-align: center;
}


.absd {
  font-size: 12px;
  color: #000;
  font-weight: bold;
  text-shadow: 1px 1px 0 #FFF,
    -1px -1px 0 #FFF,
    -1px 1px 0 #FFF,
    1px -1px 0 #FFF,
    0px 1px 0 #FFF,
    0-1px 0 #FFF,
    -1px 0 0 #FFF,
    1px 0 0 #FFF;
  width: 120%;
  position: absolute;
  bottom: 1em;
  left: 50%;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.grn-medal {
  display: inline-block;
  text-align: center;
  position: absolute;
  top: -40px;
  left: -80px;
  background: -webkit-gradient(linear, left bottom, left top, from(#388E3C), color-stop(55%, #388E3C), color-stop(70%, #b0d683), color-stop(85%, #388E3C), color-stop(90%, #388E3C));
  background: linear-gradient(0deg, #388E3C 0%, #388E3C 55%, #b0d683 70%, #388E3C 85%, #388E3C 90% 100%);
  padding: 15px 30px;
  border-radius: 50%;

}

.medal-txt {
  color: #000;
  font-weight: bold;
  text-shadow: 1px 1px 0 #FFF,
    -1px -1px 0 #FFF,
    -1px 1px 0 #FFF,
    1px -1px 0 #FFF,
    0px 1px 0 #FFF,
    0 -1px 0 #FFF,
    -1px 0 0 #FFF,
    1px 0 0 #FFF;
  font-size: 13px;
  line-height: 1.2em;
}

.medal-txt>span {
  display: block;
  color: #aa0000;
  font-size: 1.5em;
  margin-top: 5px;
}


.h-row1 {
  display: block;
  text-align: center;
}

.row-1-b {
  display: block;
  padding: 7px 0;
  width: 96%;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 15px;
  position: relative;
  background-color: #fff;
}

.h-row1 .row-1-a>span {
  display: block;
  font-size: 32px;
  padding: 5px 0;
}

.h-bg-box {
  width: calc(100% - 220px);
  margin-left: 2%;
  margin-right: auto;
  position: relative;
}

.tri-txt {
  margin: 8px 0 0;
}

.hiromi-san {
  bottom: -60px;
  right: 0;
  width: 220px;
}

.hiromi-san img:first-child {
  display: none;
}

.hiromi-san img:nth-child(2) {
  display: inline-block;
  width: 100%;
  height: 100%;
  -webkit-filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.6));
  filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.6));
}

.h-uls {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 30px;
}

.h-uls::after {
  display: none;
}

.grn-medal {
  top: -40px;
  left: auto;
  right: -40px;
}

.v2-main {
  font-size: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}


.h-tri-box {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.tri-item {
  width: 100%;
}

#top-main-v2 .tri-item img {
  width: 130px;
}

.tri-2 {
  margin-top: 10px;
}

.tri-3 {
  margin-top: 10px;
}

.mini-br {
  display: block;
}

.hiromi-btn>a::after {
  top: -18px;
  right: -18px;
}

.h-a-txt02>span {
  display: inline-block;
  padding-top: 3px;
}

.grn-medal {
  top: -40px;
  left: auto;
  right: -120px;
}

.h-a-txt01 {
  font-size: 14px;
}

.h-a-txt02 {
  font-size: 18px;
}

.hiromi-btn>a {
  padding: 10px 30px;
}

.hiromi-btn>a::before {
  left: 10px;
}














.h-bg-box {
  width: 96%;
}

.hiromi-san img:first-child {
  display: inline-block;
  width: 100%;
  height: 100%;
  -webkit-filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.6));
  filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.6));
}

.hiromi-san img:nth-child(2) {
  display: none;
}

.hiromi-san {
  display: block;
  position: relative;
  bottom: 0;
  right: 0;
  width: 96%;
  margin: 0 auto;
  z-index: 0;
}

.h-row1 {
  width: 100%;
  margin-bottom: 20px;
}

.h-row1 .row-1-a>span {
  display: block;
  font-size: 22px;
  padding: 5px 0;
}

.h-row2 {
  margin-top: 0px;
}

.hiromi-btn>a::before {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}

.medal-txt {
  font-size: 10px;
}

.grn-medal {
  padding: 15px;
  right: 0;
  top: -70px;
}

.absd {
  text-align: left;
  width: 100%;
}

.h-row1 .row-1-a>span:first-child {
  font-size: 60px;
}



/*//////////////////////////*/

.h-row1 .row-1-a>span {
  display: block;
  font-size: 38px;
  padding: 5px 0;
}

.hiromi-san {
  width: 350px;
  margin: 0 auto -20px auto;
}

.absd {
  font-size: 20px;
  width: 100%;
}

#top-main-v2 {
  width: 600px;
  max-width: 600px;
  min-width: 600px;
}

.h-uls {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.h-uls>li {
  font-size: 25px;
  line-height: 1.5em;
}

#top-main-v2 .tri-item img {
  width: 250px;
}

.tri-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.tri-txt {
  color: #676565;
  font-size: 20px;
  margin-top: 8px;
  line-height: 1.3em;
}

.hiromi-btn>a {
  width: 100%;
  text-decoration: none;
}

.h-a-txt01 {
  font-size: 25px;
}

.h-a-txt02 {
  font-size: 20px;
}

.hiromi-btn>a::after {
  width: 100px;
  height: 100px;
  line-height: 100px;
  font-size: 30px;
  top: -30px;
  right: -10px;
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
}


.row-1-b {
  width: 98%;
  margin-top: 30px;
  padding: 15px;
  text-align: left;
  max-width: 600px;
}

.h-uls>li {
  font-size: 30px;
  line-height: 1em;
  padding: 10px 0;
}

.grn-medal {
  display: none;
}

.v2-main {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.v2-main {
  font-size: 30px;
}

.hiromi-btn>a::before {
  width: 100px;
  height: 100px;
  line-height: 100px;
  font-size: 40px;
  left: 30px;
}

.h-a-txt01 {
  font-size: 30px;
  text-align: right;
}

.h-a-txt02 {
  font-size: 35px;
  line-height: 1em;
  text-align: right;
}

.hiromi-san.saraba-sp {
  width: 550px;
  margin: 0 auto -250px auto;
}