@charset "utf-8";

/* =================================================

		top
	 
----------------------------------------------------
*
		Page Layout
		contents - common parts
		section - hero
		section - greeting
		section - about
		section - programs
		section - agriculture_support
		section - inquiry
		section - new
		section - company
*
================================================= */







/* =================================================

		Page Layout

================================================= */

/* for JS : Start */
#document { opacity: 0;}
/* for JS : End */







/* =================================================

		contents - common parts

================================================= */

/* ----------------------------------------------
		boxLt / boxRt
---------------------------------------------- */
.blkLt,
.blkRt { background-color: #fff;}
.blkLt { margin-right: 48px; margin-right: 6.25%; border-radius: 0 30px 30px 0; overflow: hidden;}
.blkRt { margin-left: 48px; margin-left: 6.25%; border-radius: 30px 0 0 30px;}

.blkLt .blkLtInr,
.blkRt .blkRtInr { width: 660px; width: 91.66666666666667%; padding-top: 30px; padding-bottom: 30px;}
.blkLt .blkLtInr { float: right; padding-right: 20px; padding-right: 3.125%;}
.blkRt .blkRtInr { padding-left: 40px; padding-left: 6.25%;}


@media screen and (min-width: 769px){
  .blkLt { margin-right: 203px; margin-right: 21.5vw;}
  .blkRt { margin-left: 203px; margin-left: 21.5vw;}

  .blkLt .blkLtInr,
  .blkRt .blkRtInr { width: 640px; width: 96.2406015037594%; max-width: 757px;}
  .blkLt .blkLtInr { padding-right: 20px;}
  .blkRt .blkRtInr { padding-left: 40px;}
}/* min-width: 769 */


@media screen and (min-width: 1024px){
  .blkLt { margin-right: 203px;}
  .blkRt { margin-left: 203px;}
  .secBlkLt,
  .secBlkRt { position: relative;}
  .secBlkLt::before,
  .secBlkRt::before { content: ""; position: absolute; top: 0; width: 50%; height: 100%; background-color: #fff;}
  .secBlkLt::before { left: 0;}
  .secBlkRt::before { right: 0;}
  
  .blkLt,
  .blkRt { position: relative;}
  .blkLt { margin-right: 203px;}
  .blkRt { margin-left: 203px;}

  .blkLt .blkLtInr,
  .blkRt .blkRtInr { width: 757px;}
}/* min-width: 1024 */







/* =================================================

		section - hero

================================================= */

/*#hero { background-color: rgba(0,0,0,.3);}
#hero .heroMain { background-color: rgba(255,255,0,.3);}
#hero .heroDesc { background-color: rgba(255,0,255,.3);}
*/

#hero {
  display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; height: 100vh;
}

#hero .heroTop {
  display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%;
  height: 15%;
  padding-top: 8%;
}
#hero .heroTop .heroCopy01 { width: 573px; width: 74.609375%; margin-left: auto; margin-right: auto; text-align: center; }

#hero .heroMain {
  display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%;
  padding-top: 2%; padding-bottom: 2%;
  height: 52%;
}
#hero .heroMain .heroImg { width: 432px; width: 56.25%; margin-left: auto; margin-right: auto;}

#hero .heroDesc {
  margin-top: auto;
  height: auto;
  padding-bottom: 2%;
}
#hero .heroDesc .heroCopy02 { width: 216px; width: 28.125%; margin-left: auto; margin-right: auto;}
#hero .heroDesc .heroCopy03 { width: 678px; width: 88.28125%; margin-left: auto; margin-right: auto; padding-top: 3%;}
#hero .heroDesc .heroLogo { width: 170px; width: 22.13541666666667%; margin-left: auto; margin-right: auto; padding-top: 4%;}


@media (orientation: landscape) and (max-width: 1024px){
  #hero { height: auto;}
  #hero .heroTop { height: 22vh; padding-top: 6vh;}
  #hero .heroMain { height: 78vh; padding-top: 6vh; padding-bottom: 6vh;}
}/* max-width: 768 + orientation: landscape */


