/*! Writen  by SCSS */
.inner_main {
  background-image: url(../images/main.jpg); }

.midashi_group {
  margin-bottom: clamp(50px, 7.5vw, 90px); }

.title_group {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  margin-bottom: clamp(30px, 3.334vw, 40px); }
  @media screen and (max-width: 480px) {
    .title_group {
      row-gap: 15px; } }
  .title_group .title {
    font-size: clamp(16px, 1.667vw, 20px);
    color: #92762b; }
    @media screen and (max-width: 820px) {
      .title_group .title {
        font-size: 1.9vw; } }
    @media screen and (max-width: 480px) {
      .title_group .title {
        font-size: 4.4vw; } }
    .title_group .title.white {
      color: #FFF; }
    .title_group .title.blue {
      color: #284299; }

.read {
  line-height: 1.87; }

.sec01 {
  padding: clamp(50px, 7.5vw, 90px) 0; }
  .sec01 .sec01_item_group {
    padding-top: 80px;
    margin-top: -80px;
    flex-direction: column;
    row-gap: 60px; }
    @media screen and (max-width: 820px) {
      .sec01 .sec01_item_group {
        row-gap: 40px; } }
  .sec01 .sec01_item01 .system_ttl {
    position: relative;
    padding: 10px 20px;
    background: linear-gradient(to right, #284299 0%, #009ce0 100%); }
    .sec01 .sec01_item01 .system_ttl .jp {
      font-size: clamp(16px, 1.667vw, 20px);
      color: #FFF; }
    .sec01 .sec01_item01 .system_ttl .en {
      position: absolute;
      right: 0;
      bottom: 0;
      line-height: 0.7;
      font-size: 40px;
      color: rgba(255, 255, 255, 0.3); }
  .sec01 .sec01_item01 .sys_box {
    padding: 20px;
    background: #FFF;
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    /*.sys01{
    	@include mq($br_sp){
    		flex-direction: column;
    		row-gap:20px;
    	}
    	.sys01_l{
    		width:cal_per(1160,830);
    		@include mq($br_sp){
    			width: 100%;	
    		}
    		.icon_txt_group{
    			justify-content: flex-start;
    			column-gap:cal_per(860,30);
    			@include mq($br_sp){
    				flex-direction: column;
    				row-gap:10px;
    			}
    			.icon_txt{
    				align-items:center;
    				column-gap:15px;
    				@include mq($br_sp){
    					justify-content: flex-start;
    				}
    				.icon{
    					@include mq($br_sp){
    						width: 40px;
    					}
    				}
    				.text{
    					font-size:clamp_gm(10,1200,15);
    					color:#284299;
    					@include mq($br_air){
    						font-size:1.4vw;
    					}
    					@include mq($br_sp){
    						font-size: 3.4vw;
    					}
    				}
    			}
    			
    		}
    	}
    	
    	.sys01_r{
    		width:cal_per(1160,290);
    		@include mq($br_sp){
    			width: 100%;
    			max-width: 270px;
    			margin:0 auto;
    		}
    		.image_text{
    			width:cal_per(290,140);
    			text-align: center;
    			justify-content: flex-start;
    			flex-direction: column;
    			row-gap:10px;
    			.image{
    				margin:0 auto;
    				&.image01{
    					width:cal_per(140,84);
    				}
    				&.image02{
    					width:cal_per(140,130);
    				}
    			}
    			.caption{
    				font-size:clamp_gm(10,1500,15);
    				@include mq($br_air){
    					font-size:1.1vw;
    				}
    				@include mq($br_sp){
    					font-size: 3vw;
    				}
    				.small{
    					display: block;
    					font-size:12px;
    				}
    			}
    		}
    	}
    }*/ }
    @media screen and (max-width: 768px) {
      .sec01 .sec01_item01 .sys_box {
        row-gap: 20px; } }
    @media screen and (max-width: 480px) {
      .sec01 .sec01_item01 .sys_box {
        row-gap: 30px; } }
    .sec01 .sec01_item01 .sys_box:after {
      content: "";
      position: absolute;
      inset: 0;
      border: 1px solid #1f6faa;
      border-top: none;
      pointer-events: none; }
    .sec01 .sec01_item01 .sys_box .sys01 {
      display: grid;
      grid-template-columns: 71.56% 25%;
      align-items: flex-start;
      align-content: start;
      grid-auto-flow: dense;
      justify-content: space-between; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_item01 .sys_box .sys01 {
          flex-direction: column;
          row-gap: 20px;
          grid-template-columns: 1fr; } }
      .sec01 .sec01_item01 .sys_box .sys01 .icon_txt_group {
        justify-content: flex-start;
        column-gap: 3.49%; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item01 .sys_box .sys01 .icon_txt_group {
            flex-direction: column;
            row-gap: 10px;
            grid-row: 3/4; } }
        .sec01 .sec01_item01 .sys_box .sys01 .icon_txt_group .icon_txt {
          align-items: center;
          column-gap: 15px; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .sys_box .sys01 .icon_txt_group .icon_txt {
              justify-content: flex-start; } }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .sys_box .sys01 .icon_txt_group .icon_txt .icon {
              width: 40px; } }
          .sec01 .sec01_item01 .sys_box .sys01 .icon_txt_group .icon_txt .text {
            font-size: clamp(10px, 1.25vw, 15px);
            color: #284299; }
            @media screen and (max-width: 820px) {
              .sec01 .sec01_item01 .sys_box .sys01 .icon_txt_group .icon_txt .text {
                font-size: 1.4vw; } }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_item01 .sys_box .sys01 .icon_txt_group .icon_txt .text {
                font-size: 3.4vw; } }
      .sec01 .sec01_item01 .sys_box .sys01 .img_wrap {
        grid-row: 1/3;
        grid-column: 2/3; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item01 .sys_box .sys01 .img_wrap {
            max-width: 270px;
            margin: 0 auto;
            grid-row: span 1;
            grid-column: span 1; } }
        .sec01 .sec01_item01 .sys_box .sys01 .img_wrap .image_text {
          width: 48.28%;
          text-align: center;
          justify-content: flex-start;
          flex-direction: column;
          row-gap: 10px; }
          .sec01 .sec01_item01 .sys_box .sys01 .img_wrap .image_text .image {
            margin: 0 auto; }
            .sec01 .sec01_item01 .sys_box .sys01 .img_wrap .image_text .image.image01 {
              width: 60%; }
            .sec01 .sec01_item01 .sys_box .sys01 .img_wrap .image_text .image.image02 {
              width: 92.86%; }
          .sec01 .sec01_item01 .sys_box .sys01 .img_wrap .image_text .caption {
            font-size: clamp(10px, 1vw, 15px); }
            @media screen and (max-width: 820px) {
              .sec01 .sec01_item01 .sys_box .sys01 .img_wrap .image_text .caption {
                font-size: 1.1vw; } }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_item01 .sys_box .sys01 .img_wrap .image_text .caption {
                font-size: 3vw; } }
            .sec01 .sec01_item01 .sys_box .sys01 .img_wrap .image_text .caption .small {
              display: block;
              font-size: 12px; }
    .sec01 .sec01_item01 .sys_box .sys02 {
      flex-direction: row-reverse; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_item01 .sys_box .sys02 {
          flex-direction: column;
          flex-direction: column-reverse;
          row-gap: 30px; } }
      .sec01 .sec01_item01 .sys_box .sys02 .sys02_in {
        width: 49.14%; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item01 .sys_box .sys02 .sys02_in {
            width: 100%; } }
        .sec01 .sec01_item01 .sys_box .sys02 .sys02_in.image_group .image_name {
          font-size: clamp(11px, 1.25vw, 15px);
          margin-bottom: 5px; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .sys_box .sys02 .sys02_in.image_group .image_name {
              margin-bottom: 10px;
              font-size: 13px; } }
        .sec01 .sec01_item01 .sys_box .sys02 .sys02_in.guide_group {
          flex-direction: column;
          row-gap: 20px; }
          .sec01 .sec01_item01 .sys_box .sys02 .sys02_in.guide_group .guide_in .guide_ttl {
            background: #073e97;
            font-size: clamp(14px, 1.667vw, 20px);
            color: #FFF;
            line-height: 1.2;
            padding: 10px;
            letter-spacing: normal;
            margin-bottom: 20px; }
            @media screen and (max-width: 820px) {
              .sec01 .sec01_item01 .sys_box .sys02 .sys02_in.guide_group .guide_in .guide_ttl {
                font-size: 1.7vw;
                margin-bottom: 10px; } }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_item01 .sys_box .sys02 .sys02_in.guide_group .guide_in .guide_ttl {
                text-align: center;
                font-size: 3.3vw;
                line-height: 1.4; } }
            .sec01 .sec01_item01 .sys_box .sys02 .sys02_in.guide_group .guide_in .guide_ttl.flex {
              padding: 0; }
              @media screen and (max-width: 480px) {
                .sec01 .sec01_item01 .sys_box .sys02 .sys02_in.guide_group .guide_in .guide_ttl.flex {
                  flex-direction: column; } }
              .sec01 .sec01_item01 .sys_box .sys02 .sys02_in.guide_group .guide_in .guide_ttl.flex span {
                display: block;
                padding: 10px;
                letter-spacing: -0.13em; }
                @media screen and (max-width: 480px) {
                  .sec01 .sec01_item01 .sys_box .sys02 .sys02_in.guide_group .guide_in .guide_ttl.flex span {
                    padding: 8px 10px; } }
            .sec01 .sec01_item01 .sys_box .sys02 .sys02_in.guide_group .guide_in .guide_ttl .first {
              width: 65%; }
              @media screen and (max-width: 480px) {
                .sec01 .sec01_item01 .sys_box .sys02 .sys02_in.guide_group .guide_in .guide_ttl .first {
                  width: 100%; } }
            .sec01 .sec01_item01 .sys_box .sys02 .sys02_in.guide_group .guide_in .guide_ttl .second {
              width: 30%;
              font-size: 80%;
              display: flex;
              justify-content: center;
              align-items: center;
              background: #42b1ba; }
              @media screen and (max-width: 480px) {
                .sec01 .sec01_item01 .sys_box .sys02 .sys02_in.guide_group .guide_in .guide_ttl .second {
                  width: 100%;
                  font-size: 100%; } }
              @media screen and (max-width: 480px) {
                .sec01 .sec01_item01 .sys_box .sys02 .sys02_in.guide_group .guide_in .guide_ttl .second span {
                  padding: 5px; } }
          .sec01 .sec01_item01 .sys_box .sys02 .sys02_in.guide_group .guide_in .guide_read {
            font-size: clamp(11px, 1.25vw, 15px); }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_item01 .sys_box .sys02 .sys02_in.guide_group .guide_in .guide_read {
                font-size: 12px; } }
          .sec01 .sec01_item01 .sys_box .sys02 .sys02_in.guide_group .guide_in .illust01 {
            width: fit-content;
            margin: 20px auto 0; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_item01 .sys_box .sys02 .sys02_in.guide_group .guide_in .text_image {
              flex-direction: column;
              row-gap: 20px; } }
          .sec01 .sec01_item01 .sys_box .sys02 .sys02_in.guide_group .guide_in .text_image .guide_read {
            width: 50.88%; }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_item01 .sys_box .sys02 .sys02_in.guide_group .guide_in .text_image .guide_read {
                width: 100%; } }
          .sec01 .sec01_item01 .sys_box .sys02 .sys02_in.guide_group .guide_in .text_image .illust {
            width: 44.22%;
            margin-inline: auto; }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_item01 .sys_box .sys02 .sys02_in.guide_group .guide_in .text_image .illust {
                max-width: 252px;
                margin: 0 auto;
                width: 100%; } }
  .sec01 .sec01_item02 .security_ttl {
    font-size: clamp(11px, 1.25vw, 15px);
    margin-bottom: 10px; }
    @media screen and (max-width: 480px) {
      .sec01 .sec01_item02 .security_ttl {
        font-size: 13px; } }
  @media screen and (max-width: 480px) {
    .sec01 .sec01_item03 {
      flex-direction: column;
      row-gap: 30px; } }
  .sec01 .sec01_item03 .title_group {
    margin-bottom: 30px; }
  .sec01 .sec01_item03 .item03_l {
    width: 65.84%; }
    @media screen and (max-width: 480px) {
      .sec01 .sec01_item03 .item03_l {
        width: 100%; } }
    .sec01 .sec01_item03 .item03_l .photo_group .photo_group_in {
      width: 32.41%;
      position: relative; }
      .sec01 .sec01_item03 .item03_l .photo_group .photo_group_in .photo_text {
        position: absolute;
        left: 0;
        bottom: 100%;
        font-size: clamp(11px, 1.25vw, 15px);
        margin-bottom: 5px; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item03 .item03_l .photo_group .photo_group_in .photo_text {
            font-size: 10px; } }
  .sec01 .sec01_item03 .item03_r {
    width: 31.09%; }
    @media screen and (max-width: 480px) {
      .sec01 .sec01_item03 .item03_r {
        width: 100%; } }
  .sec01 .sec01_item04 .title_group {
    margin-bottom: 30px; }
  .sec01 .sec01_item04 .item04_group {
    align-items: flex-start; }
    @media screen and (max-width: 820px) {
      .sec01 .sec01_item04 .item04_group {
        flex-wrap: wrap; } }
    .sec01 .sec01_item04 .item04_group .group_in {
      width: 31.09%; }
      .sec01 .sec01_item04 .item04_group .group_in.door_img {
        order: 2; }
        @media screen and (max-width: 820px) {
          .sec01 .sec01_item04 .item04_group .group_in.door_img {
            order: 1;
            width: 100%; } }
        @media screen and (max-width: 820px) {
          .sec01 .sec01_item04 .item04_group .group_in.door_img .door_image {
            max-width: 300px;
            margin: 0 auto 30px; } }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item04 .item04_group .group_in.door_img .door_image {
            max-width: 260px; } }
      .sec01 .sec01_item04 .item04_group .group_in.left {
        order: 1; }
        @media screen and (max-width: 820px) {
          .sec01 .sec01_item04 .item04_group .group_in.left {
            width: 48%;
            order: 2; } }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item04 .item04_group .group_in.left {
            width: 100%;
            margin-bottom: 20px; } }
      .sec01 .sec01_item04 .item04_group .group_in.right {
        order: 3; }
        @media screen and (max-width: 820px) {
          .sec01 .sec01_item04 .item04_group .group_in.right {
            width: 48%; } }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item04 .item04_group .group_in.right {
            width: 100%; } }
      .sec01 .sec01_item04 .item04_group .group_in.flex {
        justify-content: flex-start;
        flex-direction: column;
        row-gap: clamp(15px, 2.084vw, 25px); }
      .sec01 .sec01_item04 .item04_group .group_in .item {
        flex-direction: column;
        row-gap: clamp(12px, 1.667vw, 20px); }
        .sec01 .sec01_item04 .item04_group .group_in .item .num_text {
          justify-content: flex-start;
          align-items: center;
          color: #92762b;
          color: #2575c7; }
          .sec01 .sec01_item04 .item04_group .group_in .item .num_text .num {
            font-size: clamp(20px, 2.5vw, 30px);
            font-weight: bold; }
            @media screen and (max-width: 820px) {
              .sec01 .sec01_item04 .item04_group .group_in .item .num_text .num {
                font-size: 3vw; } }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_item04 .item04_group .group_in .item .num_text .num {
                font-size: 7vw; } }
          .sec01 .sec01_item04 .item04_group .group_in .item .num_text .text {
            margin-left: 10px;
            padding-left: 10px;
            border-left: 1px solid #92762b;
            font-size: clamp(11px, 1.25vw, 15px); }
            @media screen and (max-width: 820px) {
              .sec01 .sec01_item04 .item04_group .group_in .item .num_text .text {
                font-size: 1.8vw; } }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_item04 .item04_group .group_in .item .num_text .text {
                font-size: 3.8vw; } }
            .sec01 .sec01_item04 .item04_group .group_in .item .num_text .text .big {
              display: block;
              font-size: 120%; }
        @media screen and (max-width: 820px) {
          .sec01 .sec01_item04 .item04_group .group_in .item .read {
            font-size: 11px; } }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item04 .item04_group .group_in .item .read {
            font-size: 12px; } }
        .sec01 .sec01_item04 .item04_group .group_in .item .read_group {
          flex-direction: column;
          row-gap: clamp(15px, 1.667vw, 20px); }
          .sec01 .sec01_item04 .item04_group .group_in .item .read_group .read.ex {
            background: #ddd9d6;
            padding: 10px; }
        .sec01 .sec01_item04 .item04_group .group_in .item .text_photo .text {
          width: 69.71%; }
          .sec01 .sec01_item04 .item04_group .group_in .item .text_photo .text .box_txt {
            padding: 5px;
            margin-top: 15px;
            border: 1px solid #333;
            font-size: clamp(10px, 1vw, 12px); }
        .sec01 .sec01_item04 .item04_group .group_in .item .text_photo .photo {
          width: 26.81%; }
  .sec01 .sec01_item05 {
    background: #f7efe3;
    padding: 30px;
    flex-direction: row-reverse; }
    @media screen and (max-width: 480px) {
      .sec01 .sec01_item05 {
        padding: 20px;
        flex-direction: column;
        row-gap: 20px; } }
    .sec01 .sec01_item05 .diagram_group {
      width: 64.65%; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_item05 .diagram_group {
          width: 100%; } }
      .sec01 .sec01_item05 .diagram_group .diagram_name {
        font-size: clamp(11px, 1.25vw, 15px);
        margin-bottom: 10px; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item05 .diagram_group .diagram_name {
            font-size: 13px; } }
    .sec01 .sec01_item05 .photo_group {
      width: 32.02%; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_item05 .photo_group {
          width: 100%; } }
      .sec01 .sec01_item05 .photo_group .title_group {
        margin-bottom: 30px; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_item05 .photo_group .title_group {
            margin-bottom: 0; } }

