@charset "utf-8";

/*---------------------------
fv
---------------------------*/
section.corner2 {
  background: linear-gradient(45deg, rgba(0, 211, 130, 1) 30%, rgba(10, 181, 114, 1) 30%, rgba(68, 150, 104, 1) 70%, rgba(24, 191, 122, 1) 70%);
}
section.corner2::before,.corner2::after{
  position: absolute;
  content:'';
  z-index: -1;
}
section.corner2::before{
background: linear-gradient(135deg, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 50%);
}
section.corner2::after{
  background: linear-gradient(135deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 85%, rgba(69, 150, 104, 1) 85%);
}
#fv .container{
  position: relative;
  width:100%;
  padding:3em 1em 2em 1em;
  gap:3em 2em;
}
#fv .container > *{
  width:100%
}
/* キャッチコピー
---------------------------*/
#fv #cp-area{
  position: relative;
}
#fv #cp-area .main-catch{
  display: inline-block;
}
#fv #cp-area .bg-title{
  font-weight: 700;
  font-size: 3em;
}
#fv #cp-area .btn{
  margin-top: 2em;
}
/* 画像エリア
---------------------------*/
#fv #graphic-area .flexlist li:nth-of-type(1){
 margin-right: -12em;
}
#fv #graphic-area .flexlist li:nth-of-type(3){
  margin-left: -12em;
 }
#fv #graphic-area li img{
  height:auto;
}
#fv #graphic-area .flexlist li:nth-of-type(1) img,#fv #graphic-area .flexlist li:nth-of-type(3) img{
  width:22em;
}
#fv #graphic-area .flexlist li:nth-of-type(2) img{
  width:26em;
}

/*---------------------------
campaign
---------------------------*/
#campaign .container{
  padding-top:0;
  padding-bottom:0;
}

/*---------------------------
strength
---------------------------*/
#strengths{
  background: #46AD75;
}
#strengths.corner3::before,#strengths.corner3::after{
  width:39vw;
  height:39vw;
}
#strengths.corner3::before{
  left:auto;
  right:0;
  background: linear-gradient(45deg, rgba(69, 150, 104, 0) 50%, rgba(69, 150, 104, 1) 50%);
}
#strengths.corner3::after{
  right:auto;
  left:0;
  background: linear-gradient(45deg, rgba(69, 150, 104, 1) 50%, rgba(69, 150, 104, 0) 50%);
}
/*リスト*/
#strengths .main-area > .flexlist{
gap:1.25em;
}
#strengths ul.flexlist li{
  position: relative;
}
#strengths ul.flexlist .list-title{
  position: absolute;
  z-index: 1;
  font-size:2em;
}
#strengths ul.flexlist .list-title .bg-title{
line-height: 1.7;
padding:0 .5em;
}
#strengths ul.flexlist .list-title::first-letter{
  color:#19AC57
}
#strengths ul.flexlist .photo-area{
  position: relative;
  overflow:hidden;
  border:2px solid #fff;
}
#strengths ul.flexlist li::before{
  position: absolute;
  width: 24%;
  height:2px;
  border-radius:100vh;
  content:'';
  background: #fff;
  z-index: 1;
}
#strengths ul.flexlist .photo-area .main-text{
  position: absolute;
  padding:.5em 1em;
  font-weight: 600;
  color:#fff;
  text-shadow: 1px 1px #000;
}
/*上部*/
#strengths ul.flexlist li:nth-of-type(-n+2) .photo-area .main-text{
  bottom:0
}
/*下部*/
#strengths ul.flexlist li:nth-of-type(n+3) .photo-area .main-text{
  top:0
}
/*1*/
#strengths ul.flexlist li:nth-of-type(1) .list-title{
  top:.5em
}
#strengths ul.flexlist li:nth-of-type(1) .photo-area{
  clip-path: polygon(17% 0, 100% 0%, 100% 100%, 0 100%, 0 30%);
}
#strengths ul.flexlist li:nth-of-type(1)::before{
  top:0;
  left:-2.48em;
  transform-origin:right bottom;
  transform: rotate(-45deg);
}
#strengths ul.flexlist li:nth-of-type(1) .photo-area .main-text,#strengths ul.flexlist li:nth-of-type(3) .photo-area .main-text{
  right:0;
  padding-left:2.5em;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .77) 10%);
}
/*2*/
#strengths ul.flexlist li:nth-of-type(2) .list-title{
  top:.25em;
  right:0;
}
#strengths ul.flexlist li:nth-of-type(2) .photo-area{
  clip-path: polygon(0% 0%, 83% 0, 100% 30%, 100% 100%, 0% 100%);
}
#strengths ul.flexlist li:nth-of-type(2)::before{
  top:0;
  right:-2.48em;
  transform-origin:left top;
  transform: rotate(45deg);
}
#strengths ul.flexlist li:nth-of-type(2) .photo-area .main-text,#strengths ul.flexlist li:nth-of-type(4) .photo-area .main-text{
  padding-right:2.5em;
  background: linear-gradient(90deg, rgba(0, 0, 0, .77) 90%, rgba(0, 0, 0, 0) 100%);
}
/*3*/
#strengths ul.flexlist li:nth-of-type(3) .list-title{
  bottom:.6em;
  left:0;
}
#strengths ul.flexlist li:nth-of-type(3) .photo-area{
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 17% 100%, 0 70%);
}
#strengths ul.flexlist li:nth-of-type(3)::before{
  bottom:0;
  left:-2.48em;
  transform-origin:right top;
  transform: rotate(45deg);
}
/*4*/
#strengths ul.flexlist li:nth-of-type(4) .list-title{
  right:0;
  bottom:.6em;
}
#strengths ul.flexlist li:nth-of-type(4) .photo-area{
  clip-path: polygon(0% 0%, 100% 0, 100% 70%, 83% 100%, 0% 100%);
}
#strengths ul.flexlist li:nth-of-type(4)::before{
  bottom:0;
  right:-2.48em;
  transform-origin:left top;
  transform: rotate(-45deg);
}

