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

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

html {
text-align:center;
}

/* body */
body {
line-height:1;
width:100%;
color:#333;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Osaka;
-webkit-text-size-adjust:none;/* スマホ 縦横 フォント固定 */
}

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

a { color:#663333; outline:none; text-decoration:none; }
a:hover { text-decoration:none; }

.section {
	text-align:left;
}
.section p {
	line-height:1.6;
	margin:1em 0;
}
.section p.firstChild {
	margin-top:0;
}
.section p.lastChild {
	margin-bottom:0;
}
.sec_in,
.sec_in_pc,
.sec_in_sp {
margin:0 auto;
}
.att {
	font-size:0.9em;
	text-indent:-1em;
	margin-left:1em;
}

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

/* bg_green */
.bg_green {
	background:url(../images/common/bg_green.png) 0 0 repeat;
}
/* bg_blue */
.bg_blue {
	background:url(../images/common/bg_blue.png) 0 0 repeat;
}
/* bg_blue_l */
.bg_blue_l {
	background:url(../images/common/bg_blue_l.png) 0 0 repeat;
}
/* bg_red */
.bg_red {
	background:url(../images/common/bg_red.png) 0 0 repeat;
}
/* bg_green_l */
.bg_green_l {
	background:url(../images/common/bg_green_l.png) 0 0 repeat;
}
/* bg_orange */
.bg_orange {
	background:url(../images/common/bg_orange.png) 0 0 repeat;
}
/* bg_purple */
.bg_purple {
	background:url(../images/common/bg_purple.png) 0 0 repeat;
}
/* bg_pink */
.bg_pink {
	background:url(../images/common/bg_pink.png) 0 0 repeat;
}
/* bg_gray */
.bg_gray {
	background:url(../images/common/bg_gray.png) 0 0 repeat;
}
/* btm_border */
.btm_border {
border-bottom:1px solid #CCCCCC;
}
.btm_border_blue {
border-bottom:1px solid #3399CC;
}
.btm_border_green {
border-bottom:1px solid #35D27C;
}
.btm_border_red {
border-bottom:1px solid #D2335A;
}
.btm_border_green_l {
border-bottom:1px solid #ABD234;
}
.btm_border_orange {
border-bottom:1px solid #EC6C40;
}
.btm_border_purple {
border-bottom:1px solid #9264C0;
}
.btm_border_pink {
border-bottom:1px solid #D85483;
}
.btm_border_gray {
border-bottom:1px solid #5A6F81;
}
@media screen and (min-width: 769px) {/* PC */
.btm_border {
padding-bottom:10px;
margin-bottom:30px;
}
}
@media screen and (max-width: 768px) {/* SP */
.btm_border {
padding-bottom:5px;
margin-bottom:20px;
}
@media screen and (max-width: 320px) {/* w320 */
}
}

/* ttl_01 */
.ttl_01 {
	color:#FFFFFF;
	text-align:center;
}
.ttl_01 .bg {
	position:relative;
	display:inline-block;
}
.ttl_01 .bg:before,
.ttl_01 .bg:after {
	content:"";
	position:absolute;
	top:0;
}
.ttl_01 .bg:before {
	left:0;
}
.ttl_01 .bg:after {
	right:0;
}
@media screen and (min-width: 769px) {/* PC */
.ttl_01 .bg {
	font-size:38px;
	padding:20px 70px;
}
.ttl_01 .bg:before,
.ttl_01 .bg:after {
	width:42px;
	height:60px;
}
.ttl_01 .bg:before {
	background:url(../images/common/ttl_01_l.png) 0 0 no-repeat;
	background-size:auto 60px;
	-webkit-background-size:auto 60px;
}
.ttl_01 .bg:after {
	background:url(../images/common/ttl_01_r.png) 0 0 no-repeat;
	background-size:auto 60px;
	-webkit-background-size:auto 60px;
}
}
@media screen and (max-width: 768px) {/* SP */
.ttl_01 .bg {
	font-size:20px;
	padding:10px 35px;
}
.ttl_01 .bg:before,
.ttl_01 .bg:after {
	width:21px;
	height:30px;
}
.ttl_01 .bg:before {
	background:url(../images/common/ttl_01_l.png) 0 0 no-repeat;
	background-size:auto 30px;
	-webkit-background-size:auto 30px;
}
.ttl_01 .bg:after {
	background:url(../images/common/ttl_01_r.png) 0 0 no-repeat;
	background-size:auto 30px;
	-webkit-background-size:auto 30px;
}
@media screen and (max-width: 320px) {/* w320 */
}
}

/* ttl_02 */
.ttl_02 {
	text-align:center;
}
@media screen and (min-width: 769px) {/* PC */
.ttl_02 {
	font-size:46px;
}
.ttl_02 .bg {
	position:relative;
	display:inline-block;
	padding:0 70px;
}
.ttl_02 .bg:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:46px;
	height:47px;
}
.ttl_02 .bg:before {
	background:url(../images/common/ttl_02_l.png) 0 0 no-repeat;
	background-size:auto 47px;
	-webkit-background-size:auto 47px;
}
}
@media screen and (max-width: 768px) {/* SP */
.ttl_02 {
	font-size:21px;
}
.ttl_02 .bg_sp {
	position:relative;
	padding:0 25px;
	display:inline-block;
}
.ttl_02 .bg_sp:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:20px;
	height:20px;
}
.ttl_02 .bg_sp:before {
	background:url(../images/common/ttl_02_l.png) 0 0 no-repeat;
	background-size:auto 20px;
	-webkit-background-size:auto 20px;
}
@media screen and (max-width: 320px) {/* w320 */
}
}

