@charset "UTF-8";
/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	box-sizing: border-box;
}
table {
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
}
ul, ol {
	list-style-type: none;
}
* {
	box-sizing: border-box;
	outline: none;
}
*:focus {
	outline: none;
}
html {
	font-family: Osaka,  "メイリオ", "Meiryo", Osaka, "ヒラギノ角ゴ Pro W3", Verdana, "ＭＳ Ｐゴシック";
	color: #fff;
	word-wrap: break-word;
	font-size: 14px;
}
body {
	width: 100%;
	height: 100%;
	-webkit-text-size-adjust: 100%;
}
.cf:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 1px;
}
.cf {
	display: inline-block;
}
* html .cf {
	height: 1%;
}
.cf {
	display: block;
}
.fs80 {
	font-size: 80% !important;
}
.fs120 {
	font-size: 120% !important;
}
.bold {
	font-weight: 700 !important;
}
.fixed {
	position: fixed;
}

/* PC */
@media screen and (min-width: 751px) {
body {
	font-size:16px;
	color: #000;
	text-align: center;
	margin: 0 auto;
}

img {
	width: 100%;
	height: 100%;
}


.sp {
	display: none !important;
}
a[href^="tel:"] {
	pointer-events: none;
}
a img.hover {
	transition: 0.25s;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
a img.hover:hover {
	opacity: 0.75;
}
	
header {
width: 1293px;
margin: 35px auto 0 auto;
background: #fff;
position: relative;	
}
	
header .icon {
position: absolute;
top:0;
left: 0;	
}	
	
header h1.title {
position: absolute;
top:0;
left:65px;
font-size: 20px;
font-weight: bold;
line-height: 1.2em;
text-align: left;
}
	
header h1.title span {
font-size: 12px;
font-weight: bold;
}
	
header .logo {
text-align:left;	
position: absolute;
top:0;	
left:1094px;
width: 99px;	
}	

	
header .contact {	
position: absolute;
top:0;
left:1000px;
width: 51px;
}
	
#intoro {
width: 100%;
margin: 0% auto 0 auto;
background: #fff;	
}
	
#intoro .main {
width: 388px;
text-align:center;
margin: 0 auto 0 auto;
padding: 177px 0 0 0;	
}
	
#topics {
width: 100%;
margin: 97px auto 0 auto;
background: #f6f7f7;
height: 292px;
}
	
	
#topics .news {
width: 1115px;
margin: 0% auto 0 auto;
text-align: center;
font-size: 14px;
position: relative;		
}

#topics .news table.ts{
width:700px;
text-align: left;
position: absolute;
top:88px;
left:300px;		
}
	
#topics .news table.ts2{
width:700px;
text-align: left;
position: absolute;
top:145px;
left:300px;		
}	
	
#topics .news .tit{
position: absolute;
top:139px;
left:0px;	
}
	
#topics .news .btn{
width: 159px;
margin: 60px auto 0 auto;
padding: 225px 0 0 0;	
text-align: center;		
}
	
#information {
width: 100%;
margin: 160px 0 10% 0;	
}


#information .inner {
width:1294px;
margin-left: 50px;	
}
	
#information .inner .l_cont {
width:162px;
float: left;	
}	
	
#information .inner .l_cont .logo {
width:162px;
}
	
#information .inner .r_cont {
width:1071px;
float: right;
}	
	
	
#information .inner .r_cont .cont_tit {
width:1071px;	
}	

#information .inner .r_cont .bk {
	width: 1071px;
	background: url(../img/information_bk_pc.png) no-repeat;
	height:510px;
	position: relative;
	margin: 28px 0 0 0;
}
	
#information .inner .r_cont .bk h2 {
font-size: 24px;
	text-align: left;	
	line-height: 1.8em;
	position: absolute;
	top:10px;
	left:0;	
}	

	
#information h3.txt {
	font-size: 18px;
	text-align: left;	
	line-height: 1.8em;
	position: absolute;
	top:77px;
	left:0;	
}
	
#information h3.area {
	font-size: 26px;
	text-align: left;	
	line-height: 2.0em;
	position: absolute;
	top:210px;
	left:0;
}
	
