@charset "utf-8";
/*
機　　能　　名：共通CSS
作　　成　　日：2022/03/23

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

html {
text-align:center;
}

/* body */
body {
/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
font-family:"ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1;
width:100%;
color:#3e3a39;
}
@media screen and (min-width: 769px) {/* PC */
body {
font-size:18px;
}
a:hover {
	opacity:0.6;
	filter:alpha(opacity=60);
}
}
@media screen and (max-width: 768px) {/* SP */
body {
font-size:16px;
-webkit-text-size-adjust:none;/* スマホ 縦横 フォント固定 */
}
}

.header,.footer,.section,.nav {
display:block;
}

a { color:#663333; outline:none; text-decoration:underline; }
a:hover { text-decoration:none; }
/*a.icon_arrow_01 { background:url(../images/common/icon_arrow_01.gif) left center no-repeat; padding:3px 0 3px 20px;}*/

.blue_txt {
	color:#00b0e4;
}
.red_txt {
	color:#e00000;
}
.bg_blue {
	background:#00b0e4;
}

.wrapper,.wrapper_pc,.wrapper_sp {
	margin:0 auto;
}
@media screen and (min-width: 769px) {/* PC */
.sp {
display:none;
}
.wrapper,.wrapper_pc {
	width:1000px;
}
}
@media screen and (max-width: 768px) {/* SP */
.pc {
display:none;
}
.wrapper,.wrapper_sp {
	width:90%;
}
img {
width:100%;
}
a {-webkit-tap-highlight-color:rgba(0,0,0,0.30);}/* タップ時の背景色 */
a,a:hover {text-decoration:none; }
div#inquiry_privacy::-webkit-scrollbar{ /* スクロールバー本体 */
width:10px;
background:#CCC;
}
div#inquiry_privacy::-webkit-scrollbar-thumb{ /* スクロールバーの動く部分 */
background:#222;
border-radius:5px;
}
@media screen and (max-width: 320px) {/* w320 */
}
}

.section {
	text-align:left;
}
.section p {
	line-height:1.8;
}
@media screen and (min-width: 769px) {/* PC */
.section {
	margin-bottom:130px;
}
}
@media screen and (max-width: 768px) {/* SP */
.section {
	margin-bottom:90px;
}
}

/* ***************************************
	header
**************************************** */
#header {
	background:#f4f4f4;
	position:relative;
}
#header:before {
	content:"";
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
}
@media screen and (min-width: 769px) {/* PC */
#header {
	padding-top:25px;
}
#header:before {
	height:26px;
	background:url(../images/common/h_bg_pc.png) 0 0 no-repeat;
	-webkit-background-size:100% 26px;
	background-size:100% 26px;
}
/* h_logo */
#header .h_logo {
	padding-bottom:51px;
}
#header .h_logo img {
	width:200px;
}
}
@media screen and (max-width: 768px) {/* SP */
#header {
	padding-top:9px;
}
#header:before {
	height:12px;
	background:url(../images/common/h_bg_sp.png) 0 0 no-repeat;
	-webkit-background-size:100% 12px;
	background-size:100% 12px;
}
/* h_logo */
#header .h_logo {
	padding-bottom:21px;
}
#header .h_logo img {
	width:130px;
}
@media screen and (max-width: 320px) {/* w320 */
}
}


/* ***************************************
	wrapper
**************************************** */

/* wrapper */
div#wrapper {
}
@media screen and (min-width: 769px) {/* PC */
}
@media screen and (max-width: 768px) {/* SP */
@media screen and (max-width: 320px) {/* w320 */
}
}



/* ***************************************
	contents
**************************************** */

/* contents */
div.contents {
}
@media screen and (min-width: 769px) {/* PC */
}
@media screen and (max-width: 768px) {/* SP */
@media screen and (max-width: 320px) {/* w320 */
}
}




/* ***************************************
	footer
**************************************** */
.footer {
	background:#f4f4f4;
	position:relative;
}
.footer:before {
	content:"";
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
/* f_copy */
.footer .f_copy {
	color:#FFF;
	background:#00affa;
	padding:5px 0;
}
@media screen and (min-width: 769px) {/* PC */
.footer {
	padding-top:56px;
}
.footer:before {
	height:26px;
	background:url(../images/common/f_bg_pc.png) 0 0 no-repeat;
	-webkit-background-size:100% 26px;
	background-size:100% 26px;
}
/* f_logo */
.footer .f_logo {
	padding-bottom:30px;
}
.footer .f_logo img {
	width:240px;
}
/* f_copy */
.footer .f_copy {
	font-size:14px;
}
}
@media screen and (max-width: 768px) {/* SP */
.footer {
	padding-top:37px;
}
.footer:before {
	height:12px;
	background:url(../images/common/f_bg_sp.png) 0 0 no-repeat;
	-webkit-background-size:100% 12px;
	background-size:100% 12px;
}
/* f_logo */
.footer .f_logo {
	padding-bottom:25px;
}
.footer .f_logo img {
	width:225px;
}
/* f_copy */
.footer .f_copy {
	font-size:12px;
}
@media screen and (max-width: 320px) {/* w320 */
}
}