h3.line {
font-family: 'A-OTF-A1MinchoStd-Bold';
margin: 0 0 2em;
text-align: center;
font-size: 1.5em;
}
h3.line::after {
content: "";
position: relative;
display: block;
width: 10%;
height: 5px;
margin: 0.8em 45% 0;
background: #3690cf;
}
h4.line {
display: block;
margin: 0 0 1em;
padding: 0.5em 15px 0.5em 0;
font-size: 1.2em;
border-bottom: #3690cf solid 1px;
}
.link_ttl_block {
position: relative;
margin: 0 0 1em ;
padding: 0.5em 1em;
background: #c6d8e6;
}
.link_ttl_block::after {content:'';display:table;clear:both;}
.link_ttl_block > h4 {
position: absolute;
font-weight: bold;
font-size: 1.2em;
top: 50%;
transform: translateY(-50%);
}
.link_ttl_block > a {
display: block;
float: right;
padding: 0.5em 30px 0.5em 20px;
color: #FFF;
font-size: 0.8em;
background: #3690cf url("../img/arrow_02.png") no-repeat right 10px center;
background-size: 7px auto;
text-decoration: none;
border-radius: 3px;
transition: all .2s;
}
.link_ttl_block > a:hover {
background: #1571b2 url("../img/arrow_02.png") no-repeat right 10px center;
background-size: 7px auto;
}
.wrap {
width: 90%;
margin: 0 5% 3em;
}

ul.link_list {
margin: 0 0 2em;
}
ul.link_list::after {content:'';display:table;clear:both;}
ul.link_list > li {
float: left;
margin: 0 15px 1em 0;
}
ul.link_list > li > a {
display: block;
padding: 0.5em 30px 0.5em 20px;
background:#FFF url("../img/arrow_01.png") no-repeat right 5px center;
background-size: 8px auto;
text-decoration: none;
color: #545454;
border: #c4d5e4 solid 1px;
border-radius: 3px;
transition: all .2s;
}
ul.link_list > li > a:hover {
background:#c4d5e4 url("../img/arrow_01.png") no-repeat right 5px center;
background-size: 8px auto;
}

ul.link_list_l {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
ul.link_list_l > li {
width: 47%;
margin: 0 0 1em;
}
ul.link_list_l > li > a {
display: block;
padding: 0.8em 30px 0.8em 20px;
background:#FFF url("../img/arrow_01.png") no-repeat right 15px center;
background-size: 8px auto;
text-decoration: none;
font-weight: bold;
color: #545454;
border: #c4d5e4 solid 1px;
border-radius: 3px;
transition: all .2s;
}
ul.link_list_l > li > a:hover {
background:#c4d5e4 url("../img/arrow_01.png") no-repeat right 5px center;
background-size: 8px auto;
}

#footer {
padding: 2em 0;
background: #FFF;
}
#footer > h1 {
width: 40%;
margin: 0 30% 2em;
}
.footer_link {
position: relative;
width: 100%;
height: 60px;
}
.footer_link > a {
display: inline-block;
position: absolute;
padding: 0.2em 30px 0.2em 20px;
text-decoration: none;
color: #545454;
border: #545454 solid 1px;
background: #FFF url("../img/arrow_03.png") no-repeat right 10px center;
background-size: 6px auto;
border-radius: 3px;
left: 50%;
transform: translateX(-50%);
transition: all .2s;
}
.footer_link > a:hover {
color: #FFF;
background: #545454 url("../img/arrow_02.png") no-repeat right 10px center;
background-size: 6px auto;
}
.copyright {
color: #626262;
font-size: 0.7em;
text-align: center;
}
/*----------------------------------------------------
to top
----------------------------------------------------*/
.totop {
position:fixed;
width:40px;
right:25px;
bottom:25px;
z-index: 9000;
}
.totop > a {
box-sizing: content-box;
display: block;
width: 100%;
padding: 1.2em 0.3em;
text-decoration: none;
background-color:#8A8A8A;
color: #FFF;
font-size: 0.7em;
font-weight: bold;
border: #FFF solid 1px;
border-radius: 800px;
text-align: center;
}


/*-------------------------------------------------------------------------------------------------------------- 768 ---*/
@media print, screen and (min-width:768px){

h4.line {
padding: 0.5em 0;
}
.wrap {
width: 80%;
margin: 0 10% 5em;
}

#footer > h1 {
width: 25%;
margin: 0 37.5% 2em;
}

}
/*-------------------------------------------------------------------------------------------------------------- 1024 ---*/
@media print, screen and (min-width:1024px){

h3.line {
margin: 0 0 2em;
font-size: 2em;
}
h4.line {
margin: 0 0 2em;
padding: 0.5em 0;
font-size: 1.4em;
}
.wrap {
max-width: 1200px;
margin: 0 auto 5em;
}

ul.link_list_l > li {
width: 49%;
margin: 0 0 1.5em;
}
ul.link_list_l > li > a {
padding: 0.8em 30px 0.8em 20px;
font-size: 1.2em;
}

#footer > h1 {
width: 230px;
margin: 0 auto 2em;
}



}