@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
@import url('https://fonts.googleapis.com/earlyaccess/sawarabimincho.css');

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
html { line-height: 1; }
ol, ul, li { list-style: none; }
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}
a img { border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}
input, textarea, select, button {
  font-size: 15px;
  font-family: inherit;
}
.cf:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height: 0;
}
.cf {
  display: inline-block;
  min-height: 1%;
}
.bg_c, .bg_c::before, .bg_c::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .2s;
  transition: all .2s;
}
.bd{
  border-right:2px #fff solid;
}
img { 
  vertical-align: bottom; 
  max-width: 100%;
}

sup {
  vertical-align: super;
  font-size: 10px;
}
sub {
  vertical-align: sub;
  font-size: 10px;
}

a { color: #333; }
a:hover{
  opacity: 0.7;
  transition: 0.6s;
}
.pc { display: block; }
.sp { display: none ; }
.pc-c { display: table-cell; }
.sp-c { display: none ; }

@media screen and (min-width: 768px) { .spbr{ display: none; } }

.dis-i { display: inline; }
.dis-ib { display: inline-block; }
.dis-b { display: block; }

.m-t0 { margin-top: 0 !important; }
.m-t5 { margin-top: 5px !important; }
.m-t10 { margin-top: 10px !important; }
.m-t15 { margin-top: 15px !important; }
.m-t20 { margin-top: 20px !important; }
.m-t30 { margin-top: 30px !important; }
.m-t40 { margin-top: 40px !important; }
.m-t50 { margin-top: 50px !important; }
.m-t60 { margin-top: 60px !important; }
.m-t70 { margin-top: 70px !important; }
.m-t80 { margin-top: 80px !important; }
.m-t90 { margin-top: 90px !important; }
.m-t100 { margin-top: 100px !important; }
.m-b0 { margin-bottom: 0 !important; }
.m-b5 { margin-bottom: 5px !important; }
.m-b10 { margin-bottom: 10px !important; }
.m-b15 { margin-bottom: 15px !important; }
.m-b20 { margin-bottom: 20px !important; }
.m-b30 { margin-bottom: 30px !important; }
.m-b40 { margin-bottom: 40px !important; }
.m-b50 { margin-bottom: 50px !important; }
.m-b60 { margin-bottom: 60px !important; }
.m-b70 { margin-bottom: 70px !important; }
.m-b80 { margin-bottom: 80px !important; }
.m-b90 { margin-bottom: 90px !important; }
.m-b100 { margin-bottom: 100px !important; }
.m-l5 { margin-left: 5px !important; }

.p-5 { padding: 5px !important; }
.p-15 { padding: 15px !important; }
.p-t0 { padding-top: 0 !important; }
.p-t5 { padding-top: 5px !important; }
.p-t10 { padding-top: 10px !important; }
.p-t15 { padding-top: 15px !important; }
.p-t20 { padding-top: 20px !important; }
.p-t30 { padding-top: 30px !important; }
.p-t40 { padding-top: 40px !important; }
.p-t50 { padding-top: 50px !important; }
.p-t60 { padding-top: 60px !important; }
.p-t70 { padding-top: 70px !important; }
.p-t80 { padding-top: 80px !important; }
.p-t90 { padding-top: 90px !important; }
.p-t100 { padding-top: 100px !important; }
.p-b0 { padding-bottom: 0 !important; }
.p-b5 { padding-bottom: 5px !important; }
.p-b10 { padding-bottom: 10px !important; }
.p-b15 { padding-bottom: 15px !important; }
.p-b20 { padding-bottom: 20px !important; }
.p-b30 { padding-bottom: 30px !important; }
.p-b40 { padding-bottom: 40px !important; }
.p-b50 { padding-bottom: 50px !important; }
.p-b60 { padding-bottom: 60px !important; }
.p-b70 { padding-bottom: 70px !important; }
.p-b80 { padding-bottom: 80px !important; }
.p-b90 { padding-bottom: 90px !important; }
.p-b100 { padding-bottom: 100px !important; }
.p-l5 { padding-left: 5px !important; }
.p-r5 { padding-right: 5px !important; }


.f-c0{ color: #000000 !important; }
.f-c1{ color: #ffffff !important; }
.f-c2{ color: #FABF2E !important; }
.f-c3{ color: #AA001D !important; }
.f-c4{ color: #888888 !important; }
.f-c5{ color: #E70012 !important; }
.f-c6{ color: #f2bf1c !important; }

.b-c0{ background-color: #000000 !important; }
.b-c1{ background-color: #ffffff !important; }
.b-c2{ background-color: #e8e8e8 !important; }
.b-c3{ background-color: #AA001D !important; }
.b-c4{ background-color: #888888 !important; }
.b-c5{ background-color: #707070 !important; }
.b-c6{ background-color: #232323 !important; }
.b-c7{ background-color: #e8e8e8 !important; }
.b-c8{ background-color: #5379bc !important; }
.b-c9{ background-color: #f2bf1c !important; }
.b-c10{ background-color: #eeae12 !important; }
.b-c11{ background-color: #e86a43 !important; }

.f-bold { font-weight: bold !important; }
.f-normal { font-weight: normal !important; }

.f-size-lll{ font-size: 160% !important; }
.f-size-ll{ font-size: 140% !important; }
.f-size-l{ font-size: 120% !important; }
.f-size-ml{ font-size: 110% !important; }
.f-size-m{ font-size: 100% !important; }
.f-size-ms{ font-size: 90% !important; }
.f-size-s{ font-size: 80% !important; }
.f-size-ss{ font-size: 60% !important; }

.t-l{ text-align: left !important; }
.t-c{ text-align: center !important; }
.t-r{ text-align: right !important; }
.v-t{ vertical-align: top !important; }
.v-m{ vertical-align: middle !important; }
.v-b{ vertical-align: bottom !important; }

.pos-r{ position: relative; }
.pos-a{ position: absolute; }
.pos-s{ position: static; }

.t-shadow{
  text-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.t-bg{
  background: #AA001D;
  color: #fff;
  padding:3px 8px;
}

#contact .radius{ border-radius: 3px; }
#content01 .radius{ border-radius: 30px; }
.radius-5{ border-radius: 5px;}
/*-------------------------------------------------------------------------------------*/
html {
  overflow-y: scroll;
  scroll-behavior: smooth;
}

body {
  margin-top: -80px !important;
  background: #fff;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.8;
  color: #47515f;
  word-break: normal;
  word-wrap: break-word;
  -webkit-text-size-adjust: 100%;
  letter-spacing: 2.3px;
}
.font{ 
 font-family: 'Noto Sans JP';
}
.wrap{
  width: 1300px;
  margin:0 auto;
}
.content{
  margin:0 auto;
  background-image: url(../img/dot.png), url(../img/dot.png), url(../img/dot.png), url(../img/dot.png), url(../img/dot.png);
  background-repeat: repeat-y;
  background-position: 0%,25%,50%,75%,100%;
  background-color: #f6f6f6;
}
.inner {
  margin: 0 auto;
  position: relative;
}

.inner:after {
  content:"";
  clear: both;
  display: block;
}
#top-head {
  top: 0px;
  height: 80px;
  position: absolute;
  width: 100%;
  margin: 0px auto;
  z-index: 999;
}
#top-head a,
#top-head {
  color: #333;
  text-decoration: none;
}
#top-head .inner {
  position: relative;
  height: 80px;
}
#top-head .logo {
  float: left;
  position: relative;
  height: 80px;
  font-size: 12px;
  font-weight: bold;
  margin-left: 20px;
}
#top-head .logo a {
  width: 100%;
  height: 55px;
  line-height:58px;
  display: block;
}
#top-head .logo a img{
  width: 244px;
}
#top-head .logo span{
  display: block;
  text-align: center;
  color: #888888;
}
#global-nav ul {
  list-style: none;
  position: absolute;
  right: 0;
  font-size: 13px;
  font-weight: bold;  
}
#global-nav ul li {
  float: left;
  padding:25px 40px;
  border-left: none;
}
#global-nav ul li.gnav-li-c{
  background-color: #033997;
}
#global-nav ul li.gnav-li-l{
  background-color: #5379bc;
}
#global-nav ul li.gnav-li-l i{
  padding-left: 5px;
}

#global-nav ul li.gnav-li-c a,
#global-nav ul li.gnav-li-l a{
  color: #fff;
  }
#global-nav ul li a {
  padding: 5px;
  position: relative;
  display: inline-block;
}
#global-nav ul li a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  background-color: #5379bc;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  }
#global-nav ul li a:hover::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  }
#global-nav ul li.gnav-li-c a::after,
#global-nav ul li.gnav-li-l a::after{
  height: 0;
  background: none;
  }
nav span{
  background:#666;
  height:2px;
  display:block;
  position:relative;
  width:50px;
  left:0;
  }
/*--------固定化されたときのCSS-----------*/
#top-head.fixed {
  margin-top: 0;
  top: 0;
  position: fixed;
  padding-top: 0px;
  background: #fff;
  background: rgba(255,255,255,.8);
  transition: top 0.65s ease-in;
  -webkit-transition: top 0.65s ease-in;
  -moz-transition: top 0.65s ease-in;
  }
#top-head.fixed .logo {
  position: relative;
  font-size: 12px;
  color: #333;
  }
#top-head.fixed .logo a {
  width: 100%;
  height: 55px;
}
#top-head.fixed #global-nav ul li a {
  color: #333;
  padding: 5px;
  padding-bottom: 5px;
}
#top-head.fixed #global-nav ul li.gnav-li-c a,
#top-head.fixed #global-nav ul li.gnav-li-l a{
  color: #fff;
  display: block;
}
/*-------------------------------------------------------------------------------------*/
footer,.footer{
  background: #293a45;
  text-align: center;
}
.footer-inner{
  padding: 50px 0 30px;
  font-family: "Oswald";
}
.footer-inner p a{
  color: #fff;
  padding-bottom: 10px;
  display: block;
  font-size: 11px;
  text-decoration: none;
}
.footer-copy{
  color:#fff;
  font-size: 11px;
}
.footer-copy a{
  text-decoration: none;
  color: inherit;
}
.gotop {
  position: fixed;
  right: 30px;
  bottom: 30px !important;
  z-index: 10;
  }
/*-------------------------------------------------------------------------------------*/
.main-img{
  height: 700px;
  background: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1) inset;
  position: relative;
  transition: 0.5s;
}
.main-img .slide{
  width: 100%;
  max-width: 1920px;
  margin:0 auto;
}
.main-img .slide li{
  width: 100%;
  max-width: 1920px;
}
.main-img .slide li .img{
  height: 700px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.main-img-txt{
  position: absolute;
  box-sizing: border-box;
  z-index: 10;
  width: 1000px;
  height: 700px;
  top: 0;
  left: 37%;
  margin-left: -350px;
  display: flex;
  -webkit-display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: center; 
  -webkit-align-items: center; 
}
.main-img-txt.txt-m span{
  font-size: 30px;
  font-family: "Oswald";
  background: linear-gradient(130deg, #51bde0, #47515f 98%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255,255,255,0.0);
  color: #ff0000;
}
.main-img-txt.txt-m span:after {
  content: '';
  position: absolute;
  bottom: 188px;
  display: inline-block;
  width: 57%;
  height: 1px;
  left: 299px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: linear-gradient(130deg, #51bde0, #47515f 98%);
  }
.main-img-txt .main{
  font-size: 63px;
  background: linear-gradient(130deg, #51bde0, #47515f 98%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255,255,255,0.0);
  color: #ff0000;
  line-height: 1.4;
  padding: 20px 0;
}
.main-img-txt .sub{
  font-size: 16px;
  background-color: rgba(222,222,222,0.5);
  padding: 10px;
  font-weight: bold;
}
.main-img-txt .txt{
  padding:15px;
}
.main-img:hover .slick-prev:before,
.main-img:hover .slick-next:before{
  transition: 0.4s;
  opacity: 0.5;
}
/*-------------------------------------------------------------------------------------*/
.g-nav{
  background: #fff;
}
.g-nav ul{
  display: table;
  width: 100%;
  table-layout:fixed;
}
.g-nav li{
  display: table-cell;
  text-align: center;
}
.g-nav li a{
  display: block;
  text-decoration: none;
  padding:17px 0 16px;
  transition: 0.2s;
}
.g-nav li .nav-txt{
  display: block;
  border-right: 1px dotted #ddd;
  transition: 0.2s;
}
.g-nav li:last-child .nav-txt{
  border-right: none !important;
}
.g-nav li .nav-main{
  display: block;
  font-size: 16px;
  line-height: 1.5;
  transition: 0.2s;
}
.g-nav li .nav-sub{
  display: block;
  font-size: 10px;
  line-height: 1.5;
  color: #E70012;
  transition: 0.2s;
}
.g-nav li a:hover{
  background: #E70012;
}
.g-nav li a:hover .nav-txt{
  border-right: 1px solid #E70012;
}
.g-nav li a:hover .nav-main,
.g-nav li a:hover .nav-sub{
  color: #fff;
}


/*-------------------------------------------------------------------------------------*/

section.block{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
section.block.bg01{
  background-color: #333;
  color: #fff;
  border-color: #fff;
}
section.block.bg02{
  background-color: #AA001D;
  color: #fff;
  border-color: #fff;
}
section.block.bg03{
  background-color: #F7F6F2;
  background-image: url(../img/bg.jpg);
  background-repeat: repeat;
  background-size: auto;
}
section.block.bg04{
  background-color: #AA001D;
  color: #fff;
  border-color: #fff;
}
.section-inner{
  padding:80px 0;
}
.section-inner.s2{
  padding:40px 0;
}
.bg-cover{
  background-color: rgba(20,20,20,0.7);
}

/*------------------------------------*/
.c-ttl{
  text-align: center;
  margin-bottom: 15px;
  font-size: 18px;
  color: inherit;
  line-height: 1.4;
}
.c-ttl span{
  font-size: 12px;
  display: block;
  margin-top: 6px;
}
.c-ttl.left{
  text-align: left;
}
section.block.bg01 .c-ttl.line,
section.block.bg02 .c-ttl.line,
section.block.bg04 .c-ttl.line{
  border-color: #fff;
}
.c-ttl .c-ttl-main.line{
  position: relative;
  display: inline-block;
  margin-bottom: 1em;
  font-size: 30px;
  font-weight: bold;
  font-family: 'Oswald', sans-serif;
}
.c-ttl .c-ttl-main.line:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 78px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: linear-gradient(to right, #65c0e4, #2f9dc7);
}
.c-ttl .c-ttl-in{
  display: inline-block;
  position: relative;
  padding:0 8px;
  font-size:140%;
}
.c-ttl.border .c-ttl-in{
  padding-bottom: 5px;
}
.c-ttl.border .c-ttl-in:before{
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 5px;
  border-bottom: 10px solid #FABF2E;
}
.c-ttl.border2 .c-ttl-in:before{
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 5px;
  border-bottom: 10px solid #FDEFF1;
}
.c-ttl.bg-border{
  box-sizing: border-box;
  border: 2px solid #FDEFF1;
  padding:8px 0;
}
.c-ttl.bg{
  background: #FDEFF1;
  padding:8px 0;
}
.ttl-bg-img{
  background-image:url("../img/cts_img02_01.png");
  background-repeat: no-repeat;
  background-position: 35% 60%;
  height: 40px;
}
.bg01 .c-ttl .c-ttl-sub,
.bg02 .c-ttl .c-ttl-sub,
.bg04 .c-ttl .c-ttl-sub{
  color: #fff;
}
/*------------------------------------*/
.c-txt{
  margin-bottom: 15px;
  text-align: center;
  line-height: 2;
}
.c-txt.left{
  text-align: left;
}
.c-txt.size{
  font-size: 16px;
}
.c-txt.size2{
  font-size: 13px;
  line-height: 1.8;
}
.c-txt p{
  margin-bottom: 12px;
}
.c-txt dl{
  margin-bottom: 25px;
}
.c-txt dl:last-child{
  margin-bottom: 0;
} 
.c-txt dl dt{
  color: #AA001D;
}
.c-txt .indent{
  padding-left: 1em;
  text-indent: -1em;
}
/*------------------------------------*/
.c-img{
  margin:0 auto 20px;
  text-align: center;
}
.c-img img{
  max-width: 100%;
}
/*------------------------------------*/
.c-list{
  overflow: hidden;
}
.c-list ul{
  display: flex;
  -webkit-display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  width: 110%;
}
.c-list ul li:last-child{
    margin-right: 0;
}
.c-list ul li{
  width: 300px;
  background: #fff;
  text-align: center;
  margin-top: 20px;
  margin-right: 33px;
  position: relative;
}
.c-list ul li a{
  display: block;
  text-decoration: none;
  transition: 0.2s;
}
.c-list ul li a:hover{
  opacity: 0.8;
}
.c-list ul li a.blank{
  padding-bottom: 10px;
}
.c-list ul li a.blank i{
  width: 20px;
  height: 18px;
  position: absolute;
  bottom: 3px;
  right: 3px;
  color: #AA001D;
}
.c-list ul li .img-area{
  display: block;
}
.c-list ul li .img-area img{
  width: 100%;
}
.c-list ul li .txt-area{
  display: block;
  padding: 15px;
}
#content03 .c-list ul li .txt-area{
  display: block;
  padding: 60px 15px 30px;
}
.c-list ul li .txt-area .ttl{
  display: block;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 10px;
  font-size: 15px;
}
.c-list ul li .txt-area .ttl.f-c2{
  color: #FABF2E;
}
.c-list ul li .txt-area .ttl.f-c3{
  color: #AA001D;
}
.c-list ul li .txt-area .txt{
  display: block;
  line-height: 1.4;
  font-size: 13px;
}
.c-list.b-c2 ul li{
  background: #F7F6F2;
}
.c-list.l2 ul li{
  width: 475px;
  margin-right: 50px;
}

.c-list.l4 ul li{
  width: 220px;
  margin-right: 40px;
}
.c-list.l4 ul li .txt-area{
  padding:15px 10px 20px;
}
.c-list.l4 ul li .txt-area .txt{
  font-size: 12px;
}
.c-list.l5 ul li{
  width: 175px;
  margin-right: 31px;
}
.c-list.l5 ul li .txt-area{
  padding:15px 10px 20px;
}
.c-list.l5 ul li .txt-area .txt{
  font-size: 12px;
}
.check_btn{
  clear: both;
}
.c-btn{
  margin-bottom: 20px;
  text-align: center;
}
.c-btn a,
.c-btn button{
  display: inline-block;
  margin:0 20px;
  background: linear-gradient(to right, #0a4e9a, #0178b6, #41abd8, #4ec2b7, #a7ceb1);
  border-radius: 100px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  box-sizing: border-box;
  width: 320px;
  padding:18px 20px;
  font-size: 18px;
  line-height: 40px;
  transition: 0.2s;
  border:1px solid #fff;
  position: relative;
  cursor: pointer;
  letter-spacing: 3px;
}
.c-btn a:hover,
.c-btn button:hover{
  opacity: 0.8;
}
.c-btn a i{
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10px;
}
.c-btn .wide{
  width: 640px;
}
.c-btn .scroll:after{
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top: 9px solid #fff;
  right: 17px;
  top: 50%;
  margin-top: -3px;
}
.c-btn .min{
  width: 200px;
  font-size: 13px;
  line-height: 1.2;
  padding:10px 10px;
  margin:0;
}
.c-btn .min i{
  margin-top: -6px;
  right: 5px;
}
.c-btn .border-c5{
  border:1px solid #232323;
}

/*------------------------------------*/
.txt-img{
  width: 100%;
  display: flex;
  -webkit-display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  -webkit-align-items: center;
  margin-bottom: 50px;
}
.txt-img.i-r{
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
}
.txt-img:last-child{
  margin-bottom: 0;
}
.txt-img .txt-area{
  width: 510px;
}
.txt-img .img-area{
  width: 450px;
}
.txt-img .img-area img{
  width: 100%;
}
.txt-img.i50 .txt-area{
  width: 470px;
}
.txt-img.i50 .img-area{
  width: 500px;
}
.txt-img.i40 .txt-area{
  width: 535px;
}
.txt-img.i40 .img-area{
  width: 400px;
}
.txt-img.i15 .txt-area{
  width: 790px;
}
.txt-img.i15 .img-area{
  width: 150px;
}
.txt-img.i30 .txt-area{
  width: 270px;
}
.txt-img.i20 .txt-area{
  width: 700px;
  margin: 0 auto;
}
.txt-img.i20 .img-area{
  width: 300px;
}
.txt-img.v-t{
  align-items: start;
  -webkit-align-items: start;
  }
/*------------------------------------*/
#content01{
  background-color: #fff;
  }
#content01 .merit .txt-wrap {
  width: 44%;
  padding: 57px 90px 57px 20px;
  }
#content01 .c-ttl{
  margin-bottom: 15px;
  text-align: left;
  margin-left: 100px;
  }
#content01 .c-ttl .c-ttl-main.line:before {
  content: '';
  position: absolute;
  bottom: 20px;
  display: inline-block;
  width: 78px;
  height: 2px;
  left: -58px;
  }
#content01 .c-ttl span {
  font-size: 12px;
  display: inline-block;
  margin: 6px 0 14px 10px;
  vertical-align: middle;
  }
