/* CSS Document */
/*---------------------------------------------
  General Settings
  ---------------------------------------------*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@700&display=swap');
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);


section {
  padding: 120px 0 0vw;
}

h2 {
  margin: 0 0 0.4em 0;
}


.sec_h3 {
  margin: 1.2vw 0 3vw;
  letter-spacing: 0.2em;
  font-size: 26px;
}

.sec_h3 span {
  font-size: 1.1vw;
  letter-spacing: 0;
  display: block;
  font-size: 12px;
  letter-spacing: 0;
  display: block;
  margin-bottom: 0.5vw;
  letter-spacing: 0.1em;
}

.sec_img{
  margin: 2.4vw 0 1.2vw;
}

#pagehead .inner {
  padding-top: 110px;
}

h3.headarea_ttl {
  position: static;
}

.headarea .b24 {
  margin: 2vw 0 2vw;
  letter-spacing: 0.15em;
}

.headarea .r16 {
  margin: 2vw 0 3vw;
}


.pr_flow_box {
  margin: 40px 0 0;
}

.pr_flow {
  display: flex;
  gap: 10px;
  margin-top: 0;
}

.pr_flow li {
  padding: 2%;
  background-color: #7F7F7F;
}


.pr_flow li:nth-child(2) {
  background-color: #666666;
}

.pr_flow li:nth-child(3) {
  background-color: #4d4d4d;
}

.pr_flow li:nth-child(4) {
  background-color: #373737;
}

.pr_flow li p {
  color: #fff;
}

.pr_flow_img {
  width: 40%;
  margin: auto;
}

.pr_flow_ttl {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  margin: 2px 0 8px;
}

.pr_flow_txt {
  font-size: 12px;
  font-weight: 300;
  line-height: 1.6em;
}

/*--- 私たちの強み ----*/

.column2_750 ol.left {
  width: 32%;
}

.column2_750 ol.right {
  width: 68%;
}

ol.right li p:nth-child(1) {
  width: 36%;
}

ol.right li p:nth-child(2) {
  width: 64%;
}

ol.item_one li p:nth-child(1) {
  width: 100%;
  color: #222;
}

.square_h4 {
  font-size: 17px;
  display: inline-block;
}

.square_h4::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #222;
  vertical-align: middle;
  margin-right: 8px;
  margin-bottom: 2px;
}


.center_btn{
    display: block;
    margin: 2vw auto;
    width: fit-content;
}

/*---------------------------------------------
    Style End 1000px
    ---------------------------------------------*/

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

.inner{
  padding: 40px 0 40px;
}

#our_business{
  padding: 110px 0 40px;
}


.pr_flow{
display: block;
}

.pr_flow li{
  display: flex;
  padding: 4%;
}

.pr_flow_img {
        width: 21%;
        margin: 2% 4% 2% 0;
}

.pr_flow li div{
  width: 75%;
}

.pr_flow_ttl {
    text-align: left;}


    .sec_h3 {
      line-height: 1.5em;
      margin: 0 0 32px;
    }
.sec_h3 span{
  margin-bottom: 0;
}

.sec_img {
    margin: 24px 0 24px;
}
  /**/
}


/*---------------------------------------------
    Style End 750
    ---------------------------------------------*/
@media screen and (max-width:750px) {

.column2_750 ul.column2_wrap{
  display: block;
}

.column2_750 ol.left,.column2_750 ol.right{
  width: 100%;
}

ol.right li p:nth-child(1),ol.right li p:nth-child(2){
  width: 100%;
  text-align: left;
}


  /**/
}