@charset "UTF-8";

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

/*************** /body *****************/

body {
	font-family: "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;
	font-size: 1.0em;
}

/************* fontbase ***************/

.Font05 { font-size: 0.5em; }
.Font06 { font-size: 0.6em; }
.Font07 { font-size: 0.7em; }
.Font08 { font-size: 0.8em; }
.Font09 { font-size: 0.9em; }
.Font10 { font-size: 1.0em; }
.Font11 { font-size: 1.1em; }
.Font115 { font-size: 1.15em; }
.Font12 { font-size: 1.2em; }
.Font13 { font-size: 1.3em; }
.Font14 { font-size: 1.4em; }
.Font15 { font-size: 1.5em; }
.Font16 { font-size: 1.6em; }
.Font17 { font-size: 1.7em; }
.Font18 { font-size: 1.8em; }
.Font19 { font-size: 1.9em; }
.Font20 { font-size: 2.0em; }
.Font25 { font-size: 2.5em; }

.LH08 { line-height: 0.8em; }
.LH09 { line-height: 0.9em; }
.LH10 { line-height: 1.0em; }
.LH11 { line-height: 1.1em; }
.LH12 { line-height: 1.2em; }
.LH13 { line-height: 1.3em; }
.LH14 { line-height: 1.4em; }
.LH15 { line-height: 1.5em; }
.LH16 { line-height: 1.6em; }
.LH17 { line-height: 1.7em; }
.LH18 { line-height: 1.8em; }
.LH19 { line-height: 1.9em; }
.LH20 { line-height: 2.0em; }

.FW300 { font-weight: 300; }
.FW400 { font-weight: 400; }
.FW500 { font-weight: 500; }
.FW600 { font-weight: 600; }

.TAL { text-align: left; }
.TAC { text-align: center; }
.TAR { text-align: right; }

.MT10 { margin-top: 10px; }
.MT15 { margin-top: 15px; }
.MT20 { margin-top: 20px; }

.MB10 { margin-bottom: 10px; }
.MB15 { margin-bottom: 15px; }
.MB20 { margin-bottom: 20px; }


.scroll-top {
position: fixed;
right: 20px;
bottom: 20px;
z-index: 100;
background-color: #999;
opacity: .8;
width: 50px;
height: 50px;
border-radius: 50%;
border: none;
color: #fff;
}
.scroll-top:hover {
cursor: pointer;
}

/*** グローバルメニュー ****/

.menu, .menu span {
	display: inline-block;
	-webkit-transition: all .4s;
	transition: all .4s;
	box-sizing: border-box;
}

.menu {
	position: fixed;
	top: 10px;
	left: 10px;
	width: 36px;
	height: 35px;
	z-index: 10;
	border: 1px solid #4169e1;
	border-radius: 0.5em;
	background-color: #4169e1;
}

.menu span {
  position: absolute;
  left: 7;
  width: 20px;
  height: 2px;
  background-color: #fff;
  z-index: 10;
}

.menu span:nth-of-type(1) {
	top: 7px;
}

.menu span:nth-of-type(2) {
	top: 16px;
}

.menu span:nth-of-type(3) {
	bottom: 7px;
}

.menu.active span:nth-of-type(1) {
  -webkit-transform: translateY(8.5px) rotate(45deg);
  transform: translateY(8.5px) rotate(45deg);
}

.menu.active span:nth-of-type(2) {
  opacity: 0;
}

.menu.active span:nth-of-type(3) {
  -webkit-transform: translateY(-8.5px) rotate(-45deg);
  transform: translateY(-8.5px) rotate(-45deg);
}

#nav {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: #fff;
	transition: all 0.3s ease-in-out;
	visibility: hidden;
	-webkit-overflow-scrolling: touch;
	overflow: auto;
}

#nav.active {
  right: 0;
  opacity: 1;
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
}

#nav ul {
	float: left;
	margin: 0;
	padding: 5px 0;
	width: 100%;
}

#nav ul li {
	list-style-type: none;
	margin: 5px 0 0 50px;
	border-bottom: 1px solid #ccc;
}

#nav ul li a {
	display: block;
	transition: all 0.2s ease-in-out;
	text-align: left;
	text-decoration: none;
	color: #333;
	font-size: 1.1em;
}

#nav ul li a:hover {
  color: #f65d5d;
}

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

#container {
	background-color: #ffffff;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

.otoiawase {
	text-align: center;
}

.otoiawase img {
	max-width: 700px;
	text-align: center;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.otoiawase img:hover {
	-moz-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity=70);
} 


.box {
	width: 80%;
	margin: 0 auto;
/*	background-color: pink;	*/
}

