@charset "utf-8";
/* ============================================================================================

	margin set

============================================================================================ */
@import url("https://fonts.googleapis.com/css?family=Kosugi&display=swap&text=塚");

p{
margin:0;
}

table{
margin:0;
word-break:break-all;
word-wrap:break-word;
}

ul,ol{
margin:0;
padding:0;
list-style:none;
}

dl{
margin:0;
padding:0;
}
dl dd{
margin:0;
padding:0;
}

h1{
margin:0;
}

h2{
margin:0;
}

h3{
margin:0;
}

h4{
margin:0;
}

h5{
margin:0;
}

h6{
margin:0;
}

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

	link style

============================================================================================ */
a{
color:#606d75;
text-decoration:underline;
outline:none;
}
a:hover,a:active{
text-decoration:none;
}
/* ============================================================================================

	margin style

============================================================================================ */
.mb00{margin-bottom: 0px!important;}
.mb10{margin-bottom: 10px!important;}
.mb20{margin-bottom: 20px!important;}
.mb30{margin-bottom: 30px!important;}
.mb40{margin-bottom: 40px!important;}
.mb50{margin-bottom: 50px!important;}
.mb60{margin-bottom: 60px!important;}
.mb70{margin-bottom: 70px!important;}
.mb80{margin-bottom: 80px!important;}
.mb90{margin-bottom: 90px!important;}

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

	base style

============================================================================================ */
html{
height:100%;
}
body{
background:#fff;
color:#333333;
min-width:980px;
margin: 0;
-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:100%;
font-family: 'Noto Sans Japanese', Helvetica, Arial,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
img{
border: 0;
}
p a img{
border: 0;
}
.img_change_pc{
display: block!important;
}
.img_change_sp{
display: none!important;
}
.clrFix:after{
content: "";
clear: both;
overflow: hidden;
display: block;
}
@media screen and (max-width: 764px){
body{
min-width:320px;
}
.img_change_pc{
display: none!important;
}
.img_change_sp{
display: block!important;
}
}
#wrapper{
min-height:100%;
position:relative;
}
.left{
float: left!important;
}
.right{
float: right!important;
}
@media screen and (max-width: 764px){
#wrapper{
overflow:hidden;
}
}
.alc {
	text-align: center;
}
/* ============================================================================================

	header set

============================================================================================ */
#gheader{
background:#fff;
}

