@charset "utf-8";
/* CSS Document */
.pc{
  display: none !important;
}
.icon{
  vertical-align: middle;
  margin: 0 0 0 5px;
}
img.icon{
  width: auto !important;
  height: auto;
}


#header{
	width:100%;
	margin:0 auto;
	text-align:left;
	position:fixed;
  background-color: #FFFFFF;
  z-index: 103;
  top: 0;
  left: 0;
}
#logo{
  width: calc((173/640)*100vw);
	padding:calc((19/640)*100vw) 0 0 0;
  text-align: right;
  height: calc((109/640)*100vw);
  box-sizing: border-box;
}
#logo a{
  display: block;
}
#logo img{
  width: calc((143/640)*100vw);
  height: auto;
}

.txtbox p{
	line-height:1.6;
	margin:0 0 20px 0;
}
.imgwrap img{
  width: 100%;
  height: auto;
}

.btnwrap{
	position:relative;
}
.btnright{
	position:absolute;
	right:0;
	top:0;
}

/* btncontact
--------------- */
#btncontact{
  position: absolute;
  top: calc((21/640)*100vw);
  right: calc((117/640)*100vw);
}
#btncontact a{
  display: block;
  background-color: #eeeeee;
  border-radius: 5px;
  line-height: calc((60/640)*100vw);
  color: #000000;
  padding: 0 calc((25/640)*100vw) 0 calc((62/640)*100vw);
  font-weight: bold;
}
#btncontact a::before{
  content: "";
  position: absolute;
  left:calc((24/640)*100vw);
  top: calc(50% - calc((14/640)*100vw));
  width: calc((28/640)*100vw);
  height: calc((28/640)*100vw);
  background-image:url(../../img/sp/icon_btn01_sp.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}

/* btnmenu
--------------- */
#btnmenu{
  position: absolute;
  top: calc((23/640)*100vw);
  right: calc((27/640)*100vw);
}
#btnmenu a{
  width: calc((62/640)*100vw);
  height: calc((71/640)*100vw);
  display: block;
  background-image: url(../../img/sp/btn_menu.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  text-indent: -9999px;
  overflow: hidden;
}
#btnmenu.active a{
  background-position: 0 bottom;
}

/* txtchg
--------------- */
#txtchg{
  display: none;
}

/* searchArea
--------------- */
#searchArea{
  display: none;
}


#hnav{
  display: none;
}


/* nav
-------------------------- */
#nav{
	width:100%;
	margin:0 auto;
	text-align:left;
  display: none;
}

/* pankuzu
-------------------------- */
#pankuzu{
  display: none;
}


/* btnprint
-------------------------- */
#btnprint{
  display: none;
}


/* links
-------------------------- */
#links{
	background-color:#EFEFF0;
  background-image:url(../../img/sp/bg_links_sp.png);
  background-position: center bottom;
  background-repeat: no-repeat;
	border-bottom:3px solid #005BAC;
  background-size: 100%;
  text-align: left;
  padding: 0 0 calc((215/640)*100vw) 0;
}
#links .linkbox{
	margin:0;
  border-bottom: 1px solid #FFFFFF;
}
#links .linkbox .mb20{
  margin: 0 !important;
}
#links dl dt a{
  display: block;
	font-weight:bold;
	color:#000;
  position: relative;
  padding:calc((30/640)*100vw);
  line-height: 1.4;
}
#links dl dt a::after{
  content: "";
  position: absolute;
  right: calc((30/640)*100vw);
  top: calc(50% - 5px);
  width: calc((28/640)*100vw);
  height: calc((28/640)*100vw);
  background-image:url(../../img/sp/icon_open1.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}
#links dl.open dt a::after{
  background-position: 0 bottom;
}


#links dl dd{
	margin:0 0 5px 0;
  display: none;
}
#links dl.open dd{
  display: block;
}
#links dl dd a{
	color:#000;
	display:inline-block;
	background-image:url(../../img/sp/icon_list04_sp.png);
  background-position: calc((30/640)*100vw) calc((13/640)*100vw);
  background-repeat: no-repeat;
  background-size: calc((12/640)*100vw);
	padding:calc((5/640)*100vw) calc((30/640)*100vw) calc((5/640)*100vw) calc((60/640)*100vw);
	line-height:1.8;
}
.linkbox{
  margin: 0;
}

/* 3 */
#links dl dd ul{
  
}
#links dl dd ul li{
  
}
#links dl dd ul li a{
	color:#000;
	display:inline-block;
	background-image:url(../../img/sp/icon_list01_sp.png);
  background-position: calc((63/640)*100vw) calc((13/640)*100vw);
  background-repeat: no-repeat;
  background-size: calc((12/640)*100vw);
	padding:calc((5/640)*100vw) calc((30/640)*100vw) calc((5/640)*100vw) calc((88/640)*100vw);
	line-height:1.8;  
}