#information .txt2 {
	font-size: 16px;
	text-align: left;	
	line-height: 1.8em;
	position: absolute;
	top:477px;
	left:0;	
}

	
	
#service {
width: 100%;
margin: 242px 0 0 0;	
}


#service .inner {
width:1294px;
margin-left: 50px;	
}
	
#service .inner .l_cont {
width:162px;
float: left;	
}	
	
#service .inner .l_cont .logo {
width:162px;
}
	
#service .inner .r_cont {
width:1071px;
float: right;
}	
	
	
#service .inner .r_cont .cont_tit {
width:1071px;	
}		
	
#service .inner .r_cont .coment {
font-size: 20px;
text-align: left;	
line-height: 1.8em;
margin: 65px 0 0 0;
font-weight: bold;	
}
	
#service .inner .r_cont .coment2 {
font-size: 16px;
text-align: left;	
line-height: 1.8em;
margin: 45px 0 0 0;
font-weight: bold;
width: 750px;
word-break: break-all;	
}
	
#service .inner .r_cont .graph {
text-align: left;	
margin: 50px 0 0 0;
width: 690px;	
}
	
#service .inner .r_cont .coment3 {
font-size: 22px;
text-align: left;	
line-height: 1.8em;
margin: 80px 0 0 0;
font-weight: bold;
word-break: break-all;	
}
	
#service .inner .r_cont .tit_ma {
margin: 75px 0 0 0;
text-align: left;
width:494px;	
}		

	
#service .inner .r_cont h4 {	
margin: 30px 0 0 0;	
font-size: 26px;
font-weight:bold;
text-align: left;	
}		
	
#service .inner .r_cont .coment_ma {
font-size: 18px;
line-height: 1.8em;
font-weight:bold;
text-align: left;	
}	
	
#service .inner .r_cont .tit_op {
width:494px;
margin: 75px 0 0 0;
text-align: left;
}		
	
	
#service .inner .r_cont .coment_op {
font-size: 18px;
line-height: 1.8em;
font-weight:bold;
text-align: left;	
}
	
#service .inner .r_cont .tit_bu {
width:794px;
margin: 75px 0 0 0;
text-align: left;	
}		
	
	
#service .inner .r_cont .coment_bu {
font-size: 18px;
line-height: 1.8em;
font-weight:bold;
text-align: left;	
}			
	
#service .inner .r_cont .btn_profile {
margin: 100px 0 0 0;
text-align: left;
width:732px;	
}
	
#service .inner .r_cont .btn_contact {
margin: 45px 0 0 0;
text-align: left;
width:732px;	
}
	

	
#profile {
width: 100%;
margin: 242px 0 0 0;	
}

#profile .inner {
width:1294px;
margin-left: 50px;	
}
	
#profile .inner .l_cont {
width:162px;
float: left;	
}	
	
#profile .inner .l_cont .logo {
width:162px;
}
	
#profile .inner .r_cont {
width:1071px;
float: right;
}	
	
	
#profile .inner .r_cont .cont_tit {
width:1071px;	
}	

#profile .inner .r_cont .ch {
font-size: 20px;
text-align: left;	
line-height: 1.8em;
margin: 65px 0 0 0;
font-weight: bold;	
}
	
#profile .inner .r_cont .pr_txt {
font-size: 16px;
text-align: left;	
line-height: 1.8em;
margin: 45px 0 0 0;
font-weight: bold;
width: 734px;
word-break: break-all;	
}	
	
#profile .inner .r_cont .pr_name {
font-size: 16px;
text-align: right;		
line-height: 1.8em;
margin: 45px 0 0 0;
font-weight: bold;
width: 734px;
}	
	
#profile .inner .r_cont .pr_photo {
text-align: left;		
margin:60px 0 0 0;
width: 734px;
}	

	
#profile .inner .r_cont .come {
font-size: 20px;
text-align: left;	
line-height: 1.8em;
margin: 45px 0 0 0;
font-weight: bold;	
}
	
#profile .inner .r_cont .come2 {
font-size: 16px;
text-align: left;	
line-height: 1.8em;
margin: 35px 0 0 0;
font-weight: bold;
width: 734px;
word-break: break-all;	
}		
	
#clinic {
width: 100%;
margin: 242px 0 0 0;	
}

