@charset "utf-8";
/* ----------------------------------------
head
------------------------------------------- */
#head {
box-shadow: 0 5px 5px rgba(0,0,0,0.1);
}
/* ----------------------------------------
philosophy
------------------------------------------- */
.philosophy{
font-size: 2.4rem;
text-align: center;
margin-bottom: 50px;
}

.think li{
background-color: #f8f8f8;
padding: 25px;
margin-bottom: 30px;
}
.think li:last-child{
margin-bottom: 0;
}
.think h4{
font-size: 1.6rem;
font-weight: bold;
text-align: center;
margin-bottom: 20px;
}
.think p{
text-align: center;
margin-bottom: 0;
}
/* ----------------------------------------
outline
------------------------------------------- */
#outline table{
width: 100%;
border: 1px solid #959595;
}
#outline table th,#outline table td{
text-align: center;
border-bottom: 1px solid #959595;
padding: 10px;
}
#outline table tr:last-child th,#outline table tr:last-child td{
border-bottom: none;
}
#outline table th{
width: 25%;
box-sizing: border-box;
background-color: #f8f8f8;
}
#outline table td:nth-child(2){
width: 54%;
box-sizing: border-box;
text-align: left;
border-right: 1px solid #959595;
padding-left: 5%;
}
/* ----------------------------------------
other
------------------------------------------- */
#other .txt{
margin-bottom: 50px;
}
#other dl dt{
font-weight: bold;
margin:10px;
}
#other dl dd{
padding-left: 10px;
margin-bottom: 10px;
margin:15px;
}

/*ここから追加*/
#other p{
margin-bottom: 50px;
}

#other .float-l{
width: 30%;
}

#other .center{
display: flex;
justify-content:center;
}

#other .float-r{
width: 47%;
}

#other .btn a{
display: block;
font-size: 1.6rem;
text-align: center;
vertical-align: middle;
border: 1px solid #959595;
padding: 14px 10px;
}
#other .btn a::after{
display: inline-block;
content: "";
width: 41px;
height: 48px;
vertical-align: middle;
background: url("../images/vision-images/icon-pdf.png") 0 0 no-repeat;
background-size: 41px auto;
margin-left: 10px;
}
/* =======================
  PC
======================== */
@media screen and (min-width: 1200px) {
}
/* =======================
  TABLET
======================== */
@media screen and (max-width:1199px) {
/* ----------------------------------------

------------------------------------------- */


}
/* =======================
  SP
======================== */
@media screen and (max-width: 699px) {
/* ----------------------------------------
philosophy
------------------------------------------- */
.philosophy{
font-size: 1.6rem;
text-align: left;
margin-bottom: 50px;
}

.think li{
background-color: #f8f8f8;
padding: 15px;
margin-bottom: 20px;
}
.think li:last-child{
margin-bottom: 0;
}
.think h4{
text-align: left;
margin-bottom: 10px;
}
.think p{
text-align: left;
}
/* ----------------------------------------
outline
------------------------------------------- */
#outline table th,#outline table td{
font-size: 1.2rem;
padding: 5px;
}
#outline table td:nth-child(2){
padding-left: 3%;
}

/* ----------------------------------------
other
------------------------------------------- */
#other .float-l {
	flex-shrink: 0;
	width: 100%;
}

}
/*ここまでがモバイル対応*/

/* ----------------------------------------
box
------------------------------------------- */
.kakomi-box1 {
 margin: 1.5em auto;
 padding: 1em;
 width: 95%;
 font-weight: bold;
 background-color: #fff; /* �w�i�F */
 border: 1px solid #ccc; /* �g�� */
 border-radius: 8px; 
}
/* ----------------------------------------
dt2
------------------------------------------- */
.dt2{
font-weight: bold;
margin:20px;
}