.merit{
  display: flex;
  justify-content: space-between;
  }
#content01-01 .select{
  display: flex;
}
#content01-01 .select li{
  background-color: #fff;
  width: 311px;
  text-align: center;
  margin-right: 90px;
  margin: 80px 20px 80px 0;
  }
#content01-01 .select li:last-child{
  margin-right: 0;
  }
#content01-01 .select li a{
  display: block;
  padding: 20px;
  text-decoration: none;
  color: #4eb8e4;
  }
#content01-01 .select li a:hover{
  color: #fff;
  background-color: #4eb8e4;
  }
#01 img{
  position: relative;
  }
#content01-01 .merit .txt-wrap{
  width: 38%;
  line-height: 2;
  background-color: #fff;
  padding: 65px;
  position: absolute;
  left: 41%;
  margin-top: 60px;
  }
#content01-01 .merit{
  margin-bottom: 130px;
  }
#content01-01 .merit02{
  margin-bottom: 220px;
  }
#content01-01 .merit02 .txt-wrap{
  width: 38%;
  line-height: 2;
  background-color: #fff;
  padding: 65px;
  position: absolute;
  left: 269px;
  margin-top: 60px;
  }
#content01-01 .merit02 img{
  float: right;
  }
#content01-01 .merit02 .lawer_img::after {
  content: "";
  display: block;
  clear: both;
  }