.box img {
	width: 100%;
}

/****** 応募ボタン *******/

.contact_btn{
	animation: furu 2.2s infinite;
}
@keyframes furu {
    0% {
        transform: translate(0px, 0px) rotateZ(0deg)
    }
    2% {
        transform: translate(2px, 2px) rotateZ(2deg)
    }
    4% {
        transform: translate(0px, 2px) rotateZ(0deg)
    }
    6% {
        transform: translate(2px, 0px) rotateZ(-2deg)
    }
    8% {
        transform: translate(0px, 0px) rotateZ(0deg)
    }
    10% {
        transform: translate(2px, 2px) rotateZ(2deg)
    }
    12% {
        transform: translate(0px, 0px) rotateZ(0deg)
    }
    14% {
        transform: translate(2px, 0px) rotateZ(-2deg)
    }
    16% {
        transform: translate(0px, 2px) rotateZ(0deg)
    }
    18% {
        transform: translate(0px, 0px) rotateZ(0deg)
    }
    100% {
        transform: translate(0px, 0px) rotateZ(0deg)
    }
}
/****** page00(キャンペーン) *******/

#page00 {
	width: 100%;
	background-image: url("/img/00_bk.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

/****** page0 *******/


#page0 {
	width: 100%;
}

#page0 img {
	margin: 50px 0px;
}

/****** page1 *******/

#page1 {
	width: 100%;
	background-image: url("/img/2_bk.jpg");
	background-repeat: no-repeat;
}

.box1 {
	padding: 0 10px;
	max-width: 900px;
	margin: 0 auto;
	height: auto;
	clear: both;
}

.p1img_01 { margin: -10px 0 30px 0; width: 40%; }
.p1img_02 { margin: 0 0 30px 0; width: 100%; }
.p1img_03 { margin: 0 0 30px 0; width: 100%; }
.p1img_04 { margin: 0 0 30px 0; width: 100%; }


/*** お医者様紹介セクション ***/ 

#page_doctor {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}

.doc_waku {
	max-width: 1000px;
	border: 1px solid #ccc;
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px;
	border-radius: 20px;
	margin: 1.0em auto 0;
	padding: 1.0em;
}

.doc_waku2 {
	margin: 1.0em auto 0;
	padding: .5em;
	min-height: 270px;
}

.doc_photo {
	margin-left: 0;
	display: inline-block;
	width: 200px;
	vertical-align: middle;
	border: 1px solid #ccc;
}

.doc_photo img {
	width: 100%;
	object-fit: cover;
}

.doc_com {
	font-size: 0.9em;
	margin-top: 1.0em;
}

.doc_text {
	margin: 0 0 0 0.5em;
	padding: 0;
	display: inline-block;
	width: 730px;
	vertical-align: middle;
	line-height: 115%;
}

.doc_link {
	text-align: center;
	margin: 0.75em auto 0;
}

.doc_btn {
	display: inline-block;
	max-width: 600px;
	text-align: left;
	font-size: 1.2em;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	padding: 0.5em 1.0em 0.5em 2.2em;
	border-radius: 4px;
	position: relative;
}

.doc_btn::before {
	font-family: "Font Awesome 5 Free";
	content: "\f101";
	font-weight: 900;
	position: absolute;
	left: 16px;
	top: 50%;
	margin-top: -8px;
}


/*** 顧問紹介セクション ***/ 

#page_ad {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 15px 0;
}

.ad_waku {
	border: 1px solid #ccc;
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px;
	border-radius: 20px;
	margin: 1.0em auto 0;
	padding: 1.0em;
}

.ad_photo {
	margin-left: 0;
	display: inline-block;
	width: 300px;
	position: relative;
	vertical-align: middle;
	border: 1px solid #ccc;
}

.ad_photo::before {
	content: "";
	display: block;
	padding-top: 100%;
}

.ad_photo img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	object-fit: cover;
}


.ad_text {
	margin: 0 0 0 0.5em;
	padding: 0;
	min-height: 230px;
	display: inline-block;
	width: 650px;
	vertical-align: middle;
	line-height: 115%;
}

.ad_link {
	text-align: center;
	margin: 0.75em auto 0;
}

.ad_btn {
	display: inline-block;
	max-width: 600px;
	text-align: left;
	font-size: 1.2em;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	padding: 0.5em 1.0em 0.5em 2.2em;
	border-radius: 4px;
	position: relative;
}

.ad_btn::before {
	font-family: "Font Awesome 5 Free";
	content: "\f101";
	font-weight: 900;
	position: absolute;
	left: 16px;
	top: 50%;
	margin-top: -8px;
}