#clinic .inner {
width:1294px;
margin-left: 50px;	
}
	
#clinic .inner .l_cont {
width:162px;
float: left;	
}	
	
#clinic .inner .l_cont .logo {
width:162px;
}
	
#clinic .inner .r_cont {
width:1071px;
float: right;
}	
	
	
#clinic .inner .r_cont .cont_tit {
width:1071px;	
}		
	
#clinic .inner .r_cont .coment_cl {
font-size: 20px;
text-align: left;	
line-height: 1.8em;
margin: 75px 0 0 0;
font-weight: bold;	
}
#clinic .inner .r_cont .kome {
font-size: 14px;
text-align: left;	
line-height: 1.8em;
margin: 25px 0 0 0;
font-weight: bold;	
}
	
#clinic .inner .r_cont .shop {
text-align: left;		
margin:60px 0 0 0;
width: 760px;
}	
	
#privacy {
width: 100%;
margin: 242px 0 0 0;	
}

#privacy .inner {
width:1294px;
margin-left: 50px;	
}
	
#privacy .inner .l_cont {
width:162px;
float: left;	
}	
	
#privacy .inner .l_cont .logo {
width:162px;
}
	
#privacy .inner .r_cont {
width:1071px;
float: right;
}	
	
	
#privacy .inner .r_cont .cont_tit {
width:1071px;	
}
	
#privacy .inner .r_cont .coment_pr {
font-size: 20px;
text-align: left;	
line-height: 1.8em;
margin: 85px 0 0 0;
font-weight: bold;	
}
	
#company {
width: 100%;
margin: 242px 0 0 0;	
}

#company .inner {
width:1294px;
margin-left: 50px;	
}
	
#company .inner .l_cont {
width:162px;
float: left;	
}	
	
#company .inner .l_cont .logo {
width:162px;
}
	
#company .inner .r_cont {
width:1071px;
float: right;
}	
	
	
#company .inner .r_cont .cont_tit {
width:1071px;	
}	
	
#company .inner .r_cont .gmap {
margin: 150px 0 0 0;
text-align: left;	
}
#company .inner .r_cont .gmap iframe {
width: 750px;
}
	
#company .inner .r_cont .acc {
font-size: 20px;
text-align: left;	
line-height: 1.8em;
margin: 105px 0 0 0;
font-weight: bold;	
}	

#company .inner .r_cont .pk {
font-size: 16px;
text-align: left;	
line-height: 1.8em;
margin: 60px 0 0 0;
font-weight: bold;	
}
	
#company .inner .r_cont .room {
width: 729px;
margin: 115px 0 0 0;
}	

#company .inner .r_cont .btn_contact {
width: 611px;
margin: 115px 0 0 60px;
}
	
#group {
width: 100%;
margin: 490px 0 0 0;	
}

#group .inner {
width:1294px;
margin-left: 50px;	
}
	
#group .inner .l_cont {
width:162px;
float: left;	
}	
	
#group .inner .l_cont .logo {
width:162px;
}
	
#group .inner .r_cont {
width:1071px;
float: right;
}	
	
	
#group .inner .r_cont .cont_tit {
width:1071px;	
}		

#group .inner .r_cont .box {
width:750px;
margin: 219px 0 0 0;	
}	
	
#group .inner .r_cont .box .left {
width:322px;
float: left;	
}

#group .inner .r_cont .box .left img {
width:322px;	
}		
	
#group .inner .r_cont .box .right {
float: right;
text-align: left;
margin: 10px 0 0 40px;	
}
	
#group .inner .r_cont .box .right .coment01 {
font-size: 16px;
text-align: left;	
line-height: 1.8em;
font-weight: bold;	
}
	
#group .inner .r_cont .box .right .coment02 {
font-size: 16px;
text-align: left;	
line-height: 1.8em;
font-weight: bold;
margin: 50px 0 0 0;	
}	
	
#group .inner .r_cont .box .right .btn_read {
width: 282px;
text-align: left;	
margin: 30px 0 0 0;
}
	
#group .inner .r_cont .box2 {
width:800px;
margin: 219px 0 0 0;	
}	
	
#group .inner .r_cont .box2 .left {
width:322px;
float: left;	
}
	