/* ttl_03 */
.ttl_03 {
	text-align:center;
}
.ttl_03 .bg {
	position:relative;
	margin:0 auto;
	display:inline-block;
}
.ttl_03 .blue {
	color:#3392D2;
}
.ttl_03 .bg:before,
.ttl_03 .bg:after,
.ttl_03 .blue:before {
	content:"";
	position: absolute;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #CCCCCC transparent transparent transparent;
	transform: rotate(270deg);
}
@media screen and (min-width: 769px) {/* PC */
.ttl_03 {
padding-bottom:10px;
font-size:45px;
}
.ttl_03 .blue {
font-size:30px;
	padding-right:10px;
}
.ttl_03 .blue .big {
	font-size:40px;
}
.ttl_03 .bg {
	padding-left:70px;
}
.ttl_03 .bg:before,
.ttl_03 .bg:after,
.ttl_03 .blue:before {
  top: 18px;
  border-width: 15px 10px 0 10px;
}
.ttl_03 .bg:before {
  left:5px;
}
.ttl_03 .bg:after {
  left:23px;
}
.ttl_03 .blue:before {
  left:41px;
}
}
@media screen and (max-width: 768px) {/* SP */
.ttl_03 {
padding-bottom:5px;
font-size:20px;
}
.ttl_03 .blue {
font-size:16px;
display:block;
margin-bottom:10px;
}
.ttl_03 .blue .big {
	font-size:18px;
}
.ttl_03 .bg {
	padding-left:70px;
	padding-right:70px;
}
.ttl_03 .bg:before,
.ttl_03 .bg:after,
.ttl_03 .blue:before {
  top:2px;
  border-width:10px 5px 0 5px;
}
.ttl_03 .bg:before {
  left:32px;
}
.ttl_03 .bg:after {
  left:44px;
}
.ttl_03 .blue:before {
  left:56px;
}
}

/* ttl_04 */
.ttl_04 {
	text-align:center;
	color:#3C9DCC;
}
@media screen and (min-width: 769px) {/* PC */
.ttl_04 {
	font-size:44px;
}
.ttl_04 .bg {
	position:relative;
	display:inline-block;
	padding:0 70px;
}
.ttl_04 .bg:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:46px;
	height:47px;
}
.ttl_04 .bg:before {
	background:url(../images/common/ttl_04_l.png) 0 0 no-repeat;
	background-size:auto 47px;
	-webkit-background-size:auto 47px;
}
}
@media screen and (max-width: 768px) {/* SP */
.ttl_04 {
	font-size:21px;
}
.ttl_04 .bg_sp {
	position:relative;
	padding:0 25px;
	display:inline-block;
}
.ttl_04 .bg_sp:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:20px;
	height:20px;
}
.ttl_04 .bg_sp:before {
	background:url(../images/common/ttl_04_l.png) 0 0 no-repeat;
	background-size:auto 20px;
	-webkit-background-size:auto 20px;
}
@media screen and (max-width: 320px) {/* w320 */
.ttl_04 {
	font-size:18px;
}
}
}

/* ttl_05 */
.ttl_05 {
	text-align:center;
	color:#55B9A5;
}
@media screen and (min-width: 769px) {/* PC */
.ttl_05 {
	font-size:44px;
}
.ttl_05 .bg {
	position:relative;
	display:inline-block;
	padding:0 70px;
}
.ttl_05 .bg:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:46px;
	height:47px;
}
.ttl_05 .bg:before {
	background:url(../images/common/ttl_05_l.png) 0 0 no-repeat;
	background-size:auto 47px;
	-webkit-background-size:auto 47px;
}
}
@media screen and (max-width: 768px) {/* SP */
.ttl_05 {
	font-size:21px;
}
.ttl_05 .bg_sp {
	position:relative;
	padding:0 25px;
	display:inline-block;
}
.ttl_05 .bg_sp:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:20px;
	height:20px;
}
.ttl_05 .bg_sp:before {
	background:url(../images/common/ttl_05_l.png) 0 0 no-repeat;
	background-size:auto 20px;
	-webkit-background-size:auto 20px;
}
@media screen and (max-width: 320px) {/* w320 */
.ttl_05 {
	font-size:18px;
}
}
}