@media screen and (min-width: 769px){
  #hero { height: 100vh; min-height: 768px;}
  
  #hero .heroTop { height: 18%;}
  #hero .heroTop .heroCopy01 { width: 429px;}
  
  #hero .heroMain { height: 55%;}
  #hero .heroMain .heroImg { width: 395px;}

  #hero .heroDesc { padding-bottom: 3vh;}
  #hero .heroDesc .heroCopy02 { width: 151px;}
  #hero .heroDesc .heroCopy03 { width: 576px; padding-top: 2vh;}
  #hero .heroDesc .heroLogo { width: 120px; padding-top: 3vh;}
}/* min-width: 769 */


@media screen and (min-width: 1025px){
  #hero { height: 100vh; }
}/* min-width: 1025 */


/*	action ----------------------------------- */
#hero .heroImg {
  -webkit-animation: heroImg 2s linear infinite;
  animation: heroImg 2s linear infinite;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
@-webkit-keyframes heroImg {
  0% { -webkit-transform: translateY(0) translateX(0); }
  33.33333% { -webkit-transform: translateY(-20px) translateX(0px); }
  66.66667% { -webkit-transform: translateY(0) translateX(-10px); }
  100% { -webkit-transform: translateY(0) translateX(0); }
}
@keyframes heroImg {
  0% { transform: translateY(0) translateX(0); }
  33.33333% { transform: translateY(-20px) translateX(0px); }
  66.66667% { transform: translateY(0) translateX(-10px); }
  100% { transform: translateY(0) translateX(0); }
}








/* =================================================

		section - greeting

================================================= */

#greeting { padding-top: 80px; padding-top: 10%; overflow: hidden;}
#greeting .greetingTtl { width: 445px; width: 69.80392156862745%;}
#greeting .greetingBox { margin-top: 64px; margin-top: 10.03921568627451%;}
#greeting .greetingBoxImg { width: 339px; width: 53.17647058823529%; margin-left: 135px; margin-left: 21.17647058823529%;}
#greeting .greetingBoxTxt { margin-top: 64px; margin-top: 10.03921568627451%;}
#greeting .greetingTxt { font-size: 100%; line-height: 2.0em;}
#greeting .greetingProfBtn { margin-top: 1em; text-align: center;}
#greeting .greetingFig { width: 624px; width: 81.25vw; margin-top: 90px; margin-top: 11vw; margin-left: auto; margin-right: auto; text-align: center;}


@media screen and (min-width: 769px){
  #greeting { padding-top: 40px;}
  #greeting .greetingTtl { width: 334px;}
  #greeting .greetingBox { display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; margin-top: 30px;}
  #greeting .greetingBoxImg { width: 255px; margin-left: 0; margin-right: 30px;}
  #greeting .greetingBoxTxt { margin-top: 0;}
  #greeting .greetingProfBtn { text-align: right; font-size: 14px;}
  #greeting .greetingFig { width: 94.375%; margin-top: 120px;}
}/* min-width: 769 */


@media screen and (min-width: 1024px){
  #greeting .greetingFig { width: 906px; margin-top: 7em;}
}/* min-width: 1024 */







/* =================================================

		section - about

================================================= */

#about { margin-top: 30px; margin-top: 4%; overflow: hidden;}
#about .aboutTtl { width: 613px; width: 80vw; margin-left: auto; margin-right: auto; margin-bottom: 70px; margin-bottom: 9vw; text-align: center;}
#about .aboutTxt { font-size: 100%; line-height: 2.0em;}
#about .aboutTxtName { margin-top: 1em; text-align: right; font-size: 86%;}


@media screen and (min-width: 769px){
  #about { margin-top: 20px;}
  #about .aboutTtl { width: 51%; margin-bottom: 60px;}
  #about .aboutTxtName { font-size: 80%;}
}/* min-width: 769 */


/* ----------------------------------------------
		boxRt aboutImg
---------------------------------------------- */
#about .blkRt { position: relative; padding-bottom: 210px; padding-bottom: 27vw;}
#about .blkRt .aboutImg { position: absolute; left: -20px; left: -2.6vw; bottom: 48px; bottom: 6vw; width: 706px; width: 92vw;}


@media screen and (min-width: 769px){
  #about .blkRt { padding-bottom: 90px;}
  #about .blkRt .aboutImg { left: -140px; width: 565px; bottom: 30px;}
}/* min-width: 769 */