#gheaderInner{
width:980px;
margin:0 auto;
}
#gheaderInner:after{
content:"";
clear:both;
display:block;
}
@media screen and (max-width: 764px){
#gheaderInner{
width:auto;
position:relative;
}
}
#gheaderInner .logo{
float:left;
background:#015db2;
text-align:center;
width:160px;
padding-top:14px;
padding-bottom:14px;
margin-left:-100%;
padding-left:100%;
}
@media screen and (max-width: 764px){
#gheaderInner .logo{
margin:0;
padding:10px 0;
width:100px;
}
#gheaderInner .logo img{
width:52px;
height:auto;
}
#gheaderInner .logo a{
display:block;
margin:-10px;
padding:10px;
}
}
#gheaderInner #gnav{
display:table;
padding-left:36px;
overflow:hidden;
}
@media screen and (max-width: 764px){
#gheaderInner #gnav{
display:block;
height:0;
padding-left:0;
position:absolute;
top:51px;
left:0;
z-index:9999;
width:100%;
}
}
@media screen and (max-width: 764px){
#gheaderInner #gnav > ul{
border-bottom:10px solid #015db2;
}
}
#gheaderInner #gnav > ul > li{
display:table-cell;
vertical-align:middle;
}
#gheaderInner #gnav > ul > li > a{
display:block;
width:112px;
height:80px;
background:url(../images/header_gnav_pc_01.gif) 0 0 no-repeat;
overflow:hidden;
text-indent:-9999px;
}
#gheaderInner #gnav > ul > li + li > a{
background-position:-112px 0;
}
#gheaderInner #gnav > ul > li + li + li > a{
background-position:-224px 0;
}
#gheaderInner #gnav > ul > li + li + li + li > a{
background-position:-336px 0;
}
#gheaderInner #gnav > ul > li + li + li + li + li > a{
background-position:-448px 0;
}
#gheaderInner #gnav > ul > li + li + li + li + li + li > a{
background-position:-560px 0;
}
#gheaderInner #gnav > ul > li + li + li + li + li + li + li > a{
background-position:-672px 0;
}
#gheaderInner #gnav > ul > li:hover a,#gheaderInner #gnav > ul > li.active > a{
background-position:0 -80px;
}
#gheaderInner #gnav > ul > li + li:hover > a,#gheaderInner #gnav > ul > li + li.active > a{
background-position:-112px -80px;
}
#gheaderInner #gnav > ul > li + li + li:hover > a,#gheaderInner #gnav > ul > li + li + li.active > a{
background-position:-224px -80px;
}
#gheaderInner #gnav > ul > li + li + li + li:hover > a,#gheaderInner #gnav > ul > li + li + li + li.active > a{
background-position:-336px -80px;
}
#gheaderInner #gnav > ul > li + li + li + li + li:hover > a,#gheaderInner #gnav > ul > li + li + li + li + li.active > a{
background-position:-448px -80px;
}
#gheaderInner #gnav > ul > li + li + li + li + li + li:hover > a,#gheaderInner #gnav > ul > li + li + li + li + li + li.active > a{
background-position:-560px -80px;
}
#gheaderInner #gnav > ul > li + li + li + li + li + li + li:hover > a,#gheaderInner #gnav > ul > li + li + li + li + li + li + li.active > a{
background-position:-672px -80px;
}
@media screen and (max-width: 764px){
#gheaderInner #gnav > ul > li{
display:block;
background:#fff;
}
#gheaderInner #gnav > ul > li:nth-of-type(odd){
background:#f0f3f4;
}
#gheaderInner #gnav > ul > li a{
display:block;
width:100%;
height:50px;
background:url(../images/header_gnav_sp_01.gif) 25px 0 no-repeat;
background-size:210px auto;
overflow:hidden;
text-indent:-9999px;
}
#gheaderInner #gnav > ul > li:hover a,#gheaderInner #gnav > ul > li.active a{
background-position:25px 0;
}
#gheaderInner #gnav > ul > li + li a,#gheaderInner #gnav > ul > li + li:hover a,#gheaderInner #gnav > ul > li + li.active a{
background-position:25px -50px;
}
#gheaderInner #gnav > ul > li + li + li a,#gheaderInner #gnav > ul > li + li + li:hover a,#gheaderInner #gnav > ul > li + li + li.active a{
background-position:25px -100px;
}
#gheaderInner #gnav > ul > li + li + li + li a,#gheaderInner #gnav > ul > li + li + li + li:hover a,#gheaderInner #gnav > ul > li + li + li + li.active a{
background-position:25px -150px;
}
#gheaderInner #gnav > ul > li + li + li + li + li a,#gheaderInner #gnav > ul > li + li + li + li + li:hover a,#gheaderInner #gnav > ul > li + li + li + li + li.active a{
background-position:25px -200px;
}
#gheaderInner #gnav > ul > li + li + li + li + li + li a,#gheaderInner #gnav > ul > li + li + li + li + li + li:hover a,#gheaderInner #gnav > ul > li + li + li + li + li + li.active a{
background-position:25px -250px;
}
#gheaderInner #gnav > ul > li + li + li + li + li + li + li a,#gheaderInner #gnav > ul > li + li + li + li + li + li + li:hover a,#gheaderInner #gnav > ul > li + li + li + li + li + li + li.active a{
background-position:25px -300px;
}
}
#gheaderInner #gnav > ul > li:hover .megaMenu{
display:block;
}
@media screen and (max-width: 764px){
#gheaderInner #gnav > ul > li:hover .megaMenu{
display:none;
}
}
#gheaderInner #gnav .megaMenu{
position:absolute;
top:80px;
left:0;
width:100%;
background:#f2f5f6;
display:none;
border-bottom:15px solid #fff;
z-index:99999;
}
#gheaderInner #gnav .megaMenu.product{
background:url(../images/gnav_bg_megaMenu_01.gif) 0 100% repeat-x #f2f5f6;
}
#gheaderInner #gnav .megaMenu.product > ul{
width:980px;
padding:0;
}
#gheaderInner #gnav .megaMenu.product > ul li{
padding:0 20px 15px;
word-break:keep-all;
word-wrap:normal;
}
#gheaderInner #gnav .megaMenu.product > ul li.prodImg{
padding:0;
width:auto;
line-height:0;
}
#gheaderInner #gnav .megaMenu.product > ul li.prodImg a{
display:inline-block;
position:relative;
bottom:0;
}
#gheaderInner #gnav .megaMenu.product > ul li.prodImg + .prodImg + li,#gheaderInner #gnav .megaMenu.product > ul li.prodImg + .prodImg + li + li{
margin-top:50px;
}
#gheaderInner #gnav .megaMenu.cmgraphic ul{
padding-left:230px;
width:690px;
}
#gheaderInner #gnav .megaMenu > ul{
width:920px;
margin:0 auto;
padding:30px 30px 15px;
}
#gheaderInner #gnav .megaMenu > ul:after{
content:"";
clear:both;
display:block;
}
#gheaderInner #gnav .megaMenu > ul li{
padding:0 20px 12px;
float:left;
width:190px;
}
#gheaderInner #gnav .megaMenu > ul li a{
color:#015db2;
font-weight:bold;
text-decoration:none;
}
#gheaderInner #gnav .megaMenu > ul li span{
display:block;
padding-left:12px;
margin-top:10px;
font-size:1.16em;
background:url(../images/mod_ico_arwR_01_ie.png) 0 0.5em no-repeat;
}
#gheaderInner .spNav{
position:absolute;
height:51px;
width:54px;
top:0;
right:0;
border-left:1px solid #1153ae;
/*
	&.active{
	background:#1153ae;
		a{
		border-color:#1153ae;

		&:after{
		border-color:#fff;
		top:7px;
		@include transform(rotate(-45deg));
		}
		&:before{
		border-color:#fff;
		bottom:9px;
		@include transform(rotate(-135deg));
		}
		}
	}
*/
}
#gheaderInner .spNav a{
text-indent:-9999px;
display:block;
position:relative;
width:26px;
height:20px;
margin:13px 14px;
border-top:3px solid #1153ae;
/*		@include transition(all,0.3s);*/
}
#gheaderInner .spNav a:after,#gheaderInner .spNav a:before{
content:"";
display:block;
width:100%;
height:0;
border-top:3px solid #1153ae;
position:absolute;
left:0;
/*		@include transition(all,0.3s);*/
}
#gheaderInner .spNav a:after{
top:7px;
}
#gheaderInner .spNav a:before{
bottom:0;
}
#gheaderInner .spNav.active{
background:url(../images/header_gnav_ico_sp_01.gif) 14px 50% no-repeat #015db2;
background-size:22px auto;
}
#gheaderInner .spNav.active a{
border:none;
}
#gheaderInner .spNav.active a:after,#gheaderInner .spNav.active a:before{
border:none;
}

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

	topicpath set