.sec02 {
  padding: 0 0 clamp(60px, 8.334vw, 100px); }
  .sec02 .sec02_item01_group {
    flex-wrap: wrap;
    row-gap: clamp(30px, 4.167vw, 50px); }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_item01_group {
        row-gap: 20px; } }
    .sec02 .sec02_item01_group .group_in {
      width: 48.34%;
      align-items: flex-start; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_item01_group .group_in {
          width: 100%; } }
      .sec02 .sec02_item01_group .group_in.flex {
        flex-direction: column; }
      .sec02 .sec02_item01_group .group_in.full {
        width: 100%;
        flex-direction: row-reverse; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item01_group .group_in.full {
            flex-direction: column;
            row-gap: 20px; } }
      .sec02 .sec02_item01_group .group_in .locker_img {
        width: 48.34%; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item01_group .group_in .locker_img {
            width: 100%; } }
        .sec02 .sec02_item01_group .group_in .locker_img .locker_img_in {
          border: 1px solid #ccc;
          padding: 20px;
          background: #FFF;
          margin-bottom: 10px;
          text-align: center; }
      .sec02 .sec02_item01_group .group_in .guide_group {
        width: 48.34%;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 30px 6.88%; }
        @media screen and (max-width: 820px) {
          .sec02 .sec02_item01_group .group_in .guide_group {
            gap: 20px 6.88%; } }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item01_group .group_in .guide_group {
            width: 100%; } }
        .sec02 .sec02_item01_group .group_in .guide_group .guide_group_in {
          width: 100%; }
          .sec02 .sec02_item01_group .group_in .guide_group .guide_group_in.half {
            width: 46.56%; }
            @media screen and (max-width: 820px) {
              .sec02 .sec02_item01_group .group_in .guide_group .guide_group_in.half {
                width: 100%; } }
      .sec02 .sec02_item01_group .group_in .guide_ttl {
        width: 100%;
        font-size: clamp(11px, 1.334vw, 16px);
        color: #FFF;
        line-height: 1.2;
        background: #004381;
        padding: 13px 15px; }
        @media screen and (max-width: 820px) {
          .sec02 .sec02_item01_group .group_in .guide_ttl {
            padding: 8px; } }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item01_group .group_in .guide_ttl {
            font-size: 4vw; } }
        .sec02 .sec02_item01_group .group_in .guide_ttl.flex.ex {
          padding: 0; }
          .sec02 .sec02_item01_group .group_in .guide_ttl.flex.ex .text {
            padding: 13px 15px; }
            @media screen and (max-width: 820px) {
              .sec02 .sec02_item01_group .group_in .guide_ttl.flex.ex .text {
                padding: 8px; } }
            @media screen and (max-width: 480px) {
              .sec02 .sec02_item01_group .group_in .guide_ttl.flex.ex .text {
                padding: 12px 8px; } }
        .sec02 .sec02_item01_group .group_in .guide_ttl.flex .text {
          display: inline-block;
          line-height: 1;
          align-self: center; }
        .sec02 .sec02_item01_group .group_in .guide_ttl.flex .num {
          width: 45px;
          flex-shrink: 0;
          text-align: center;
          font-size: 137%;
          background: #a50000;
          display: flex;
          justify-content: center;
          align-items: center; }
          @media screen and (max-width: 480px) {
            .sec02 .sec02_item01_group .group_in .guide_ttl.flex .num {
              width: 35px; } }
        .sec02 .sec02_item01_group .group_in .guide_ttl.flex .interlocking {
          background: #FFF;
          border-radius: 5px;
          font-size: 12px;
          padding: 5px;
          color: #004381; }
      .sec02 .sec02_item01_group .group_in .guide_box {
        flex-grow: 1;
        position: relative;
        padding: 15px 20px;
        background: #FFF; }
        .sec02 .sec02_item01_group .group_in .guide_box:after {
          content: "";
          position: absolute;
          inset: 0;
          border: 1px solid #CCC;
          border-top: none;
          pointer-events: none; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item01_group .group_in .guide_box.flex {
            flex-direction: column;
            row-gap: 15px; } }
        .sec02 .sec02_item01_group .group_in .guide_box.flex .read {
          width: 59.26%; }
          @media screen and (max-width: 480px) {
            .sec02 .sec02_item01_group .group_in .guide_box.flex .read {
              width: 100%; } }
        .sec02 .sec02_item01_group .group_in .guide_box.flex .phone {
          width: 40.19%; }
          @media screen and (max-width: 480px) {
            .sec02 .sec02_item01_group .group_in .guide_box.flex .phone {
              width: 100%;
              text-align: center; } }
        .sec02 .sec02_item01_group .group_in .guide_box .service_item .amazon_group {
          margin-bottom: 10px;
          flex-direction: row-reverse; }
          @media screen and (max-width: 480px) {
            .sec02 .sec02_item01_group .group_in .guide_box .service_item .amazon_group {
              flex-direction: column;
              row-gap: 10px; } }
          .sec02 .sec02_item01_group .group_in .guide_box .service_item .amazon_group .logo_amazon {
            width: 19.82%; }
            @media screen and (max-width: 480px) {
              .sec02 .sec02_item01_group .group_in .guide_box .service_item .amazon_group .logo_amazon {
                width: 100%;
                text-align: center; } }
          .sec02 .sec02_item01_group .group_in .guide_box .service_item .amazon_group .amazon_ttl {
            width: 77.78%;
            font-size: clamp(14px, 1.667vw, 20px);
            color: #004381;
            color: #92762b; }
            @media screen and (max-width: 480px) {
              .sec02 .sec02_item01_group .group_in .guide_box .service_item .amazon_group .amazon_ttl {
                font-size: 4vw;
                width: 100%;
                text-align: center; } }
        .sec02 .sec02_item01_group .group_in .guide_box .service_item .labo_group {
          flex-direction: row-reverse;
          margin-bottom: 20px; }
          @media screen and (max-width: 480px) {
            .sec02 .sec02_item01_group .group_in .guide_box .service_item .labo_group {
              flex-direction: column;
              row-gap: 20px; } }
          .sec02 .sec02_item01_group .group_in .guide_box .service_item .labo_group .logo_labo {
            width: 23.52%; }
            @media screen and (max-width: 480px) {
              .sec02 .sec02_item01_group .group_in .guide_box .service_item .labo_group .logo_labo {
                width: 100%;
                text-align: center; } }
          .sec02 .sec02_item01_group .group_in .guide_box .service_item .labo_group .labo_text {
            width: 70.38%;
            font-size: clamp(11px, 1.25vw, 15px); }
            @media screen and (max-width: 480px) {
              .sec02 .sec02_item01_group .group_in .guide_box .service_item .labo_group .labo_text {
                width: 100%;
                font-size: 3.4vw; } }
        .sec02 .sec02_item01_group .group_in .guide_box .service_item .service_group {
          flex-direction: column;
          row-gap: clamp(10px, 1.25vw, 15px); }
          .sec02 .sec02_item01_group .group_in .guide_box .service_item .service_group .service_in.flex .left {
            width: 77.78%; }
            @media screen and (max-width: 480px) {
              .sec02 .sec02_item01_group .group_in .guide_box .service_item .service_group .service_in.flex .left {
                width: 60%; } }
          .sec02 .sec02_item01_group .group_in .guide_box .service_item .service_group .service_in.flex .right {
            width: 17.04%; }
            @media screen and (max-width: 480px) {
              .sec02 .sec02_item01_group .group_in .guide_box .service_item .service_group .service_in.flex .right {
                width: 35%; } }
          .sec02 .sec02_item01_group .group_in .guide_box .service_item .service_group .service_in .service_ttl {
            font-size: clamp(12px, 1.334vw, 16px);
            color: #004381;
            margin-bottom: clamp(10px, 1.25vw, 15px);
            margin-bottom: clamp(10px, 0.834vw, 10px); }
            .sec02 .sec02_item01_group .group_in .guide_box .service_item .service_group .service_in .service_ttl.indent {
              text-indent: -1em;
              padding-left: 1em; }
            @media screen and (max-width: 480px) {
              .sec02 .sec02_item01_group .group_in .guide_box .service_item .service_group .service_in .service_ttl {
                font-size: 14px; } }
            .sec02 .sec02_item01_group .group_in .guide_box .service_item .service_group .service_in .service_ttl .big {
              font-size: 125%;
              color: #92762b; }
          .sec02 .sec02_item01_group .group_in .guide_box .service_item .service_group .service_in .service_read {
            font-size: clamp(11px, 1.25vw, 15px); }
          .sec02 .sec02_item01_group .group_in .guide_box .service_item .service_group .cap_l.indent {
            text-indent: -1em;
            padding-left: 1em; }

.pinch_box {
  margin: 20px auto 0; }

/*# sourceMappingURL=security.css.map */