.btn_c1 { background-color: #4169e1; }
.btn_c2 { background-color: #48ba02; }
.btn_c3 { background-color: #ff8c00; }

.btn-icon:hover {
	opacity: 0.8;
}

/*** ページ所有者セクション ***/ 

#page1-1 {
	width: 100%;
	margin: 0 auto;
	background-image: url("/img/15_bk2.jpg");
	background-position: top, center;
	background-repeat: repeat;
}

.page1-1inner {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 15px 0;
}

.page1-1mess{
    position: relative;
    margin: 1.5em;
    padding: 1.0em 1.25em;
    background-color: #007fff; /* 背景色 */
    font-size: 1.5em; /* フォントサイズ */
    font-weight: bold; /* フォント太さ */
    color: #fff; /* テキスト色 */
    border-radius: 6px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .2) inset;
}
.page1-1mess:after{
    position: absolute;
    top: 100%;
    left: 140px;
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 15px solid #007fff; /* 吹き出し部分の三角の色 */
}

.page1-1photo {
	margin-left: 40px;
	display: block;
	float: left;
	width: 100%;
	max-width: 250px;
	position: relative;
}

.page1-1photo::before {
	content: "";
	display: block;
	padding-top: 100%;
}

.page1-1photo img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	object-fit: cover;
}


.page1-1text {
	margin: 0 40px 0.5em 0;
	padding: 10px;
	min-height: 230px;
	display: block;
	float: right;
	width: 620px;
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border: 3px #91e9ff solid;
	box-sizing: border-box;
	background-color: #fff;
	line-height: 115%;
	overflow-wrap: break-word;
}

p.sns_button {
	text-align: center;
	margin: 0.75em auto;
	width: 600px;
}

#page2 {
	margin-top: 20px;
	width: 100%;
	background-image: url("/img/3_bk.jpg");
	background-repeat: no-repeat;
	padding: 65px 0 70px 0;
}


.box2 {
/*	margin: 20px 0 50px 0; */
	width: 100%;
	position: relative;
	background-color: rgba(255,255,255,0.7);
	padding: 20px 0 20px 0;
/*	opacity: 0.7; */
}

.box2_2 {
	width: 80%;
	margin: 0 auto;
	position: relative;

}

.box2_2 img {
	width: 100%;
	margin: 0 auto;
}

#page2_2 {
	background-image: url("/img/2_2bk.png");
	background-repeat: no-repeat;
	clear: both;
	width: 100%;
	margin: 0;
	padding-bottom: 20px;
}

.box2_2_2 {
	width: 80%;	
	margin: 30px auto;
	font-size: 1.4em;
	color: #228b22;
	line-height: 1.3;
	text-align: center;
}

.box2_2_2 img {
	margin: 0 auto;
}

a.youtube img.youtube_img2 { margin: 0 auto;width: 650px;margin-bottom: 5px; }

.GreenbeautyS {
	max-width: 712px;
	margin: 0 auto;
}

.page2_2_text {
	font-size: 0.7em;
	color: #6E6E6E;
	margin-bottom: 20px;
}

.page2_2_title {
	font-size: 1.5em;
	color: #228b22;
	text-align: center;
}

#page3 {
	width: 100%;
	margin-top: 1.5em;
}

.box3-1 {
	width: 80%;
	margin: 0 auto;
	height: auto;
}

.syousaiB {
	width: 250px;
	height: 20px;
	text-align: center;
	padding: 5px;
	display: block;	
	margin: 10px auto;
	background-color: #e2ffed;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border: 1px solid #000;
	color: #808080;
}

.ichiran3-1 {
	width: 100%;
	display: block;	
	float: left;
	margin: 0 auto;
	background-color: #e2ffed;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.ichiran3-2 { padding: 10px 0 10px 20px; }


.ichiran {
	width: 100%;
	display: block;	
	float: left;
/*	clear: both; */
	margin: 0 auto;
/*	height: auto; */
}

.ichiran_box {
	display: inline-block;
	width: 19.3%;
	margin: 0 auto 10px;
}

.ichiran_box img {
	width: 95%; 
	height: auto; 
/*	margin: 15px 6px 10px;	*/
	
}

.boxP01 {
	text-align: center;
	margin-top: 5px;
	font-size: 0.8em;
	line-height: 1.1em;
}

.boxP01-1 {
	text-align: center;
	margin-top: 5px;
	font-size: 0.9em;
	line-height: 1.2em;
}

.boxP02 {
	text-align: center;
	font-size: 1.1em;
	font-weight: 600;
}

.ichiran_box:after {
	clear: both;

}

#page4 {
	width: 100%;
	margin: 0 auto;
}

