@charset "UTF-8";
.main {
color: #808080;
}

#page-title.index {
margin-bottom: 31px;
}

.btns .btn {
font-size: 2.2rem;
}
@media only screen and (max-width: 640px) {
.btns .btn {
font-size: 1.8rem;
}
}
.btns .btn.btn-anchor {
background: #4592af;
box-shadow: 0px 1px 10px 1px #ccc;
color: #fff;
padding: 0.8em 0 2.2em;
line-height: 1.3;
}
@media only screen and (max-width: 640px) {
.btns .btn.btn-anchor {
padding: 15px 0 2.2em;
}
}
.btns .tag {
background: #f8b62d;
border-radius: 5px;
color: #fff;
font-size: 1.6rem;
font-weight: bold;
margin: 10px 5px 0;
width: 100%;
padding: 5px 0;
}
@media only screen and (max-width: 640px) {
.btns .tag {
margin: 0;
}
}
.btns.index {
margin-top: 3px;
}
.btns.index .tag {
font-size: 1.4rem;
margin: 0;
}
@media only screen and (max-width: 640px) {
.btns.index .tag {
font-size: 1.1rem;
}
}

.tit06.tit {
border-bottom: solid 3px #4592af;
}
@media only screen and (max-width: 640px) {
.tit06.tit {
/*
&:before{
transform: translateY(-70%);
height: 100%;
}

*/
}
}

div + .tit06.tit {
margin-top: 70px;
}
@media only screen and (max-width: 640px) {
div + .tit06.tit {
margin-top: 35px;
}
}

.box-contact {
background: #fff1ce;
padding: 38px 20px;
color: #606060;
}
@media only screen and (max-width: 640px) {
.box-contact {
padding: 20px;
}
}
.box-contact .btn {
font-size: 2.6rem;
padding: 15px 10rem;
}
@media only screen and (max-width: 640px) {
.box-contact .btn {
font-size: 2.0rem;
padding: 15px 4rem;
}
}
.box-contact .btn.btn-small:before {
right: 3.2rem;
}
.box-contact .btn.btn-small:after {
right: 4rem;
}
.box-contact .text-term {
font-size: 2.4rem;
}
@media only screen and (max-width: 640px) {
.box-contact .text-term {
font-size: 1.8rem;
}
}

.box-system {
font-size: 2.1rem;
margin-bottom: 30px;
}
@media only screen and (max-width: 640px) {
.box-system {
font-size: 1.6rem;
}
}
.box-system .text {
margin-bottom: .5em;
}
.box-system .btn {
font-size: 2.0rem;
}
@media only screen and (max-width: 640px) {
.box-system .btn {
font-size: 1.8rem;
}
}
.box-system + h3 {
margin-top: 30px;
}

.btn.btn-other {
color: #4592af;
background: #efefef;
border-radius: 5px !important;
overflow: inherit;
padding: 5px 4.5rem;
}
.btn.btn-other.text-other:before {
color: #808080;
content: 'その他';
position: absolute;
left: -8rem;
font-weight: normal;
}
@media only screen and (max-width: 640px) {
.btn.btn-other.text-other:before {
content: none;
}
}
.btn.btn-other.text-other.no-other:before {
content: none;
}

.btn.shadow {
box-shadow: 0px 2px 10px 0px #aaa;
}

.btn.icon-triangle-blue:after {
right: 15px;
}

.tit-cat {
background: #4592af;
color: #fff;
font-size: 3.0rem;
font-weight: bold;
text-align: center;
padding: 1.5rem 0;
}
@media only screen and (max-width: 640px) {
.tit-cat {
font-size: 1.8rem;
margin-bottom: 5px;
}
}

.hoken-info .inner + .inner {
margin-top: 120px;
}
.hoken-info .tit08 {
border-bottom: solid 2px #4592af;
padding-bottom: 5px;
margin-bottom: 15px;
}
.hoken-info .block-hoken + .block-hoken {
margin-top: 110px;
}
@media only screen and (max-width: 640px) {
.hoken-info .block-hoken + .block-hoken {
margin-top: 50px;
}
}
.hoken-info .block-hoken .box-note {
background: #ecf4f7;
padding: 30px;
margin-top: 35px;
}
@media only screen and (max-width: 640px) {
.hoken-info .block-hoken .box-note {
padding: 15px;
}
}

