@charset "utf-8";

.whtBtn{
    background: #FFFFFF;
    border: 1px solid #d2d2d2;
    display: inline-block;
    margin:40px 0 0 25px;
	transition: all 0.3s;
}
.whtBtn a {
    padding: 10px 15px;
    display: block;
    line-height: 1.6;
    font-size: 14px;
    color: #323232;
    font-weight: bold;
}
.whtBtn a::before {
    content: "\025B6 ";
    font-size: 13px;
    top: 0px;
    position: relative;
    margin-right: 5px;
    color: #E20011;
}
.whtBtn:hover {
    opacity: 0.75;
}
.whtBtn:hover a {
    text-decoration:none;
}

.textlink {
    font-size:16px;
    margin-left: 15px;
}
.textlink a::before {
    content: "　";
    position: absolute;
    margin-left: -15px;
    background: url(../../common/img/textlink__before.png) 0px 50% no-repeat;
    line-height:1.6;
}
.windowopen a::after {
    content: "　";
    position: absolute;
    height: 21px;
    width: 18px;
    margin-left: 5px;
    margin-top: 1px;
    background: url(../../common/img/windowOpen.png) 50% 50% / 12px no-repeat;
}
ul.textlist {
    list-style-type: disc;
    padding-left: 25px;
    color: #323232;
    line-height: 1.6;
    font-size: 12px;
}


h1{
    font-size: 28px;
    font-weight: bold;
    border-bottom: #E20011 solid 2px;
    margin-top:40px;
    padding: 0 0 5px 25px;
    line-height: 1.3;
}
h2{
    font-size: 28px;
    font-weight: bold;
    border-bottom: #E20011 solid 2px;
    margin-top:40px;
    padding: 0 0 5px 25px;
    line-height: 1.3;
}
h3{
    font-weight: bold;
    font-size: 20px;
    line-height: 1.3;
    margin-top: 40px;
    padding-left: 25px;
}


.loginBoxArea {
    display: flex;
    margin-top: 40px;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.loginBoxArea>a {
    margin-left: 20px;
    width: 470px;
    box-sizing: border-box;
    flex: none;
    display:flex;
}

.loginBoxArea > a:nth-child(2n+1) {
    margin-left: 0;
}
.loginBoxArea a:hover{
    text-decoration:none;
}
.loginBoxArea>div {
    margin-left: 20px;
    width: 470px;
    box-sizing: border-box;
    flex: none;
}
.loginBoxArea>div:nth-child(2n+1) {
    margin-left: 0;
}
.loginBox {
    border: 3px solid #d4d7de;
    flex: 1;
    opacity: 1;
    transition: all 0.3s;
}
.loginBox:hover {
    opacity: 0.75;
}
.loginBox_title_left {
    border-bottom: 2px dotted #cad6e2;
    background-color: #fde8e8;
    padding: 15px 20px;
}
.loginBox_title_right {
    border-bottom: 2px dotted #cad6e2;
    background-color: #f7f7f9;
    padding: 15px 20px;
}
.loginBox_title span {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.3;
    border-left: 5px solid #e30012;
    display: block;
    padding-left: 11px;
}
a .loginBox_title span {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.3;
    border-left: 5px solid #e30012;
    display: block;
    padding-left: 11px;
    color:#323232;
}

.loginBox_content {
    padding: 40px 60px 25px 60px;
}

.loginBtn {
    background: #e20011;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    width: 242px;
    margin:0 auto;
    color:#FFFFFF;
    padding: 10px 0;
}
.dousaBtn {
    background: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    width: 242px;
    margin:0 auto;
    border: 3px solid #E20011;
    box-sizing: border-box;
    color:#E20011;
    padding: 7px 0;
}
.loginBtn_text {
    font-weight: bold;
}
.loginBtn_text::before {
    content: "\025B6 ";
    font-size: 14px;
    top: -2px;
    position: relative;
    margin-right: 5px;
}
.loginBtn a {
    padding: 10px 0;
    display: block;
    line-height:1.3;
    color: #FFFFFF;
}

.loginBtn:hover a {
    text-decoration:none;
}
.dousaBtn a {
    padding: 10px 0;
    display: block;
    line-height:1.3;
    color: #E20011;
}

.dousaBtn:hover a {
    text-decoration:none;
}
.loginBox_text{
    font-size:16px;
    line-height:1.6;
    margin-top:30px;
    color:#323232;
}


.tacBizBox{
	border: #d2d2d2 solid 1px;
	margin-top: 30px;
	padding: 20px;
}
.tacBiz_head{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
}

.tacBiz_content{
	overflow: hidden;
	margin-top: 10px;
}
.tacBiz_content_Left{
	float: left;
	width: 449px;
	margin-right: 25px;
}
.tacBiz_content_Right{
	float: left;
	width: 444px;
}
.tacBiz_text{
    font-size:12px;
    line-height:1.6;
}

.tacBiz_content_inBox {
    border: 1px solid #d2d2d2;
    padding: 10px 20px 10px 10px;
    display: inline-block;
    margin-top:15px;
}

.appliBox{
    overflow:hidden;
}
.appliBox h2{
    margin-top:40px;
    padding: 0;
    border: none;
}
.appliBox h2>span{
    font-size: 28px;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
    border-bottom: 2px solid #d2d2d2;
    display: block;
    position: relative;
    padding-bottom:5px;
}
.appliBox h2>span:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -2px;
    left: 50%;
    width: 340px;
    height: 2px;
    margin-left: -170px;
    border-bottom: 2px solid #e20011;
}
.appliBox_content_Left{
    float: left;
    width: 470px;
    margin-right: 20px;
}
.appliBox_content_Right{
    float: left;
    width: 470px;
    margin-top: 80px;
}
.appliBox_content_Right ul{
    display: flex;
    justify-content: center;
}
.appliBox_content_Right li{
    margin-left:20px;
}
.appliBox_content_Right li:first-child{
    margin-left:0px;
}
.appliBox_text{
    font-size:16px;
    line-height:1.6;
    margin:25px 0 0 20px;
}

