@charset "UTF-8";

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/


h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl {
	font-size:130%;
	line-height:1.8;
}

dt img,dd img,li img {
	vertical-align:bottom;
	line-height:1;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

a:link    {color:#284160; text-decoration:underline;}
a:visited {color:#284160; text-decoration:underline;}
a:hover   {color:#386295; text-decoration:none;}
a:active  {outline:none;}

*:first-child+html p {letter-spacing:0;} 

html {
	padding:102px 0 0;
}
body {
	color:#333;
	position:relative;
}

#wrapper{
	width:100%;
	height:auto;
	overflow:hidden;
	padding:0;
	margin:0 auto;
	text-align:left;
}
.main {
	width:90%;
	max-width:1000px;
	height:auto;
	margin:0 auto;
	overflow:hidden;
}

@media screen and (max-width: 999px) {
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,table,pre,address,ul,ol,dl {font-size:140%;}
html {-webkit-text-size-adjust:100%; padding:65px 0 0;}
}

/* Header
----------------------------------------*/
#outer_header {
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	background:#FFF;
}
#header {
	width:90%;
	max-width:1000px;
	height:auto;
	margin:0 auto;
	position:relative;
}
#header h1 {
	width:70%;
	text-align:right;
	font-size:10px;
	float:right;
	padding:20px 0 0;
}
#header .logo {
	padding:22px 0;
	float:left;
}

#gnavi ul {
	width:646px;
	height:auto;
	list-style:none;
	margin:0 auto;
	font-size:0;
	text-align:center;
	float:right;
}
#gnavi li {
	display:inline-block;
	position: relative;
}
#gnavi li a {
	display:block;
}

#gnavi li ul {
	width:180px;
	height:auto;
    display:none;
    position:absolute;
	top:64px;
	left:0;
}
#gnavi li ul li {
    display:block;
	width:100%;
	font-size:12px !important;
	line-height:1.2;
	text-align:left;
	float:none;
	padding:0;
	background:#FFF;
}
#gnavi li ul li:hover {
	background:#fafafa;
}
#gnavi li ul li a {
    display:block;
	width:100%;
	height:100%;
	color:#333;
	text-decoration:none;
    padding:15px;
	box-sizing:border-box;
}
#gnavi li ul li a:hover {
	color:#333;
}

#sp_header {display:none;}

@media screen and (max-width: 999px) {
/*#outer_header {display:none;}*/
#sp_header {display:block;}
#header h1, #header #gnavi {display:none;}
#header {
	width:100%;
	height:65px;
	padding:10px;
	box-sizing:border-box;
}
#header .logo {
	width:147px;
	height:35px;
	padding:5px 0 0;
}
#header .logo a {
	width:100%;
	height:100%;
	display:block;
}
#header .open-menu {
	display:block;
	width:45px;
	height:25px;
	position:absolute;
	top:20px;
	right:10px;
}
#sp-menu {
	display:none;
	width:100%;
	height:400px;
	position:absolute;
	top:65px;
	right:0;
	border-top:#e6e1e1 1px solid;
	background:#FFF;
	z-index:99999;
	overflow-y:scroll;
}

#sp-menu p.btn {
	font-size:12px;
	font-weight:bold;
    background:#fafafa;
	border-bottom:#e6e1e1 1px solid;
}
#sp-menu p.btn a {
	display:block;
	padding:10px;
	color:#333;
	text-decoration:none;
}

#sp-menu dl {
}
#sp-menu dt {
	font-size:12px;
	font-weight:bold;
	color:#333;
	padding:10px;
    background:#fafafa url(../images/sp_open.png) 98% center no-repeat;
	border-bottom:#e6e1e1 1px solid;
}
#sp-menu dt.open {
    background:#fafafa url(../images/sp_close.png) 98% center no-repeat;
}
#sp-menu dd {
	width:100%;
	display:none;
}
#sp-menu dd li {
	width:100%;
	font-size:12px;
	line-height:1.2;
	position:relative;
	border-bottom:#e6e1e1 1px solid;
}
#sp-menu dd li a {
	display:block;
	color:#000;
	text-decoration:none;
	padding:10px;
}
#sp-menu dd li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border-top: solid 2px #000;
	border-right: solid 2px #000;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}