/* IR */
#irlibrary2{
	margin:29px 0 0 0;
	background:#EBF3F9;
	border-radius:4px;
	
	position:relative;
}
#irlibrary2 .ttl{
	border-bottom:1px solid #005BAC;
	position:relative;
	margin:0 -13px 8px -13px;
	padding:16px 0 13px 0;
}
#irlibrary2 .ttl img{
  width: calc((158/640)*100vw);
  height: auto;
}
#irlibrary2 .btnlist{
	display:block;
	position:absolute;
	top:15px;
	right:12px;
	background:url(../../img/icon_list02.png) 0 center no-repeat;
	padding:0 0 0 19px;
	line-height:15px;
	color:#000;
}
#irlibrary2{
	padding:13px 13px;
}
#irlibrary2 ul{
  width: 100%;
	margin:0 0 21px 0;
}
#irlibrary2 ul li{
	padding:5px 0;
	background:url(../../img/line01.png) 0 bottom repeat-x;
  text-align: left;
}
#irlibrary2 ul li a{
	display:block;
	background:url(../../img/icon_list01.png) 0 3px no-repeat;
	padding:0 0 0 12px;
	color:#000;
}
#irlibrary2 .btndownload a{
	display:block;
	width:196px;
	height:43px;
	text-indent:-9999px;
	overflow:hidden;
}

.icon{
	vertical-align:middle;
	margin:0 3px;
}
.iconlink{
	display:inline-block;
	background-image:url(../../img/sp/icon_btn01_sp.png);
  background-position: 0 4px;
  background-repeat: no-repeat;
  background-size: 14px;
	padding:0 0 0 19px;
	line-height:1.6;
	color:#333333;
}


/* btnArea */
.btnArea{
	text-align:center;
}
.btnArea ul{
	letter-spacing:-0.44em;
}
.btnArea ul li{
	display:inline-block;
	margin:0 0 10px 0;
	letter-spacing:normal;
	vertical-align:middle;
}

/* iconlink1 */
.iconlink1{
	display:inline-block;	
	background:url(../../img/sp/icon_list02_sp.png) 0 3px no-repeat;
	margin:0 0 12px 0;
	padding:0 0 0 19px;
	line-height:1.6;
	color:#333333;
  background-size: 14px;
}
a.iconlink1:link, a.iconlink1:visited{
	color:#333333;
}
a.iconlink1:hover, a.iconlink1:active{
	color:#333333;
	text-decoration:underline;
}

.list li,
.list dt,
.list dd{
	line-height:1.6;
}
.list li{
	margin:0 0 10px 0;
}

ol.list{
	margin:0;
	padding:0 0 0 20px;
}
ol.list li{
	line-height:1.6;
	margin:0 0 15px 0;
}

/* list1 */
.list1 li{
	background:url(../../img/sp/icon_list05_sp.png) 0 3px no-repeat;
	margin:0 0 12px 0;
	padding:0 0 0 18px;
	line-height:1.6;
  background-size: 13px;
}

/* list2 */
.list2 li{
	background:url(../../img/sp/icon_list02_sp.png) 0 3px no-repeat;
	margin:0 0 12px 0;
	padding:0 0 0 18px;
	line-height:1.6;
  background-size: 14px;
}

/* list3 */
.list3 li{
	background:url(../../img/sp/icon_list01_sp.png) 0 6px no-repeat;
	margin:0 0 12px 0;
	padding:0 0 0 9px;
	line-height:1.6;
  background-size: 6px;
}
/* list4 */
.list4 li{
	background:url(../../img/sp/icon_list06_sp.png) 0 3px no-repeat;
	margin:0 0 12px 0;
	padding:0 0 0 18px;
	line-height:1.6;
  background-size: 13px;
}
/* list5 */
.list5 li{
	background:url(../../img/sp/icon_list07_sp.png) 0 3px no-repeat;
	margin:0 0 12px 0;
	padding:0 0 0 18px;
	line-height:1.6;
  background-size: 13px;
}
/* list6 */
.list6 li{
	background:url(../../img/sp/icon_list08_sp.png) 0 3px no-repeat;
	margin:0 0 12px 0;
	padding:0 0 0 18px;
	line-height:1.6;
  background-size: 13px;
}
/* list7 */
.list7 li{
	background:url(../../img/sp/icon_list09_sp.png) 0 7px no-repeat;
	margin:0 0 12px 0 !important;
	padding:0 0 0 10px;
	line-height:1.6;
  background-size: 1px;
}

/* .anchorlist */
.anchorlist{
	letter-spacing:-0.3em;
}
.anchorlist li{
	background-image:url(../../img/sp/icon_list01_sp.png);
  background-position: 0 6px;
  background-repeat: no-repeat;
  background-size: 5px;
	margin:0 15px 12px 0;
	padding:0 0 0 9px;
	line-height:1.6;
	display:inline-block;
	letter-spacing:normal;
}

/* anchorlink */
.anchorlink{
	position: relative;
	top: calc((-129/640)*100vw);
	display: block;
}


