@charset "UTF-8";


html{text-justify : inter-ideograph; }



.mail_img h2{width: 100%;text-align: center;color: #fff;padding-top: 150px;font-size: 25px}

.mail_box{margin: 0 auto;padding: 50px 0 150px}

.mail_img{background-image: url(../img/mail_img.jpg);height: 300px;width: 100%;
background-size: cover;
background-position:center}

.mail_mag_txt{max-width: 800px;margin:20px auto}


h4.title-border{font-size: 20px;margin-bottom: 20px}

.title-border {
display: flex;
align-items: center;
}

.title-border:after {
border-top: 1px solid;
content: "";
flex-grow: 1;
}

.title-border:after {
margin-left: 1rem;
}



#fh5co-header #navbar li a.tel{font-size: 28px;font-weight: bold;color: rgba(255, 255, 255, 1);text-shadow:0px 0px 3px #000000;line-height: 1em}


.contents_title{background-color:#fff;padding:80px 10px 0;border-top:solid 1px #000;border-bottom:solid 1px #fff;letter-spacing: 0.3em;border-top:solid 2px #fff;}

.contents_title p{color: #333;font-weight: normal;padding: 0;margin: 0 0 10px;font-size: 18px;line-height: 1em}

.navbar-header img {
  width: 100%;
}

.fixed_50{width: 48%}
.fixed_50 h4{font-size: 24px;border-bottom: solid 3px #0099C9;margin-bottom: 10px}

.fixed_50 h4 span{font-size: 45px;color: #0099C9;margin-right: 5px}

@media (max-width: 1199px){#fh5co-header #navbar li a{font-size: 1.5vw}
  .header_2nd #navbar li a{font-size: 1.5vw}
#fh5co-header #navbar li a.tel{font-size: 2vw;font-weight: bold;color: rgba(255, 255, 255, 1)}
}

a.tj-btn-1:after{position: absolute;
    right:10px;
   top:49%;
font-size: 25px;font-weight: normal;
   transform: translateY(-50%);
   content: "≫";
   animation:infinite movearrow 1.5s ;
}

@keyframes movearrow {
   0%{margin:0 15px 0 -15px;opacity:.3;}
}


@media (min-width: 1201px){
    a.tj-btn-1 {margin-top: 10px;
   position:relative;
   text-align:left;
   display:inline-block;
   margin:15px 0;
   padding:.6em 2em .6em 1em;
   font-size:16px;
   font-weight:normal;
   line-height:1.3em;
   text-decoration:none;
   color:#fff;
   background:#e73828;
   border-radius:30px;
   border:2px solid #fff;
   box-shadow:0 0 0 2px #e73828;width: 200px;
    margin-top: 30px;
}
.tateru_title{float: left;width: 40%}
.tateru_box img.tateru_logo{width: 100%}
.tateru_txt{float: right;width: 58%}}

a.bt_tateru{width: 100%;height: 100%;z-index: 999;display: block;position: absolute}

.tateru_box a.bt_tateru img{width: 80%}

p.tateru_copy01{font-size: 18px;margin:10px 0}
p.tateru_copy02{font-size: 35px;line-height: 1em;margin: 0}

.tateru_box{position: absolute;z-index: 99;text-align: center;width: 100%;}

.tateru_box2{display: inline-block;max-width: 1000px;margin: 1% auto}





.tateru_box p{color: #fff}

section.bn_box{padding: 0;position: relative;text-align: center;margin-top: 30px}

.bn_box_main{display: flex;flex-wrap: wrap;}

.bn_box_L,.bn_box_R{width: 50%}

.bn_box_L{position: relative}

.overlay2{
    position: relative;
}

.overlay2 img{
	width: 100%;max-width: 1300px
}

.overlay2::before {
    position: absolute;
    content: '';
    z-index: 3;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(../img/overaly.png);
}


.flex_box{display: flex;
flex-wrap: wrap;
justify-content: space-between;align-items:flex-start;
margin-bottom: 100px}

.contact .flex_box{display: flex;
flex-wrap: wrap;
justify-content: space-between;align-items:center;
margin-bottom: 100px}

.flex_box img{width: 100%}

.flex_boxmain_L{width: 48%;
padding-right: 2%}

.flex_boxmain_R{width: 48%;
padding-left: 2%}

.titlebox h2{font-size: 40px;font-weight: bold;line-height: 1em;margin: 0 0 15px}
.title_bar{width: 70px;background-color: #000;height: 2px;margin-bottom:15px}
.titlebox p.title_en{font-size: 20px;color: #0099c9;font-weight: bold;line-height: 1em}




h3.title-border {
display: flex;
align-items: center;
    color: #0099c9;
    font-size: 18px;font-weight: bold;
    margin-bottom: 15px
}
h3.title-border:after {
border-top: 1px solid;
content: "";
flex-grow: 1;
}

h3.title-border:after {
margin-left: 1rem;
}

table.shikaku{width: 100%}

table.shikaku td,th{padding:5px 5px;font-weight: normal}

table.shikaku  th{width: 180px}
table.shikaku  td.bold{font-weight: bold}


table.works2{width: 100%}

table.works2 td,th.works3{padding:5px 5px 20px;font-weight: normal}

table.works2 th.works3{width: 100px;vertical-align:top}
table.works2  th.bold{font-weight: bold}


@media (min-width: 769px) and (max-width: 1200px)  {
        p.tateru_copy01{font-size: 1.8vw;margin:10px 0 0;line-height: 1.2em}
p.tateru_copy02{font-size: 3.4vw;line-height: 1.3em;margin: 0}
    
    .tateru_title{float: left;width: 40%}
.tateru_box img.tateru_logo{width: 100%}
.tateru_txt{float: right;width: 58%}
    a.tj-btn-1 {margin-top: 10px;
   position:relative;
   text-align:left;
   display:inline-block;
   margin:10px 0;
   padding:.6em 2em .6em 1em;
   font-size:1.5vw;
   font-weight:normal;
   line-height:1.3em;
   text-decoration:none;
   color:#fff;
   background:#e73828;
   border-radius:30px;
   border:2px solid #fff;
   box-shadow:0 0 0 2px #e73828;width: 200px;margin-top: 1vw
}
}

.tel_box{display: none}

.box_cont{margin-bottom: 30px}

ul.works {list-style: none;
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
}

ul.works i{margin-right: 0;color: #0099c9}
.recruit i{margin-right: 0;color: #0099c9}

ul.works li{margin-right: 10px}

#fh5co-header #navbar li a span {
  position: relative;
  display: block;
  padding-bottom: 2px;
}

    @media (max-width: 768px) {
       table.works2 td,th.works3{font-size: 3vw}
        table.works2 th.works3{width:25%}
        
        table.shikaku  th{width: 40%;}
        
        .fixed_50 h4{font-size: 4.7vw;border-bottom: solid 3px #0099C9;margin:0 0 10px}

.fixed_50 h4 span{font-size: 8vw;color: #0099C9;margin-right: 5px}
        
        .fixed_50{width: 100%;margin-bottom: 40px}
        
        .fixed_50:nth-child(2){margin: 0}
        
        .navbar-header img {
  width: 100%;
}
        
   .header_2nd #navbar li a {
            font-size: 4.5vw;color: #fff;}
        
table.shikaku td,th{font-size:3vw}
        
        .flex_box{display: block;
flex-wrap: wrap;
justify-content: space-between;align-items:flex-start}

.flex_box img{width: 100%}

.flex_boxmain_L{width: auto;
padding:0px}

.flex_boxmain_R{width: auto;
padding:0px}
        
        .recruit .flex_boxmain_L{width: auto;
padding: 0px}

  .recruit .flex_boxmain_R{width: auto;
padding:0px}
        
        section.bn_box{padding: 0 0;position: relative;text-align: center;border-top: solid 3px #fff;margin-bottom: 60px;}

        .tel_box{display: inline-block;float: right;color: rgba(255, 255, 255, 1)}
          .tel_box a{color: rgba(255, 255, 255, 1);font-size: 30px;margin-right: 50px}
        .tel_box a i{margin-top: 15px}
       #fh5co-header #navbar li a{font-size: 4.5vw}
        
        #fh5co-header #navbar li a.tel{font-size: 6vw;font-weight: bold;color: rgba(255, 255, 255, 1)}
        
        
        .tateru_box{padding: 10px;}
        a.tj-btn-1:after{position: absolute;
    right:10px;
   top:45%;
font-size: 25px;font-weight: normal;
   transform: translateY(-50%);
   content: "≫";
   animation:infinite movearrow 1.5s ;
}
        
a.tj-btn-1 {margin-top: 10px;
   position:relative;
   text-align:left;
   display:inline-block;
   margin:5px 0;
   padding:.6em 2em .6em 1em;
   font-size:3vw;
   font-weight:normal;
   line-height:1.3em;
   text-decoration:none;
   color:#fff;
   background:#e73828;
   border-radius:30px;
   border:2px solid #fff;
   box-shadow:0 0 0 2px #e73828;width: 240px
}
 .tateru_box img.tateru_logo{width: 100%}
.tateru_title{float: none;width: 100%}

.tateru_txt{float: none;width: 100%;margin-bottom: 5px}
 

    
.tateru_box{position: absolute;z-index: 99;text-align: center;width: 100%}
    
    .tateru_box2{width: 90%;padding: 0}
    
    p.tateru_copy01{font-size: 4vw;margin:10px 0 0;line-height: 1.2em}
p.tateru_copy02{font-size: 6vw;line-height: 1.3em;margin: 0}
    
    
}

.arrow{ text-align:center;
width:100%;
position:absolute;
bottom:7%;
}

.arrow a{color: #fff;font-weight: bold;font-size: 14px; text-shadow:black 1px 1px 2px, gray -1px 1px 2px,
    gray 1px -1px 2px, gray -1px -1px 2px;}

.video{position:relative}

.our_solution { max-width:600px; 
width:100%;
margin:0 0 40px}

.bold{font-weight:bold}

.font_size16{font-size:18px}

.font_size13{font-size:16px;
font-weight:normal}

.font_size12{font-size:12px}


td.w70{width: 70px}

@media (min-width: 769px) {
.sp_of{ display:none}
.modal-body h2{font-size:3em}
.pc_pl30{padding-left:30px}
.pc_pr30{padding-right:30px}
.pc_pd{padding-bottom:50px}
.width_about{width:100%;
}


.pd_width{width:80%;
max-width:280px;
}
}


@media (max-width: 768px) {
    ul.works li{font-size: 3vw}
    .video{padding-top: 70px}
.pc_of{display:none}
.modal-body h2{font-size:1.5em}
.width_about{width:100%}

.pd_width{width:50%;
max-width:280px;
margin:0px}

.sp_mb{margin:40px 0 60px}
}

.mission_all{width:100%;
margin:20px 0}

@media (min-width: 768px) {
.pd_of{ display:none}

.ex_seed { max-width:500px; 
width:100%;
margin:0 0 40px}
}


@media (max-width: 768px) {
.pc_of_pd{display:none}

.ex_seed { max-width:500px; 
width:100%;
margin:0 0 20px}
}


.item img {
width:100%;}
 
.fluid2 {
padding:0;}

.bt_tab{margin:0 auto 20px; text-align:center; width:100%}

.border_none {border:#000000}

.ggmap {
position: relative;
padding-bottom: 50%;
padding-top: 30px;
height: 0;
overflow: hidden;
max-width:700px
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 15px;
left: 0;
width: 100%;
height: 100%;
}

.mp0{margin:0; padding:0}

.bk_gl{ background-image:url(../img/bk_head.png);
background-repeat:repeat-x;
width:100%;
height:130px;
position:absolute}

.lh_16{line-height:1.6em}






.scroll_box{position: absolute;width: 100%;text-align: center;
bottom: 0px;z-index: 99;height: 50px}

.fitImg{
    position: absolute;
}

.box{

	overflow: hidden;
	position: relative;
text-align: center}

.fitMovie{
	position: absolute;
}

.box__centered{
	left: 50%;
	position: absolute;
	top: 50%;
}

.box__centered p{color: #fff;font-weight: bold;font-size:29px;line-height: 1.2em;text-shadow: 0px 0px 3px #000;}

.box__centered p span{font-size: 17.5px}

.box__contents{
	text-align: center;
	transform: translate(-50%,-50%);
}

.box__title{
	color: #fff;
	font-size: 48px;
	font-weight: bold;
}

.box__text{
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}

.sec{
	margin-bottom: 120px;
}

.page-title__title{
	color: #333;
	font-size: 48px;
	font-weight: 700;
	margin-bottom: 40px;
	text-align: center;	
}


a.scroll {color: #fff;
	text-decoration: none;
  padding-top: 60px;

	margin: 0 auto 0;


}
a.scroll  span {
  position: absolute;
  top: -60px;
  left: 50%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
}
a.scroll  span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}




.start {
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9000;
}

.start img{margin: 0 ;width: 300px}

@media screen and (min-width: 757px) {
	

.start p {
	position: fixed;
	left: 50%;
	top: 46.65%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
	width: 300px;
	}}

@media screen and (max-width: 756px) {
.start p {
	position: fixed;
	left: 50%;
	top: 46.5%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
	width: 75%;
	}

	.start p img{width: 100%;}



}


img.bt_pdf:hover{opacity: 0.5;transition: 0.3s}


a.for_top{padding: 12px 30px;
text-align: center;
width: 270px;
vertical-align: middle;
line-height: 1;
background: #26479A;
border: 1px solid #fff;
border-radius: 3px;
color: #ffffff;
font-family: inherit;
-webkit-appearance: none;
font-size: 100%;
border-radius: 5px;
-webkit-border-radius: 5px;text-decoration: none;
-moz-border-radius: 5px;}

/*202203*/

.top_main{position: relative}

.top_main ul{margin: 0;padding: 0}

.top_main ul li{position: relative}

.bn_sdgs{position: absolute;right: 30px;top:90px;width: 190px;z-index: 99}

.bn_sdgs img{width: 100%}

.top_box{position: absolute;top:25%;left: 5%}

.top_box p.copy{font-size:35px;color: #000 ;padding: 0;line-height: 3em}

.top_box p.copy span{font-size:80%;margin:0 5px  }

.top_box p.copy span.line_txt{font-size:140%;
background-image:url("../images/line_pas.png");
background-repeat: no-repeat;
background-size: 100%;padding: 0 0 18px;
background-position:left 0 bottom 5px}

p.top_copy{font-size:3vw;line-height:1.8em;   text-decoration: none;font-weight: bold;color: #000}

p.top_copy span{font-size: 70%}

.top_bt{margin: 15px 0 0}

.top_box_concept{position: absolute;bottom: 0;z-index: 99;display: flex;width: 100%;background-color: rgba(255,255,255,0.6);}

.top_box_concept_L{padding: 30px;;width: 50%;text-align: right;height: 100%}

.top_box_concept_L img{max-width: 600px;float: right}

.top_box_concept_R{padding: 30px;width: 50%;background-color: rgba(255,255,255,0.5);}

p.top_copy2{font-size: 30px;line-height: 1.6em;margin: 100px 0 0 }



p.top_copy3{margin: 30px 0 0}

p.top_copy3 i{color:#E7634C }
    .pc_only{display:inherit}
 .sp_only{display: none}

.bn_box ul {  list-style: none;padding: 0;
  display: flex;}

.bn_box ul li{width: 33.333%;}

.bn_box ul li.security{}

.bn_box ul li .img_box{height: 25vw;background-position: center 0;background-size:40vw;background-repeat: no-repeat;position: relative;text-align: center}

.bksec{background-image:url("../img/img01.jpg");}

.bkai{background-image:url("../img/img02.jpg");}

.bkres{background-image:url("../img/img03.jpg");}

.txt_box{position: absolute;bottom: 0;margin: auto;width: 27vw;  left: 50%;
    transform: translate(-50%, 0%);z-index: 99;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);}
.txt_box p span{font-size: 70%}
.txt_box p{color: #fff;font-size: 2.2vw;line-height: 1.3em;text-align: left;font-weight: bold;padding: 0 15px}

img.shadow{width: 100%;height:10vw;position: absolute;bottom: 0;left: 0;z-index: 98}

.cl01{background-color: #007ea9}
.cl02{background-color: #006c8d}
.cl03{background-color: #004b69}
.txt_box2 {padding: 20px 4.1vw;text-align: center;height: 20vw;max-height: 250px;position: relative}

.txt_box2 p.copy{color: #fff;font-size: 1.6vw;line-height: 1.3em;text-align: left;width: 27vw;margin: auto;display: inline-block;font-weight: bold}

.txt_box2 p{color: #fff;font-size: 16px;line-height: 1.3em;text-align: left;width: 27vw;margin: auto;display: inline-block;margin-top: 10px}
.bt_more {position: absolute;bottom: -20px;}
.bt_more a{font-size: 16px;color: #fff;background-color: #0099c9;width: 27vw;padding:15px 20px;text-align: left;display: block;position: relative}

.bt_more a:hover{text-decoration:none;background-color: #e7b111;transition: 0.3s}

.bt_more a .border_w{height: 1px;width: 50px;position: absolute;top: 50%;right: 0;background-color: #fff}
.bt_more a:hover .border_w{height: 1px;width: 70px;position: absolute;top: 50%;right: 0;background-color: #fff;transition: 0.3s}
@media screen and (min-width: 1200px) {.txt_box p{font-size: 1.8vw}}

@media screen and (max-width: 756px) {
    .top_box{position: absolute;top:10%;left: 5%}
    .top_main{position: relative;padding-top: 60px}
    
    p.top_copy{font-size:5vw;line-height: 2em;}
    .pc_only{display: none}
     .sp_only{display: block}
    
    .bn_box ul {  list-style: none;padding: 0;
  display: block;}

.bn_box ul li{width: 100%;}
    
    .bn_box ul li .img_box{height:60vw;background-position: center 0;background-size:cover;background-repeat: no-repeat;position: relative;text-align: center}
    
    .txt_box{position: absolute;bottom: 0;margin: auto;width: 100%;  left: 50%;
    transform: translate(-50%, 0%);z-index: 99;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);}
    .txt_box p{color: #fff;font-size:6.5vw;line-height: 1.3em;text-align: left;font-weight: bold;padding: 0 20px}
    .txt_box2 p.copy{color: #fff;font-size: 5vw;line-height: 1.3em;text-align: left;width: 100%;margin: auto;display: inline-block;font-weight: bold}
    .txt_box2 p{color: #fff;font-size: 14px;line-height: 1.3em;text-align: left;width:100%;margin: auto;display: inline-block;margin-top: 10px}
    
    .txt_box2 {padding: 20px 20px 100px;text-align: center;height: auto;max-height: 500px;position: relative}
    .bt_more {position: absolute;bottom: 15px;width:90%;}
    .bt_more a{font-size: 16px;color: #fff;background-color: #000;width: auto;padding:15px 20px;text-align: left;display: block;position: relative}
}

/*会社概要*/
/* table01 */

table.table01{width: 100%}

.table01 tr {
  border-bottom: 1px solid #b5b1b1;
}

.table01 th,
.table01 td {
  padding: 24px 0;
  border: none;

}

.table01 th {
  width: 30%;vertical-align: top
}

/* sp */
@media only screen and (max-width: 756px) {
    
    .table01 {width: 100%}
  .table01 th,
  .table01 td {
    width: 100%;
    display: block;
        padding: 15px 0;
  }

  .table01 th {
    width: 100%;
  }

  .table01 td {
    padding-top: 0;
  }
}

/*問い合わせ*/
section.contact{background-image:url("../img/bk_contact.jpg");
background-position:center;
background-repeat: no-repeat;
background-size: cover}

section.contact .titlebox h2{font-size: 40px;font-weight: bold;line-height: 1em;margin: 0 0 15px;color: #fff}
section.contact .title_bar{width: 70px;background-color: #fff;height: 2px;margin-bottom:15px}
section.contact .titlebox p.title_en{font-size: 20px;color: #fff;font-weight: bold;line-height: 1em;margin-bottom: 20px}
section.contact  p{color: #fff}

.bt_contact_foot {}
.bt_contact_foot  a{font-size: 16px;color: #000;background-color: #fff;width: 100%;padding:25px 20px;text-align: left;display: block;position: relative;font-weight: bold;min-width: 300px}

.bt_contact_foot  a:hover{text-decoration:none;background-color: #ccc;transition: 0.3s}

.bt_contact_foot  a .border_w{height: 1px;width: 50px;position: absolute;top: 50%;right: 0;background-color: #000}
.bt_contact_foot  a:hover .border_w{height: 1px;width: 70px;position: absolute;top: 50%;right: 0;background-color: #000;transition: 0.3s}

.fl_L{float: left}
.fl_R{float: right;width: 50%}

.bk_foot {
  background: linear-gradient(90deg, #fff 0%, #fff 50%, #eff0f4 50%, #eff0f4 100%);
padding: 20px 0
}

html { scroll-behavior: smooth;}

.posi_re{position: relative}
#outline{position: relative;top:-100px}
#outline2{position: relative;top:-100px}
@media only screen and (max-width: 756px) {
    .table01 th,
.table01 td {font-size: 3vw

}
    section.contact .titlebox h2{font-size: 5.5vw;font-weight: bold;line-height: 1em;margin: 0 0 15px;color: #fff}
section.contact .titlebox p.title_en{font-size: 3.5vw;color: #fff;font-weight: bold;line-height: 1em;margin-bottom: 20px}
    
    .bk_foot {
  background: linear-gradient(90deg, #fff 0%, #fff 50%, #fff 50%, #fff 100%);

}
.fl_L{float: none;padding: 20px 0}
.fl_R{float: none;width: auto}
    .contact .flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0px;
}
    
.flex_boxmain_R{width: 100%;
    padding:0px}}

.foot_logo{margin-bottom: 10px}

.header_2nd{position: fixed;top:0;z-index: 999;width: 100%}


section.top_img{width: 100%;height: 30vw;margin-top: 60px;
    text-align: center;
background-position:center top 0;
background-repeat: no-repeat;
background-size:cover;
padding: 0;
position: relative}

.title_box{display: inline-block;margin:10vw auto}

.title_box h2{font-size: 28px;color: #fff;font-weight: bold;}

section.top_img .en p{color: #fff;font-size:16px }

section.top_img .en {background-color: #007EA9;opacity: 0.8}

.top_copy_box{width: 100%;position: absolute;bottom: -30px;background-image: url("../img/top_copy_bk.jpg");background-size: 50% 100%;background-repeat: no-repeat
}

.top_copy_box_main{width: 100%;margin: auto;max-width: 1170px;text-align: left}

.top_copy_box_main p{background-color:#007EA9;color: #fff;padding: 20px;display: inline-block;margin: 0;font-size: 16px;
text-align: left}

section.content_box{padding: 0}

section.top_contents{margin-top: 150px}

.content_box_body{display: flex;margin: auto;
flex-wrap: wrap;
justify-content: space-between;align-items: flex-start;padding: 0 15px;width: 100%;
max-width: 1170px}



section.content_box .txt_L{width: 46%;}

section.content_box .img_R{width: 100%;}

section.content_box .img_R img{width: 100%}

.content_box h3 {font-size: 32px;color: #000;font-weight: bold;display: block}

.title_en{color: #0099C9;font-size:20px ;margin-bottom: 30px}


section.gray{background-color: #F4F4F4;padding:50px 0!important;margin: 50px auto}


.title_box_main{display: inline-block}


section.gray > .title_box_main{padding-top: 50px}

.content_box2{width: 100%;margin-bottom: 50px}

.txt_L2{width: 30%}

.img_L2{width: 70%}

.txt_L2 p{padding-right: 30px}
.txt_R2 p{padding-left: 30px}

.txt_L2 h4{border-bottom: solid 2px #0099C9;font-size: 24px;margin-bottom: 20px}
.txt_R2 h4{border-bottom: solid 2px #0099C9;font-size: 24px;margin-bottom: 20px;padding-left: 30px}



.img_R2{ width: 70%}
.txt_R2{width: 30%}

.list_box{width: 100%}

.list_title{background-color: #007EA9;width: 100%;padding:5px 10px }

.list_title p{text-align: center;color: #fff;font-size:17px;padding:5px 0 0;line-height: 1em;font-weight: bold}

.list_table {padding: 20px;background-color: #fff}

.list_table ul {list-style: none;margin: 0;
  display: flex;}

.list_table ul li{margin-right: 30px}

.list_table table td.title{font-size: 16px;color: #007EA9;font-weight: bold;width: 150px;vertical-align: top}
.list_table table td{padding: 5px}

ul.title_only {list-style: none;padding: 0;display: flex;}
ul.title_only li{font-size: 16px;color: #007EA9;font-weight: bold;}

@media only screen and (max-width: 756px) {


    .top_copy_box{position: relative;bottom: 0}
    
    .content_box2{width: 100%;padding-bottom: 30px}
    .content_box2 td{width: 100%;display:block;}
    .content_box2 td ul{padding-left:0;}
    
    ul.title_only {list-style: none;padding: 0;display: block;}
	ul.title_only li{font-size: 16px;color: #007EA9;font-weight: bold;}

    .txt_R2 h4{border-bottom: solid 2px #0099C9;font-size: 24px;margin-bottom: 20px;padding-left: 0px}
    .txt_L2 p{padding-right: 0px}
.txt_R2 p{padding-left: 0px}
    .content_box_body{display: block;margin: auto;
flex-wrap: wrap;
justify-content: space-between;align-items: flex-start;padding: 0 15px;width: 100%;
max-width: 1170px}
    .txt_L2{width: 100%}

.img_L2{width: 100%}
    .img_R2{ width: 100%}
.txt_R2{width: 100%}
    
    section.top_contents{margin-top:50px}
    section.content_box{padding: 0;}
    
    section.content_box .img_R{width: 100%;margin-top: 20px}
    
    section.top_img{width: 100%;height: 350px;margin-top: 60px;
    text-align: center;
background-position:center top 0;
background-repeat: no-repeat;
background-size:cover;
padding: 0}

.title_box{display: inline-block;margin:26vw auto 0}
    
.bk_01{background-image:url("")}
    
    section.content_box .txt_L{width: 100%;}
    
    .content_box h3{font-size: 6vw}
    .title_en{font-size: 4vw}
}

/* iframe */
.iframe-wrapper {
  max-width: 1000px;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 50px;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}