.box_page4 {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	background-image: url("/img/5_bk.jpg");
/*	background-repeat: no-repeat; */
	background-size:auto 100%;
	padding: 20px 0;
}

.box_page4 img { width:90%; }

.ichiran2 {
	width: 100%;
	display: block;	
/*	float: left;	*/
	margin: 0 auto;
	height: auto;
}

.ichiran2_box {
	display: inline-block;		
	margin: 0 auto 15px;
	width: 24.5%;
}

.ichiran2_box img {
	width: 95%; 
	height: auto; 
}


#page5 {
	background-image: url("/img/6_bk.jpg");
	background-repeat: no-repeat;
	clear: both;
	width: 100%;
	margin: 10px 0 0 0;
	padding: 70px 0 70px 0;
}


.box5 {
	width: 100%;
	
}

.box5_2 {
	width: 100%;
	max-width: 700px;	
	margin: 0 auto;
	font-size: 1.4em;
	color: #0c74c7;
	margin-top: 30px;
	line-height: 1.3;
}

.box5_2 img {
	width: 100%;
	margin: 1.0em auto 1.5em;
}

#page6 {
	background-color: #ffffff;
	clear: both;
	width: 100%;
	margin: 0;
}

#page7 {
	background-image: url("/img/8_bk.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 40px 0;
}

.zeo_link {
	text-align: center;
	margin: 0.75em auto 0;
}

.zeo_btn {
	display: inline-block;
	max-width: 600px;
	text-align: left;
	font-size: 1.2em;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	padding: 0.5em 1.0em 0.5em 2.2em;
	border-radius: 4px;
	position: relative;
}

.zeo_btn::before {
	font-family: "Font Awesome 5 Free";
	content: "\f101";
	font-weight: 900;
	position: absolute;
	left: 16px;
	top: 50%;
	margin-top: -4%;
}


.box_celeb { padding: 20px 0; width: 100%; margin: 0 auto; font-size: 0; }
.box_celeb p { display: inline-block; width: 33.3%; margin: 0; text-align: center; }
.box_celeb p img { width: 90%; border: 0; }

#page8 {
	background-image: #ffffff;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 20px 0;
}

ul.doctor_LI {
	margin: 1.5rem 0 0 3.0rem;
	font-size: 1.4em;
	color: #0c74c7;
	text-shadow: 3px 3px 2px #FFF, -3px 3px 2px #FFF, 3px -3px 2px #FFF, -3px -3px 2px #FFF;
	line-height: 1.3;
}

ul.doctor_LI li {
	list-style-type: decimal
}

ul.fuji_LI {
	margin: 1.5rem 0 0 3.0rem;
	font-size: 1.4em;
	color: #d70035;
	text-shadow: 3px 3px 2px #FFF, -3px 3px 2px #FFF, 3px -3px 2px #FFF, -3px -3px 2px #FFF;
	line-height: 1.3;
}

ul.fuji_LI li {
	list-style-type: decimal
}


.box8 {
	width: 100%;	
	margin: 0 auto 30px;
	font-size: 1.4em;
	color: #0c74c7;
	margin-top: 30px;
	line-height: 1.3;
}

.box8-1 {
	width: 100%;	
	margin: 0 auto 30px;
	font-size: 1.4em;
	color: #ea5413;
	margin-top: 30px;
	line-height: 1.3;
}


#page9 {
	background-image: url("/img/9_bk.jpg");
	background-repeat: no-repeat;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 20px 0 40px 0;
}

ul.doctorH_LI {
	margin: 1.5rem 0 0 3.0rem;
	font-size: 1.4em;
	color: #ea5413;
	text-shadow: 3px 3px 2px #FFF, -3px 3px 2px #FFF, 3px -3px 2px #FFF, -3px -3px 2px #FFF;
	line-height: 1.3;
}

ul.doctorH_LI li {
	list-style-type: decimal
}

#page10 {
	background-image: #ffffff;
	clear: both;
	width: 100%;
}


#page11 {
	background-image: #ffffff;
	clear: both;
	width: 100%;
	margin: 30px 0 0 0;
	padding: 40px 0 20px 0;
}


#page12 {
	background-image: url("/img/11_bk.jpg");
	background-repeat: no-repeat;
	clear: both;
	width: 100%;
	margin: 20px 0 0 0;
	padding: 20px 0 0;
}

.box12 {
	width: 80%;
	margin: 0 auto;
	margin-top: 50px;
	clear: both;
	background-color: rgba(255,255,255,0.8);
	padding: 1em 0;
}

.boxH4o {
	margin: 20px 0 15px;
	background: #3cb3e4;
	padding: 5px 15px;
	border-radius: 0 10px 0 10px;
	color: #fff;
}

