body{
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-size: 1.2rem;
}
:hover{
  opacity: 0.7;
  transition: 0.5s;
}
li {
  display: inline;
  padding: 0 1px;
}
footer{
  background-color: #4D5C8D;
  height: 180px;
  padding: 40px 0 0;
}
.head-area div:first-child{
  background-image: url("./../img/header/head08.jpg");
  height: 546px;
  background-size: cover;
  position: relative;
}
.head-area div:first-child img{
  width: 70%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.head-area h1{margin: 0;}
#content-body{
	max-width: 1200px;
	margin: 0 auto;
}
.company-inner {
	width: 100%;
}
.head-img{
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  height: 248px;
}
.can-wrapper .head-img{
  background-image: url("./../img/header/head02.png");
}
.good-wrapper .head-img{
  background-image: url("./../img/header/head03.png");
}
.introduction-wrapper .head-img{
  background-image: url("./../img/header/head05.png");
}
.company-wrapper .head-img{
  background-image: url("./../img/header/head04.png");
}
.voice-wrapper .head-img{
  background-image: url("./../img/header/head06.png");
}
.contact-wrapper .head-img{
  background-image: url("./../img/header/head07.png");
}
.head-img h1{
  max-width: 1200px;
  margin: 0 auto;
}
.head-img h1 img{
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 300px;
}
.company-inner th,
.company-inner td {
border: 1px solid #ccc;
padding: 20px;
}

