@charset "utf-8";


/*----------------------------------------------------------
	00 reset
	01 link
	02 font
	03 common layout and heading
	04 header
	05 footer
	06 toppage
  07 FAQ
  08 product page
	00 common parts
----------------------------------------------------------*/


/*  00 reset
======================================================================================*/


article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

html, body, div, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:13px;
	font-weight:normal;
	line-height:1.8;
	color:#333;
	vertical-align:middle;
	background:transparent;
	text-align:center;
}

@media screen and ( min-width : 600px ) {
html, body, div, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	font-size:14px;
}
}

input,textarea {
	font-size:13px;
}


html {
	overflow-y:scroll;
}


body {
    line-height:1;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}


table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:2px;
    border:0;   
    border-top:2px solid #ddd;
    margin:2em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

input{
	padding:5px;
}

input[type^="image"] {
	padding:0;
}

img {
	border: 0;
	vertical-align:middle;
}

li {
	list-style:none;
}



/*  01 link
======================================================================================*/


a:link,
a:visited {
	color: #1f53a7;
	text-decoration: underline;
}


a:hover,
a:active {
	color: #1f53a7;
	text-decoration: none;
}

.overbu:hover,
.overarea a:hover {
	opacity: 0.8;
}

.link_bu {
	text-align:center;
	margin-bottom:0;
}

.link_bu a {
	display:inline-block;
	padding:15px 20px 15px 40px;
	margin:10px 0;
	background-color:#036EB8;
	border-radius:25px;
	font-size:14px;
	font-weight:bold;
	background-image: url(../img/blue_arrow.gif);
	background-repeat: no-repeat;
	background-position: 19px 19px;
	background-size:14px;
	line-height:1.5;
}


.mini a {
	font-size:12px;
	border-radius:15px;
	padding:7px 10px 7px 28px;
	background-position: 9px 9px;
}


.link_bu a:link,
.link_bu a:visited {
	color:#FFF;
	text-decoration:none;
}



#footer .link_bu {
	padding:15px 15px 5px;
	background-color: #009CD2;
}

.group_link li a {
	position:relative;
	display:block;
	padding:6px 15px;
}

.group_link li a:before{
	content:"";
	display: block;
	width:5px;
	height:5px;
	border-top:1px solid #036EB8;
	border-right:1px solid #036EB8;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	left:0;
	top:50%;
	margin-top:-3px;
}

#footer .group_link li a:before{
	border-top:1px solid #FFF;
	border-right:1px solid #FFF;
}

.group_link li a:link,
.group_link li a:visited {
	color:#000;
	text-decoration: none;
}

.group_link li a:hover,
.group_link li a:active {
	text-decoration: underline;
}

#footer .group_link li a:link,
#footer .group_link li a:visited {
	color:#FFF;
	text-decoration: none;
}


/*  02 font-family
======================================================================================*/
body, textarea {
	font-family: Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Sans-Serif;
}





/*  03 common layout
======================================================================================*/
body {
	background-color: #FFF;
	-webkit-text-size-adjust: none;
	font-size:14px;
}

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



p {
	margin-bottom:20px;
}

.inner {
	margin-right:5%;
	margin-left:5%;
}

/*  04 header
======================================================================================*/

#head {
	padding: 15px 6%;
}

#head h1 {
	text-align:left;
}

#head h1 img {
	height:35px;
	width:auto;
}






/*  05 footer
======================================================================================*/

#footer {
}

#footer .group_link {
	background-color: #009CD2;
	font-size:0;
	text-align:center;
	padding-bottom:5px;
}

.group_link li {
	display: inline-block;
	font-size:12px;
}

.footer_logo {
	background-color: #036EB8;
	text-align:center;
	padding: 20px 0px 10px;
	margin-bottom:0;
}

.footer_logo img {
	width:80%;
}

#copyright {
	background-color: #036EB8;
	text-align:center;
	padding-bottom: 10px;
	margin-bottom:0;
}

small {
	color:#FFF;
	font-size:12px;
}


/* -------------- ページトップへ */

p.pagetop {
	width:900px;
	margin: 0px auto;
	text-align: right;
}


#toTop {
	display: none;
	position: fixed;
	right: 10px;
	bottom: 10px;
	font-size:13px;
	background-color: rgba(0,70,134,0.8);
}

#toTop a:link,
#toTop a:visited {
	position: relative;
	color:#FFF;
	display: block;
	padding: 15px 7px 7px;
}

#toTop a:before{
	content:"";
	display: block;
	width:7px;
	height:7px;
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	left:40%;
	top:8px;
}





/*  00 common parts
======================================================================================*/


.for_pc,
.for_pc_ib {
	display: none;
}

.sp_b {
	display:block;
}


.content p {
	margin-bottom: 20px;
}

.mga5 {margin:5px;}

.mgn0,
div#content p.mgn0 {
	margin: 0px !important;
}

.mgn10,
div#content .mgn10,
div#content p.mgn10 {
	margin-bottom: 10px;
}

.mgn20,
div#content .mgn20 {
	margin-bottom: 20px;
}

.mgn30 {
	margin-bottom: 30px;
}

.mgn50,
div#content p.mgn50 {
	margin-bottom: 50px;
}