/* table */
.tbl1{
}
.tbl1 th{
	padding:25px 0;
	font-weight:100;
}
.tbl1 td{
	padding:25px 0;
	text-align:left;
}
.tbl1 tbody th{
	border-bottom:1px solid #D8E3F0;
	text-align:left;
	line-height:1.6;
	vertical-align:top;
}
.tbl1 tbody td{
	border-bottom:1px solid #D8E3F0;
	line-height:1.6;
}
.tbl1 tbody td div,
.tbl1 tbody td ul li{
	line-height:1.6;
}
.thV th,
.tdV td{
	vertical-align:top;
}
.thL th,
.tdL td{
	text-align:left;
}
.thC th,
.tdC td{
	text-align:center;
}
.thR th,
.tdR td{
	text-align:right;
}

.lineL{
	border-left:1px solid #D8E3F0;
}

.lineT{
	border-top:1px solid #D8E3F0;
}

/* tbl2 */
.tbl2{
	border-right:1px solid #9ABAF2;
	border-bottom:1px solid #9ABAF2;
}
.tbl2 th{
	background:#EBF1F7;
	border-top:1px solid #9ABAF2;
	border-left:1px solid #9ABAF2;
	padding:12px;
	line-height:1.6;
	color:#10439c;
	font-weight:100;
}
.tbl2 thead th{
	text-align:center;
}
.tbl2 tbody th{
	text-align:left;
}
.tbl2 th span{
	color:#10439c;
}
.tbl2 td{
	border-top:1px solid #9ABAF2;
	border-left:1px solid #9ABAF2;
	padding:12px;
	line-height:1.6;
	color:#333333;
}
.tbl2 td.dot{
	border-top:1px dotted #D8E3F0;
}
.tbl2 thead th{
}
.tbl2 tbody th{
}
.tbl2 tbody td{
}


.yearindent th{
	padding-left:5em;
}
.yearindent th .year{
	width:4em;
	display:inline-block;
	margin-left:-4em;
}
.yearindent th .month{
	width:3em;
	display:inline-block;
	text-align:right;
}

.tbl3{
	border-top:1px solid #57B5EF;
	border-right:2px solid #57B5EF;
	border-left:1px solid #57B5EF;
	border-bottom:2px solid #57B5EF;
}
.tbl3 th{
	border-top:1px solid #57B5EF;
	border-left:1px solid #57B5EF;
	padding:12px;
	font-weight:100;
	line-height:1.6;
}
.tbl3 td{
	border-top:1px solid #57B5EF;
	border-left:1px solid #57B5EF;
	padding:12px;
	font-weight:100;
	line-height:1.6;
}

.tbl3.per150 {
    width: 150% !important;
}
.tbl3.per170 {
    width: 170% !important;
}

.tblper{
  width: 120%;
}
.tblwrap{
  overflow-x: auto;
  position: relative;
}
.tblwrap .scricon{
  z-index: 2;
  position: absolute;
  background-image: url(../../img/sp/icon_scroll.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: calc((120/640)*100vw);
  width: 100%;
  height: 100%;
}

/* irnews */
#irnews{
	border:1px solid #999999;
	border-radius:4px;	
	position:relative;
	padding:4px;
}
#irnews .ttl{
	background:#10439C;
	border-radius:4px;
	
	padding:10px 13px;
	position:relative;
  text-align: left;
}
#irnews .ttl img{
  width: calc((142/640)*100vw);
  height: auto;
}
#irnews .ttl .btnright{
	position:absolute;
	top:10px;
	right:11px;
}
#irnews .ttl .btnright a{
	color:#FFF;
}


/* topics */
#topics{
	border:1px solid #999999;
	border-radius:4px;
	
	position:relative;
	padding:4px;
	
}
#topics .ttl{
	background:#0263C6;
	border-radius:4px;
	
	position:relative;
	padding:10px 13px;
}
#topics .ttl .btnright{
	position:absolute;
	top:10px;
	right:11px;
}
#topics .ttl .btnright a{
	color:#FFF;
}
#topics .newslist{
	margin:0 11px;
}

/* newslist */
#irnews .newslist{
	margin:0 11px;
}


.newslist li{
	background-image:url(../../img/sp/line01_sp.png);
  background-position: 0 bottom;
  background-repeat: no-repeat;
  background-size: 100% 1px;
	padding:10px 0 11px 0;
}
.newslist li a{
	color:#000;
	display:block;
	padding:0 0 0 70px;
	background-position:0 0;
	background-repeat:no-repeat;
	min-height:31px;
	line-height:1.6;
}
.newslist li a span{
	color:#10439c;
}

/* icon */
li.iconnews1 a{
	background-image:url(/common/img/icon_news1.png)
}
li.iconnews2 a{
	background-image:url(/common/img/icon_news2.png);
}
li.iconnews3 a{
	background-image:url(/common/img/icon_news3.png);
}