h4.boxh4i {
	text-align: center;
	font-weight: 500;
	font-size: 1.5em;
}

.imgbox01 { padding-left: 2%; }

.imgbox01 a {
	display: inline-block;
	width: 32.3%;
}

.imgbox01 img {
	border-radius: 10px;
	box-shadow: 0 2px 6px #999;
	width: 97%;
	margin: 5px;
}

.imgbox02 { padding-left: 2%; }

.imgbox02 a {
	display: inline-block;
	width: 32.3%;
}

.imgbox02 img {
	border-radius: 10px;
	box-shadow: 0 2px 6px #999;
	width: 97%;
	height: 250px;
	margin: 5px;
	object-fit: cover;
}


a.youtube img.youtube_img { width: 650px; }

.ichiran4 {
	width: 80%;
	display: block;	
/*	float: left;	*/
	margin: 0 auto;
	height: auto;
}

.ichiran4_box {
	float: left;		
	margin: 15px 6px 30px;
	background-color: #fff;
/*	display: block;	*/
}

.ichiran4_box img {
	width: 120px; 
	height: auto; 
/*	margin: 15px 6px 10px;	*/
}

.ichiran4_box p {
	font-size: 0.9em;
}

.ichiran3 {
	width: 80%;
	display: block;	
/*	float: left;	*/
	clear: both;
	margin: 0 auto;
	height: auto;
}

.ichiran3_box {
	display: inline-block;
	width: 19.3%;
	margin: 2.0em 0 0.5em;
}

.ichiran3_box img {
	width: 95%; 
	height: auto; 
}

.ichiran3_box p {
	font-size: 0.9em;
}



#page13 {
	background-image: url("/img/12_bk.jpg");
	background-repeat: no-repeat;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0 0 60px 0;
}

#page14 {
	background-image: url("/img/12_bk.jpg");
	background-repeat: no-repeat;
	clear: both;
	width: 100%;
	margin: 0;
}

.box6_2 {
	width: 90%;	
	margin: 0 auto;
	font-size: 1.4em;
	color: #0c74c7;
	margin-top: 30px;
	line-height: 1.3;
	text-align: center;
}

.box6_2 img {
	margin: 0 auto;
}

a.youtube img.youtube_img2 { margin: 0 auto;width: 650px;margin-bottom: 5px; }

.kawabataS {
	max-width: 712px;
	margin: 0 auto;
}

.page14_text {
	font-size: 0.7em;
	color: #6E6E6E;
	margin-bottom: 20px;
}

.page14_title {
	font-size: 1.5em;
	color: #0174DF;
	text-align: center;
	margin: 20px 0 0 0;
}

#footer {
	width: 100%;
	background-color: #81BEF7;
	height: 100px;
	padding-top: 20px;
}

.footer_text {
	color: #fff;
	text-align: center;
	font-size: 0.9em;
}

.footer_text a {
	text-decoration: underline;
	color: #fff;
}

.copyright_1 {
	margin-top: 10px;
	text-align: center;
	color: #fff;
	font-size: 0.7em;
}

.copyright_1 a {
	text-decoration: none;
	color: #fff;
}

.copyright_2 {
	margin: 5px 0 20px;
	text-align: center;
	color: #fff;
	font-size: 0.7em;
}

.copyright_2 a {
	text-decoration: none;
	color: #fff;
}

.fade {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.fade:hover {
	-moz-opacity: 0.4;
	opacity: 0.4;
	filter: alpha(opacity=40);
} 

/* 2016.12.7追加 */

.box13 {
	width: 100%;
	margin: 0 auto;
	position: relative;
	background-color: #9fe1fe;
	padding: 20px 0 20px 0;
	text-align: center;
	margin-top: 10px;
}

.box13_1 {
	position: relative;
	background-color: #ffffff;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	text-align: left;
	display: block;
	clear: both;
	width: 80%;
	margin: 0 auto;
	padding: 10px 0;
	margin-bottom: 10px;
}

.box13 img {
	margin:10px auto;
	width: 80%;

}

.box13_tit {
/* 	min-width: 700px; */	
	width: 100%;
	margin: 0 auto;
}

.box13_tit img {
	width: 100%;
}


.box13_1 img {
	width: 100%;	

	
}

.box13_2 {
	width: 55%;
	display: inline-block;
	margin: 0 1%;
	vertical-align: top;
	*zoom: 1; /* for IE6-7 */
	*display: inline; /* for IE6-7 */
}

.box13_2 img {
	width: 100%;
	max-width: 500px;
	margin: 15px;
}

.box13_3 {
	width: 58%;
	margin: 10px 0;
	display: inline-block;
	vertical-align: top;
	*zoom: 1; /* for IE6-7 */
	*display: inline; /* for IE6-7 */
}

.box13_3 p {
	margin: 0 20px 20px;
	font-size: 1.3em;
	color: #264774;
}


.box13_4 {
	display: inline-block;
	vertical-align: top;
	width: 39%;
	margin-top: -70px;
}

.box13_4 img { width: 100%; }


#page15 {
	width: 100%;
	margin-bottom: 30px;
}