============================================================================================ */
.topicpath{
padding:13px 0;
-webkit-background:rgba(5, 33, 92, 0.8);
-moz-background:rgba(5, 33, 92, 0.8);
-o-background:rgba(5, 33, 92, 0.8);
background:rgba(5, 33, 92, 0.8);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#cc05215c,EndColorStr=#cc05215c);
}
@media screen and (max-width: 764px){
.topicpath{
padding:9px 0;
}
}
.topicpath ul{
width:908px;
padding:0 36px;
margin:0 auto;
}
.topicpath ul:after{
content:"";
clear:both;
display:block;
}
@media screen and (max-width: 764px){
.topicpath ul{
width:auto;
margin:0 15px;
padding:0;
}
}
.topicpath li{
float:left;
margin-left:30px;
color:#fff;
font-size:0.833em;
position:relative;
}
.topicpath li:after{
content:'＞';
position:absolute;
left:-20px;
top:0;
text-decoration:none;
color:#fff;
}
.topicpath li:first-child{
margin-left:0;
}
.topicpath li:first-child:after{
display:none;
}
.topicpath a{
color:#fff;
display:block;
}

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

	container set

============================================================================================ */
#container{
overflow:hidden;
}
#container .containerInner{
width:980px;
margin:0 auto;
position:relative;
padding-bottom:63px;
}
#container .containerInner:after{
content:"";
clear:both;
display:block;
}
@media screen and (max-width: 764px){
#container .containerInner{
width:auto;
padding-bottom:0;
}
}