#content01-01 h4{
  font-size: 16px;
  font-weight: bold;
  margin-top: 86px;
  line-height: 1;
  color: #2597c6;
  }
#content01-01 .txt-wrap .line {
  position: absolute;
  }
#content01-01 .txt-wrap .line:after {
  content: '';
  position: absolute;
  bottom: -5px;
  display: inline-block;
  width: 70px;
  height: 2px;
  left: 36px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: linear-gradient(to right, #65c0e4, #2f9dc7);
  }
#content01-01 .info{
  background-color: #f6f6f6;
  padding: 15px 20px;
  margin-top: 20px;
  position: relative;
  }
#content01-01 .info p{
  text-align: center;
  font-family: "Oswald";
  color: #4791b3;
  width:100%;
  height:100%;
  border-left:2px solid #51bde0;
  border-right:2px solid #47687d;
  border-radius: 3px;
  }
#content01-01 .info p:hover{
  color: #fff !important;
  background: linear-gradient(to right, #51bde0, #47515f);
  }
#content01-01 .info p:before,
#content01-01 .info p:after {
  border-radius: 3px;
  content:"";
  display:block;
  height:2px;
  width:100%;
  background:linear-gradient(to right, #65c0e4, #47687d);
  background:-moz-linear-gradient(to right, #65c0e4, #47687d);
  background:linear-gradient(left, #65c0e4, #47687d);
  }
#content01-01 .info a{
  display: block;
  text-decoration: none;
  }
#content01-01 .info a:hover{
  }