/*---------------------------
multi-xchannel
---------------------------*/
section.corner4::before{
  background: linear-gradient(135deg, rgba(12, 205, 128, 1) 50%, rgba(12, 205, 128, 0) 50%);
}
section.corner4::after{
  background: linear-gradient(135deg, rgba(12, 205, 128, 0) 50%, rgba(12, 205, 128, 1) 50%);
}
#multi-xchannel .preface{
  margin-bottom: 2.5em;
}
/*アイテム設定
---------------------------*/
#multi-xchannel .illust-area{
  position: relative;
  gap:1em 0;
  margin:auto;
  text-align: left;
}
#multi-xchannel .illust-area .item-area{
  position: relative;
  width:50%;
}
#multi-xchannel .item-area .ic-area{
  width:38.7%;
  aspect-ratio: 1 / 1;
}
#multi-xchannel .item-area .ic-area img{
  width:100%;
  height:auto;
}
/*illust01*/
#multi-xchannel #illust01 .ic-area:nth-of-type(1){
  margin:0 0 0 0;
}
#multi-xchannel #illust01 .ic-area:nth-of-type(2){
  margin-right:0;
}
#multi-xchannel #illust01 .ic-area:nth-of-type(3){
  margin:-4.625em 0 0 3.3em;
}
/*illust02*/
#multi-xchannel #illust02 .ic-area:nth-of-type(1){
  margin-left:25.9%;
}
#multi-xchannel #illust02 .ic-area:nth-of-type(2){
  margin-left:0;
  margin-top:-4.625em;
}
#multi-xchannel #illust02 .ic-area:nth-of-type(3){
  margin-right:0;
  margin-top:-4.625em;
}
/*アイテム名*/
#multi-xchannel .illust-area .item-name{
  position: absolute;
  z-index: 1;
  margin: auto;
  padding:.25em .5em;
  border-radius:.2em;
  border:solid 2px #46AD75;
  background: #fff;
  text-align: center;
  font-weight: 700;
  font-size:1.5em;
  line-height: 1.25;
  color:#46AD75;
}
#multi-xchannel .illust-area > .item-name{
 top:3.2em;
 left:calc(50% - 1.25em);
}
#multi-xchannel #illust01 .item-name{
  top:2em;
}
#multi-xchannel #illust02 .item-name{
  width:6em;
  top:3.5em;
  right:1.75em
}

