@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

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

html { /*height:100%;*/ font-size:62.5%; font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
body { position:relative; width:100%; margin:0 auto; /*height:100%;*/ font-size:14px; font-size:1.4rem; line-height:1.7; color:#333333; background-color:#FFFFFF; word-wrap: break-word;}
a { text-decoration:none;}
a:hover { text-decoration:none;}
@media all and (max-width:719px)
{
html,body { -webkit-text-size-adjust:none;}
a { text-decoration:none;}
a:hover { text-decoration:none;}
}

/*文字リンク色と装飾設定*/
a:link { color:#993333; text-decoration:none} 
a:visited { color:#CC3366; text-decoration:none}
a:hover { color:#CC3366; text-decoration:underline;} 
a:active { color:#993333; text-decoration: underline;} 

/*文字サイズ*/
.text5 { font-size: 5px; font-size:0.5rem !important;}
.text8 { font-size: 8px; font-size:0.8rem !important;}
.text10 { font-size: 10px; font-size:1.0rem !important;}
.text11 { font-size: 11px; font-size:1.1rem !important;}
.text12 { font-size: 12px; font-size:1.2rem !important;}
.text13 { font-size: 13px; font-size:1.3rem !important;}
.text14 { font-size: 14px; font-size:1.4rem !important;}
.text15 { font-size: 15px; font-size:1.5rem !important;}
.text16 { font-size: 16px; font-size:1.6rem !important;}
.text17 { font-size: 17px; font-size:1.7rem !important;}
.text18 { font-size: 18px; font-size:1.8rem !important;}
.text20 { font-size: 20px; font-size:2.0rem !important;}
.text22 { font-size: 22px; font-size:2.2rem !important;}
.text24 { font-size: 24px; font-size:2.4rem !important;}
.text28 { font-size: 28px; font-size:2.8rem !important;}
.text32 { font-size: 32px; font-size:3.2rem !important;}
.text36 { font-size: 36px; font-size:3.6rem !important;}
.text48 { font-size: 48px; font-size:4.8rem !important;}
.text-wh { color:#FFFFFF !important;}
.text-red_bd { color:#FF0000 !important; font-weight:bold !important;}
.text-red { color:#FF0000 !important;}

.clear { clear:both; height:0px; margin:0; padding:0;}

.clearfix:after { /*floatの解除、ここがポイント*/ 
    display:block; 
    clear:both; 
    height:0px; 
    visibility:hidden; 
    content:"."; 
} 
.clearfix { 
    min-height: 1px; /*IE6、7対策*/ 
} 
* html .clearfix { 
    height: 1px; 
    /*\*//*/ /*MAC IE5.x対策*/ 
    height: auto; 
    overflow: hidden; 
    /**/ 
} 

.fontmin { font-weight:800 !important; font-family:ＭＳ Ｐ明朝, 細明朝体, 'Hiragino Mincho ProN', serif !important; transform: rotate(.03deg) !important;}
.fonteuromin { font-weight:normal !important; font-family:"Times New Roman", Times, serif !important; transform: rotate(.00deg) !important;}

/*===========================================================*/

/*ヘッダー(スマホ固定部)要素--------------------*/
#header { width:100%; margin:0; padding:10px 0; text-align:left; font-size:0; background:url(../img/com/h_main-logo_bg.png) left bottom no-repeat; background-size:240px 200px;}
#fixed-top .current { background-image:none;}
#header h1 { display:inline-block; vertical-align:bottom; width:180px; margin:20px 0 0 1.0%; text-align:left; font-weight:normal;}
#header h1 p.keyword { position:absolute; color:#FFFFFF; z-index:-9999;}
#header h1 a { display:block;}
#header h1 a img { vertical-align:middle; width:auto; height:60px;}
@media all and (max-width:889px)
{
#header h1 { margin:20px 0 0 0.5%;}
}
@media all and (max-width:799px)
{
#header { width:800px !important;}
}
@media all and (max-width:719px)
{
#header { width:auto !important; margin:0; padding:10px 5px; text-align:left;}
#fixed-top .current { background:url(../img/com/h_main-logo_bg.png) left bottom no-repeat; background-size:240px 200px;}
#header h1 { vertical-align:top; margin-left:0; width:auto; min-width:0; margin:0 0 0 10px;}
#header h1 a img { width:auto !important; height:35px !important; margin:0 auto 5px; padding:5px 0;}
}

/*PCメインナビ要素--------------------*/
#mainnavi { position:relative; display:inline-block; vertical-align:bottom; width:690px; margin:0 0 0 2.5%; padding:0; text-align:center; font-size:0; list-style:none;}
.dropmenu { 
  *zoom:1; 
  list-style-type:none;
  margin:0; 
  padding:0;
  font-weight:800 !important; font-family:ＭＳ Ｐ明朝, 細明朝体, 'Hiragino Mincho ProN', serif !important; transform: rotate(.03deg) !important;
  position:relative;
  z-index:99;
} 
.dropmenu:before, .dropmenu:after { 
  content: ""; 
  display: table; 
} 
.dropmenu:after { 
  clear: both; 
} 
.dropmenu li { 
  position: relative;
  width: auto;
  min-width:100px;
  float: left;
  margin: 0;
  margin-right:2.5%; 
  padding: 0; 
  text-align: center;
}
.dropmenu > li { height:55px;}
.dropmenu > li:last-child { margin-right:0 !important;}
.dropmenu li a { 
  display:block;
  height:54px;
  margin:0; 
  padding:0 5px;
  border-bottom:#27B1AE 1px solid; 
  color:#FFFFFF/*#333333*/; 
  font-size:18px; 
  line-height:55px; 
  text-decoration: none;
  background-color:#27B1AE;
-moz-border-radius: 5px;    /* 古いFirefox */
-webkit-border-radius: 5px; /* 古いSafari,Chrome */
border-radius: 5px;        /* CSS3 */}
.dropmenu > li a span { display:block; padding:10px 0 0; line-height:1.1;}
.dropmenu li ul { 
  list-style: none; 
  position: absolute; 
  z-index: 9999; 
  top: 100%; 
  margin:0; 
  padding:0; 
} 
.dropmenu li ul.menu01 { left:0;}
.dropmenu li ul.menu02 { left:0;}
.dropmenu li ul.menu03 { left:0;}
.dropmenu li ul.menu01 li { min-width:275px;}
.dropmenu li ul.menu02 li { min-width:155px;}
.dropmenu li ul.menu03 li { min-width:345px;}
.dropmenu li ul li a { 
  height:auto;
  padding: 13px 5px 13px 10px; 
  border-top:1px dashed #FFFFFF; 
  background:#27B1AE; 
  text-align: left;
  color:#FFFFFF;
  font-size:16px;
  line-height:1;
-moz-border-radius: 0;    /* 古いFirefox */
-webkit-border-radius: 0; /* 古いSafari,Chrome */
border-radius: 0;        /* CSS3 */}
.dropmenu li:hover > a {
color:#333333;
background:#DEF8ED; 
} 
.dropmenu li > a:hover { 
background:#DEF8ED; 
} 
.dropmenu li ul li > a:hover {
color:#333333;
background:#DEF8ED; 
} 
#dropmenu li ul li { 
  overflow: hidden; 
  height: 0; 
  transition: .2s;
} 
#dropmenu li:hover ul li { 
  overflow: visible; 
  height: 38px;
} 
#dropmenu li.current a { color:#333333; background-color:#DEF8ED;}

@media all and (max-width:1219px)
{
#mainnavi { width:580px; z-index:9;}
.dropmenu li{ min-width:70px;}
.dropmenu li a{ font-size:16px;}
}
@media all and (max-width:1099px)
{
#mainnavi { width:460px; margin:0 0 0 2.0%;}
.dropmenu > li { height:43px; margin-right:1.0%;}
.dropmenu li a { height:42px; font-size:12px; line-height:43px;}
.dropmenu li ul li a { font-size:12px;}
}
@media all and (max-width:849px)
{
#mainnavi { width:400px;}
.dropmenu li{ min-width:0;}
.dropmenu li ul.menu03 { right:0 !important; left:auto;}
}
@media all and (max-width:719px)
{
#mainnavi { display:none;}
}

/*PCサブナビ要素--------------------*/
#subnavi { /*position:relative; display:inline-block; vertical-align:bottom;*/ position:absolute; top:25px; right:0; width:400px; margin:0 0.5% 0 0; padding:30px 0 0 0; text-align:right; list-style:none;}
#subnavi .basic { position:absolute; top:0; right:0; min-width:480px; font-size:0;}
#subnavi .basic a { display:inline-block; margin:0 5px 0 0; padding:2px 5px 1px; color:#333333; font-size:14px;
-moz-border-radius: 5px;    /* 古いFirefox */
-webkit-border-radius: 5x; /* 古いSafari,Chrome */
border-radius: 5px;         /* CSS3 */}
#subnavi .basic a:last-child { margin:0;}
#subnavi .basic a:nth-of-type(4) { font-weight:bold; padding:2px 5px 0; border-bottom:#000 1px solid;}
#subnavi .basic a span { margin:0 2px 0 0; color:#EB3F40;}
#subnavi .basic a:hover { color:#27B1AE; background-color:#DEF8ED; text-decoration:none;}
#subnavi .basic a.strd { color:#FFFFFF; background-color:#27B1AE;}
#subnavi .basic a.strd:hover { color:#27B1AE; background-color:#DEF8ED;}
#subnavi .basic a.niau { color:#333333; background-color:#ECD900;}
#subnavi .basic a.niau:hover { color:#333333; background-color:#FFFBCA;}
#subnavi .btn-action { font-size:0;}
#subnavi .btn-action p { display:inline-block; vertical-align:middle; margin:0 2.0% 0 0; font-weight:800 !important; font-family:ＭＳ Ｐ明朝, 細明朝体, 'Hiragino Mincho ProN', serif !important; transform: rotate(.03deg) !important;}
#subnavi .btn-action p:nth-of-type(4) { margin:0;}
#subnavi .btn-action .dlbtn a, #subnavi .btn-action .inqbtn a { display:block; color:#FFFFFF; background-color:#FFFFFF;
-moz-border-radius: 5px;    /* 古いFirefox */
-webkit-border-radius: 5x; /* 古いSafari,Chrome */
border-radius: 5px;         /* CSS3 */}
#subnavi .btn-action .dlbtn a { min-width:33px; height:33px; line-height:33px; padding:0 10px 0 5px; border:#EB3F40 1px solid; color:#EB3F40; font-size:14px;}
#subnavi .btn-action .dlbtn a img { vertical-align:middle; width:30px; height:30px;}
#subnavi .btn-action .inqbtn a { min-width:33px; height:33px; line-height:33px; padding:0 15px 0 10px; border:#CA1717 1px solid; color:#CA1717; font-size:22px;}
#subnavi .btn-action .inqbtn a img { vertical-align:middle; width:30px; height:30px; margin-bottom:5px;}
#subnavi .btn-action .snsicon { width:35px; height:35px;}
#subnavi .btn-action .snsicon img { width:100%; height:auto;}
#subnavi .btn-action a:hover { text-decoration:none; opacity: 0.7 !important;}
@media all and (max-width:1339px)
{
#subnavi { width:285px;}
/*#subnavi .basic a:nth-of-type(5) { display:none;}*/
#subnavi .btn-action .dlbtn a { padding:0; text-align:center; font-size:0;}
#subnavi .btn-action .dlbtn a img { margin:2px 0 0;}
#subnavi .basic a { font-size:10px;}
}
@media all and (max-width:1099px)
{
#subnavi { /*width:22.5%;*/ margin:0 0.5%;}
#subnavi .btn-action .inqbtn a { padding:0; text-align:center; font-size:0;}
#subnavi .btn-action .inqbtn a img { margin:2px 0 0;}
}
@media all and (max-width:799px)
{
#subnavi { position:relative; top:auto; display:inline-block; vertical-align:bottom; width:150px;}
}
@media all and (max-width:719px)
{
#subnavi { position:absolute; top:18px; right:0.5%; width:65%; margin:0; padding:0;}
#subnavi .basic { display:none;}
#subnavi .btn-action .dlbtn a { padding:0 10px 0 5px; font-size:1.4rem;}
#subnavi .btn-action .dlbtn a img { margin:-2px 0 0;}
#subnavi .btn-action .inqbtn a { padding:0 10px 0 5px; font-size:2.0rem;}
#subnavi .btn-action .inqbtn a img { margin:-5px 0 0;}
}
@media all and (max-width:599px)
{
#subnavi { width:265px;}
#subnavi .btn-action .dlbtn a { padding:0; font-size:0;}
#subnavi .btn-action .dlbtn a img { margin:2px 0 0;}
}
@media all and (max-width:479px)
{
#subnavi { width:150px;}
#subnavi .btn-action .inqbtn a { padding:0; font-size:0;}
#subnavi .btn-action .inqbtn a img { margin:2px 0 0;}
}

/*スマホPC画面用*/
#pcwindow { min-width:750px !important;}
.pcwindow-header { position:absolute; top:0; right:0; bottom:0; left:0; background-color:#27B1AE; z-index:-1;}

/*スライド部*/
.slide-area { position:relative; width:100%; min-height:100px; background-color:#FFFFFF;}
@media all and (max-width:719px)
{
.slide-area { min-height:0; border-top:#EAE8E9 70px solid; font-size:0;}
}

/*フッター要素--------------------*/
#footer-area { width:100%; margin:0; padding:0; text-align:center; background:#27B1AE;}
#footer-area #f-navi { display:block; vertical-align:top; width:100%; overflow-x:auto; margin:0; padding:20px 0; background-color:#EAE8E9;}
#footer-area #f-navi div { min-width:1180px;}
#footer-area #f-navi div > ul { display:inline-block; vertical-align:top; min-height:140px; margin:0 auto; padding:10px; border-left:#666666 1px dotted; font-size:0; text-align:center;}
#footer-area #f-navi div > ul:nth-of-type(6) { border-right:#666666 1px dotted;}
#footer-area #f-navi div > ul li { display:block; min-width:80px; vertical-align:top; width:auto; margin:3px 3px 0 0; text-align:left; font-size:12px;}
#footer-area #f-navi div > ul li p { display:block; padding:5px 5px 3px 5px; color:#666666;}
#footer-area #f-navi div > ul li a { display:block; padding:5px 5px 3px 5px; color:#666666;}
#footer-area #f-navi div > ul li a:hover { color:#27B1AE; background-color:#DEF8ED; text-decoration:none;}
#footer-area #f-navi div > ul li ul { margin:0 0 0 15px;}
#footer-area #f-navi div > ul span { margin:0 2px 0 0; color:#EB3F40;}
#footer-area #f-navi div > ul li.basic a { color:#FFFFFF; background-color:#27B1AE;}
#footer-area #f-navi div > ul li.basic a:hover { color:#27B1AE; background-color:#FFFFFF;}
#footer-area #f-navi div > ul li.niau a { color:#333333; background-color:#ECD900;}
#footer-area #f-navi div > ul li.niau a:hover { color:#333333; background-color:#FFFBCA;}
#footer-area #footer { width:100%; margin:0 auto; padding:40px 0 20px; text-align:center; background:#27B1AE; font-weight:800 !important; font-family:ＭＳ Ｐ明朝, 細明朝体, 'Hiragino Mincho ProN', serif !important; transform: rotate(.03deg) !important;}
#footer-area #footer ul { max-width:1024px; margin:0 auto; padding:0 20px; font-size:0; text-align:center;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;}
#footer-area #footer ul li { display:inline-block; vertical-align:top; text-align:left;}
#footer-area #footer ul li.f-box { width:100%; margin:0;}
#footer-area #footer ul li.f-box .logo { width:auto; height:60px; margin:0 0 10px 0;}
#footer-area #footer ul li.f-box .logo img { width:auto; height:60px;}
#footer-area #footer ul li.f-box .btn-action { display:inline-block; vertical-align:bottom; text-align:center;}
#footer-area #footer ul li.f-box .btn-action p { display:inline-block; vertical-align:middle; margin:0 5px 0 0;}
#footer-area #footer ul li.f-box .btn-action p:nth-of-type(4) { margin:0;}
#footer-area #footer ul li.f-box .btn-action p.dlbtn a,
#footer-area #footer ul li.f-box .btn-action p.inqbtn a { display:block; color:#FFFFFF; background-color:#FFFFFF;
-moz-border-radius: 5px;    /* 古いFirefox */
-webkit-border-radius: 5x; /* 古いSafari,Chrome */
border-radius: 5px;         /* CSS3 */}
#footer-area #footer ul li.f-box .btn-action p.dlbtn a img { display:inline-block; vertical-align:middle; width:30px; height:30px;}
#footer-area #footer ul li.f-box .btn-action p.inqbtn a img { display:inline-block; vertical-align:middle; width:40px; height:40px; margin-bottom:5px;}
#footer-area #footer ul li.f-box .btn-action p.dlbtn a { height:40px; line-height:40px; padding:0 10px 0 5px; border:#EB3F40 1px solid; color:#EB3F40; font-size:14px; font-size:1.4rem;}
#footer-area #footer ul li.f-box .btn-action p.inqbtn a { height:40px; line-height:40px; padding:0 20px 0 15px; border:#CA1717 1px solid; color:#CA1717; font-size:22px; font-size:2.2rem; font-weight:bold;}
#footer-area #footer ul li.f-box .btn-action p.snsicon { width:40px; height:40px;}
#footer-area #footer ul li.f-box .btn-action p.snsicon img { width:100%; height:auto;}
#footer-area #footer ul li.f-box .btn-action a:hover { text-decoration:none; opacity: 0.7 !important;}
#footer-area #footer ul li.f-info { flex-shrink:0; width:434px; margin:0; color:#FFFFFF; line-height:1.4;}
#footer-area #footer ul li.f-info img { vertical-align:bottom; width:auto; height:60px; margin:0 5px 0 0;}
#footer-area #footer ul li.f-info p.name { display:inline-block; margin:0; padding:0 0 10px; font-size:24px; font-size:2.4rem; font-weight:bold;}
#footer-area #footer ul li.f-info p.name span { display:block; font-size:18px; font-size:1.8rem; padding:0 0 0 5px;}
#footer-area #footer ul li.f-info p.tel { display:block;}
#footer-area #footer ul li.f-info p.tel a { color:#FDFFD0;}
#footer-area #footer ul li.f-info p.add { display:block; padding:0px; font-size:16px;}
#footer-area #footer .mutual-bnr { display:block; margin:20px auto 0; padding:0; text-align:center;}
#footer-area #footer .mutual-bnr a { display:inline-block; padding:10px; text-align:center; background-color:#EDD800;}
#footer-area #footer .mutual-bnr a:hover { opacity:0.7; text-decoration:none;}
#footer-area #footer .mutual-bnr a p { display:inline-block; vertical-align:middle; margin:0 10px 0 0; padding:0; text-align:left; color:#333333; font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#footer-area #footer .mutual-bnr a img { display:inline-block; vertical-align:middle; width:60%; max-width:280px; margin:0 auto; padding:0;}
#footer-area #copyright { width:100%; margin:0 auto; padding:8px 0 5px; text-align:center; color:#FFFFFF; font-size:11px; font-size:1.1rem; background:/*#555555*/#27B1AE;}
@media all and (max-width:899px)
{
#footer-area #footer ul { display:block; padding:0 10px;}
#footer-area #footer ul li { display:block; text-align:center;}
#footer-area #footer ul li.f-box { margin:0 0 20px;}
#footer-area #footer ul li.f-info { flex-shrink:none; width:100%; padding:20px 0 0; border-top:#FFFFFF 1px dotted;}
}
@media all and (max-width:719px)
{
#footer-area {}
#footer-area #f-navi { display:none;}
}
@media all and (max-width:619px)
{
#footer-area #footer .mutual-bnr a p { display:block; margin:0 0 10px 0; text-align:center;}
#footer-area #footer .mutual-bnr a img { display:block; width:80%;}
}
@media all and (max-width:419px)
{
#footer-area #footer ul li.f-box .btn-action p.dlbtn a { padding:0; font-size:0;}
#footer-area #footer ul li.f-box .btn-action p.dlbtn a img { margin:5px 5px 0;}
}

/*コンテンツベース要素--------------------*/
#contents-area { position:relative; width:auto; margin:0; padding:0; text-align:center; background-color:#FFFFFF;}
#contents-area .container { width:100%; margin:0; padding:80px 0 100px; border-top:#EAE8E9 20px solid; border-bottom:#EAE8E9 20px solid; background:url(../img/com/cts-top.png) center top no-repeat, url(../img/com/cts-btm.png) center bottom no-repeat; background-size:contain, contain;}
/*--トップページ用特殊--*/
#contents-area #home .container { padding:20vh 0 !important;/*border-top:#EAE8E9 20px solid; border-bottom:#EAE8E9 20px solid;*/}
/*--*/
#contents-area .container h2 { margin:0 2.0%; padding:0 0 20px; border-bottom:#27B1AE 1px solid; color:#000000; font-size:36px; font-weight:normal; /*letter-spacing:0.4em; text-indent:0.4em; font-weight:800 !important; font-family:ＭＳ Ｐ明朝, 細明朝体, 'Hiragino Mincho ProN', serif !important; transform: rotate(.03deg) !important;*/}
#contents-area .container .ctnbox { margin:40px 4.0% 0; padding:0;}
#contents-area .container .ctnbox:after { /*clearfix---floatの解除、ここがポイント*/ 
    display:block; 
    clear:both; 
    height:0px; 
    visibility:hidden; 
    content:"."; 
} 
#contents-area .container .ctnbox { 
    min-height: 1px; /*clearfix---IE6、7対策*/ 
} 
* html #contents-area .container .ctnbox { 
    height: 1px; 
    /*\*//*/ /*clearfix---MAC IE5.x対策*/ 
    height: auto; 
    overflow: hidden; 
    /**/ 
} 
@media all and (max-width:719px)
{
#contents-area .container { padding:40px 0; border-top:#EAE8E9 10px solid; border-bottom:#EAE8E9 10px solid;}
/*--トップページ用特殊--*/
#contents-area #home .container { padding:40px 0 !important;}
/*--*/
#contents-area .container h2 { margin:0 1.0%; padding:0 0 10px; font-size:2.2rem;}
#contents-area .container .ctnbox { margin:20px 4.0% 0; padding:0;}
}

/*アクション部要素--------------------*/
#action-area { margin:0; padding:50px 0; text-align:center; font-weight:800 !important; font-family:ＭＳ Ｐ明朝, 細明朝体, 'Hiragino Mincho ProN', serif !important; transform: rotate(.03deg) !important; background:url(../img/com/action-bg.jpg) bottom center no-repeat #EAE8E9; background-size:cover;}
#action-area h2 { display:inline-block; margin:0 auto; padding:10px; color:#FFFFFF; font-size:36px; background:#27B1AE;}
#action-area h2 span { display:block; font-size:32px;}
#action-area ul { margin:30px 0 0; padding:0; font-size:0; text-align:center;}
#action-area ul li { display:inline-block; vertical-align:middle; /*width:330px;*/ margin:0; padding:0;}
#action-area ul li.inqbtn { margin:0 2.5% 0 0;}
#action-area ul li.dlbtn a,
#action-area ul li.inqbtn a { display:block; background-color:#FFFFFF;
-moz-border-radius: 5px;    /* 古いFirefox */
-webkit-border-radius: 5x; /* 古いSafari,Chrome */
border-radius: 5px;         /* CSS3 */}
#action-area ul li.dlbtn a{ padding:5px 10px 5px 5px; border:#EB3F40 1px solid; color:#EB3F40; font-size:22px; font-size:2.2rem;}
#action-area ul li.inqbtn a { padding:5px 25px 5px 15px; border:#CA1717 1px solid; color:#CA1717; font-size:36px; font-size:3.6rem;}
#action-area ul li.dlbtn img { vertical-align:middle; width:40px;}
#action-area ul li.inqbtn img { vertical-align:middle; width:80px;}
#action-area ul li a:hover { text-decoration:none; opacity: 0.7 !important;}
@media all and (max-width:719px)
{
#action-area h2 { padding:5px 0; font-size:3.6rem;}
#action-area h2 span { font-size:3.2rem;}
#action-area ul { margin:20px 0 0;}
#action-area ul li { display:block; width:270px; margin:0 auto;}
#action-area ul li.inqbtn { margin:0 auto 20px;}
}
@media all and (max-width:439px)
{
#action-area h2 { font-size:2.4rem;}
#action-area h2 span { font-size:2.0rem;}
}

/*スマホ用ナビ要素--------------------
@media all and (max-width:719px)
{*/
.sb-slidebar ul { margin:0 0 5px; padding:0px; list-style:none; background-color:#27B1AE;}
.sb-slidebar ul li { margin:2px 0 0; padding:0; color:#FFFFFF; font-size:1.4rem; /*font-weight:800 !important; font-family:ＭＳ Ｐ明朝, 細明朝体, 'Hiragino Mincho ProN', serif !important; transform: rotate(.03deg) !important;*/}
.sb-slidebar ul li p { display:block; margin:0; padding:10px 5px; color:#FFFFFF; background:rgba(0, 0, 0, 0.2);}
.sb-slidebar ul li.linkmenu p { display:block; margin:2px 0 0; padding:0; color:#FFFFFF; background:rgba(0, 0, 0, 0.2);}
.sb-slidebar ul li a { display:block; margin:0; padding:10px 5px; border-bottom:#FFFFFF 1px dotted; color:#FFFFFF;}
.sb-slidebar ul li.current a { color:#333333; background:rgba(253, 235, 236, 1.0);}
.sb-slidebar ul li.linkmenu p.current a { color:#333333; background:rgba(253, 235, 236, 1.0);}
.sb-slidebar ul li a:hover { color:#333333; background:rgba(253, 235, 236, 1.0);}
.sb-slidebar ul li ul { margin-left:5px;}
.sb-slidebar ul li span { display:inline-block; vertical-align:middle; margin:0 2px 0 0; font-size:8px;}
.sb-slidebar ul li.basic a { color:#FFFFFF; background-color:#27B1AE;}
.sb-slidebar ul li.basic a:hover { color:#27B1AE; background-color:#FFFFFF;}
.sb-slidebar ul li.niau a { color:#333333; background-color:#ECD900;}
.sb-slidebar ul li.niau a:hover { color:#333333; background-color:#FFFBCA;}
/*}*/

/*ページトップ要素--------------------*/
#pagetop {
	display:block;
	position: fixed;
	bottom: -100px;
	right: 20px;
	z-index:100;
}
#pagetop a {
	display: block;
	width: 60px;
	height: 60px;
	background-image:url(../img/com/pagetop.png);
	background-repeat:no-repeat;
	background-size:contain;
	text-align: center;
	color:#001D81;
	font-size: 28px;
	text-decoration: none;
	line-height: 50px;
}
#pagetop a:hover {
	background-image:url(../img/com/pagetop_on.png);
	color:#002ECC;
}
@media all and (max-width:719px)
{
#pagetop {
	bottom: -80px;
	right: 5px;
}
#pagetop a {
	width: 60px;
	height: 60px;
	font-size: 1.8rem;
	line-height: 40px;
}
}

/*フォームパーツ基本--------------------*/
input[type=hidden],
input[type=text],
input[type=search],
input[type=tel],
input[type=url],
input[type=email],
input[type=password],
input[type=datetime],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime-local],
input[type=number],
input[type=range],
input[type=color],
input[type=checkbox],
input[type=radio],
input[type=file],
input[type=submit],
input[type=image],
input[type=reset],
input[type=button] { display:block; margin:0 auto; padding:15px 30px; font-size:14px; font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
border:solid 1px #ccc;
text-transform:uppercase;
font-weight:bold;
color:#333333;
cursor:pointer;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#aaa));
background-image: -webkit-linear-gradient(top, #ddd, #aaa);
background-image: -moz-linear-gradient(top, #ddd, #aaa);
background-image: -ms-linear-gradient(top, #ddd, #aaa);
background-image: -o-linear-gradient(top, #ddd, #aaa);
background-image: linear-gradient(top, #ddd, #aaa);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddd', endColorstr='#aaa',GradientType=0 ); /* IE6-9 */
text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.8);}
input[type=hidden],
input[type=text],
input[type=search],
input[type=tel],
input[type=url],
input[type=email],
input[type=password],
input[type=datetime],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime-local],
input[type=number],
input[type=range],
input[type=color],
/*input[type=checkbox],
input[type=radio],*/
input[type=file],
input[type=submit],
input[type=image],
input[type=reset],
input[type=button], button, textarea/*, select*/ {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input[type=hidden],
input[type=text],
input[type=search],
input[type=tel],
input[type=url],
input[type=email],
input[type=password],
input[type=datetime],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime-local],
input[type=number],
input[type=range],
input[type=color],
input[type=checkbox],
input[type=radio],
input[type=file],
input[type=submit],
input[type=image],
input[type=reset],
input[type=button], textarea, select { display:inline; margin:0; padding:5px; border:1px solid #B9C9CE; background-color:#FFFFFF;
-moz-border-radius: 5px;    /* 古いFirefox */
-webkit-border-radius: 5px; /* 古いSafari,Chrome */
border-radius: 5px;         /* CSS3 */
box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
text-transform:lowercase;
font-weight:normal;
font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

input[type=text], select { width:65%;}
textarea { width:95%;}
input[type=text]:focus,
input[type=email]:focus,
input[type=checkbox]:focus,
select:focus,
textarea:focus { border-color:#83B6C2; outline:none; box-shadow:2px 2px 4px rgba(143,183,222,0.6),-2px -2px 4px rgba(143,183,222,0.6),inset 0 1px 2px rgba(0,0,0,0.2);}
::-webkit-input-placeholder { color:#AFAFAF;}
:-moz-placeholder { color:#AFAFAF;}
input[type=submit],
input[type=reset],
input[type=image],
input[type=button] { background-color:#CCCCCC;}
:placeholder-shown { color:#AAAAAA;}/* 各ベンダープレフィックスが取れた標準版！！(http://caniuse.com/#search=placeholder-shown) */
::-webkit-input-placeholder { color:#AAAAAA;}/* Google Chrome, Safari, Opera 15+, Android, iOS */
:-moz-placeholder { color:#AAAAAA; opacity:1.0;}/* Firefox 18- */
::-moz-placeholder { color:#AAAAAA; opacity:1.0;}/* Firefox 19+ */
:-ms-input-placeholder { color:#AAAAAA;}/* IE 10+ */
@media all and (max-width:719px)
{
input[type=hidden],
input[type=text],
input[type=search],
input[type=tel],
input[type=url],
input[type=email],
input[type=password],
input[type=datetime],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime-local],
input[type=number],
input[type=range],
input[type=color],
input[type=checkbox],
input[type=radio],
input[type=file],
input[type=submit],
input[type=image],
input[type=reset],
input[type=button] { font-size:0.875rem;}
textarea { width:90%;}
input[type=submit],
input[type=reset],
input[type=button] { max-width:none; min-width:30%;}
}

#acc-area { display:none;}

/*付加要素--------------------*/
.txt_lft { text-align:left;}
.txt_rgt { text-align:right;}
.txt_cnt { text-align:center;}
.mg_top-10 { margin-top:10px !important;}
.mg_top-15 { margin-top:15px !important;}
.mg_top-20 { margin-top:20px !important;}
.mg_top-30 { margin-top:30px !important;}
.mg_top-40 { margin-top:40px !important;}
.mg_btm-10 { margin-bottom:10px !important;}
.mg_btm-15 { margin-bottom:15px !important;}
.mg_btm-20 { margin-bottom:20px !important;}
.mg_btm-30 { margin-bottom:30px !important;}
.mg_btm-40 { margin-bottom:40px !important;}
.box-vta { vertical-align:middle !important;}
a .box-vta { display:block !important;}
a:hover .box-vta img { opacity: 0.7 !important;}

/*ページ下部フォーム消し用--------------------*/
.monitor-form { display:none;}