/* btn_01 */
.btn_01 {
	display:block;
	background:#BEDDF1;
	border:1px solid #3C9DCC;
	color:#3C9DCC;
	border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
	text-align:center;
	position:relative;
	font-weight:bold;
}
.btn_01:before,
.btn_01:after {
	content:"";
	display:block;
	position:absolute;
	top:50%;
}
.btn_01:before {
	right:10px;
	background:#3C9DCC;
	border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
}
.btn_01:after {
	width:8px;
	height:8px;
	border-top:3px solid #FFF;
	border-right:3px solid #FFF;
	-webkit-transform:translateY(-50%) rotate(45deg);
	transform:translateY(-50%) rotate(45deg);
}
@media screen and (min-width: 769px) {/* PC */
.btn_01 {
	font-size:18px;
	padding:12px 0;
}
.btn_01:before {
	width:22px;
	height:22px;
	margin-top:-11px;
}
.btn_01:after {
	right:17px;
}
.more_btn .btn_01 {
	width:300px;
	float:right;
}
.btn_01:hover {
opacity: 0.6;
filter: alpha(opacity=60);
}
}
@media screen and (max-width: 768px) {/* SP */
.btn_01 {
	font-size:16px;
	padding:21px 0;
}
.btn_01:before {
	width:24px;
	height:24px;
	margin-top:-12px;
}
.btn_01:after {
	right:18px;
}
@media screen and (max-width: 320px) {/* w320 */
}
}
/* btn_02 */
.btn_02 {
	background:#FFF;
}
/* btn_03 */
.btn_03 {
	background:#FFF;
	color:#666666;
	border:1px solid #BBBBBB;
}
.btn_03:before {
	background:#666666;
}

/* ***************************************
	header
**************************************** */
h1 {
font-weight:normal;
width:100%;
}
/* h_in */
#header div#h_in {
margin:0 auto;
text-align:left;
}
.g_nav li {
	float:left;
}
@media screen and (min-width: 769px) {/* PC */
#header {
background:url(../images/common/h_bg.jpg) 0 0 repeat-x;
height:174px;
}
h1 {
font-size:0.7em;
text-align:right;
}
/* h_in */
#header div#h_in {
width:980px;
position:relative;
padding:10px 0 0 0;
}
/* h_logo */
#header div#h_in div#h_logo {
margin-left:12px;
}
#header div#h_in div#h_logo div#logo {
width:408px;
height:84px;
}
#header div#h_in div#h_logo div#logo img {
	width:403px;
}
/* h_tel */
#header div#h_in img#h_tel {
position:absolute;
top:32px;
left:443px;
}
/* h_mail */
#header div#h_in a#h_mail {
position:absolute;
top:32px;
right:2px;
}
/* g_nav */
#g_nav {
margin-top:15px;
background:url(../images/common/gnav_dot.gif) right 0 repeat-y;
padding-right:1px;
}
#g_nav li {
background:url(../images/common/gnav_dot.gif) left 0 repeat-y;
padding-left:1px;
height:50px;
float:left;
}
#g_nav li a {
	display:block;
	color:#3C9DCC;
	padding:20px 21px;
	font-size:14px;
	font-weight:bold;
}
#g_nav .gnav_home a {
	padding-left:54px;
	background:url(../images/common/h_home.png) 20px center no-repeat;
}
#g_nav li a:hover {
	text-decoration:none;