@media screen and (min-width: 1024px){
}/* min-width: 1024 */







/* =================================================

		section - programs

================================================= */

#programs { margin-top: 100px; margin-top: 13%;}
#programs .programsTtl { width: 562px; width: 73.2vw; margin-left: auto; margin-right: auto; text-align: center;}

@media screen and (min-width: 769px){
  #programs { margin-top: 90px;}
  #programs .programsTtl { width: 449px;}
}/* min-width: 769 */



/* ----------------------------------------------
		programsBlk
---------------------------------------------- */
#programs .programBlkWrap {}

#programs .programBlk { position: relative; width: 100%; margin-top: 40px; margin-top: 2em; border-radius: 0 1.79em 0 0; background-color: #fff;}

#programs .programBlkHeader { position: relative; padding: 36px 36px 23px 56px; padding: 4.6875vw 4.6875vw 3vw 7.3vw; margin-bottom: 20px; margin-bottom: 2.6vw;}
#programs .programBlkHeader::before { content: ""; position: absolute; left: 20px; left: 2.6vw; top: 0; width: 10px; width: 1.3vw; height: 100%; background-color: #004b70;}
#programs .programBlkWrap .programBlk:nth-child(odd) .programBlkHeader::before { background-image: url(../common/img/bg_line01.png);}
#programs .programBlkWrap .programBlk:nth-child(even) .programBlkHeader::before { background-image: url(../common/img/bg_line02.png);}

#programs .programBlkTtl { font-size: 48px; font-size: 152%; line-height: 1.3em;}
#programs .programBlkCopy { display: block; margin-bottom: 0.75em; font-size: 24px; font-size: 55%; line-height: 1.4em;}
#programs .programBlkTagsList { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: end; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding-top: 0.5em;}
#programs .programBlkTag { padding: 0.3em 0.5em 0.15em; margin-left: 0.5em; margin-top: 0.5em; border: 1px solid #004b70; font-size: 21px; font-size: 75%; line-height: 1.4em;}
#programs .programBlkTag.tagBusiness { background-color: #e0f1f7;}

#programs .programBlkBody {}

#programs .programBlkImg {}

#programs .programBlkBodyInr { padding: 35px; padding: 4.6vw;}

#programs .programBlkTxt:not(:first-child) { margin-top: 0.75em;}

#programs p.programBlkBtn,
#programs ul.programBlkBtnsList { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; padding-top: 1.5em;}

#programs ul.programBlkBtnsList { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
#programs ul.programBlkBtnsList li.programBlkBtn { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; margin-top: 1em;}
#programs ul.programBlkBtnsList li.programBlkBtn:first-child {  margin-top: 0;}

#programs .programHr { position: relative; width: 116px; width: 100%; height: 0px; padding-top: 60px; margin-left: auto; margin-right: auto;  margin-top: 40px; margin-top: 2em; border: 0; background: url(../common/img/img_hero.png) center top no-repeat; background-size: 116px auto;}


@media screen and (min-width: 480px){
  #programs ul.programBlkBtnsList { -ms-flex-pack: justify; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}
  #programs ul.programBlkBtnsList li.programBlkBtn { width: 48%; margin-top: 0;}
  #programs ul.programBlkBtnsList li.programBlkBtn .btn02Lt { width: 100%;}
}/* min-width: 480 */


@media screen and (min-width: 769px){
  #programs .programBlk { margin-top: 40px; border-radius: 0 50px 0 0;}
  
  #programs .programBlkHeader { padding: 20px 30px 8px 50px; margin-bottom: 20px;}
  #programs .programBlkHeader::before { left: 20px; width: 10px;}

  #programs .programBlkTtl { font-size: 32px;}
  #programs .programBlkCopy { margin-bottom: 10px; font-size: 16px;}
  #programs .programBlkTagsList { padding-top: 5px;}
  #programs .programBlkTag { margin-left: 10px; margin-top: 5px; font-size: 14px;}

  #programs .programBlkBody { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; padding-bottom: 30px;}

  #programs .programBlkImg { width: 480px; width: 51%;}

  #programs .programBlkBodyInr { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; width: 49%; padding: 0 30px;}

  #programs p.programBlkBtn,
  #programs ul.programBlkBtnsList { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; margin-top: auto; padding-top: 1.5em;}

  #programs ul.programBlkBtnsList { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
  #programs ul.programBlkBtnsList li.programBlkBtn { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; margin-top: 1em;}
  #programs ul.programBlkBtnsList li.programBlkBtn:first-child {  margin-top: 0;}
  
  #programs .programHr { width: 240px; width: 100%; height: 0px; padding-top: 124px; margin-top: 40px; background-size: 240px auto;}
}/* min-width: 769 */