.menu_btn {
	width:100%;
	height:auto;
	overflow:hidden;
	padding:10px 10px 5px;
	box-sizing:border-box;
}
.menu_btn li {
	width:45px;
	height:45px;
	float:left;
	margin:0 5px 5px 0;
	background:#f4f4f4;
}

p.close_btn {
	background:#f4f4f4;
}
p.close_btn a {
	display:block;
	line-height:1;
	color:#555;
	text-align:center;
	text-decoration:none;
	padding:15px 10px;
}
p.close_btn a:hover {text-decoration:none;}

#outer_sp_header img {
	width:100%;
	height:auto;
}
}

/* Footer
----------------------------------------*/
#outer_footer {
	width:100%;
	height:auto;
	color:#FFF;
	background:#284160;
	margin-top:100px;
}
#footer {
	width:90%;
	max-width:1000px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	padding:60px 0;
}
#footer .info_block {width:50%; float:left;}
#footer .info_block .logo {margin-bottom:20px;}
#footer .info_block .txt {font-size:12px; margin-bottom:30px;}
#footer .info_block .txt span {font-size:16px;}

#footer dl {width:25%; float:left; padding-left:40px; box-sizing:border-box;}
#footer dl dt {font-size:16px; font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
#footer dl dd {font-size:12px; padding-left:10px;}
#footer dl dd a {color:#FFF; text-decoration:none;}
#footer dl dd a:hover {text-decoration:underline;}

#footer .p_mark {
	width:550px;
	overflow:hidden;
	float:left;
	color:#333;
	background:#FFF;
	padding:15px;
	margin-top:30px;
	box-sizing:border-box;
}
#footer .p_mark .img {width:70px; float:left;}
#footer .p_mark .txt {width:430px; float:right; padding-top:5px;}
#footer .p_mark p {font-size:12px;}
#footer .p_mark .img img {width:100%; max-width:100%; height:auto;}

#outer_footer .copy {
	font-size:12px;
	line-height:1;
	text-align:center;
	padding:35px 0;
}

@media screen and (max-width: 999px) {
#outer_footer {margin-top:50px;}
#footer .info_block, #footer dl {display:none;}
#footer {padding:30px 0;}

#footer .p_mark {width:100%; margin-top:0;}
#footer .p_mark .img {float:none; margin:0 auto;}
#footer .p_mark .txt {width:100%; float:none; padding-top:10px;}

#outer_footer .copy {padding:20px 0;}
}

/* index
----------------------------------------*/
#topImage {
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
}
#topImage li img {width:100%; height:auto;}
.bxslider li {display:none;}
.bx-viewport .bxslider li {display:block !important;}

#index-sec-menu {
	width:100%;
	height:auto;
	overflow:hidden;
	padding:90px 0 90px;
}
#index-sec-menu h2 {
	max-width:90%;
	line-height:1.1;
	text-align:center;
	font-size:20px;
	letter-spacing:0.2em;
	font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	color:#555;
	margin:0 auto 50px;
}
#index-sec-menu .index_menu {
	width:90%;
	height:auto;
	margin:0 auto;
	text-align:center;
	font-size:0;
}
#index-sec-menu .index_menu li {
	display:inline-block;
	width:-webkit-calc(100% / 3);
	width:calc(100% / 3);
	line-height:1.2;
	position:relative;
	margin-bottom:30px;
	padding:0 5px;
	box-sizing:border-box;
	vertical-align:top;
	word-break: break-all;
}
#index-sec-menu .index_menu li a {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-indent:-9999999px;
}
#index-sec-menu .index_menu li img {
	width:100%;
	height:auto;
	margin-bottom:15px;
}
#index-sec-menu .index_menu li p {text-align:left;}
#index-sec-menu .index_menu li .ttl {
	font-size:18px;
	line-height:1.1;
	font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	text-align:left;
	margin-bottom:5px;
}
#index-sec-menu .index_menu li .memo {
	font-size:12px;
	line-height:1.1;
	color:#999;
	text-align:left;
}