#group .inner .r_cont .box2 .left img {
width:322px;	
}	
	
#group .inner .r_cont .box2 .right {
float: right;
text-align: left;
margin: 10px 0 0 40px;
width: 434px;	
}
	
#group .inner .r_cont .box2 .right .coment02 {
font-size: 16px;
text-align: left;	
line-height: 1.8em;
font-weight: bold;	
}
	
#group .inner .r_cont .box2 .right .coment03 {
font-size: 16px;
text-align: left;	
line-height: 1.8em;
font-weight: bold;
margin: 50px 0 0 0;	
}	
	
#group .inner .r_cont .box2 .right .btn_read {
width: 282px;
text-align: left;	
margin: 30px 0 0 0;
}
	
footer .copy {
font-size: 12px;
text-align: center;
line-height: 1.8em;	
margin: 350px auto 90px auto;	
}	
	
}

/* SP */
@media screen and (max-width: 750px) {
body {
	font-size: 80%;
	color: #000;
}
img {
	width: 100%;
	height: 100%;
}
.pc {
	display: none !important;
}
#wrapper {
	width: 100%;
	margin: 0;
	text-align: center;
	background: #fff;
}
/* article */
	
header {
width: 100%;
margin: 5% auto 0 auto;
background: #fff;
position: relative;	
}
	
header .logo {
width: 20%;
text-align:left;	
position: absolute;
top:0;
left:5%;	
}	

	
header .contact {
width: 9.4%;
text-align:left;	
position: absolute;
top:0;
right: 5%;		
}
		
#intoro {
width: 100%;
margin: 0% auto 0 auto;
background: #fff;	
}
	
#intoro .main {
width: 69.8%;
text-align:center;
margin: 0 auto 0 auto;
padding: 40% 0 0 0;	
}
	
#intoro h1 {
	font-size: 170%;
	text-align: center;	
	margin: 5% auto;
	padding: 20% 0 0 0;
	line-height: 1.7em;
	width: 96%;
}	
	

	
#topics {
width: 100%;
margin: 20% auto 0 auto;
background: #f6f7f7;
}
	
#topics table.ts{
margin-bottom: 20px;	
}	
	
	
#topics .news {
width: 90%;
margin: 0% auto 0 auto;
padding: 5%;
text-align: left;
font-size: 120%;		
}
	
	
#information {
width: 100%;
margin: 20% auto 10% auto;
background: #fff;	
}
	
	
#information .tit {
width:80.8%;
margin: 10% auto 0 auto;
padding:0 0 10% 0;
text-align: center;	
}	
	
	
#information .bk {
	width: 100%;
	padding-top: 85.7%;
	background: url(../img/information_bk.png) no-repeat;
	background-size: cover;
	height: 0;
	position: relative;
}
	
#information h2 {
	font-size: 160%;
	text-align: left;	
	line-height: 1.8em;
	width: 90%;
	position: absolute;
	top: 0;
	left:10%;
}	
	
#information h3.txt {
	font-size: 120%;
	text-align: left;	
	line-height: 1.6em;
	width: 90%;
	position: absolute;
	top: 12%;
	left:10%;
}
	
#information h3.area {
	font-size: 128%;
	text-align: left;	
	line-height: 1.6em;
	width: 90%;
	position: absolute;
	top: 52%;
	left:10%;
}
	
#information .txt2 {
	font-size: 96%;
	text-align: left;	
	line-height: 1.6em;
	width: 90%;
	position: absolute;
	top: 90%;
	left:10%;
}
	
	
#information .btn_consul {
width:80.8%;
margin: 20% auto 0 auto;
text-align: center;	
}
	

	
#service {
width: 100%;
margin: 5% auto;
background: #fff;	
}

#service .coment {
width: 96%;
text-align: center;		
margin: 5% 2% 8% 2%;	
font-size: 128%;
line-height: 1.8em;
font-weight:bold;
word-break: break-all;	
}
	
#service .coment2 {
width: 86%;
text-align: left;		
margin: 8% 7% 8% 7%;	
font-size: 120%;
line-height: 1.8em;
font-weight:bold;
word-break: break-all;	
}
	
