@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;}
.text-blue { color:#0066FF !important;}
.text-yellow_hl { background-color:#FBFFAA;}
.text-del { position: relative;
/* text-decoration: underline;
text-decoration-color: red;
text-decoration-thickness: 1px;
text-decoration-style: double;
text-decoration-skip-ink: none;
text-underline-offset: -50%;*/}
.text-del::before{
	content:"";
	position:absolute;
	border-top:3px double;
	width:100%;
	top:40%;
}

.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:15px 0 0; text-align:center; font-size:0; background-color:#27B1AE;}
#fixed-top .current { background-image:none;}
#header h1 { display:inline-block; vertical-align:bottom; width:auto; margin:0 auto; text-align:center; font-weight:normal; margin-left:-85px;}
#header h1 p.keyword { position:absolute; top:0; right:90px; left:90px; margin:0; padding:5px 0 0; text-align:center; font-size:14px; color:#FFFFFF;}
#header h1 a { display:block;}
#header h1 a img { vertical-align:middle; width:auto; height:70px; margin-top:15px;}
#fixed-top #cts-top { width:100%; height:auto;}
#fixed-top #cts-top img { width:100%; height:auto;}
@media all and (max-width:719px)
{
#header { width:auto !important; margin:0; padding:3px 5px 15px; text-align:center;}
#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; width:auto; min-width:0; margin:0 auto; padding-right:40px; text-align:center;}
#header h1 p.keyword { top:50px; right:0; left:0; margin:0; padding:0; font-size:1.1rem;}
#header h1 a img { width:auto !important; height:35px !important; margin:0 auto 5px; padding:5px 0;}
}
@media all and (max-width:439px)
{
#header h1 p.keyword { right:75px;}
}

/*PCサブナビ要素--------------------*/
#subnavi { /*position:relative; display:inline-block; vertical-align:bottom;*/ position:absolute; top:30px; right:0; width:320px; 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; font-size:0;}
#subnavi .basic a { display:inline-block; margin:0 5px 0 0; padding:2px 5px 1px; color:#FFFFFF; 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 span { margin:0 2px 0 0; color:#EB3F40;}
#subnavi .basic a:hover { color:#27B1AE; background-color:#FFFFFF; text-decoration:none;}
#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:719px)
{
#subnavi { position:absolute; top:8px; right:0.5%; width:90px; 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;}
}

/*スマホ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:#27B1AE 50px solid; font-size:0;}
}

/*フッター要素--------------------*/
#footer-area { width:100%; margin:0; padding:0; text-align:center; background:#27B1AE;}
#footer-area #footer { width:100%; margin:0 auto; padding:40px 0 20px; text-align:center; background:#27B1AE;}
#footer-area #footer ul { box-sizing:border-box; width:100%; max-width:1024px; margin:0 auto; padding:0 20px; font-size:0; text-align:center;}
#footer-area #footer ul li { display:inline-block; vertical-align:top; text-align:left;}
#footer-area #footer ul li.f-box { width:auto; 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:last-of-type { margin:0;}
#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 { width:auto; margin:0 20px; 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; font-weight:800 !important; font-family:ＭＳ Ｐ明朝, 細明朝体, 'Hiragino Mincho ProN', serif !important; transform: rotate(.03deg) !important;}
#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 ul li.f-navi { width:auto; margin:0; padding:0; border-left:#FFFFFF 1px dotted;}
#footer-area #footer ul li.f-navi > ul { display:inline-block; vertical-align:top; width:auto; margin:0 auto; padding:5px 10px; font-size:0; text-align:center;}
#footer-area #footer ul li.f-navi > ul li { display:block; vertical-align:top; width:auto; margin:3px 3px 0 0; text-align:left; font-size:12px;}
#footer-area #footer ul li.f-navi > ul li a { display:block; padding:5px 5px 3px 5px; color:#FFFFFF;}
#footer-area #footer ul li.f-navi > ul li a:hover { color:#27B1AE; background-color:#FFFFFF; text-decoration:none;}
#footer-area #footer ul li.f-navi > ul li.consul a { color:#333333; background-color:#EAE8E9;}
#footer-area #footer ul li.f-navi > ul li.consul a:hover { color:#EB3F40; background-color:rgba(253, 235, 236, 1.0);}
#footer-area #footer ul li.f-navi > ul li.niau a { color:#333333; background-color:#ECD900;}
#footer-area #footer ul li.f-navi > ul li.niau a:hover { color:#333333; background-color:#FFFBCA;}
#footer-area #footer ul li.f-navi > ul span { margin:0 2px 0 0; color:#EB3F40;}
#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:#EAC344;}
@media all and (max-width:939px)
{
#footer-area #footer ul li.f-info { margin:0 0 0 20px;}
#footer-area #footer ul li.f-navi { display:block; margin:15px 0 0; padding:10px 0 0; border-top:#FFFFFF 1px dotted; border-left:none; text-align:center;}
}
@media all and (max-width:719px)
{
#footer-area {}
#footer-area #footer ul li.f-info p.add { font-size:1.4rem;}
}
@media all and (max-width:619px)
{
#footer-area #footer ul li { display:block; text-align:center;}
#footer-area #footer ul li.f-info { margin:15px 0 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:#27B1AE 5px solid; border-bottom:#27B1AE 5px 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,
#contents-area #corporate .container,
#contents-area #privacy .container { padding:80px 0 !important; border-top:none !important; background:url(../img/com/cts-btm.png) center bottom no-repeat; background-size:contain;}
/*--*/
#contents-area .container h2 { margin:0 2.0%; padding:0 0 20px; border-bottom:#EB3F40 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 h2 span { display:block; font-size:28px;}
#contents-area .container h2 span br { display:none;}
#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:#27B1AE 10px solid; border-bottom:#27B1AE 10px solid;}
/*--トップページ他用特殊--*/
#contents-area #home .container,
#contents-area #corporate .container,
#contents-area #privacy .container { padding:65px 0 !important; border-top:none !important;}
/*--*/
#contents-area .container h2 { margin:0 1.0%; padding:0 0 10px; font-size:3.2rem;}
#contents-area .container h2 span { display:block; font-size:2.2rem;}
#contents-area .container h2 span br { display:inline;}
#contents-area .container .ctnbox { margin:20px 4.0% 0; padding:0;}
}

/*スマホ用ナビ要素--------------------
@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.6rem;}
.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:#27B1AE; background:#FFFFFF;}
.sb-slidebar ul li a:hover { color:#27B1AE; background:#FFFFFF;}
.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:10px; color:#EB3F40;}
.sb-slidebar ul li.consul a { color:#333333; background-color:#EAE8E9;}
.sb-slidebar ul li.consul a:hover { color:#EB3F40; background-color:rgba(253, 235, 236, 1.0);}
.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;}

/*移動ページ処理用--------------------*/
#notfound {}
#notfound .container { padding:80px 0 !important; border-top:none !important; background:url(../img/com/cts-btm.png) center bottom no-repeat; background-size:contain !important;}
#notfound .nt-box { margin:0; padding:100px; font-size:18px; font-size:1.8rem;}
@media all and (max-width:719px)
{
#notfound .container { padding:40px 0 !important; border-top:none !important;}
}