/* =================================reset=============================== */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

/* =================================BODY設定=============================== */
html{ font-size: 62.5% } /*初期値16pxの62.5%でルートが10px*/
body{
	line-height: 1.5;
	font-size:90%;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
	font-weight: 100;
	color: #646464;
 -webkit-text-size-adjust: 100%;
 background:#14B7AA;
	display: flex;
  flex-flow: column;
   min-height: 100vh; min-width: initial;
}


/* =================================全てをクリア=============================== */
.clear {clear: both;} 

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix     { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* =================================リンク設定=============================== */
a,a:visited{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
color: inherit; transition: all 0.5s ease 0s;
cursor: pointer;}

a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline: none;
color:#ffb000;}



/**** Clearfix ****/

/* =================================基本レイアウト=============================== */
.inner{margin: 0 auto 10px; width:95%; max-width:1100px;}
.inner2{margin: 0 auto 10px; width:95%; max-width:1300px;}
.headinner{margin:0 auto;width:100%;}
.wrapper {font-size: 16px;font-size: 1.6rem; 
  position: relative; padding:0 0 0px; 
  width: 100%;
  background:#fff url( "../img/back.png") 100% 0 no-repeat;
 background-size: 70% auto;
  overflow: hidden;
}


.alignleft{ float:left;}
.alignright{ float:right;}
.center{ text-align:center;}
.googlefont{  font-family: 'Fira Sans', sans-serif;
  font-family: 'Lato', sans-serif;
  font-family: 'Noto Sans JP', sans-serif;}


/* =================================ヘッダー=============================== */
#glovalheader {  margin: 0; padding: 0; position: relative; }
#glovalheader >  h1 { padding: 0;}
#glovalheader >  h1 img{ width:194px; height: auto; margin: 0 ; position: absolute; }


#navi {display: block;  margin:0 0 0 auto; text-align: right;  width: 100%; transition: all .4s; z-index: 1000;  height:70px;}
#navi{position: fixed; top: 0; left: 0;  } 


header.smaller #navi { border-bottom: 1px solid #999; background:rgba( 255,255,255,1);  height:60px; } 
#navi input {  display: none;}
#navi .menu {  clear: both;  transition: all .4s;  text-align: right;  width:100%; }
header.smaller #navi .menu { margin-top: -10px;}

#navi .menu .menu-parent {
display:  inline-block; 
/*  margin: 0px 30px 0px 0px; */
  padding: 0px ;
  height: 70px;
  line-height:70px;
  transition: all .4s;
  white-space: nowrap;
font-size: 14px;

}


#menu-navibtn {
  display: none;
  cursor: pointer;
  cursor: hand;
}

#openmenu {  font-size: 10px; color:#0062b0;}
#openmenu b {  position: absolute; bottom:2px;  left:4px;  font-weight: normal; font-size: 10px; color:#0062b0;display: block;}

@media screen and (max-width: 895px) {
#menu-navibtn {display: none;  }
#navi {height: 65px; text-align: left; }
header.smaller #navi .menu { margin: 0;  text-align: center; }
header.smaller #navi{height: 50px; }

#navi .menu { display: none; }
#navi .menu {  text-align: center;  width:100%; }
#navi .menu .menu-parent {
  height: auto;
  width: 95%;
  line-height: 60px;
  background: white; margin: 0 auto; 
  padding: 0px 20px 0px 20px;
  border-bottom: 1px solid #999; overflow: hidden; text-align: left;
  }
#navi .menu .menu-parent i {
  padding: 0px 20px;
  }
  #navi ul {
  float: none;
  }
  /* メニューを移動させないため */
  #menu-navibtn:checked ~ #navi {
  position: fixed;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 100%;
  }
}

/* =================================ヘッダー固定メニュー=============================== */

@media screen and (min-width: 895px) {
.mobmember{ display: none;}
#navi.fixed {  height: 50px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);}
a.ib{ display: block;  color: #000; font-weight:normal; text-decoration: none;transition: all .8s; margin: 0 ; padding: 0 1em}
a.ib:hover{ display: block;  color: #000; font-weight:normal; text-decoration: none;transition: all .8s; margin: 0 ; padding: 0 1em;position: relative;
}
a.ib::after { color: #0F9CC1;
  position: absolute;
  bottom: 0;
  left: 10%;
  content: '';
  width: 80%;
  height: 2px;
  background: #14B7AA;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}
a.ib:hover::after {
  bottom:1em;
  opacity: 1;
  visibility: visible;
}	
.login a.ib { color: #0F9CC1;}
.login a.ib:hover {  background:#0F9CC1;color: #FFFFFF;}
.menu-parent .menu-child {
  box-sizing: border-box;
  border: 1px solid #000;
}
.member a.ib {  background:#0F9CC1; color: #fff;}
.member a.ib img { width:12px; height: auto;  }
.member a.ib img,.member a.ib span { display:  inline-block; vertical-align: middle;margin: 0 5px; }
.member a.ib:hover {  background:#14B7AA;}
.member a.ib::after { background: #fff;}	
}



/* =================================ドロップダウン=============================== */
.menu-parent {  position: relative;}
.menu-parent .menu-child {
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  position: absolute;
  top: 80px;
  left: 35%;
  margin-left: -80px;
  width:auto;
  background: #fff;
  box-sizing: border-box;
  padding: 4px 20px; text-align: left;
}
header.smaller .menu-parent .menu-child{top:30px;}
.menu-parent .menu-child  a::before{ 
font-family: "Font Awesome 5 Free";
  font-weight: 900;  font-size:16px; margin-right: 0.2em;
  content: "\f0da"; }
@media screen and (max-width: 975px) {a.ib{padding:0.3em 0.4em 0.5em ; margin: 0 0.2em;}}
	

@media screen and (max-width: 895px) {
.menu-parent .menu-child { border:none; padding: 0;}
  #navi .submenu{ display: none;}
  #navi .menu-parent .menu-child { transition: all 0s;  }
#navi .menu .menu-parent { border: none; color: #fff; 
margin: 0; 
  padding: 0em;
  height: 4em;
  line-height:3em; background: none; text-align: center;
}
	#navi a.ib { color: #fff; display: block;  }
#navi a.ib:hover{ transition: all .8s; margin: 0 ; padding: 0; position: relative;}
#navi a.ib::after { position: absolute;
  bottom: 0;
  left: calc( 50% - 25px);
  content: '';
  width: 3em;
  height: 1px;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}
#navi a.ib:hover::after {
  bottom:0em;
  opacity: 1;
  visibility: visible;
}	

	
#navi  li.menu-parent{ display:block; padding: 0;}
#navi .menu { padding: 0px 0 0 0; margin:auto;  transition: all .4s; 
background: rgba( 15,156,193,0.8);  height: 100vh; scroll-behavior: smooth; z-index: 10000; }
  #menu-navibtn:checked ~ * .menu {
  display: block;
  display: block;
  opacity: 1;transition: all .4s;
  }
  #menu-navibtn:checked ~ * .menu-parent {
  max-height: inherit;
  overflow-y: visible;transition: all .4s;
  }
  #menu-navibtn:checked ~ * .menu-child {
  max-height: 0;
  overflow-y: hidden;
  visibility: hidden;
  }
  .menu ul {
  margin: 0;
  padding: 0;
  list-style: none;  transition: all .8s;
  opacity: 1;
  }
  .menu-parent .menu-child {
  position: relative;
  opacity: 1;
  padding: 0 20px;
  visibility: visible;
  top: 0;
  margin-left: auto;
  left: auto;
  width: auto;  transition: all .8s;
  opacity: 1;
  }
  .menu-child li {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  }
  /* クリックされた時 */
  #navi input[type="checkbox"]:checked ~ .menu-child {
  max-height: inherit;
  overflow-y: visible;
  visibility: visible;
  opacity: 1;
  }
  .angletoggle:before {
  content: "\f107";
  }
  #navi input[type="checkbox"]:checked ~ * .angletoggle:before {
  content: "\f106";
  }
}
#navi .menu-child li {
  line-height: 60px;
  font-size: 14px;
}
#navi .menu-child .menu-child-top {
  position: relative;
}
/* △部分 */
#navi .menu-child .menu-child-top::before,
#navi .menu-child .menu-child-top::after {
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
  border-bottom: solid 12px #fff;
  top: -15px;
  content: "";
  display: block;
  height: 0;
  left: 47%;
  position: absolute;
  width: 0;
}
@media screen and (max-width: 895px) {
	
  #navi .menu-child .menu-child-top::before,
  #navi .menu-child .menu-child-top::after {
  border: none;
  }
}
#navi .menu-child .menu-child-top::before {
  border-bottom: solid 12px #000;
  margin-top: -1px;
}
#navi .menu-child li:last-child {
  border: none;
}
#navi .menu-child li img {
  width: auto;
  height: 32px;
  vertical-align: middle;
  float: left;
  margin-right: 10px;
}
#navi .menu-child li i {
  margin-right: 3px;
}
#navi .menu-child li a {
  display: block;
  padding: 10px 0px;cursor: pointer;
}
#navi ul > li .pd {
  display: none;cursor: pointer;
}
#navi ul > li.parent > a {
  color: #333;
}
#navi ul > li.parent > a:hover {
  color: #F63;
}
@media screen and (max-width: 895px) {
  #navi ul {
  float: none;
  }
  #navi ul > li .pd {
  display: inline-block;
  width: 100%;
  }
}