/* icon */
li.iconirnews1 a{
	background-image:url(/common/img/icon_irnews1.png);
}
li.iconirnews2 a{
	background-image:url(/common/img/icon_irnews2.png);
}
li.iconirnews3 a{
	background-image:url(/common/img/icon_irnews3.png);
}
li.iconirnews4 a{
	background-image:url(/common/img/icon_irnews4.png);
}
li.iconirnews5 a{
	background-image:url(/common/img/icon_irnews5.png);
}
li.iconirnews6 a{
	background-image:url(/common/img/icon_irnews6.png);
}
li.iconirnews7 a{
	background-image:url(/common/img/icon_irnews7.png);
}
li.iconirnews8 a{
	background-image:url(/common/img/icon_irnews8.png);
}

/* btnimg */
.btnimgsp{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background-position:0 0;
	background-repeat:no-repeat;
  background-size: 100%;
}

/* footer */
#footer{
  padding: 20px 0;
}
#footer.chatbot{
  padding: 20px 0 155px 0;
}
#fnav ul{
  padding: 0 0 15px 0;
}
#fnav ul{
  display: flex;
  justify-content: center;
}
#fnav ul li{
  margin: 0 10px 0 0;
  padding: 0 11px 0 0;
  position: relative;
}
#fnav ul li::after{
  content: "";
  position: absolute;
  right: 0;
  top: calc(50% - 6px);
  width: 1px;
  height: 12px;
  background-color: #000000;
}
#fnav ul li:last-child{
  margin: 0;
  padding: 0;
}
#fnav ul li:last-child::after{
  display: none;
}
#fnav ul li a{
  color: #000000;
}

#logo2{
  margin: 0 0 15px 0;
}


/* btnpagetop
--------------- */
.btnpagetop{
	text-align:right;
	margin:50px 0 0 0;
}
.btnpagetop a{
	display:inline-block;
	text-align:left;
	background:url(../../img/sp/bg_pagetop_sp.png) 0 center no-repeat;
	padding:0 0 0 18px;
	line-height:1.8;
	color:#000000;
}


#cover{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  z-index: 101;opacity: 0.5;
  display: none;
}
#cover.active{
  display: block;
}
/* spnav */
#spnav{
  text-align: left;
  position: fixed;
  z-index: 102;
  width: 100%;
  top: -2000px;
  transition: all .3s;
  overflow: scroll;
  height: calc(100% - ((109/640)*100vw));
}
#spnav.active{
  top: calc((109/640)*100vw);
}
#inspnav{
  background-color: #005bac;  
}
#inspnav ul li a{
  display: block;
  color: #FFFFFF;
  padding:15px;
  position: relative;
  line-height: 1.4;
}
#inspnav ul li a::after{
  content: "";
  position: absolute;
  right: calc((30/640)*100vw);
  top: calc(50% - 5px);
  width: calc((28/640)*100vw);
  height: calc((28/640)*100vw);
  background-image:url(../../img/sp/icon_open2.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}
#inspnav ul li.active a::after{
  background-position: 0 bottom;
}
#inspnav ul li a.jump::after{
  display: none;
}
#inspnav ul li{
  border-bottom: 1px solid #FFFFFF;
}
#inspnav ul li ul{
  display: none;
  transition: all .3s;
}
#inspnav ul li.active ul{
  display: block;
  transition: all .3s;
}
#inspnav ul li ul li{
  border-bottom:none;
}
#inspnav ul li ul li a{
  line-height: 40px;
  padding: 0 0 0 30px;
  position: relative;
}
#inspnav ul li ul li a::after{
  display: none;
}
#inspnav ul li ul li a::before{
  content: "";
  position: absolute;
  left: 15px;
  top: calc(50% - ((8/640)*100vw));
  width: calc((16/640)*100vw);
  height: calc((17/640)*100vw);
  background-image:url(../../img/sp/icon_spnav.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}
#inspnav ul li ul li.active a.active{
  background-color: #00a385;
}
#inspnav ul li ul li.active a.active::before{
  background-position: 0 calc((-17/640)*100vw) !important;
}
#inspnav ul li ul li.active > a::before{
  background-position: 0 bottom;
}

/* 3 */
#inspnav ul li ul li ul{
  display: none !important;
  margin: 0;
}
#inspnav ul li ul li.active ul{
  display: block !important;
}
#inspnav ul li ul li ul li a{
  padding: 0 0 0 45px;
  position: relative;
}
#inspnav ul li ul li ul li a::before{
  left: 33px;
}

/* hnavsp */
#hnavsp{
  background-color: #FFFFFF;
  padding: 15px 0 18px 0;
  margin: 0 0 100px 0;
}
#hnavsp ul{
  display: flex;
  justify-content: center;
}
#hnavsp ul li{
  padding:0 calc((52/640)*100vw);
  position: relative;
}
#hnavsp ul li:first-child::after{
  content: "";
  position: absolute;
  right: 0;
  top:0;
  width: 1px;
  height: 100%;
  background-color: #000000;
}
#hnavsp ul li a{
  color: #000000;
}