#index-sec-product {
	width:100%;
	height:auto;
	overflow:hidden;
	background:#000;
}
#product_ttl {
	max-width:90%;
	line-height:1.1;
	text-align:center;
	font-size:20px;
	letter-spacing:0.2em;
	font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	color:#555;
	margin:0 auto 50px;
}
#index-sec-product .large-img, #index-sec-product .small-img {
  position:relative;
  overflow:hidden;
  float:left;
}
#index-sec-product .large-img img, #index-sec-product .small-img img {
	width:100%;
	height:auto;
}
#index-sec-product .large-img {width:50%;}
#index-sec-product .small-img {width:33.33%;}
#index-sec-product .large-img a, #index-sec-product .small-img a {
	position:absolute;
	top:0;
	left:0;
	z-index:3;
	width:100%;
	height:100%;
	text-indent:-999px;
}
#index-sec-product .large-img .txt, #index-sec-product .small-img .txt {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	width:100%;
	height:100%;
	padding:80px 0px 0px 70px;
	box-sizing:border-box;
}
#index-sec-product .large-img h4, #index-sec-product .small-img h4 {
	color:#FFF;
	font-size:22px;
	font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	line-height:1.2;
}
#index-sec-product .large-img img, #index-sec-product .small-img img {
	-webkit-transition:.5s;
	transition:.5s;
	opacity:0.5;
}
#index-sec-product .large-img h4 span, #index-sec-product .small-img h4 span {
	font-size:12px;
	display:block;
}
#index-sec-product .large-img:hover img, #index-sec-product .small-img:hover img {opacity:1;}
#index-sec-product_sp {display:none;}

#index-sec-greeting {
	width:100%;
	height:auto;
	margin:80px auto 0;
	background:url(../images/bg_index_greeting.jpg) no-repeat center;
	background-size:cover;
}
#index-sec-greeting .contents {
	width:90%;
	max-width:1000px;
	text-align:center;
	margin:0 auto;
	padding:90px 0 100px;
}
#index-sec-greeting .contents h3 {
	max-width:90%;
	line-height:1.2;
	text-align:center;
	font-size:24px;
	letter-spacing:0.2em;
	font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	color:#284160;
	margin:0 auto 45px;
}
#index-sec-greeting .contents h4 {
	font-size:18px;
	font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	margin-bottom:10px;
}
#index-sec-greeting .contents p {
	line-height:2.2;
}

#index-sec-advantage {
	width:100%;
	height:auto;
	margin:0 auto;
	background:url(../images/bg_index_advantage.gif);
}
#index-sec-advantage .contents {
	width:90%;
	max-width:1000px;
	margin:0 auto;
	padding:90px 0;
	color:#FFF;
}
#index-sec-advantage .contents h3, #index-sec-advantage .contents h4 {
	line-height:1.2;
	text-align:center;
	letter-spacing:0.3em;
	font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