/*---------------------------
partner
---------------------------*/
#partner{
  background: linear-gradient(45deg, rgba(12, 205, 128, 1) 50%, rgba(78, 168, 116, 1) 50%, rgba(30, 190, 128, 1) 100%);
}
#partner .main-area .flexlist{
  gap:2em 3em;
}
#partner .main-area .flexlist li{
  width:100%;
}
#partner .flexlist .item-area{
  width:66%;
  padding:1.5em 2em;
  margin:auto;
  background: #fff;
  border-radius:.2em;
  box-shadow:0px 3px 10px 0px rgba(0,0,0,.2);
	-webkit-box-shadow:0px 3px 10px 0px rgba(0,0,0,.2);
	-moz-box-shadow:0px 3px 10px 0px rgba(0,0,0,.2);
}
#partner .flexlist .item-area img{
  width:90%;
  height: auto;
}

/*---------------------------
transparency
---------------------------*/
#transparency {
  background: #000;
}
#iconlist02 li,#iconlist04 li{
  position: relative;
  overflow: hidden;
  padding:0em 1.7em 2.5em 1.7em;
  border-radius: .2em;
}
#iconlist02 li::before,#iconlist04 li::before{
  position: absolute;
  top:5.625em;
  left:0;
  width:100%;
  height:calc(100% - 5.625em);
  content:'';
  background: #fff;
  border:1px solid #f9f9f9;
  border-radius: .2em;
  z-index: -1;
}

/*---------------------------
brand-safety
---------------------------*/
section.corner5::before{
  right:0;
  left:auto;
  background: linear-gradient(45deg, rgba(70, 173, 117,0) 50%, rgba(70, 173, 117, 1) 50%);
}
section.corner5::after{
  right:auto;
  left:0;
  background: linear-gradient(45deg, rgba(70, 173, 117, 1) 50%, rgba(70, 173, 117, 0) 50%);
}
#brand-safety{
  background: #fff;
}
#brand-safety .advertise-area{
  padding:3.5em;
  margin-top: 3.5em;
  background: linear-gradient(135deg, rgba(244, 245, 244,0) 3%, rgba(244, 245, 244,1) 3%,rgba(244, 245, 244,1) 97%,rgba(244, 245, 244,0) 97%);
}
#brand-safety .advertise-area .main-text{
  text-align: left;
  font-weight: 700;
  font-size:1.5em;
}
#brand-safety .advertise-area .main-text.min-font{
  font-size:1.125em;
  letter-spacing: .07em;
}
#brand-safety .advertise-area .bnn-area{
  display: block;
  width:56%;
  margin:2em auto;
  padding:1.5em 2em;
  background: #fff;
  border-radius:.2em;
  border:2px solid #F15B5E;
	box-shadow:0px 3px 10px 0px rgba(0,0,0,.16);
	-webkit-box-shadow:0px 3px 10px 0px rgba(0,0,0,.16);
	-moz-box-shadow:0px 3px 10px 0px rgba(0,0,0,.16);
}
#brand-safety .advertise-area .bnn-area img{
  width:100%;
}
#brand-safety .advertise-area .btn{
  margin:2em auto 1em;
}

/*---------------------------
operation-menu
---------------------------*/
section#operation-menu.corner6::before{
  right:0;
  left:auto;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 50%);
}
section#operation-menu.corner6::after{
  right:auto;
  left:0;
  background: linear-gradient(45deg, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 50%);
}
#operation-menu{
  background: linear-gradient(135deg, rgba(69, 77, 73, 1) 50%, rgba(0, 0, 0, 1) 50%);
}
#operation-menu .comingsoon{ 
  padding:.3em 1em;
  margin-top: 1em;
  background: #F4F5F4;
  border-radius:.1em;
  border:2px solid #46AD75;
  font-weight:700;
  font-size:1.5em;
  letter-spacing: .05em;
  color:#46AD75;
}


