header {
     display: none;
 }

 #header_menu {
     width: 60%;
     margin: 0;
     text-align: right;
     display: flex;
     justify-content: flex-end;
 }

 #header_menu li {
     width: auto;
     margin-left: 15px;
     display: block;
     float: right;

 }

 #header_logo {
     width: 40%;

 }

 #header_logo img {
     width: 100%;
 }


 .summary_nonmap {
     float: left;

 }

 .kaijyo {
     float: right;
     margin: 0;
 }

 .moushikomi {
     width: 570px;
 }


 #contents_box_s {
     margin-right: 15px;
 }

 .contens_book {
     margin-bottom: -110px;
     margin-top: 50px;

 }

 .contens_book font {
     margin-bottom: -130px;
     margin-top: 80px;

 }

 .contents_box_b {
     margin-right: 10px
 }

 .contens_b {
     float: right;

 }

 .contens_bb {
     margin-left: 150px;
     margin-top: 20px;
 }

 .sankousyo2 {
     margin-bottom: -200px;
 }


 a.kenteisite span {
     font-size: 1rem;
     margin-left: 1.5rem;
 }

 a.kenteisite {
     width: 94%;
     margin-left: auto;
     margin-right: auto;
     border: solid #000 2px;
     background-color: #e6a800;
     color: #000;
     font-size: 1.5rem;
     font-weight: bold;
     text-align: center;
     text-decoration: none;
     padding: 1.5rem 0 1.25rem;
     display: block;
     overflow: hidden;
 }

 .br-sp {
     display: none;
 }



 #tatsujin .wp {
     margin: 0;
     padding: 0;
     background-image: url(../images/main-bg-wp.gif);
 }

 #tatsujin .content {
     margin: 0 auto;
     padding: 0;
     width: 100%;
     background-image: url(../images/main-bg.gif);
     background-position: top center;
     background-repeat: no-repeat;
 }

 #tatsujin .footer-wp {
     margin: -10px auto 0;
     padding: 2rem 0 5rem;
     width: 100%;
     background: #5f913d;
 }

 #tatsujin .header,
 #tatsujin .main,
 #tatsujin .footer {
     margin: 0 auto;
     max-width: 1000px;
     display: block;
     overflow: hidden;
     clear: both;
     padding: 0;
 }

 #tatsujin .main .pc-monita img {
     width: 100%;
 }

 #tatsujin .logo {
     width: 50%;
     margin-top: 20px;
     float: left;
 }

 #tatsujin .logo-text {
     width: 48%;
     margin-top: 30px;
     float: right;
 }

 #tatsujin h3 {
     text-align: center;
     margin-top: 60px;
     margin-bottom: 20px;
 }

 #tatsujin h4 {
     text-align: center;
     margin-top: 0;
     margin-bottom: 10px;
 }

 #tatsujin .box3 {
     display: flex;
     margin-top: 50px;
     flex-wrap: wrap;
 }

 #tatsujin .box {
     padding: 0 1rem;
     text-align: center;
 }

 #tatsujin .box img {
     width: 100%;
 }

 .a-harekuni {
     width: 50%;
     float: left;
 }

 .a-harekuni.img {
     width: 45%;
     float: right;
     margin-top: -80px;
 }

 #banner {
     width: 100%;
     padding: 0;
     margin: 0;
     text-align: center;
     background-color: #eee;
     overflow: hidden;
 }

 #banner ul {
     list-style-type: none;
     padding: 2rem 0 1.5rem;
 }

 #banner ul li {
     display: inline-block;
     width: 22%;
     margin: 0 1%;
 }

 #banner ul li img {
     width: 100%;
 }

 .menu,
 .drawer {
     display: none;
 }


 .pc {
     display: block;
     float: left;
 }

 .sp {
     display: none;
 }

 /* タブレットの場合に適応される */
 /* 1024pxまでの幅の場合に適応される */
 @media screen and (max-width: 1024px) {
     .br-pc {
         display: none;
     }

     #tatsujin .header,
     #tatsujin .main,
     #tatsujin .footer {
         margin: 0 5%;
         width: 90%;
     }

     #tatsujin .wp {
         margin-top: -70px;
     }

     #tatsujin .logo {
         width: 100%;
         margin-top: 20px;
     }

     #tatsujin .logo img {
         max-width: 300px;
         width: 70%;
     }

     #tatsujin h2 {
         margin: 0;
         padding: 0;
     }

     #tatsujin .logo-text {
         width: 90%;
         padding: 10px 5%;
         background: rgba(255, 255, 255, 0.75);
         border-radius: 0.5rem;
     }

     #tatsujin h3 {
         margin-top: 20px;
     }

     #tatsujin .box3 {
         margin-top: 10px;
     }

     #tatsujin .box {
         flex-basis: 46%;
         padding: 0 2%;
         text-align: left;
     }

     .a-harekuni,
     .summary_nonmap {
         width: 50%;
         float: left;
     }

     .a-harekuni.img {
         width: 45%;
         float: right;
         margin-top: -80px;
     }

     .kaijyo {
         width: 45%;
         float: right;
     }

     #footer_box,
     #top_main_image,
     .summary_nonmap li,
     .kaijyo img,
     .a-harekuni.img img,
     #contents {
         width: 100%;
     }

     .summary_nonmap li br {
         display: none;
     }

     #home {
         width: 100%;
     }

     #home #wrapper {
         background-image: none !important;
         width: 100%;
     }

     #home .contents_box_t {
         width: auto;
     }

     #home .qa_box,
     #home .qa_box img {
         width: auto;
     }

     .contents_box_t {
         margin-left: auto;
         margin-right: auto;
         overflow: hidden;
         float: none !important;

     }

     #expert #wrapper {
         background: none;

     }

     #expert #main_contents {
         width: 90%;
         margin-left: 5%;
         margin-right: 5%;
     }

     #expert #contents {
         width: 100%;
         background-image: none !important;
         margin-top: 50px;
         margin: 0;
     }

     #expert .contents_box_t {
         width: auto;
     }

     #expert .qa_box {
         width: 100%;
         margin: 0;
         padding: 0;
     }

     #expert .qa_box img {
         width: 100%;
     }



     header {
         display: block;
     }

     header #logo img {
         width: 75%;
     }

     #header {
         display: none;
     }

     #contents_box {
         width: 94%;
         margin-right: 3%;
         margin-left: 3%;
     }

     /*ナビ ///////////////////////////*/
     nav {
         width: 100%;
         height: 70px;
         position: relative;
         z-index: 99;
     }

     .drawer {
         display: flex;
         flex-direction: row;
         align-items: center;
         justify-content: space-between;
         position: relative;
         height: 70px;
         padding: 0 1em;
     }

     /*ナビゲーション部分*/

     .menu ul li a {
         display: block;
         font-weight: bold;
         padding: 1.35em;
         border-bottom: 1px dotted #CCC;
         color: #333;
         text-decoration: none;
     }


     .menu ul li a:hover {
         background-color: #0FC8BC;
         color: rgb(255, 255, 255);
     }


     .menu {
         z-index: 10;
         width: 100%;
         /*display: flex;*/
         margin-top: -70px;
         text-align: center;
         background-color: rgba(255, 255, 255, 0.85);
         transition: 0.5s ease;
         /*滑らかに表示*/
         -webkit-transform: translateX(100%);
         /*画面より100%外へ押し出し非表示にさせる*/
         /*  transform: translateX(-100%);/*右から出す場合は、マイナス100%としてください*/
     }

     .menu li {
         font-size: 16px;
         /*padding: 5px;*/
         text-align: center;
         list-style: none;
     }

     /*OPEN時の動き*/
     .menu.open {
         display: block;
         position: fixed;
         -webkit-transform: translateX(0%);
         transform: translateX(0%);
         /*メニューを元の位置へ戻す*/

     }

     /*トグルボタンのスタイルを指定*/
     .Toggle {
         display: block;
         position: fixed;
         overflow: hidden;
         /* bodyに対しての絶対位置指定 */
         width: 36px;
         height: 36px;
         cursor: pointer;
         z-index: 99;
         right: 15px;
         background-color: #000;
         border-radius: 5px;
     }

     .Toggle span {
         display: block;
         position: absolute;
         margin: 0 6px;
         width: 24px;
         border-radius: 2px;
         border-bottom: solid 3px #ffffff;
         -webkit-transition: .35s ease-in-out;
         /*変化の速度を指定*/
         -moz-transition: .35s ease-in-out;
         /*変化の速度を指定*/
         transition: .35s ease-in-out;
         /*変化の速度を指定*/
     }

     /*各ボーダー少しずつずらす*/
     .Toggle span:nth-child(1) {
         top: 9px;
     }

     .Toggle span:nth-child(2) {
         top: 17px;
     }

     .Toggle span:nth-child(3) {
         top: 25px;
     }

     .Toggle.active span:nth-child(1) {
         top: 17px;
         /* 1番目のspanをマイナス45度に */
         -webkit-transform: rotate(-45deg);
         -moz-transform: rotate(-45deg);
         transform: rotate(-45deg);
     }

     /* 2番目と3番目のspanを45度に */
     .Toggle.active span:nth-child(2),
     .Toggle.active span:nth-child(3) {
         top: 17px;
         -webkit-transform: rotate(45deg);
         -moz-transform: rotate(45deg);
         transform: rotate(45deg);
     }



     #main_contents {
         width: 90% !important;
         margin-left: 5% !important;
         margin-right: 5% !important;
     }

     #contents {
         width: 100% !important;
     }

     #home .r {
         float: none;
     }

     #home .qa_box {
         margin-bottom: 30px;
     }

     #home .box440 {
         margin: 0 auto 0px;
     }

     #company,
     #home .qa_box,
     #home h4,
     #home .r img,
     #home .box382,
     #home .box440,
     #home .box382,
     #home .box540,
     #home .box382 img {
         width: 100%;
     }

     #home .contents_box_t {
         width: auto;
         text-align: center;
     }


     #home .contens_t_image {
         margin-right: 0;
         width: 100%;
     }

     #home .contens_t {
         text-align: left;
     }

     #title_tatsujin,
     #title_tatsujin02 {
         background-position: bottom 0px left -255px !important;
     }

     #contents_box.box4 {
         width: 100%;
         display: flex;
         flex-wrap: wrap;
     }

     #contents_box.box4 #contents_box_s {
         flex-basis: 47%;
         margin: 0 1% 1rem;
         height: auto;
     }

     #contents_box.box4 #contents_box_s img {
         width: 94%;
     }

     #home .contens_s {
         width: 90%;
         margin-bottom: 10px;
     }

     #home #contents {
         background: none;
         background-image: none;
     }

     #top {
         height: auto;
         background-size: cover;
     }

     #top_main_image {
         height: auto;
     }

     .mb-2 {
         margin-top: 1rem;
         margin-bottom: 3rem;
     }

     .contens_book {
         padding-top: 1rem;
         padding-bottom: 2rem;
         display: block;
         margin: 0;
     }

     .sankousyo {
         display: none;
     }
 }




 /* 780pxまでの幅の場合に適応される */
 @media screen and (max-width: 780px) {
     .a-harekuni.img {
         margin-top: -20px;
     }
 }

 /* スマホの場合に適応される */
 /* 480pxまでの幅の場合に適応される */
 @media screen and (max-width: 580px) {

     .pc {
         display: none;
     }

     .sp {
         display: block;
     }

     #banner ul li {
         display: inline-block;
         width: 80%;
         margin: 5px 10%;
     }

     #contents_box_b {
         width: auto;
     }

     #tatsujin .box {
         flex-basis: 96%;
     }

     #tatsujin .content {
         background-image: url(../images/main-bg-sp.gif);
     }

     #contents_box.box4 #contents_box_s {
         flex-basis: 98%;
         margin: 0 1% 1rem;
         height: auto;
     }

     #header_logo a img {
         width: 100%;
         height: auto;
     }

     #header_logo {
         width: 65% !important;
         margin-left: 2% !important;
     }



     #header_box_q img:nth-child(2) {
         display: none;
     }

     #home #header_box,
     #home #top_main_image,
     #home .summary_nonmap li,
     #home .summary_nonmap,
     #home #contents,
     #home #contents_box {
         width: auto;
     }

     #header_box_q img {
         width: 100%;
     }

     #home #top_main_image img {
         width: 90%;
         height: auto;

     }

     #home #header_box {
         height: 70px;
     }


     #home #contents_box img {
         width: 100%;
     }

     /*
     #home #contents_box {
         width: 100%;
     }
*/
     #home #contents_box p img {
         width: 100%;
         margin-top: 20px;
     }

     #home #contents_box .summary_nonmap {
         width: 100%;
     }

     #home #wrapper {
         background-image: none;
     }

     #home #title {
         width: 100%;
         height: auto;
     }

     #home #contents_box .p {
         width: 100%;
         height: auto;
         text-align: right;
     }

     #home #contents_box #contents_box_s {
         width: 98%;
         height: auto;
         margin-right: 0;
         margin-bottom: 10px;
     }




     #home .a-harekuni {
         width: 100%;
         height: auto;
         margin-top: 0;
         margin-bottom: -40px;
     }

     #home .a-harekuni img {
         width: 100%;
         height: auto;
         margin: 30px 0;
     }

     #home .summary_nonmap {
         float: left;
     }

     #home .kaijyo {
         width: 90%;
     }

     #home .kenteisite img {
         margin-top: -40px;
     }

     #contents_box.box4 {
         margin: 50px 0;
     }

     #home .sankousyo {
         display: none;
     }

     #contents_box_b {
         width: auto;
         height: auto;
     }



     .contens_book {
         width: 100%;
         margin-bottom: 0;
         float: none;
         overflow: auto;
     }

     #home .qa_box h5 {
         width: auto;
         height: 50px;
         padding: 5px 0px 0px 35px;
         line-height: 120%;
     }

     #home .m_t95 {
         margin-top: 20px;
     }

     #footer {
         height: 80px;
         line-height: 110%;
         display: block;

     }

     #footer p {
         line-height: 120%;
     }



     #home #contents {
         width: 100%;
     }

     #footer_box {
         width: 100% !important;
         height: auto !important;
         margin-bottom: 10px !important;
     }

     .qa_box em {
         margin-bottom: 10px;
     }

     .contens_bb {
         margin: 12px 3% 30px;

     }

     .contens_b {
         float: none;
         width: 100%;
         text-align: center;
     }

     .br-sp {
         display: block;
     }
 }