opacity: 0.6;
filter: alpha(opacity=60);
}
}
@media screen and (max-width: 768px) {/* SP */
#header {
}
h1 {
	background:#3C9DCC;
	color:#FFFFFF;
font-size:12px;
margin-bottom:10px;
line-height:1.3;
padding:3px 5px;
width:calc(100% - 10px);
}
/* h_logo */
#header div#h_in div#h_logo {
	padding:0 16px 13px 16px;
	text-align:left;
}
#header div#h_in div#h_logo img {
	width:220px;
}
/* h_menu_box */
.body_active {
  overflow:hidden;
}
.body_active .h_menu_box {
	background:#3C9DCC;
	width:100%;
	xheight:calc(100% - 13px);
	height:100%;
	position:fixed;
	top:0;
	left:0;
	padding-top:13px;
	padding-bottom:10px;
	overflow:scroll;
	-webkit-overflow-scrolling:touch;
	z-index:100;
}
/* h_menu */
.h_menu {
	position:fixed;
	top:45px;
	right:16px;
	z-index:100;
}
.body_active .h_menu {
	position:absolute;
	top:10px !important;
	right:10px;
}
/* menu-trigger */
.menu-trigger,
.menu-trigger .menu_bg {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 50px;
  height: 50px;/* total 50px */
	padding-top:36px;
	background:#3C9DCC;
	border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
}
.menu-trigger .menu_bg {
  position: absolute;
  left: 15px;
  width: 20px;
  height: 3px;
  background-color: #fff;
	border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;
}
.menu-trigger .menu_bg:nth-of-type(1) {
  top: 10px;
}
.menu-trigger .menu_bg:nth-of-type(2) {
  top: 18px;
}
.menu-trigger .menu_bg:nth-of-type(3) {
  top: 26px;
}
.menu-trigger.active .menu_bg:nth-of-type(1) {
  -webkit-transform: translateY(8px) rotate(-45deg);
  transform: translateY(8px) rotate(-45deg);
}
.menu-trigger.active .menu_bg:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active .menu_bg:nth-of-type(3) {
  -webkit-transform: translateY(-8px) rotate(45deg);
  transform: translateY(-8px) rotate(45deg);
}
.menu-trigger .menu_txt {
	display:block;
	color:#FFFFFF;
	text-align:center;
	font-size:9px;
}
.menu-trigger .menu_txt .off {
	display:none;
}
/* g_nav */
.g_nav {
	display:none;
}
.g_nav li {
	text-align:center;
}
.g_nav .g_nav_bg,
.g_nav .g_nav_close {
	width:100%;
}
.g_nav li a {
	display:block;
	color:#FFFFFF;
	font-size:14px;
	padding:16px 0;
}
.g_nav .g_nav_top,
.g_nav .g_nav_sitemap {
	width:37%;
	float:left;
	margin-bottom:10px;
}
.g_nav .g_nav_top {
	margin-left:12%;
}
.g_nav .g_nav_top a,
.g_nav .g_nav_sitemap a {
	padding-left:20px;
	text-align:left;
}
.g_nav .g_nav_top a {
	background:url(../images/common/icon_top.png) left center no-repeat;
	background-size:auto 13px;
	-webkit-background-size:auto 13px;
}
.g_nav .g_nav_sitemap a {
	background:url(../images/common/icon_sitemap.png) left center no-repeat;
	background-size:auto 13px;
	-webkit-background-size:auto 13px;
}
.g_nav .g_nav_bg a {
	border-top:1px dotted #FFFFFF;
	width:76%;
	margin:0 auto;
	position:relative;
}
.g_nav .g_nav_bg a:after {
	content:'';
	display:block;
	width:6px;
	height:6px;
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
	position:absolute;
	top:50%;
	right:2px;
	-webkit-transform:translateY(-50%) rotate(45deg);
	transform:translateY(-50%) rotate(45deg);
}
.g_nav .g_nav_inquiry a:after,
.g_nav .g_nav_tel a:after {
	border-top:2px solid #FFFF33;
	border-right:2px solid #FFFF33;
}
.g_nav .g_nav_close a {
	background:#DDDDDD;
	color:#3494D3;
}
.g_nav .g_nav_close a span {
	position:relative;
	padding-left:30px;
	display:inline-block;
}
.g_nav .g_nav_close a span:before,
.g_nav .g_nav_close a span:after {
	content:"";
  width:20px;
  height:3px;
  background-color:#3494D3;
	position:absolute;
	top:0;
	left:0;
	border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;
}
.g_nav .g_nav_close a span:before {
  top: 5px;
	transform: rotate(45deg);
}
.g_nav .g_nav_close a span:after {
  top: 5px;
	transform: rotate(135deg);
}
.g_nav .g_nav_inquiry a,
.g_nav .g_nav_tel a {
	color:#FFFF33;
}
.g_nav .g_nav_inquiry a span,
.g_nav .g_nav_tel a span {
	min-height:22px;
	padding-left:40px;
}
.g_nav .g_nav_inquiry a span {
	background:url(../images/common/icon_mail.png) left center no-repeat;
	background-size:21px auto;
	-webkit-background-size:21px auto;
}
.g_nav .g_nav_tel a span {
	color:#FFFF33;
	background:url(../images/common/icon_tel.png) left center no-repeat;
	background-size:21px auto;
	-webkit-background-size:21px auto;
}

@media screen and (max-width: 320px) {/* w320 */
.g_nav .g_nav_top,
.g_nav .g_nav_sitemap {
	width:100%;
	margin-left:12%;
	margin-bottom:0;
}
}
}

/* ***************************************
	contents
**************************************** */
/* contents */
div.contents {
}

/* h_ttl */
div.h_ttl {
text-align:center;
}
div.h_ttl h2 {
	color:#FFFFFF;
	background:url(../images/common/bg_blue.png) 0 0 repeat;
}
div.h_ttl h2 .big {
	text-shadow:0 0 2px #35859F,0 0 2px #35859F,0 0 2px #35859F,0 0 2px #35859F,0 0 2px #35859F,0 0 2px #35859F,0 0 2px #35859F,0 0 2px #35859F,0 0 2px #35859F,0 0 2px #35859F,0 0 2px #35859F,0 0 2px #35859F,0 0 2px #35859F,0 0 2px #35859F,0 0 2px #35859F,0 0 2px #35859F;
}
div.h_ttl_w {
	color:#333333;
background:url(../images/common/h_ttl_bg_w.jpg) 0 0 repeat-x;
}

/* section */
@media screen and (min-width: 769px) {/* PC */
.section {
margin-bottom:100px;
}
/* h_ttl */
div.h_ttl {
	background:url(../images/common/h_ttl_bg.png) 0 0 repeat-x;
	margin-bottom:50px;
}
div.h_ttl_btm {
	background:url(../images/common/h_ttl_bg.png) 0 bottom repeat-x;
}
div.h_ttl_in {
padding-top:240px;
}
.h_ttl_btm div.h_ttl_in {
padding-top:0;
padding-bottom:240px;
}
div.h_ttl h2 {
	padding:20px 0;
	font-size:35px;
}
div.h_ttl h2 .big {
	font-size:48px;
}
div.h_ttl_w {
	padding-top:40px;
	font-size:35px;
}
}
@media screen and (max-width: 768px) {/* SP */
.section {
margin-bottom:50px;
}
/* h_ttl */
div.h_ttl {
	padding-top:25%;
margin-bottom:14px;
}
div.h_ttl_btm {
padding-top:0;
padding-bottom:25%;
}
div.h_ttl h2 {
	padding:10px 0;
	font-size:15px;
}
div.h_ttl h2 .big {
	font-size:20px;
}
div.h_ttl_w {
	padding-top:20px;
	font-size:20px;
}
@media screen and (max-width: 320px) {/* w320 */
}
}

