@charset "UTF-8";
.accordion-container .panel a,.info a{
	text-decoration:none
}
.main-container{
	padding:10px 15px
}
.accordion-container{
    display: inline-block;
    height: auto;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 20px;
    -moz-border-radius: 2px!important;
    -ms-border-radius: 2px!important;
    border-radius: 2px!important;
    overflow: hidden;
    width: 100%;
}
.accordion-container .panel{
    margin-top: 0;
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0;
    background: #fff!important;
    width: 100%;
    text-align: left;
    transition: .4s;
    border-bottom: 1px solid #BBBBBB
}
.accordion-container .panel:last-child{
	border:none
}
.accordion-container .panel .content{
/*    max-height: 0;*/
    overflow: hidden;
    transition: max-height .2s ease-out;
    background-color: #FFFFFF;
}
.accordion-container .panel .heading{
    color: #FFFFFF;
    padding-top: 10px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 10px;
    background-repeat: no-repeat;
    background-image: url(../img/keyboard_arrow_down.png);
    background-position: 98% 12px!important;
    background-size: 28px!important;
    font-size: 130%;
    font-weight: bold;
    font-style: normal;
    cursor: pointer;
    text-align: center;
    margin-bottom: 10px;
    background-color: #1C61D9;
}
.accordion-container .panel .heading:hover{
    cursor: pointer;
    background-color: rgba(78,136,237,1.00);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.accordion-container .panel .content p{
	font-size:90%;
    font-weight: 500;
    font-style: normal;
    line-height: 1.7em;
	color:#444444;
	padding:10px 0;
	margin:0
}
.accordion-container .panel .content p:first-child{
	padding-top:0
}
.accordion-container .panel .content ul{
	margin-left:0;
	padding-bottom:20px;
	padding-left:20px;
	font-weight:300;
	margin-top:5px}
.accordion-container .panel .content ul li{
	list-style-type:none;
	font-size:.8em;
	line-height:1.5em;
	color:#6f6f6f}
.accordion-container .panel .content ul li:before{
	content:"—";
	padding-right:4px;
	display:inline}
.accordion-container .panel p:last-child{
	padding-bottom:20px
}
.accordion-container .panel table{
	width:100%
}
.accordion-container .panel table tr td{
	padding:5px 10px;
	border:1px solid #ececec
}
.accordion-container .panel.active{
	background:#fff!important
}
.accordion-container .panel.active .heading{
    background: url(../img/keyboard_arrow_up_w.png) right no-repeat;
    color: #FFFFFF;
    background-color: rgba(10,108,241,1.00);
}
.info{
	font-size:.7em;
	font-weight:300;
	color:#b5b5b5
}
.info a{
	color:#1ac3b4!important
}


.accordion-container .panel .heading2{
    color: #265EAA;
    padding-top: 10px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 10px;
    background: url(../img/keyboard_arrow_down.svg) right no-repeat;
    background-position: 98% 12px!important;
    background-size: 28px!important;
    font-size: 100%;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    font-style: normal;
    cursor: pointer;
    text-align: left;
    border: 1px solid #265EAA;
    margin-bottom: 10px;
}
.accordion-container .panel .heading2:hover{
    cursor: pointer;
    background-color: rgba(163,198,246,1.00);
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.accordion-container .panel.active .heading2{
    background: url(../img/keyboard_arrow_up_w.png) right no-repeat;
    color: #FFFFFF;
    background-color: rgba(10,108,241,1.00);
}
.accordion-container .panel .heading3:hover{
    cursor: pointer;
    background-color: rgba(0,133,235,1.00);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.accordion-container .panel.active .heading3{
    background: url(../img/keyboard_arrow_up_w.png) right no-repeat;
    color: #FFFFFF;
    background-color: rgba(0,133,235,1.00);
}
@media screen and (min-width:421px){
	.accordion-container .panel .heading3{
    color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
    background-repeat: no-repeat;
    background-image: url(../img/keyboard_arrow_down.png);
    background-position: 98% center!important;
    background-size: 28px!important;
    font-size: 100%;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    font-style: normal;
    cursor: pointer;
    text-align: center;
    border: 1px solid #265EAA;
    margin-bottom: 20px;
    width: 30%;
    background-color: #0068B7;
    margin-left: 65%;
    min-width: 200px;
}
}
@media screen and (max-width:420px) {
.accordion-container .panel .heading3{
    color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
    background-repeat: no-repeat;
    background-image: url(../img/keyboard_arrow_down.png);
    background-position: 98% center!important;
    background-size: 28px!important;
    font-size: 100%;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    font-style: normal;
    cursor: pointer;
    text-align: center;
    border: 1px solid #265EAA;
    margin-bottom: 20px;
    width: 30%;
    background-color: #0068B7;
    min-width: 200px;
    margin-left: auto;
    margin-right: auto;
}
}