#index-sec-advantage .contents h3 {font-size:24px; margin:0 auto 15px;}
#index-sec-advantage .contents h4 {font-size:14px; margin:0 auto 45px;}
#index-sec-advantage .contents p.txt {text-align:center; margin-bottom:30px;}
#index-sec-advantage .contents ul {
	width:840px;
	overflow:hidden;
	margin:0 auto 50px;
}
#index-sec-advantage .contents ul li {
	width:180px;
	padding:0 50px;
	float:left;
}
#index-sec-advantage .contents ul li img {
	width:100%;
	height:auto;
	margin-bottom:30px;
}
#index-sec-advantage .contents .advantage_btn {
	width:300px;
	margin:0 auto;
	font-size:18px;
	text-align:center;
	line-height:65px;
	letter-spacing:0.4em;
}
#index-sec-advantage .contents .advantage_btn:hover {background:#FFF;}
#index-sec-advantage .contents .advantage_btn a {
	display:block;
	width:100%;
	height:100%;
	color:#FFF;
	text-decoration:none;
	border:#FFF 2px solid;
	box-sizing:border-box;
}
#index-sec-advantage .contents .advantage_btn a:hover {color:#284160;}

#index-sec-news {
	width:100%;
	height:auto;
	margin:0 auto;
	background:#f8f8f8;
}
#index-sec-news .contents {
	width:90%;
	max-width:1000px;
	margin:0 auto;
	padding:90px 0;
}
#index-sec-news .contents h3 {
	font-size:20px;
	line-height:1.2;
	text-align:center;
	letter-spacing:0.3em;
	font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	margin-bottom:50px;
}
#index-sec-news .contents ul {overflow:hidden; margin-bottom:45px;}
#index-sec-news .contents ul li {
	width:25%;
	height:auto;
	float:left;
	font-size:12px;
	padding:0 15px;
	box-sizing:border-box;
	position:relative;
}
#index-sec-news .contents ul li img {
	width:100%;
	max-width:100%;
	height:auto;
	margin-bottom:20px;
}
#index-sec-news .contents ul li span {display:block; font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
#index-sec-news .contents ul li a {
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-indent:-99999px;
}
#index-sec-news .contents .news_btn {
	width:300px;
	margin:0 auto;
	font-size:18px;
	text-align:center;
	line-height:65px;
	letter-spacing:0.4em;
}
#index-sec-news .contents .news_btn:hover {background:#284160;}
#index-sec-news .contents .news_btn a {
	display:block;
	width:100%;
	height:100%;
	color:#284160;
	text-decoration:none;
	border:#284160 2px solid;
	box-sizing:border-box;
}
#index-sec-news .contents .news_btn a:hover {color:#FFF;}

#index-sec-contact {
	width:90%;
	max-width:1000px;
	margin:50px auto 0;
}

@media screen and (max-width: 999px) {
#index-sec-menu {padding:40px 0 10px;}
#index-sec-menu h2 {margin-bottom:20px;}
#index-sec-menu .index_menu li {
	display:block;
	width:90%;
	margin:0 auto 20px;
	padding:0;
}
#index-sec-menu .index_menu li img {margin-bottom:10px;}

#product_ttl {margin-bottom:20px;}
#index-sec-product {display:none;}
#index-sec-product_sp {
	display:block;
	width:90%;
	margin:0 auto 15px;
}
#index-sec-product_sp div {
	width:100%;
	height:100px;
	margin-bottom:5px;
	position:relative;
}
#index-sec-product_sp div.menu01 {background:url(../images/index_product01.jpg) no-repeat center; background-size:cover;}
#index-sec-product_sp div.menu02 {background:url(../images/index_product02.jpg) no-repeat center; background-size:cover;}
#index-sec-product_sp div.menu03 {background:url(../images/index_product03.jpg) no-repeat center; background-size:cover;}
#index-sec-product_sp div.menu04 {background:url(../images/index_product04.jpg) no-repeat center; background-size:cover;}
#index-sec-product_sp div.menu05 {background:url(../images/index_product05.jpg) no-repeat center; background-size:cover;}
#index-sec-product_sp div.menu06 {background:url(../images/index_product06.jpg) no-repeat center; background-size:cover;}
#index-sec-product_sp div.menu07 {background:url(../images/index_product07.jpg) no-repeat center; background-size:cover;}
#index-sec-product_sp div.menu08 {background:url(../images/index_product08.jpg) no-repeat center; background-size:cover;}
#index-sec-product_sp div.menu09 {background:url(../images/index_product09.jpg) no-repeat center; background-size:cover;}
#index-sec-product_sp div.menu10 {background:url(../images/index_product10.jpg) no-repeat center; background-size:cover;}
#index-sec-product_sp div.menu11 {background:url(../images/index_product11.jpg) no-repeat center; background-size:cover;}
#index-sec-product_sp div a {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-indent:-9999999px;
}