/* main_contents */
div#main_contents {
text-align:left;
}

/*div#main_contents .btm_border {
margin-top:73px;
font-size:35px;
padding-bottom:20px !important;
color:#3399CC;
padding-bottom:6px;
text-align:center;
margin-bottom:40px;
}
div#main_contents h3 {
font-weight:bold;
margin-top:30px;
}
div#main_contents p {
line-height:1.8;
margin:1em 0;
}
div#main_contents p.firstChild {
margin-top:0;
}
div#main_contents p.lastChild {
margin-bottom:0;
}
div#main_contents li {
line-height:1.8;
}*/





/* ***************************************
	tel_mail
**************************************** */
.tel_mail {
	margin:0 auto;
}
.tel_mail a {
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
	-moz-box-shadow:1px 1px 2px #CCCCCC;-webkit-box-shadow:1px 1px 2px #CCCCCC;
}
.tel_mail li.tel_link a {
	text-align:center;
	background:-webkit-gradient(linear, left top, left bottom, from(#FF86A5), to(#FF3366));
}
.tel_mail li.mail_link a {
	text-shadow:0px 0px 3px #32A784;
	background:-webkit-gradient(linear, left top, left bottom, from(#64DDB9), to(#2BC194));
}
.tel_mail a div {
	border:1px solid #FFF;
	border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
}
.tel_mail li.mail_link div {
	line-height:1.2;
	text-align:left;
}
.tel_mail a .yellow {
	color:#FFFF33;
}
.tel_mail a .tel_num {
	display:block;
	text-align:left;
	text-shadow:0px 0px 3px #DD3D65;
}
.tel_mail .mail_link a .big {
	display:block;
	float:left;
}

@media screen and (min-width: 769px) {/* PC */
.tel_mail {
	width:980px;
}
.tel_mail li {
	width:calc(50% - 3px);
	float:left;
}
.tel_mail li.tel_link {
	margin-right:6px;
	font-size:12px;
}
.tel_mail a {
	padding:5px;
}
.tel_mail a:hover {
	opacity:0.6;
	filter:alpha(opacity=60);
}
.tel_mail a div {
	letter-spacing:1.5px;
}
.tel_mail li.tel_link div {
	height:90px;/* total 102px */
	padding-top:12px;
}
.tel_mail li.mail_link div {
	height:74px;/* total 102px */
	padding-top:28px;
	font-size:22px;
}
.tel_mail a .num {
	font-size:20px;
}
.tel_mail .tel_link a .big {
	font-size:18px;
}
.tel_mail .mail_link a .big {
	font-size:42px;
	height:47px;
	line-height:47px;
	padding-left:90px;
	margin-right:10px;
	background:url(../images/common/icon_f_mail.png) 20px center no-repeat;
	background-size:auto 47px;
	-webkit-background-size:auto 47px;
}
.tel_mail a .yellow {
	font-size:24px !important;
}
.tel_mail a .tel_num {
	letter-spacing:0;
	margin-top:8px;
	font-size:47px;
	height:47px;
	line-height:47px;
	padding-left:90px;
	background:url(../images/common/icon_f_tel.png) 20px center no-repeat;
	background-size:auto 47px;
	-webkit-background-size:auto 47px;
}
}
@media screen and (max-width: 768px) {/* SP */
.tel_mail {
	width:330px;
}
.tel_mail a {
	padding:3px;
}
.tel_mail a div {
	letter-spacing:1px;
}
.tel_mail li.tel_link {
	margin-bottom:15px;
}
.tel_mail li.tel_link div {
	padding-top:6px;
	padding-bottom:10px;
	font-size:10px;
}
.tel_mail li.mail_link div {
	padding-top:14px;
	padding-bottom:14px;
	font-size:16px;
}
.tel_mail a .num {
	font-size:14px;
}
.tel_mail .tel_link a .big {
	font-size:12px;
}
.tel_mail .mail_link a .big {
	font-size:24px;
	height:35px;
	line-height:35px;
	margin-right:5px;
	padding-left:65px;
	background:url(../images/common/icon_f_mail.png) 30px center no-repeat;
	background-size:auto 25px;
	-webkit-background-size:auto 25px;
}
.tel_mail a .yellow {
	font-size:16px !important;
}
.tel_mail a .tel_num {
	display:inline-block;
	letter-spacing:1.5px;
	margin-top:10px;
	font-size:30px;
	height:25px;
	line-height:25px;
	padding-left:40px;
	background:url(../images/common/icon_f_tel.png) 5px center no-repeat;
	background-size:auto 25px;
	-webkit-background-size:auto 25px;
}
@media screen and (max-width: 320px) {/* w320 */
.tel_mail {
	width:300px;
}
.tel_mail li.tel_link div {
	font-size:8px;
}
.tel_mail li.mail_link div {
	font-size:14px;
}
.tel_mail a .num {
	font-size:12px;
}
.tel_mail .tel_link a .big {
	font-size:10px;
}
.tel_mail .mail_link a .big {
	font-size:26px;
	padding-left:45px;
	background:url(../images/common/icon_f_mail.png) 10px center no-repeat;
	background-size:auto 25px;
	-webkit-background-size:auto 25px;
}
.tel_mail a .yellow {
	font-size:14px !important;
}
.tel_mail a .tel_num {
	letter-spacing:0.8px;
	font-size:28px;
	padding-left:45px;
	background:url(../images/common/icon_f_tel.png) 10px center no-repeat;
	background-size:auto 25px;
	-webkit-background-size:auto 25px;
}
}
}

/* ***************************************
	f_pay_maker
**************************************** */
#f_pay_maker h3 {
	text-align:center;
	color:#333333;
	text-shadow:0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF,0 0 3px #FFF;
}
#f_pay_maker h3 span {
	color:#3C9DCC;
}
div#f_pay,
div#f_maker {
	border-bottom:1px solid #CEE7F2;
background:url(../images/common/pay_maker_bg.png) center 0 no-repeat;
background-size:100% auto;
-webkit-background-size:100% auto;
}
#f_pay_maker ul {
margin:0 auto;
}
div#f_pay ul li {
	position:relative;
	font-weight:bold;
}
div#f_pay ul li span {
	display:inline-block;
}
div#f_pay ul li img {
vertical-align:middle;
}
div#f_pay ul li:before {
	content:"";
	background:#3C9DCC;
	position:absolute;
	left:0;
}
div#f_pay ul li span:before {
	content:"";
	position:absolute;
	display:block;
	position:absolute;
	-webkit-transform:translateY(-50%) rotate(135deg);
	transform:translateY(-50%) rotate(135deg);
}
div#f_maker ul li {
	float:left;
}
@media screen and (min-width: 769px) {/* PC */
#f_pay_maker {
width:980px;
margin:0 auto 30px auto;
}
#f_pay_maker h3 {
	font-size:24px;
