@charset "UTF-8";
/* CSS Document */

.full .top_main{
  width:100%;
  margin:0 auto;
  padding:0;
  border-bottom:3px solid #19407f;
  background:#f7f7f7;
  overflow:hidden;
}

.full .top_main img{
  width:100%;
  max-width:1400px;
  margin:0 auto;
  padding:0;
}
.full .top_main img.pc_only{display:block;}
.full .center{text-align:center;}
.full h2{
  font-size:24px;
  display:inline-block;
  padding-bottom:6px;
  text-align:center;
  margin:80px auto 60px;
  border-bottom:3px solid #000;
}

.full .contents ul.top_nav{
  position:relative;
  width:100%;
  margin:0 auto;
  padding:1px;
/*  background:#000;*/
  overflow:hidden;
  z-index:3333;
}
.full .contents ul.top_nav li{
  float:left;
  width:25%;
  background:#19407f;
  transition:0.4s;  
}

.full .contents ul.top_nav li a{
  display:block;
  width:100%;
  padding:42px 0 8px;
  color:#fff;
  text-align:center;
  text-decoration:none;
  box-sizing:border-box;
}
.full .contents ul.top_nav li:nth-child(1) a,
.full .contents ul.top_nav li:nth-child(2) a,
.full .contents ul.top_nav li:nth-child(3) a{border-right:1px solid #000;}

.full .contents ul.top_nav li:nth-child(1) a{background:url(../img/top/nav01.png) top 12px left 66% no-repeat;}
.full .contents ul.top_nav li:nth-child(2) a{background:url(../img/top/nav02.png) top 12px left 66% no-repeat;}
.full .contents ul.top_nav li:nth-child(3) a{background:url(../img/top/nav03.png) top 12px left 66% no-repeat;}
.full .contents ul.top_nav li:nth-child(4) a{background:url(../img/top/nav04.png) top 12px left 66% no-repeat;}

.full .contents ul.top_nav li:hover{
  /*opacity:0.6;
  filter:alpha(opacity=0.6);*/
  background:#dd6b3b;
}

.full .contents ul.top_nav li:nth-child(1) a:hover{background:url(../img/top/nav01b.png) top 12px left 66% no-repeat;}
.full .contents ul.top_nav li:nth-child(2) a:hover{background:url(../img/top/nav02b.png) top 12px left 66% no-repeat;}
.full .contents ul.top_nav li:nth-child(3) a:hover{background:url(../img/top/nav03b.png) top 12px left 66% no-repeat;}
.full .contents ul.top_nav li:nth-child(4) a:hover{background:url(../img/top/nav04b.png) top 12px left 66% no-repeat;}

.mt_-40{margin-top:-42px !important;}

/*スライド*/
.flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus {outline:none;}
.slides, .slides > li, .flex-control-nav, .flex-direction-nav {
  margin:0 auto;
  padding:0;
  list-style:none;
}

.flex-pauseplay span {text-transform:capitalize;}
.flexslider {
  display:block;
  width:100%;
  max-width:1500px;
  height:auto;
  margin:0 auto;
  padding:0;
}
.flexslider .slides > li {
  display:none;
  margin:0 auto;
  width:100%;
  z-index:1;
  position:relative;
  background:#FFF;
}

.flexslider .slides li .left{
  position:relative;
  width:38%;
  padding:4% 2% 0 10%;
}
.flexslider .slides li .right{width:50%;}
.flexslider .slides li .left{float:left;}
.flexslider .slides li .right{float:right;}

.flexslider .slides li .left .catch{
  display:inline-block;
  color:#19407f;
  padding:4px 6px;
  border:1px solid #19407f;
  margin:0 auto 5px;
}

.flexslider .slides li .left h3{
  width:80%;
  font-size:24px;
  line-height:1.4em;
  letter-spacing: 1.2pt;
  font-weight:200;
  color:#19407f;
  margin:0;
  padding:0;
}

.flexslider .slides li .left .name{
  font-size:14px;
  color:#19407f;
  margin:0 auto;
  padding:0;
}
.flexslider .slides li .left p{width:80%;}

.flexslider .slides li .left a{
  position:relative;
  color:#777;
  margin-top:25px;
  float:right;
  padding-right:15px;
}

.flexslider .slides li .left a:before{
  content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 1px #ababab;
    border-right: solid 1px #ababab;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 38%;
  right: 0%;
}
.flexslider .slides li .left a:hover{text-decoration:none;}

.flexslider .slides img {
  width:100%;
  display:block;
  margin:0 auto;
}
.flexslider .slides:after {
  content:"\0020";
  display:block;
  clear:both;
  visibility:hidden;
  line-height:0;
  height:0;
}
html[xmlns] .flexslider .slides {display:block;}
* html .flexslider .slides {height:1%;}
.no-js .flexslider .slides > li:first-child {display:block;}
.flexslider {
  position:relative;
  zoom:1;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  -webkit-box-shadow:'' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow:'' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow:'' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow:'' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides,
.top_main .slides{
  zoom:1;
  margin:0 auto;
  }
.flexslider .slides img {
  height:auto;
  margin:0 auto;
  }
.flex-viewport {
  max-height:2000px;
  -webkit-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -ms-transition:all 1s ease;
  -o-transition:all 1s ease;
  transition:all 1s ease;
}
.loading .flex-viewport {max-height:300px;}
.carousel li {margin-right:5px;}
.flex-direction-nav {
  *height:0;
}

.flex-direction-nav a {
  text-decoration:none;
  display:block;
  width:40px;
  height:40px;
  margin:0;
  position:absolute;
  top:40%;
  z-index:10;
  overflow:hidden;
  opacity:0;
  cursor:pointer;
  color:rgba(0, 0, 0, 0.8);
  text-shadow:1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition:all 0.3s ease-in-out;
  -moz-transition:all 0.3s ease-in-out;
  -ms-transition:all 0.3s ease-in-out;
  -o-transition:all 0.3s ease-in-out;
  transition:all 0.3s ease-in-out;
  z-index:1;
}
.flex-direction-nav a:before {
  font-family:"flexslider-icon";
  font-size:40px;
  display:inline-block;
  content:'\f001';
  color:rgba(0, 0, 0, 0.8);
  text-shadow:1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {content:'\2622';}

.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next{text-indent:-9999px;}
.flex-direction-nav .flex-prev {
  height:60px;
  width:60px;
  background:url(../img/top/prev.png) no-repeat left center;
  background-size:50px;
}
.flex-direction-nav .flex-next {
  height:60px;
  width:60px;
  background:url(../img/top/next.png) no-repeat right center;
  background-size:50px;
  right:0;
}
.flexslider:hover .flex-direction-nav .flex-prev {opacity:1; left:0;}
.flexslider:hover .flex-direction-nav .flex-next {opacity:1; right:0;}

.flex-direction-nav .flex-disabled {
  opacity:0!important;
  filter:alpha(opacity=0);
  cursor:default;
}
.flex-pauseplay a {
  display:block;
  width:20px;
  height:20px;
  position:absolute;
  bottom:5px;
  left:10px;
  opacity:0.8;
  z-index:10;
  overflow:hidden;
  cursor:pointer;
  color:#000;
}
.flex-pauseplay a:before {
  font-family:"flexslider-icon";
  font-size:20px;
  display:inline-block;
  content:'\f004';
}
.flex-pauseplay a:hover {opacity:1;}
.flex-pauseplay a .flex-play:before {content:'\f003';}
.flex-control-nav {
  width:100%;
  position:absolute;
  bottom:-30px;
  text-align:center;
}
.flex-control-nav li {
  margin:0 6px;
  vertical-align: middle;
  display:inline-block;
  zoom:1;
*display:inline;
}
.flex-control-paging li a {
  width:11px;
  height:11px;
  display:block;
  background:#d8dada;
  cursor:pointer;
  text-indent:-9999px;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  border-radius:20px;
}
.flex-control-paging li a.flex-active {
  width:14px;
  height:14px;
  background:#00245d;
  cursor:default;
}
.flex-control-thumbs {
  margin:5px 0 0;
  position:static;
  overflow:hidden;
}
.flex-control-thumbs li {
  width:25%;
  float:left;
  margin:0;
}
.flex-control-thumbs img {
  width:100%;
  height:auto;
  display:block;
  opacity:.7;
  cursor:pointer;
  -webkit-transition:all 1s ease;
  -moz-transition:all 1s ease;
  -ms-transition:all 1s ease;
  -o-transition:all 1s ease;
  transition:all 1s ease;
}
.flex-control-thumbs img:hover {opacity:1;}
.flex-control-thumbs .flex-active {
  opacity:1;
  cursor:default;
}

ul.consultation_list{
  display:table;
  width:100%;
  margin:0 auto;
  padding:0;
  overflow:hidden;
}
ul.consultation_list.two{
  width:50%;
  margin:60px auto;
}
ul.consultation_list li{
  width:20%;
  display:table-cell;
  text-align:center;
  color:#162a50;
  font-weight:600;
  padding-top:160px;
}

ul.consultation_list.two li{padding-top:110px;}

ul.consultation_list li:nth-child(1){background:url(../img/attorney/icon_img01.png) top center no-repeat;}
ul.consultation_list li:nth-child(2){background:url(../img/attorney/icon_img02.png) top center no-repeat;}
ul.consultation_list li:nth-child(3){background:url(../img/attorney/icon_img03.png) top center no-repeat;}
ul.consultation_list li:nth-child(4){background:url(../img/attorney/icon_img04.png) top center no-repeat;}
ul.consultation_list li:nth-child(5){background:url(../img/attorney/icon_img05.png) top center no-repeat;}
ul.consultation_list.two li:nth-child(1){background:url(../img/top/icon_06.png) top center no-repeat;}
ul.consultation_list.two li:nth-child(2){background:url(../img/top/icon_07.png) top center no-repeat;}

.full ul.how_to_02{
  width:50%;
  margin:30px auto 0;
  padding:0 8px 8px 0;
  overflow:hidden;
  box-sizing:border-box;
}

.full ul.how_to_02 li{
  float:left;
  width:48%;
  margin:0 4% 0 0;
  padding:0;
}
.full ul.how_to_02 li a{
  display:block;
  width:100%;
  height:250px;
  padding-top:200px;
  color:#162a50;
  text-decoration:none;
  font-size:24px;
  text-align:center;
  box-shadow:8px 8px 0px #dde3ec;
  box-sizing:border-box;
  margin:0 auto 8px;
  transition:0.2s;
}
.full ul.how_to_02 li a.how-a,
.full ul.how_to_02 li:first-child a{
  border:5px solid #19407f;
  background:url(../img/activity/icon_big01.png) center 50px no-repeat #fff;
}
.full ul.how_to_02 li a.how-b,
.full ul.how_to_02 li:last-child a{
  color:#fff;
  background:url(../img/activity/icon_big02.png) center 50px no-repeat #19407f;
}

.full ul.how_to_02 li:last-child{margin-right:0;}
.full ul.how_to_02 li a:hover{
  box-shadow:none;
  margin:8px auto 0;
}

ul.pagelink_list {
  margin: 100px 0;
  padding: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-align-items: stretch;
  align-items: stretch;
  justify-content: flex-start;
}

ul.pagelink_list > li {
  width: 24.32%;
  margin-right: .9%;
  position: relative;
}

ul.pagelink_list > li:nth-child(4n),
ul.pagelink_list > li:last-child {
  margin-right: 0;
}

ul.pagelink_list > li:nth-child(n+5) {
  margin-top: .9%;
}

ul.pagelink_list > li > a {
  width: 100%;
  height: 100%;
  font-size: 28px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  background: rgba(51, 51, 51, .3);
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  transition: background .2s;
}

ul.pagelink_list > li > a:hover {
  background: rgba(232, 110, 57, .7);
}

ul.pagelink_list > li > a:after {
  content: "";
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  margin: auto 0;
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  display: inline-block;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

ul.pagelink_list > li:last-child {
  width: 49.54%;
  max-height: 255px;
}

ul.pagelink_list > li img {
  width: 100%;
  vertical-align: middle;
}

ul.pagelink_list_slide {
  height: 100%;
  margin: 0;
  padding: 0;
}

ul.pagelink_list > li .flexslider {
  height: 100%;
}

ul.pagelink_list > li .flexslider .slides > li {
  height: 100%;
}

ul.pagelink_list > li .flex-viewport {
  height: 100%;
}

ul.pagelink_list > li .flexslider .slides img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
  transition: opacity .3s;
}

ul.pagelink_list > li .flexslider .slides > li a {
  width: 100%;
  height: 100%;
  display: inline-block;
}

ul.pagelink_list > li .flexslider .slides > li a:hover img {
  opacity: .7;
}

.left_box{
  float:left;
  background:#19407f;
}
.right_box{
  float:right;
  background:#162a50;
}
.left_box,.right_box{
  position:relative;
  width:40%;
  min-height:480px;
  padding:5% 5% 0;
  text-align:center;
}

.full .left_box h2,
.full .right_box h2{
  font-size:24px;
  display:inline-block;
  padding-bottom:6px;
  margin:0 auto 40px;
  color:#fff;
  border-bottom:3px solid #fff;
}

.left_box p,.right_box p{
  color:#fff;
  font-size:18px;
  line-height:1.6em;
}

.full .left_box .icon,
.full .right_box .icon{padding-top:150px;}

.full .left_box .icon {background:url(../img/top/left_icon.png) center top no-repeat;}
.full .right_box .icon {background:url(../img/top/right_icon.png) center top no-repeat;}

.full .left_box a,
.full .right_box a{
  background:none;
  color:#fff;
  font-size:18px;
  border:1px solid #fff;
  margin:0 auto;
}

.full .left_box a:before,
.full .right_box a:before{border-color:#fff;}

.full .left_box a:hover{
  color:#19407f;
  background:#fff;
}
.full .left_box a:hover:before{border-color:#19407f;}

.full .right_box a:hover{
  color:#162a50;
  background:#fff;
}
.full .right_box a:hover:before{border-color:#162a50;}


.full .contents ul.topic_box,
.full .contents ul.topic_box li dl{
  width:100%;
  margin:0 auto;
  padding:0;
  overflow:hidden;
}

.full .contents ul.topic_box li{
  float:left;
  width:48%;
  margin:0 4% 0 0;
}
.full .contents ul.topic_box li.w100 {
  float: none;
  width: 100%;
  margin-right: 0;
}
.full .contents ul.topic_box li .box{
  border-top:3px solid #19407f;
  background:#fff;
  margin-bottom:30px;
}
.full .contents ul.topic_box li .box > a {
  text-decoration: none;
  position: relative;
  display: block;
}
.full .contents ul.topic_box li:last-child{margin-right:0;}
.full .contents ul.topic_box li a.btn_style.non{background:#f7f7f7;}
.full .contents ul.topic_box li a.btn_style.non:hover{background:#777;}

.full .contents ul.topic_box li h3{
  font-size: 20px;
  color:#19407f;
  padding:25px 0;
  margin:0 auto;
  text-align:center;
}

.full .contents ul.topic_box li dl{
  padding: 13px 2%;
  border-top:1px solid #ddd;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-align-items: center;
  align-items: center;
  justify-content: flex-start;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.full .contents ul.topic_box li dl dt,
.full .contents ul.topic_box li dl dd{
  font-size:15px;
  font-weight: bold;
  color: #000;
  margin:0;
  padding:0;
}
.full .contents ul.topic_box li:first-child dl dt{width:25%;}
.full .contents ul.topic_box li:first-child dl dd{width:75%;}
.full .contents ul.topic_box li:first-child dl dd img{
  display:block;
  margin-right:15px;
  float:left;
}
.full .contents ul.topic_box li dl dd a{
  position:relative;
  display:block;
  line-height:1.6em;
  padding:30px 0;
  text-decoration:none;
  overflow:hidden;
}

.full .contents ul.topic_box li a dl dd.page:before{
  content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 1px #ababab;
    border-right: solid 1px #ababab;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 45%;
  right: 2%;
}

.full .contents ul.topic_box li a dl dd.pdf{background:url(../img/pdf_icon.png) right center no-repeat;}
.full .contents ul.topic_box li dl dd a {color:#000;}
.full .contents ul.topic_box li:first-child dl dd a .blue{
  color:#19407f;
  font-weight:600;
  margin:0;
  padding:0;
}

.full .contents ul.topic_box li:first-child dl dd a p{
  width:80%;
  margin:0 auto;
  padding:0;
}
.full .contents ul.topic_box li dl{
  position: relative;
  transition:0.4s;
}
.full .contents ul.topic_box li a dl:hover{background:#f9f9f9;}

.full .contents ul.topic_box li:last-child dl dt{
  width:auto;
  font-size: 14px;
  font-weight: bold;
  color: #939393;
  margin-right: 20px;
}
.full .contents ul.topic_box li:last-child dl dt .blue{color:#162a50;}
.full .contents ul.topic_box li:last-child dl div {
  background: #162a50;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.4;
  padding: 0 10px;
}
.full .contents ul.topic_box li:last-child dl dd{
  width:100%;
}

.full .contents ul.topic_box li:last-child dl dd a{padding:26px 0;}

/*ミニバナーエリア*/
.full .contents ul.min_bnr{
  max-width:1050px;
  margin:0 auto;
  padding:80px 0;
  overflow:hidden;
}

.full .contents ul.min_bnr li{
  float:left;
  width:21%;
  padding:0 2%;
  margin:0 auto 15px;
}

.full .contents ul.min_bnr li:last-child{margin-bottom:0;}
.full .contents ul.min_bnr li a{
  display:block;
  width:100%;
  transition:0.4s;
  margin:0 auto;
  padding:0;
}

.full .contents ul.min_bnr li:nth-child(4n+1){
  clear:both;
}

.full .contents ul.min_bnr li a:hover{
  opacity:0.6;
  filter:alpha(opacity=0.6);
}
.full .contents ul.min_bnr li a img{width:100%;}


@media screen and (max-width:1024px) {
  ul.pagelink_list > li:last-child {
    height: 21.875vw;
  }
  ul.pagelink_list > li > a {
    font-size: 2.4vw;
  }
}

/*601px以下*/
@media screen and (max-width:601px) {
.full .top_main img.pc_only,
.full .top_main .flex-control-nav.flex-control-paging {display:none;}
  
.full h2{margin:60px auto 30px;}
.full .contents ul.top_nav li{
  float:left;
  width:50%;
  background:#19407f;
  transition:0.4s;  
}

.full .contents ul.top_nav li a{
  padding:42px 0 8px;
  font-size:14px;
  color:#fff;
  text-align:center;
  text-decoration:none;
  box-sizing:border-box;
}
.full .contents ul.top_nav li:nth-child(1),.full .contents ul.top_nav li:nth-child(2){margin-bottom:1px;} 
  
.full .contents ul.top_nav li:nth-child(odd) a{border-right:1px solid #000;}
.full .contents ul.top_nav li:nth-child(even) a{border-right:none;} 
  
.full .contents ul.top_nav li:nth-child(1) a{background:url(../img/top/nav01.png) top 12px right 13% no-repeat;}
.full .contents ul.top_nav li:nth-child(2) a{background:url(../img/top/nav02.png) top 12px right 13% no-repeat;}
.full .contents ul.top_nav li:nth-child(3) a{background:url(../img/top/nav03.png) top 12px right 13% no-repeat;}
.full .contents ul.top_nav li:nth-child(4) a{background:url(../img/top/nav04.png) top 12px right 13% no-repeat;}
.mt_-40{margin-top:15px !important;}

/*スライド*/
.flexslider {width:100%;}
.flexslider .slides li{overflow:hidden;}
.flexslider .slides li .left,
.flexslider .slides li .right{
  float:left;
  margin:0 auto;
  }
.flexslider .slides li .left{
  position:relative;
  width:92%;
  padding:4%;
}
.flexslider .slides li .right{width:100%;}
.flexslider .slides li .left h3{
  width:100%;
  font-size:18px;
  }
.flexslider .slides li .left p{display:none;}
.flexslider .flex-direction-nav .flex-prev {
  height:30px;
  width:30px;
  background:url(../img/top/prev.png) no-repeat left center;
  background-size:30px;
  left:-5%;
}
.flexslider .flex-direction-nav .flex-next {
  height:30px;
  width:30px;
  background:url(../img/top/next.png) no-repeat right center;
  background-size:30px;
  right:-5%;
}
.flexslider:hover .flex-direction-nav .flex-prev {opacity:1; left:-5%;}
.flexslider:hover .flex-direction-nav .flex-next {opacity:1; right:-5%;}

ul.consultation_list{display:block;}
ul.consultation_list.two{
  width:100%;
  margin:30px auto;
}
ul.consultation_list li{
  float:left;
  font-size:12px;
  width:48%;
  display:block;
  padding-top:160px;
  margin:0 4% 30px 0;
}

ul.consultation_list.two li{padding-top:110px;}
ul.consultation_list li:nth-child(2n){margin-right:0;}  
ul.consultation_list li:last-child{margin:0 25%;}
ul.consultation_list.two li:last-child{margin:0 auto;}
  
ul.consultation_list.two li:last-child a{
  line-height:1.2em;  
  padding:11px 0;
  } 


.full ul.how_to_02{width:100%;}

.full ul.how_to_02 li{
  float:none;
  width:100%;
  margin:0 auto 20px;
  padding:0;
}
.full ul.how_to_02 li a{
  position:relative;
  font-size:14px;
  line-height:1.6em;
  height:auto;
  text-align:left;
  text-decoration:none; 
  box-shadow:10px 10px 0 #ddd;
  box-sizing:border-box;
  margin:0 auto 25px;
  transition:0.2s;
}
.full ul.how_to_02 li:first-child a{
  border:2px solid #19407f;
  padding:20px 0 12px 140px;  
  height:90px;
  background:url(../img/attorney/pict_icon01.png) left 20px center no-repeat #fff;
}
.full ul.how_to_02 li:last-child a{
  color:#fff;
  padding:22px 0 12px 140px;  
  min-height:90px;
  background:url(../img/attorney/pict_icon02.png) left 20px center no-repeat #19407f;
}
.full ul.how_to_02 li a .font_b{font-size:20px;}
.full ul.how_to_02 li:last-child{margin-right:auto;}
.full ul.how_to_02 li a:hover{margin:0 auto 25px;}
  
.full ul.how_to_02 li a:before{
  content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 45%;
    right: 6%;
  border-top:2px solid #19407f;
  border-right:2px solid #19407f;
  
}
.full ul.how_to_02 li:last-child a:before{border-color:#fff;}   
  
ul.pagelink_list {
  margin: 40px 0;
}

ul.pagelink_list > li {
  width: 48.74%;
  margin-right: 2.52%;
}

ul.pagelink_list > li:nth-child(2n),
ul.pagelink_list > li:last-child {
  margin-right: 0 !important;
}

ul.pagelink_list > li:nth-child(n+3) {
  margin-top: 2.52% !important;
}

ul.pagelink_list > li:last-child {
  width: 100%;
  height: 43.76vw;
}

ul.pagelink_list > li > a {
  font-size: 15px;
}

.left_box,.right_box{
  float:none;
  width:90%;
  min-height:auto;
  padding:10% 5%;
}

.left_box p,.right_box p{font-size:16px;}

.full .left_box .icon,
.full .right_box .icon{padding-top:140px;}

.full .left_box a,
.full .right_box a{
  width:50%;
  padding:8px 0;
  font-size:16px;
}
  
.full .left_box ul{
  margin:0 auto;
  padding:0;
  overflow:hidden;
  } 
.full .left_box ul li{
  float:left;
  width:48%;
  margin:0 4% 0 0;
  } 
.full .left_box ul li:last-child{margin-right:0;}
.full .left_box ul li a{width:100%;}
  
.full .contents ul.topic_box li{
  float:none;
  width:100%;
  margin:0 auto 30px;
}
.full .contents ul.topic_box li h3 {
  font-size: 15px;
  padding: 9px 0;
}
.full .contents ul.topic_box li .box{min-height:auto;}
.full .contents ul.topic_box li dl{
  padding:15px 5%;
  }
.full .contents ul.topic_box li dl dt,
.full .contents ul.topic_box li dl dd{display: block;}
.full .contents ul.topic_box li:first-child dl dt{width:100%;}
.full .contents ul.topic_box li:first-child dl dd{width:100%;}
.full .contents ul.topic_box li dl dd a{padding:0;}
.full .contents ul.topic_box li dl dd.page:before{right: 3%;}
.full .contents ul.topic_box li dl dd.pds{background:url(../img/pdf_icon.png) right top 10px no-repeat;}

.full .contents ul.topic_box li:last-child dl{padding:10px 3%;}
.full .contents ul.topic_box li:last-child dl dt{
  font-size: 12px;
  width:auto;
  display:inline-block;
  }
.full .contents ul.topic_box li:last-child dl dd{
  font-size: 14px;
  padding:0 8% 0 0;
}
.full .contents ul.topic_box li:last-child dl dd a{padding:0;}

/*ミニバナーエリア*/
.full .contents ul.min_bnr{
  max-width:100%;
  padding:40px 0;
}

.full .contents ul.min_bnr li{
  width:48%;
  padding:0;
  margin-right:4%;
}
.full .contents ul.min_bnr li:nth-child(2n){margin-right:0;}
  
.full .contents ul.min_bnr li:last-child{margin-bottom:auto;}
.full .contents ul.min_bnr li a{
  display:block;
  width:100%;
  transition:0.4s;
  margin:0 auto;
  padding:0;
}

.full .contents ul.min_bnr li a:hover{
  opacity:0.6;
  filter:alpha(opacity=0.6);
}
.full .contents ul.min_bnr li a img{width:100%;}  
  
}

@media screen and (max-width:320px) {

}