/**title**/

div#subpage_title div.company_title_wrap {
    margin: 100px 0 100px 0;
    padding:0 0 0 0;
    background-color:#fff;
   position:relative;
	background-image:none ;
	background-repeat:repeat-y;
	background-position: 0 0;
}

@media screen and (max-width:991px) {
    div#subpage_title div.company_title_wrap {
        margin: 85px 0 100px 0;
        padding:0 0 0 0;
        background-color:#fff;
       position:relative;
        background-image:none ;
        background-repeat:repeat-y;
        background-position: 0 0;
    }
}


/*
div#subpage_title div.company_title_wrap img.subpage_img{
    margin: 0 0 0 0;
    padding:0;
width:50%;
height:100%;
position:absolute;
top:0;
left:0;
}
*/






div#subpage_title div.company_title_wrap div.company_title {
    margin: 0 0 0 0;
    padding:0;

   position:relative;
	z-index:10;
}



div#subpage_title div.company_title_wrap div.company_title img{
    margin: 0 0 0 0;
    padding:0;
width:100%;
height:100%;

}
/**/





h2 span.title01 {

font-size:16px;
padding: 0 0 20px 0;
display:block;
text-align:left;
}


h2 span.title02 {

font-size:28px;
padding: 0 0 20px 0;
display:block;
text-align:left;
line-height:1.5;
}

.sign_hiroshi {
    margin-top: 40px;
    text-align: left;
}

.sign_hiroshi p {
    margin-bottom: 0;
}
.sign_hiroshi_img {
    width: 50%;
}

@media screen and (max-width:820px) {
    .sign_hiroshi_img {
        width: 30%;
    }
}

@media screen and (max-width:540px) {
    .sign_hiroshi_img {
        width: 50%;
    }
}

div#bland_identity_wrap h2 span.title01 {

font-size:16px;
padding: 80px 0 0 0;
display:block;
text-align:center;
}


div#bland_identity_wrap h2 span.title02 {

font-size:28px;
padding: 0 0 20px 0;
display:block;
text-align:center;
line-height:2;
}


div#philosophy_wrap h2 span.title01 {

/*font-size:16px;*/
padding: 25px 0 0 0;
margin:0 0 -25px 0;
display:block;
text-align:center;
line-height:1.8;
}

div#philosophy_wrap h2 span.title03 {

/*font-size:16px;*/
padding: 0 0 0 0;
display:block;
text-align:center;
line-height:2.8;
}

div#philosophy_wrap h2 span.title04 {

/*font-size:16px;*/
padding: 0 0 0 0;
margin: 0 auto 20px auto;
display:block;
text-align:left;
line-height:1.5;
/*width:90%;*/
width: 80%;
}

div#company_wrap h2 span.title01 {

font-size:16px;
padding: 0 0 0 0;
margin:0 0 25px 0;
display:block;
text-align:center;
line-height:1.8;
}

div#staff_wrap h2 span.title01 {

font-size:16px;
padding: 0 0 0 0;
margin:0 0 25px 0;
display:block;
text-align:center;
line-height:1.8;
}



p.auther {

font-size:16px;
padding: 0 0 20px 0;
text-align:left;
line-height:1.5;
}



div.right_section{
margin:0;
padding:80px 0 0 0;
}

@media screen and (max-width:820px) {
    div.right_section{
        width: 100%;
        margin:0;
        padding:80px 0 0 0;
    }
        
}

div.right_section p.message_text{
text-align:left;
line-height:1.5;
margin:0 0 30px 0;

}

div.company_section{
position:relative;
}



div#message_wrap{
position:relative;
    background-image: url('../img/section_bg_01.gif');
    background-repeat: no-repeat;
	background-position: 0 0;
	padding:0 0 150px 0;
}


div#bland_identity_wrap{
position:relative;
    background-image: url('../img/section_bg_02.gif');
    background-repeat: no-repeat;
	background-position: 0 0;
	padding:0 0 150px 0;
}



div#philosophy_wrap{
position:relative;
    background-image: url('../img/section_bg_03.gif');
    background-repeat: no-repeat;
	background-position: 0 0;
	padding:0 0 150px 0;
}



div#company_wrap{
position:relative;
    background-image: url('../img/section_bg_04.gif');
    background-repeat: no-repeat;
	background-position: 0 0;
	padding:0 0 150px 0;
}

div#staff_wrap{
position:relative;
    background-image: url('../img/section_bg_05.gif');
    background-repeat: no-repeat;
	background-position: 0 0;
	margin:0;
	padding:0 0 150px 0;
}