margin-bottom:26px;
}
#f_pay_maker h3 span {
	font-size:40px;
}
div#f_pay,
div#f_maker {
width:480px;
height:241px;/* total 248px */
padding-top:10px;
}
#f_pay_maker ul {
width:390px;
}
div#f_pay ul li.pay_card,
div#f_pay ul li.pay_bank {
margin-bottom:25px;
}
div#f_pay {
float:left;
}
div#f_pay li {
	font-size:20px;
}
div#f_pay ul li {
	padding-left:35px;
	line-height:30px;
}
div#f_pay ul li:before {
	width:20px;
	height:20px;
	top:3px;
}
div#f_pay ul li span {
	width:180px;
}
div#f_pay ul li span:before {
	width:10px;
	height:6px;
	border-top:3px solid #FFF;
	border-right:3px solid #FFF;
	top:11px;
	left:3px;
}
div#f_pay .pay_card img {
	height:30px;
	margin-right:8px;
}
div#f_pay .pay_bank img {
	height:25px;
}
div#f_maker {
float:right;
}
div#f_maker ul {
margin-top:20px;
}
div#f_maker ul li {
	margin:0 17px 10px 0;
}
div#f_maker img {
	height:35px;
}
}
@media screen and (max-width: 768px) {/* SP */
#f_pay_maker {
margin:0 auto 25px auto;
}
#f_pay_maker h3 {
	font-size:21px;
margin-bottom:20px;
}
#f_pay_maker h3 span {
	font-size:33px;
}
div#f_pay,
div#f_maker {
	padding-top:9px;
}
#f_pay_maker ul li img {
	width:auto;
}
#f_pay_maker ul {
	width:90%;
}
div#f_pay {
margin-bottom:10px;
	padding-bottom:10px;
}
div#f_pay li {
	font-size:16px;
}
div#f_pay ul li {
	padding-left:22px;
	line-height:20px;
}
div#f_pay ul li.pay_card,
div#f_pay ul li.pay_bank {
margin-bottom:13px;
}
div#f_pay ul li:before {
	width:13px;
	height:13px;
	top:3px;
}
div#f_pay ul li span {
	width:150px;
}
div#f_pay ul li span:before {
	width:7px;
	height:3px;
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
	top:8px;
	left:2px;
}
div#f_pay .pay_card img {
	height:20px;
	margin-right:6px;
}
div#f_pay .pay_bank img {
	height:16px;
}
#f_maker img {
	height:21px;
}
#f_maker ul li {
	margin-right:28px;
	margin-bottom:3px;
}

@media screen and (max-width: 320px) {/* w320 */
}
}




/* ***************************************
	footer
**************************************** */