.cl {
	clear: both;
}

#page16 {
	width: 90%;
	margin: 30px auto 20px;
	background-image: url("/img/bk16.png");
/*	background-repeat: no-repeat; */
	background-size:auto 100%;
	padding: 20px 0;
}

.box16 {
	width: 90%;
	margin: 0 auto;
	height: auto;
}

.syousai16 {
	width: 250px;
	height: 20px;
	text-align: center;
	padding: 5px;
	display: block;	
	margin: 10px auto;
	background-color: #fff;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border: 1px solid #000;
	color: #808080;
}

.ichiran16-1 {
	width: 100%;
	display: block;	
	float: left;
	margin: 0 auto;
	background-color: #EFFBFB;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.ichiran16-2 { padding: 10px 0 10px 2.2%; }


.ichiran16-3 {
	width: 100%;
	display: block;	
	float: left;
/*	clear: both; */
	margin: 0 auto;
/*	height: auto; */
}

.ichiran16_box {
	display: inline-block;
	width: 19.3%;
	margin: 0 auto 1.5em;
	vertical-align: top;
}

.ichiran16_box img {
	width: 95%; 
	height: auto; 	
}

.P16-01 {
	text-align: center;
	margin-top: 5px;
	font-size: 0.9em;
	line-height: 1.2em;
}

.P16-01-1 {
	text-align: center;
	margin-top: 5px;
	font-size: 0.9em;
	line-height: 1.2em;
}

.P16-02 {
	font-weight: bold;
	text-align: center;
	font-size: 1.2em;
}

.ichiran16_box:after {
	clear: both;

}

#page17 {
	margin-bottom: 30px;
	width: 100%;
	clear: both;
}

.box17-1 {
	width: 80%;
	margin: 0 auto;
	height: auto;
}

.syousai17 {
	width: 250px;
	height: 20px;
	text-align: center;
	padding: 5px;
	display: block;	
	margin: 10px auto;
	background-color: #EFFBFB;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border: 1px solid #000;
	color: #808080;
}

.ichiran17-1 {
	width: 100%;
	display: block;	
	float: left;
	margin: 0 auto;
	background-color: #e0ffff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.ichiran17-2 { padding-left: 1%; }


.ichiran17_box {
	float: left;		
	margin: 10px 1% 5px;
/*	display: block;	*/
}

.ichiran17_box img {
	width: 120px; 
/*	margin: 15px 6px 10px;	*/
	
}

.ichiran17_box:after {
	clear: both;

}

/* Youtube紹介ページ用 */

#VP {
	background-color: #ffffff;
	width: 100%;
	margin: 0 auto;
}

.VP_page {
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
	background-color: #e0ffff;
}

.VP_page2 {
	width: 98%;
	max-width: 1120px;
	display: block;	
	float: left;
	padding-left: 2%;
	background-color: #e0ffff;
}

.VP_box {
	width: 336px;
	height: 192px;
	text-align: center;
	padding: 5px;
	display: block;	
	float: left;
	margin: 5px;
	background-color: #EFFBFB;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	color: #808080;
}