@media screen and (min-width: 1024px){
  #programs ul.programBlkBtnsList { -ms-flex-pack: justify; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}
  #programs ul.programBlkBtnsList li.programBlkBtn { width: 48%; margin-top: 0;}
  #programs ul.programBlkBtnsList li.programBlkBtn .btn02Lt { width: 100%;}
}/* min-width: 1024 */







/* =================================================

    section - agriculture_support

================================================= */

[id="agriculture_support"] { margin-top: 100px; margin-top: 13%;}
[id="agriculture_support"] .programsTtl { width: 562px; width: 73.2vw; margin-left: auto; margin-right: auto; text-align: center;}

@media screen and (min-width: 769px){
  [id="agriculture_support"] { margin-top: 90px;}
  [id="agriculture_support"] .programsTtl { width: 449px;}
}/* min-width: 769 */



/* ----------------------------------------------
    programsBlk
---------------------------------------------- */
[id="agriculture_support"] .programBlkWrap {}

[id="agriculture_support"] .programBlk { position: relative; width: 100%; margin-top: 40px; margin-top: 2em; border-radius: 0 1.79em 0 0; background-color: #fff;}

[id="agriculture_support"] .programBlkHeader { position: relative; padding: 36px 36px 23px 56px; padding: 4.6875vw 4.6875vw 3vw 7.3vw; margin-bottom: 20px; margin-bottom: 2.6vw;}
[id="agriculture_support"] .programBlkHeader::before { content: ""; position: absolute; left: 20px; left: 2.6vw; top: 0; width: 10px; width: 1.3vw; height: 100%; background-color: #004b70;}
[id="agriculture_support"] .programBlkWrap .programBlk:nth-child(odd) .programBlkHeader::before { background-image: url(../common/img/bg_line01.png);}
[id="agriculture_support"] .programBlkWrap .programBlk:nth-child(even) .programBlkHeader::before { background-image: url(../common/img/bg_line02.png);}

[id="agriculture_support"] .programBlkTtl { font-size: 48px; font-size: 152%; line-height: 1.3em;}
[id="agriculture_support"] .programBlkCopy { display: block; margin-bottom: 0.75em; font-size: 24px; font-size: 55%; line-height: 1.4em;}
[id="agriculture_support"] .programBlkTagsList { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: end; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding-top: 0.5em;}
[id="agriculture_support"] .programBlkTag { padding: 0.3em 0.5em 0.15em; margin-left: 0.5em; margin-top: 0.5em; border: 1px solid #004b70; font-size: 21px; font-size: 75%; line-height: 1.4em;}
[id="agriculture_support"] .programBlkTag.tagBusiness { background-color: #e0f1f7;}

[id="agriculture_support"] .programBlkBody {}

[id="agriculture_support"] .programBlkImg {}

[id="agriculture_support"] .programBlkBodyInr { padding: 35px; padding: 4.6vw;}

[id="agriculture_support"] .programBlkTxt:not(:first-child) { margin-top: 0.75em;}

[id="agriculture_support"] p.programBlkBtn,
[id="agriculture_support"] ul.programBlkBtnsList { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; padding-top: 1.5em;}

[id="agriculture_support"] ul.programBlkBtnsList { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
[id="agriculture_support"] ul.programBlkBtnsList li.programBlkBtn { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; margin-top: 1em;}
[id="agriculture_support"] ul.programBlkBtnsList li.programBlkBtn:first-child {  margin-top: 0;}

[id="agriculture_support"] .programHr { position: relative; width: 116px; width: 100%; height: 0px; padding-top: 60px; margin-left: auto; margin-right: auto;  margin-top: 40px; margin-top: 2em; border: 0; background: url(../common/img/img_hero.png) center top no-repeat; background-size: 116px auto;}


@media screen and (min-width: 480px){
  [id="agriculture_support"] ul.programBlkBtnsList { -ms-flex-pack: justify; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}
  [id="agriculture_support"] ul.programBlkBtnsList li.programBlkBtn { width: 48%; margin-top: 0;}
  [id="agriculture_support"] ul.programBlkBtnsList li.programBlkBtn .btn02Lt { width: 100%;}
}/* min-width: 480 */


@media screen and (min-width: 769px){
  [id="agriculture_support"] .programBlk { margin-top: 40px; border-radius: 0 50px 0 0;}
  
  [id="agriculture_support"] .programBlkHeader { padding: 20px 30px 8px 50px; margin-bottom: 20px;}
  [id="agriculture_support"] .programBlkHeader::before { left: 20px; width: 10px;}

  [id="agriculture_support"] .programBlkTtl { font-size: 32px;}
  [id="agriculture_support"] .programBlkCopy { margin-bottom: 10px; font-size: 16px;}
  [id="agriculture_support"] .programBlkTagsList { padding-top: 5px;}
  [id="agriculture_support"] .programBlkTag { margin-left: 10px; margin-top: 5px; font-size: 14px;}

  [id="agriculture_support"] .programBlkBody { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; padding-bottom: 30px;}

  [id="agriculture_support"] .programBlkImg { width: 480px; width: 51%;}

  [id="agriculture_support"] .programBlkBodyInr { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; width: 49%; padding: 0 30px;}

  [id="agriculture_support"] p.programBlkBtn,
  [id="agriculture_support"] ul.programBlkBtnsList { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; margin-top: auto; padding-top: 1.5em;}

  [id="agriculture_support"] ul.programBlkBtnsList { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
  [id="agriculture_support"] ul.programBlkBtnsList li.programBlkBtn { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; margin-top: 1em;}
  [id="agriculture_support"] ul.programBlkBtnsList li.programBlkBtn:first-child {  margin-top: 0;}
  
  [id="agriculture_support"] .programHr { width: 240px; width: 100%; height: 0px; padding-top: 124px; margin-top: 40px; background-size: 240px auto;}
}/* min-width: 769 */


@media screen and (min-width: 1024px){
  [id="agriculture_support"] ul.programBlkBtnsList { -ms-flex-pack: justify; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}
  [id="agriculture_support"] ul.programBlkBtnsList li.programBlkBtn { width: 48%; margin-top: 0;}
  [id="agriculture_support"] ul.programBlkBtnsList li.programBlkBtn .btn02Lt { width: 100%;}
}/* min-width: 1024 */







/* =================================================

		section - inquiry

================================================= */

#inquiry { padding: 130px 0; padding: 17% 0; overflow: hidden;}

#inquiry .inquiryFrame { position: relative; padding: 45px 20px 80px; padding: 5.9vw 2.6vw 10vw; background-color: rgba(255,255,255,0.7);}
#inquiry .inquiryFrame::before,
#inquiry .inquiryFrame::after { content: ""; position: absolute; height: 0; background-position: left top; background-repeat: no-repeat;}
#inquiry .inquiryFrame::before { left: 0; top: 0; width: 98px; width: 12.8vw; padding-top: 200px; padding-top: 26vw; margin-top: -85px; margin-top: -11vw; background-image: url(../common/img/img_baloon01.png); background-size: 100% auto;}
#inquiry .inquiryFrame::after { right: -8px; right: -1vw; bottom: 0; width: 108px; width: 14vw; padding-top: 185px; padding-top: 24vw; margin-bottom: -70px; margin-bottom: -9.1vw; background-image: url(../common/img/img_baloon02.png); background-size: 100% auto;}

#inquiry .inquiryTtl { width: 416px; width: 54.2vw; margin-left: auto; margin-right: auto; text-align: center;}
#inquiry .inquiryTxt { margin-top: 1.0em; text-align: center; font-size: 86%;}
#inquiry .inquiryBtn { margin-top: 1.5em; text-align: center;}


@media screen and (min-width: 769px){
  #inquiry { padding: 60px 0;}

  #inquiry .inquiryFrame { width: 85%; padding: 30px 20px 30px; margin-left: auto; margin-right: auto;}
  #inquiry .inquiryFrame::before { left: -72px; top: 0; width: 98px; padding-top: 200px; margin-top: -45px;}
  #inquiry .inquiryFrame::after { right: -75px; bottom: 0; width: 108px; padding-top: 185px; margin-bottom: -73px;}

  #inquiry .inquiryTtl { width: 392px;}
  #inquiry .inquiryTxt { margin-top: 25px; font-size: 18px;}
  #inquiry .inquiryBtn { margin-top: 45px; font-size: 18px;}
}/* min-width: 769 */

/*	action ----------------------------------- */
#inquiry .inquiryFrame::before {
  -webkit-animation: balloonBefore 2s linear infinite;
  animation: balloonBefore 2s linear infinite;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
@-webkit-keyframes balloonBefore {
  0% { -webkit-transform: translateY(0) translateX(0); }
  33.33333% { -webkit-transform: translateY(-10px) translateX(0px); }
  66.66667% { -webkit-transform: translateY(0) translateX(-5px); }
  100% { -webkit-transform: translateY(0) translateX(0); }
}
@keyframes balloonBefore {
  0% { transform: translateY(0) translateX(0); }
  33.33333% { transform: translateY(-10px) translateX(0px); }
  66.66667% { transform: translateY(0) translateX(-5px); }
  100% { transform: translateY(0) translateX(0); }
}
#inquiry .inquiryFrame::after {
  -webkit-animation: balloonAfter 2s linear infinite;
  animation: balloonAfter 2s linear infinite;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
@-webkit-keyframes balloonAfter {
  0% { -webkit-transform: translateY(0) translateX(0); }
  33.33333% { -webkit-transform: translateY(0) translateX(-5px); }
  66.66667% { -webkit-transform: translateY(-10px) translateX(0); }
  100% { -webkit-transform: translateY(0) translateX(0); }
}
@keyframes balloonAfter {
  0% { transform: translateY(0) translateX(0); }
  33.33333% { transform: translateY(0) translateX(-5px); }
  66.66667% { transform: translateY(-10px) translateX(0); }
  100% { transform: translateY(0) translateX(0); }
}







/* =================================================

		section - news

================================================= */

#news {}
#news .newsTtl { width: 119px; width: 15.5vw; margin-left: auto; margin-right: auto; text-align: center;}
#news .newsFrame { margin-top: 4vw;}


@media screen and (min-width: 769px){
  #news .newsTtl { width: 94px;}
  #news .newsFrame { padding: 0 30px; margin-top: 25px;}
}/* min-width: 769 */


@media screen and (min-width: 1024px){
}/* min-width: 1024 */







/* =================================================

		section - company

================================================= */

#company { margin-top: 120px; margin-top: 15%; padding-top: 10%; padding-bottom: 24vw; background: url(../common/img/bg_green.png) center top repeat-x #cbdec9;}

#company .companyTtl { width: 186px; width: 24.21875vw; margin-left: auto; margin-right: auto; text-align: center;}

#company .companyInfo { margin-top: 60px; margin-top: 6.5%;}
#company .companyInfoDetail { font-size: 86%;}
#company .companyInfoDl { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100%;}
#company .companyInfoDt { width: 25%; white-space: nowrap;}
#company .companyInfoDd { width: 75%;}
#company .companyInfoMap { margin-top: 70px; margin-top: 9%; text-align: center;}


@media screen and (min-width: 769px){
  #company { margin-top: 50px; padding-top: 50px; padding-bottom: 80px;}

  #company .companyTtl { width: 146px;}
  
  #company .companyInfo { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-pack: justify; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-top: 40px;}
  #company .companyInfoDetail { flex: 1 0 0%; font-size: 14px;}
  #company .companyInfoDt { width: 20%;}
  #company .companyInfoDd { width: 80%;}
  #company .companyInfoMap { min-width: 300px; width: 300px; margin-top: 0; margin-left: 3%;}
}/* min-width: 769 */


@media screen and (min-width: 1024px){
}/* min-width: 1024 */