#service .graph {
width:80.8%;
margin: 10% auto 0 auto;
padding: 5%;
text-align: center;	
}	

	
#service .coment3 {
width: 86%;
text-align: center;		
margin: 8% 7% 8% 7%;	
font-size: 128%;
line-height: 1.8em;
font-weight:bold;
}
	
	
#service .tit_ma {
width:56%;
margin: 10% auto 0 auto;
text-align: center;	
}		

	
#service h4 {
width: 86%;
text-align: center;		
margin: 2% 7% 0 7%;	
font-size: 160%;
line-height: 1.8em;
font-weight:bold;
}		
	
#service .coment_ma {
width: 86%;
text-align: center;		
margin: 0 7% 0 7%;	
font-size: 120%;
line-height: 1.6em;
font-weight:bold;	
}	
	
#service .tit_op {
width:56%;
margin: 10% auto 0 auto;
text-align: center;	
}		
	
	
#service .coment_op {
width: 86%;
text-align: center;		
margin: 0 7% 0 7%;	
font-size: 120%;
line-height: 1.6em;
font-weight:bold;
}
	
#service .tit_bu {
width:56%;
margin: 10% auto 0 auto;
text-align: center;	
}		
	
	
#service .coment_bu {
width: 86%;
text-align: center;		
margin: 0 7% 0 7%;	
font-size: 120%;
line-height: 1.6em;
font-weight:bold;
}		
	
#service .btn_profile {
width:81.6%;
margin: 10% auto;
text-align: center;
padding-bottom: 100px;	
}	
	
	
#profile {
width: 100%;
margin: 5% auto;
background: #fff;	
}
	
	
#profile .tit {
width:80.8%;
margin: 10% auto 0 auto;
text-align: center;	
}
	
	
#profile .ch {
width: 96%;
text-align: center;		
margin: 8% 2% 8% 2%;	
font-size: 150%;
line-height: 1.8em;
font-weight:bold;
}
	
#profile .pr_txt {
width: 86%;
text-align: left;		
margin: 0 7% 0 7%;	
font-size: 122%;
line-height: 1.8em;
font-weight:bold;	
}	
	
	
#profile .pr_photo {
width: 81.4%;
text-align: center;		
margin: 10% auto 10% auto;		
}
	
	
#profile .pr_name {
width: 86%;
text-align: center;		
margin: 0 auto 0 auto;	
font-size: 130%;
line-height: 1.8em;
font-weight:bold;	
}	
	
	
#profile .company {
width: 81.4%;
text-align: center;		
margin: 0 auto;	
}
	
#profile .txt {
width: 96%;
text-align: center;		
margin: 5% auto 4% auto;	
font-size: 122%;
line-height: 1.8em;
font-weight:bold;	
}
	
#profile .txt2 {
width: 80%;
text-align: center;		
margin:0 auto 5% auto;	
font-size: 100%;
line-height: 1.5em;
font-weight:bold;	
}
	
#profile .coment {
width: 84%;
text-align: left;		
margin: 12% 8% 10% 8%;	
font-size: 120%;
line-height: 1.8em;
font-weight:bold;
word-break: break-all;	
}
	
#profile .btn {
width: 100%;
text-align: center;		
margin:0 auto 5% auto;
}

#profile .btn img {
width: 60%;
}
	
	
/*全体*/
.profile_box {
    margin: 2em 0 30px 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.profile_box label {
   width: 100%;
text-align: center;		
margin:0 auto 5% auto;
}
	
.profile_box label img {
width: 40%;
text-align: center;		
margin:0 30% 5% 30%;	
}	


/*チェックは見えなくする*/
.profile_box input {
    display: none;
}

/*中身を非表示にしておく*/
.profile_box .profile_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.profile_box input:checked ~ .profile_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}	
	
#profile .come {
width: 84%;
text-align: center;		
margin:5% auto 5% auto;		
font-size: 130%;
line-height: 1.8em;
font-weight:bold;
word-break: break-all;	
}
	

#profile .come2 {
width: 84%;
text-align: left;		
margin:5% auto 5% auto;		
font-size: 120%;
line-height: 1.8em;
font-weight:bold;
word-break: break-all;	
}	


	
#clinic {
width: 100%;
margin: 15% auto;
padding-bottom: 5%;		
background: #fff;	
}
	
	
#clinic .tit {
width:80.8%;
margin: 10% auto 0 auto;
text-align: center;	
}

		

