@charset "utf-8";
/* -----------------------------------------------------------------
LAYOUT CSS
LAST UPDATE:
--------------------------------------------------------------------*/
/*--------------------------------
html/body
---------------------------------*/
html{
color: #333;
font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",Verdana,Arial,sans-serif;
font-size: 62.5%;/*10px*/
line-height: 1.4;
word-wrap: break-word;
-webkit-text-size-adjust: 100%;
}

html {
  scroll-padding-top: 70px;
}

body{font-size: 1.0rem;}
input, textarea,select {font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","Osaka",Verdana,Arial,sans-serif;
}

body.fixed {
    position: fixed;
    width: 100%;
    height: 100%;

}

/*--------------------------------
LINk
---------------------------------*/
body a{ color:#0073a9; text-decoration:underline;}
body a:hover{  text-decoration:none;transition: 0.6s;}
body a:focus {outline: none;}

.contents a[target="_blank"]{ background: url("../img/ico_blank.png") no-repeat right 0.4em; background-size: 11px auto; padding-right:20px; margin-right: 10px; }
.contents a[href$=".pdf"] {background: url("../img/ico_pdf_01.png") no-repeat right 0.1em; background-size: 16px auto;padding-right:25px; margin-right: 10px;}
.contents a.noIcon[target="_blank"]{ background:none; padding-right:0; margin-right: 0; }


@media screen and (max-width: 768px){ 
html {
  scroll-padding-top:50px;
}
}

/*--------------------------------
Header PC
---------------------------------*/
.pcH{ z-index: 15; position: relative; background: #fff;}

.pcH .hTop{ line-height: 1; width: 1200px; margin: 0 auto; position: relative; transition: all 0.5s; background: #fff;}
.pcH .hTop .logo{ padding: 0; margin: 25px 0; display: inline-block; width: 246px; transition: all 0.5s;}
.pcH .hTop .logo:hover{ opacity: 0.8;}
.pcH .hTop .logo img{width:100%; height: auto;}

.pcH .hTop .loginNav{ position: absolute; top: 0; right: 0;}
.pcH .hTop .loginNav p{ display: inline-block; font-size: 1.2rem; vertical-align: middle; margin-right: 12px;}

.pcH .hTop .loginNav ul{ vertical-align: middle; display: inline-block; font-size: 0;}
.pcH .hTop .loginNav ul li{ background: #007f08; display: inline-block; border-right: 1px solid #fff;}
.pcH .hTop .loginNav ul li:last-child{ background: #002449;}
.pcH .hTop .loginNav ul li a{ color: #fff; font-size: 1.2rem; padding: 12px 15px; text-align: center; display: block; text-decoration: none;}
.pcH .hTop .loginNav ul li a[target="_blank"]{ background: none;}
.pcH .hTop .loginNav ul li a span{ padding: 0 15px 0 2px;}
.pcH .hTop .loginNav ul li a span{ background: url(../img/ico_lock_01.png) no-repeat right center; background-size: 9px auto;}
.pcH .hTop .loginNav ul li:last-child a span{ background: url(../img/ico_blank_w.png) no-repeat right center; background-size: 11px auto; padding-right: 15px !important;}
.pcH .hTop .loginNav ul li a span:hover{ text-decoration: underline;}
.pcH .hTop .loginNav .hd{ background-color: #AC0606 !important; padding: 0 !important;}
.pcH .hTop .loginNav .hd a span{background: url(../img/ico_blank_w.png) no-repeat right center; background-size: 11px auto; padding: 0 15px 0 4px !important;}

.pcH .hTop .companyNav{ position: absolute; bottom: 0; right: 0;}
.pcH .hTop .companyNav ul{ vertical-align: middle; display: inline-block; font-size: 0;}
.pcH .hTop .companyNav ul li{ display: inline-block;}
.pcH .hTop .companyNav ul li a{ color: #333; font-size: 1.4rem; padding: 20px; text-align: center; display: block; text-decoration: none;}
.pcH .hTop .companyNav ul li a:hover{ text-decoration: underline;}
.pcH .hTop .companyNav ul li a[target="_blank"]{ background: url(../img/ico_blank.png) no-repeat right 10px center; background-size: 11px auto; padding-right: 30px;}

.pcH .hMain{ border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; height: 56px;}
.pcH .hMain .jspcNav{ width: 1200px; margin: 0 auto; display: block; font-size: 0;}
.pcH .hMain .jspcNav li{ display: inline-block; width: 20%; text-align: center; padding: 16px 0;}
.pcH .hMain .jspcNav li a{ font-size: 1.6rem; text-decoration: none; display: block; color: #333; box-sizing: border-box;border-right: 1px dotted #9d9d9d;}
.pcH .hMain .jspcNav li a span{ font-weight: bold; background: url(../img/ico_arrow_b_01.png) no-repeat right center; background-size: 11px auto; padding: 15px 25px;}

.pcH .hMain .jspcNav li:hover{ box-shadow: 0px -14px 0px -10px #007f08 inset;}
.pcH .hMain .jspcNav li:hover a span{ color: #007f08;}
.pcH .hMain .jspcNav li:first-child a{ border-left: 1px dotted #9d9d9d;}
.pcH .hMain .jspcNav li:last-child{ background: #fff6f6; color: #d50007;}
.pcH .hMain .jspcNav li:last-child a{ color: #d50007;}
.pcH .hMain .jspcNav li:last-child a span{ background: none;}
.pcH .hMain .jspcNav li:last-child:hover{ box-shadow: 0px -14px 0px -10px #d50007 inset;}
.pcH .hMain .jspcNav li:last-child:hover a span{ color: #d50007;}

.pcH .hMain .navToggleBox{ position: absolute; top: 146px; right: 0; background: #fafafa; display: none; width: 100%; padding: 0; text-align: left;}
.pcH .hMain .navToggleBox dl{ width: 1200px; margin: 40px auto; display: table; font-size: 0;}
.pcH .hMain .navToggleBox dt{ display: table-cell; border-right: 1px dotted #9d9d9d; width: 330px; height: 100%; vertical-align: top;}
.pcH .hMain .navToggleBox dt a{ font-size: 1.5rem; text-decoration: none; display: block; color: #333; margin-top: 15px; background: url(../img/ico_arrow_l_01.png) no-repeat left center; background-size: 6px auto; padding-left: 20px;}
.pcH .hMain .navToggleBox dt a span{ font-weight: bold;}

.pcH .hMain .navToggleBox dd{ display: table-cell; width: 870px; height: 100%; vertical-align: top; padding-left: 60px;}
.pcH .hMain .navToggleBox dd ul{ width: 100%; font-size: 0; padding: 0;}
.pcH .hMain .navToggleBox dd ul li{ width: 33.3%; display: inline-block; vertical-align: top; background: url(../img/ico_arrow_l_01.png) no-repeat left 20px; background-size: 6px auto;}
.pcH .hMain .navToggleBox dd ul li a{ color: #333; display: block; text-decoration: none; font-size: 1.6rem; padding: 15px 20px;}
.pcH .hMain .navToggleBox dd ul li a[target="_blank"] span{ background: url(../img/ico_blank.png) no-repeat right 10px center; background-size: 11px auto; padding-right: 30px;}
.pcH .hMain .navToggleBox dd ul li:hover{ text-decoration: underline;}

.hMain .logo{ display: none;}
#wrap.fixed .pcH{ top: -90px;}
.fixedNav.pcH .hMain{ width: 100%; background: #fff; height: 58px; position: fixed; box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1); z-index: 15; transition: all 0.5s; border-top: none;}
.fixedNav.pcH .hMain .fixedWrap{ min-width: 1200px; text-align: center; margin: 0 auto; position: relative;}
.fixedNav.pcH .hMain .fixedWrap .logo{ display: inline-block; vertical-align: middle; width: 225px; text-align: left;}
.fixedNav.pcH .hMain .fixedWrap .logo img{ width: 180px; height: auto;}
.fixedNav.pcH .hMain .fixedWrap .jspcNav{ width: 915px; display: inline-block; vertical-align: middle; overflow: hidden;}
.fixedNav.pcH .hMain .fixedWrap .jspcNav li{ display: inline-block; width: 20%; text-align: center; padding: 19px 0;}
.fixedNav.pcH .hMain .fixedWrap .jspcNav li a{ font-size: 1.4rem;}
.fixedNav.pcH .hMain .fixedWrap .jspcNav li a span{ padding: 20px 20px 20px 0; background: url(../img/ico_arrow_b_01.png) no-repeat right center; background-size: 9px auto;}
.fixedNav.pcH .hMain .fixedWrap .jspcNav li:last-child a{ color: #d50007;}
.fixedNav.pcH .hMain .fixedWrap .jspcNav li:last-child a span{ background: none; padding: 20px 0;}

.fixedNav.pcH .hMain .fixedWrap .jspcNav li:last-child:hover{ border-bottom: none;}
.fixedNav.pcH .hMain .fixedWrap .jspcNav li:last-child:hover a span{ color: #d50007;}

.pcH .hMain .jspcNav li.active{ box-shadow: 0px -14px 0px -10px #007f08 inset;}
.pcH .hMain .jspcNav li.active a span{ color: #007f08;}

.pcH .hMain .searchBtn span{ display: none;}
.fixedNav.pcH .hMain .fixedWrap .searchBtn{ background: url(../img/ico_search.png) no-repeat center center; background-size: 20px auto; height: 58px; padding: 0 26px; vertical-align: top; cursor: pointer; display: inline-block; font-size: 0;}
.fixedNav.pcH .hMain .fixedWrap .searchBtn.cur{ background: url(../img/icon_close_02.png) no-repeat center #dcdcdc;}
.fixedNav.pcH .hMain .navToggleBox{top: 58px;}


.hMain .searchBox{ display: none;}

.pcH .hTop .companyNav ul li.searchBtnPc{ background: url(../img/ico_search.png) no-repeat center center; background-size: 20px auto; height: 50px; padding: 10px 25px 0; vertical-align: top; cursor: pointer;}
.pcH .hTop .companyNav ul li.searchBtnPc form{ display: none;}

.pcH .hTop .companyNav ul li.searchBtnPc.cur form{ background: #f7f7f7; border: 1px solid #d8d8d8; display: block;}
.pcH .hTop .companyNav ul li.searchBtnPc.cur form input[type="text"]{ background: #f7f7f7;height: 32px; width: 190px; padding: 0 0 0 10px ; box-sizing: border-box; border: none; outline: none;}
.pcH .hTop .companyNav ul li.searchBtnPc.cur form input[type="submit"]{margin-right: 10px; width: 15px; text-indent: -9999px; background: url("../img/ico_search.png") no-repeat; background-size: 100% auto; border: none;}
.pcH .hTop .companyNav ul li.searchBtnPc.cur form input[type="submit"]:hover{transition: 0.4s; opacity: 0.7;}

.fixedNav.pcH .hMain .searchBox{ position: absolute; top: 58px; left: 50%; transform: translateX(-50%); width: 1200px; height: 55px; z-index: 15;}
.fixedNav.pcH .hMain .searchBox form{ background: #dcdcdc; width: 325px; margin-left: auto;}
.fixedNav.pcH .hMain .searchBox form input[type="text"]{border: none;background: #dcdcdc; height: 55px; width: 270px; padding: 0 5px 0 10px ; box-sizing: border-box; font-size: 1.4rem; outline: none;}
.fixedNav.pcH .hMain .searchBox form input[type="submit"]{margin-right: 10px; width: 18px; text-indent: -9999px; background: url("../img/ico_search.png") no-repeat; background-size: 100% auto; border: none;}
.fixedNav.pcH .hMain .searchBox form input[type="submit"]:hover{transition: 0.4s; opacity: 0.7;}

.spH{display: none;}


@media screen and (max-width: 768px){

.pcH{display: none;}
.spH{display: block; position: relative; z-index: 15;background: #fff;}

.spH .hTop .name{font-weight: bold;line-height: 1;background: #f5f5f5; padding: 5px 15px;}
	
.spH .hTop{ height: 55px; width: 100%; position: relative; transition: all 0.5s; display: flex; border-bottom: 1px solid #c0c0c0; box-shadow: 0 4px 4px 0 rgba(0,0,0,0.05);}
.spH .hTop .logo{ width: 185px; display: flex; margin: 5px 15px; padding-top: 5px; transition: all 0.5s;}
.spH .hTop .logo a{ transition: all 0.5s;}
.spH .hTop .logo a img{width: 100%; height: auto; transition: all 0.5s;}
.spH .hTop ul{ margin-left: auto; display: flex;}
.spH .hTop ul li{width: 55px; height: 55px; display: table-cell;text-indent: -9999px; transition: all 0.5s;}
.spH .hTop ul li.searchBtnSp{background: url("../img/ico_search.png") no-repeat center center; background-size: 20px auto;}
.spH .hTop ul li.menuBtnSp{background: url("../img/ico_menu.png") no-repeat center center; background-size: 20px auto;}
.spH .hTop ul li.searchBtnSp.cur,
.spH .hTop ul li.menuBtnSp.cur{background: url("../img/icon_close_01.png") no-repeat center center #0a4383; background-size: 20px auto;}	
.spH .hTop ul li:hover{transition: 0.4s; opacity: 0.7;}

.spH .hTop .searchBoxSp form{width: 100%;padding:  10px 0;position: relative;}
.spH .hTop .searchBoxSp form input[type="text"]{font-size: 1.6rem;width: 100%; padding:10px 50px 10px 15px;border: none; background: #f5f5f5; box-sizing: border-box;}
.spH .hTop .searchBoxSp form input[type="submit"]{width: 20px; height: auto; position: absolute; top: 20px; right: 15px; text-indent: -9999px; background: url("../img/ico_search.png") no-repeat; background-size: 100% auto; border: none;}

.spH .hMain .menuBoxSp .loginNav{ background: #f4f4f4; padding-bottom: 25px; border-bottom: 1px solid #ccc;}
.spH .hMain .menuBoxSp .loginNav p{ font-size: 1.5rem; text-align: center; margin-bottom: 5px; padding-top: 25px; font-weight: bold;}
.spH .hMain .menuBoxSp .loginNav ul{ overflow: hidden; margin: 0 15px;}
.spH .hMain .menuBoxSp .loginNav ul li{ width: 50%; background: #007f08; display: block; font-size: 0; border: 1px solid #fff;}
.spH .hMain .menuBoxSp .loginNav ul li.left{ float: left;}
.spH .hMain .menuBoxSp .loginNav ul li.right{ float: right;}
.spH .hMain .menuBoxSp .loginNav ul li.col1{ width: 100%; background: #002449; display: block; float: left;}
.spH .hMain .menuBoxSp .loginNav ul li.col2{ width: 100%; background: #ffdbdb; display: block; float: left;}
.spH .hMain .menuBoxSp .loginNav ul li.col3{ float: left;  width: 60%; background: #AC0606; display: block;}
.spH .hMain .menuBoxSp .loginNav ul li.col4{ float: right; width: 40%; background: #002449; display: block;}
.spH .hMain .menuBoxSp .loginNav ul li a{ color: #fff; font-size: 1.4rem; padding: 10px 5px; text-align: center; display: block; text-decoration: none;}
.spH .hMain .menuBoxSp .loginNav ul li a[target="_blank"]{ background: none;}
.spH .hMain .menuBoxSp .loginNav ul li a span{ padding: 0 17px;}
.spH .hMain .menuBoxSp .loginNav ul li a span{ background: url(../img/ico_lock_01.png) no-repeat right center; background-size: 9px auto;}
.spH .hMain .menuBoxSp .loginNav ul li.col1 a span{ background: none; color: #ffffff;}
.spH .hMain .menuBoxSp .loginNav ul li.col2 a span{ background: none; color: #d50007;}
.spH .hMain .menuBoxSp .loginNav ul li.col3 a span{ background: none; padding: 0 !important; line-height: 2.3 !important;}
.spH .hMain .menuBoxSp .loginNav ul li.col4 a span{ background: none; padding: 0 !important; line-height: 2.3 !important;}

.spH .hMain .menuBoxSp{ display: none; position: absolute; background: #fff; top: 55px; right: 0; width: 100%; height: auto;}
.spH .hMain .menuBoxSp .scrollNav{ background: #fff;}
.spH .hMain .menuBoxSp .scrollNav ul{ float: none; display: block;}
.spH .hMain .menuBoxSp .scrollNav ul li{ text-indent: 0;width: 100%; height: auto; display: block;}
.spH .hMain .menuBoxSp .scrollNav ul li:hover{ opacity: 1;}
.spH .hMain .menuBoxSp .scrollNav ul li a{color: #333; text-decoration: none;font-size: 1.4rem; font-weight: bold; display: block; padding: 15px 15px 0; background: url(../img/ico_arrow_l_01.png) no-repeat right 26px bottom 5px; background-size: 6px auto;}
.spH .hMain .menuBoxSp .scrollNav ul li a[target="_blank"]{ padding: 20px 15px; background: url(../img/ico_blank_side.png) no-repeat right 7px center; background-size: 30px auto; border-bottom: 1px solid #ccc;}

.spH .hMain .menuBoxSp .scrollNav ul li span{display: block; background: url(../img/ico_plus_r_02.png) no-repeat right 10px center; background-size: 25px auto; font-size: 1.4rem; font-weight: bold; padding: 20px 15px; border-bottom: 1px solid #ccc; cursor: pointer;}
.spH .hMain .menuBoxSp .scrollNav ul li span.cur{ background: url(../img/ico_minus_r_02.png) no-repeat right 10px center; background-size: 25px auto; border-bottom: none;}
.spH .hMain .menuBoxSp .scrollNav ul li ul{ display: none; padding: 0 0 15px 0; border-bottom: 1px solid #ccc;}
.spH .hMain .menuBoxSp .scrollNav ul li ul li{ padding: 0;}
.spH .hMain .menuBoxSp .scrollNav ul li ul li a{ font-size: 1.2rem; font-weight: normal; border: none; padding: 7px 15px 7px 25px; display: block; background: url(../img/ico_arrow_l_01.png) no-repeat right 26px center; background-size: 6px auto;}
.spH .hMain .menuBoxSp .scrollNav ul li ul li a[target="_blank"]{ padding: 7px 15px 7px 25px; background: url(../img/ico_blank_side.png) no-repeat right 7px center; background-size: 30px auto; border-bottom: none;}

.spH .hMain .menuBoxSp .footNav{ padding: 25px 0 0 0; width: 100%; overflow: hidden; padding-bottom: 25px;}
.spH .hMain .menuBoxSp .footNav li{display: block; width: 50%; float: left;}	
.spH .hMain .menuBoxSp .footNav li a{background:url("../img/ico_arrow_l_01_sp.png") no-repeat left 0.3em; padding: 0px 30px 15px 15px; background-size: 14px auto; text-align: left; display: inline-block; min-width: 100%; margin: 0 20px; color: #333; text-decoration: none; font-size: 1.2rem;}
.spH .hMain .menuBoxSp .footNav li a:hover{ opacity: 0.6; transition: 0.6s;}

.spH .hMain .searchBoxSp{display: none; position: absolute; background: #f5f5f5; top: 45px; right: 0; width: 100%; height: 55px;}
.spH .hMain .searchBoxSp form{width: 100%;padding: 10px 0; position: relative;}
.spH .hMain .searchBoxSp form input[type="text"]{ font-size: 1.4rem; width: 100%; padding: 5px 50px 10px 15px;border: none; background: #f5f5f5; box-sizing: border-box; outline: none;}
.spH .hMain .searchBoxSp form input[type="submit"]{width: 20px; height: auto; position: absolute; top: 15px; right: 15px; text-indent: -9999px; background: url("../img/ico_search.png") no-repeat; background-size: 100% auto; border: none;}

#wrap.fixed .spH,
.spH.fixedNav{ position: fixed; top: 0; width: 100%;}

.pageFixed .spH,
.pageFixed .spH.fixedNav{ position: fixed; top: 0; width: 100%; height: 45px;}	

.pageFixed .spH .hTop,
.spH.fixedNav .hTop{ height: 45px;}
.pageFixed .spH .hTop .logo,
.spH.fixedNav .hTop .logo{ width: 165px; margin: 3px 15px;}
.pageFixed .spH .hTop ul li,
.spH.fixedNav .hTop ul li{width: 45px; height: 45px; display: table-cell;text-indent: -9999px;}

.spH.fixedNav .hMain .menuBoxSp{ overflow: scroll; padding-bottom: 60px;}
.spH.fixedNav .hMain .menuBoxSp ul li a{ height: auto;}

#wrap.fixed .spH .hMain .menuBoxSp,
.pageFixed .spH .hMain .menuBoxSp{ top: 45px; overflow: scroll; height: 100vh; padding-bottom: 60px; background: #f4f4f4;}
.pageFixed{ position: fixed; width: 100%; z-index: 1;}
	
}

/*--------------------------------
Simple Header
---------------------------------*/
header.simpleH{border-bottom: 1px solid #c0c0c0;width: 100%; min-width: 1260px; text-align: center;padding: 20px 0; background: #ffffff;}
header.simpleH p.logo img{width: 244px; height: auto;}
header.simpleH p.logo a:hover{opacity: 0.6; transition: 0.6s;}

@media screen and (max-width: 768px){
header.simpleH{width: 100%; min-width: 100%; padding: 15px 0;}
header.simpleH p.logo img{width: 180px; height: auto;}
}

/*--------------------------------
contents
---------------------------------*/
#contentsWrap{min-width: 1260px;}
#contentsWrap.col1{}

.contents{width: 1200px; margin: 0 auto;overflow: hidden;}

.contents iframe,
.contents p,
.contents ol,
.contents ul,
.contents table,
.contents dl{margin: 20px 0 0 0;line-height: 1.8;}


.contents .mgt10Set iframe,
.contents .mgt10Set p,
.contents .mgt10Set ol,
.contents .mgt10Set ul,
.contents .mgt10Set table,
.contents .mgt10Set dl{margin: 10px 0 0 0;line-height: 1.8;}

.contents iframe{width: 100%;height: 440px;}
.contents .sdgmv{width: 100%; height: 366px;}

.contents .topicPath{width: 1200px; margin: 15px auto 0;font-size: 1.2rem;}
.contents .topicPath li{display: inline-block;padding-right: 5px;}
.contents .topicPath li a{margin-right: 8px; display: inline-block;text-decoration: underline; color: #333;}
.contents .topicPath li a:hover{text-decoration: none;}
.contents .topicPath li strong{font-weight: normal;}

.main{float: left;width: 860px;}


.side{margin-top: 80px;float: right;width: 280px;font-size: 1.6rem;line-height: 1.7;}
.side{}
.side a img{ width: 100%; height: auto;}
.side a:hover img{opacity: 0.8;}
.side nav a{text-decoration: none;}
.side nav p.catTtl{font-size: 1.8rem;}
.side nav p.catTtl a{font-weight: bold; color: #fff;display: block; background: url("../img/ico_arrow_r_03.png") no-repeat right center #007f08;background-size: 30px auto; padding: 
40px 40px 40px 30px;}
.side nav p.catTtl a:hover{opacity: 0.8;}

.side nav ul{margin: 0;}
.side nav ul li{border-bottom: 1px solid #c0c0c0;line-height: 1.4;}
.side nav ul li span.noLink01{font-weight: bold;font-size: 1.6rem;padding: 20px 20px 20px 30px; color: #333; display: block;  }
.side nav ul li a{font-size: 1.6rem;padding: 20px 40px 20px 30px; color: #333; display: block; background: url("../img/ico_arrow_r_04.png")no-repeat right center #fff;background-size: 30px auto; font-weight: normal;}
.side nav ul li a[target="_blank"]{    background: url(../img/ico_blank_side.png) no-repeat 99% center;margin-right: 0;padding-right: 40px; background-size: 27px auto; }
.side nav ul li a.cur,
.side nav ul li a:hover{background-color: #ebf8ec; color: #007f08;font-weight: bold;}

.side nav ul li ul.child{padding-bottom: 20px; display: none;}
.side nav ul li ul.child li{border: none;}
.side nav ul li ul.child li a{padding: 5px 45px;font-size: 1.4rem;font-weight: normal;}
.side nav ul li ul.child li a:hover,
.side nav ul li ul.child li a.cur{padding: 5px 45px;font-weight: bold;}

.sideSearchBox01{margin-bottom:30px;font-size: 1.6rem;}
.sideSearchBox01 .ttl{color: #007f08; font-weight: bold; margin-bottom: 5px;}
.sideSearchBox01 form{width: 100%;position: relative;}
.sideSearchBox01 .txt01{width: 100%;padding: 5px;padding-right: 65px;-webkit-appearance: none; border-radius: 0;}
.sideSearchBox01 .inputbtn01{width: 55px; height: auto; position: absolute;top: 0; right: 0;background: #007f08; color: #fff;border: #007f08;font-size: 1.6rem;padding: 6px; cursor: pointer;-webkit-appearance: none; border-radius: 0;}
.sideSearchBox01 .inputbtn01:hover{opacity: 0.7;transition: 0.4s;}

.sideSearchBox01 .txt02{width: 100%;padding:10px 15px;padding-right: 115px;-webkit-appearance: none; border-radius: 0;}
.sideSearchBox01 .inputbtn02{width: 100px; height: auto; position: absolute;top: 0; right: 0;background: #007f08; color: #fff;border: #007f08;font-size: 1.6rem;padding: 11px; cursor: pointer;-webkit-appearance: none; border-radius: 0;}
.sideSearchBox01 .inputbtn02:hover{opacity: 0.7;transition: 0.4s;}


@media screen and (max-width: 768px){
#contentsWrap.col1{padding: 0 15px;}
#contentsWrap{min-width: 100%;}
.contents{width: 100%; margin: 0 auto; padding: 0; }

.contents p,
.contents ol,
.contents ul,
.contents table,
.contents dl{margin: 10px 0 0 0;}

.contents .mgt10Set iframe,
.contents .mgt10Set p,
.contents .mgt10Set ol,
.contents .mgt10Set ul,
.contents .mgt10Set table,
.contents .mgt10Set dl{margin:5px 0 0 0;line-height: 1.8;}

.contents .topicPath{width: 100%; margin:10px auto 0;font-size: 1rem; padding: 0 15px;}
.contents .topicPath li{padding-right: 5px;}
.contents .topicPath li a{margin-right: 8px;}

.contents iframe{width: 100%;height: 220px;}

.main{float: none;width: 100%; padding: 0 15px;}

.side{margin-top: 40px;float: none;width: 100%; font-size: 1.4rem; }
.side nav p.catTtl{font-size: 1.6rem;}
.side nav p.catTtl a{ background: url("../img/ico_arrow_r_03.png") no-repeat right center #007f08;background-size: 28px auto; padding: 
25px 40px 25px 20px;}
.side nav ul li span.noLink01{font-size: 1.4rem;padding:15px 20px 15px 20px;}
.side nav ul li a{font-size: 1.4rem;padding:15px 40px 15px 20px;background: url("../img/ico_arrow_r_04.png")no-repeat right center #fff;background-size: 28px auto; }
.side nav ul li ul.child li a{padding: 5px 30px;font-size: 1.2rem;}
.side nav ul li ul.child li a:hover,
.side nav ul li ul.child li a.cur{padding: 5px 30px;}

.sideSearchBox01{margin:20px 15px;font-size: 1.4rem;}
.sideSearchBox01 .txt02{width: 100%;padding: 5px;padding-right: 65px;-webkit-appearance: none; border-radius: 0;}
.sideSearchBox01 .inputbtn02{width: 55px; height: auto; position: absolute;top: 0; right: 0;background: #007f08; color: #fff;border: #007f08;font-size: 1.6rem;padding: 6px; cursor: pointer;-webkit-appearance: none; border-radius: 0;}
}

/*--------------------------------
section
---------------------------------*/
.contentsHead{background-color: #00203c;height: 300px;background-size: contain;}
#wrap.shop .contentsHead{background: url("../img/bg_mv_shop.png") no-repeat top right #00203c;}
#wrap.service .contentsHead{ background: url("../img/bg_mv_service.png") no-repeat top right #00203c;}
#wrap.products .contentsHead{ background: url("../img/bg_mv_product.png") no-repeat top right #00203c;}
#wrap.investment .contentsHead{ background: url("../img/bg_mv_investment.png") no-repeat top right #00203c;}
#wrap.corporate .contentsHead{ background: url("../img/bg_mv_corporate.png") no-repeat top right #00203c;}

.contentsHead .inner{padding: 15px 0;}
.contentsHead .topicPath{width: 1200px; margin: 0 auto ;font-size: 1.2rem;}
.contentsHead .topicPath li{display: inline-block;padding-right: 5px;color: #fff;}
.contentsHead .topicPath li a{margin-right: 8px; display: inline-block;text-decoration: underline; color: #fff;}
.contentsHead .topicPath li a:hover{text-decoration: none;}
.contentsHead .topicPath li strong{font-weight: normal;color: #fff;}

.contentsHead .deviceTtl01W{color: #fff;font-size: 3.6rem;width: 1200px; margin: 80px auto 0 !important ;}
.contentsHead .deviceTtl01W span{display: block;font-size: 1.4rem;font-weight: bold;margin-top: 5px;}

@media screen and (max-width: 768px){
.contentsHead{margin:0px -15px;}
#wrap.shop  .contentsHead{background: url("../img/bg_mv_shop_sp.png") no-repeat top right #00203c;
height: 200px;background-size: contain;}
#wrap.service .contentsHead{ background: url("../img/bg_mv_service_sp.png") no-repeat top right #00203c;
height: 200px; background-size: contain; margin: 0 -15px;}
#wrap.products .contentsHead{ background: url("../img/bg_mv_product_sp.png") no-repeat top right #00203c;
height: 200px; background-size: contain; margin: 0 -15px;}
#wrap.investment .contentsHead{ background: url("../img/bg_mv_investment_sp.png") no-repeat top right #00203c; height: 200px; background-size: contain; margin: 0 -15px;}
#wrap.corporate .contentsHead{ background: url("../img/bg_mv_corporate_sp.png") no-repeat top right #00203c; height: 200px; background-size: contain; margin: 0 -15px;}
	
.contentsHead .inner{padding: 10px 15px;}
.contentsHead .topicPath{width: 100%; margin: 0 auto ;font-size: 1rem;}
.contentsHead .topicPath li{display: inline-block;padding-right: 5px;color: #fff;}
.contentsHead .deviceTtl01W{font-size: 2.6rem;margin: 50px auto 0 !important ;width: 100%;}
.contentsHead .deviceTtl01W span{font-size: 1.2rem;}

}

/*--------------------------------
Toppage
---------------------------------*/
.topCont .kvWrap{ margin-top: 0;}
.topCont .kvWrap .sbWrap{position: relative;}
.topCont .kvWrap .slick-box{margin-top: 0; width: 100%;line-height: 1;margin-bottom: 10px;}
.topCont .kvWrap .slick-box li img{width: 100%; height: auto;vertical-align: bottom;}
.topCont .kvWrap .slick-box .slick-slide{ max-height: 480px;}
.topCont .kvWrap .slick-box .slick-slide:not(.slick-current){position: relative;}
.topCont .kvWrap .slick-box .slick-slide:not(.slick-current):before{ background-color: rgba(0,0,0,0.4); position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ' ';}
.topCont .kvWrap .slick-dots{ position: static; margin: 10px auto 0 !important;}
.topCont .kvWrap .slick-prev.slick-arrow,
.topCont .kvWrap .slick-next.slick-arrow{ font-size: 0; line-height: 0; z-index: 2; position: absolute; top: 40%; display: block; width: 36px; height: 36px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}

.topCont .slick-prev.slick-arrow.slick-disabled:before,
.topCont .slick-next.slick-arrow.slick-disabled:before{ opacity: .25;}

.topCont .slick-prev.slick-arrow:before,
.topCont .slick-next.slick-arrow:before{ font-size: 2rem; line-height: 1; opacity: .75; color: white;
 -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.topCont .slick-prev.slick-arrow{ left: 6%; background: url("../img/slide_prev.png") no-repeat 0 0 !important; background-size: 36px 36px;}
.topCont .slick-prev.slick-arrow:hover{opacity: 0.6 !important; transition: 0.4s;}
.topCont .slick-next.slick-arrow{ right: 6%; background: url("../img/slide_next.png") no-repeat 0 0 !important; background-size: 36px 36px;}

.topCont .arrowWrap{position: absolute; bottom: -15px; left: 0; width: 100%; text-align: center;}
.topCont .arrowWrap #prev{position: relative; z-index: 4; display: inline-block;width: 7px; height: 10px; background: url("../img/pager01_l.png") no-repeat 0 0; background-size: 7px auto;text-indent: -9999px;margin-right: 185px; cursor: pointer;}
.topCont .arrowWrap #next{position: relative; z-index: 4; display: inline-block;width: 7px; height: 10px; background: url("../img/pager01_r.png") no-repeat 0 0; background-size: 7px auto;text-indent: -9999px;margin-left: 50px; cursor: pointer;}

.topCont .kvWrap .cautionWrap01{ background: #d40802; padding: 15px 0 1px; z-index: 1;}
.topCont .kvWrap .cautionWrap01 .contents{ position: relative;}
.topCont .kvWrap .cautionWrap01 .contents p{ color: #fff; text-decoration: none; margin: 0 0 15px; background: url("../img/ico_cation_03.png") no-repeat left 0 center; background-size: 22px auto; padding-left: 30px;}
.topCont .kvWrap .cautionWrap01 .contents p a{ text-decoration: underline; display: inline; color: #fff;}
.topCont .kvWrap .cautionWrap01 .contents p a[target="_blank"]{ background: url("../img/ico_blank_w.png") no-repeat right 0.4em; background-size: 11px auto; padding-right:20px; margin-right: 10px;}
.topCont .kvWrap .cautionWrap01 .contents p a[href$=".pdf"] {background: url("../img/ico_pdf_01.png") no-repeat right 0.1em; background-size: 16px auto;padding-right:25px; margin-right: 10px;}
.topCont .kvWrap .cautionWrap01 .contents p a:hover{ text-decoration: none;}

.topCont .kvWrap .buttonWrap{ position: relative; width: 1060px; display: block; margin: 0 auto;}

@media screen and (max-width: 768px){

.topCont .kvWrap .slick-box .slick-slide:not(.slick-current):before{ background-color: rgba(0,0,0,0.4); position: absolute; top: 0; right: 0; bottom: 3px; left: 0; content: ' ';}
.topCont .kvWrap .slick-prev.slick-arrow,
.topCont .kvWrap .slick-next.slick-arrow{ top: 40%; display: block; width: 18px; height: 36px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);}
.topCont .contents{ width: auto; margin: 0 15px;}
.topCont .slick-prev.slick-arrow{ left: 0; background: url("../img/slide_prev_sp.png") no-repeat 0 0 !important; background-size: 100% auto !important;}
.topCont .slick-prev.slick-arrow:hover{opacity: 0.6 !important; transition: 0.4s;}
.topCont .slick-next.slick-arrow{ right: 0; background: url("../img/slide_next_sp.png") no-repeat 0 0 !important; background-size: 100% auto !important;}
.topCont .arrowWrap{bottom: -9px;}
.topCont .arrowWrap #prev{ width: 9px; height: 14px; background: url("../img/pager01_l.png") no-repeat 0 0; background-size: 9px auto; margin-right: 185px;}
.topCont .arrowWrap #next{ width: 9px; height: 14px; background: url("../img/pager01_r.png") no-repeat 0 0; background-size: 9px auto; margin-left: 47px;}
}

/*--------------------------------
Toppage release
---------------------------------*/
.topCont .release{ margin-top: 40px;}
.topCont .release .jsTabWrap{ overflow: hidden; margin-bottom: 20px;}
.topCont .release .jsTabWrap .tabMenu01{ width: 200px; float: left;}
.topCont .release .jsTabWrap .tabMenu01 li{ display: block; font-size: 2rem; border-bottom: 1px dotted #999999; padding-bottom: 15px; margin-bottom: 15px; cursor: pointer; text-align: left;}
.topCont .release .jsTabWrap .tabMenu01 li span{ font-size: 1rem; display: block; margin: 5px 0;}
.topCont .release .jsTabWrap .tabMenu01 li.cur{ color: #007f08; font-weight: bold; border-bottom: 1px solid #007f08;}
.topCont .release .jsTabWrap .tabMenu01 li.cur span{ color: #007f08; font-weight: bold;}

.topCont .release .jsTabWrap .jsTabNav li{ background: none;}
.topCont .release .jsTabWrap .jsTabNav li.cur, .jsTabWrap .jsTabNav li:hover{ background: none; color: #007f08 !important; border-bottom: 1px solid #007f08 !important; font-weight: bold;}
.topCont .release .jsTabWrap .jsTabNav li.cur, .jsTabWrap .jsTabNav li:hover span{ font-weight: bold;}

.topCont .release .jsTabWrap .jsTabContents{ width: 940px; float: right;}
.topCont .release .jsTabWrap .jsTabContents .rssMenu{margin-top: 20px;}
.topCont .release .jsTabWrap .jsTabContents .rssMenu li{ font-size: 1.4rem; display: inline-block; border-left: 1px solid #999; border-right: 1px solid #999; padding: 0 30px;}
.topCont .release .jsTabWrap .jsTabContents .rssMenu li a{ background: url("../img/ico_arrow_l_01.png") no-repeat 0 0.5rem; padding-left: 15px; margin-top: 5px; background-size: 7px auto; color: #333; text-decoration: none;}
.topCont .release .jsTabWrap .jsTabContents .rssMenu li.rss{ border-left: none;}
.topCont .release .jsTabWrap .jsTabContents .rssMenu li.rss a{ font-size: 1.4rem; display: inline-block;  background: url("../img/icon_rss_01.png") no-repeat left 0.5rem; background-size: 16px auto; padding-left:20px; color: #e4762d; text-decoration: none; font-weight: bold; margin: 0;}
.topCont .release .jsTabWrap .jsTabContents .rssMenu li a:hover{ text-decoration: underline;}
.topCont .release .covid19{ width: 940px; margin:0 0 60px 260px;}

@media screen and (max-width: 768px){
.topCont .release .jsTabWrap{ overflow: auto;}
.topCont .release .jsTabWrap .tabMenu01{ width: 100%; float: none;}
.topCont .release .jsTabWrap .tabMenu01 li{ font-size: 1.8rem; padding-bottom: 15px; margin-bottom: 15px; width: 50%; float: left; text-align: center;}
.topCont .release .jsTabWrap .tabMenu01 li span{ font-size: 1rem;}

.topCont .release .jsTabWrap .jsTabContents{ width: auto; float: right;}
.topCont .release .jsTabWrap .jsTabContents .rssMenu{ text-align: center;}
.topCont .release .jsTabWrap .jsTabContents .rssMenu li{ font-size: 1.2rem; padding: 0 20px;}
.topCont .release .jsTabWrap .jsTabContents .rssMenu li a{ background: url("../img/ico_arrow_l_01.png") no-repeat 0 center; padding-left: 15px; margin-top: 5px; background-size: 7px auto;}
.topCont .release .jsTabWrap .jsTabContents .rssMenu li.rss a{ font-size: 1.2rem; background: url("../img/icon_rss_01.png") no-repeat left 0.5rem; background-size: 12px auto; padding-left: 15px;}
.topCont .release .covid19{ float: none; clear: both; width: auto !important; margin: 0 0 30px 0 !important;}
}

/*--------------------------------
Toppage pickup
---------------------------------*/
.topCont .pickup{ background: url("../img/bg_top_01.jpg") no-repeat; background-size: cover; margin-top: 0;}
.topCont .pickup .contents{ color: #fff; text-align: center; padding: 70px 0 100px;}
.topCont .pickup .contents h2{ font-size: 2.8rem;}
.topCont .pickup .contents h2 span{ font-size: 1.3rem; display: block; font-weight: bold;}
.topCont .pickup .contents p.leadText01{ font-size: 1.8rem; margin: 15px 0 35px;}

.topCont .pickup .contents .col2Wrap{ overflow: hidden;}
.topCont .pickup .contents .col2Wrap .cell{ width: 597px; display: inline-block;}
.topCont .pickup .contents .col2Wrap .cell.left a{ width: 580px; float: left; background: url("../img/img_service_01.png") no-repeat; display: block;}
.topCont .pickup .contents .col2Wrap .cell.right a{ width: 580px; float: right; background: url("../img/img_service_02.png") no-repeat; display: block;}
.topCont .pickup .contents .col2Wrap .cell.sdgs{ position: relative; top: -158px; height: 200px; padding-bottom: 0 !important; margin-bottom: 0 !important; }
.topCont .pickup .contents .col2Wrap .cell.sdgs a{ width: 100%; float: right; display: block;}
.topCont .pickup .contents .col2Wrap .cell a .textCont01{ background: #007f08; width: 460px; text-align: left; margin-top: 350px;}

.topCont .pickup .contents .col2Wrap .cell a .textCont02{ background: #007f08; width: 100%; text-align: left; margin-top: 373px; color: #fff; padding: 25px 30px 25px 30px; display: block;}
.topCont .pickup .contents .col2Wrap .cell a .textCont03{ background: #007f08; width: 100%; text-align: left; color: #fff; padding: 25px 30px 25px 30px; display: block;}
.topCont .pickup .contents .col2Wrap .cell a .textCont02 h3{ font-size: 2.2rem; padding-right: 20px; display: inline-block;}
.topCont .pickup .contents .col2Wrap .cell a .textCont03 h3{ font-size: 2.2rem; padding-right: 20px; display: inline-block;}


.topCont .pickup .contents .col2Wrap .cell a .textCont01{ color: #fff; text-decoration: none; padding: 25px 30px 25px 30px; display: block;}
.topCont .pickup .contents .col2Wrap .cell a:hover{ transition: 0.6s; opacity: 0.6; text-decoration: underline;}
.topCont .pickup .contents .col2Wrap .cell a .textCont01 h3{ font-size: 2.2rem; background: url("../img/ico_arrow_r_01.png") no-repeat right 0.5em; background-size: 7px auto; padding-right: 20px; display: inline-block;}
.topCont .pickup .contents .col2Wrap .cell a .textCont02 h3{ font-size: 2.2rem; background: url("../img/ico_arrow_r_01.png") no-repeat right 0.5em; background-size: 7px auto; padding-right: 20px; display: inline-block;}
.topCont .pickup .contents .col2Wrap .cell a .textCont03 h3{ font-size: 2.2rem; background: url("../img/ico_arrow_r_01.png") no-repeat right 0.5em; background-size: 7px auto; padding-right: 20px; display: inline-block;}
.topCont .pickup .contents .col2Wrap .cell a .textCont01 p{ margin: 5px 30px 0 0; letter-spacing: -1px;}
.topCont .pickup .contents .col2Wrap .cell a .textCont02 p{ margin: 5px 30px 0 0; letter-spacing: -1px;}
.topCont .pickup .contents .col2Wrap .cell a .textCont03 p{ margin: 5px 30px 0 0; letter-spacing: -1px;}
.topCont .pickup .contents .col2Wrap .cell a:hover .textCont01 h3{ text-decoration: underline;}
.topCont .pickup .contents .col2Wrap .cell a:hover .textCont01 p{ text-decoration: underline;}

.topCont .pickup .contents .col2Wrap .cell a:hover .textCont02 h3{ text-decoration: underline;}
.topCont .pickup .contents .col2Wrap .cell a:hover .textCont02 p{ text-decoration: underline;}

.topCont .pickup .contents .col2Wrap .cell a:hover .textCont03 h3{ text-decoration: underline;}
.topCont .pickup .contents .col2Wrap .cell a:hover .textCont03 p{ text-decoration: underline;}


@media screen and (max-width: 768px){

.topCont .pickup{ background: url("../img/bg_top_sp_01.jpg") no-repeat; background-size: cover;}
.topCont .pickup .contents{ padding: 40px 0 50px;}
.topCont .pickup .contents h2{ font-size: 2.1rem;}
.topCont .pickup .contents h2 span{ font-size: 1.2rem;}
.topCont .pickup .contents p.leadText01{ font-size: 1.6rem; margin: 20px 0;}

.topCont .pickup .contents .col2Wrap .cell{ width: auto;}
.topCont .pickup .contents .col2Wrap .cell.left a{ width: auto; margin-bottom: 30px; background-size: contain;}
.topCont .pickup .contents .col2Wrap .cell.right a{ width: auto; background-size: contain;}
.topCont .pickup .contents .col2Wrap .cell a .textCont01{ width: 90%; margin-top: 56vw;}
.topCont .pickup .contents .col2Wrap .cell a .textCont01{ padding: 15px 20px;}
.topCont .pickup .contents .col2Wrap .cell a .textCont01 h3{ font-size: 1.8rem;}
.topCont .pickup .contents .col2Wrap .cell a .textCont01 p{ margin: 5px 0 0 0;}
.topCont .pickup .contents .col2Wrap .cell.right a{ float: right; background: url("../img/img_service_02.png") contain no-repeat; margin-left: 5px;}
.topCont .pickup .contents .col2Wrap .cell a .textCont02{ background: rgba(0,127,8,0.7); margin-top: 200px; padding: 18px 25px; color: #fff; text-decoration: none;}
.topCont .pickup .contents .col2Wrap .cell a .textCont03{ margin-top: -6px; padding: 18px 25px; text-decoration: none;}
.contents .sdgmv{width: 100%; height:246px;}

.topCont .pickup .contents .col2Wrap .cell.sdgs{ position: relative; top:0; height: auto; padding-bottom: 0 !important; margin-bottom: 40px !important; }


}

/*--------------------------------
Toppage products
---------------------------------*/
.topCont .products{ background: url("../img/bg_top_02.jpg") no-repeat; background-size: cover; margin-top: 0 !important;}
.topCont .products .contents{ color: #fff; text-align: center; padding: 70px 0 100px;}
.topCont .products .contents h2{ font-size: 2.8rem;}
.topCont .products .contents h2 span{ font-size: 1.3rem; display: block; font-weight: bold;}
.topCont .products .contents p.leadText01{ font-size: 1.8rem; margin: 15px 0 30px;}

.topCont .products .contents ul{ width: 980px; height: 440px; display: block; margin: 0 auto; position: relative;}
.topCont .products .contents ul li{ position: absolute; width: 340px; display: block; box-shadow: 0px 0px 5px 0px #333; background: #fff;}
.topCont .products .contents ul li.list01{ top: 20px; left: 0; z-index: 1;}
.topCont .products .contents ul li.list02{ top: 0; left: 320px; z-index: 2;}
.topCont .products .contents ul li.list03{ top: 20px; left: 640px; z-index: 1;}
.topCont .products .contents ul li a{ padding: 50px 55px; display: block; text-decoration: none; height: 420px;}
.topCont .products .contents ul li:hover{ text-decoration: underline; background: #d1e7d2; transition: 0.5s;}
.topCont .products .contents ul li a h3{ font-size: 2rem; color: #007f08; margin-top: 20px; padding-right: 0;}
.topCont .products .contents ul li a h3 strong{ background: url("../img/ico_arrow_l_01.png") no-repeat right top 0.5em; background-size: 7px auto; padding: 0 20px;}
.topCont .products .contents ul li a h3 span{ font-size: 1.3rem; display: block; font-weight: bold;}
.topCont .products .contents ul li a span.text{  font-size: 1.6rem; text-align: left; color: #333; display: block; margin-top: 20px;}

@media screen and (max-width: 768px){
.topCont .products{ background: url("../img/bg_top_sp_02.jpg") no-repeat; background-size: cover; margin-top: 0 !important;}
	
.topCont .products .contents{ padding: 40px 0 50px;}
.topCont .products .contents h2{ font-size: 2.1rem;}
.topCont .products .contents h2 span{ font-size: 1.2rem;}
.topCont .products .contents p.leadText01{ font-size: 1.6rem; margin: 20px 0;}

.topCont .products .contents ul{ width: auto; height: auto; display: block;}
.topCont .products .contents ul li{ position: static; width: auto; display: block; box-shadow: none; text-align: left; margin-bottom: 5px;}	
.topCont .products .contents ul li a{ padding: 20px; display: block; height: auto; overflow: hidden;}
.topCont .products .contents ul li a img{ float: left; width: 25%; margin-top: 5vw;}
.topCont .products .contents ul li a .spBox{ float: right; width: 70%;}
.topCont .products .contents ul li a h3{ font-size: 1.7rem; margin-top: 10px; display: inline-block; padding-right: 30px;}
.topCont .products .contents ul li a h3 strong{ background: url("../img/ico_arrow_l_01.png") no-repeat right center; background-size: 7px auto; padding: 0 20px 0 0;}	
.topCont .products .contents ul li a h3 span{ font-size: 1rem; display: block;}
.topCont .products .contents ul li a span.text{  font-size: 1.4rem; margin-top: 10px;}
}

/*--------------------------------
Toppage seminar
---------------------------------*/
.topCont .seminar{ background: url("../img/bg_top_03.jpg") no-repeat; background-size: cover; margin-top: 0 !important;}

.topCont .seminar .contents{ color: #fff; text-align: center; padding: 70px 0 100px;}
.topCont .seminar .contents h2{ font-size: 2.8rem; margin-bottom: 30px;}
.topCont .seminar .contents h2 span{ font-size: 1.3rem; display: block; font-weight: bold;}
.topCont .seminar .contents p.leadText01{ font-size: 1.8rem; margin: 15px 0 30px;}

.topCont .seminar .contents .col2Wrap .cell{ width: 595px; display: inline-block; font-size: 0;}
.topCont .seminar .contents .col2Wrap .cell.left a{ float: left; background: url("../img/img_seminar_01.png") no-repeat; margin-right: 5px;}
.topCont .seminar .contents .col2Wrap .cell.right a{ float: right; background: url("../img/img_investment_01.png") no-repeat; margin-left: 5px;}
.topCont .seminar .contents .col2Wrap .cell a{ display: block; text-decoration: none;}
.topCont .seminar .contents .col2Wrap .cell a:hover{ text-decoration: underline; opacity: 0.6; transition: 0.6s;}
.topCont .seminar .contents .col2Wrap .cell a .textCont01{ background: rgba(0,127,8,0.7); width: 100%; text-align: left; margin-top: 300px; padding: 18px 25px; color: #fff; text-decoration: none;}

.topCont .seminar .contents .col2Wrap .cell a .textCont01 h3{ font-size: 2rem; background: url("../img/ico_arrow_r_01.png") no-repeat right center; background-size: 7px auto; padding-right: 30px; display: inline-block;}
.topCont .seminar .contents .col2Wrap .cell a .textCont01 p{ margin-top: 0; letter-spacing: -0.5px; font-size: 1.6rem;}
.topCont .seminar .contents .col2Wrap .cell a:hover .textCont01 h3{ text-decoration: underline;}
.topCont .seminar .contents .col2Wrap .cell a:hover .textCont01 p{ text-decoration: underline;}

@media screen and (max-width: 768px){
.topCont .seminar{ background: url("../img/bg_top_sp_03.jpg") no-repeat; background-size: cover; margin-top: 0 !important;}

.topCont .seminar .contents{ padding: 40px 0 50px;}
.topCont .seminar .contents h2{ font-size: 2.1rem; margin-bottom: 20px;}
.topCont .seminar .contents h2 span{ font-size: 1.2rem; display: block;}
.topCont .seminar .contents p.leadText01{ font-size: 1.6rem; margin: 20px 0;}
	
.topCont .seminar .contents .col2Wrap .cell{ width: 100%;}
.topCont .seminar .contents .col2Wrap .cell.left a{ float: left; background-size: cover; margin-bottom: 30px; margin-right: 0;}
.topCont .seminar .contents .col2Wrap .cell.right a{ float: right; background-size: cover; margin-left: 0;}

.topCont .seminar .contents .col2Wrap .cell a{ display: block;}
.topCont .seminar .contents .col2Wrap .cell a .textCont01{ margin-top: 40vw; padding: 10px 15px;}
.topCont .seminar .contents .col2Wrap .cell a .textCont01 h3{ font-size: 1.7rem; padding-right: 20px;}
.topCont .seminar .contents .col2Wrap .cell a .textCont01 p{ margin-top: 0; font-size: 1.4rem;}
}

/*--------------------------------
Toppage question
---------------------------------*/
.topCont .contents .question{ color: #333; padding: 20px 0 40px;}
.topCont .contents .question h2{ font-size: 2.2rem; margin-bottom: 35px; text-align: center;}
.topCont .contents .question h2 span{ font-size: 1.2rem; display: block; font-weight: bold;}

.topCont .contents .question .col2Wrap{ overflow: hidden;}
.topCont .contents .question .col2Wrap .cell{ width: 550px;}
.topCont .contents .question .col2Wrap .cell.left{ float: left;}
.topCont .contents .question .col2Wrap .cell.right{ float: right; margin-right: 5px;}

.topCont .contents .question .col2Wrap .cell.left .faqList02 li{ padding: 10px 10px 10px 40px; margin-top: 0;}
.topCont .contents .question .col2Wrap .cell.left .faqList02 li:nth-child(odd){ background: url(../img/ico_q_01.png) no-repeat 10px 15px #f4f4f4;    background-size: 18px auto;}
.topCont .contents .question .col2Wrap .cell.left .faqList02 li:nth-child(even){ background: url(../img/ico_q_01.png) no-repeat 10px 15px #fff;    background-size: 18px auto;}

.topCont .btnR03.top{padding: 10px 15px; min-width: auto;}
.topCont .contents .question .col2Wrap .cell.right .contact01{ display: block; font-size: 0; box-shadow: 0px 2px 6px 0px #d1d1d1;}
.topCont .contents .question .col2Wrap .cell.right .contact01 li{ display: inline-block; width: 183px; border-top: 3px solid #007f08; vertical-align: top; transition: 0.6s;}
.topCont .contents .question .col2Wrap .cell.right .contact01 li:hover{ background: #f1f1f1;}
.topCont .contents .question .col2Wrap .cell.right .contact01 li:nth-of-type(2){ border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;}
.topCont .contents .question .col2Wrap .cell.right .contact01 li a{ text-decoration: none; color: #333; display: block; height: 195px;}
.topCont .contents .question .col2Wrap .cell.right .contact01 li span{ display: block; text-align: center;}
.topCont .contents .question .col2Wrap .cell.right .contact01 li span.img{ margin: 45px 0 25px;}
.topCont .contents .question .col2Wrap .cell.right .contact01 li span.title{ display: block; font-size: 1.6rem;}
.topCont .contents .question .col2Wrap .cell.right .contact01 li a:hover  span.title{ text-decoration: underline;}

@media screen and (max-width: 768px){

.topCont .contents .question{ padding: 10px 0;}
.topCont .contents .question h2{ font-size: 1.8rem; margin-bottom: 15px;}

.topCont .contents .question .col2Wrap{ overflow: auto;}
.topCont .contents .question .col2Wrap .cell{ width: auto;}
.topCont .contents .question .col2Wrap .cell.left{ float: none; margin-bottom: 30px;}
.topCont .contents .question .col2Wrap .cell.right{ float: none; margin-right: 0;}

.topCont .btnR03.top{padding: 10px 15px;}
.topCont .contents .question .col2Wrap .cell.right .contact01{ margin: 0 5px;}
.topCont .contents .question .col2Wrap .cell.right .contact01 li{ width: 33.3%; border-top: 3px solid #007f08;}
.topCont .contents .question .col2Wrap .cell.right .contact01 li a{ height: 140px;}
.topCont .contents .question .col2Wrap .cell.right .contact01 li span.img{ margin: 22px 0 12px;}
.topCont .contents .question .col2Wrap .cell.right .contact01 li span.title{ font-size: 1.2rem;}
}


/*--------------------------------
Toppage caution
---------------------------------*/
.topCont .caution{ background: #f4f4f4;}
.topCont .caution .contents{ position: relative;}
.topCont .caution .contents .cautionText{ font-size: 1.8rem; color: #d50007; font-weight: bold; position: absolute; top: 80px; left: 0;}

.topCont .caution .contents .linkList02{ padding: 25px 0 25px 110px;}
.topCont .caution .contents .linkList02 li{ display: block; margin-bottom: 10px;}
.topCont .caution .contents .linkList02 li a{ color: #333; text-decoration: none;}
.topCont .caution .contents .linkList02 li a:hover{ text-decoration: underline;}
.topCont footer{margin-top: 0;}

@media screen and (max-width: 768px){

.topCont .caution .contents .cautionText{ font-size: 1.8rem; position: static; padding-top: 50px;}
.topCont .caution .contents .linkList02{ padding: 0 0 25px;}
.topCont .caution .contents .linkList02 li{ margin-bottom: 5px;}
}


/*--------------------------------
Toppage login
---------------------------------*/

@media screen and (max-width: 768px){
.topCont .contents .login{ overflow: hidden; margin-top: 15px;}
.topCont .contents .login p{ font-weight: bold; text-align: center;}
.topCont .contents .login ul{ margin-top: 5px;}
.topCont .contents .login ul li{ width: 50%; background: #007f08; display: block; font-size: 0; border: 1px solid #fff;}
.topCont .contents .login ul li.left{ float: left;}
.topCont .contents .login ul li.right{ float: right;}
.topCont .contents .login ul li.col3{ float: left;  width: 60%; background-color: #AC0606 !important; display: block;}
.topCont .contents .login ul li.col4{ float: right; width: 40%; background-color: #002449 !important; display: block;}
.topCont .contents .login ul li.col1{ width: 100%; background: #002449; display: block; float: left;}
.topCont .contents .login ul li.col2{ width: 100%; background: #FFDBDB; display: block; float: left;}
.topCont .contents .login ul li.col2 a span{ background: none; color: #d50007;}
.topCont .contents .login ul li a{ color: #fff; font-size: 1.4rem; padding: 5px; text-align: center; display: block; text-decoration: none;}
.topCont .contents .login ul li a[target="_blank"]{ background: none;}
.topCont .contents .login ul li a span{ padding: 0 17px;}
.topCont .contents .login ul li a span{ background: url(../img/ico_lock_01.png) no-repeat right center; background-size: 9px auto;}
.topCont .contents .login ul li.col1 a span{ background: url(../img/ico_blank_w.png) no-repeat right center; background-size: 11px auto;}
.topCont .contents .login ul li.col3 a span{ background: none; margin-right: -10px !important; padding: 0 !important; line-height: 2.3 !important;}
.topCont .contents .login ul li.col4 a span{ background: none; margin-right: -10px !important; padding: 3px !important; line-height: 2.3 !important;}
	
.topCont .slick-dots li{ width: 14px; height: 14px; margin: 0 6px;}
.topCont .slick-dots li button{ width: 14px; height: 14px; background: url("../img/slide_disc.png") no-repeat 0 0; background-size: 14px auto;}
.topCont .slick-dots li button:hover,
.topCont .slick-dots li button:focus{ background: url("../img/slide_disc_cur.png") no-repeat 0 0; background-size: 15px auto;}
.topCont .slick-dots li button:hover:before,
.topCont .slick-dots li button:focus:before{ background: url("../img/slide_disc.png") no-repeat 0 0; background-size: 15px auto;}
.topCont .slick-dots li button:before{ width: 14px; height: 14px; background: url("../img/slide_disc.png") no-repeat 0 0; background-size: 15px auto;}
.topCont .slick-dots li.slick-active button,
.topCont .slick-dots li.slick-active button:before{ width: 14px; height: 14px;background: url("../img/slide_disc_cur.png") no-repeat 0 0 !important;background-size: 14px auto !important;}
}



/*--------------------------------
footer
---------------------------------*/
footer.simpleH{margin-top: 80px;}
footer{margin-top: 80px;}

.pageTop{position: relative; width: 100%;border-bottom: 6px solid #007f08;}
.pageTop a{width: 44px;height: 44px;display: block; text-indent: -9999px; position: absolute; bottom: 0; right: 20px; background: url("../img/ico_pagetop_01.png") no-repeat center #007f08; border-radius: 4px 4px 0 0;background-size: 15px auto;}

.footCatNav{width: 100%; min-width: 1260px;font-size: 1.4rem;padding:45px 0;background: #002449;}
.footCatNav .inner{width: 1200px; margin: 0 auto; text-align: center;}
.footCatNav .inner a{ color: #fff; text-decoration: none;}
.footCatNav .inner a:hover{text-decoration: underline;}
.footCatNav .inner .catNavWrap{display: table; width: 100%;}
.footCatNav .inner .catNavWrap dl{display: table-cell;text-align: left;min-width: 240px; padding-right: 20px;}
.footCatNav .inner .catNavWrap dl dt{font-size: 1.6rem;padding-bottom: 10px;}
.footCatNav .inner .catNavWrap dl dt a{ font-weight: bold;}
.footCatNav .inner .catNavWrap dl dd ul li{margin-top: 10px;}
.footCatNav .inner .catNavWrap dl dd ul li a{padding-left: 16px;background: url("../img/ico_arrow_r_01.png") no-repeat left 0.3em;background-size: 6px auto; display: inline-block;}
.footCatNav .inner .catNavWrap dl dd ul li a[target="_blank"]{ padding-right: 20px; background-image: url("../img/ico_arrow_r_01.png"), url("../img/ico_blank_w.png"); background-repeat: no-repeat, no-repeat; background-position: left 0.3em, right 0.3em; background-size: 6px auto, 11px auto;}

.pickupNav{margin: 40px auto;}
.pickupNav li{display: inline-block;}
.pickupNav li:nth-child(3){display: none;}
.pickupNav li a{background:url("../img/ico_arrow_r_02.png") no-repeat right center #053965; line-height: 1; padding: 15px 30px 15px 15px ; background-size: 16px auto; text-align: center; display: inline-block; min-width:180px ; margin: 0 3px;}
.pickupNav li a:hover{text-decoration: none !important; opacity: 0.6; transition: 0.6s;}

.bnrNav{margin: 40px auto 20px;}
.bnrNav li{display: inline-block;margin: 0 3px;}
.bnrNav li a{display: block;}
.bnrNav li a span{display: none;}
.bnrNav li a:hover{opacity: 0.6;}

.subNav li{display: inline-block; margin: 0 15px;padding-left: 16px;background: url("../img/ico_arrow_r_01.png") no-repeat left 0.3em;background-size: 6px auto;}
.subNav li a{margin-left: -16px;padding-left: 16px;}
.subNav li a[target="_blank"]{ background: url("../img/ico_blank_w.png") no-repeat right 0.4em; background-size: 11px auto; padding-right:20px; margin-right: 6px; }

footer .footlinksSec{width: 100%; min-width: 1260px;font-size: 1.4rem;padding: 20px 0 30px 0;background: #e5e5e5;}
footer .footlinksSec .inner{width: 1200px; margin: 0 auto; color: #fff; text-align: center;}
footer .footlinksSec .inner ul li{display: inline-block; line-height: 1;border-right: 1px solid #333;margin-top: 10px; padding: 0 20px 0 17px;}
footer .footlinksSec .inner ul li:last-child{border-right: 0;}
footer .footlinksSec .inner ul li a{color: #333;text-decoration: none;}
footer .footlinksSec .inner ul li a:hover{text-decoration: underline;}

footer .copySec{background: #003c04; width: 100%; min-width: 1260px;font-size: 1.4rem;padding: 30px 0;}
footer .copySec .inner{width: 1200px; margin: 0 auto; color: #fff; text-align: center;}
footer .copySec .inner .logo{width: 226px; margin: 0  auto 20px auto;}
footer .copySec .inner .logo img{width: 100%; height: auto;}
footer .copySec .inner p{margin-top: 10px;}
footer .copySec .inner p small{font-size: 1.2rem;line-height: 1;}
footer .copySec .inner .logo a:hover{opacity: 0.6; transition: 0.6s;}
footer .pcSpace{ width: 45px; display: inline-block;}

/*--------------------------------
松江支店の社員紹介
---------------------------------*/
.pers01{ width: 256px; float: left; margin:0 26px 0 33px !important;}
.pers02{ width: 256px; float: left; margin-right: 26px !important;}
.pers03{ width: 256px; float: left;}

.pers01{background: url("../img/p01ogaw.jpg") no-repeat;}
.pers02{background: url("../img/p02itoi.jpg") no-repeat;}
.pers03{background: url("../img/p03adac.jpg") no-repeat;}

.textCont04{background: rgba(0,127,8,0.9); text-align: left; margin-top: 230px; margin-left: 26px; padding: 13px 0 12px 15px; color: #ffffff;}
.textCont04 h3{ font-size: 130%; margin: 0; padding: 0;}
.pers01 p,
.pers02 p,
.pers03 p{ font-size: 95%; margin: 0 -10px 0 0; padding: 1rem 0 0 0;}
@media screen and (max-width: 768px){
.pers01,
.pers02,
.pers03{ width:100%; margin:0 3rem !important;}
.pers01 p,
.pers02 p,
.pers03 p{ width:88%; margin: 0; padding: 1rem 0 3rem 0;}
.textCont04{ width:256px; margin-right: 3rem !important; padding: 13px 0 12px 15px;}
}

@media screen and (max-width: 768px){
footer.simpleH{margin-top: 40px;}
footer{margin-top: 80px;}

.pageTop a{width: 40px;height: 40px;bottom: -1px; right: 15px; background: url("../img/ico_pagetop_01.png") no-repeat center #007f08; border-radius: 4px 4px 0 0;background-size: 15px auto;}

.footCatNav{width: 100%; min-width: 100%;font-size: 1.2rem;padding:40px 15px 40px 13px; }
.footCatNav .inner{width: 100%; }
.footCatNav .inner .catNavWrap{display: none;}

.pickupNav{margin: 0 auto 25px;width: 100%; overflow: hidden;padding-bottom: 25px;border-bottom: 1px solid #8092a4;}
.pickupNav li{display: block; width:50%;float: left;border: 2px solid #002449;border-left:none;}
.pickupNav li:nth-child(3){display: block;}
.pickupNav li:nth-child(even){border-right: none; border: 2px solid #002449;border-right:none;}
.pickupNav li a{ padding: 15px 30px 15px 15px ; background-size: 16px auto;min-width:100% ;}
.pickupNav li a[target="_blank"]{ background:url("../img/ico_blank_w.png") no-repeat right 10px center #053965; background-size: 11px auto;}
.pickupNav li a:hover{text-decoration: none !important; opacity: 0.6; transition: 0.6s;}
	
.bnrNav{margin: 20px auto;text-align: left;padding-bottom: 25px;border-bottom: 1px solid #8092a4;}
.bnrNav li{display:block;margin: 10px 0 0 0;padding-left: 16px;background: url("../img/ico_arrow_r_01.png") no-repeat left 0.3em;background-size: 6px auto;}
.bnrNav li a{margin-left: -16px;padding-left: 16px;display: inline-block;}
.bnrNav li a[target="_blank"]{ background: url("../img/ico_blank_w.png") no-repeat right 0.3em; background-size: 11px auto; padding-right:20px; margin-right: 6px; }
.bnrNav li a img{display: none;}
.bnrNav li a span{display: block;}

.subNav{text-align: left;}
.subNav li{display: block; margin: 10px 0 0 0;padding-left: 16px;background: url("../img/ico_arrow_r_01.png") no-repeat left 0.3em;background-size: 6px auto;}
.subNav li a{margin-left: -16px;padding-left: 16px; display: inline-block;}
.subNav li a[target="_blank"]{ background: url("../img/ico_blank_w.png") no-repeat right 0.3em; background-size: 11px auto; padding-right:20px; margin-right: 6px; }

footer .footlinksSec{min-width: 100%;font-size: 1.2rem;}
footer .footlinksSec .inner{width: 100%; margin: 0 auto; color: #fff; text-align: center; padding: 0 10px;}
footer .footlinksSec .inner ul li{padding: 0 10px 0 8px;}

footer .copySec{min-width: 100%;font-size: 1.2rem;padding: 20px 0;}
footer .copySec .inner{width: 100%; }
footer .copySec .inner .logo{width: 210px; margin: 0  auto 15px auto;}
footer .copySec .inner .logo img{width: 100%; height: auto;}
footer .copySec .inner p{margin-top: 10px;}
footer .copySec .inner p small{font-size: 1rem;}
footer .pcSpace{ display: none;}


}