@charset "utf-8";



#main_box { line-height: 2.0; }



/* side_menu ----------------- */



li.btn002 {

  background-color: rgb(218,218,218);

  border-bottom-color: rgb(204,204,204) !important;

}

li.btn002 > a {

  pointer-events: none;

  cursor: auto;

}



#side_box .side_menu li.btn002 > a::after {

  display: none;

}







/* contents ---- */



/* ---- box05 ---- */







/* ---- box01 ---- */

.box01_01 {

  font-weight: 700;

  font-size: 150%;

  line-height: 1.5;

}



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

  .box01_01 {

    font-size: 112.5%;

  }

}





/* ---- box02 ---- */

.box02 .vision .title,

.box03 .code .title {

  padding-left: 1.5em;

  font-weight: 700;

  font-size: 150%;

  line-height: 1.5;

  border-bottom: 1px rgb(181,181,181) solid;

}

.box02 .vision .text {

  padding-left: 120px;

  font-size: 125%;

  line-height: 1.5;

}

.box03 .code .text {

  padding-left: 3em;

  text-indent: -1em;

  font-size: 112.5%;

}





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

  .box02 .vision .title,

  .box03 .code .title {

    font-size: 125%;

    padding-left: 0;

  }

  .box02 .vision .text {

    font-size: 100%;

    padding-left: 4em;

  }

  .box03 .code .text {

    font-size: 100%;

    padding-left: 1em;

  }

}













.corporate_philosophy #main_box .box04 {

	text-align: center;

}



.corporate_philosophy #main_box .box04 h4 {

	text-align: left;

}



.corporate_philosophy #main_box .box04_01 {

	width: 195px;

  height: 149px;

  margin-right: auto;

  margin-left: auto;

}



.corporate_philosophy #main_box .box04_02 {

	border: 5px solid #ccc;

	padding: 30px;

}

.corporate_philosophy #main_box .box04_02 .img07 {

  width: 250px;

  height: 18px;

  margin-right: auto;

  margin-left: auto;

}

.corporate_philosophy #main_box .box04_02 img {

	padding-bottom: 20px;

}



.corporate_philosophy #main_box .box04_02 p {

	padding-top: 1em;

	line-height: 1.4;

}

.corporate_philosophy #main_box .box04_02 p.title {

	font-size: 2rem;

    padding-top: 0;

    padding-bottom: 20px;

    margin-top: 0;

}

.corporate_philosophy #main_box .box04_03 p {

	padding-bottom: 20px;

}







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

  .corporate_philosophy #main_box .box04_02 {

    padding: 16px;

  }

  .corporate_philosophy #main_box .box04_02 p {

    text-align: left;

  }

    .corporate_philosophy #main_box .box04_02 p.title {

        font-size: 1.8rem;

        padding-bottom: 10px;

    text-align: center;

  }

}