.questionBox li{
    margin-top:0px;
    position:relative;
    padding: 15px 15px 15px 60px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px dashed #d2d2d2;
    line-height:1.6;
}
.questionBox li:first-child{
    margin-top:15px;
}
.questionBox li:before {
    content: url(../../common/img/questionicon.png);
    margin-right: 10px;
    margin-left: 20px;
    position: absolute;
    top: 13px;
    left: 0px;
}

.linkArea{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top:20px;
}
.linkBox{
    width: 228px;
    background: #FFFFFF;
    box-sizing: border-box;
    border: #e5e5e5 solid 1px;
    padding:15px 8px;
    font-weight:bold;
    color:#323232;
	transition: all 0.3s;
}
.linkArea a{
    font-weight:bold;
    color:#323232;
}
.linkBox p::before {
    content: "\025B6 ";
    font-size: 10px;
    top: -2px;
    position: relative;
    margin-right: 4px;
    color: #E20011;
}
.linkBox:hover {
    opacity: 0.75;
    text-decoration:none;
}

.linkBox p{
    text-indent: -1em;
    padding-left: 1em;
    font-weight: bold;
}

/* importantInformation */

.importantInfo {
  border:solid 3px #fff;
  background:#fff;
  margin-top: 40px;
}

.importantInfo h2 {
  background:#F90202;
  color:#fff;
  text-align:center;
  font-weight:bold;
  padding:7px 0;
  font-size:18px;
  line-height:24px;
  border-bottom: none;
  margin-top: 0px;
}

.importantInfo h2 span {
  display:inline-block;
  background:url(../img/alert_ico.png) no-repeat 0 50%;
  padding-left:33px;
}

.importantInfo p {
  color:#323232;
  line-height:1.6;
}
.importantInfo p:first-child {
  margin-top:0;
}

.importantInfo .importantInner {
  border:solid 3px #F80101;
}

.importantInfo .importantTxt {
  padding:20px 22px 18px;
}
/* ↓グレーボックス　*/
.importantInfo.grayBox h2 {
  background: #d4d7de !important;
}
.importantInfo.grayBox h2 span {
  color: #323232 !important;
  background: none !important;
  padding-left: 0 !important;
}

.importantInfo.grayBox .importantInner {
  border: 3px solid #d4d7de !important;
}
/* ↑グレーボックス　*/
.annotation {
    font-size: 14px;
    line-height: 1.6;
    position: relative;
    padding-left: 20px;
}
.annotation::before {
    content: "※";
    position: absolute;
    left: 0;
}