.VP_box img {
	width: 330px;
	height: 186px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

.VP_bt {
	text-align: center;
	margin: 10px 0;
	background-color: #e0ffff;
}

.VP_button {
	text-decoration: none;
	font-size: 1.3em;
	color: #fff;
	padding: 5px 20px;

	background: #7abcff; /* Old browsers */
	background: -moz-linear-gradient(top,  #7abcff 0%, #60abf8 44%, #4096ee 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */

	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

.VP_button:hover {
	color: #000;
	background: #f0f9ff; /* Old browsers */
	background: -moz-linear-gradient(top,  #f0f9ff 0%, #cbebff 47%, #a1dbff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f0f9ff 0%,#cbebff 47%,#a1dbff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-9 */
}

.page_top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
.page_top a {
	background: #4496d3;
	text-decoration: none;
	color: #fff;
	width: 50px;
	padding: 1em 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
.page_top a:hover {
	text-decoration: none;
	background: #a4c1d7;
}

h2.H2title {
	font-size: 1.8em;
	text-align: center;
	padding: 0.5em;/*文字周りの余白*/
	color: #fff;/*文字色*/
	background: #0099ff;/*背景色*/
	border-bottom: solid 5px #0066cc;/*下線*/
}

h2.H2title02 {
	font-size: 1.8em;
	text-align: center;
	padding: 0.5em;/*文字周りの余白*/
	color: #fff;/*文字色*/
	background: #e95464;/*背景色*/
	border-bottom: solid 5px #d70035;/*下線*/
}

h2.H2title03 {
	font-size: 1.8em;
	text-align: center;
	padding: 0.5em;/*文字周りの余白*/
	color: #fff;/*文字色*/
	background: #32cd32;/*背景色*/
	border-bottom: solid 5px #006400;/*下線*/
}

.s_title {
	position: relative;
	margin: 0.5em auto;
	padding: 10px 35px 10px 20px;
	font-size: 1.5em;
/*	width: 90%; *//* ボックス幅 */
	color: #fff; /* 文章色 */
}
.s_title::before {
	position: absolute;
	content: '';
	top: -15px;
	right: 10px;
	height: 55px;
	width: 15px;
	border: 3px solid #C0C0C0; /*クリップ色 */
	background-color: none;
	border-radius: 12px;
	box-shadow: 1px 1px 2px #ccc; /*クリップ影*/
	transform: rotate(10deg);
	z-index: 1;
}
.s_title::after {
	position: absolute;
	content: '';
	top: 0px;
	width: 10px; 
	right: 20px;
	z-index: 2;
}

.st_color_f { background-color: #d70035; box-shadow: 4px 4px 1px #FFB6C1; }
.st_color_f::after { border: solid 5px #d70035; }

.st_color_h { background-color: #f39800; box-shadow: 4px 4px 1px #ffdc00; }
.st_color_h::after { border: solid 5px #f39800; }

.st_color_d { background-color: #0099ff; box-shadow: 4px 4px 1px #99ccff; }
.st_color_d::after { border: solid 5px #0099ff; }

.st_color_g { background-color: #32cd32; box-shadow: 4px 4px 1px #2e8b57; }
.st_color_g::after { border: solid 5px #32cd32; }

.st_color_g2 { background-color: #42b42f; box-shadow: 4px 4px 1px #0a3d01; }
.st_color_g2::after { border: solid 5px #42b42f; }

.st_color_o { background-color: #ff4500; box-shadow: 4px 4px 1px #dc143c; }
.st_color_o::after { border: solid 5px #ff4500; }


.t_stripe {
	color: #ffffff;
	font-size: 1.6em;
	line-height: 1.5em;
	padding: 10px;
	background: repeating-linear-gradient(45deg, #ff7f50, #ff7f50 10px, #ff4500 10px, #ff4500 20px);
}

.t_stripe2 {
	color: #ffffff;
	font-size: 1.6em;
	line-height: 1.5em;
	padding: 10px;
	background: repeating-linear-gradient(45deg, #1e90ff, #1e90ff 10px, #4169e1 10px, #4169e1 20px);
}

h2.QAtitle {

	max-width: 1000px;
	font-size: 1.5em;
	color: #010079;
	text-shadow: 0 0 5px white;
	border-left: solid 10px #010079;
	padding: 0.5em 0.5em 0.5em 5px;
	background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
	background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
	margin: 1.0em 0 0.5em;
}

#area_qa{
	max-width: 870px;
	margin: 10px auto 15px;
	padding: 0 10px;
}

.qaContainer dt {
	padding: 10px 10px 10px 35px;
	border-radius: 5px;
	background: #cce6ff;
	text-indent: -25px;
	font-size: 1.2em;
}
.qaContainer dt:before {
	content: "Q.";
	font-weight: bold;
	margin-right: 7px;
}
.qaContainer dd {
	margin: 20px 10px 40px 35px;
	text-indent: -24px;
	font-size: 1.1em;
}
.qaContainer dd:before {
	content: "A.";
	color: #1771c6;
	font-weight: bold;
	margin-right: 7px;
}

ul.QA01 li{
	font-size: 95%;
	margin-left: 1.5em;
	text-indent: 0;
}

ul.QA02 li{
	font-size: 95%;
	list-style: none;
	padding-left: 1.5em;
	text-indent: -1.2em;
}

.LIST {
	margin-right: 0.2em;
}

/*** PRESIDENT SALON TABLE ***/

.sa_p01 { font-size: 100%; line-height: 115%; margin: 1.0em auto; }
.sa_p02 { max-width: 700px; font-size: 95%; line-height: 110%; margin: .5em auto 1.0em; }

.sa_waku {
	display: inline-block;
	width: 49.5%;
	margin: 8px 0.1% 0;
	border: 1px solid #ccc !important;
	box-sizing: border-box;
}

.sa_photo {
	display: inline-block;
	width: 35%;
	vertical-align: middle;
}

.sa_photo img{
	width: 100%;
	border: 0;
	line-height: 0;
}

.sa_text {
	display: inline-block;
	width: 63%;
	vertical-align: middle;
}

.sa_position { font-size: 95%; line-height: 105%; }
.sa_name { font-size: 110%; font-weight: 700; }

/* スライダー設定 */

.loopslider {
	margin: 0 auto;
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.loopslider ul {
/*	width: 100%;*/
	float: left;
	display: inline;
	overflow: hidden;
}
.loopslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.loopslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.loopslider ul {
	display: inline-block;
	overflow: hidden;
}

.loop01 { height: 80px; }

.loop01 ul { height: 80px; }

.loop01 ul li {
	width: 80px;
	height: 80px;
}

.loop02 { height: 330px; }

.loop02 ul { height: 330px; }

.loop02 ul li {
	height: 330px;
	width: 220px;
}
.loop02 img{
	width: 100%;
}

.btn-enter {
	position: relative;
	display: inline-block;
	font-weight: bold;
	padding: 0.25em 0.5em;
	text-decoration: none;
	transition: .4s;
	font-size: 2.0em;
	border-radius: 0.5em;
}

.btn-enter:hover {
}

.color-h {
	color: #fff;
	background: #f39800;
}

.color-h:hover {
	background: #ffead6;
	color: #f39800;
}


.color-d {
	color: #fff;
	background: #0099ff;
}

.color-d:hover {
	background: #dbedff;
	color: #0099ff;
}

.color-f {
	color: #fff;
	background: #d70035;
}

.color-f:hover {
	background: #ffe5e5;
	color: #d70035;
}

.color-g {
	color: #fff;
	background: #42b42f;
}

.color-g:hover {
	background: #e1fcdc;
	color: #42b42f;
}

.futomoji {
	text-shadow: 2px 0 2px #000;
}


.hy_box1 {
	margin: 1.0em auto;
	text-align: center;
	width: 100%;
	background-image: url("/img/hydrogen/hy_bk.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0% 50%;
}

.hy_box1 img {
	max-width:800px;
	width: 100%;
	margin: 5em auto;
}

.hy_box2 {
	max-width: 700px;
	margin: 1.0em auto;
	text-align: center;
	width: 100%;
}

.hy_box2 img{
	max-width:600px;
	width: 100%;
	margin: 1.0em auto;
}

.box5_2_1 {
	width: 48.4%;
	display: inline-block;
	border: 2px solid #C0C0C0; /*クリップ色 */
	border-radius: 12px;
	box-sizing: border-box;
	margin: 0.5em 0.5%;
	padding: 0.25em;
	color: #0c74c7;
}

.box5_2_1 p{
	padding: 0.25em;
	font-size: 0.8em;
	line-height: 1.1;

}

.box5_2_1 img{
	width: 100%;
	margin: 0.25em auto;
}

.page7_img { margin: 0 auto; max-width: 700px; }
.page7_img img{ width: 100%; }

#fact {
	margin: 0 auto;
	text-align: center;
	width: 100%;
/*	background-image: url("/img/factory/fa_bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%; */
}

.fact_main { max-width: 1000px; margin: 0 auto; }

.fact_box1 {
	max-width: 800px;
	margin: 0 auto;
}

.fact_box1 p.type1 {
	font-size: 1.2em;
	text-align: left;
	margin: 1.0em auto;
}

.fact_box1 p.type2 {
	text-align: center;
}

.business_p1{
	text-align: center;
	color: #0000cd;
	font-size: 1.4em;
}


.business_p2{
	text-align: center;
	color: #4682b4;
}

.business_img{
	margin: 0.5em auto;
	max-width: 300px;
	margin-bottom: 1.0em;
}

.business_img img {
	width: 100%;
}

.lp_sale_left {
	display: inline-block;
	width: 44.5%;
}

.lp_sale_right {
	display: inline-block;
	width: 54.3%;
}

.lp_sale_p { margin-top: 0.5em; }

#page_cp01 {
	width: 100%;
	margin-top: .5em;
}

.box_cp01 {
	width: 95%;
	margin: 0 auto;
	height: auto;
}

/******* グーグルカレンダー *******/

.cal_wrapper {
	max-width: 960px;
	min-width: 300px;
	margin: 2.0833% auto;
}

.googlecal {
	position: relative;
	padding-bottom: 100%;
	height: 0;
}

.googlecal iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

@media only screen and (min-width: 768px) {
	.googlecal { padding-bottom: 75%; }
}