#content01-01 .info dl{
  clear: both;
  }
#content01-01 .info dd{
  float: left;
  width: 21%;
  }
#content01-01 .info dt{
  float: left;
  width: 70%;
  }
.icon {
  position: absolute;
  background-image: url(../img/plus_02.png);
  width: 10px;
  height: 10px;
  left: 273px;
  top: 96px;
  }
.icon:hover{
  position: absolute;
  background-image: url(../img/plus.png) !important;
  width: 10px;
  height: 10px;
  left: 240px;
  top: 96px;
  }
/*------------------------------------*/
.service-head span{
  background: linear-gradient(transparent 80%, #f2bf1c 20%);
  font-size:120%;
}
/*------------------------------------*/
.title-border {
  display: flex;
  align-items: center;
}
.title-border:before,
.title-border:after {
  border-top: 2px solid;
  content: "";
  flex-grow: 1;
}
.title-border:before {
  margin-right: 1rem;
}
.title-border:after {
  margin-left: 1rem;
}
/*-------アコーディオン-------*/
dl.ac dt{
  cursor: pointer;
}
dl.ac dt:after{
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top: 9px solid #AA001D;
  right: 17px;
  top: 50%;
  margin-top: -3px;
}
/*keyframesの設定*/
/*文字が消えている状態から現れるアニメーション*/
@keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
/*はじめにブロックを伸ばすアニメーション*/
@keyframes secondaryImageOverlayIn {
    0% {
      width: 0;
    }
    100% {
      width:  100%;
    }
  }
/*のびたブロックを横に追いやるアニメーション*/
  @keyframes secondaryImageOverlayOut {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(102%);
    }
  }
/*上下左右から表示用css*/
body {
  margin: 0;
}

.sa {
  opacity: 0;
  transition: all .5s ease;
}

.sa.show {
  opacity: 1;
  transform: none;
}

.sa--lr {
  transform: translate(-100px, 0);  /*左から右*/
}

.sa--rl {
  transform: translate(100px, 0);   /*右から左*/
}

.sa--up {
  transform: translate(0, 100px);   /*下から上*/
}

.sa--down {
  transform: translate(0, -100px);  /*上から下*/
}

.sa--scaleUp {
  transform: scale(.5);             /*縮小から拡大*/
}

.sa--scaleDown {
  transform: scale(1.5);            /*拡大から縮小*/
}

.sa--rotateL {
  transform: rotate(180deg);        /*左回転*/
}

.sa--rotateR {
  transform: rotate(-180deg);       /*右回転*/
}