/*---------------------------
conclusion
---------------------------*/
#conclusion .container{
  position: relative;
  width:100%;
  padding:3em 1em ;
  gap:3em 2em;
}
#conclusion .container > *{
  width:100%
}
/* キャッチコピー
---------------------------*/
#conclusion #cp-area2{
  position: relative;
}
#conclusion #cp-area2 .main-catch{
  display: inline-block;
  margin-bottom: 2em;
}
#conclusion #cp-area2 .bg-title{
  font-weight: 700;
}
#conclusion #cp-area2 .main-catch .bg-title{
  font-size: 2.9em;
}
#conclusion #cp-area2 .btn{
  margin-top: 2em;
}
#conclusion #cp-area2 .sub-catch .bg-title{
  padding:.25em;
  border:2px solid #46AD75;
  font-size: 1.75em;
  line-height: 2;
  color:#46AD75;
}
/* 画像エリア
---------------------------*/
#conclusion #graphic-area2 li img{
  height:auto;
}
#conclusion #graphic-area2 .flexlist{
  gap:0 4%;
  margin: auto;
}
#conclusion #graphic-area2 #graphic1{
  width:82%;
  margin-bottom: 2em;
}
#conclusion #graphic-area2 #graphic1.flexlist li:nth-of-type(1){
  width:20%;
}
#conclusion #graphic-area2 #graphic1.flexlist li:nth-of-type(2){
  width:76%;
}
#conclusion #graphic-area2 #graphic2{
  width:90%;
}
#conclusion #graphic-area2 #graphic2.flexlist li:nth-of-type(1){
  width:70%;
}
#conclusion #graphic-area2 #graphic2.flexlist li:nth-of-type(2){
  width:26%;
 }


/*---------------------------
aboutus
---------------------------*/
#aboutus .logo-camp {
  width: 28%;
}
#aboutus .flexlist{ 
  gap:2em;
  text-align: left;
  margin-top: 2.5em;
}
#aboutus .flexlist .list-title { 
  font-size: 1.5em;
  margin-bottom:.33em;
  font-weight: 700;
}
#aboutus .flexlist .main-text{ 
  font-weight: 600;
}
#aboutus .flexlist iframe { 
  margin-top: .75em;
}

/*---------------------------
contactus
---------------------------*/
#contactus {
  background: #F4F5F4;
}
#contactus .main-area{
  padding:3em 0;
  background: linear-gradient(135deg, rgba(255, 255, 255,0) 3%, rgba(255, 255, 255, 1) 3%,rgba(255, 255, 255, 1) 97%,rgba(255, 255, 255, 0) 97%);
}
#contactus .form-area dt,#contactus .check-area label{
  font-weight: 700;
  font-size:1.25em;
}
#contactus .form-area{
  width:85%;
  margin:.5em auto 3em;
  gap:2.5em 0;
}
#contactus .form-area dt{
  margin-bottom: .5em;
}
#contactus .form-area input[type="text"],#contactus .form-area input[type="mail"],#contactus .form-area textarea{
  width:100%;
  padding:1.5em;
  background: #F4F5F4;
  border:none;
  border-radius:.4em;
}
#contactus .form-area textarea{
 height:8.5em;
}
#contactus .form-area input::placeholder{
  color:#7F7F7F;
  opacity: 1;
}
/* #contactus .check-area input#agreecheck{
  background:#F4F5F4 ;
} */
#contactus button[type="submit"]{
  margin:1em auto;
}
#contactus .error{
  color: #f22;
  display: inline-block;
  font-size: .75em;
  font-weight: normal;
}

/*---------------------------
terms
---------------------------*/
#terms .main-area,#privacy .main-area{
  gap:3em 0;
}
.text-area{
  text-align: left;
}
.text-area .heading{
  font-weight: 700;
  margin-bottom: .35em;
}
.text-area h3.heading{
  font-size: 1.75em;
}
.text-area h4.heading{
  font-size: 1.2em;
}
/*---------------------------
privacy
---------------------------*/
#privacy{
  line-height: 1.7;
}
.indent-area,.indent-list{
  padding-left:1em;
  margin-top: .5em;
}
.indent-list{
  list-style: none;
}
.paragraph{
  margin-bottom: 2em;
}
#personal-data {
  counter-reset: number 0;/*ナンバーリセット*/
}
#personal-data .paragraph{
  counter-increment: number 1;/* カウンタの増加数をセット */
}
#personal-data .paragraph h4.heading::before{
  display: inline-block;
  content: counter(number) "．"; 
}
.indent-area2{
  width:90%;
  margin:0 auto;
}
.indent-area2 .address-area{
  padding:1em 1.5em;
  margin:1em 0;
  border:1px solid #111;
}
.kome{
  position: relative;
}
.kome::before{
  position: absolute;
  top:0;
  left:0;
  content: "※"; 
}


