/*
    about-us.css
*/
/*
    For reset.
*/

	*{
        -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	button, input, select, textarea {
		font-family : inherit;
		font-size   : 100%;
	}

/************************************** For PC. **************************************/
	div.ABOUTUS_WP{
		width:100%;
        border-bottom:1px solid #434343;
        line-height:1.8em;
	}

	div.ABOUTUS_WP_TH{
		width:100%;
        border-bottom:1px solid #434343;
        line-height:1.8em;
        overflow-x: scroll;
	}

	div.ABOUTUS_SCR_TH{
		width:1450px;
	}
  /* ---------------------------------
      For Top Section 
    --------------------------------- */
	div.ABOUTUS_MAIN{
		width:100%;
		height:500px;
		background:url(../imgs/aboutus_top_bg.jpg) no-repeat;
		background-size: cover;
		background-position: 60% 50%;
		position:relative;
	}

	div.ABOUTUS_MAIN_BOX{
		width:320px;
		height:300px;
		padding:40px;
        background:#000;
        color:#fff;
		position:absolute;
        left:5%;
        top:100px;
	}

	div.ABOUTUS_MAIN_BOX h2{
		font-size:220%;
        font-weight:bold;
        margin-bottom:40px;
        text-align:center;
	}

	div.ABOUTUS_MAIN_BOX p{
		font-size:90%;
		margin:0;
		padding:0;
	}

	div.ABOUTUS_BOX01{
		width:86%;
        max-width: 1000px;
        margin:0 auto;
        padding:40px 0 80px 0;
		position:relative;
	}

	div.ABOUTUS_BOX01 h3{
		font-size:240%;
        font-weight:bold;
        margin-bottom:40px;
        color:#000;
	}

	div.ABOUTUS_BOX01_IMG{
		width:47%;
		position:absolute;
        right:0;
        top:120px;
	}

	div.ABOUTUS_BOX01_IMG img{
		width:100%;
		height:auto;
	}

	div.ABOUTUS_BOX01_IMG iframe{
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
	}

	div.ABOUTUS_BOX01 p{
		margin:0;
		padding:0;
	}

	div.ABOUTUS_BOX01 p.fst{
		width:50%;
        margin-bottom:60px;
	}

	div.ABOUTUS_BOX02{
		width:100%;
        background:#f5f5f5;
        height:auto;
	}

	div.ABOUTUS_BOX02_WP{
		width:86%;
        max-width: 1000px;
        margin:0 auto;
		display:flex;
        align-items: center;
        flex-direction: row-reverse;
        justify-content: space-between;
        padding:40px 0 50px 0;
	}

	div.ABOUTUS_BOX02_TXT{
		width:47%;
	}

	div.ABOUTUS_BOX02 h3{
		font-size:200%;
        font-weight:bold;
        color:#000;
        margin-top:18px;
        margin-bottom:10px;
	}

	div.ABOUTUS_BOX02_IMG{
		width:47%;
	}

	div.ABOUTUS_BOX02_IMG img{
		width:100%;
		height:auto;
	}

	div.ABOUTUS_BOX02 p{
		margin:0;
		padding:0;
        font-weight:bold;
        line-height:1.4em;
	}

	div.ABOUTUS_BOX02 h4{
		margin:0;
		padding:0;

	}

	div.ABOUTUS_BOX03{
		width:86%;
        max-width: 1000px;
        margin:0 auto;
        padding:40px 0 50px 0;
	}

	div.ABOUTUS_BOX03_TXT{
		width:100%;
	}

	div.ABOUTUS_BOX03 h3{
		width: 80%;
        margin:0 auto;
		font-size:140%;
        font-weight:bold;
        margin-bottom:10px;
        color:#000;
	}

	div.ABOUTUS_BOX03 p{
		margin:0;
		padding:0;
		width: 80%;
        margin:0 auto;
        margin-bottom:10px;
	}

	div.ABOUTUS_BOX03 dl.ABOUTUS_PROFILE_TBL{
		width: 80%;
        margin:0 auto;
		display: flex;
		flex-wrap: wrap;
	}

	div.ABOUTUS_BOX03 dl.ABOUTUS_PROFILE_TBL dt{
		width: 30%;
		padding:10px;
		margin-bottom:2px;
		background: #E8F2FA;
        font-weight:bold;
	}

	div.ABOUTUS_BOX03 dl.ABOUTUS_PROFILE_TBL dd{
		width: calc(70% - 2px);
		padding:10px;
		margin-left:2px;
		margin-bottom:2px;
		background: #E8F2FA;
	}

	div.ABOUTUS_BOX03 dl.ABOUTUS_PROFILE_TBL dt.hdr{
		color:#fff;
        text-align:center;
        background:#166C75;
        font-weight:bold;
	}

	div.ABOUTUS_BOX03 dl.ABOUTUS_PROFILE_TBL dd.hdr{
		color:#fff;
        text-align:center;
        background:#166C75;
        font-weight:bold;
	}

	div.ABOUTUS_BOX03 dl.ABOUTUS_HISTORY_TBL{
		width: 80%;
        margin:0 auto;
		display: flex;
		flex-wrap: wrap;
	}

	div.ABOUTUS_BOX03 dl.ABOUTUS_HISTORY_TBL dt{
		width: 20%;
		padding:10px;
		margin-bottom:2px;
		background: #E8F2FA;
        font-weight:bold;
        text-align:center;
	}

	div.ABOUTUS_BOX03 dl.ABOUTUS_HISTORY_TBL dd{
		width: calc(80% - 2px);
		padding:10px;
		margin-left:2px;
		margin-bottom:2px;
		background: #E8F2FA;
	}

	div.ABOUTUS_BOX03 dl.ABOUTUS_HISTORY_TBL dt.hdr{
		color:#fff;
        text-align:center;
        background:#166C75;
        font-weight:bold;
	}

	div.ABOUTUS_BOX03 dl.ABOUTUS_HISTORY_TBL dd.hdr{
		color:#fff;
        text-align:center;
        background:#166C75;
        font-weight:bold;
	}

	div.ABOUTUS_BOX03_IMG2{
		width:81%;
        margin:0 auto;
	}

	div.ABOUTUS_BOX02_IMG2 img{
		width:100%;
		height:auto;
	}

	div.ABOUTUS_BOX04{
		width:100%;
        background:#E6F1FF;
	}

	div.ABOUTUS_BOX04_WP{
		width:86%;
        max-width: 1000px;
        margin:0 auto;
		display:flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row-reverse;
        padding:10% 0;
	}

	div.ABOUTUS_BOX04_TXT{
		width:47%;
	}

	div.ABOUTUS_BOX04 h3{
		font-size:200%;
        font-weight:bold;
        margin-bottom:40px;
        color:#000;
	}

	div.ABOUTUS_BOX04_IMG{
		width:47%;
	}


	div.ABOUTUS_BOX04 p{
		margin:0;
		padding:0;
		width:100%;
	}

	div.ABOUTUS_BOX04 p img{
		width:22px;
        height:auto;
        margin-right:5px;
        vertical-align: middle;
	}


	div.ABOUTUS_BOX04 p a{
        text-decoration:underline;
        color:#434343;
	}

    div.ABOUTUS_BOX04_MAP {
      width: 100%;
      position: relative;
      padding-top: 56.25%;
    }

    div.ABOUTUS_BOX04_MAP iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 120%;
    }

	div.ABOUTUS_BOX05{
		width:86%;
        max-width: 1000px;
        margin:0 auto;
        padding:80px 0;
        display:flex;
		justify-content: space-between;
	}

	div.ABOUTUS_BOX05_LEFT img{
		width:100%;
		height:auto;
	}

	div.ABOUTUS_BOX05_LEFT{
		width:40%;
	}

	div.ABOUTUS_BOX05_LEFT h3{
		font-size:200%;
        font-weight:bold;
        margin-bottom:40px;
        color:#000;
	}

	div.ABOUTUS_BOX05_LEFT hr{
        margin-bottom:40px;
	}

	div.ABOUTUS_BOX05 p{
		margin:0;
		padding:0;
	}

	div.ABOUTUS_BOX05_LEFT div.sns_link{
		display:flex;
        margin-top:20px;
	}

	div.ABOUTUS_BOX05_LEFT div.sns_link p{
		width:40px;
		height:40px;
        margin-right:20px;
        cursor:pointer;
	}

	div.ABOUTUS_BOX05_LEFT div.sns_link p img{
		width:100%;
		height:auto;
	}

	div.ABOUTUS_BOX05_RIGHT{
		width:49%;
        background:#CDE0E9;
        padding:60px 60px 40px 60px;
	}

	div.ABOUTUS_BOX05_RIGHT h3{
		font-size:180%;
        font-weight:bold;
        margin-bottom:30px;
        color:#000;
	}

	div.ABOUTUS_BOX05_RIGHT p{
        margin-bottom:20px;
	}

	div.ABOUTUS_BOX05_RIGHT p.line_btn{
        margin-top:30px;
        margin-bottom:20px;
	}

	div.ABOUTUS_BOX05_RIGHT input[type="text"]{
	  width:100%;
		padding: 14px 30px;
		font-size:1.0em;
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  -o-box-sizing: border-box;
	  -ms-box-sizing: border-box;
	  box-sizing: border-box;
	}


	div.ABOUTUS_BOX05_RIGHT input[type="text"]:focus {
		box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	}

	div.ABOUTUS_BOX05_RIGHT textarea {
	  width:100%;
	  height: calc( 1.3em * 16 );
	  line-height: 1.3;
		padding: 14px 30px;
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  -o-box-sizing: border-box;
	  -ms-box-sizing: border-box;
	  box-sizing: border-box;
	  font-size:1.0em;
	}


	div.ABOUTUS_BOX05_RIGHT textarea:focus {
		box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	}

	div.ABOUTUS_BOX05_RIGHT input[type="button"] {
	  width:100%;
		padding: 10px 30px;
		background: #71C5E8;
		font-size: 1.0em;
		color: #ffffff;
	}

	div.ABOUTUS_BOX05_RIGHT input[type="button"]:hover {
		cursor: pointer;
		background: #fff;
		color:#71C5E8;
	  transition: all .5s;
	}

	div.ABOUTUS_BOX06{
		width:86%;
        max-width: 1000px;
        margin:0 auto;
        padding: 0;
		position:relative;
        margin-top:60px;
	}

	div.ABOUTUS_BOX06 h3{
		font-size:200%;
        font-weight:bold;
        margin-bottom:40px;
        color:#000;
	}

	div.ABOUTUS_BOX06_WP{
		display:flex;
        justify-content: space-between;
        margin-bottom:40px;
        align-items:center;
	}

	div.ABOUTUS_BOX06_WP2{
		display:flex;
        justify-content: space-between;
        margin-bottom:40px;
        align-items:center;
	}

	div.ABOUTUS_BOX06_IMG{
		width:47%;
	}

	div.ABOUTUS_BOX06_IMG img{
		width:80%;
		height:auto;
        margin:0 10%;
	}

	div.ABOUTUS_BOX06 p{
		margin:0;
		padding:0;
		width:47%;
	}

	div.ABOUTUS_BOX06 p img{
		width:22px;
        height:auto;
        margin-right:5px;
        vertical-align: middle;
	}

	div.ABOUTUS_BOX06 p span.from{
		display:block;
		width:100%;
        text-align:right;
        margin-top:10px;
        font-size:80%;
	}

	div.ABOUTUS_BOX07{
		width:100%;
        background:#E6F1FF
	}

	div.ABOUTUS_BOX07_WP{
		width:86%;
        max-width: 1000px;
        margin:0 auto;
        padding:40px 0 50px 0;
	}

	div.ABOUTUS_BOX07_TXT{
		width:80%;
        margin:0 auto;
	}

	div.ABOUTUS_BOX07 h3{
		font-size:200%;
        font-weight:bold;
        margin-bottom:40px;
        color:#000;
	}

	div.ABOUTUS_BOX07 h3 img{
		width:56px;
        height:auto;
        margin-right:5px;
        vertical-align: middle;
	}

	div.ABOUTUS_BOX07 p{
		margin:0;
		padding:0;
	}

	div.ABOUTUS_BOX07 p img{
		width:22px;
        height:auto;
        margin-right:5px;
        vertical-align: middle;
	}