.list-hoken {
/*
display: -webkit-box;
display: -ms-flexbox;
display: flex;
//align-items: center;
align-items: stretch;

*/
line-height: 1.4;
}
.list-hoken tr {
display: inline-block;
width: 100%;
}
@media only screen and (max-width: 640px) {
.list-hoken tr + tr {
padding-top: 20px;
}
}
.list-hoken th {
border: solid 2px #4592af;
font-weight: bold;
padding: 2rem 1rem;
width: 16rem;
height: 120px;
text-align: left;
vertical-align: middle;
margin-bottom: 10px;
}
@media only screen and (max-width: 640px) {
.list-hoken th {
width: 100%;
height: auto;
display: block;
padding: 1rem;
}
}
.list-hoken td {
padding: .5rem 0 .5rem 2rem;
vertical-align: middle;
margin-bottom: 10px;
}
@media only screen and (max-width: 640px) {
.list-hoken td {
padding: .5rem 0;
}
}

.body-transfer {
background: #fff;
}
.body-transfer #transfer {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 100%;
max-width: 750px;
/*
@include mq($break_sp) {
position: relative;
width: 100%;
max-width: none;
padding-top: 20px;
}


*/
}
.body-transfer #transfer h1 {
border-bottom: solid 3px #4592af;
color: #4592af;
font-size: 2.8rem;
font-weight: bold;
}
.body-transfer #transfer h1 span {
font-size: 1.8rem;
}
@media only screen and (max-width: 640px) {
.body-transfer #transfer h1 {
font-size: 1.8rem;
}
.body-transfer #transfer h1 span {
font-size: 1.6rem;
}
}
.body-transfer #transfer h1.no-border {
border: none;
}
.body-transfer #transfer .box-book {
padding: 50px;
}
@media only screen and (max-width: 640px) {
.body-transfer #transfer .box-book {
padding: 20px 20px 40px;
}
.body-transfer #transfer .box-book > div {
width: 40%;
}
}

#transfer .btn-box {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#transfer .btn-box li a{
line-height: 1em;
display: block;
width: 150px;
padding: 10px 0;
text-align: center;
border: solid 1px #FF7201;
border-radius: 5px;
color: #FFFFFF !important;
font-weight: bold;
text-decoration: none;
font-size: 18px;
background-color: #FF7101;
background: linear-gradient(#FF9201, #FF7101);
cursor: pointer;
}

/*
input[type=button] {
border-top: solid 1px #fff;
border-left: solid 1px #fff;
background: #fff;
border-right: solid 2px #333;
border-bottom: solid 2px #333;
font-size: 14px;
cursor: pointer;
}
*/
@media only screen and (max-width: 640px) {
.box-useful .acc-trigger {
font-weight: bold;
}
.box-useful .acc-set {
margin-top: 1.5em;
}
.box-useful .acc-set .text .title {
position: relative;
top: inherit;
transform: none;
margin-top: 5em;
}
}
.box-index_btn {
padding-top: 30px;
padding-bottom: 40px;
}
.box-index_btn .container-inner + .container-inner {
margin-top: 40px;
}
.box-index_btn .btn-area.btn-flex {
line-height: 1;
align-items: center;
}
@media only screen and (max-width: 640px) {
.box-index_btn .btn-area.btn-flex li {
padding-bottom: 12px;
}
.box-index_btn .btn-area.btn-flex li:last-child {
padding-bottom: 27px;
}
}
.box-index_btn .btn-area.btn-flex li a {
padding: 0;
width: 100%;
padding: .8em 0;
}
@media only screen and (max-width: 640px) {
.box-index_btn .btn-area.btn-flex li a {
padding: 1.4em 0 1.4em 3.5em;
}
}
.box-index_btn .btn-area.btn-flex li:nth-child(2) a {
padding: .3em 0;
}
@media only screen and (max-width: 640px) {
.box-index_btn .btn-area.btn-flex li:nth-child(2) a {
padding: 1.4em 0 1.4em 3.5em;
}
}