/*pcのみ*/
@media only screen and (min-width: 768px) {
  /*---------------------------
  fv
  ---------------------------*/
  section.corner2::before{
    width:50em;
    height:50em;
  }
  section.corner2::after{
    width:40em;
    height:40em;
  }
  /*---------------------------
  campaign
  ---------------------------*/
  #campaign #iconlist01 .list-title{
    min-height:2.75em;
  }
  /*---------------------------
  strength
  ---------------------------*/
  #strengths ul.flexlist li{
    width:calc((100% - 1.25em) / 2);
  }

  /*---------------------------
  brand-safety
  ---------------------------*/
  #brand-safety #iconlist03 .list-title{
    min-height:2.75em;
  }
  /*---------------------------
  aboutus
  ---------------------------*/
  #aboutus .flexlist li{ 
    width:calc(50% - 1em);
  }
  #aboutus .flexlist li.width100{ 
    width:100%;
  }
  
}

/*1400pxからSPまでの間*/
@media screen and (min-width: 767px) and (max-width: 1400px) {
}


/*PCの基本の長さからSPまでの間*/
@media only screen and (max-width: 1199px) {
  /*------------------------------
  共通
  ------------------------------*/
  .container{
    width:100%;
  }
  /*blockセクション*/
  main section[id*="block"]::before,main section[id*="block"]::after{
    width:12vw;
    height:12vw;
  }
}



