﻿
em.indent-1 {
	padding-left:2em;
	text-indent:-1em;
}

p.indent-1 {
	padding-left:1em;
	text-indent:-1em;
}

ul.link_list_index li {
    padding-left:2em; margin-left: 2em; margin-top: 5px; margin-bottom: 5px;
    background: url(../../assets/img/icon_circleArrowRight.png) no-repeat 0 50%/18px; auto;
    line-height: 2;
}

.marker-orange {
  background: linear-gradient(transparent 67%,rgba(247, 198, 104, 0.2) 67%,rgb(247, 198, 104) 77%,rgba(247, 198, 104, 0.2));
  font-weight: bold;
  padding-bottom: 5px;
}

/*=============
a.btn_blue
=============*/
a.btn_blue {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border: 1px solid #0000ff;
  box-sizing: border-box;
  width: 100%;
  height: 80px;
  padding: 0 25px;
  color: #0000ff;
  font-size: 16px;
  text-align: left;
  text-decoration: none;
  position: relative;
  transition-duration: 0.2s;
}
a.btn_blue:hover {
  background: #0000ff;
  border: 1px solid #0000ff;
  color: #fff;
}
a.btn_blue:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 40px 50px;
  border-color: transparent transparent #0000ff transparent;
}
a.btn_blue span {
    position: absolute;
    bottom: 12px;
    right: 20px;
    display: inline-block;
}
a.btn_blue span:before {
    content: '';
    width: 15px;
    height: 15px;
    background: #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
}
a.btn_blue span:after {
    content: '';
    width: 4px;
    height: 4px;
    border: 0;
    border-top: 2px solid #0000ff;
    border-right: 2px solid #0000ff;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 4px;
    margin-top: -3px;
}

/*=============
a.btn_green
=============*/
a.btn_green {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border: 1px solid #008000;
  box-sizing: border-box;
  width: 100%;
  height: 80px;
  padding: 0 25px;
  color: #008000;
  font-size: 16px;
  text-align: left;
  text-decoration: none;
  position: relative;
  transition-duration: 0.2s;
}
a.btn_green:hover {
  background: #008000;
  border: 1px solid #008000a;
  color: #fff;
}
a.btn_green:before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 40px 50px;
  border-color: transparent transparent #008000 transparent;
}
a.btn_green span {
    position: absolute;
    bottom: 12px;
    right: 20px;
    display: inline-block;
}
a.btn_green span:before {
    content: '';
    width: 15px;
    height: 15px;
    background: #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
}
a.btn_green span:after {
    content: '';
    width: 4px;
    height: 4px;
    border: 0;
    border-top: 2px solid #008000;
    border-right: 2px solid #008000;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 4px;
    margin-top: -3px;
}

/*=============
base
=============*/
body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  word-break: break-all;
}

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

    #eln-center #sec01 div.box,
    #eln-center #sec01 div.box.left {
        border: 2px solid #cccccc;
        padding: 1.2em 1em;
        margin-bottom: 1em;
    }
    #eln-center #sec02 div.box p {
        min-height: auto;
    }
    #eln-center #sec02 ul.link_list_index {
        margin: 1em 0 3em;
    }

    ul.link_list_index li {
        background: url(../../assets/img/icon_circleArrowRight_sp.png) no-repeat 0 50%/1em auto;
        background-size: 5% auto;
    }
}