.company-inner th {
font-weight: bold;
background-color: #dedede;
}
.box {
	padding: 0.5em 1em;
    margin: 2em 0;
    color: #2c2c2f;
    background: #6eb7ff;
}
.box p {
    margin: 0;
    padding: 0;
}
.tab_wrap{width:500px; margin:80px auto;}
#tab_wrap input[type="radio"]{display:none;}
.tab_area{font-size:0; margin:0 10px;}
.tab_area label{width:100px; margin:0 5px; display:inline-block; padding:12px 20px; color:#fff; background:#9B9B9B; text-align:center; font-size:1.0rem; cursor:pointer; transition:ease 0.2s opacity;}
.tab_area label:hover{opacity:0.5;}
.panel_area{background:#ffffff;}
.tab_panel{width:100%; padding:80px 0; display:none;}
.tab_panel p{font-size:14px; letter-spacing:1px; text-align:center;}
.type span {
    background: #00008b;
}
#tab1:checked ~ .tab_area .tab1_label{background:#102A83; color:#fff;}
#tab1:checked ~ .panel_area #panel1{display:block;}
#tab2:checked ~ .tab_area .tab2_label{background:#102A83; color:#fff;}
#tab2:checked ~ .panel_area #panel2{display:block;}
#tab3:checked ~ .tab_area .tab3_label{background:#ffffff; color:#000;}
#tab3:checked ~ .panel_area #panel3{display:block;}
#tab4:checked ~ .tab_area .tab4_label{background:#102A83; color:#fff;}
#tab4:checked ~ .panel_area #panel4{display:block;}

/* add by sakai */
.head-wrapper{
  background-color: #FDFDEF;
  padding: 20px 10px;
  clear: both;
  overflow: hidden;
}
.head-wrapper .logo{
  float: left;
  width: 250px;
}
.head-wrapper .logo img{
  width: 100%;
}
.head-wrapper nav{
  float: right;
}
.head-wrapper nav ul li a{
  color: #102A83;
  text-decoration: none;
  font-weight: bold;
}
.head-wrapper nav ul li{
  padding: 0 4px;
  border-right: solid 1px #bdbdbd;
}
h1{
  margin: 0;
}
.content-area{
  max-width: 1200px;
  margin: 40px auto 0 auto;
}
.index-content01{
  clear: both;
  overflow: hidden;
}
.index-content01 img.all{
  width: 40%;
  float: left;
  margin: 0 0 0 80px;
}
.index-content01 .text-box{
  text-align: center;
  line-height: 1.75;
}
.index-content01 .text-box img{
  width: 40px;
  height: 40px;
  margin: 0 auto;
  display: block;
}
.index-content01 .text-box p{

}
.index-content01 .text-box p:first-of-type{
  color: #102A83;
  font-weight: bold;
  margin-bottom: 0;
}
.index-menuarea{
  margin: 80px 0 0 0;
  padding: 40px 0;
  background-color: #EDEDED;
  clear: both;
  overflow: hidden;
}
.index-menuarea img{
  width: 50%;
  float: left;
}
.index-menuarea .content01 a img{
  width: calc(100% / 2 - 8px);
  margin: 0 8px 8px 0;
}
.index-menuarea .content01 a:nth-of-type(2) img{
  margin-right: 0;
}
.index-menuarea .content02 a img{
  width: calc(100% / 3 - 8px);
  margin: 0 8px 8px 0;
}
.index-menuarea .content02 a:nth-of-type(3) img{
  margin-right: 0;
}
.index-menuarea .content03 a img{
  width: 100%;
}
.foot-inner div{
  height: 150px;
}
.foot-inner{
  clear: both;
  overflow: hidden;
}
.foot-inner{
  max-width: 840px;
  margin: 0 auto;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
}
.foot-inner div{
  border-right: solid 1px #fff;
  padding: 0 24px;
  box-sizing: border-box;
}
.foot-inner div:last-of-type{
  border-right: none;
}
.foot-inner ul{
  padding: 0;
}
.foot-inner ul li{
  display: block;
}
footer{
  font-size: 0.9rem;
}
footer a:hover{
  text-decoration: underline;
}
footer img{
  width: 50%;
}
footer small{
  display: block;
  height: 30px;
  width: 100%;
  background-color: #152F85;
  color: #fff;
  padding: 8px 80px 0 0;
  text-align: right;
  box-sizing: border-box;
}
.foot01{
  width: 250px;
}
.foot01 img{
  width: 100%;
}
.foot02{
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
}
.foot02 ul{
  margin-top: 0;
}
.foot02 ul:first-child{
  margin: 0 12px 0 0;
}
.foot02 ul li{
  margin: 0 0 12px 0;
}
.foot02 ul li a{
  text-decoration: none;
  color: #fff;
  font-size: 1.0rem;
}
.foot03 p{
  color: #fff;
}
.foot03 p:first-of-type{
  margin-top: 0;
}
.can-content01{
  max-width: 1200px;
  margin: 40px auto 0 auto;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  text-align: center;
}
.can-content01 img{
  margin: 0 12px 0 0;
  width: 12%;
}
.can-content01 img:last-of-type{
  margin-right: 0;
}
.can-content02{
  max-width: 1000px;
  margin: 40px auto;
}
.can-content02 .content-inner{
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  padding: 20px 0;
}
.can-content02 .content-inner div{
  margin: 0 40px;
  min-width: 592px;
}
.can-content02 .content-inner div p:first-child{
  color: #102688;
  font-weight: bold;
  font-size: 1.5rem;
}
.can-content02 .content-inner div p:first-child span{
  display: block;
  font-size: 1.8rem;
}
.can-content02 .content-inner img{
  width: 300px;
}
.can-content02 .content-inner:nth-child(odd){
  background-color: #EDEDED;
}
.can-contact-area{
  padding: 40px 0;
  background-image: url(../img/canbe/contact-area.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.can-contact-area p{
  text-align: center;
  color: #102688;
  font-weight: bold;
}
.can-contact-area a{
  display: block;
  text-align: center;
  width: 200px;
  margin: 0 auto;
}
.can-contact-area a img{
  width: 100%;
}
.good-content01{
  max-width: 900px;
  margin: 40px auto 0 auto;
}
.good-content01 .good-inner01, .good-content01 .good-inner02, .good-content01 .good-inner03, .good-content02 .good-inner01, .good-content03 .good-inner01{
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
}
.good-content01 .good-inner01 div:first-child{
  background-color: #FDFDEF;
  width: 600px;
  padding: 20px;
  box-sizing: border-box;
  position: relative;
}
.good-content01 .good-inner01 div:first-child img{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.good-content01 .good-inner01 div{
  color: #fff;
  line-height: 1.75;
}
.good-content01 .good-inner01 div:nth-of-type(2){
  padding: 20px;
  width: 300px;
  height: 300px;
  box-sizing: border-box;
  background-color: #727CB4;
}
.good-content01 .good-inner02 div,.good-content01 .good-inner03 div{
  padding: 20px;
  width: 300px;
  height: 400px;
  box-sizing: border-box;
}
.good-content01 .good-inner02 div, .good-content01 .good-inner03 div{
  color: #fff;
  line-height: 1.75;
}
.good-content01 .good-inner02 div:first-child{
  background-color: #72B48E;
}
.good-content01 .good-inner02 div:nth-of-type(2){
  background-color: #B4B472;
}
.good-content01 .good-inner02 div:nth-of-type(3){
  background-color: #B49872;
}
.good-content01 .good-inner03 div:first-child{
  background-color: #B4727A;
}
.good-content01 .good-inner03 div:nth-of-type(2){
  background-color: #A279CC;
}
.good-content01 .good-inner03 div:nth-of-type(3){
  background-color: #727CB4;
}
.good-content01 .good-inner01 div:last-of-type img{
  width: 80px;
}
.good-content01 .good-inner02 div img{
  width: 80px;
}
.good-content01 .good-inner03 div img{
  width: 80px;
}
.good-content02{
  max-width: 900px;
  margin: 0 auto;
}
.good-content02 .good-inner01{
  margin: 20px 0;
}
.good-content02 .good-inner01 div{
  padding: 20px;
  width: 300px;
  height: 300px;
  box-sizing: border-box;
  color: #fff;
}
.good-content02 .good-inner01 div:first-child{
  position: relative;
  background-color: #FDFDEF;
}
.good-content02 .good-inner01 div:first-child img{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.good-content02 .good-inner01 div:nth-of-type(2){
  background-color: #5B9F55;
}
.good-content02 .good-inner01 div:nth-of-type(3){
  background-color: #72B48E;
}
.good-content02 .good-inner01 div:nth-of-type(2) img, .good-content02 .good-inner01 div:nth-of-type(3) img{
  width: 80px;
}
.good-content03{
  max-width: 900px;
  margin: 0 auto;
}
.good-content03 .good-inner01 div{
  padding: 20px;
  width: 300px;
  height: 300px;
  box-sizing: border-box;
  color: #fff;
}
.good-content03 .good-inner01 div:first-child{
  position: relative;
  background-color: #FDFDEF;
}
.good-content03 .good-inner01 div:first-child img{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.good-content03 .good-inner01 div:nth-of-type(2){
  background-color: #B4727A;
}
.good-content03 .good-inner01 div:nth-of-type(3){
  background-color: #D588A0;
}
.good-content03 .good-inner01 div:nth-of-type(2) img, .good-content03 .good-inner01 div:nth-of-type(3) img{
  width: 80px;
}
.good-content04{
  padding: 80px 0;
  background-image: url(../img/nicething/good-area.png);
  background-repeat: no-repeat;
  background-size: cover;
  margin: 40px auto;
  text-align: center;
  line-height: 1.75;
  font-weight: bold;
}
.good-content04 p, .good-content05{
  max-width: 900px;
  margin: 0 auto;
}
.good-content05 div div div{
  width: 150px;
  height: 150px;
  border-radius: 200px;
  overflow: hidden;
  margin: 0 auto;
}
.good-content05 div div div img{
  width: 100%;
}
.good-content05 .good-inner01, .good-content05 .good-inner02{
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
}
.good-content05 .good-inner01 .good-content, .good-content05 .good-inner02 .good-content{
  width: calc(100% / 2 - 20px);
  margin: 0 20px 0 0;
  padding: 20px;
  box-sizing: border-box;
  background-color: #F7F8EF;
  text-align: center;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.17);
}
.good-content05 .good-inner01 .good-content p, .good-content05 .good-inner02 .good-content p{
  line-height: 1.75;
  text-align: left;
}
.good-content05 div:last-child{
  margin-right: 0;
}
.good-content05 .good-inner01, .good-content05 .good-inner02{
  margin: 0 0 20px 0;
}
.good-content h2{
  font-size: 1.2rem;
}
.company-inner{
  max-width: 800px;
  margin: 40px auto;
}
.company-inner h3{
  border-left: solid 5px;
  padding: 0 0 0 8px;
  color: #102A83;
  font-weight: bold;
  margin: 0 0 40px 0;
}
.company-inner dl{
  max-width: 750px;
  margin: 0 auto;
}
.company-inner dl dt:first-child{
  border-top: solid 2px #656565;
}
.company-inner dl .top-border{
  border-top: solid 1px #656565;
}
.company-inner dl dt{
  float: left;
  width: 200px;

  padding: 20px 0;
  border-bottom: solid 2px #656565;
  box-sizing: border-box;
  clear: both;
  margin: 0 50px 0 0;
}
.company-inner dl dd{
  float: right;
  width: 500px;

  padding: 20px 0;
  margin: 0;
  border-bottom: solid 1px #656565;
  box-sizing: border-box;
}
.company-inner dl{
  clear: both;
  overflow: hidden;
}
.height-hi01{

}
.height-hi02{

}
.introduction-wrapper h3{
  font-size: 1.5rem;
}
.introduction-content{
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}
.introduction-content800{
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}
.introduction-wrapper .gray{
  background-color: #EFEFEF;
  padding: 40px 0;
}
.arrow{
  width: 30px;
}
.introduction-inner{
  margin: 40px 0;
}
.introduction-inner div{
  margin-top: 20px;
}
.box-wrapper{
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
}
.box-wrapper p{
  position: relative;
  width: 80px;
  height: 80px;
  text-align: center;
  margin: 0 20px 0 0;
  color: #fff;
  font-weight: bold;
}
.box-wrapper p span{
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.greeting img{
  float: left;
  width: 200px;
}
.greeting div{
  float: right;
  width: 770px;
  text-align: left;
}
.greeting div h3{
  border-left: solid 5px;
  padding: 0 0 0 8px;
  color: #102A83;
  font-weight: bold;
  margin: 0 0 40px 0;
}
.greeting{
  clear: both;
  overflow: hidden;
}
.introduction-content800 div{
  margin-top: 0;
}
.voice-wrapper .gray{
  max-width: 1000px;
  margin: 40px auto;
  padding: 20px;
  box-sizing: border-box;
  background-color:#f5f5f5;
}
.voice-wrapper .gray .type{
  text-align: left;
  width: 200px;
  height: 100px;
  float: left;
  background-color: #102688;
  color: #fff;
  padding: 0 8px;
  box-sizing: border-box;
}
.voice-wrapper .gray .type p{
  margin: 8px 0;
}
.voice-wrapper .gray .type p:first-child{
  border-bottom: solid 1px #fff;
  padding-bottom: 8px;
}
.voice-wrapper h3{
  color: #13218d;
  padding: 0 0 27px 8px;
  float: right;
  width: 752px;
  border-bottom: solid 2px;
}
.voice-wrapper .gray div:nth-of-type(2){
  clear: both;
}
.voice-wrapper .gray div:nth-of-type(2) p{
  line-height: 1.75;
}
.contact-inner{
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
}
.tel-box{
  border: solid 2px #102688;
  padding: 32px 20px 20px 20px;
  margin: 40px 0;
}
.tel-box img{
  width: 40px;
}
.tel-box .tel{
  position: relative;
  top: -10px;
  display: inline;
  color: #102688;
  font-weight: bold;
  font-size: 2.0rem;
}
.tel-box div{
  text-align: left;
  margin: 20px 0 0 0;
  border-top: solid 1px;
}
.progress{
  width: 100%;
  margin: 40px 0;
}
.other-design{
  border-left: solid 5px;
  padding: 0 0 0 8px;
  color: #102A83;
  font-weight: bold;
  margin: 40px 0;
  text-align: left;
}
.contact-inner02 p{
  text-align: left;
}
.form-wrapper{
  max-width: 800px;
  margin: 40px auto;
}
.form-wrapper dl dt{
  position: relative;
  float: left;
  width: 200px;
  padding: 20px 8px;
  background-color: #4D5C8D;
  color: #fff;
  font-weight: bold;
  box-sizing: border-box;
  border-bottom: solid 1px #fff;
  height: 80px;
}
.form-wrapper dl dd{
  float: right;
  width: 600px;
  height: 80px;
  padding: 20px 8px;
  margin: 0;
  box-sizing: border-box;
  border-bottom: solid 1px #678669;
  background-color: #F4F4F4;
}
.form-wrapper dl dd input{
  width: 100%;
  height: 40px;
  padding: 8px;
}
.form-wrapper dl dd.top{
  border-top: solid 1px #4D5C8D;
}
.form-wrapper dl{
  clear: both;
  overflow: hidden;
}
.form-wrapper dl dt span{
  font-weight: normal;
  background-color: #BC6565;
  padding: 8px;
  border-radius: 4px;
  font-size: 0.8rem;
  text-align: left;
  position: absolute;
  right: 8px;
  top: 15px;
}
.form-wrapper dl .top input{
  width: auto;
  height: auto;
}
.form-wrapper dl dd textarea{
  width: 100%;
  height: 200px;
}
.form-wrapper dl .textarea-wrapper{
  height: 240px;
}
.submit-button-wrapper{
  text-align: center;
}
.submit-button{
  background-image: url(../img/contact/submit01.png);
  border: 0px;
  width: 250px;
  height: 80px;
  background-size: contain;
  background-repeat: no-repeat;
  text-indent: -9999px;
}
.submit-button02{
  background-image: url(../img/contact/submit02.png);
  border: 0px;
  width: 250px;
  height: 80px;
  background-size: contain;
  background-repeat: no-repeat;
  text-indent: -9999px;
}
.end-wrapper{
  margin: 40px auto;
}

.sp{
  display: none;
}

.newsTitle{
  border-left: solid 5px;
  padding: 0 0 0 8px;
  color: #102A83;
  font-weight: bold;
  margin: 0 0 40px 8rem;
}

.news{
  margin: 45px 0;
}
.news dl{
  max-width: 750px;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
}

.news dl dt{
  float: left;
    width: 200px;
    height: 77px;
    padding: 20px 0;
    border-bottom: solid 2px #656565;
    box-sizing: border-box;
    clear: both;
    margin: 0 50px 0 0;
}

.news dl dd{
  float: right;
    width: 500px;
    height: 77px;
    padding: 20px 0;
    margin: 0;
    border-bottom: solid 1px #656565;
    box-sizing: border-box;
}

.news dl .top{
  border-top: solid 1px #656565;
}

/* SP CSS start */
@media screen and (max-width: 768px) {
   body{
     font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
     font-size: 1rem;
   }
   :hover{
     opacity: 0.7;
     transition: 0.5s;
   }
   li {
     display: block;
     padding: 0 1px;
   }
   .head-area div:first-child{
     background-image: url("./../img/header/head01.png");
     height: 320px;
     background-size: cover;
     position: relative;
   }
   .head-area div:first-child img{
     width: 70%;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translateY(-50%) translateX(-50%);
     transform: translateY(-50%) translateX(-50%);
   }
   #content-body{
   	max-width: 1200px;
   	margin: 0 auto;
   }
   .company-inner {
   	width: 100%;
   }
   .head-img{
     position: relative;
     background-size: cover;
     background-repeat: no-repeat;
     height: 175px;
   }
   .can-wrapper .head-img{
     background-image: url("./../img/header/head02.png");
   }
   .good-wrapper .head-img{
     background-image: url("./../img/header/head03.png");
   }
   .introduction-wrapper .head-img{
     background-image: url("./../img/header/head05.png");
   }
   .company-wrapper .head-img{
     background-image: url("./../img/header/head04.png");
   }
   .voice-wrapper .head-img{
     background-image: url("./../img/header/head06.png");
   }
   .contact-wrapper .head-img{
     background-image: url("./../img/header/head07.png");
   }
   .head-img h1{
     max-width: 1200px;
     margin: 0 auto;
   }
   .head-img h1 img{
     position: absolute;
     left: 0;
     bottom: 20px;
     width: 300px;
   }
   .company-inner th,
   .company-inner td {
   border: 1px solid #ccc;
   padding: 20px;
   }

   .company-inner th {
   font-weight: bold;
   background-color: #dedede;
   }
   .box {
   	padding: 0.5em 1em;
       margin: 2em 0;
       color: #2c2c2f;
       background: #6eb7ff;
   }
   .box p {
       margin: 0;
       padding: 0;
   }
   .tab_wrap{width:500px; margin:80px auto;}
   #tab_wrap input[type="radio"]{display:none;}
   .tab_area{font-size:0; margin:0 10px;}
   .tab_area label{width:94px; margin:0 3px; display:inline-block; padding:12px 0; color:#fff; background:#9B9B9B; text-align:center; font-size:.8rem; cursor:pointer; transition:ease 0.2s opacity;}
   .tab_area label:hover{opacity:0.5;}
   .panel_area{background:#ffffff;}
   .tab_panel{width:100%; padding:20px 15px;box-sizing: border-box;display:none;}
   .tab_panel p{font-size:14px; letter-spacing:1px; text-align:center;}
   .type span {
       background: #00008b;
   }
   #tab1:checked ~ .tab_area .tab1_label{background:#102A83; color:#fff;}
   #tab1:checked ~ .panel_area #panel1{display:block;}
   #tab2:checked ~ .tab_area .tab2_label{background:#102A83; color:#fff;}
   #tab2:checked ~ .panel_area #panel2{display:block;}
   #tab3:checked ~ .tab_area .tab3_label{background:#ffffff; color:#000;}
   #tab3:checked ~ .panel_area #panel3{display:block;}
   #tab4:checked ~ .tab_area .tab4_label{background:#102A83; color:#fff;}
   #tab4:checked ~ .panel_area #panel4{display:block;}

   /* add by sakai */
   .head-wrapper{
     background-color: #FDFDEF;
     padding: 20px 10px;
     clear: both;
     overflow: hidden;
   }
   .head-wrapper .logo{
     float: left;
     width: 250px;
   }
   .head-wrapper .logo img{
     width: 100%;
   }
   .head-wrapper nav{
     float: right;
   }
   .head-wrapper nav ul li a{
     color: #102A83;
     text-decoration: none;
     font-weight: bold;
   }
   .head-wrapper nav ul li{
     padding: 0 4px;
     border-right: solid 1px #bdbdbd;
   }
   h1{
     margin: 0;
   }
   .content-area{margin: 20px 20px;}
   .index-content01{
     clear: both;
     overflow: hidden;
   }
   .index-content01 img.all{ width: 100%; margin: 0;float: none;}
   .index-content01 .text-box{
     text-align: center;
     line-height: 1.75;
     padding: 15px 0 0;
   }
   .index-content01 .text-box img{
     width: 40px;
     height: 40px;
     margin: 0 auto;
     display: block;
   }
   .index-content01 .text-box p{
      font-size: 1rem;
   }
   .index-content01 .text-box p:first-of-type{
     color: #102A83;
     font-weight: bold;
     margin-bottom: 0;
     font-size: 1rem;
   }
   .index-menuarea{
     margin: 10px 0 0 0;
     padding: 40px 0;
     background-color: #EDEDED;
     clear: both;
     overflow: hidden;
   }
   .index-menuarea img{
     width: 50%;
     float: left;
   }
   .index-menuarea .content01 a img{
     width: calc(100% / 2 - 8px);
     margin: 0 8px 8px 0;
   }
   .index-menuarea .content01 a:nth-of-type(2) img{
     margin-right: 0;
   }
   .index-menuarea .content02 a img{
     width: calc(100% / 3 - 8px);
     margin: 0 8px 8px 0;
   }
   .index-menuarea .content02 a:nth-of-type(3) img{
     margin-right: 0;
   }
   .index-menuarea .content03 a img{
     width: 100%;
   }
   .foot-inner div{
     height: auto;
     border:none;
   }
   .foot-inner{
     clear: both;
     overflow: hidden;
   }
   .foot-inner{
     max-width: 800px;
     margin: 0 auto;
     display: block;
   }
   .foot-inner ul{
     padding: 0;
   }
   .foot-inner ul li{
     display: block;
   }
   footer{
     background-color: #4D5C8D;
     height:auto;
     padding: 20px 0 0;
   }
   footer img{
     width: 50%;
   }
   footer small{
     display: block;
     height:auto;
     background-color: #152F85;
     color: #fff;
     padding:10px ;
     text-align: center;
     box-sizing: border-box;
     font-size: .6rem;
   }
   .foot01{width:auto;text-align: center;}
   .foot01 img{width:60%;}
   .foot-inner div.foot02{ display: block;padding:10px 0;margin:15px 20px;border:none;border-bottom: 1px solid #fff;border-top: 1px solid #fff;}
   .foot02 ul{
     margin-top: 0;
   }
   .foot02 ul:first-child{
     margin: 0 12px 0 0;
   }
   .foot02 ul li{
     margin: 0 0 12px 0;
   }
   .foot02 ul li a{
     text-decoration: none;
     color: #fff;
     font-size: 1.0rem;
   }
   .foot03 p{
     color: #fff;
   }
   .foot03 p:first-of-type{
     margin-top: 0;
   }
   .can-content01{
     max-width: 1200px;
     margin: 40px auto 0 auto;
     display: flex;
     display: -webkit-box;
     display: -ms-flexbox;
     text-align: center;
   }
   .can-content01{display: none;}
   .can-content01 img{
     margin: 0 12px 0 0;
     width: 12%;
   }
   .can-content01 img:last-of-type{
     margin-right: 0;
   }
   .can-content02{
     margin:  0;
   }
   .can-content02 .content-inner{
     display: block  ;
     padding: 20px 20px;
   }
   .can-content02 .content-inner div{
     margin: 0 ;
     min-width: auto;
   }
   .can-content02 .content-inner div p:first-child{
     color: #102688;
     font-weight: bold;
     font-size: 1.5rem;
   }
   .can-content02 .content-inner div p:first-child span{
     display: block;
     font-size: 1.8rem;
   }
   .can-content02 .content-inner img{
     width: 100%;
   }
   .can-content02 .content-inner:nth-child(odd){
     background-color: #EDEDED;
     display: flex;
     flex-direction:column-reverse;
   }
   .can-contact-area{
     padding: 40px 20px;
     background-image: url(../img/canbe/contact-area.png);
     background-size: cover;
     background-repeat: no-repeat;
   }
   .can-contact-area p{
     text-align: center;
     color: #102688;
     font-weight: bold;
   }
   .can-contact-area a{
     display: block;
     text-align: center;
     width: 200px;
     margin: 0 auto;
   }
   .can-contact-area a img{
     width: 100%;
   }
   .good-content01{
     max-width: 900px;
     margin: 0 ;
   }
   .good-content01 .good-inner01, .good-content01 .good-inner02, .good-content01 .good-inner03, .good-content02 .good-inner01, .good-content03 .good-inner01{
     display: block;
   }
   .good-content01 .good-inner01 div:first-child{
     background-color: #FDFDEF;
     width: 100%;
     padding: 20px;
     box-sizing: border-box;
     position: relative;
   }
   .good-content01 .good-inner01 div:first-child img{
     position: static;
     width:100%;
     transform: none;
   }
   .good-content01 .good-inner01 div{
     color: #fff;
     line-height: 1.75;
   }
   .good-content01 .good-inner01 div:nth-of-type(2){
     padding: 20px;
     width: 100%;
     height: auto;
     box-sizing: border-box;
     background-color: #727CB4;
   }
   .good-content01 .good-inner02 div,.good-content01 .good-inner03 div{
     padding: 20px;
     width: 100%;
     height: auto;
     box-sizing: border-box;
   }
   .good-content01 .good-inner02 div, .good-content01 .good-inner03 div{
     color: #fff;
     line-height: 1.75;
   }
   .good-content01 .good-inner02 div:first-child{
     background-color: #72B48E;
   }
   .good-content01 .good-inner02 div:nth-of-type(2){
     background-color: #B4B472;
   }
   .good-content01 .good-inner02 div:nth-of-type(3){
     background-color: #B49872;
   }
   .good-content01 .good-inner03 div:first-child{
     background-color: #B4727A;
   }
   .good-content01 .good-inner03 div:nth-of-type(2){
     background-color: #A279CC;
   }
   .good-content01 .good-inner03 div:nth-of-type(3){
     background-color: #727CB4;
   }
   .good-content01 .good-inner01 div:last-of-type img{
     width: 80px;
   }
   .good-content01 .good-inner02 div img{
     width: 80px;
   }
   .good-content01 .good-inner03 div img{
     width: 80px;
   }
   .good-content02{
     max-width: 900px;
     margin: 0 auto;
   }
   .good-content02 .good-inner01{
     margin:  0;
   }
   .good-content02 .good-inner01 div{
     padding: 20px;
     width: 100%;
     height: auto;
     box-sizing: border-box;
     color: #fff;
   }
   .good-content02 .good-inner01 div:first-child{
     position: relative;
     background-color: #FDFDEF;
     text-align: center;
   }
   .good-content02 .good-inner01 div:first-child img{
     position: static;
     transform: none;
     width:100px;
   }
   .good-content02 .good-inner01 div:nth-of-type(2){
     background-color: #5B9F55;
   }
   .good-content02 .good-inner01 div:nth-of-type(3){
     background-color: #72B48E;
   }
   .good-content02 .good-inner01 div:nth-of-type(2) img, .good-content02 .good-inner01 div:nth-of-type(3) img{
     width: 80px;
   }
   .good-content03{
     max-width: 900px;
     margin: 0 auto;
   }
   .good-content03 .good-inner01 div{
     padding: 20px;
     width: auto;
     height: auto;
     box-sizing: border-box;
     color: #fff;
   }
   .good-content03 .good-inner01 div:first-child{
     position: relative;
     background-color: #FDFDEF;
     text-align: center;
   }
   .good-content03 .good-inner01 div:first-child img{
     position: static;
     transform:none;
     width:80px;
   }
   .good-content03 .good-inner01 div:nth-of-type(2){
     background-color: #B4727A;
   }
   .good-content03 .good-inner01 div:nth-of-type(3){
     background-color: #D588A0;
   }
   .good-content03 .good-inner01 div:nth-of-type(2) img, .good-content03 .good-inner01 div:nth-of-type(3) img{
     width: 80px;
   }
   .good-content04{
     padding: 80px 20px;
     background-image: url(../img/nicething/good-area.png);
     background-repeat: no-repeat;
     background-size: cover;
     margin: 0 auto;
     text-align: center;
     line-height: 1.75;
     font-weight: bold;
   }
   .good-content04 p, .good-content05{
     max-width: 900px;
     margin: 0 auto;
   }
   .good-content05 div div div{
     width: 150px;
     height: 150px;
     border-radius: 200px;
     overflow: hidden;
     margin: 0 auto;
   }
   .good-content05 div div div img{
     width: 100%;
   }
   .good-content05 .good-inner01, .good-content05 .good-inner02{
     display: block;

   }
   .good-content05 .good-inner01 .good-content, .good-content05 .good-inner02 .good-content{
     width: 100%;
     margin: 0 20px 20px 0;
     padding: 20px;
     box-sizing: border-box;
     background-color: #F7F8EF;
     text-align: center;
     box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.17);
   }
   .good-content05 .good-inner01 .good-content p, .good-content05 .good-inner02 .good-content p{
     line-height: 1.75;
     text-align: left;
   }
   .good-content05 div:last-child{
     margin-right: 0;
   }
   .good-content05 .good-inner01, .good-content05 .good-inner02{
     margin: 0 0 20px 0;
     padding:  10px 20px 0;
   }
   .good-content h2{
     font-size: 1.2rem;
   }
   .company-inner{
     max-width: auto;
     margin: 40px 20px;
     width:auto;
   }
   .company-inner h3{
     border-left: solid 5px;
     padding: 0 0 0 8px;
     color: #102A83;
     font-weight: bold;
     margin: 0 0 40px 0;
   }
   .company-inner dl{
     max-width: auto;
     margin: 0 auto;
   }
   .company-inner dl dt:first-child{
     border-width: 1px;
   }
   .company-inner dl .top-border{
     border-top: none;
   }
   .company-inner dl dt{
      float: none;
      width: 100%;
          margin: 0;
          border-width: 1px;
          background: ;
          font-weight: bold;
          border:none;
          padding:10px 0 0;
   }
   .company-inner dl dt br{display: none;}
   .company-inner dl dd{
      float: none;
      width: 100%;
      margin: 0;
   }
   .company-inner dl{
     clear: both;
     overflow: hidden;
   }
   .height-hi01{
     height: auto;
   }
   .height-hi02{
     height: auto;
   }
   .introduction-wrapper h3{
     font-size: 1.5rem;
   }
   .introduction-content{
     max-width: 1000px;
     margin: 0 auto;
     text-align: center;
   }
   .introduction-content800{
     max-width: 800px;
     margin: 0 auto;
     text-align: center;
   }
   .introduction-wrapper .gray{
     background-color: #EFEFEF;
     padding: 40px 20px;
   }
   .arrow{
     width: 30px;
   }
   .introduction-inner{
     margin: 40px 0 0;
    padding: 0 20px;
   }
   .introduction-inner div{
     margin-top: 20px;
   }
   .box-wrapper{
     display: block;

   }
   .box-wrapper p{
     position: relative;
     width: auto;
     height: auto;
     text-align: center;
     margin: 0 0 5px;
     color: #fff;
     font-weight: bold;
   }
   .box-wrapper p span{
     position: static;
     transform:none;
   }
      .box-wrapper p span br{display: none;}
   .greeting img{
     float: none;
     width: 100%;
   }
   .greeting div{
     float: none;
     width: auto;
     text-align: left;
   }
   .greeting div h3{
     border-left: solid 5px;
     padding: 0 0 0 8px;
     color: #102A83;
     font-weight: bold;
     margin: 0 0 40px 0;
   }
   .greeting{
     clear: both;
     overflow: hidden;
   }
   .introduction-content800 div{
     margin-top: 0;
   }
   .voice-wrapper .gray{
     max-width: 1000px;
     margin: 0 auto;
     padding: 20px;
     box-sizing: border-box;
     background-color:#f5f5f5;
   }
   .voice-wrapper .gray .type{
     width: auto;
     height: auto;
     float: none;
     background-color: #102688;
     color: #fff;
     padding: 8px;
     box-sizing: border-box;
   }
   .voice-wrapper .gray .type p{
     margin: 8px 0;
   }
   .voice-wrapper .gray .type p:first-child{
     border-bottom: solid 1px #fff;
     padding-bottom: 8px;
   }
   .voice-wrapper h3{
     color: #13218d;
     padding: 0 0 15px 8px;
     float: none;
     width: auto;
     border-bottom: solid 2px;
   }
   .voice-wrapper .gray div:nth-of-type(2){
     clear: both;
   }
   .voice-wrapper .gray div:nth-of-type(2) p{
     line-height: 1.75;
   }
   .contact-inner{
     max-width: 800px;
     margin: 0 auto;
     text-align: center;
   }
   .tel-box{
     border: solid 2px #102688;
     padding: 32px 20px 20px 20px;
     margin: 40px 0;
   }
   .tel-box img{
     width: 40px;
   }
   .tel-box .tel{
     position: relative;
     top: -10px;
     display: inline;
     color: #102688;
     font-weight: bold;
     font-size: 2.0rem;
   }
   .tel-box div{
     text-align: left;
     margin: 20px 0 0 0;
     border-top: solid 1px;
   }
   .progress{
     width: 100%;
     margin: 20px 0;
   }
   .other-design{
     border-left: solid 5px;
     padding: 0 0 0 8px;
     color: #102A83;
     font-weight: bold;
     margin: 40px 0;
     text-align: left;
   }
   .contact-inner02 p{
     text-align: left;
   }
   .contact-inner,.form-wrapper {
    padding: 0 20px;
    box-sizing: border-box;
    }
   .form-wrapper{
     max-width: 800px;
     margin: 40px auto;
   }
   .form-wrapper dl dt, .form-wrapper dl dd {
    width: 100%;
    float: none;
    height: auto;
    }
   .form-wrapper dl dt{
      padding: 5px 8px 5px;
          height: auto;
      }
   .form-wrapper dl dd input{
     width: 100%;
     height: 40px;
     padding: 8px;
   }
   .form-wrapper dl dd.top{
     border-top: solid 1px #4D5C8D;
   }
   .form-wrapper dl{
     clear: both;
     overflow: hidden;
   }
   .form-wrapper dl dt span{
      top: 4px;
          right: 5px;
          font-size: .7rem;
          padding: 2px 10px;
   }
   .form-wrapper dl dt br{display: none;}
   .form-wrapper dl .top input{
     width: auto;
     height: auto;
   }
   .form-wrapper dl dd textarea{
     width: 100%;
     height: 200px;
   }
   .form-wrapper dl .textarea-wrapper{
     height: auto;
   }
   .submit-button-wrapper{
     text-align: center;
   }
   .submit-button{
     background-image: url(../img/contact/submit01.png);
     border: 0px;
     width: 250px;
     height: 80px;
     background-size: contain;
     background-repeat: no-repeat;
     text-indent: -9999px;
   }
   .submit-button02{
     background-image: url(../img/contact/submit02.png);
     border: 0px;
     width: 250px;
     height: 80px;
     background-size: contain;
     background-repeat: no-repeat;
     text-indent: -9999px;
   }
   .end-wrapper{
     margin: 0 auto 30px;
   }
   .pc{
     display: none;
   }
   .spnav {
    display: flex;
    margin-left: 15px;
    }
   .spnav > a {
       flex: 9;
   }
   .spnav > div {
       flex: 3;
       display: flex;
       align-items: center;
       justify-content: center;
   }
   .sp .menu_button {
       border-left: solid 1px #fff;
       text-align: center;
       margin: 0;
   }
   .sp {
     display: block;z-index: 1000;
       position: fixed;
       background-color: #FDFDEF;
       color: #102A83;
       padding: 12px 0 8px 0;
   }
   .sp nav {
       position: absolute;
       top: 100%;
       z-index: 9999;
   }
   .sp .menu_button {
       border-left: solid 1px #fff;
       float: right;
       width: 150px;
       text-align: center;
   }
   .sp .menu_button span {
     margin: 0;
     color: #102A83;
   }
   .sp nav {
       background-color: rgba(50, 59, 93, 0.9);
       color: white;
       width: 100%;
   }
   .sp nav ul {
       list-style-type: none;
       margin: 0;
       padding: 0 20px;
   }
   .head nav ul li:first-child {
       border-top: solid 1px white;
   }
   .sp nav ul li {
       border-bottom: dotted 2px #fff;
       text-align: center;
       padding: 1em;
   }
   .sp nav ul li a{
     color: #fff;
     font-weight: bold;
     text-decoration: none;
     display: block;
   }
   .sp .logo img{width: 50%;}
   .news{padding: 20px 20px 0;}
   .newsTitle{margin: 0;}
   .news dl dt,.news dl dd{float: none;width:100%;height:auto;margin:0;}
   .news dl dt{padding:5px 0 0;border-bottom:none;padding:;}
   .news dl dd,.news dl .top{border-top:none;}
   .news dl dd{padding:5px 0 15px;}
   .index-menuarea .content01 a img{width:;}

  .company-inner,
  .company-inner tr,
  .company-inner td,
  .company-inner th {display:block;}
  .company-inner th {width:auto;}
}