/*SP*/
@media only screen and (max-width: 767px) {
  /*---------------------------
  fv
  ---------------------------*/
  section.corner2 {
    background: linear-gradient(45deg, rgba(0, 211, 130, 1) 62%, rgba(10, 181, 114, 1) 62%, rgba(68, 150, 104, 1) 81.5%, rgba(24, 191, 122, 1) 81.5%);
  }
  section.corner2::before{
    width:50vw;
    height:50vw;
  }
  section.corner2::after{
    width:100vw;
    height:100vw;
  }

  #fv .container{
    flex-direction: column;
    padding:3em 1em;
  }
  /* キャッチコピー
  ---------------------------*/
  #fv #cp-area .bg-title{
    font-size: 1.75em;
  }
  /* 画像エリア
  ---------------------------*/
  #fv #graphic-area .flexlist li:nth-of-type(1){
  margin-right: -25%;
  }
  #fv #graphic-area .flexlist li:nth-of-type(3){
    margin-left: -25%;
  }
  #fv #graphic-area .flexlist li:nth-of-type(1) img,#fv #graphic-area .flexlist li:nth-of-type(3) img{
    width:47vw;
  }
  #fv #graphic-area .flexlist li:nth-of-type(2) img{
    width:56vw;
  }

  /*---------------------------
  strength
  ---------------------------*/
  #strengths.corner3::before,#strengths.corner3::after{
    width:50vw;
    height:50vw;
  }
  /*リスト*/
  #strengths .main-area > .flexlist{
    gap:2em;
    flex-direction: column;
  }
  #strengths ul.flexlist li{
    width:100%;
  }
  #strengths ul.flexlist .list-title{
    font-size:1.38em;
  }
  #strengths ul.flexlist .photo-area{
    border:1px solid #fff;
  }
  #strengths ul.flexlist li::before{
    height:1px;
  }
  #strengths ul.flexlist .photo-area .main-text{
    font-size:.84em
  }
  /*1*/
  #strengths ul.flexlist li:nth-of-type(1)::before{
    left:-1.95em;
  }
  /*2*/
  #strengths ul.flexlist li:nth-of-type(2)::before{
    right:-1.95em;
  }
  /*3*/
  #strengths ul.flexlist li:nth-of-type(3)::before{
    left:-1.95em;
  }
  /*4*/
  #strengths ul.flexlist li:nth-of-type(4)::before{
    right:-1.95em;
  }

  /*---------------------------
  multi-xchannel
  ---------------------------*/
  #multi-xchannel .preface{
    text-align: left;
    font-size:1.2em
  }
  /*アイテム設定
  ---------------------------*/
  #multi-xchannel .illust-area{
    flex-direction: column;
    margin-bottom: 1em;
  }
  #multi-xchannel .illust-area .item-area{
    width:100%;
  }
  #multi-xchannel #illust01 .ic-area:nth-of-type(3){
    margin-top:-4em;
  }
  #multi-xchannel #illust02 .ic-area:nth-of-type(2){
    margin-top:-3.5em;
  }
  #multi-xchannel #illust02 .ic-area:nth-of-type(3){
    margin-top:-3.5em;
  } 
  /*アイテム名*/
  #multi-xchannel .illust-area .item-name{
    border:solid 1px #46AD75;
    font-size:1.08em;
  }
  #multi-xchannel .illust-area > .item-name{
  top:15em;
  left:calc(50% - 3em);
  }
  #multi-xchannel #illust01 .item-name{
    top:2em;
  }
  #multi-xchannel #illust02 .item-name{
    width:6em;
    top:3.5em;
    right:2em
  }
  

  /*---------------------------
  partner
  ---------------------------*/
  #partner .main-area .flexlist{
    flex-direction: column;
  }

  /*---------------------------
  brand-safety
  ---------------------------*/
  #brand-safety .advertise-area{
    padding:3em 1.5em;
    margin-top: 3.5em;
    background: linear-gradient(135deg, rgba(244, 245, 244,0) 3%, rgba(244, 245, 244,1) 3%,rgba(244, 245, 244,1) 97%,rgba(244, 245, 244,0) 97%);
  }
  #brand-safety .advertise-area .main-text{
    font-size:1.23em;
    line-height: 1.8;
  }
  #brand-safety .advertise-area .main-text.min-font{
    font-size:1em;
  }
  #brand-safety .advertise-area .bnn-area{
    display: block;
    width:90%;
    margin:2em auto;
    padding:1em 2em;
    background: #fff;
    border-radius:.2em;
    border:1px solid #F15B5E;
    box-shadow:0px 3px 10px 0px rgba(0,0,0,.16);
    -webkit-box-shadow:0px 3px 10px 0px rgba(0,0,0,.16);
    -moz-box-shadow:0px 3px 10px 0px rgba(0,0,0,.16);
  }
  #brand-safety .advertise-area .bnn-area img{
    width:100%;
  }
  #brand-safety .advertise-area .btn{
    width:80%;
    margin:2em auto 1em;
  }

  /*---------------------------
  conclusion
  ---------------------------*/
  #conclusion .container{
    flex-direction: column;
    padding:4em 1.5em;
  }
  #conclusion .container > *{
    width:100%
  }
  /* キャッチコピー
  ---------------------------*/

  #conclusion #cp-area2 .main-catch{
    display: inline-block;
    margin-bottom: 2em;
  }
  #conclusion #cp-area2 .main-catch .bg-title{
    font-size: 2.15em;
  }
  #conclusion #cp-area2 .btn{
    margin-top: 2em;
  }
  #conclusion #cp-area2 .sub-catch .bg-title{
    border:1px solid #46AD75;
    font-size: 1.3em;
  }
  /* 画像エリア
  ---------------------------*/
  #conclusion #graphic-area2 .flexlist{
    gap:0;
  }
  #conclusion #graphic-area2 #graphic1, #conclusion #graphic-area2 #graphic2{

    width:97%;
  }

  #conclusion #graphic-area2 #graphic1.flexlist li:nth-of-type(1){
    width:23.5%;
    margin-right:-16%
  }
  #conclusion #graphic-area2 #graphic1.flexlist li:nth-of-type(2){
    width:92.5%;
  }

  #conclusion #graphic-area2 #graphic2.flexlist li:nth-of-type(1){
    width:90%;
    margin-right:-21.7%
  }
  #conclusion #graphic-area2 #graphic2.flexlist li:nth-of-type(2){
    width:31.7%;
   }
   
  /*---------------------------
  aboutus
  ---------------------------*/
  #aboutus .logo-camp {
    width: 50%;
  }
  #aboutus .flexlist{ 
    flex-direction: column;
  }
  #aboutus .flexlist .list-title { 
    font-size: 1.1em;
  }
  #aboutus .flexlist .main-text { 
    font-weight:normal
  }


  /*---------------------------
  contactus
  ---------------------------*/
  #contactus {
    background: #F4F5F4;
  }
  #contactus .main-area{
    padding:2em 1.5em;
  }
  #contactus .form-area dt,#contactus .check-area label{
    font-size:1.23em;
  }
  #contactus .form-area{
    width:100%;
    margin:.5em auto 2.5em;
    gap:2em 0;
  }
  #contactus .form-area dt{
    margin-bottom: .5em;
  }
  #contactus .form-area input[type="text"],#contactus .form-area input[type="mail"]{
    padding:1.5em;
  }

  /*---------------------------
  terms
  ---------------------------*/
  .text-area h3.heading{
    font-size: 1.35em;
  }
  .text-area h4.heading{
    font-size: 1.1em;
  }

}