/* ***************************************
	f_price_detail
**************************************** */
#f_price_detail {
margin-bottom:0;
}
/* f_price_zero */
#f_price_detail #f_price_zero {
border-bottom:2px solid #8AC4E0;
	background:#ECF4FB;
}
#f_price_detail #f_price_zero .sec_in {
	position:relative;
}
#f_price_detail #f_price_zero .att {
color:#999999;
margin-top:0.5em;
padding-left:1em;
}
#f_price_detail #f_price_zero li {
	float:left;
	border:2px solid #8AC4E0;
	border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
	color:#ED5041;
	background:#FFF;
	text-align:center;
	font-weight:bold;
	position:relative;
}
#f_price_detail #f_price_zero li:after {
	content:"";
	position:absolute;
	top:50%;
}
#f_price_detail #f_price_zero .f_price_li_last {
	color:#66ADDD;
}
#f_price_detail #f_price_zero .f_price_li_last:after {
	background:none;
}
#f_price_detail #f_price_zero li div {
	background:#ED5041;
	color:#FFF;
}
#f_price_detail #f_price_zero .f_price_li_last div {
	background:#8AC1E6;
}
#f_price_detail #f_price_zero .num,
#f_price_detail #f_price_zero .f_price_li_txt {
	font-style:italic;
}
#f_price_detail #f_price_zero .f_price_li_txt {
	display:block;
}
/* f_price_cancel */
#f_price_detail .f_price_cancel {
	color:#3C9DCC;
	font-weight:bold;
	text-align:center;
	line-height:1.4;
}
#f_price_detail .f_price_cancel span {
	color:#ED5041;
	display:block;
}
@media screen and (min-width: 769px) {/* PC */
#f_price_detail {
padding-bottom:25px;
}
/* f_price_zero */
#f_price_detail #f_price_zero {
padding-bottom:25px;
margin-bottom:30px;
}
#f_price_detail #f_price_zero h3 {
	padding-bottom:70px;
}
#f_price_detail #f_price_zero .sec_in {
	padding-top:120px;
	width:80%;
}
#f_price_detail #f_price_zero ul {
	width:770px;
	position:absolute;
	top:-57px;
	left:50%;
	margin-left:-383px;
}
#f_price_detail #f_price_zero li {
	width:148px;
	height:170px;
	margin-right:52px;
	font-size:30px;
}
#f_price_detail #f_price_zero li:after {
	width:60px;
	height:60px;
	right:-58px;
	margin-top:-30px;
	background:url(../images/common/f_price_zero_plus.png) 0 0 no-repeat;
	background-size:60px 60px;
	-webkit-background-size:60px 60px;
}
#f_price_detail #f_price_zero .f_price_li_last {
	margin-right:0;
}
#f_price_detail #f_price_zero li div {
	padding:15px 0;
	margin-bottom:5px;
	font-size:25px;
}
#f_price_detail #f_price_zero li div span {
	font-size:20px;
}
#f_price_detail #f_price_zero .num {
	font-size:110px;
}
#f_price_detail #f_price_zero .f_price_li_txt {
	font-size:45px;
	padding-top:10px;
}
/* f_price_cancel */
#f_price_detail .f_price_cancel {
	font-size:30px;
}
#f_price_detail .f_price_cancel span {
	font-size:50px;
	text-shadow:3px 3px #fff,3px 3px #fff, 8px 8px 8px rgba(0,0,0,0.4);
}
}
@media screen and (max-width: 768px) {/* SP */
#f_price_detail {
padding-bottom:10px;
}
/* f_price_zero */
#f_price_detail #f_price_zero {
padding-bottom:20px;
margin-bottom:10px;
}
#f_price_detail #f_price_zero h3 {
	padding-bottom:41px;
}
#f_price_detail #f_price_zero .sec_in {
	padding-top:84px;
}
#f_price_detail #f_price_zero ul {
	width:320px;
	position:absolute;
	top:-25px;
	left:50%;
	margin-left:-160px;
}
#f_price_detail #f_price_zero li {
	width:calc(20% - 4px);
	height:95px;
	margin-right:4%;
	font-size:18px;
	z-index:auto;
}
#f_price_detail #f_price_zero .f_price_li_wide {
	width:calc(28% - 4px);
}
#f_price_detail #f_price_zero li:after {
	width:28px;
	height:28px;
	right:-22px;
	margin-top:-4px;
	background:url(../images/common/f_price_zero_plus.png) 0 0 no-repeat;
	background-size:28px 28px;
	-webkit-background-size:28px 28px;
	z-index:1;
}
#f_price_detail #f_price_zero .f_price_li_last {
	margin-right:0;
}
#f_price_detail #f_price_zero li div {
	padding:10px 0;
	font-size:14px;
	margin-bottom:5px;
}
#f_price_detail #f_price_zero li div span {
	font-size:12px;
}
#f_price_detail #f_price_zero .num {
	font-size:50px;
}
#f_price_detail #f_price_zero .f_price_li_txt {
	font-size:20px;
	padding-top:5px;
}
/* f_price_cancel */
#f_price_detail .f_price_cancel {
	font-size:13px;
	margin-top:11px;
}
#f_price_detail .f_price_cancel span {
	font-size:20px;
	text-shadow:2px 2px #fff,2px 2px #fff, 4px 4px 4px rgba(0,0,0,0.4);
}
@media screen and (max-width: 320px) {/* w320 */
#f_price_detail #f_price_zero ul {
	width:290px;
	margin-left:-150px;
}
}
}

/* ***************************************
	f_otk_bnr
**************************************** */
#f_otk_bnr {
	border-top:3px solid #3C9DCC;
