@charset "utf-8";

.h-info{color: #fff;}
#page-bg{position: relative;overflow: hidden;display: block;}
	@media (max-width:991px)	{#page-bg{margin-top: 0;padding-top: 0;}}

#page-bg img {
	max-width: inherit;
	max-height: inherit;
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover';
	object-position:50% 50%;
	position: absolute;top: 0;left: 0;right: 0;bottom: 0;
}

section h4{ text-align:center; font-size:36px; font-weight:normal; margin-bottom:75px;}
	@media (max-width:991px)	{ section h4{ font-size:21px; margin-bottom:35px;}}



.h2-mask{z-index:2;background-color:rgba(0,0,0,.25);padding: 150px 30px 90px;position: relative;}
	@media (max-width:991px)	{.h2-mask{padding: 80px 0 30px;}}

.page-title{padding:60px;background-color:rgba(0, 0, 0,.5);max-width: 1500px;margin: 0 auto;color:#fff;}
	@media (max-width:991px)	{.page-title{padding:15px;}}

#page-bg h2{font-size:36px;line-height: 1;text-align: center;color:#fff;font-weight: bold;border-bottom: 1px solid #fff;padding-bottom: 45px;margin-bottom: 45px;}
	@media (max-width:991px)	{#page-bg h2{font-size:24px;padding-bottom: 15px;margin-bottom: 15px;}}

.h2-lead{font-size: 30px;text-align: center;font-weight: bold;}
	@media (max-width:991px)	{.h2-lead{font-size: 18px;}}

.h2-sublead{font-size: 18px;text-align: center;}
	@media (max-width:991px)	{.h2-sublead{font-size: 16px;}}

.h2-sublead .en{letter-spacing:.1em;text-indent:.1em;}


.breadcrumb{background: transparent;font-size: 12px;padding: 15px 0;}


.biz-btn{background: #1b93cf; color: #fff; vertical-align: middle;padding: 10px;transition: .6s;}
.biz-btn:hover,.biz-btn.active{background: #1962af;transition: .6s;}
.biz-btn .text-b span{display: block;font-size: 24px; font-weight: bold;}

/* title */
[class*="tit-level"]				{}
[class*="tit-level"]:first-child	{margin-top:0;}
[class*="tit-level"]:last-child		{margin-bottom:0;}
hr + [class*="tit-level"]			{margin-top:20px;}

.tit-level01{font-family: 'Raleway', cursive,'swis721','nsans';font-size:34px; font-weight:bold;  color: #ab987a; text-align: center; line-height: 1.7; margin: 45px 0 120px; }
.tit-level01 span.txt-jp {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";font-size:32px; color: #ab987a; line-height: 1.7; margin: 45px 0 120px; display: inline;}

.tit-level01 span{ font-size:16px; font-weight:normal; margin-bottom:45px; color: #666; display: block;}
.tit-level01a{font-size:32px; margin-bottom:45px; color:#1962af; text-align: center; line-height: 2; font-weight: bold;position: relative}

.tit-level01a:after{content: "";width: 3em;height: 3px;position: absolute;left: 50%;right: 50%;bottom: -5px;margin:0 -1.5em;background: #1962af;display: block;}
	@media (max-width:991px)	{.tit-level01a:after{display: block;}}

@media only screen and (max-width:991px)	{.tit-level01a{font-size:22px; margin-bottom: 20px;}}

@media only screen and (max-width:991px)	{.tit-level01{font-size:24px; display:block; padding-bottom:20px;margin-bottom:25px;}.tit-level01 span{margin-bottom: 20px;}}

.tit-level02{font-size:32px; font-weight:normal; margin-bottom:45px; color: #ab987a; text-align: center; line-height: 1.7;}
.tit-level02 span{font-family: 'Raleway', cursive,'swis721','nsans';font-size:18px; font-weight:normal; margin-bottom:45px; color: #ab987a; display: block;}
@media only screen and (max-width:991px)	{.tit-level02{font-size:24px; display:block; padding-bottom:20px;margin-bottom:25px;}.tit-level02 span{margin-bottom: 20px;}}
.tit-level02a{font-size:32px; font-weight:normal; margin-bottom:65px; color: #666; text-align: center; line-height: 1.7;}
@media only screen and (max-width:991px)	{.tit-level02a{font-size:22px; display:block; padding-bottom:20px;margin-bottom:25px;}.tit-level02 span{margin-bottom: 20px;}}
.tit-level02a span{font-family: 'Raleway', cursive,'swis721','nsans';font-size:18px; font-weight:normal; margin-bottom:45px; color: #ab987a; display: block;}

.tit-level1{font-size: 28px;line-height: 1;position: relative;margin-bottom: 45px;text-align: center;padding-bottom: 20px;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-weight:normal; color: #FFF;background: #1b93cf; padding: 20px 0px;font-weight: bold;}
	@media (max-width:991px)	{.tit-level1{font-size: 18px;padding-bottom: 15px;}}

/*.tit-level1:after{content: "";width: 3em;height: 1.5px;position: absolute;left: 50%;right: 50%;bottom: 0;margin:0 -1.5em;background: #0e2f49;display: block;}
	@media (max-width:991px)	{.tit-level1:after{display: block;}}
*/
.tit-level2{line-height:1.25;position:relative;border-bottom:1px dotted #666;font-size:20px;margin:30px 0 20px;padding-bottom:9px;font-weight: bold;}
	@media (max-width:991px)	{.tit-level2{font-size:16px;margin:10px 0 5px;padding-bottom:5px;}}

.tit-level3{line-height:1.25;position:relative;border-left:3px solid #0e2f49;font-size:22px;margin:20px 0 15px;padding-left:10px;font-weight: bold; color:#0e2f49}
	@media (max-width:991px)	{.tit-level3{font-size:15px;margin:20px 0 10px;padding-left:10px;}}

.ttl{font-weight: bold;font-size: 120%;}
.imgWrap a{color: #333;}
.imgWrap a:hover{color: #333;}

.tit-level4{text-align:left;font-size: 18px;font-weight:bold;margin-bottom: 25px;color:#000; line-height: 1.7}
.tit-level4 span{ display:block;font-size:24px; color:#000}
	@media only screen and (max-width:991px)	{
.tit-level4{font-size: 16px;font-weight: bold;margin-bottom: 15px;}.tit-level4 span{ display:block;font-size:20px; }}

.tit-level5{text-align:left;font-size: 32px;font-weight:bold;color:#9f3434;margin-bottom: 30px;}
	@media only screen and (max-width:991px)	{.tit-level5{font-size: 21px;font-weight: bold;margin-bottom: 15px;}}

#advantage h3 { text-align: left; font-size: 40px; margin-bottom: 50px; font-weight: bold;}
#advantage h3 span { font-size: 20px; display: block; padding-top: 15px; font-weight: bold;}
#advantage h4 { text-align: center; font-size: 20px; margin-bottom: 45px; font-weight: normal;}

@media (max-width:991px)	{ #advantage h3{ font-size:32px; margin-bottom:35px;}#advantage h3 span { font-size: 18px; }}


.num{display: block; font-size: 60px;  font-style: italic; color: #333; position: absolute; top: -73px; left: 9px; letter-spacing: 1.5px;}
.num span{color: #1b93cf;}
@media only screen and (max-width:991px)	{.num{font-size: 40px;top: -45px;left: 9px;letter-spacing: 1.5px;}}


.tit-1004{font-size: 32px;line-height: 1.8;text-align:left;color:#fff; background:#1b93cf;margin-bottom:45px;font-weight: bold; padding-left:10px;}
	@media (max-width:991px)	{.tit-1004{font-size: 18px;margin:30px 0 30px;line-height: 1.4;padding: 10px;}}

.tit-1004 span:first-child{ color:#000;}
.tit-1004 span{display: block;text-align: center;margin-bottom: 45px; color:#333}
	@media (max-width:991px)	{.tit-1004 span{margin-bottom: 15px;}}


.list01{ display: block}
.list01 li{display: inline-block;width: 32%;}

/*PRODUCTS*/
.product1{background-position: right center; background-repeat: no-repeat; background-size:58%; margin-bottom:1px; color: #0e2f49; position: relative;}
.product1 h3{font-family: 'Raleway', cursive,'swis721','nsans';font-size:24px; font-weight:bold; margin-bottom:30px;}
.product1 h3 span{ font-size:16px; display:block; padding-bottom:20px;}
.product1 .inner{ background:rgba(255,255,255,.8); padding:120px 100px;box-shadow: -2px 2px 5px rgb(0 0 0 / 20%);}
@media (max-width:991px)	{.product1{background: none!important;}.product1 .inner{ background:#fff; padding:60px 20px;box-shadow:none}}

.product1 p.sublead {color: #666;font-size: 16px;line-height: 180%;margin-bottom: 20px;-webkit-font-smoothing: antialiased;padding-bottom: 10px;border-bottom: 1px solid #ab987a; position: relative}

.product1 p.sublead:after{  content: ""; background-color: #0e2f49; position: absolute; height: 1px; width: 120px;left: 0px; bottom: -1px;}
.product1 .lineup_logo{position: absolute;top: 40px; right: 40px;}
@media only screen and (max-width:991px)	{.product1 p.sublead{font-size: 16px;}.product1 .lineup_logo{z-index: 1;top: 60px;}}


.product2{background-position: left center; background-repeat: no-repeat; background-size:58%; margin-bottom:1px; color: #0e2f49; position: relative;}
.product2 h3{font-family: 'Raleway', cursive,'swis721','nsans';font-size:24px; font-weight:bold; margin-bottom:30px;}
.product2 h3 span{ font-size:16px; display:block; padding-bottom:20px;}
.product2 .inner{ background:rgba(255,255,255,.8); padding:120px 100px;box-shadow: -2px 2px 5px rgb(0 0 0 / 20%);}
@media (max-width:991px)	{.product2{background: none!important;}.product2 .inner{ background:#fff; padding:60px 20px;box-shadow:none}}

.product2 p.sublead {color: #666;font-size: 16px;line-height: 180%;margin-bottom: 20px;-webkit-font-smoothing: antialiased;padding-bottom: 10px;border-bottom: 1px solid #ab987a; position: relative}

.product2 p.sublead:after{  content: ""; background-color: #0e2f49; position: absolute; height: 1px; width: 120px;left: 0px; bottom: -1px;}
.product2 .lineup_logo{position: absolute;top: 40px; right: 40px;}
@media only screen and (max-width:991px)	{.product2 p.sublead{font-size: 16px;}.product2 .lineup_logo{z-index: 1;top: 60px;}}


.product3{background-position: right center; background-repeat: no-repeat; background-size:58%; margin-bottom:1px; color: #0e2f49; position: relative;}
.product3 h3{font-family: 'Raleway', cursive,'swis721','nsans';font-size:24px; font-weight:bold; margin-bottom:30px;}
.product3 h3 span{ font-size:16px; display:block; padding-bottom:20px;}
.product3 .inner{ background:rgba(255,255,255,.8); padding:120px 100px;box-shadow: -2px 2px 5px rgb(0 0 0 / 20%);}
@media (max-width:991px)	{.product3{background: none!important;}.product3 .inner{ background:#fff; padding:60px 20px;box-shadow:none}}

.product3 p.sublead {color: #666;font-size: 16px;line-height: 180%;margin-bottom: 20px;-webkit-font-smoothing: antialiased;padding-bottom: 10px;border-bottom: 1px solid #ab987a; position: relative}

.product3 p.sublead:after{  content: ""; background-color: #0e2f49; position: absolute; height: 1px; width: 120px;left: 0px; bottom: -1px;}
.product3 .lineup_logo{position: absolute;top: 40px; right: 40px;}
@media only screen and (max-width:991px)	{.product3 p.sublead{font-size: 16px;}.product3 .lineup_logo{z-index: 1;top: 60px;}}


.productitem h3{font-family: 'Raleway', cursive,'swis721','nsans';font-size:32px; font-weight:bold; margin-bottom:45px; color: #ab987a;}
@media only screen and (max-width:991px)	{.productitem h3 {font-size:24px; display:block; padding-bottom:20px;}}

.productitem h4{font-size:20px; font-weight:bold; margin-bottom:45px; color: #ab987a;}
.productitem p.sublead {color: #666;font-size: 16px;line-height: 180%;margin-bottom: 20px;-webkit-font-smoothing: antialiased;padding-bottom: 10px;border-bottom: 1px solid #ab987a;}
.item h4{font-size: 20px; margin-bottom: 0; text-align: left;font-family: 'Raleway', cursive,'swis721','nsans'; font-weight: bold;}
.item{color: #333; background: #f9f9f9; transition: .6s;}
.item:hover{color: #fff!important; background: #0e2f49; transition: .6s;opacity: 1!important;}
.item a{color: #333; transition: .6s;}
.item a:hover{opacity: 1!important; color: #fff!important}
.item img:hover,.item a:hover img{opacity: 1!important;}

.appeal-text{background-position: center center;background-repeat:no-repeat; background-size: cover;}
@media only screen and (max-width:991px){.appeal-text{background-image:none!important;}}
.appeal-text .container{max-width: 1500px;padding: 0;}
.appeal-text h4{ color: #333; font-size: 20px;font-weight:normal; margin-bottom: 45px;border-bottom: 1px solid #ab987a;position: relative; padding-bottom: 30px; text-align: left;}

.appeal-text h4:after{  content: ""; background-color: #0e2f49; position: absolute; height: 1px; width: 120px;left: 0px; bottom: -1px;}

.appeal-text h4 span{line-height: 1.7; text-align: left; font-size:28px;color:#1b93cf; margin-bottom: 25px; display:block; font-weight: bold;}
@media only screen and (max-width:991px)	{.appeal-text h4{ font-size:18px;}.appeal-text h4 span{font-size: 40px;}}
.appeal-text p{ line-height:2; color:#000; text-align:left; font-size:16px;}
@media only screen and (max-width:991px)	{.appeal-text p{ padding:0 20px 0 20px; text-align:justify;}}
.appeal-text {padding:100px 50px; background-color:rgba(255,255,255,0.7);}
@media only screen and (max-width:991px){.appeal-text{ padding:50px 0px; background-color:none;}}

.appeal-text01 {padding:100px 80px; background-color:rgba(255,255,255,0.7);}
@media only screen and (max-width:991px){.appeal-text01{ padding:50px 10px; background-color:none;}}



.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


/*case-sl*/
#case-sl{ background-color:#fff;}
#case-sl h2{line-height: 1; text-align: center; font-size:60px; margin-bottom: 50px; display:block;color:#ff99ad;line-height: 1.7;}
@media only screen and (min-width:992px)	{#case-sl{padding-top: 55px;}}
@media only screen and (max-width:991px)	{#case-sl h2{ font-size:32px;}}
#case-sl h2 span{ color:#0e2f49;display: block; }
#case-sl h2 span.tit-small{ font-size: 30px; color:#ff99ad;font-size: 16px;}
@media only screen and (max-width:991px)	{#case-sl h2 span.tit-small { font-size:18px; display: block; line-height: 2.0;}}

#case-sl .btn-more{display: inline-block}

.text-area{padding: 15px 20px; background:rgb(60 144 203 / 80%);color: #fff;width: 100%; max-width: 430px;margin-top: -80px; height: 100%; display: inline-block; margin-left: 40px;z-index: 10;}
.text-area h4{ margin-bottom: 15px; font-size: 18px; text-align: left;}
@media (max-width:991px)	{.text-area{ margin-left: 20px;margin-top: -40px;}}

#case-sl figure a:hover img{z-index: 1}
#case-sl figure a:hover .text-area{z-index: 10;}
/* ------------------------------
   .slideWrap
------------------------------ */
.slideWrap {
    margin: 0 auto;
    padding: 70px 0;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.slideWrap .btnPrev,
.slideWrap .btnNext {
    bottom: 0;
    width: 30px;
    height: 30px;
    position: absolute;
    background: #000;
    border-radius: 30px;
    transition: all 0.2s ease-in-out;
}

.slideWrap .btnPrev {
    left: 10px;
}

.slideWrap .btnPrev:after {
    content: '<';
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-sizet: 1.6em;
    font-weight: bold;
    text-align: center;
    display: block;
}

.slideWrap .btnNext {
    right: 10px;
}

.slideWrap .btnNext:after {
    content: '>';
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    display: block;
}


.content-journal {
  z-index: 95;
}

.content-journal.content-box {
  position: relative;
  z-index: 1;
  padding: 15% 0 15%;
  background: #f2f2f2;
}

.content-journal .content-box_title .content-journal_subTitle {
  display: flex;
  align-items: flex-end;
  font-size: 80%;
  letter-spacing: .1em;
  line-height: 1.2em;
  margin-left: 20px;
}

.content-journal .content-box_title .content-journal_subTitle span {
  display: inline-block;
  font-size: 68%;
  margin-left: 30px;
  letter-spacing: .1em;
}

.content-journal .observe-scroll_nav-wrapper .observe-scroll_nav-rail {
  background: #ddd;
}

.content-journal .observe-scroll_nav-wrapper .observe-scroll_nav {
  width: 40%;
  right: 6%;
}

.content-journal .content-journal_article-area {
  position: relative;
  padding: 4vw 0 9vw;
}

.content-journal .content-journal_border {
  position: absolute;
  width: 82%;
  height: 100%;
  right: -1px;
  top: 0;
  border: 1px solid #ccc;
}

.content-journal .content-journal_slider {
  padding: 0 10% 70px 10%;
  overflow: visible;
}

.content-journal .content-journal_slider-inner {
  position: relative;
}

.content-journal .content-journal_article {
  margin: 0 30px 30px 0;
  background: #fff;
  transition: all .5s ease;
  transform-origin: center top;
  width: 20%;
}

.content-journal .content-journal_article:hover .content-journal_article-img {
  opacity: 1;
}

.content-journal .content-journal_article:last-of-type {
  margin-right: 0;
}

.content-journal .content-journal_article.swiper-slide-active {
  transform: scale(1.9);
  margin: 0 10% 0 5% !important;
  z-index: 10;
}

.content-journal .content-journal_article.swiper-slide-active .content-journal_article-cap {
  width: 200%;
  max-width: 280px;
  left: 0;
  bottom: -25%;
  padding: 8px 10px;
  transform: scale(0.6);
}

.content-journal .content-journal_article-link {
  display: block;
  width: 100%;
  position: relative;
}

.content-journal .content-journal_article-img {
  transition: all .25s;
  display: block;
  width: 100%;
  opacity: .88;
}

.content-journal .content-journal_article-cap {
  position: absolute;
  left: 0;
  bottom: 10%;
  transform: translate(-40px, 40px);
  display: block;
  width: 130%;
  padding: 8px;
  background: rgba(255, 255, 255, 0.9);
  font-size: .8rem;
  letter-spacing: .1em;
}

.content-journal .content-journal_article-cap span {
  letter-spacing: 0;
  line-height: 2em;
  font-size: 1.2rem;
  font-weight: 400;
  width: 100%;
  height: 4em;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.content-journal .content-journal_article-list {
  margin-bottom: 3px;
}

.content-journal .content-journal_article-category {
  display: inline-block;
  margin-right: 5px;
  font-size: 1.2rem;
  font-weight: 500;
}

@media (min-width: 1300px) {
  .content-journal .content-journal_article-cap {
    padding: 10px 15px;
    width: 105%;
  }
  .content-journal .content-journal_article.swiper-slide-active .content-journal_article-cap {
    bottom: -5%;
  }
}



.square-content{ display: block; height: 0; width: 100%; padding-bottom: 100%; position:relative; overflow:hidden; margin-bottom:1px;}
.square-content02{ display: block; height: 0; width: 100%; padding-bottom: 55%; position:relative; overflow:hidden; margin-bottom:1px;}
.square-content03{ display: block; height: 0; width: 100%; padding-bottom: 45%; position:relative; overflow:hidden; margin-bottom:1px;}
.square-content04{ display: block; height: 0; width: 100%; padding-bottom: 20%; position:relative; overflow:hidden; margin-bottom:1px;}
@media only screen and (max-width:991px)	{.square-content04{padding-bottom: 40%;}}

.square-content h3,.square-content02 h3,.square-content03 h3{font-size:40px; text-align:center;color:#fff;line-height: 30px;padding:10px;position:absolute;top:0;bottom:0;}
.square-content h3 span,.square-content h3 span,.square-content03 h3{ font-size:18px; display:block; padding-top:15px;}

.bg_about01{
	background: no-repeat center center;
	background-size: auto 100%;
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	-ms-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
	overflow:hidden;
}
.square-content > div,.square-content02 > div,.square-content03 > div {position: absolute;top: 5%;left: 5%;}
.square-content-inner {display: flex;/* justify-content: center; */align-items: center;width: 100%;}
.square-content:hover,.square-content02:hover { background-size: auto 110%; transition: all 0.5s ease-in;}
.square-content03:hover,.square-content04:hover { opacity: 0.75;transition: all 0.1s;}



#bg-img-contents{background: url(../images/top/bg-img-contents.jpg) center center /cover no-repeat #fff;color:#fff;}
	@media only screen and (max-width:991px)	{#bg-img-contents{background: url(../images/top/bg-img-contents.jpg) center center /cover no-repeat;}}

#bg-img-contents h2{color:#fff;text-align: left;font-size: 60px;font-weight: bold;margin-bottom: 30px;}
	@media only screen and (max-width:991px)	{#bg-img-contents h2{font-size: 29px;font-weight: bold;margin-bottom: 15px;}}

#bg-img-contents .lead{font-size: 30px;line-height: 36px;margin: 30px 0;}
	@media only screen and (max-width:991px)	{#bg-img-contents .lead{font-size: 21px;line-height: 27px;margin: 15px 0;}}


.cate-btn{list-style:none;text-align: center;}
.cate-btn li{display: inline-block; margin: 5px 10px;}
.cate-btn li .btn-service{width: 100%;}
@media only screen and (max-width:991px)	{.cate-btn li{display: block;}}


/*Products詳細ページ*/
.product-d h3{font-family: 'Raleway', cursive,'swis721','nsans';font-size:32px; font-weight:bold; margin-bottom:45px; color: #ab987a;text-align: center;}
.product-d h4{font-size:20px; font-weight:normal; margin-bottom:15px; color: #ab987a;text-align: center;}
@media only screen and (max-width:991px)	{.product-d h3 {font-size:24px; display:block; padding-bottom:20px;}.product-d h4{font-size: 18px;}}

.product-d2{background-position: right center; background-repeat: no-repeat; background-size:58%; margin-bottom:1px; color: #333; position: relative;}
.product-d2 h3{font-family: 'Raleway', cursive,'swis721','nsans';font-size:24px; font-weight:normal; margin-bottom:30px;}
.product-d2 h3 span{ font-size:16px; display:block; padding-bottom:20px;}
.product-d2 .inner{ background:rgba(255,255,255,.8); padding:120px 100px;box-shadow: -2px 2px 5px rgb(0 0 0 / 20%);}
@media (max-width:991px)	{.product-d2{background: none!important;}.product-d2 .inner{ background:#fff; padding:60px 20px;box-shadow:none}}

.product-d2 p.sublead {color: #666;font-size: 16px;line-height: 180%;margin-bottom: 20px;-webkit-font-smoothing: antialiased;padding-bottom: 10px;border-bottom: 1px solid #ab987a;}
.product-d2 .lineup_logo{position: absolute;top: 40px; right: 40px;}
@media only screen and (max-width:991px)	{.product-d2 p.sublead{font-size: 16px;}.product-d2 .lineup_logo{z-index: 1;top: 60px;}}


.product-d3{background-position: left center; background-repeat: no-repeat; background-size:58%; margin-bottom:1px; color: #0e2f49; position: relative;}
.product-d3 h3{font-family: 'Raleway', cursive,'swis721','nsans';font-size:24px; font-weight:bold; margin-bottom:30px;}
.product-d3 h3 span{ font-size:16px; display:block; padding-bottom:20px;}
.product-d3 .inner{ background:#fff; padding:120px 100px;box-shadow: -2px 2px 5px rgb(0 0 0 / 20%);}
@media (max-width:991px)	{.product-d3{background: none!important;}.product-d3 .inner{ background:#fff; padding:60px 20px;box-shadow:none}}

.product-d3 p.sublead {color: #666;font-size: 16px;line-height: 180%;margin-bottom: 20px;-webkit-font-smoothing: antialiased;padding-bottom: 10px;border-bottom: 1px solid #ab987a;}
.product-d3 .lineup_logo{position: absolute;top: 40px; right: 40px;}
@media only screen and (max-width:991px)	{.product-d3 p.sublead{font-size: 16px;}.product-d3 .lineup_logo{z-index: 1;top: 60px;}}


.box-sup{padding: 40px;border: 4px solid #1b93cf;}
.box-sup h4{font-family: 'Raleway', cursive,'swis721','nsans';font-size:34px; font-weight:bold;  color: #ab987a; text-align: center; line-height: 1.7; margin-bottom: 35px;}


/*------- list-toggle -------*/
.list-toggle {
    list-style: none;
}
.list-toggle li:first-child {border-bottom: 1px solid #666;}
.list-toggle li a{color: #b39861;font-size: 18px;}
	@media only screen and (max-width:991px)	{.list-toggle li a{font-size: 15px;}}

.list-toggle li.first{ border-top: 1px solid #666;}


.list-toggle-a {
  display: block;
  position: relative;
  padding: 14px 40px 14px 10px;
  line-height: 1.6;
  line-height: 1.4;
  font-size: 12px;
  font-size: 1.2rem;
}



.list-toggle-a::after {
  position: absolute;
  display: block;
  content: '';
 background-image: url("../images/company/i_question.png");
 background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
  margin-left: auto;
  margin-right: auto;
  background-position: 0px 0px;
  top: 50%;
  margin-top: -10px;
  right: 5px;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.list-toggle-a.state-active::after {
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.list-toggle-con-jquery {
  display: none;
}
.list-toggle-con-jquery.state-active {
  border-bottom: 1px solid #ccc;
}

.list-toggle-con {
  height: 0;
  overflow: hidden;
}
.list-toggle-con.state-active {
}

.list-toggle-con-inner {
  position: relative;
  padding: 15px 10px 15px 10px;
  margin: 10px 0;
}



@media (max-width:991px)	{.list-toggle-con-inner:before{display:none;}}

@media print, screen and (min-width: 991px) {


  .list-toggle-a {
    padding: 20px 40px 20px 10px;
    line-height: 1.6;
    font-size: 16px;
  }
  .list-toggle-a::after {
    position: absolute;
    display: block;
    content: "";
    background-image: url("../images/company/i_question.png");
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
    margin-left: auto;
    margin-right: auto;
    background-position: 0px 0px;
    margin-top: -10px;
    right: 10px;
  }

  .list-toggle-con-inner {
    position: relative;
    padding: 20px 10px 20px 10px;
  }
}



dl#questionArea{
	line-height:1.6;
	margin-bottom:30px;
}
dl#questionArea dt{
	background:url("../images/company/i_question.png") no-repeat 0 2px;
	padding:0 0 0 25px;
	font-weight:bold;
	margin-bottom:20px;
}

dl#questionArea dt:before{
	content:"Q";
	font-size:24px;
	background:#5b4a40;
	color:#fff;
	padding:2px;
	margin-right:20px;
	width:40px;
	height:40px;
	display:inline-block;
	text-align:center;
}

dl#questionArea dt a{
	color:#5b4a40;
	text-decoration:none;
}
dl#questionArea dt a:hover{
	text-decoration:none;
	color:#231f20;
	}
dl#questionArea dd{
	background:#fbfbfb;
	border:1px dotted #cdc8c8;
	padding:10px;
	color:#5b4a40;
	margin-bottom:20px;
}

#fq02 .list-toggle li{border-bottom: 1px solid #ccc; padding-left:40px; position:relative;}

#fq02 .list-toggle li:before {
	content: "Q";
	font-weight: bold;
	font-size: 36px;
	line-height: 1;
	position: absolute;
	left: 5px;
	top: 10px;
	color: #529c47;
}



/* 料金プラン */

#plan1{}

#plan2{}

#plan2 h3{color:#c03; font-size: 60px;font-weight: bold;}
	@media only screen and (max-width:991px)	{#plan2 h3{color:#c03; font-size: 26px;font-weight: bold;}}

#plan2 h4{text-align: left;font-size: 28px;font-weight: bold;margin-bottom: 30px;}
	@media only screen and (max-width:991px)	{#plan2 h4{font-size: 20px;font-weight: bold;margin-bottom: 15px;}}

#plan2 h4:first-letter{color:#c03;text-align: left;font-size: 60px;font-weight: bold;margin-bottom: 30px; margin-right:10px;}
	@media only screen and (max-width:991px)	{#plan2 h4:first-letter{font-size: 36px;font-weight: bold;margin-bottom: 15px;}}

#plan2-copy img{}
	@media only screen and (max-width:991px)	{#plan2-copy img{width: 290px;height: auto;}}

#plan2 .lead{font-size: 30px;line-height: 36px;margin: 30px 0;}
	@media only screen and (max-width:991px)	{#plan2 .lead{font-size: 21px;line-height: 27px;margin: 15px 0;}}

#arrow1-1{
	background: url(../images/plan/bg-flow1.jpg) center center /cover no-repeat #fff;
	height:310px;
	padding-top: 30px;
	padding-bottom: 60px;
}
	@media only screen and (max-width:991px)	{#arrow1-1{background: url(../images/plan/bg-arrow1-sp.jpg) center center /cover no-repeat #fff;padding-bottom: 90%;}}

#arrow1-2{
	background: url(../images/plan/bg-arrow2.jpg) center center /cover no-repeat #fff;
	height:310px;
	padding-top: 30px;
	padding-bottom: 60px;
}
	@media only screen and (max-width:991px)	{#arrow1-2{background: url(../images/plan/bg-arrow2-sp.jpg) center center /cover no-repeat #fff;padding-bottom: 90%;}}

#arrow1-3{
	background: url(../images/plan/bg-arrow3.jpg) center center /cover no-repeat #fff;
	height:310px;
	padding-top: 30px;
	padding-bottom: 60px;
}
	@media only screen and (max-width:991px)	{#arrow1-3{background: url(../images/plan/bg-arrow3-sp.jpg) center center /cover no-repeat #fff;padding-bottom: 90%;}}

#arrow1-4{
	background: url(../images/plan/bg-arrow4.jpg) center center /cover no-repeat #fff;
	height:310px;
	padding-top: 30px;
	padding-bottom: 60px;
}
	@media only screen and (max-width:991px)	{#arrow1-4{background: url(../images/plan/bg-arrow4-sp.jpg) center center /cover no-repeat #fff;padding-bottom: 90%;}}

#arrow1-5{
	background: url(../images/plan/bg-arrow5.jpg) center center /cover no-repeat #fff;
	height:310px;
	padding-top: 30px;
	padding-bottom: 60px;
}
	@media only screen and (max-width:991px)	{#arrow1-5{background: url(../images/plan/bg-arrow5-sp.jpg) center center /cover no-repeat #fff;padding-bottom: 90%;}}




#plan3{}
#plan3 h3{border-bottom: 1px solid #ddd;padding-bottom: 19px;margin-bottom: 30px;}
	@media only screen and (max-width:991px)	{#plan3 h3{font-size: 21px;margin-bottom: 15px;padding-bottom: 9px;}}

#plan3 h4{border-bottom: 1px solid #ddd;text-align: left;padding-bottom: 19px;font-size: 24px;margin-bottom: 30px;}
	@media only screen and (max-width:991px)	{#index3 h3{font-size: 21px;margin-bottom: 15px;padding-bottom: 9px;}}

#plan3 h4 small{display: block;font-size: 12px;margin-bottom: 10px;}
	@media only screen and (max-width:991px)	{#plan3 h3 small{font-size: 10px;margin-bottom: 5px;}}


.tit-mini{color:#666;}
.tit-light{color:#0093d3;position: relative;}
.tit-standard{color:#f4e603;}
.tit-advance{color:#cc006b;}

#plan3 .balloon{width: 50px;height: 48px;text-align: center;font-size: 12px;line-height: 14px;padding: 7px 5px 10px;position: absolute;left: 180px;bottom: 10px;display: block;}
	@media only screen and (max-width:991px)	{#plan3 .balloon{left: 150px;bottom: 5px;}}

.plan-tb{width: 100%;}
.plan-tb th,.plan-tb td{border-bottom: 1px solid #ddd;padding: 10px;}
	@media only screen and (max-width:991px)	{.plan-tb { margin-bottom: 40px;}}


.plan-tb th{font-weight: normal;white-space: normal;}
.plan-tb th span{font-weight: bold;font-size: 18px;}
.plan-tb td{color:#333;font-size: 14px;text-align: right;}

.plan-tb.total td{font-size: 30px;}
.plan-tb.total td small{font-size: 14px;}

#ban_web{background: url(../images/common/ban_web.jpg) center center /cover no-repeat #00c1ff;color:#fff;}
	@media only screen and (max-width:991px)	{#ban_web{background: url(../images/common/ban_web-sp.jpg) center center /cover no-repeat;}}

#ban_web h2{color:#fff;text-align: left;font-size: 60px;font-weight: bold;margin-bottom: 30px;}
	@media only screen and (max-width:991px)	{#ban_web h2{font-size: 29px;font-weight: bold;margin-bottom: 15px;}}

.ban_web-copy img{}
	@media only screen and (max-width:991px)	{.ban_web-copy img{width: 290px;height: auto;}}

#ban_web .lead{font-size: 30px;line-height: 36px;margin: 30px 0;}
	@media only screen and (max-width:991px)	{#ban_web .lead{font-size: 21px;line-height: 27px;margin: 15px 0;}}


.check{list-style: none; text-align: left}
.check li{font-size: 20px;line-height: 50px;padding-left: 45px;padding-left: 48px;position: relative; font-weight: bold;}
	@media (max-width:991px)	{.check li{font-size: 16px;line-height: 24px;padding-left: 24px;}}

.check li:before{content: "";background: url(../images/common/checkmark.png) left center /30px no-repeat;width: 30px;height: 40px;display: block;position: absolute;top: 7px;left: 0;right: 0;}
	@media (max-width:991px)	{.check li:before{width: 30px;height: 24px;background-size:20px;}}

.comment{font-size: 18px;line-height: 48px;padding-left: 45px;padding-left: 48px;position: relative;}
	@media (max-width:991px)	{.check li{font-size: 16px;line-height: 24px;padding-left: 24px;}}

/* contact,inquiry,entry,estimate */
/* form control */
/* 以下必須マーク */
.common-tb.frm th.required{
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NiIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDQ2IDE0LjAxIj48dGl0bGU+cmVxdWlyZTwvdGl0bGU+PHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjE0IiBzdHlsZT0iZmlsbDojYzAwIi8+PHJlY3QgeD0iMzIiIHk9IjAuMDEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgc3R5bGU9ImZpbGw6bm9uZSIvPjxwYXRoIGQ9Ik0xMTcuODgsMTUxLjA5bC0xLjEzLS44NGExMi4yNSwxMi4yNSwwLDAsMCwuNzctMy41OGwxLjI5LjM4QTEzLjkxLDEzLjkxLDAsMCwxLDExNy44OCwxNTEuMDlabTIuOS4yOFYxNTJjMCwuMTgsMCwuMTkuMzIuMTloMS43N2MuNTIsMCwuNjEtLjE0LjY3LTEuOGwxLjM4LjcyYy0uMjksMi4zMy0uNjcsMi4zOS0yLDIuMzloLTIuMTJjLS44OCwwLTEuMzYsMC0xLjM2LS45NXYtLjI3YTkuOCw5LjgsMCwwLDEtMS44LDFsLS43OS0xLjIxYTEwLjcyLDEwLjcyLDAsMCwwLDIuNTktMS40OHYtNC4yNmgxLjMydjMuMzJhMTMuOTEsMTMuOTEsMCwwLDAsMy4xMi01bDEuMzIuODFTMTIzLjM2LDE0OS40MSwxMjAuNzgsMTUxLjM3Wm0xLjQ0LTQuNzZhMTMuMzYsMTMuMzYsMCwwLDAtMi43NS0xLjI5bC43Mi0xLjE1YTEyLjQ3LDEyLjQ3LDAsMCwxLDIuNzUsMS4yMlptMyw0Ljc2YTExLjg0LDExLjg0LDAsMCwwLTEuMTUtMy4yM2wxLjE5LS42N2ExOS41OCwxOS41OCwwLDAsMSwxLjE1LDNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEwLjU2IC0xNDEuOTEpIiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggZD0iTTEyNy41OSwxNTMuNjZsLS43MS0xLjIzYTcuMDYsNy4wNiwwLDAsMCwyLjg2LTIuNDFsLjg5LDFBNy40Niw3LjQ2LDAsMCwxLDEyNy41OSwxNTMuNjZabS4yNi02LjMyLS43My0xLjJhNi42NCw2LjY0LDAsMCwwLDIuMzgtMS45NWwuODcuOTNBNy42OCw3LjY4LDAsMCwxLDEyNy44NSwxNDcuMzRabTAsMy0uNzUtMS4yYTcuMiw3LjIsMCwwLDAsMi41My0ybC44NCwxQTcuNjEsNy42MSwwLDAsMSwxMjcuODcsMTUwLjMyWm03LjcxLDMuMzNhMTAuODgsMTAuODgsMCwwLDEtMi4yLTFsLjc0LS43M2gtMS43NmwuNzEuNzJhMTEsMTEsMCwwLDEtMi40MiwxLjA3bC0uOC0xLjE3YTkuNjUsOS42NSwwLDAsMCwxLjk0LS42MmgtMXYtNS41OUgxMzJhMi43NiwyLjc2LDAsMCwwLC4yOC0uNTRoLTEuODd2LTEuMTloNS43N3YxLjE5aC0yLjQxYTIuMjMsMi4yMywwLDAsMS0uMjYuNTRoMi4yNHY1LjU5aC0xLjE5YTExLjA3LDExLjA3LDAsMCwwLDEuNzYuNjRabS0xLTYuMjhIMTMydi40N2gyLjUzWm0wLDEuNDNIMTMydi40OGgyLjUzWm0wLDEuNDRIMTMydi41aDIuNTNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEwLjU2IC0xNDEuOTEpIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+),url(../images/cmn/bg-dot.jpg);

	background-position:right center,left top;
	background-size:46px,inherit;
	background-repeat:no-repeat,repeat;}

span.required-img{display:inline-block;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDE0Ij48dGl0bGU+cmVxdWlyZS10eHQ8L3RpdGxlPjxyZWN0IHdpZHRoPSIzMiIgaGVpZ2h0PSIxNCIgc3R5bGU9ImZpbGw6I2MwMCIvPjxwYXRoIGQ9Ik0xMTcuODgsMTUxLjA5bC0xLjEzLS44NGExMi4yNSwxMi4yNSwwLDAsMCwuNzctMy41OGwxLjI5LjM4QTEzLjkxLDEzLjkxLDAsMCwxLDExNy44OCwxNTEuMDlabTIuOS4yOFYxNTJjMCwuMTgsMCwuMTkuMzIuMTloMS43N2MuNTIsMCwuNjEtLjE0LjY3LTEuOGwxLjM4LjcyYy0uMjksMi4zMy0uNjcsMi4zOS0yLDIuMzloLTIuMTJjLS44OCwwLTEuMzYsMC0xLjM2LS45NXYtLjI3YTkuOCw5LjgsMCwwLDEtMS44LDFsLS43OS0xLjIxYTEwLjcyLDEwLjcyLDAsMCwwLDIuNTktMS40OHYtNC4yNmgxLjMydjMuMzJhMTMuOTEsMTMuOTEsMCwwLDAsMy4xMi01bDEuMzIuODFTMTIzLjM2LDE0OS40MSwxMjAuNzgsMTUxLjM3Wm0xLjQ0LTQuNzZhMTMuMzYsMTMuMzYsMCwwLDAtMi43NS0xLjI5bC43Mi0xLjE1YTEyLjQ3LDEyLjQ3LDAsMCwxLDIuNzUsMS4yMlptMyw0Ljc2YTExLjg0LDExLjg0LDAsMCwwLTEuMTUtMy4yM2wxLjE5LS42N2ExOS41OCwxOS41OCwwLDAsMSwxLjE1LDNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEwLjU2IC0xNDEuOTEpIiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggZD0iTTEyNy41OSwxNTMuNjZsLS43MS0xLjIzYTcuMDYsNy4wNiwwLDAsMCwyLjg2LTIuNDFsLjg5LDFBNy40Niw3LjQ2LDAsMCwxLDEyNy41OSwxNTMuNjZabS4yNi02LjMyLS43My0xLjJhNi42NCw2LjY0LDAsMCwwLDIuMzgtMS45NWwuODcuOTNBNy42OCw3LjY4LDAsMCwxLDEyNy44NSwxNDcuMzRabTAsMy0uNzUtMS4yYTcuMiw3LjIsMCwwLDAsMi41My0ybC44NCwxQTcuNjEsNy42MSwwLDAsMSwxMjcuODcsMTUwLjMyWm03LjcxLDMuMzNhMTAuODgsMTAuODgsMCwwLDEtMi4yLTFsLjc0LS43M2gtMS43NmwuNzEuNzJhMTEsMTEsMCwwLDEtMi40MiwxLjA3bC0uOC0xLjE3YTkuNjUsOS42NSwwLDAsMCwxLjk0LS42MmgtMXYtNS41OUgxMzJhMi43NiwyLjc2LDAsMCwwLC4yOC0uNTRoLTEuODd2LTEuMTloNS43N3YxLjE5aC0yLjQxYTIuMjMsMi4yMywwLDAsMS0uMjYuNTRoMi4yNHY1LjU5aC0xLjE5YTExLjA3LDExLjA3LDAsMCwwLDEuNzYuNjRabS0xLTYuMjhIMTMydi40N2gyLjUzWm0wLDEuNDNIMTMydi40OGgyLjUzWm0wLDEuNDRIMTMydi41aDIuNTNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEwLjU2IC0xNDEuOTEpIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+) center center /cover no-repeat;width:28px;height:14px;vertical-align:baseline;margin-right:5px;}




.point{color:#038fc4;text-align: center;font-size: 18px;margin-bottom: 10px;}
	@media (max-width:991px)	{.point{font-size: 18px;}}


.point small{font-size: 12px;display: block;color:#333;}



section#contact-introduction{ padding: 75px 0 0;}
.radio + .radio,
.checkbox + .checkbox				{margin-top:10px;}
.form-inline .radio + .radio,
.form-inline .checkbox + .checkbox	{margin-top:0;}

.required-img img					{width:32px;height:14px;vertical-align:middle;margin-right:0.25em;}

.pp-scroll{height:200px;overflow-y:scroll;padding:28px;margin:-28px;}
	@media (max-width:1199px)	{.pp-scroll{padding:23px;margin:-23px;}}
	@media (max-width:991px)	{.pp-scroll{padding:13px;margin:-13px;}}

.pp-scroll a,.pp-scroll a:hover,.pp-scroll a:active,.pp-scroll a:focus{color:#333;}
.pp-scroll a{text-decoration:underline;}
.pp-scroll a:hover,.pp-scroll a:active,.pp-scroll a:focus{color:#333;text-decoration:none;}

.pp-scroll > *:last-child{}
	@media (max-width:991px)	{.pp-scroll > *:last-child{padding-bottom:13px;}}

.tit-policy{padding-bottom:9px;border-bottom:1px dotted #666;font-weight:bold;margin:30px 0 15px;}
	@media (max-width:991px)	{.tit-policy{font-size:15px;margin:20px 0 10px;}}



input[type="checkbox"], input[type="radio"] {vertical-align:baseline;margin-right:5px !important;}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"]{margin-right:0.5em;margin-top:6px;}
.form-inline .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"]{margin-right:0.5em;margin-top:1px;}

input{font-size:100%;vertical-align:middle;}

input[type="text"],input[type="text"]:focus,
input[type="password"],input[type="password"]:focus,
input[type="tel"],input[type="tel"]:focus,
input[type="email"],input[type="email"]:focus,
select,select:focus,textarea,textarea:focus					{border:1px solid #ddd;border-radius:4px;line-height:normal;}

input[type="text"], input[type="password"],input[type="tel"],input[type="email"],textarea{padding:14px;}
	@media (max-width:991px)	{input[type="text"], input[type="password"],input[type="tel"],input[type="email"],textarea{padding:9px;}}

select{padding:9px 14px;}
	@media (max-width:991px)	{select{padding:6px 9px;}}


textarea{font-size:1;width:100%;height: 200px;}

input[type="text"]:focus,input[type="password"]:focus,textarea:focus,select:focus{background:#f6f6f6;}


.required input[type="text"],
.required input[type="password"],
.required select,
.required textarea{border:1px solid #ffbaba;line-height:normal;}

.required input[type="text"]:focus,
.required input[type="password"]:focus,
.required textarea:focus{background:#fff6f6;line-height:normal;}

label{margin:0 1em 0 0;}

.form-ss{width:80px;}
.form-s{width:100px;}
.form-m{width:33%;min-width:240px}
.form-l{width:100%;}
.form-ll{width:100%;}



/*----------------------flowここから----------------------*/
#page1-flow{padding: 0;}


#fbox{}

.fbox{position: relative;z-index: 0;z-index: 1;display: flex;width: 100%;}
	@media only screen and (max-width:991px)	{.fbox{display: block;}}

.step-text,.step-img{flex:1 1 50%;max-width: 50%;position: relative;}
	@media only screen and (max-width:991px)	{.step-text,.step-img{width: 100%;max-width: 100%;}}


.step-text{color:#fff;position: relative;z-index: 0;z-index: 1;display: flex;width: 100%;padding:20px;align-items:center;}
.step-title{
	font-size:21px;
	font-weight:bold;
}
.step-text:after{content: "";border-width: 25px;border-style: solid;position: absolute;top: 50%;bottom: 50%;left: 100%;z-index: 1;margin: -25px 0;}
	@media only screen and (max-width:991px)	{.step-text:after{top: 100%;left: 50%;right: 50%;bottom:auto;margin:0 -25px;}}

.step1{background: #92d050;}
.step1:after{border-color: transparent transparent transparent #92d050;}
	@media only screen and (max-width:991px)	{.step1:after{border-color: #92d050 transparent transparent transparent;}}

.step2{background: #93cddd;}
.step2:after{border-color: transparent transparent transparent #93cddd;}
	@media only screen and (max-width:991px)	{.step2:after{border-color: #93cddd transparent transparent transparent;}}

.step3{background: #ffc000;}
.step3:after{border-color: transparent transparent transparent #ffc000;}
	@media only screen and (max-width:991px)	{.step3:after{border-color: #ffc000 transparent transparent transparent;}}

.step4{background: #3cc;}
.step4:after{border-color: transparent transparent transparent #3cc;}
	@media only screen and (max-width:991px)	{.step4:after{border-color: #3cc transparent transparent transparent;}}

.step5{background: #C6C;}
.step5:after{border-color: transparent transparent transparent #C6C;}
	@media only screen and (max-width:991px)	{.step5:after{border-color: #C6C transparent transparent transparent;}}

.step-no,.step-square{}
	@media only screen and (max-width:991px)	{.step-text,.step-img{display: block;}}


.step-no {flex:1 1 100px;max-width: 100px;color:#fff;}
	@media only screen and (max-width:991px)	{.step-no{width: 60px;margin: 0 auto;}}

.step-no span{border:none;color:#fff;text-align: center;display: block;border-radius:50px;vertical-align: middle;font-weight: bold;font-family: "swis721",sans-serif;width: 100px;height: 100px;font-size: 72px;line-height: 60px;}
	@media only screen and (max-width:991px)	{.step-no span{width: 60px;height: 60px;font-size: 60px;line-height: 60px;margin-bottom: 20px;}}


.step-no small{display: block;font-weight: bold;font-size: 15px;line-height: 18px;}
	@media only screen and (max-width:991px)	{.step-circle small{font-size: 10px;line-height: 12px;}}

.step-square{padding-left:30px;vertical-align: middle;}
	@media only screen and (max-width:991px)	{.step-square{padding-left:0;}}

.step-square .well{background: #fff;border: none;color:#333;}

.step-img{vertical-align: middle;}

.flow-ofi{position: relative;overflow: hidden;display: block;padding-bottom: 300px;}
	@media (max-width:991px)	{.flow-ofi{margin-top: 0;padding-bottom: 200px;}}

.flow-ofi img {
	max-width: inherit;
	max-height: inherit;
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover';
	object-position:50% 50%;
	position: absolute;top: 0;left: 0;right: 0;bottom: 0;
}

/*result*/

.inner_box{
	position: relative;
	width: 100%;
	height: 100%;
	padding: 66.66666% 0 0;
}

.inner_box span{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
	display:block;
	background:#f6f6f6;
}

.inner_box img{
	width:auto;
	height:auto;
	text-align:center;
	max-width:100%;
	max-height:100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.result-tit { font-size:16px;position: relative;padding: 1.5rem 1rem; text-align: center;margin-bottom: 45px;}
@media only screen and (max-width:991px)	{#result h3{ font-size:14px;}}
.result-tit:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
	background: #ab987a;
}

.result-tit span{ font-size:14px; color:#fff;background-color:#0e2f49; border:1px solid #0e2f49; padding:2px 10px 2px 10px; margin-right:10px;}
@media only screen and (max-width:991px){.result-tit span{ margin-right:0; line-height:3;}}

#result h4{ margin-top:40px;}

.tit-level-result span{font-size: 24px; color:#0e2f49; border-right: 1px solid #0e2f49; margin-right: 10px; padding-right: 10px;}
.tit-level-result{font-size: 24px; font-weight: bold; text-align:left; margin-bottom: 45px;}

.tit-level-result2{margin: 0 0 0 5%;position: relative;}
.tit-level-result2::after{content: "";background-color: #0e2f49;height: 2px;width: 80px;position: absolute;top: 14px;left: -100px;}
.tit-level-result2 p{color: #0e2f49;font-size: 16px;margin-bottom: 9px;}
.tit-level-result2 h3{color: #0e2f49;font-size: 24px;font-weight: bold; margin-bottom: 45px;}
@media only screen and (max-width:991px)	{.tit-level-result2{margin: 0 0 0 9%;}}

.result-copy{ color: #333; font-size: 20px;font-weight:normal; margin-bottom: 45px;border-bottom: 1px solid #ab987a;position: relative; padding-bottom: 15px; text-align: left;}

.result-copy:after{  content: ""; background-color: #0e2f49; position: absolute; height: 1px; width: 120px;left: 0px; bottom: -1px;}

.result-copy span{line-height: 1.7; text-align: left; font-size:40px;font-family: 'Raleway', cursive,'swis721','nsans'; color:#0e2f49; display:block; font-weight: bold;}
@media only screen and (max-width:991px)	{.result-copy{ font-size:18px;}.result-copy span{font-size: 24px;}}

#half1 .inner,#half2 .inner,#half3 .inner{background:rgb(245 245 245 / 59%); padding: 80px 70px;}

/*half2
---------------------------*/
#half2{background: url(../images/about/half02.jpg) left center no-repeat; height: 1000px; padding: 200px 0;color: #333;}
@media only screen and (max-width:991px)	{#half1,#half2,#half3{margin-bottom: 0;}}


#half1 h3 span,#half2 h3 span {font-family: 'Raleway', cursive,'swis721'; font-size: 40px;font-weight: bold;margin-bottom: 30px;}
@media only screen and (max-width:991px)	{#half1 h3 span,#half2 h3 span{font-size: 28px;}}

#half1 h3,#half2 h3{font-size: 36px;margin-bottom: 30px; text-align: center; color: #333;}
@media only screen and (max-width:991px)	{#half1 h3,#half2 h3{font-size: 24px;}}

#half1 p.sublead,#half2 p.sublead {color: #666;font-size: 16px;line-height: 180%;margin-bottom: 20px;-webkit-font-smoothing: antialiased;padding-bottom: 10px;border-bottom: 1px solid #ab987a;}
@media only screen and (max-width:991px)	{#half1 p.sublead,#half2 p.sublead{font-size: 16px;}}

#half1 p.tit-inner,#half2 p.tit-inner {text-align: center; color: #0e2f49;font-size: 22px;line-height: 180%;margin-bottom: 20px;-webkit-font-smoothing: antialiased; padding-bottom: 10px; font-family:'nserif',serif; font-weight: bold;}
@media only screen and (max-width:991px)	{#half1 p.tit-inner,#half2 p.tit-inner{font-size: 18px;}}

#half2 h2 span{ font-size:20px; padding-bottom:20px;}
	@media (max-width:991px)	{#half1,#half2,#half3{background: url(../images/about/half02-sp.jpg) left center no-repeat;}#half1 .inner,#half2 .inner,#half3 .inner{ padding:55px 20px 55px 20px;}}



/*contact*/

#contact{ background:url(../images/top/bg-contact.jpg);padding: 65px 0 100px 0;}
@media only screen and (max-width:991px)	{#contact{padding: 45px 0 75px 0;}}
#contact h3{color:#666; font-weight:bold; font-size:48px; padding:40px 20px; text-align:center;}
@media only screen and (max-width:991px)	{#contact h3{font-size: 24px; padding:10px 20px;}}
#contact h3 img {margin-right:20px; width:30px; padding-bottom:10px;}
@media only screen and (max-width:991px)	{#contact h3 img{margin-right:10px; width:25px; padding-bottom:5px;}}

#contact .lead{ text-align:center; font-weight:bold; font-size:20px;}
@media only screen and (max-width:991px)	{#contact .lead{ text-align:center; font-weight:bold; font-size:16px;}}

.contact{ background-color:rgba(255,255,255,0.7); padding:40px 20px; width:1000px;}

/*contact*/

.tab_wrap{ margin:40px auto; }
.tab_wrap input[type="radio"]{display:none;}
form input[type="radio"]{display:inline-block!important;}
.tab_area{font-size:0; margin-bottom: 40px;}
.tab_area label{width:49%; margin:0; display:inline-block; padding:14px 0; color:#092b44; background:#ddd; text-align:center; font-size:18px; cursor:pointer; transition:ease 0.2s opacity; }
.tab_area label:last-child{width:49%;}

.tab_area label.tab1_label{color: #b39861; border: 1px solid #b39861 !important; background-color: #fff;font-family: 'nserif',serif;margin-right: 2%;}
.tab_area label.tab2_label{color: #b39861; border: 1px solid #b39861 !important; background-color: #fff;font-family: 'nserif',serif;}
/*.tab_area label:hover{opacity:0.5;}*/
.panel_area{background:#f1f1f1;}
.tab_panel{width:100%; padding:60px 20px; display:none;min-height: 260px;}
.tab_panel p{font-size:14px; letter-spacing:1px; text-align:left;}

#tab1:checked ~ .tab_area .tab1_label{background:#0e2f49; color:#fff;border: 1px solid #0e2f49 !important;}
#tab1:checked ~ .panel_area #panel1{display:inline-block;;}
#tab2:checked ~ .tab_area .tab2_label{background:#0e2f49; color:#fff;border: 1px solid #0e2f49 !important;}
#tab2:checked ~ .panel_area #panel2{display:inline-block;;}

@media (max-width:991px)	{.tab_area label{font-size: 14px;}}


.btn-tblabel,.btn-tblabel:active,.btn-tblabel:focus,.btn-tblabel:hover{color: #b39861;border: 1px solid #b39861 !important;background-color: #fff;position: relative;font-size: 20px;line-height: 32px;padding:18px 15px;width: 100%;margin: 0 auto;border-radius: 0;transition: .4s;font-family:'nserif',serif;}

@media (max-width:991px)	{.btn-tblabel,.btn-tblabel:active,.btn-tblabel:focus,.btn-tblabel:hover{font-size: 16px; margin-bottom: 10px;}}

.btn-tblabel:before{content: "";position: absolute;left: 0; top: 0; bottom: 0; width: 0; display: block; background: #0e2f49; z-index: -1; transition: .4s;}

.btn-tblabel:hover:before{width: 100%;}
.btn-tblabel:hover{color: #fff!important;transition: .4s;opacity:.9!important; border: 1px solid #0e2f49 !important;font-size: 20px;}
.btn-tblabel,.btn-tblabel:hover,.btn-tblabel:active,.btn-tblabel:focus{color: #0e2f49;border: 1px solid #0e2f49 !important;position: relative;line-height: 32px;padding:18px 15px;width: 100%;margin: 0 auto;border-radius: 0;transition: .4s;font-size: 20px;}

.btn-tblabel:before{content: "";position: absolute;left: 0; top: 0; bottom: 0; width: 0; display: block; background: #0e2f49; z-index: -1; transition: .4s;}

/*about*/
.txt-intro{line-height: 2.2;}
.logo-intro{padding: 45px 0}
.bg-philosophy{ background: url("../images/about/bg-img-philosophy.png") top center/cover no-repeat #fff; height: 1000px;}
@media (max-width:991px)	{.bg-philosophy{ background: url("../images/about/bg-img-philosophy-sp.png") top center/cover no-repeat #fff;}}




/*製品一覧
---------------------------------------------------*/
.product-list {
	list-style: none;
  margin-bottom: 2.5em;
}
.product-list li{
	width: 18.4%;
	display: inline-block;
}
@media (max-width:991px)	{.product-list li{width: 30%;}}

.product-list a {
	display: block;
	color: #a7b2ba;
  text-align: center;
	padding: 14px 0 2px;
}


.product-list a:last-child {

}
@media (max-width:991px)	{.product-list a:last-child{}}

.product-list .product-btn {
  padding-bottom: .6em;
	text-align: center;
  color: #a7b2ba;
  font-weight: normal;
  background: none;
	border: none;
  border-bottom: 2px solid #a7b2ba;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 16px;
}
@media (max-width:991px)	{.product-list .product-btn{}}

@media (max-width:991px)	{.product-list .product-btn{font-size:14px;}}

.product-list .product-btn.active, .product-list .product-btn:hover {
	border: none;
  color: #0e2f49;
	border-bottom: 2px solid #0e2f49;
}

.icon-img {
    position: absolute;
    right: 0;
    top: 0;
}
@media only screen and (max-width:991px)	{.icon-img{position: absolute;right: 0; top: -70px;}}

.sales-bg{padding-top: 75px; background: url("../images/sales/bg-img-sales.png") top center/cover no-repeat #fff;background-size:100%;}
@media (max-width:991px)	{.sales-bg{ background-size: auto;}}

.hhh-1011{font-size: 32px;line-height: 2.4;text-align:left;color:#fff;background: #1b93cf;margin-bottom:75px;font-weight: bold;position: relative}
	@media (max-width:991px)	{.hhh-1011{font-size: 21px;padding-left:10px;line-height: 1.7;padding: 10px;}}
.hhh-1011:before{background: #1b93cf;position:absolute;height: 100%;width:300%;content:"";left:-100%;right:0;z-index: -1;}
.hhh-1011 span:first-child{ color:#000;}
.hhh-1011 span{display: block;text-align: center;margin-bottom: 45px; color:#333}
	@media (max-width:991px)	{.hhh-1011 span{margin-bottom: 15px;}
.hhh-1011:before{margin-top: -10px}}


.hhh-1011a{display: block;font-size: 70px;font-style: italic;color: #1b93cf;position: absolute;margin-top: -84px;letter-spacing: 1.5px;}
.hhh-1011a span{color: #333;}
@media only screen and (max-width:991px)	{.hhh-1011a{margin-left: 0px;font-size: 50px;position: absolute; margin-top: -56px;letter-spacing: 1.5px;}}

.hhh-1011b{display: block;font-size: 60px;font-style: italic;color: #1b93cf;letter-spacing: 1.5px;margin-bottom: 20px;}
.hhh-1011b span{color: #333;}
.hhh-1011b small{font-weight: bold;font-size: 18px;font-style: italic;color: #1b93cf;letter-spacing: 1.5px;margin-right: 10px;}
@media only screen and (max-width:991px)	{.hhh-1011b{margin-left: 0px;font-size: 40px;letter-spacing: 1.5px;}}

	.circle {
  max-width:  240px;/* 円のサイズ（高さにもなる） */
  border-radius: 100%;
  padding: 16px;
  background: #aaa;
  /* 以下のFlexboxで文字を中央寄せ */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.circle::before {/* 擬似要素で正円を作る */
  display: block;
  content: '';
  padding-top: 100%;
}
.line{
    width: 50%;
    height: 100px;
    padding: 1px;
}
.line hr{
    transform: rotate(20deg);
    /*修正*/width: 100%;
    border: 0;
    /*修正*/border-top: 1px solid #333;
    margin: 0;
    padding: 0;
    transform-origin: 0% 0%;
}
.line2{
    width: 50%;
    height: 100px;
    padding: 1px;
}
.line2 hr{
    transform: rotate(-20deg);
    /*修正*/width: 100%;
    border: 0;
    /*修正*/border-top: 1px solid #333;
    margin: 0;
    padding: 0;
    transform-origin: 0% 0%;
}
.our_ttl {
    line-height: 1;
    text-align: center;
    font-size: 60px;
    margin-bottom: 50px;
    display: block;
    color: #1b93cf;
    font-weight: bold;
}
@media only screen and (max-width:991px)	{.our_ttl{font-size: 32px;}}
.img_txt{
	position: relative;
}
.our_txt{
	position: absolute;
	background: rgb(0,0,0,0.7);
	color: #FFF;
	bottom: 0;
	text-align: center;
	width: 100%;
	font-size: 20px;
	padding: 20px 0;
}
.txt-bold{
	font-weight: bold;
	font-size: 25px;
}
@media only screen and (max-width:991px)	{.txt-bold{font-size: 18px;}}
.tit_recruit{
	font-size: 40px;
    margin: 10px 0 50px;
    color: #1b93cf;
    text-align: center;
    line-height: 1.7;
    font-weight: bold;
}
@media only screen and (max-width:991px)	{.tit_recruit{font-size: 30px;margin-bottom: 20px;}}
.tit_recruit span{
	font-size: 18px;
	color: #000;

}

/*square-img*/
#square-img{}


#square-img h2{}
#square-img h2 span{color:#fff; margin-bottom:40px; font-size:20px;font-family: 'Raleway', cursive,'swis721','nsans'; font-weight: bold;}
@media only screen and (max-width:991px)	{#square-img h2 span{font-size:14px; line-height: 1.0;}}


#pr01{padding-top: 0;}

.square-content{ display: block; height: 0; width: 100%; padding-bottom: 75%; position:relative; overflow:hidden; margin-bottom:1px;}
.square-content02{ display: block; height: 0; width: 100%; padding-bottom: 55%; position:relative; overflow:hidden; margin-bottom:1px;}
.square-content03{ display: block; height: 0; width: 100%; padding-bottom: 45%; position:relative; overflow:hidden; margin-bottom:1px;}
.square-content04{ display: block; height: 0; width: 100%; padding-bottom: 60%; position:relative; overflow:hidden; margin-bottom:1px;background-size: cover;}
@media only screen and (max-width:991px)	{.square-content04{padding-bottom: 60%;}}

.square-content h3,.square-content02 h3,.square-content03 h3{font-size:40px; text-align:left;color:#fff;line-height: 30px;padding:10px;position:absolute;top:0;bottom:0;}
.square-content h3 span,.square-content h3 span,.square-content03 h3{ font-size:18px; display:block; padding-top:15px;}

.bg_about01{
	background: no-repeat center center;
	background-size: auto 100%;
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	-ms-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
	overflow:hidden;
}
.square-content > div,.square-content02 > div,.square-content03 > div {position: absolute;top: 70%;left: 5%;}
.square-content-inner {display: flex;/* justify-content: center; */align-items: center;width: 100%;}
.square-content:hover,.square-content02:hover { background-size: auto 110%; transition: all 0.5s ease-in;}
.square-content03:hover,.square-content04:hover { opacity: 0.75;transition: all 0.1s;}


.hhh-1012{ font-size:68px; color:#1b93cf; font-weight: lighter; margin-top:75px; text-align:center}
.hhh-1012 span{ display:block; font-size:18px; color:#1b93cf; font-weight:bold;}
@media (max-width:991px)	{.hhh-1012{ font-size:48px;}}

.hhh-1012 span{ font-size:30px; font-weight:bold; color:#1b93cf; margin-bottom:20px; position: relative;display: inline-block;padding: 0 55px;}
@media (max-width:991px)	{.hhh-1012 span{ font-size:24px;}}
.hhh-1012 span:before,
.hhh-1012 span:after {content: '';position: absolute;top: 50%;display: inline-block;width: 30px;height: 5px;background-color:#1b93cf;}
.hhh-1012 span:before {left:0;}
.hhh-1012 span:after {right:0;}


#sec05{
	background:url("../images/reason/img05_bg.jpg") no-repeat bottom;
	background-size: 100%;
	padding:0 0 120px;
}
@media (max-width:991px)	{#sec05{padding: 35px 0;}}
.profile_box{

}
.profile_box {
    position: relative;
    padding: 1em 1.5em;
    margin: 2em 0;
    border: solid 3px #1b93cf;/*線*/
    border-radius: 8px;/*角の丸み*/
}
.profile_box .profile_box_title{
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 10px;
    line-height: 1;
    font-size: 1.3em;/*タイトル文字サイズ*/
    background: #ffffff;/*タイトル文字背景色*/
    color: #1b93cf;/*タイトル文字色*/
    font-weight: bold;
}
.profile_box p {
    margin: 0;
    padding: 0;
}

.menu {
    max-width: 90%;
		margin: 0 auto;
}

.menu a {
    display: block;
    padding: 15px;
    text-decoration: none;
    color: #333;border: solid 2px transparent;
  border-image: url("../images/reason/border.jpg");
  border-image-slice: 1;
  border-image-repeat: stretch;transition: .6s;
}
.menu a:hover{background:#000;color: #fff;}
.menu label {
    display: block;
    margin: 0 auto 20px ;
    padding : 15px;
    line-height: 1;
    color :#fff;
    background :#1b93cf;
    cursor :pointer;
		font-size: 24px;
	text-align: center;
	max-width: 400px;
}
@media (max-width:991px){.menu label {max-width: 100%;}}
.menu input {
    display: none;
}
.menu{text-align: center;}
.menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
		display: flex;
		flex-wrap: wrap;
    justify-content: center;
}

.menu li {
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
		width: 350px;
		margin: 0 5px 10px;
}

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li {
    height: 70px;
    opacity: 1;
		text-align: center;
}/*
.menu li:nth-child(1){background: #df2b2b;}
.menu li:nth-child(2){background: #df902b;}
.menu li:nth-child(3){background: #dfdc2b;}
.menu li:nth-child(4){background: #62df2b;}
.menu li:nth-child(5){background: #2bdfdf;}
.menu li:nth-child(6){background: #2b94df;}
.menu li:nth-child(7){background: #2b48df;}
.menu li:nth-child(8){background: #522bdf;}
.menu li:nth-child(9){background: #8e2bdf;}
.menu li:nth-child(10){background: #df2bd5;}
.menu li:nth-child(11){background: #df2ba1;}
.menu li:nth-child(12){background: #df2b2b;}
*/
.imgWrap .txt_box{
	padding: 10px 20px;
	background: #f3f3f3;
}
.tag ul{
	list-style: none;
		display: flex;
}
.tag ul li{
	padding: 5px;font-size: 12px;
	margin-right: 5px;
	margin-bottom: 5px;
 	border-radius: 10px;
	background: #4db9c2;color: #fff!important;
}
.tag ul li a{color: #fff!important;}
.tag ul li:hover{background: #ff99ad}
.con_txt{
	margin: 20px auto 0;
}

.cate-ttl{padding: 10px 20px;background: #1b93cf;color: #fff;}


/*
.triangle {
  position: relative;
}

.triangle:after {
  content: "";
  position: absolute;
  top: 99%;
  box-sizing: border-box;
  border-right: 50vw solid transparent;
  border-left: 50vw solid transparent;
  border-top: 100px solid #fff;
}
.triangle:before {
  content: "";
  position: absolute;
  top: 100%;
  box-sizing: border-box;
  border-right: 50vw solid transparent;
  border-left: 50vw solid transparent;
  border-top: 100px solid #1b93cf;
}*/

.sec {
  padding: 50px 0px 30px;
}

.sec02 {
  padding-top: 150px;
  background-color: #00bfff;
}

/*sdgs*/
.sdgs h3{margin-bottom: 75px;}
@media (max-width:991px)	{.sdgs h3{margin-bottom: 45px;}}
.sdgs h4{font-family: 'Raleway', cursive,'swis721','nsans';font-size:24px; font-weight:bold; margin-bottom:30px;}
.sdgs h4 span{ font-size:16px; display:block; padding-bottom:20px;}
.sdgs .inner{ background:rgba(255,255,255,.8); padding:80px 80px;box-shadow: -2px 2px 5px rgb(0 0 0 / 20%);}
@media (max-width:991px)	{.sdgs{background: none!important;}.sdgs .inner{ background:#fff; padding:60px 20px;box-shadow:none}}

.sdgs .sublead {color: #333;font-size: 20px;line-height: 180%;margin-bottom: 20px;-webkit-font-smoothing: antialiased;padding-bottom: 10px;border-bottom: 1px solid #1962af; position: relative;font-weight: bold;}

.sdgs .sublead:after{  content: ""; background-color: #0e2f49; position: absolute; height: 1px; width: 120px;left: 0px; bottom: -1px;}
.sdgs .lineup_logo{position: absolute;top: 40px; right: 40px;}
@media only screen and (max-width:991px)	{.sdgs .sublead{font-size: 16px;}.sdgs .lineup_logo{z-index: 1;top: 60px;}}


/*reason*/
.reason2{background-position: left center; background-repeat: no-repeat; background-size:58%; margin-bottom:1px; color: #0e2f49; position: relative;}
.reason2 h3{font-family: 'Raleway', cursive,'swis721','nsans';font-size:24px; font-weight:bold; margin-bottom:30px;}
.reason2 h3 span{ font-size:16px; display:block; padding-bottom:20px;}
.reason2 .inner{ background:rgba(255,255,255,.8); padding:80px 80px;box-shadow: -2px 2px 5px rgb(0 0 0 / 20%);}
@media (max-width:991px)	{.reason2{background: none!important;}.reason2 .inner{ background:#fff; padding:60px 20px;box-shadow:none}}

.reason2 p.sublead {color: #666;font-size: 16px;line-height: 180%;margin-bottom: 20px;-webkit-font-smoothing: antialiased;padding-bottom: 10px;border-bottom: 1px solid #ab987a; position: relative}

.reason2 p.sublead:after{  content: ""; background-color: #0e2f49; position: absolute; height: 1px; width: 120px;left: 0px; bottom: -1px;}
.reason2 .lineup_logo{position: absolute;top: 40px; right: 40px;}
@media only screen and (max-width:991px)	{.reason2 p.sublead{font-size: 16px;}.reason2 .lineup_logo{z-index: 1;top: 60px;}}


.menu2 {
    max-width: 90%;
		margin: 0 auto;
}

.menu2 a {
    display: block;
    padding: 15px;
    text-decoration: none;
    color: #333;border: solid 2px transparent;
  border-image: url("../images/reason/border.jpg");
  border-image-slice: 1;
  border-image-repeat: stretch;transition: .6s;
}
.menu2 a:hover{background:#000;color: #fff;}
.menu2 label {
    display: block;
    margin: 0 auto 20px ;
    padding : 15px;
    line-height: 1;
    color :#fff;
    background :#1b93cf;
    cursor :pointer;
		font-size: 24px;
	text-align: center;
	max-width: 400px;
}
@media (max-width:991px){.menu2 label {max-width: 100%;}}
.menu2 input {
    display: none;
}
.menu2{text-align: center;}
.menu2 ul {
    margin: 0;
    padding: 0;
    list-style: none;
		display: flex;
		flex-wrap: wrap;
    justify-content: center;
}

.menu2 li {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
		width: 350px;
		margin: 0 5px 10px;
}

/*information*/
/* .information h3{margin-bottom: 75px;}
@media (max-width:991px)	{.information h3{margin-bottom: 45px;}}
.information h4{font-family: 'Raleway', cursive,'swis721','nsans';font-size:24px; font-weight:bold; margin-bottom:30px;}
.information h4 span{ font-size:16px; display:block; padding-bottom:20px;} */
.information .inner{
  background:rgba(255,255,255,.8);
  padding: 80px;
  box-shadow: -2px 2px 5px rgb(0 0 0 / 20%);
}
@media (max-width:991px)	{
  .information .inner{
    background:#fff;
    padding: 20px;
  }
}
.information .inner h3{
  margin-bottom: 60px;
}
@media (max-width:991px)	{
  .information .inner h3{
    margin-bottom: 40px;
  }
}
.information .inner h3 small{
  display: block;
  margin-bottom: 1em;
}
.information .inner .inner-article{
  background-color: #f5f5f5;
  padding: 60px;
}
@media (max-width:991px)	{
  .information .inner .inner-article{
    padding: 20px;
  }
}
.information .inner .inner-image{
  margin-top: 60px;
}
@media (max-width:991px)	{
  .information .inner .inner-image{
    margin-top: 20px;
  }
}
.information-image img{
  width: 100%;height: auto;
}
.information .inner .inner-file{
  background-color: #f5f5f5;
  margin-top: 60px;
  padding: 60px;
}
@media (max-width:991px)	{
  .information .inner .inner-file{
    margin-top: 20px;
    padding: 20px;
  }
}