#container > .pageTop{
position:fixed;
bottom:0;
right:0;
width:100%;
z-index:9999;
}
#container > .pageTop.static{
position:static;
}
#container > .pageTop p{
position:relative;
width:100%;
margin:0 auto;
}
@media screen and (max-width: 764px){
#container > .pageTop p{
margin:0;
width:100%;
padding:0 15px;
min-width:320px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

#home #container > .pageTop p{
text-align: right;
}
#home #container > .pageTop p a{
position: static;
}
}
#container > .pageTop a{
position:absolute;
display:block;
bottom:20px;
right:20px;
}
@media screen and (max-width: 764px){
#container > .pageTop a{
bottom:20px;
right:20px;
}
}

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

	aside set

============================================================================================ */
#aside{
float:left;
width:220px;
margin-bottom:-1000%;
padding-bottom:1000%;
background:#edf1f3;
z-index:9999;
position:relative;
}
@media screen and (max-width: 764px){
#aside{
float:none;
width:auto;
margin:-10px 0 83px;
padding-bottom:0;
}
}
#aside dt span{
display:block;
line-height:1;
}
#aside dt .en{
padding:60px 0 10px 38px;
background:#679ed1;
}
@media screen and (max-width: 764px){
#aside dt .en{
padding:20px 25px 10px;
}
}
#aside dt .jp{
padding:7px 0 8px 38px;
background:#2a77be;
}
@media screen and (max-width: 764px){
#aside dt .jp{
padding:7px 25px 8px;
}
}
#aside dd{
display:table;
width:100%;
}
@media screen and (max-width: 764px){
#aside dd br{
display:none;
}
}
#aside dd.active a,#aside dd.active a:hover{
background:#015db2;
color:#fff;
}
#aside dd.active a span,#aside dd.active a:hover span{
background:url(../images/mod_ico_arwR_02.png) 0 0.45em no-repeat;
background-size:6px 9px;
background:url(../images/mod_ico_arwR_02_ie.png) 0 0.45em no-repeat\9;
}
#aside dd a{
display:table-cell;
text-decoration:none;
background:#edf1f3;
padding:0 38px;
height:96px;
width:100%;
vertical-align:middle;
border-bottom:1px solid #fff;
color:#015db2;
font-weight:bold;
font-size:1.16em;
}
@media screen and (max-width: 764px){
#aside dd a{
padding:15px 25px;
height:auto;
}
}
#aside dd a span{
padding-left:12px;
display:inline-block;
background:url(../images/mod_ico_arwR_01.png) 0 0.45em no-repeat;
background-size:6px 9px;
background:url(../images/mod_ico_arwR_01_ie.png) 0 0.45em no-repeat\9;
}
#aside dd a:hover{
background:#f4f7f8;
}

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

	contents set

============================================================================================ */
@media screen and (max-width: 764px){
#contents img{
width:100%;
height:auto;
}
}

.columnsType02 #contents{
float:right;
width:710px;
}
@media screen and (max-width: 764px){
.columnsType02 #contents{
float:none;
width:auto;
}
}

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

	footer set