/* =================================ハンバーガー=============================== */
#navi #navibtn {
  display: none;
  cursor: pointer;
  cursor: hand;
}
@media screen and (max-width: 895px) {
header.smaller #navi { border: none; background:none;  height:auto; } 
a.mobmember{ background: #14B7AA; width:55px; height:45px; display: block; text-align: center;  font-size:10px; color: #fff; padding: 10px 0 0; line-height: 1.8; display: block;
  position:  fixed;  right:55px; }
.mobmember img { width:14px; height: auto; display: block; margin:0 auto 5px;    }
a.mobmember:hover {  background:#0F9CC1;}
.login a.ib:hover {  background:#0F9CC1;}
.menu-parent .menu-child {
  box-sizing: border-box;
  border: 1px solid #000;
}
.member a.ib {  border:1px solid  #fff; padding: 0; width: 90%; margin: 0 auto;}
.member a.ib img { width:12px; height: auto;  }
.member a.ib img,.member a.ib span { display:  inline-block; vertical-align: middle;margin: 0 5px; }
.member a.ib:hover {  background:#14B7AA; display: block !important;  padding: 0; width: 90% !important; margin: 0 auto !important;}
.member a.ib::after { background: #fff;}	
.login a.ib{  border-top:1px solid  #fff;}
	
  #navi #navibtn {
  display: block;
  position:  fixed;  right:0px; 
   margin: 0px 0 10px; text-align: right;
  z-index: 10000;
  }
header.smaller #navi #navibtn {
   margin: 0px 0 10px; 
  }
  #navi #navibtn span {
  display: block;
  width: 55px;
  height: 55px;
  background-color:#0F9CC1;
  }
  #navibtn span span {
  display: block;
  overflow: hidden;
  width: 1px;
  height: 1px;
  }
  #navibtn span span::before,
  #navibtn span span::after,
  #navibtn span::after {
  position: absolute;
  left:14px;
  content:"";
  width: 25px;
  height: 3px;
  background-color: #fff;
  transition: .2s;
  }
  /* 上の棒 */
  #navibtn span span::before {
  top:18px;
  }
  #menu-navibtn:checked ~ #navi label#navibtn span span::before {
  top:24px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg); 
  }
  /* 下の棒 */
  #navibtn span::after {
  bottom:18px;
  }
  #menu-navibtn:checked ~ #navi label#navibtn > span::after {
  bottom:28px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  }
  /* 中の棒 */
  #navibtn span span::after {
  top:26px;
  }
  #menu-navibtn:checked ~ #navi label#navibtn span span::after {
  display: none;
  }
}
@media screen and (max-width:450px) {
#navi h1 span { font-size:14px;font-size:1.4rem;}
#navi h1{ font-size:20px;font-size:2.0rem; height:50px;}
#navi h1 img{ width:50px; height: auto; }
}


/* =================================フッター=============================== */
#page-top1{
  display: block;
  position: fixed;
  z-index: 9999;
  bottom: -0px;
  right: 40px;
  width: 50px;
  height:50px;
  text-align: center;
  text-decoration: none; 
  transition: .5s; font-size: 16px; font-size: 1.6rem; 
	vertical-align:middle;background: #fff;  border-radius:50%;  }
a#page-top1 {  color: #0062b0 !important;}
#page-top1 span {display: block; margin:10px auto 0;  font-size: 20px; font-size: 2.0rem; }
#footer {width: 100%;  overflow: hidden; margin:0;  color: #fff; font-size:16px;font-size:1.6rem; position: relative; padding: 30px 0 0; }
#footer span{ float: left;  word-spacing: 1em; padding:80px 0 0px 10px;}
#footer span b{font-weight: bold; word-spacing: 0.5em; }
#footer p{ float: right;font-size:14px;font-size:1.4rem; text-align: right;padding:90px 10px 0px 0;}