#index-sec-product_sp p {
	font-size:14px;
	font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	line-height:1.2;
	margin-bottom:10px;
}
#index-sec-product_sp a {color:#333; text-decoration:none;}
#index-sec-product_sp a span {font-size:11px; margin-left:5px;}

#index-sec-greeting {margin:30px auto 0;}
#index-sec-greeting .contents {padding:50px 0;}
#index-sec-greeting .contents h3 {margin:0 auto 25px;}
#index-sec-greeting .contents h4 {font-size:15px;}

#index-sec-advantage .contents {padding:50px 0;}
#index-sec-advantage .contents h3 {font-size:20px; margin:0 auto 10px;}
#index-sec-advantage .contents h4 {font-size:12px; margin:0 auto 30px;}
#index-sec-advantage .contents ul {
	width:100%;
	max-width:180px;
	margin:0 auto;
}
#index-sec-advantage .contents ul li {
	padding:0;
	float:none;
	margin-bottom:30px;
}
#index-sec-advantage .contents ul li img {margin-bottom:20px;}
#index-sec-advantage .contents .advantage_btn {width:250px; font-size:16px;}

#index-sec-news .contents {padding:50px 0;}
#index-sec-news .contents ul {margin-bottom:0;}
#index-sec-news .contents ul li {
	width:90%;
	float:none;
	padding:0;
	margin:0 auto 30px;
}
#index-sec-news .contents ul li img {margin-bottom:10px;}
#index-sec-news .contents .news_btn {width:250px; font-size:16px;}

#index-sec-contact {margin:30px auto 0;}
}


/* advantage
----------------------------------------*/
#advantage_contents {overflow:hidden; margin:0 auto 80px;}
#advantage_contents .blc {
	width:30%;
	float:left;
	margin-right:5%;
	color:#284160;
}
#advantage_contents .blc .img {width:180px; margin:0 auto 30px;}
#advantage_contents .blc .img img {
	width:100%;
	max-width:100%;
	height:auto;
}
#advantage_contents .blc h5 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:20px;
}
#advantage_contents .blc:last-child {margin-right:0;}

#advantage_point dl {
	overflow:hidden;
	margin-bottom:7px;
	border:#284160 1px solid;
}
#advantage_point dt {
	width:15%;
	float:left;
	font-size:16px;
	color:#FFF;
	text-align:center;
	background:#284160;
}
#advantage_point dd {
	width:85%;
	font-size:16px;
	font-weight:bold;
	color:#284160;
}
#advantage_point dt, #advantage_point dd {
	float:left;
	padding:10px 15px 9px;
	line-height:1.4;
	box-sizing:border-box;
}

@media screen and (max-width: 999px) {
#advantage_contents {margin:0 auto 10px;}
#advantage_contents .blc {width:100%; margin:0 auto 30px;}
#advantage_contents .blc .img {margin:0 auto 20px;}
#advantage_contents .blc h5 {margin-bottom:10px;}
#advantage_point dt, #advantage_point dd {width:100%; font-size:14px;}
}

/* company
----------------------------------------*/
.company_tbl dt {font-size:13px; font-weight:bold;}
.company_tbl dd {font-size:12px; margin-bottom:15px;}
.company_tbl dd:last-child {margin-bottom:0;}

@media screen and (max-width: 999px) {
.company_tbl dt {font-size:14px;}
.company_tbl dd {font-size:13px;}
}