@media screen and (max-width:991px) {
    div.company_section{
        display: block;
    }
    .left_section {
        padding: 0;
    }
    h2 span.title02 {
        font-size:24px;
        padding: 0 0 20px 0;
        display:block;
        text-align:left;
        line-height:1.5;

    }
        
    div#message_wrap{
        width: 90%;
        margin: auto;
        position:relative;
        background-image: url('../img/section_bg_01.gif');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0 0;
        padding:0 0 80px 0;
    }
    div#bland_identity_wrap{
        width: 90%;
        margin: auto;
        position:relative;
        background-image: url('../img/section_bg_02.gif');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0 0;
        padding:0 0 80px 0;
    }
    div#philosophy_wrap{
        width: 90%;
        margin: auto;
        position:relative;
        background-image: url('../img/section_bg_03.gif');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0 0;
        padding:0 0 80px 0;
    }
    div#philosophy_wrap .left_section {
        width: 100%;
        margin: auto;
    }

    div#company_wrap{
        display: block;
        width: 100%;
        margin: auto;
        position:relative;
        background-image: url('../img/section_bg_04.gif');
        background-repeat: no-repeat;
        background-size: 90%;
        background-position: center top;
        padding:0 0 80px 0;
    }
    div#company_wrap .company_info {
        width: 100%;
        margin: auto;
    }
    div#company_wrap .company_info2 {
        width: 100%;
        margin: auto;
    }
    div#staff_wrap{
        width: 100%;
        margin: auto;
        position:relative;
        background-image: url('../img/section_bg_05.gif');
        background-repeat: no-repeat;
        background-size: 50%;
        background-position: center top;
        margin:0;
        padding:0 0 80px 0;
    }
}

@media screen and (max-width:820px) {
    .left_section {
        padding: 0;
        width: 100%;
        margin: auto;
        margin-top: 0;
    }

}

@media screen and (max-width:540px) {
    .left_section {
        padding: 0;
        width: 100%;
        margin: auto;
        margin-top: 0;
    }
    div#message_wrap{
        width: 90%;
        margin: auto;
        position:relative;
        background-image: url('../img/section_bg_01.gif');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0 0;
        padding:0 0 80px 0;
    }
    div#bland_identity_wrap{
        width: 90%;
        margin: auto;
        position:relative;
        background-image: url('../img/section_bg_02.gif');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0 0;
        padding:0 0 80px 0;
    }
    div#philosophy_wrap{
        width: 90%;
        margin: auto;
        position:relative;
        background-image: url('../img/section_bg_03.gif');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 0 0;
        padding:0 0 80px 0;
    }
    div#company_wrap{
        display: block;
        width: 100%;
        margin: auto;
        position:relative;
        background-image: url('../img/section_bg_04.gif');
        background-repeat: no-repeat;
        background-size: 90%;
        background-position: center top;
        padding:0 0 80px 0;
    }
    div#staff_wrap{
        width: 100%;
        margin: auto;
        position:relative;
        background-image: url('../img/section_bg_05.gif');
        background-repeat: no-repeat;
        background-size: 60%;
        background-position: center top;
        margin:0;
        padding:0 0 80px 0;
    }
}

/*

img.section_bg{
    margin: 0 0 0 0;
    padding:0;
width:60%;
height:30%;
position:absolute;
top:0;
left:0;
z-index:-1;
}
*/

img.company_photo{
width:84%;
height:84%;
margin:0 auto;
text-align:center;
}

@media screen and (max-width:1199px) {
    img.company_photo{
        width:84%;
        height:75%;
        margin:0 auto;
        text-align:center;
    }
}

@media screen and (max-width:820px) {
    img.company_photo{
        width:84%;
        height:auto;
        margin:0 auto;
        text-align:center;
    }
}

table{
position:relative;
margin:0 auto;
padding:0;
width:85%;
letter-spacing:0.1em;

}

table tr{

border-bottom:none;
}

table th{
position:relative;
margin:0;
padding:5px;
width:25%;
font-weight:normal;
text-align:left;
}


table td{
position:relative;
margin:0;
padding:5px 0 5px 5px;
text-align:left;
}


iframe{
margin:0 auto;
padding:0;
width:85%;

}

@media screen and (max-width:1199px) {
    iframe{
        margin:0 auto;
        padding:0;
        width:85%;
        height: 50%;
    }
}

.office_title{
margin:0 auto 30px auto;
letter-spacing:0.1em;
text-indent:0;
padding:20px 10px;
text-align:center;
font-weight:normal;
font-size:18px;
color:#fff;
background-color:#000;
width:85%;
}

