@charset "UTF-8";
header{
 height: 360px;
 background: url("../img/common_img/bg_pagetitle.jpg") center center no-repeat;
 background-size: cover;
}
@media print, screen and (min-width:768px) {
 header{
 height: 450px;
}
}
#sec01, #sec02, #sec03{
 padding: 40px 0;
}
@media print, screen and (min-width:768px) {
 #sec01, #sec02, #sec03{
 padding: 70px 0;
}
}

/* ----------------------------------------------------------------sec01*/
#sec01 .tx_box{
 margin-bottom: 20px;
}
#sec01 .tx_box p{
 text-align: left;
}
@media print, screen and (min-width:992px){
 #sec01 .flex_box{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
 }
 #sec01 .tx_box{
  width: 56%;
 margin-bottom: 0px;
}
 #sec01 .ph_box{
  width: 40%;
}
}
/* ----------------------------------------------------------------sec02*/
#sec02 .tx_box{
 margin-bottom: 20px;
}
#sec02 .tx_box p, #sec02 .tx_box figure{
 text-align: left;
}
@media print, screen and (min-width:992px){
 #sec02 .flex_box{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
 }
 #sec02 .tx_box{
  width: 56%;
 margin-bottom: 0px;
}
 #sec02 .ph_box{
  width: 40%;
}
}