#clinic .coment_cl {
width: 84%;
text-align: center;		
margin:5% auto 5% auto;		
font-size: 130%;
line-height: 1.8em;
font-weight:bold;
word-break: break-all;	
}
	
#clinic .shop {
width:81.6%;
margin: 0 auto 0 auto;
text-align: center;	
padding-bottom: 5%;	
}	
	
#clinic .kome {
width: 84%;
text-align: center;		
margin:0 auto 5% auto;		
font-size: 100%;
line-height: 1.8em;
font-weight:bold;
word-break: break-all;	
}	
	
	
#privacy {
width: 100%;
margin: 10% auto;
background: #fff;
padding-bottom: 5%;	
}
	
	
#privacy .tit {
width:80.8%;
margin: 10% auto 0 auto;
text-align: center;	
}	

	
#privacy .coment_pr {
width: 84%;
text-align: center;		
margin:5% auto 5% auto;		
font-size: 130%;
line-height: 1.8em;
font-weight:bold;
word-break: break-all;	
}
	
		
#contact {
width: 100%;
margin: 10% auto 0 auto;
background: #fff;
padding-bottom: 10%;	
}
	
	
#contact .tit {
width:80.8%;
margin: 10% auto 0 auto;
text-align: center;	
}	

	
#contact .coment_cont {
width: 84%;
text-align: center;		
margin:5% auto 5% auto;		
font-size: 100%;
line-height: 1.8em;
font-weight:bold;
word-break: break-all;	
}
	
	
.my-parts {
  color: #000;
  background: transparent;
  border: 1px solid rgba(0,0,0,.2);
  display: inline-block;
  padding: .6em 0.5em;
  font-size: 122%;
  cursor: pointer;
  width: 96%;
 text-align: center;
font-weight:bold;	
  margin: 8% 2% 10% 2%;
}
	
.my-parts a {
    text-decoration:none; 
	color: #000;
}
	
#company {
width: 100%;
margin: 20% auto;
background: #fff;	
}
	
	
#company .tit_niigata {
margin: 5% auto 8% auto;
text-align: center;	
}

	
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
	
#company .logo_al {
margin: 10% auto 8% auto;
text-align: center;
width: 36.1%;
padding-top: 5%;
padding-bottom: 5%;	
}
	
#company .acc {
width: 84%;
text-align: center;		
margin: 8% 8% 4% 8%;	
font-size: 110%;
line-height: 1.8em;
font-weight:bold;
}
	
#company .pk {
width: 84%;
text-align: center;		
margin: 8% 8% 15% 8%;	
font-size: 100%;
line-height: 1.8em;
font-weight:bold;
}
	
#company h4 {
width: 84%;
text-align: center;			
margin: 8% 8% 10% 8%;	
font-size: 118%;
line-height: 1.8em;
font-weight:bold;
word-break: break-all;	
}	
	
#company .room {
margin: 1% auto;
text-align: center;	
}
#company .room img {
width: 84% !important;
}
	
	
footer {
width: 100%;
margin: 8% auto;
background: #fff;		
}	
	
footer .tit_group {
width:29.7%;
margin: 10% auto 0 auto;
text-align: center;	
padding: 15% 0 10% 0;
}

	
footer .f_logo01 {
width:41.3%;	
margin: 8% auto;
text-align: center;	
}
	
footer .f_logo02 {
width:61.6%;	
margin: 8% auto;
text-align: center;	
}
	
	
footer .btn_read {
width:39%;	
margin: 8% auto;
text-align: center;	
padding-bottom: 10%;	
}	
		
	
footer .copy {
width: 96%;
text-align: center;		
margin: 8% 2% 10% 2%;	
font-size: 80%;
line-height: 1.8em;
font-weight:bold;
}
	
footer .coment01 {
width: 96%;
text-align: center;		
margin:5% auto 5% auto;		
font-size: 100%;
line-height: 1.6em;
font-weight:bold;	
}
	
	
footer .coment02 {
width: 96%;
text-align: center;		
margin:5% auto 5% auto;		
ont-size: 100%;
line-height: 1.8em;
font-weight:bold;	
}	

}