background:#FAFAD8;
text-align:center;
}
#f_otk_bnr img {
	position:relative;
}
@media screen and (min-width: 769px) {/* PC */
#f_otk_bnr {
	padding:0 0 20px 0;
height:497px;
margin-bottom:40px;
}
#f_otk_bnr img {
top:-8px;
}
}
@media screen and (max-width: 768px) {/* SP */
#f_otk_bnr {
	padding:0 5% 6px 5%;
margin-bottom:20px;
	top:-2px;
}
@media screen and (max-width: 320px) {/* w320 */
}
}



/* f_bnr */
ul#f_bnr {
width:483px;
margin:30px auto 0 auto;
}

/* footer */
#footer {
width:100%;
background:#3C9DCC;
}
/* f_in */
#footer div#f_in {
margin:0 auto;
position:relative;
}
/* page_top_btn */
#footer div#f_in a#page_top_btn {
	background:#FFFFFF;
	color:#3C9DCC;
	text-align:center;
	font-weight:bold;
	position:relative;
}
#footer div#f_in a#page_top_btn:before {
	content:'';
	display:block;
	position:absolute;
	left:50%;
	-webkit-transform:translateY(-50%) rotate(-45deg);
	transform:translateY(-50%) rotate(-45deg);
}
/* f_copy */
#footer div#f_copy_in {
background:#FFF;
color:#3C9DCC;
color:#444;
}
#footer div#f_copy_in a,
#footer div#f_copy_in a:hover {
text-decoration:none;
}
@media screen and (min-width: 769px) {/* PC */
/* footer */
#footer {
margin-top:50px;
padding-bottom:12px;
}
/* f_in */
#footer div#f_in {
width:980px;
padding:30px 0 25px 0;
}
/* page_top_btn */
#footer div#f_in a#page_top_btn {
position:absolute;
top:-45px;
right:7px;
	width:158px;/* total 160px */
	height:28px;/* total 60px */
	padding-top:30px;
	border:1px solid #3C9DCC;
	border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
}
#footer div#f_in a#page_top_btn:before {
	width:10px;
	height:10px;
	border-top:3px solid #3C9DCC;
	border-right:3px solid #3C9DCC;
	top:17px;
	margin-left:-5px;
}
#footer div#f_in a#page_top_btn:hover {
	text-decoration:none;
opacity: 0.6;
filter: alpha(opacity=60);
}
/* f_sitemap */
#footer div#f_in ul#f_sitemap {
text-align:left;
color:#FFFFFF;
font-size:0.8em;
}
#footer div#f_in ul#f_sitemap li {
width:245px;
float:left;
}
#footer div#f_in ul#f_sitemap li#f_sitemap_price {
margin-left:50px;
}
#footer div#f_in ul#f_sitemap li#f_sitemap_area {
width:195px;
}
#footer div#f_in ul#f_sitemap li dt {
font-weight:bold;
margin-bottom:20px;
}
#footer div#f_in ul#f_sitemap li dd {
xbackground:url(../images/common/f_icon_arrow.gif) left center no-repeat;
padding-left:15px;
line-height:1.8;
position:relative;
}
#footer div#f_in ul#f_sitemap li dd:before {
	content:"";
	display:block;
	width:4px;
	height:4px;
	border-top:2px solid #FFFF33;
	border-right:2px solid #FFFF33;
	position:absolute;
	top:50%;
	left:0;
	-webkit-transform:translateY(-50%) rotate(45deg);
	transform:translateY(-50%) rotate(45deg);
}
#footer div#f_in ul#f_sitemap li a {
color:#FFFFFF;
text-decoration:none;
}
#footer div#f_in ul#f_sitemap li a:hover {
color:#FFFFFF;
text-decoration:underline;
}
/* f_copy */
#footer div#f_copy {
padding-top:8px;
background:url(../images/common/f_dot.gif) 0 0 repeat-x;
}
#footer div#f_copy_in {
text-align:center;
padding:20px 0;
font-size:12px;
}
}
@media screen and (max-width: 768px) {/* SP */
/* footer */
#footer {
margin-top:33px;
padding-bottom:10px;
}
/* f_in */
#footer div#f_in {
width:90%;
padding:13px 0 20px 0;
}
/* page_top_btn */
#footer div#f_in a#page_top_btn {
	display:block;
	padding-top:28px;
	padding-bottom:11px;
	margin-bottom:28px;
	font-size:11px;
}
#footer div#f_in a#page_top_btn:before {
	width:8px;
	height:8px;
	border-top:3px solid #3C9DCC;
	border-right:3px solid #3C9DCC;
	top:18px;
	margin-left:-4px;
}
/* f_sitemap */
#footer div#f_in ul.f_sitemap {
	text-align:left;
	font-size:14px;
}
#footer div#f_in ul.f_sitemap li {
	width:50%;
	float:left;
}
#footer div#f_in ul.f_sitemap a {
	color:#FFF;
	position:relative;
	padding-left:17px;
}
#footer div#f_in ul.f_sitemap a:before {
	content:"";
	display:block;
	width:8px;
	height:8px;
	border-top:2px solid #FFFF33;
	border-right:2px solid #FFFF33;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-1px;
	-webkit-transform:translateY(-50%) rotate(45deg);
	transform:translateY(-50%) rotate(45deg);
}
#footer div#f_copy_in {
text-align:left;
padding:13px 5%;
font-size:12px;
line-height:1.2;
}

@media screen and (max-width: 320px) {/* w320 */
}
}