/* privacy
----------------------------------------*/
.privacy_list li {
	list-style-type:decimal;
    margin-left:1.5em;
	font-size:13px;
	line-height:1.4;
	margin-bottom:1em;
}
.privacy_list li:last-child {margin-bottom:0;}
.privacy_list li ul {margin-top:0.5em;}


/* contact
----------------------------------------*/
.contact_privacy {
	width:100%;
	height:350px;
	padding:50px;
	background:#fafafa;
	overflow-y:scroll;
	box-sizing:border-box;
}
.contact_privacy li {
	list-style-type:decimal;
    margin-left:1.5em;
	font-size:13px;
	line-height:1.4;
	margin-bottom:1em;
}
.contact_privacy li:last-child {margin-bottom:0;}
.contact_privacy li ul {margin-top:0.5em;}

@media screen and (max-width: 999px) {
.contact_privacy {height:300px; padding:30px;}
}


/* works
----------------------------------------*/
.works_list {
	overflow:hidden;
}
.works_list li {
	width:48%;
	float:left;
	margin:0 1% 50px;
}
.works_list li .works_img img {
	width:100%;
	max-width:100%;
	height:auto;
	margin-bottom:20px;
}

.works_tbl {
	width:100%;
	background:#FFF;
	border-top:#dedede 1px solid;
	border-left:#dedede 1px solid;
}
.works_tbl th, .works_tbl td {
	font-size:12px;
	line-height:1.4;
	padding:10px 13px;
	border-bottom:#dedede 1px solid;
	border-right:#dedede 1px solid;
}
.works_tbl th {
	width:20%;
	vertical-align:middle;
	font-weight:bold;
	background:#f3f6f9;
}

@media screen and (max-width: 999px) {
.works_list li {
	width:100%;
	margin:0 0 30px;
}
.works_list li:last-child {margin-bottom:0;}


.tbl-pt01.under th, .tbl-pt01.under td {
	display:block;
	width:100% !important;
	box-sizing:border-box;
}
}


/* calendar
----------------------------------------*/
.deco_block-pt01 .calendar_contents {width:100%; overflow:hidden; margin-bottom:50px;}
.deco_block-pt01 .calendar_contents li {
	width:-webkit-calc(100% / 3);
	width:calc(100% / 3);
	float:left;
}
.deco_block-pt01 .calendar_contents li img {
	width:100%;
	max-width:100%;
	height:auto;
}

@media screen and (max-width: 999px) {
.deco_block-pt01 .calendar_contents {margin-bottom:30px;}
.deco_block-pt01 .calendar_contents li {width:100%;}
}


/* common
----------------------------------------*/
.pc_area {display:block;}
.sp_area {display:none;}

.f_left {float:left;}
.f_right {float:right;}

.font10 {font-size:10px;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}

.bold {font-weight:bold;}

.text {margin-bottom:1em;}
.txt-l {text-align:left;}
.txt-c {text-align:center;}
.txt-r {text-align:right;}

.alpha a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}

#pan {background:#f8f8f8;}
#pan ul {
	width:92%;
	max-width:1000px;
	margin:0 auto 60px;
}
#pan ul li {
	display:inline;
	list-style:none;
	font-size:11px;
	line-height:50px;
}
#pan ul li:after {content: '>'; padding:0 3px;}
#pan ul li:last-child:after{content: '';}

@media screen and (max-width: 999px) {
.pc_area {display:none;}
.sp_area {display:block;}
#pan ul {margin:0 auto 30px;}
#pan ul li {font-size:10px; line-height:40px;}

#wrapper img {
	width:100%;
	max-width:100%;
	height:auto;
}
}


/* block */
.text_area {
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}

.deco_block-pt01 {
	background:url(../images/bg_deco01.gif) no-repeat top center;
	padding-top:50px;
}
.deco_block-pt01 .contents {
	width:90%;
	max-width:1000px;
	margin:0 auto;
	overflow:hidden;
}
.deco_block-pt01 .contents .img {
	width:62%;
	height:auto;
	float:left;
}
.deco_block-pt01 .contents .img img {
	width:100%;
	max-width:100%;
	height:auto;
}
.deco_block-pt01 .contents .txt {
	width:34%;
	height:auto;
	float:right;
}
.deco_block-pt01 .contents .txt p {
	line-height:2;
}