============================================================================================ */
#footer{
min-width:980px;
border-top:15px solid #2656ae;
}
@media screen and (max-width: 764px){
#footer{
min-width:320px;
background:#f2f2f2;
padding:25px 0;
border-top:none;
}
}
#footer .inner01Wrap{
background:#fff;
}
@media screen and (max-width: 764px){
#footer .inner01Wrap{
display:none;
}
}
#footer .inner01Wrap .inner01{
display:table;
width:100%;
direction:rtl;
}
#footer .inner01Wrap .inner01 .fLogo{
display:table-cell;
vertical-align:bottom;
direction:ltr;
text-align:right;
padding:27px 10px 5px 0;
}
#footer .inner01Wrap .inner01 .fNav01{
display:table-cell;
vertical-align:bottom;
direction:ltr;
padding:0 0 14px 10px;
}
#footer .inner01Wrap .inner01 .fNav01:after{
content:"";
clear:both;
display:block;
}
#footer .inner01Wrap .inner01 .fNav01 li{
float:left;
}
#footer .inner02Wrap{
background:#ebebeb;
padding:4px 0 8px;
}
@media screen and (max-width: 764px){
#footer .inner02Wrap{
background:none;
padding:0;
}
}
#footer .inner02Wrap .inner02{
display:table;
width:100%;
}
@media screen and (max-width: 764px){
#footer .inner02Wrap .inner02{
display:block;
}
}
#footer .inner02Wrap .inner02 .fNav02{
display:table-cell;
vertical-align:bottom;
padding-left:10px;
}
#footer .inner02Wrap .inner02 .fNav02:after{
content:"";
clear:both;
display:block;
}
@media screen and (max-width: 764px){
#footer .inner02Wrap .inner02 .fNav02{
display:block;
padding:0 20px;
text-align:center;
}
}
#footer .inner02Wrap .inner02 .fNav02 li{
float:left;
}
#footer .inner02Wrap .inner02 .fNav02 li:nth-of-type(n+2){
margin-left: 10px;
}
@media screen and (max-width: 764px){
#footer .inner02Wrap .inner02 .fNav02 li{
float:none;
display:inline-block;
padding-left:0;
font-size:0.83em;
padding:0 9px;
margin-bottom:13px;
border-right: 0;
line-height:1;
}
#footer .inner02Wrap .inner02 .fNav02 li:nth-of-type(n+2){
margin-left: 0;
}
#footer .inner02Wrap .inner02 .fNav02 li:first-child{
border-right: 1px solid #a4a4a4;
}
#footer .inner02Wrap .inner02 .fNav02 li:last-child{
border-left: 1px solid #a4a4a4;
}
}
#footer .inner02Wrap .inner02 .fNav02 li a{
display: inline-block;
text-decoration: none;
font-size: 12px;
color:#828282;
}
@media screen and (max-width: 764px){
#footer .inner02Wrap .inner02 .fNav02 li a{
display:inlne;
text-indent:0;
font-size: 10px;
height:auto !important;
width:auto !important;
background:none !important;
color:#333333;
text-decoration:underline;
}
}

#footer .inner02Wrap .inner02 #copy{
display:table-cell;
vertical-align:bottom;
text-align:right;
padding-right:10px;
}
@media screen and (max-width: 764px){
#footer .inner02Wrap .inner02 #copy{
display:block;
text-align:center;
padding:10px 0 0;
}
}
#footer .inner02Wrap .inner02 #copy small{
display:inline-block;
text-indent:-9999px;
text-align:left;
height:19px;
width:184px;
background:url(../../footer/images/footer_copyright.gif) 50% 50% no-repeat;
}
@media screen and (max-width: 764px){
#footer .inner02Wrap .inner02 #copy small{
display:inline;
text-indent:0;
font-size: 9px;
height:auto;
width:auto;
background:none;
color:#333333;
}
}

.corpName {
	font-family: "Kosugi", "MS UI Gothic";
}

/*# sourceMappingURL=base.css.map */