div#content .pdt0 { padding-top:0px;}
.pdt10 { padding-top:10px;}
.pdr5 { padding-right:5px;}
.pdb5 { padding-bottom:5px;}
.pdl10 { padding-left:10px;}
.pdl120 { padding-left:120px;}
.pd10 { padding:10px;}

.center {	text-align:center;}
.left {	text-align:left;}



.fl { float:left; }
.fr { float:right; }

.p_img_l {
	float:left;
	padding-right:15px;
}

.p_img_r {
	float:right;
	padding-left:15px;
}

.red {
	color:#e60012;
}

.bold {	font-weight:bold;}
.normal {	font-weight:normal;}


.red_bold {
	font-weight:bold;
	color:#e60012;
}

.tx0 {	font-size: 0px !important;}
.tx10 {	font-size: 10px !important;}
.tx11 {	font-size: 11px !important;}
.tx13 {	font-size: 13px !important;}
.tx15 {	font-size: 15px !important;}
.tx16 {	font-size: 16px !important;}
.tx18 {	font-size: 18px !important;}


div.pagetop {
	border-top: 1px solid #dadada;
	text-align: right;
	padding: 10px 0px 20px;
}

div.pagetop02 {
	text-align: right;
	padding-bottom: 20px;
}




/* =========================================================
	*00 clearfix
========================================================= */
.cl:after{
	content: '';
	display: block;
	clear: both;
 }

.clb {
	clear: both;
}

@media screen and ( min-width : 600px ) {

/* common ------------------------*/

#content section:last-of-type {
	padding-bottom:60px;
}

body .for_sp {
	display:none !important;
}


.for_pc {
	display: block;
}

.for_pc_ib {
	display:inline-block;
}


.inner1000 {
	width:1000px;
	margin-right: auto;
	margin-left: auto;
}

.w47 {
	width:470px;
	box-sizing:border-box;
}

.fl {	float:left;}
.fl:nth-child(odd) {	margin-right:60px;}

.mg265 {
	margin-left:265px;
	margin-right:265px;
}

/* link -----------------------*/

.link_bu a {
	padding:17px 30px 17px 50px;
	border-radius:35px;
	font-size:20px;
	background-position: 22px 21px;
	background-size:20px;
}




#gnav li a:before{
	display: none;
}

#gnav li a:link,
#gnav li a:visited,
#gnav li a:active {
	border-bottom: 4px solid #E4ECED;
}

#gnav li a:hover,
#gnav li.current a {
	border-bottom: 4px solid #036EB8;
	text-decoration:none;
}


.mini a {
	font-size:16px;
	font-weight:normal;
	padding:5px 20px 5px 38px;
	background-position: 18px 6px;
	background-size:17px;
}


/* header -------------------------*/

#head {
	padding: 20px 0px 5px;
	margin:0 auto;
	width: 1000px;
}


#head h1 {
	float:left;
	width:500px;
}


#head h1 img {
	height:50px;
	width:auto;
}


.group_link {
	width:500px;
	float:right;
	text-align:right;
	padding-top:25px;
}

.group_link li {
	text-align:right;
}

.group_link li:last-child a {
	padding-right:0;
}




/* gnav ------------------------- */


#gnav {
	display:block;
	padding:6px 0 8px;
	background-color: #E4ECED;
	font-size:0;
}

.gnav_inner {
	width:1000px;
	margin:0 auto;
}

#gnav ul {
	float:left;
	width:800px;
}

#gnav li {
	display:inline-block;
	font-size:17px;
	font-weight:bold;
	margin-right: 55px;
	border-bottom:none;
}

#gnav li a {
	display:block;
	padding:10px 10px 2px;
	position:relative;
}

.gnav_pc li a:after{
	content:none;
}

.gnav_sp_bu {
	float:right;
}


/* footer -------------------------- */

#footer {
	background-color: #2EA7E0;
	padding: 20px 0px 0px;
}

.footer_inner {
	width:1000px;
	margin:0 auto;
}

.footer_link {
	width:670px;
	position:relative;
	height:100px;
}

#footer .group_link {
	width:auto;
	float:none;
	background:none;
	display:inline-block;
	padding-top:0px;
}

.group_link li {
	text-align:right;
}



.footer_logo {
	background:none;
	width:100%;
	padding:10px 0 20px;
	text-align:center;
}

.footer_logo img {
	width:auto;
}



.group_link li {
	display: inline-block;
	font-size:12px;
}

#footer .gnav {
	position:absolute;
	top:50px;
	right:166px;
	font-size:0;
	background:none;
}

#footer .gnav li {
	display:inline-block;
	font-size:14px;
	font-weight:bold;
	border:none;
}

#footer .gnav li a {
	display:block;
	padding:3px 10px;
	position:relative;
	color:#FFF;
}

#footer .gnav li a:before {
	display:none;
}


#footer .link_bu {
	position:absolute;
	top:45px;
	right:0px;
	background:none;
	padding:0;
}

#footer .link_bu a {
	font-size:14px;
	font-weight:normal;
	margin:0;
	padding:4px 10px 4px 28px;
	background-position: 10px 7px;
	background-size:15px;
}




#copyright {
	background-color: #036EB8;
	text-align:center;
	margin-bottom:0;
	padding: 5px 0px;
}

small {
	color:#FFF;
	font-size:12px;
}



}