/* =================================共通=============================== */
article{  margin-bottom: 130px; padding: 0; }
img.full{ width:102%; height: auto; padding: 0 !important; position: absolute; top:-1px; }
img.full2{ width:102%; height: auto; padding: 0 !important; position: absolute; bottom:0;  }
article .inlineleft{float: left; }
article .inlineright{float: right;}
article .moji{ width:40%; }
article .zu{width:55%; }
article .zu img{width:auto; height: auto; max-width: 95%; }
article .inner{ padding: 80px 0; }
article h2 { color: #14B7AA;  font-family: 'Fira Sans', sans-serif; font-weight:500; font-size: 100px; font-size: 10.0rem; margin-bottom: 90px;}
article h2 span {  display: block;font-family: 'Noto Sans JP', sans-serif; font-size: 20px;font-size: 2.0rem; }
article h3 { font-family: 'Noto Sans JP', sans-serif; font-size: 32px;font-size: 3.2rem;font-weight:700; margin-bottom: 35px;}
article h4 { font-family: 'Noto Sans JP', sans-serif;} 
article .more{  border-radius: 20px;　margin: 30px auto; padding: 50px 100px 40px; text-align: center;margin: 0 auto 10px; width:calc( 95% - 200px) ; max-width:1100px;}
article .chui{ text-align: left; }
article .chui li{ margin-left: 1em; }
article .chui li:before{  content:"※"; margin-left: -1em; }

.green { color: #14B7AA; }
.blue{ color: #0F9CC1; }


.btn {
 position: relative;
  display: inline-block;
  padding: .5em 4em;
  color: #fff;
  text-align: center;
  text-decoration: none;
 transition: background-color 1s; z-index: 100; border-radius: 160px;
}



/* =================================メイン画像=============================== */
.main{ margin: 90px  0 0; padding: 0; position: relative; font-family: 'Noto Sans JP', sans-serif;min-height: 690px; }
img.maingazo { display:  block;  margin: 0 30px 0 auto; height: auto; max-width:690px; width:60%;
  opacity: 0;
  animation-name:sample01;
  animation-duration:10s; 
  animation-fill-mode: forwards;
}

.Top_info{
	width: 100%;
    table-layout: fixed;
	border: 2px solid #14B7AA;
}

.Top_info td{
	font-size: 12px;
	word-break: break-all;
	padding: 1.5px 5px;
}

@media(min-width:896px){
	.Top_info{
		max-width: 610px;
	}
}

@keyframes sample01 {
0% {
 opacity: 0;
 transform: translateY(-50px);
}
  30% {
 opacity: 0;
 transform: translateY(-50px);
}100%{
    opacity: 1;
     transform: translateY(0);
  }
  }	

.main hgroup{ position: absolute; top:100px ; left: 10%; z-index: 1000; 
	animation-name:hgroup01;
  animation-duration:8s; 
  animation-fill-mode: forwards;
}

@keyframes hgroup01 {
0% {
 opacity: 0;
 transform: translateY(-30px);
}
  100%{
    opacity: 1;
     transform: translateY(0);
  }
  }	


.main hgroup > h1{  font-size: 50px; font-size: 5.0rem;  font-weight: 900;line-height: 2;}
.main hgroup > h1 u{  font-size: 40px; font-size: 4.0rem; text-decoration: none;}
.main hgroup > h1 span{ color: #14B7AA;  display: block; font-size:26px; font-size: 2.6rem;font-weight: 400; }
.main hgroup > h1 span b,.main hgroup > h1 span img,.main hgroup > h1 span em{ display:  inline-block; vertical-align: middle;margin:0 10px 0 0; }
.main hgroup > h1 span img{ width:34px; height: auto; }
.main hgroup > h1 span b { border: 2px  solid #14B7AA; border-radius: 10px; padding: 0 10px; background: #fff;  }
.main hgroup > h1 span b img{ width:25px; height: auto; display:  inline-block;}
.main hgroup > h2 { font-size: 22px;  font-size: 2.2rem; font-weight:bold;
  }
.dot-text { display:  inline-block; vertical-align: top; color: #14B7AA; position: relative; font-weight:400;}
.dot-text:after { content:"・";  display: block; position: absolute; bottom: -15px; left: 0%; }
.dot-text.eng:after {  left: -10%; }
.dot-text.eng2:after {  left: -40%; }
.dot-text.eng3:after {  left: -30%; }


/* =================================イベント=============================== */
article.event{ background: #14B7AA; color: #fff; padding: 0;  margin: 0; position: relative}
article.event h2 { font-size: 110px;font-size: 11rem;  font-weight:400;line-height: 1; color: rgba(255,255,255,0.3); margin:20px 0 50px;}
 article.event h3 {font-size: 28px;font-size: 2.8rem; margin-bottom: 39px;}
article.event .inlineright ul{ text-align: center; padding: 30px 0 0 0;}
 article.event .inlineright li img{ width:140px;  height: auto;}
article.event .inlineright li{ display:  inline-block; vertical-align: top; background: #fff; border-radius: 30px;  width:calc( 50% - 20px);  color: #3E4444; text-align: center; margin: 0 8px; padding: 40px 0;}
article.event .inlineright li h3 { font-size: 22px;font-size: 2.2rem; font-weight:400; margin: 0.8em 0; }
article.event .inlineright  img.arrow{  display: block; margin: 20px auto;  width:23px;  height: auto;}
article.event .inlineright  div{  display: block; margin: 10px auto;  padding: 20px 0; width:100%;  height: auto;border-radius: 30px;  border: 2px solid #fff; text-align: center; font-size: 30px;font-size: 3.0rem; font-weight:700;}

/* =================================サービス利用による相乗効果=============================== */
article.synergy .inlineleft { position: relative;}
article.synergy .inlineleft div { border: 2px #14B7AA solid; border-radius:20px;  padding: 0px 10px 20px; width:90%; text-align: center; }
article.synergy .inlineleft div li { display:  inline-block; vertical-align: top; width:50%;}
article.synergy .inlineleft div li h3{
  position: relative;
  display: inline-block;
  margin: 1.5em 0 2em;
  padding: 40px 5px;
  width: 150px;
  height: 150px;
  text-align: center;
  color: #FFF;
  font-size: 26px;font-size: 2.6rem;
  font-weight: 700;
  background: #14B7AA;
  border-radius: 50%;
  box-sizing: border-box;
}
article.synergy .inlineleft div li h3:before {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #14B7AA;
  z-index: 0;
}
article.synergy .inlineleft div li:nth-child(2) h3{ background: #0F9CC1;}
article.synergy .inlineleft div li:nth-child(2)  h3:before {  border-top: 15px solid #0F9CC1;}
article.synergy .inlineleft div li h3 span{ display: block; font-size: 16px;font-size: 1.6rem;  line-height:1.2; }
article.synergy .inlineleft div li:nth-child(2){ position: relative;}
article.synergy .inlineleft div li:nth-child(2):before{ position: absolute;
	content:""; top:100px; left: -18px;
	display:inline-block;
	width:34px;
	height:34px;
	background:url("../img/plusg.svg") no-repeat;
	background-size:34px auto;
}
article.synergy .inlineleft div li p{ margin: 0 auto; width:90%; }
article.synergy .inlineleft div ul {
  position: relative;
  padding: 1.5rem 0;
  border-bottom: 3px solid #14B7AA;
}
article.synergy .inlineleft div ul:before {
  position: absolute;
  bottom: -14px;
  left: 50%;
  width: 0;
  height: 0;
  content: '';
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #14B7AA transparent transparent transparent;
}

article.synergy .inlineleft div ul:after {
  position: absolute;
  bottom: -10px;
  left: 50%;
  width: 0;
  height: 0;
  content: '';
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
article.synergy .inlineleft div h4{ margin: 1em auto; width:95%;  text-align: left;font-size: 27px;font-size: 2.7rem; font-weight: 700;}
article.synergy .inlineleft div h4 span{font-size: 16px;font-size: 1.6rem; font-weight: 400;display: block; margin-bottom:2em;}
article.synergy .inlineleft div .earth{ position: absolute; width:35%; height: auto; bottom: -12%;  right:-1%; }
article.synergy .more{ background: #0F9CC1;  border-radius: 20px;margin: 50px auto;  text-align: center; color: #fff;}
article.synergy .more h3{ font-size: 30px;font-size: 3.0rem;margin: 5px;}
article.synergy .more a.btn{transition: background-color 1s; border:1px solid #fff; margin: 2em 0.5em; position: relative; width:calc( 40% - 3em);  max-width: 300px;}
article.synergy .more a.btn h4{  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif; 	 font-siz:14px;font-size:1.4rem; }
article.synergy .more a.btn h4 b{  display: block;	 font-siz:20px; font-size:2.0rem; }
article.synergy .more a.btn:hover { background: #14B7AA; color: #fff; }
article.synergy .more a.btn .fas{ display: block; position:absolute;  right: 20px; top:37%; }


/* =================================ストック=============================== */
article.stock .more{  background: #E8FBF4; text-align: left;}
article.stock .more ul.icon,article.stock .more ul.shosai,article.stock .more  div.left{ display:  inline-block; vertical-align: top; text-align: left; }
article.stock .more  div.left{  width:35%; }
article.stock .more ul.icon,article.stock .more ul.shosai{  width:63%; font-weight: 600; }
article.stock .more ul.icon{margin: 0 0 80px; }
article.stock .more ul.icon li{ display:  inline-block; vertical-align: middle; width:calc( 50% - 13px ); background: #fff;  border-radius: 10px; margin: 5px 0;  text-align: center; height: 100px; line-height: 100px; }
article.stock .more ul.icon li:nth-child(2n){margin: 5px 0 5px 20px;}
article.stock .more ul.icon li.line2{ height: calc( 100px - 1.5em) ; line-height:1.5; padding: 1.5em 0 0; }
article.stock .more ul.icon li.line3{ height: calc( 100px - 1em) ; line-height:1.5; padding: 1em 0 0; }
article.stock .more ul.icon li img{ width:24px; height: auto; margin: 0 10px;}
article.stock .more ul.icon li img,article.stock .more ul.icon li p{ display: inline-block; vertical-align: middle; text-align: left; }
article.stock .more ul.icon li p{ width:70%; }
article.stock .more ul.shosai{ background: #fff;  border-radius: 10px; padding: 20px 0; }
article.stock .more ul.shosai li{margin: 20px  0 10px 40px; background: url("../img/check.jpg") 0 50% no-repeat; background-size: 23px auto; padding-left: 30px;  }
article.stock .price{ text-align: center; margin: 100px auto;}
article.stock .price dl{  display:  inline-block; vertical-align: top;margin: 50px auto; max-width:350px; width:48%;}
article.stock .price dl dt{  font-size: 24px;font-size: 2.4rem; color: #fff; padding: 15px;}
article.stock .price dl.green{  background: #E8FBF4; color:#3E4444 ; border-radius: 20px 0 0 20px ; }
article.stock .price dl.blue{  background: #DEF9FF;color:#3E4444 ; border-radius:0 20px 20px 0 ; }

article.stock .price dl.green dt{  background: #14B7AA; border-radius: 20px 0 0 0px ; }
article.stock .price dl.blue dt{  background: #0F9CC1; border-radius:0 20px 0px 0 ; }
article.stock .price dl dd{  margin: 0 auto; width:70%; border-bottom: 2px solid #fff; padding: 20px 0;}

article.stock .price dl dd:last-child{  border: none;}
article.stock .price dl dd b{ display: block; font-weight: bold;}
article.stock .price dl dd b u{ text-decoration: none; margin-left: 1em; font-weight: normal;}
article.stock .price dl dd:nth-of-type(1) b,article.stock .price dl dd:nth-of-type(1) span{ display: inline-block; }
article.stock .price dl.green dd:nth-of-type(1)  span{ color: #14B7AA; }
article.stock .price dl.blue dd:nth-of-type(1)  span{ color: #0F9CC1; }
article.stock .price dl dd:nth-of-type(1) span b{  font-size: 36px;font-size: 3.6rem; margin: 0 0.1em}
article.stock  .chui{ margin: 10px auto; max-width:700px; color: #646464}
article.stock  ol.chui {
  counter-reset: count 0;
}
article.stock  ol.chui li{  margin-left: 2em;}
article.stock  .chui li:before {
 content: "※" counter(count) ;
  counter-increment: count 1;
	 margin:0 0.5em 0 -2em;
}
article.stock  .chui li b{ font-weight: bold;}
article.stock  .chui li a{  display: block;color: #14B7AA; text-decoration: underline; }


/* =================================メンバー登録=============================== */
article.member{ position: relative;  background: #14B7AA; color: #fff;  border-radius: 20px;　margin: 30px auto; padding: 30px 100px; text-align: center;margin: 0 auto 10px; width: 95% ; max-width:1100px;}
article.member h3{ margin: 0 0 10px;}
article.member img.memberillust{ max-width: 380px; height: auto; position: absolute; top:-30px; left: 10%; }
article.member  div{  padding-left: 200px;}
article.member  div  a.btn{ display: block; transition: background-color 1s;  border:1px solid #fff; margin: 1em auto; position: relative; max-width: 330px; padding:20px 0; text-align: center;}
article.member  div img{ display: inline-block;  width:12px; height: auto; vertical-align: middle; margin: 0 5px 5px 0; }
article.member  div  a.btn h4 b{ display: inline-block;  font-siz:20px; font-size:2.0rem; vertical-align: middle;  }
article.member  div  a.btn:hover { background: #0F9CC1;  color: #fff; }
article.member  div  a.btn .fas{ display: block; position:absolute;  right: 20px; top:37%; }


/* =================================シェア=============================== */
article.share .itemichiran{ text-align: center; margin-bottom: 120px;}
article.share .itemichiran h4{  font-weight: bold;}
article.share .itemichiran a.btn{ display: block;  transition: background-color 1s;background:#0F9CC1; color:#fff ; margin: 1em auto; position: relative;max-width: 420px; padding:20px 0;}
article.share .itemichiran a.btn:hover { background: #14B7AA; color: #fff; }
article.share .itemichiran a.btn .fas{ display: block; position:absolute;  right: 20px; top:37%; }
article.share .about{  background: #E8FBF4;  padding: 80px 60px; width: calc( 95% - 120px) ; max-width:1200px;}
article.share .about  p{ margin: 1em 0 0px;line-height: 2;}
article.share .about .inlineleft{text-align: left;}
article.share .about .inlineleft h4{color: #14B7AA;  font-size: 24px;  font-size: 2.4rem; font-weight: bold;}
article.share .about .inlineleft p{ margin: 1em 1em 1em 0; line-height: 2;}
article.share .about .inlineleft a{ display: block; text-align: right;color: #14B7AA;  text-decoration: underline;}

article.share .about  dl{ display:  inline-block; vertical-align: top; width:45%;  margin: 20px 1%; border-radius: 20px ; }
article.share .about  dl dt img,article.share .price  dl dt img {  width: 93px; height: auto; margin: -20px 20px 0 ;  }
article.share .about  dl dt img,article.share .about  dl dt b,article.share .price  dl dt img,article.share .price  dl dt b{  display:  inline-block; vertical-align: middle;font-size: 26px;  font-size: 2.6rem; font-weight: bold; }
article.share .about  dl dt b span{  display:block;font-size: 16px;  font-size: 1.6rem; font-weight: normal;}
article.share .about  dl dt,article.share .price  dl dt  { color: #fff; border-radius: 20px 20px 0 0 ; padding: 0; text-align: left;}
article.share .about  dl.green{ border:2px solid #14B7AA;background: #14B7AA; }
article.share .about  dl.blue{ border:2px solid #0F9CC1;  background: #0F9CC1; }
article.share .about  dl dd{ text-align: left; background: #fff; padding: 20px; color: #3E4444; border-radius: 0 0  20px 20px; }
article.share .about ol {counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding: 0.3em 0;

}
article.share .about ol li{
  position: relative; padding: 1em 0 1em 2.5em;
	border-bottom: 1px solid #E8E8E8;
  line-height: 1.5em;
}
article.share .about ol li:last-child{ border: none;}
article.share .about ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content:"0" counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
 font-family: 'Fira Sans', sans-serif;
  font-weight:600;
  font-size: 24px; color: #14B7AA;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  /*top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);*/
  top:0.75em;
}
article.share .about .blue ol li:before{ color: #0F9CC1;}

article.share .about ol li h4{ margin: 0; font-weight:bold;}
article.share .about ol li p{ margin: 0; line-height: 1.8;}

article.share .price{ padding: 80px 20px;}
article.share .price  dl { background: #fff; display:  inline-block; vertical-align: top;margin: 20px 1%; border-radius: 20px ; }
article.share .price  dl.green{ border:2px solid #14B7AA; width:36%; }
article.share .price dl.blue{ border:2px solid #0F9CC1; width:56%; }
article.share .price  dl dd{ text-align: left; padding: 10px 0 20px; color: #3E4444;  }
article.share .price  dl.green dd{  padding:100px 20px 20px;}
article.share .price dl dt span{ font-size:26px;  font-size: 2.6rem; font-weight: bold;}
article.share .price dl dt,article.share .price  dl dt  { color: #fff; border-radius: 15px 15px 0 0 ; padding: 0; text-align: left; text-align: center;}
article.share .price  dl.green dt{ background: #14B7AA; }
article.share .price  dl.blue dt{  background: #0F9CC1; }
article.share .price  dl dd h4{background: #14B7AA;  border-radius: 25px; color: #fff;  font-size:19px;  font-size: 1.9rem;  text-align: center; margin: 20px auto; padding: 10px; width:11em;}
article.share .price  dl.blue dd h4{  background: #0F9CC1; }
article.share .price  dl dd h5{ font-size: 20px; font-weight: bold; text-align: center; margin: 20px auto; width:12em;}
article.share .price  dl dd p{ margin: 0px auto;  text-align: center;}
article.share .price  dl dd p b{ font-size: 36px; font-weight: bold;  color: #0F9CC1; display: inline-block; vertical-align: middle;}
article.share .price  dl dd p u{  text-decoration: none;  color: #0F9CC1; display: inline-block; vertical-align: middle;}
article.share .price  dl dd p span{ display: inline-block; vertical-align: middle;}

article.share .price  dl dd ul,article.share .price  dl dd div.left{ display:inline-block; vertical-align: middle;  }
article.share .price  dl dd div.left{ width:45%; text-align: center;}
article.share .price  dl dd ul{  width:50%;  color: #646464 }
article.share .price  dl dd ul li{ text-align: left; line-height: 2; margin-left: 1em; }
article.share .price  dl dd ul li:before{  content:"・";  margin-left: -1em;}
article.share .price  dl dd  hr{border-top: 1px solid #E8E8E8;}

article.share .price2 h3{  float: left; } 
article.share .price2 .inlineright{ width:70%; } 
article.share .price2 .inlineright div{ border-top:1px solid #E8E8E8; padding: 40px 0;} 
article.share .price2 .inlineright div h4{color:#14B7AA;  font-size:24px;  font-size: 2.4rem; margin: 0 ; width:auto;  font-weight: bold;}
article.share .price2 .inlineright div p{margin: 1em 0 ; }
article.share .price2 .inlineright div dl { margin: 0 0 2em }
article.share .price2 .inlineright div  dt,article.share .price2 .inlineright div  dd{ display:  inline-block; vertical-align: middle; line-height: 1.2;}

article.share .price2 .inlineright div .maching dt { background: #14B7AA; border: 2px solid #14B7AA; border-radius: 10px 0 0 10px; color: #fff;  text-align: center; width: 130px;font-size:18px;  font-size: 1.8rem; padding:10px 15px; }
article.share .price2 .inlineright div .maching dt.line2 { padding:40px 15px 0; }
article.share .price2 .inlineright div .maching dd{ background:#fff; border-radius: 0 10px 10px 0; width:auto;font-size:20px;  font-size: 2.0rem;  font-weight: bold;border: 2px solid #14B7AA;line-height:10px; padding: 25px 10px 0; text-align: center; }
article.share .price2 .inlineright div dd b{ color:#14B7AA;}
article.share .price2 .inlineright div dd.line2 { padding:20px 15px; }
article.share .price2 .inlineright div .maching img{ width:24px; height: auto; display: block; margin:0.5em auto;}

article.share .price2 .inlineright div .price3{ background: #E8FBF4;  text-align: left;  padding: 20px;}
article.share .price2 .inlineright div .price3 dt{padding:0 10px;  font-weight: bold; width: 6em}
article.share .price2 .inlineright div .price3 dd{ width:calc( 100% - 6em - 25px ); padding: 0; }
article.share .price2 .inlineright div .price3 ul li{ text-align: left; margin-left: 1em; }
article.share .price2 .inlineright div .price3 ul li:before{content:"・";  margin-left: -1em;}


.shuppinitem h3{ text-align: center;}
.shuppinitem h4{ color:#14B7AA;  font-size:24px;  font-size: 2.4rem; margin: 0 ; width:auto;  font-weight: bold; line-height: 2; }
.shuppinitem ul{ margin: 1em 0 0;}
.shuppinitem ul li{ text-align: left; line-height: 2; margin-left: 1em; }
.shuppinitem ul li:before{content:"・";  margin-left: -1em;}
.shuppinitem h5{ text-align: center; margin: 3em 0 1em; font-weight: bold; }

.shuppinitem a.btn,.faq a.btn{ display: block; transition: background-color 1s;  background:#0F9CC1;margin: 1em auto; position: relative; max-width: 330px; padding:20px 0; text-align: center;}
.shuppinitem  a.btn:hover{  background: #14B7AA;  color: #fff; }
.shuppinitem  a.btn .fas{ display: block; position:absolute;  right: 20px; top:38%; }
.shuppinitem  a.btn img{ display: inline-block;  width:12px; height: auto; vertical-align: middle; margin: 0 5px 5px 0; }
.shuppinitem .inlineleft.zu { max-width: 600px; height: auto; width:95%;}
/* =================================faq=============================== */
article.faq{ text-align: center; margin-bottom: 120px;}
article.faq .inlineleft{ width:250px; text-align: left; } 
article.faq .inlineright{ width:calc( 100% - 300px )!important; text-align: left;  } 
article.faq .inlineright dl{ margin: 20px 0; }
article.faq .inlineright dt{ font-family: 'Noto Sans JP', sans-serif; font-size: 24px;font-size: 2.4rem;font-weight:500;  position: relative; margin-left: 30px; }
article.faq .inlineright dt:before{  content:"Q."; position: absolute;color: #14B7AA;font-family: 'Noto Sans JP', sans-serif; font-size: 30px;font-size: 3.0rem;font-weight:300; top:-10px; left: -30px;  }
article.faq .inlineright{ width:calc( 100% - 220px); text-align: left;} 
article.faq .inlineright dd{  margin: 0 0 1em 0px; border-bottom: 1px solid #B4B4B4; padding: 1em 2em 2em ; line-height: 2; }
.faq a.btn:hover{  background: #14B7AA;  color: #fff; }
/* =================================service=============================== */
article.service h2 { text-align: center;}
article.service h4{  margin: 1em 0 ; font-weight: bold; }
article.service ul{ margin: 1em 0 0; border-bottom: 1px solid #B4B4B4;}
article.service  ul li{ text-align: left; line-height: 2; margin-left: 1em; border-top: 1px solid #B4B4B4; padding: 2em; }
article.service  ul li img{ width:125px; height: auto;}
article.service  ul li img,article.service h5{ display: inline-block;  vertical-align: middle;}
article.service h5{ font-family: 'Noto Sans JP', sans-serif; font-size: 20px;font-size: 2.0rem;font-weight:500; line-height: 1.5; margin-left: 1em; text-align: left; width:60%; }
article.service h5 b{  color:#14B7AA; display: block;}
article.service .more{  background: #E8FBF4;  text-align: left;  padding: 80px 60px 0; width: calc( 100% - 120px ) ; max-width:1200px;}
article.service .more dt,article.service .more dd{ display:  inline-block; vertical-align: top; text-align: left;}
article.service .more dd{  width:60%; margin: 0 0 80px 80px;}
article.service .more dd ul{border: none; margin-bottom: 1em;}
article.service .more dd li{  display:  inline-block; vertical-align: middle; width:calc( 50% - 13px ); background: #fff;  border-radius: 10px; margin: 5px 0;  text-align: center; height: 100px; line-height: 100px;  border: none; padding: 0;font-weight: bold;}
article.service .more dd li:nth-child(2n){margin: 5px 0 5px 20px;}
article.service .more dd li.line2{ height: calc( 100px - 1.5em) ; line-height:1.5; padding: 1.5em 0 0; }
article.service .more dd li.line3{ height: calc( 100px - 1em) ; line-height:1.5; padding: 1em 0 0; }
article.service .more dd ul.shosai{ background: #fff;  border-radius: 10px; padding: 20px 0; }
article.service .more dd ul.shosai li{margin: 20px 0 10px 40px;  padding: 0 0 0 30px; text-align: left;
	background: url("../img/check.svg") 0 50% no-repeat; background-size: 23px auto; line-height: 2;  width:100%;  height: auto;  }

/* =================================相談=============================== */
article.sodan{ background: #0F9CC1; color: #fff;  border-radius: 20px;　margin: 30px auto; padding: 30px 100px; text-align: center;margin: 0 auto 10px; width: 95% ; max-width:1100px;}
article.sodan h3{ margin: 0 0 1em;}
article.sodan img.illust{ max-width: 380px; height: auto; margin: 10px;  }
article.sodan img.illust,article.sodan  div{ display:  inline-block; vertical-align: middle; }
article.sodan  div{ text-align: left; margin-left: 50px; }
article.sodan  div  a.btn{ display: block; transition: background-color 1s;  border:1px solid #fff; margin: 2em 0 0 ; position: relative; max-width: 330px; padding:20px 0; text-align: center;}
article.sodan  div img{ display: inline-block;  width:12px; height: auto; vertical-align: middle; margin: 0 5px 5px 0; }
article.sodan  div  a.btn h4 b{ display: inline-block;  font-siz:20px; font-size:2.0rem; vertical-align: middle;  }
article.sodan  div  a.btn:hover { background: #14B7AA;  color: #fff; }
article.sodan  div  a.btn .fas{ display: block; position:absolute;  right: 20px; top:37%; }


/* =================================effort=============================== */
article.effort { text-align: center;}
article.effort  ul { border:1px solid #14B7AA; border-radius: 20px; margin: 30px auto; max-width: 1300px;}
article.effort  li {  padding: 30px 0; text-align: center;}
article.effort  li.item { display:  inline-block; vertical-align: top; width: calc( 50% - 2px); border-bottom:1px solid #14B7AA;  }
article.effort  li.item:first-child { border-right:1px solid #14B7AA; }
article.effort  li img {  width:80%; max-width:260px ; height: auto;}
article.effort  li h4 { font-siz:24px; font-size:2.4rem;  font-weight: bold;   color:#14B7AA;}
article.effort  li p{  margin: 2em auto 0; text-align: left; width:90%; max-width: 750px;}
article.effort  li b{ display: block;  margin: 0.5em auto 0; text-align: left; width:90%; max-width: 750px;}
article.effort  li.item p{  margin: 2em auto; text-align: left; width:90%; max-width: 450px;}
article.effort  li.last-child { font-siz:24px; font-size:2.4rem;  font-weight: bold;   color:#14B7AA;}


/* =================================メディアサイズ変更用=============================== */
@media only screen and (min-width: 1000px){.wrapper {background-size: auto 577px; }}

@media only screen and (max-width:1200px){
article .more{  padding: 50px 40px 40px; text-align: center;margin: 0 auto 10px; width:calc( 95% - 80px) ; max-width:1100px;}}
@media only screen and (max-width:1150px){
article.share .about{ padding: 80px 20px; width: calc( 95% - 40px) ; max-width:1200px;}
article.share .price dl dt span{ font-size:20px;  font-size: 2.0rem;}}


@media only screen and (max-width:1030px){
article.share .about  dl dt img,article.share .about  dl dt b,article.share .price  dl dt img,article.share .price  dl dt b{font-size: 20px;  font-size: 2.0rem; font-weight: bold; }}


@media only screen and (min-width:895px){img.maingazo.mob{ display: none; }}


@media only screen and (max-width:895px){
body{
	font-weight: 300;
}
/* =================================メイン画像=============================== */
.maingazo.pc{ display:  none; }
img.maingazo.mob{ display:  block; margin: 0 auto ; height: auto; max-width:600px; width:100%; }
.main hgroup{ position:static; margin: -50px auto 80px; width:90%; z-index: 1000; }

	
/* =================================共通=============================== */
article{  margin-bottom: 100px; padding: 0; }
article .inlineleft,article .inlineright{float: none; }
article .moji,article .zu{width:95%; max-width: 600px; margin: 0 auto 30px; }
article .more{ border-radius:0px !important;　margin: 10px auto; padding: 30px 20px;  width: calc(100% - 40px) ;}
article h2 {font-size: 80px; font-size:8.0rem; margin-bottom: 40px;}
article h2 span { font-size: 18px;font-size: 1.8rem; }
article h3 { font-size: 26px;font-size: 2.6rem;margin-bottom: 20px;}
img.monita{ max-width:550px !important; width:95% !important; margin: 0 auto; display: block;  height: auto;}
	
	
/* =================================イベント=============================== */
article.event h2 { display: none;}
	
/* =================================サービス利用による相乗効果=============================== */
article.synergy .more{ margin: 0px auto; }
article.synergy .more a.btn{ display: block;  margin: 1em auto;  width:90%;  max-width: 300px;}

/* =================================ストック=============================== */
article.stock .more ul.icon,article.stock .more ul.shosai,article.stock .more  div.left{ display:  inline-block; vertical-align: top; text-align: left; }
article.stock .more  div.left{  width:100%;  text-align: center; float: none;}
article.stock .more ul.icon,article.stock .more ul.shosai{width:100%;  text-align: left; float: none; margin: 1em auto 2em }

/* =================================メンバー登録=============================== */
article.member{border-radius:0px !important;　margin: 10px auto; padding: 30px 0px;  width: 100% ; text-align: center;}
article.member img.memberillust{ max-width: 380px; height: auto; position: static;  display: block; margin: -10% auto 20px; }
article.member  div{  padding: 0px;}
article.member  div img{ display: inline-block;  width:12px; height: auto; vertical-align: middle; margin: 0 5px 5px 0; }

/* =================================シェア=============================== */
article.share .about{border-radius:0px !important;　margin: 10px auto; padding: 30px 0px;  width: 100% ; text-align: center;}
article.share .about  dl dt img,article.share .price  dl dt img {  width: 64px; height: auto; margin: 10px 10px 0 ;  }
article.share .about  dl dt b,article.share .price  dl dt b{  font-size: 20px;  font-size: 2.0rem; }
article.share .about  dl dt b span{ font-size: 14px;  font-size: 1.4rem; }
article.share .price dl dt span{ font-size:20px;  font-size: 2.0rem;}
article.share .price  dl dd h4{font-size:18px;  font-size: 1.8rem; width:80%;}
article.share .price  dl dd h5{ font-size: 18px;font-size: 1.8rem;} 
article.share .price  dl dd p b{ font-size:28px;}
article.share .price2 h3{  float:none; text-align: center; } 
article.share .price2 .inlineright{ width:90%; margin: 0 auto;  max-width: 600px; } 
article.share .price2 .inlineright div{ border-top:1px solid #E8E8E8; padding: 40px 0;} 
	
/* =================================faq=============================== */
article.faq{ text-align: center; margin-bottom: 100px;}
article.faq .inlineleft{ width:95%!important; margin: 0 auto;  } 
article.faq .inlineright{ width:95%!important; margin: 0 auto; } 

/* =================================service=============================== */
article.service .more{  padding: 80px 10px 0; width:calc( 100% - 20px ); }
article.service .more dt,article.service .more dd{ display: block;}
article.service .more dt{ text-align: center;}
article.service .more dd{  width: 100% ; margin: 0 auto 0px; padding: 0 0 60px; } 
article.service .more dd li{margin: 5px;  text-align: center; padding: 0;}
article.service .more dd li:nth-child(2n){margin: 5px;}

	
/* =================================相談=============================== */
article.sodan{ border-radius:0px !important;　margin: 10px auto; padding: 30px 0px;  width: 100%  ; text-align: center;}
article.sodan h3{  text-align: center;}	
article.sodan img.illust{ max-width: 255px; height: auto; margin: 10px auto; display: block;  }
article.sodan  div{ display:block;  margin:0 auto; text-align: center; }
article.sodan  div  a.btn{ margin: 2em  auto 0 ; }
	
/* =================================effort=============================== */
article.effort  ul { margin: 30px auto; width: 95%;}
	
}
@media only screen and (max-width: 750px){
	article.share .about  dl{ display:block;  width:95%; max-width: 350px;  margin: 20px auto;  }
	article.share .price  dl { display:block;  width:95%; max-width: 450px;  margin: 20px auto;  }
article.share .price  dl.green{width:95%; max-width: 450px; }
article.share .price dl.blue{ width:95%; max-width: 450px; }
article.service .more dd ul.shosai{  width:95%;margin: 20px auto; }
article.service .more dd ul.shosai li{margin: 20px 0 0px 20px;  padding: 0 0 0 30px;
	background: url("../img/check.svg") 0 5px no-repeat; background-size: 20px auto; line-height: 2;  width:calc( 95% - 40px ); font-weight: bold; }
	article.stock .more ul.icon{  margin: 10px auto 80px; }
article.stock .more ul.icon li{ display:block;  width:calc( 95% - 13px ); background: #fff;  border-radius: 10px; margin: 10px auto;  text-align: left; height: 100px; line-height: 100px; }
article.stock .more ul.icon li:nth-child(2n){margin: 10px auto;}
article.stock .more ul.shosai{ background: #fff;  border-radius: 10px; padding: 20px 0; }
article.stock .more ul.shosai li{margin: 20px 0 0px 20px;  padding: 0 0 0 30px;
	background: url("../img/check.svg") 0 5px no-repeat; background-size: 20px auto; line-height: 2;  width:calc( 95% - 40px ); }
	
}
@media only screen and (max-width: 600px){
article{  margin:-2px 0 100px; }
article h2 {font-size: 60px; font-size:6.0rem; margin-bottom: 60px; line-height: 1.2;}
article h2 span { font-size: 18px;font-size: 1.8rem; }
article h3 { font-size: 26px;font-size: 2.6rem;margin-bottom: 20px;}
article .inner{ padding:40px 0; }
.main{ min-height: 400px; }
	/* =================================メイン画像=============================== */
.main hgroup{ position:static; margin: -0px auto 50px; width:90%; z-index: 1000;  }
.main hgroup > h1{  font-size:30px; font-size:3.0rem; line-height: 1.8;}
.main hgroup > h1 u{  font-size: 24px; font-size: 2.4rem;}
.main hgroup > h1 span b,.main hgroup > h1 span img,.main hgroup > h1 span em{margin:0 5px 0 0; }
.main hgroup > h1 span{ font-size:18px; font-size: 1.8rem; }
.main hgroup > h1 span img{ width:21px; height: auto; }
.main hgroup > h1 span b img{ width:16px; height: auto; }
.main hgroup > h1 span b {  border-radius: 5px; padding: 0 5px 2px;}
.main hgroup > h2 { font-size: 14px;  font-size: 1.4rem;}


/* =================================イベント=============================== */

article.event .inlineright ul{ text-align: center;padding: 0px 0 0 0;}
article.event .inlineright li{ display:block;  border-radius: 20px;  width: 95%;  text-align: left; margin: 0 auto 15px; padding: 20px 10px;}	
article.event .inlineright li img,article.event .inlineright li span{ display:  inline-block; vertical-align: middle;}
article.event .inlineright li img {width:100px; height: auto;  }
article.event .inlineright li span{ width:calc( 100% - 120px); margin-left: 15px;}
article.event .inlineright li h3 { font-size: 18px;font-size: 1.8rem;  margin: 0em 0 ; }
article.event .inlineright  div{  border-radius:20px;font-size: 22px;font-size: 2.2rem; }
	
/* =================================サービス利用による相乗効果=============================== */
article.synergy .inlineleft { position: relative;}
article.synergy .inlineleft div { border: 2px #14B7AA solid; border-radius:20px;  padding: 0px 10px 20px; width:90%; text-align: center; }
article.synergy .inlineleft div li { display: block; width:95%; margin: 0 auto;}
article.synergy .inlineleft div li h3{
  margin: 0 15px 2em 0;
	width:100px; height: 100px;
  padding: 20px 5px;
  font-size: 18px;font-size: 1.8rem;
 display: inline-block;  vertical-align: middle;
}
article.synergy .inlineleft div li h3:before {
  content: "";
  position: absolute;
  top: 40%;
  right: -25px;
	bottom: auto;
  left: auto;
  margint: -15px 0 0 0;
   border:none;
  border: 15px solid transparent;
 border-left: 15px solid #14B7AA;
  z-index: 0;
}
article.synergy .inlineleft div li:nth-child(2)  h3:before {border:none;
  border: 15px solid transparent; border-left: 15px solid #0F9CC1;}
article.synergy .inlineleft div li h3 span{ font-size: 14px;font-size: 1.4rem; }
article.synergy .inlineleft div li:nth-child(2){ position: relative;}
article.synergy .inlineleft div li:nth-child(2):before{ position: absolute;
	content:""; top:-2em; left:50%;
	display:inline-block;

}
article.synergy .inlineleft div li p{ display: inline-block; width: calc(100% - 120px); text-align: left; vertical-align: middle; margin: 0 0 2em 0;}
article.synergy .inlineleft div  h4{ font-siz:22px; font-size:2.2rem; }
article.synergy .inlineleft div  h4 span{   font-siz:18px;font-size:1.8rem;  margin: 0;}
article.synergy .more h3{ font-size: 22px;font-size: 2.2rem;}
article.synergy .more a.btn{ max-width: 400px !important; padding:10px 0  !important; }


article.stock .price dl{  display:block; margin: 20px auto; max-width:350px; width:95%;}
article.stock .price dl.green,article.stock .price dl.blue{  border-radius: 20px ; }
article.stock .price dl.green dt,article.stock .price dl.blue dt{ border-radius:20px 20px 0px 0 ; }
article.stock  .chui{ margin: 10px auto; max-width:350px; width:95%; font-size: 14px;font-size: 1.4rem; }
article.share .about  dl dt img,article.share .price  dl dt img {  width:64px; height: auto; margin: 0 5px ;  }
.about.more h3 span{ display: block;}	

article.share .price2 .inlineright div .maching { width:100%;  }
article.share .price2 .inlineright div .price3{width:calc( 100% - 40px ); padding: 20px;}
article.share .price2 { padding: 0; }
article.share .price2 .inlineright div  dt,article.share .price2 .inlineright div  dd{ display:block;}
article.share .price2 .inlineright div .maching dt { border-radius: 5px 5px 0 0; width:100%;  padding:10px 0; }
article.share .price2 .inlineright div .maching dt.line2 { padding:10px 0; }
article.share .price2 .inlineright div .maching dt br{ display: none; }
article.share .price2 .inlineright div .maching dd{  border-radius: 0 0 5px 5px;width:100%; padding:20px 0; text-align: center; }
article.share .price2 .inlineright div dd.line2 { padding:20px 0; }
article.share .price2 .inlineright div .price3 dt{padding:10px;  width:95%; }
article.share .price2 .inlineright div .price3 dd{ width:95%; padding:10px; }
article.share .price2 .inlineright div dd.line2 .fas{ display: block; margin:15px auto;}
article.share .price2 .inlineright div .maching img{  margin:40px auto;}
article.share .price2 .inlineright div .price3 ul li{ margin: 0 0 1em 1em;  line-height: 2;}
	
/* =================================faq=============================== */
article.faq{ text-align: center; margin-bottom: 00px;}
article.faq .inlineright dt{  font-size:16px;font-size:1.6rem;font-weight:500; }
article.faq .inlineright dt:before{ top:-15px; left: -30px;  }
article.faq .inlineright dd{  margin: 0 0 2em 0px; padding: 2em 2em 2em ; }
/* =================================service=============================== */
article.service h2 { text-align: left; margin: 0 auto; width:90%;}
article.service  ul { width:100%;}
article.service  ul li{margin: 0 auto;  padding: 2em 0; }
article.service  ul li img{ width:98px; height: auto;}
article.service  ul li img,article.service h5{ display: inline-block;  vertical-align: middle;}
article.service h5{  font-size: 18px;font-size: 1.8rem;width:calc( 100% - 120px ); padding: 0; margin: 0 0 0 10px;}
article.service .more dd li,article.service .more dd li:nth-child(2n){ display: block;  margin: 5px auto; width:95%; }
	
/* =================================相談=============================== */
article.sodan  div{ text-align: left; margin: 50px auto; width:90%; }
article.sodan  div h3{ font-size:22px;font-size:2.2rem;font-weight:500; }

/* =================================effort=============================== */
article.effort  li.item:first-child { border:none; border-bottom:1px solid #14B7AA;  }
article.effort  li.item { display: block; vertical-align: top; width: 100%; }
article.effort  ul {  margin: 30px auto; width: 90%;}

/* =================================フッター=============================== */
#page-top1{  right: 0px; }
#footer span{  display: block;  float: none;  padding:20px 0;   text-align: center;}
#footer span b{font-weight: bold; word-spacing: 0.5em; }
#footer p{  float: none;   padding:20px 0;  text-align: center;}

}

@media only screen and (max-width: 500px){
	article p br{ display: none;}
	article p {  text-align: left; margin: 0 auto; width:95%; }

	article.event .inlineright li span br{  display: none;}
	article.event .inlineright  div br{  display: none;}
	article.event .inlineright  div{ text-align: left; padding: 15px; width: calc( 100% - 30px);}
	article.stock .more p{ text-align: left;}
	article.stock .more p br{  display: none;}
	article.share .itemichiran  .btn span{  display: block;}
	article.share .itemichiran a.btn{width:95%; padding: 0.5em 0;}
article.share .about  p{ margin: 1em auto; line-height: 2; text-align: left;}
#footer {margin: -3px 0 0; }
	article.effort h4 span {   display: block; }
	article.share .price{ display: none;}
	article.share .price  dl dd ul,article.share .price  dl dd div.left{ display:block;  }
article.share .price  dl dd div.left{ width:95%;  margin: 0 auto;}
article.share .price  dl dd ul{ width:90%;  margin: 1em auto;}

}

.comp_link a{
	background-color : #14B7AA!important;
}

.comp_link a:after{
	bottom: -5px!important;
}