.office_address{
line-height:2.5;
margin-bottom:30px;
}




p.staff_link a{
/*
text-decoration:underline;
*/
border-bottom:1px solid #005389;
padding:0 0 4px 0;
font-weight:bold;
color:#2F5486;
}




p.privacy_link a{
/*
text-decoration:underline;
*/
border-bottom:1px solid #005389;
padding:0 0 4px 0;
}



/*      繧ｹ繝槭�------------------------------------*/

@media screen and (max-width:540px) {
.office_title{
    margin:40px auto 30px auto;
    letter-spacing:0.1em;
    text-indent:0;
    padding:20px 10px;
    text-align:center;
    font-weight:normal;
    font-size:18px;
    color:#fff;
    background-color:#000;
    width:75%;
}

div.company_section table td.hissu{
position:relative;
margin:0;
padding:10px 0.5em;
width:20%;
}

div.setsumei_section p.soushin_kanryo{
margin:1em 1em 80px 1em;
letter-spacing:0.1em;
text-indent:0;
padding:0;
text-align:left;
}


div.setsumei_section p.soushin_kanryo_btn a{
border:none;
background-color:#005389;
padding:10px 80px;
color:#ffffff;
text-align:center;
letter-spacing:0.1em;
margin: 0 auto 15px auto;
width:auto;
display:block;
}


div.setsumei_section p.soushin_kanryo_btn a:hover {

    opacity: 0.5;
    transition: 0.5s;
}



div#philosophy_wrap h2 span.title01 {

/*font-size:16px;*/
padding: 25px 0 0 0;
margin:0 0 -25px 0;
display:block;
text-align:center;
line-height:1.8;
}

div#philosophy_wrap h2 span.title03 {

/*font-size:16px;*/
padding: 0 0 0 0;
display:block;
text-align:center;
line-height:1.8;
}

div#philosophy_wrap h2 span.title04 {

/*font-size:16px;*/
padding: 0 0 0 0;
margin: 0 auto 20px auto;
display:block;
text-align:left;
line-height:1.5;
width:100%;
}

img.company_photo{
width:100%;
height:100%;
margin:0 auto 0 auto;
text-align:center;
padding: 0 0 0 0;
}

div.company_info{
margin:0 auto 40px auto;

}

div.company_info2{
    margin:0 auto 40px auto;
    
}

div.office_section{
padding:0 0 0px 0;
height: fit-content;
}

iframe{
margin:0 auto;
padding:0;
width:85%;

}




}



/**=======================
company info btn animation
========================**/
#company_page .btn_animation{
    width: 50%;
    margin: auto;
    position: relative;
    display: inline-block;
    padding:0 0 0 20px;
    line-height: 50px;
    color: #000;
    text-decoration: none;
    outline: none;
    z-index: 1000;
}
  
#company_page .btn_animation::before{
    content:'';
    position:absolute;
    top: 20%;
    left:40%;
    z-index: -1;
    width:30px;
    height:30px;
    background:#1E5A94;
    border-radius:25px;
    transition:.3s ease-out;
}

@media screen and (max-width:1199px) {
    #company_page .btn_animation::before{
        content:'';
        position:absolute;
        top: 20%;
        left:33%;
        z-index: -1;
        width:30px;
        height:30px;
        background:#1E5A94;
        border-radius:25px;
        transition:.3s ease-out;
    }
    
}
  
#company_page .btn_animation:hover {
    color: #fff;
    transition: 0.5s;
}
  
#company_page .btn_animation:hover::before{
    width:140px;
}
  
#company_page .btn:hover .btn_circle {
    border-top: 1px solid #1E5A94;
    content: "";
    flex-grow: 1;
    width: 100%;
    height: 1px;
    transform: scaleX(1);
    animation: 3s linear 1s infinite running slidein;
}
  
#company_page .btn_animation:hover .fa-chevron-right {
    transform: translateX(10px);
    transition: 0.5s;
}
  
@media screen and (max-width:820px) {
    #company_page .btn_animation::before{
        content:'';
        position:absolute;
        top: 20%;
        left:27%;
        z-index: -1;
        width:30px;
        height:30px;
        background:#1E5A94;
        border-radius:25px;
        transition:.3s ease-out;
    }
}
@media screen and (max-width:540px) {
    #company_page .btn_animation::before{
        content:'';
        position:absolute;
        top: 20%;
        left:27%;
        z-index: -1;
        width:30px;
        height:30px;
        background:#1E5A94;
        border-radius:25px;
        transition:.3s ease-out;
    }
}