/************************************** For SP. **************************************/
@media screen and (max-width:767px){
	div.ABOUTUS_WP{
        border-bottom:0;
        line-height:2.0em;
	}

	div.ABOUTUS_WP_TH{
		width:100%;
        margin-bottom:10px;
        border-bottom:0;
        line-height:2.0em;
        overflow-x: hidden;
	}

	div.ABOUTUS_SCR_TH{
		width:100%;
	}

	div.ABOUTUS_MAIN{
		height:260px;
		background-size: auto 260px;
		background-position: 80% 10%;
	}

	div.ABOUTUS_MAIN_BOX{
		width:100%;
        height:auto;
		padding:20px 20px 20px 20px;
       bottom: 0;
       left: 0;
		background: rgba(0,0,0,0.4);
	}

	div.ABOUTUS_MAIN_BOX h2{
		font-size:160%;
		font-weight:bold;
		-webkit-text-stroke: 0;
		margin-bottom:10px;
        text-align:left;
	}

	div.ABOUTUS_BOX01{
		width:100%;
		padding:20px 20px;
	}

	div.ABOUTUS_BOX01 h3{
		font-size:160%;
        margin-bottom:20px;
	}

	div.ABOUTUS_BOX01_IMG{
		width:100%;
        position:static;
        margin:0 auto;
        margin-top:20px;
	}

	div.ABOUTUS_BOX01 p.fst{
		width:100%;
        margin-bottom:30px;
	}

	div.ABOUTUS_BOX02{
		padding:20px;
	}

	div.ABOUTUS_BOX02_WP{
		width:100%;
        display:block;
		padding:20px 0;
	}

	div.ABOUTUS_BOX02_TXT{
		width:100%;
        margin-bottom:20px;
	}

	div.ABOUTUS_BOX02 h3{
		font-size:160%;
        margin-bottom:20px;
	}

	div.ABOUTUS_BOX02_IMG{
		width:100%;
	}


	div.ABOUTUS_BOX03{
		width:100%;
		padding:20px;
        display:block;
	}

	div.ABOUTUS_BOX03 h3{
		font-size:160%;
        margin-bottom:20px;
	}

	div.ABOUTUS_BOX03_TXT{
		width:100%;
        margin-bottom:20px;
	}

	div.ABOUTUS_BOX03_IMG{
		width:100%;
	}

	div.ABOUTUS_BOX03 p{
		width:100%;
	}

	div.ABOUTUS_BOX04{
		padding:20px;
	}

	div.ABOUTUS_BOX04_WP{
		width:100%;
        display:block;
		padding:20px 0;
	}

	div.ABOUTUS_BOX04_TXT{
		width:100%;
        margin-bottom:20px;
	}

	div.ABOUTUS_BOX04 h3{
		font-size:160%;
        margin-bottom:20px;
	}

	div.ABOUTUS_BOX04_IMG{
		width:100%;
        position:static;
        margin:0 auto;
        margin-top:20px;
	}


	div.ABOUTUS_BOX04 p{
        margin-left:0;
	}

	div.ABOUTUS_BOX04 p a{
        text-align:left;
	}

    div.ABOUTUS_BOX04_MAP iframe {
      height: 100%;
    }

	div.ABOUTUS_BOX05{
		width:100%;
		padding:40px 20px;
		flex-wrap: wrap;
	}

	div.ABOUTUS_BOX05_LEFT{
		width:100%;
        margin-bottom:20px;
	}

	div.ABOUTUS_BOX05_LEFT h3{
		font-size:160%;
        margin-bottom:20px;
	}

	div.ABOUTUS_BOX05_LEFT hr{
        display:none;
	}

	div.ABOUTUS_BOX05_RIGHT{
		width:100%;
        padding:30px 30px 20px 30px;
        margin-top:20px;
	}

	div.ABOUTUS_BOX05_RIGHT h3{
		font-size:140%;
	}

	div.ABOUTUS_BOX06{
		width:100%;
		padding:40px 20px 0 20px;
        margin-top:0;
	}

	div.ABOUTUS_BOX06 h3{
		font-size:160%;
        margin-bottom:20px;
	}

	div.ABOUTUS_BOX06_WP{
		width:100%;
        margin-bottom:20px;
		flex-wrap: wrap;
	}

	div.ABOUTUS_BOX06_WP2{
		width:100%;
        margin-bottom:20px;
		flex-wrap: wrap;
        flex-direction: column-reverse;
	}

	div.ABOUTUS_BOX06_IMG{
		width:100%;
        position:static;
        margin:0 auto;
        margin-top:20px;
	}

	div.ABOUTUS_BOX06_IMG img{
		width:100%;
		height:auto;
        margin:0 ;
	}

	div.ABOUTUS_BOX06 p{
		width:100%;
	}

	div.ABOUTUS_BOX07{
		padding:20px;
	}

	div.ABOUTUS_BOX07_WP{
		width:100%;
        display:block;
		padding:20px 0;
	}

	div.ABOUTUS_BOX07_TXT{
		width:100%;
        margin-bottom:20px;
	}

	div.ABOUTUS_BOX07 h3{
		font-size:160%;
        margin-bottom:20px;
	}

	div.ABOUTUS_BOX03_IMG2{
		width:100%;
	}


}