/* btnpagetop
--------------- */
#btnpagetop{
  display: none;
}

/* btnpagetop2
---------------- */
#btnpagetop2{
	position: absolute;	
	z-index: 12;
	right: 0;
}
#btnpagetop2.fix{
	position:fixed !important;
	top:auto;
	bottom:50px !important;
}
#btnpagetop2 a{
	display: block;
  width: calc((84/640)*100vw);
  height: calc((84/640)*100vw);
  background-image: url(../../img/sp/btn_pagetop_sp.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  text-indent: -9999px;
  overflow: hidden;  
}

#side{
  display: none;
}

/* #mainArea */
#mainArea{
	background-position:right calc((109/640)*100vw);
	background-repeat:no-repeat;
  background-size: 100%;
  padding: calc((109/640)*100vw) 0 0 0;
}

#ttl{
  display: flex;
  align-items: center;
  height: calc((150/640)*100vw);
  padding: 0 0 0 calc((30/640)*100vw);
}
#mainArea h1{
	color:#FFF;
	font-weight:100;
	vertical-align:middle;
}
#mainArea h1 span{
	color:#FFF;
	font-weight:100;
	margin:0 0 0 15px;
	vertical-align:middle;
}

#mainArea h2{
	margin:40px 0 20px 0;
	color:#005bac;
	font-weight:100;
}
#mainArea h2 span{
	color:#005bac;
	display:inline-block;
	margin:0;
}
#mainArea .h2{
	margin:40px 0 20px 0 !important;
	padding:0 !important;
	color:#005bac !important;
	border-bottom:none !important;
}
#mainArea h3{
	margin:40px 0 20px 0;
	padding:0 0 7px 0;
	color:#005bac;
	border-bottom:2px solid #57ACE4;
	font-weight:100;
	position:relative;
  line-height: 1.4
}
#mainArea .h3{
	margin:40px 0 20px 0 !important;
	padding:0 0 7px 0 !important;
	color:#005bac !important;
	border-bottom:2px solid #57ACE4 !important;
  line-height: 1.4
}
#mainArea h4{
	margin:40px 0 20px 0;
	color:#005bac;
	font-weight:100;
  line-height: 1.4;
}
#mainArea .col4 li h4{
  margin: 20px 0 20px 0;
}
#mainArea .h4{
	margin:40px 0 20px 0 !important;
	padding:0 !important;
	color:#005bac !important;
	border-bottom:none !important;
}
#mainArea h5{
	margin:40px 0 20px 0;
	color:#54aae3;
	font-weight:100;
	line-height:1.6;
}
#mainArea .h5{
	margin:40px 0 20px 0 !important;
	padding:0 !important;
	color:#54aae3 !important;
	border-bottom:none !important;
	line-height:1.6;
}
#mainArea h6{
	margin:40px 0 20px 0;
	color:#333333;
	font-weight:700;
}
#mainArea .h6{
	margin:40px 0 20px 0 !important;
	padding:0 !important;
	color:#333333 !important;
	border-bottom:none !important;
}


#mainArea h3 .note{
	position:absolute;
	right:0;
	top:10px;
}
.lead{
	color:#005bac;
	font-weight:bold;
}
#code{
	display:inline-block;
	background:#4E86AA;
	border-radius:15px;
	
	position:relative;
	margin:0 0 0 15px;
	padding:6px 10px;
	color:#FFF;
	vertical-align:middle;
}

.txtbox{
  min-width: calc((580/640)*100vw);
	margin:38px calc((30/640)*100vw);
  text-align: left;
  box-sizing: content-box;
}

#irnews .btn1,
#topics .btn1{
  margin: 0 11px;
}