.deco_block-pt02 {
	background:url(../images/bg_deco02.gif);
	padding:80px 0;
}
.deco_block-pt02 .contents {
	width:90%;
	max-width:1000px;
	margin:0 auto;
	overflow:hidden;
	color:#FFF;
}

.img_l, .img_r {
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
.img_l .img {width:50%; float:left;}
.img_l .txt {width:47%; float:right;}
.img_r .img {width:50%; float:right;}
.img_r .txt {width:47%; float:left;}
.img_l img, .img_r img {
	width:100%;
	max-width:100%;
	height:auto;
}

.anc_btn {
	width:90%;
	overflow:hidden;
	margin:0 auto;
}
.anc_btn li {
	width:-webkit-calc(100% / 3);
	width:calc(100% / 3);
	float:left;
	padding:3px;
	font-size:14px;
	text-align:center;
	line-height:1.2;
	box-sizing:border-box;
}
.anc_btn li a {
	display:block;
	width:100%;
	color:#FFF;
	text-decoration:none;
	padding:25px 10px;
	background:#284160;
	box-sizing:border-box;
}
.anc_blc {
	margin-top:-102px;
	padding-top:102px;
}

@media screen and (max-width: 999px) {
.deco_block-pt01 {padding-top:30px;}
.deco_block-pt01 .contents .img {
	width:100%;
	float:none;
	margin:0 auto 15px;
}
.deco_block-pt01 .contents .txt {width:100%; float:none;}
.deco_block-pt02 {padding:40px 0;}

.img_l .img, .img_r .img {width:100%; float:none; margin-bottom:15px;}
.img_l .txt, .img_r .txt {width:100%; float:none;}

.anc_blc {
	margin-top:-65px;
	padding-top:65px;
}
}


/* title */
#page_ttl {
	background:url(../images/bg_page_ttl.jpg) no-repeat center;
	background-size:cover;
	padding:190px 0 180px;
}
#page_ttl h2 {
	width:90%;
	margin:0 auto;
	font-size:40px;
	font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	line-height:1.2;
	text-align:center;
	letter-spacing:0.2em;
	text-shadow:0px 0px 5px #ffffff;
}
#page_ttl h2 span {
	display:block;
	font-size:16px;
}

.ttl-deco01 {
	line-height:1.2;
	font-size:32px;
	text-align:center;
	letter-spacing:0.2em;
	font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	margin:0 auto 40px;
}
.ttl-deco01 span {
	display:block;
	font-size:12px;
	color:#555;
}
.ttl-deco02 {
	font-size:20px;
	font-weight:bold;
	line-height:1.3;
	margin-bottom:30px;
}
.ttl-deco03 {
	font-size:24px;
	font-weight:bold;
	text-align:center;
	line-height:1.3;
	margin:0 auto 40px;
}
.ttl-deco04 {
	font-size:15px;
	font-weight:bold;
	line-height:1.2;
	margin-bottom:20px;
	padding:15px 20px;
	background:#f8f8f8;
}
.ttl-deco05, .ttl-deco08 {
	font-size:20px;
	font-weight:bold;
	line-height:1.3;
	color:#284160;
	margin-bottom:20px;
}
.ttl-deco06 {
	color:#FFF;
	font-size:13px;
	margin-bottom:10px;
	padding:3px 15px 2px;
	background:#284160;
	display:inline-block;
}
.ttl-deco07 {
	font-size:14px;
	font-weight:bold;
	color:#284160;
}
.ttl-deco08 {margin-bottom:10px;}