/* btn1 */
.btn1{
  background-image: url(../../img/sp/line01_sp.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  padding: 15px 0 11px 0;
}
.btn1 a{
  display: block;
  background-color: #eeeeee;
  border-radius: 6px;
  text-align: center;
}
.btn1 a span{
  line-height: 32px;
  position: relative;
  display: inline-block;
  padding: 0 0 0 21px;
  font-weight: bold;
}
.btn1 a span::before{
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 7px);
  width: 14px;
  height: 14px;
  background-image:url(../../img/sp/icon_btn01_sp.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}

/* btn2 */
.btn2{
  width:calc((525/640)*100vw) !important;
  background-color: #005bac;
  border-radius: 5px;
  display: block !important;
  padding: calc((30/640)*100vw) 0;
  text-align: center;
}
.btn2 span{
  position: relative;
  display: inline-block;
  padding: 0 0 0 21px;
  font-weight: bold;
  color: #FFFFFF;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.2;
}
.btn2 span::before{
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 7px);
  width: 14px;
  height: 14px;
  background-image:url(../../img/sp/icon_btn02_sp.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}

/* btn3 */
.btn3{
  width:calc((490/640)*100vw);
  background-color: #00a385;
  border-radius: 5px;
  display: block !important;
  padding: calc((30/640)*100vw) 0;
  text-align: center;
}
.contactbox .btn3{
  width: 100%;
}
.btn3 span{
  position: relative;
  display: inline-block;
  padding: 0 0 0 21px;
  font-weight: bold;
  color: #FFFFFF;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.2;
}
.btn3 span::before{
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 7px);
  width: 14px;
  height: 14px;
  background-image:url(../../img/sp/icon_btn03_sp.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}
input.btn3{
  width:calc((580/640)*100vw);
  background-color: #00a385;
  border-radius: 5px;
  display: block !important;
  padding: calc((28/640)*100vw) 0 calc((28/640)*100vw) calc((70/640)*100vw);
  text-align: left;  
  color: #FFFFFF;
  background-image:url(../../img/sp/icon_btn03_sp.png);
  background-position: 12px center;
  background-repeat: no-repeat;
  background-size: 14px;
  line-height: 15px;
  cursor: pointer;
  border: none;
}

.btn_lock_support .btn3{
	margin-bottom: 20px;
	width: 100%;
}

/* btn4 */
.btn4{
  width:calc((525/640)*100vw) !important;
  background-color: #005bac;
  border-radius: 5px;
  display: block !important;
  padding: calc((30/640)*100vw) 0;
  text-align: center;
}
.btn4 span{
  line-height: 32px;
  position: relative;
  display: inline-block;
  padding: 0 0 0 21px;
  font-weight: bold;
  color: #FFFFFF;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.2;
}
.btn4 span::before{
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 7px);
  width: 14px;
  height: 14px;
  background-image:url(../../img/sp/icon_btn01_sp.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}

/* btn5 */
input.btn5{
  width:calc((580/640)*100vw);
  background-color: #A0A0A0;
  border-radius: 5px;
  display: block !important;
  padding: calc((28/640)*100vw) 0 calc((28/640)*100vw) calc((70/640)*100vw);
  text-align: left;  
  color: #FFFFFF;
  background-image:url(../../img/sp/icon_btn05_sp.png);
  background-position: 12px center;
  background-repeat: no-repeat;
  background-size: 14px;
  line-height: 15px;
  cursor: pointer;
  border: none;
}

/* btn6 */
.btn6{
  width:calc((580/640)*100vw);
  background-color: #54aae3;
  border-radius: 5px;
  display: block !important;
  padding: calc((30/640)*100vw) 0;
  text-align: center;
  text-decoration: none;
}
.btn6 span.sp{
  position: relative;
  display: inline-block;
  padding: 0 0 0 21px;
  font-weight: bold;
  color: #FFFFFF;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.2;
}
.btn6 span.sp::before{
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 14px;
  height: 14px;
  background-image:url(../../img/sp/icon_btn06_sp.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}
.btn6 span .sm{
  font-weight:normal;
  color: #FFFFFF;
}


.btncenter{
  margin: 0 auto;
}


/* half */
.half{
}
.half .fll,
.half .flr{
}
/* half1 */
.half1{
}
.half1 li{
}
.half1 li.long{
}


/* half2 */
.half2{
}
.half2 .fll,
.half2 .flr{
}
/* half3 */
.half3{
}
.half3 li{
  margin: 0 0 20px 0;
}

.half3 li ul{
	margin:0;
}
.half3 li ul li{
	width:auto;
	display:block;
}
.half3 li img{
  width: 100%;
  height: auto;
}


/* col3 */
.col3{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.col3 li{
	width:calc((275/640)*100vw);
  margin: 0 0 12px 0;
}
.col3 li img{
  width: 100%;
  height: auto;
}



/* col3-2 */
.col3-2{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.col3-2 li{
	width:calc((275/640)*100vw);
}
.col3-2 li img{
  width: 100%;
  height: auto;
}


/* col3-3 */
.col3-3{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.col3-3 li{
	width:calc((275/640)*100vw);
}
.col3-3 li img{
  width: 100%;
  height: auto;
}


/* col4 */
.col4{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.col4 li{
	width:calc((275/640)*100vw);
}
.col4 li img{
  width: 100%;
  height: auto;
}

/* imgL1
------------------------ */
.imgL1 .img{
  margin: 0 0 20px 0;
}
.imgL1 .img img{
  width: 100%;
  height: auto;
}
.imgL1 .txt{
}

/* imgL2
------------------------ */
.imgL2 .img{
  margin: 0 0 20px 0;
}
.imgL2 .img img{
  width: 100%;
  height: auto;
}
.imgL2 .txt{
}

.spimgL2{
  display: flex;
  justify-content: space-between;
}
.spimgL2 .img{
  width: 30%;
}
.spimgL2 .txt{
  width: 65%;
}

/* imgL3
------------------------ */
.imgL3 .img{
  margin: 0 0 20px 0;
}
.imgL3 .img img{
  width: 100%;
  height: auto;
}
.imgL3 .txt{
}
/* imgL4
------------------------ */
.imgL4 .img{
  margin: 0 0 20px 0;
}
.imgL4 .img img{
  width: 100%;
  height: auto;
}
.imgL4 .txt{
}

/* imgR1
------------------------ */
.imgR1 .img{
  margin: 0 0 20px 0;
}
.imgR1 .img img{
  width: 100%;
  height: auto;
}
.imgR1 .txt{
  margin: 0 0 20px 0;
}

/* imgR2
------------------------ */
.imgR2 .img{
  margin: 0 0 20px 0;
}
.imgR2 .img img{
  width: 100%;
  height: auto;
}
.imgR2 .txt{
}


/* imgR3
------------------------ */
.imgR3 .img{
  margin: 0 0 20px 0;
}
.imgR3 .img img{
  width: 100%;
  height: auto;
}
.imgR3 .txt{
}

/* imgR4
------------------------ */
.imgR4 .img{
  margin: 0 0 20px 0;
}
.imgR4 .img img{
  width: 100%;
  height: auto;
}
.imgR4 .txt{
}

/* imgR5
------------------------ */
.imgR5 .img{
  margin: 0 0 20px 0;
}
.imgR5 .img img{
  width: 100%;
  height: auto;
}
.imgR5 .txt{
}

/* imgR6
------------------------ */
.imgR6 .img{
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
}
.imgR6 .txt{
}

/* imgR7
------------------------ */
.imgR7 .img{
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
}
.imgR7 .txt{
}

/* figcaption
--------------------- */
figcaption{
	margin:5px 0 0 0;
	text-align:center;
	line-height:1.2;
}
.epph-contents figcaption{
	margin:5px 0 10px 0;
	text-align:left;
}

/* btnlist(col3)
--------------------- */
.btnlist{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.btnlist li{
	margin:0 0 15px 0;
}
.btnlist li a{
	display:block;
	background-position:0 0;
	background-repeat:no-repeat;
	width:calc((275/640)*100vw);
	border-radius:0 0 4px 4px;
	-webkit-border-radius:0 0 4px 4px;
  -moz-border-radius:0 0 4px 4px;
	
	position:relative;
	behavior: url(/common/css/PIE.htc);
	padding:calc((240/640)*100vw) 0 0 0;
  background-size: 100%;
}
.btnlist li a span{
	display:inline;
	line-height:1.6;
	padding:9px 0 9px 20px;
	color:#005bac;
  position: relative;
}
.btnlist li a::before{
  content: "";
  position: absolute;
  left: 0;
  top:calc((247/640)*100vw);
  width: 14px;
  height: 14px;
	background-image:url(../../img/sp/icon_list02_sp.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}

 
/* .btnlist2(col2)
--------------------- */
.btnlist2{
}
.btnlist2 li{
	margin:0 0 20px 0;
}
.btnlist2 li a{
	display:block;
	background-position:0 0;
	background-repeat:no-repeat;
  background-size: 100%;
	width:100%;
	border-radius:0 0 4px 4px;
	-webkit-border-radius:0 0 4px 4px;
    -moz-border-radius:0 0 4px 4px;
	
	position:relative;
	behavior: url(/common/css/PIE.htc);
	padding:calc((370/640)*100vw) 0 0 0;
}
.btnlist2 li a span{
	display:inline-block;
	line-height:1.6;
	padding:9px 0 9px 20px;
	background:url(../../img/sp/icon_list02_sp.png);
  background-position: 0 12px;
  background-repeat: no-repeat;
  background-size: 14px;
	color:#005bac;
}



/* imglist */
.imglist{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.imglist li{
	width:calc((275/640)*100vw);
	margin:0 0 20px 0;
}
.imglist li.R{
}
.imglist li a{
	display:table;
	background-position:0 0;
	background-repeat:no-repeat;
	width:100%;
	background-color:#EBF3F9;
	border-radius:0 0 4px 4px;
	-webkit-border-radius:0 0 4px 4px;
  -moz-border-radius:0 0 4px 4px;
	
	position:relative;
	behavior: url(/common/css/PIE.htc);
	padding:calc((299/640)*100vw) 0 0 0;
	text-decoration:none;
  background-size: calc((275/640)*100vw);
}
.imglist li a span{
	display:table-cell;
	vertical-align:middle;
	padding:12px 12px 12px 20px;
	background:url(../../img/sp/icon_list04_sp.png) 12px center no-repeat;
	color:#000000;
  background-size: 6px;
  line-height: 1.4;
}
.imglist li#btnkurashi1 a{
	background-image:url(../../../cp/img/img_alpha07.jpg);
}
.imglist li#btnkurashi2 a{
	background-image:url(../../../cp/img/img_alpha08.jpg);
}
.imglist li#btnkurashi3 a{
	background-image:url(../../../cp/img/img_alpha09.jpg);
}
.imglist li#btnkurashi4 a{
	background-image:url(../../../cp/img/img_alpha10.jpg);
}

/* imglist2 */
.imglist2{
	letter-spacing:-0.44em;
	margin:0 -10px;
}
.imglist2 li{
	margin:0 10px 20px 10px;
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
}
.imglist2 li img{
  width: 100%;
  height: auto;
}

.lineT2{
	border-top:1px solid #54AAE3;
}

/* indent1 */
.indent1 li{
	margin-left:1.5em;
	line-height:1.6;
}
.indent1 li span{
	display:inline-block;
	width:1.5em;
	margin-left:-1.5em;
}
p.indent1{
	margin-left:1em;
	line-height:1.6;
}
p.indent1 span{
	display:inline-block;
	width:1em;
	margin-left:-1em;
}


/* indent2 */
.indent2{
	margin-left:3em;
}
.indent2 span{
	display:inline-block;
	width:3em;
	margin-left:-3em;
}

/* indent3 */
.indent3{
	padding-left:1.5em;
	line-height:1.6;
}
.indent3 span{
	display:inline-block;
	width:1.5em;
	margin-left:-1.5em;
}
/* indent4 */
.indent4{
	padding-left:1em;
	line-height:1.6;
}
.indent4 span{
	display:inline-block;
	width:1em;
	margin-left:-1em;
}


/* indent5 */
.indent5{
	padding-left:4em;
}
.indent5 span{
	display:inline-block;
	width:4em;
	margin-left:-4em;
}

/* indentlist */
.indentlist{
	margin:0;
	padding:0;
}
.indentlist li{
	margin-left:3em;
	margin-bottom:15px;
	line-height:1.8;
}
.indentlist li span{
	display:inline-block;
	width:3em;
	margin-left:-3em;
	line-height:1.8;
}

/* indentlist2 */
.indentlist2{
	margin:0;
	padding:0;
}
.indentlist2 li{
	margin-left:1.5em;
	margin-bottom:15px;
	line-height:1.8;
}
.indentlist2 li span{
	display:inline-block;
	width:1.5em;
	margin-left:-1.5em;
	line-height:1.8;
}



/* contactbox */
.contactbox{
	border:3px solid #EFEFEF;
	border-radius:3px;
	-webkit-border-radius:3px;
    -moz-border-radius:3px;
	
	position:relative;
	behavior: url(/common/css/PIE.htc);
	padding:calc((18/640)*100vw) calc((20/640)*100vw);
}
.contactwrap{
	position:relative;
	padding:0;
}
.contactwrap .btncontact, .contactwrap .btncp01{
  margin: 20px 0 0 0;
}
.contactbox p{
	margin:0 0 0 0;
	line-height:1.6;
}
.contactbox .address p{
	color:#005BAC;
	font-weight:bold;
}
.contactbox .ttl{
	margin:0 0 15px 0;
}
.contactbox .tel{
}
.contactbox .tel span{
	color:#005BAC;
}
.contactbox .time{
}
/*
.btncontact a{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:calc((525/640)*100vw);
	height:calc((78/640)*100vw);;
	background-image:url(../../img/sp/btn_contact_sp.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}
*/

.box1{
	border:1px solid #005BAC;
	padding:20px;
	border-radius:3px;
	-webkit-border-radius:3px;
    -moz-border-radius:3px;
	
	position:relative;
	behavior: url(/common/css/PIE.htc);
}
.box1 .ttl{
	/*color:#005bac;
	font-weight:bold;*/
	margin:0 0 15px 0;
	color:#005bac;
}

.box2{
	background:#EFEFEF;
	padding:20px;
	border-radius:3px;
	-webkit-border-radius:3px;
    -moz-border-radius:3px;
	
	position:relative;
	behavior: url(/common/css/PIE.htc);
}
.box2 .ttl{
	margin:0 0 15px 0;
}

.iconlot{
	display:inline-block;
	width:calc((182/640)*100vw);
	height:calc((64/640)*100vw);
	overflow:hidden;
	text-indent:-9999px;
	background-image:url(../../img/sp/icon_lot_sp.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
	text-align:left;
}


/*margin*/
.mb20 {
	margin-bottom: 20px;
}
.center img{
  width: 100%;
  height: auto;
}
.spcenter{
  text-align: center;
}

img.imgper100{
  width: 100% !important;
  height: auto;
}
img.imgper70{
  width: 70% !important;
  height: auto;
  margin: 0 auto;
}
img.imgper40{
  width: 40% !important;
  height: auto;
  margin: 0 auto;
}
/* youtube */
.youtube iframe{
  width: calc((580/640)*100vw);
  height: calc((326/640)*100vw);
}

td.tbl_new{
	padding-left: 6px;
	border: none;
	border-left: 1px solid #9ABAF2;
	font-weight: bold;
	color: #FF0000;
}