@media screen and (max-width: 999px) {
#page_ttl {padding:40px 0;}
#page_ttl h2 {font-size:26px; text-align:center;}
.ttl-deco01 {font-size:24px; margin:0 auto 30px;}
.ttl-deco02 {font-size:18px; margin-bottom:20px;}
.ttl-deco03 {font-size:20px; margin:0 auto 20px;}
.ttl-deco05, .ttl-deco08 {font-size:18px;}
.ttl-deco06 {font-size:14px;}
.ttl-deco07 {font-size:15px;}
}

/* margin */
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}

.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb80 {margin-bottom:80px !important;}
.mb100 {margin-bottom:100px !important;}

.mb_ss {margin-bottom:30px !important;}
.mb_s {margin-bottom:50px !important;}
.mb_m {margin-bottom:90px !important;}
.mb_l {margin-bottom:120px !important;}

@media screen and (max-width: 999px) {
.mb_ss {margin-bottom:20px !important;}
.mb_s {margin-bottom:30px !important;}
.mb_m {margin-bottom:50px !important;}
.mb_l {margin-bottom:80px !important;}
}


/* table */
.tbl-pt01 {
	width:100%;
	background:#FFF;
	border-top:#dedede 1px solid;
	border-left:#dedede 1px solid;
}
.tbl-pt01 th, .tbl-pt01 td {
	line-height:1.4;
	padding:20px;
	border-bottom:#dedede 1px solid;
	border-right:#dedede 1px solid;
}
.tbl-pt01 th {
	width:30%;
	vertical-align:middle;
	font-weight:bold;
	background:#f3f6f9;
}

.wp10 {width:10% !important;}
.wp15 {width:15% !important;}
.wp20 {width:20% !important;}
.wp25 {width:25% !important;}
.wp30 {width:30% !important;}
.wp35 {width:35% !important;}
.wp40 {width:40% !important;}
.wp50 {width:50% !important;}
.wp60 {width:60% !important;}
.wp65 {width:65% !important;}
.wp70 {width:70% !important;}
.wp80 {width:80% !important;}

.scroll{overflow:auto; white-space: nowrap;}
.scroll::-webkit-scrollbar{height:5px;}
.scroll::-webkit-scrollbar-track{background:#F1F1F1;}
.scroll::-webkit-scrollbar-thumb {background:#BCBCBC;}

@media screen and (max-width: 999px) {
.tbl-pt01.under th, .tbl-pt01.under td {
	display:block;
	width:100% !important;
	padding:15px;
	box-sizing:border-box;
}
}


/* list */
.list-pt01 li {
	font-size:13px;
	padding-left:1em;
	position:relative;
	line-height:1.2;
	margin-bottom:1em;
}
.list-pt01 li::after {
	display:block;
	content:'';
	position:absolute;
	top:4px;
	left:0;
	width:6px;
	height:6px;
	background-color:#284160;
	border-radius:100%;
}
.list-pt01 li:last-child {margin-bottom:0;}

@media screen and (max-width: 999px) {
.list-pt01 li {font-size:14px;}
}


/* button */
.button-ss, .button-s, .button-m, .button-l {
	height:auto;
	margin:0 auto;
	font-size:16px;
	text-align:center;
	line-height:45px;
	line-height:1.2;
	background:#FFF;
}
.button-ss {width:100px;}
.button-s {width:180px;}
.button-m {width:250px;}
.button-l {width:300px;}
.button-ss:hover, .button-s:hover, .button-m:hover, .button-l:hover {background:#284160;}

.button-ss a, .button-s a, .button-m a, .button-l a {
	display:block;
	width:100%;
	height:100%;
	color:#284160;
	text-decoration:none;
	border:#284160 2px solid;
	padding:15px;
	box-sizing:border-box;
}
.button-ss a:hover, .button-s a:hover, .button-m a:hover, .button-l a:hover {color:#FFF;}

@media screen and (max-width: 999px) {
.button-ss, .button-s, .button-m, .button-l {font-size:14px;}
}