@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
.list {
  background: #f0ebde;
  margin-bottom: 60px;
}
.list ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 20px 0;
}
.list ul li {
  flex: 0 1 48%;
  width: 48%;
  max-width: 48%;
}
.list ul li a {
  background: #fff;
  font-size: 1.2rem;
  text-align: center;
  position: relative;
  display: inline-block;
  margin-bottom: 20px;
  padding: 10px;
  border-radius: 5px;
  display: block;
}
@media (min-width: 768px) {
  .list ul li a {
    font-size: calc( 1.2rem + ( 1vw - 7.68px ) * 0.390625 );
  }
}
@media (min-width: 1280px) {
  .list ul li a {
    font-size: 1.4rem;
  }
}
.list ul li a:hover {
  background: #b59a5b;
  color: #fff;
}
.list ul .active a {
  background: #b59a5b;
  color: #fff;
}
.list ul .active a:before {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  margin-left: -5px;
  border: 8px solid transparent;
  border-top: 8px solid #b59a5b;
}

.indent {
  line-height: 3;
}

.title_box {
  text-align: center;
}
.title_box .mein_title {
  padding-top: 10%;
  width: 60%;
  margin: 0 auto 40px;
}
.title_box .top_title {
  font-size: 2.4rem;
  margin: 0 auto 20px;
}
@media (min-width: 768px) {
  .title_box .top_title {
    font-size: calc( 2.4rem + ( 1vw - 7.68px ) * 2.34375 );
  }
}
@media (min-width: 1280px) {
  .title_box .top_title {
    font-size: 3.6rem;
  }
}
.title_box .logo_30th {
  width: 60%;
  margin: auto;
  margin-bottom: 30px;
}
.title_box .txt {
  font-size: 1.4rem;
  line-height: 2.5;
}
@media (min-width: 768px) {
  .title_box .txt {
    font-size: calc( 1.4rem + ( 1vw - 7.68px ) * 0.390625 );
  }
}
@media (min-width: 1280px) {
  .title_box .txt {
    font-size: 1.6rem;
  }
}

.copy {
  text-align: left;
}
.copy .title {
  text-align: left;
  margin-bottom: 0px;
  border-bottom: solid 2px #b59a5b;
}
.copy .sub_title {
  font-size: 1.2rem;
  padding: 10px 0px;
}
@media (min-width: 768px) {
  .copy .sub_title {
    font-size: calc( 1.2rem + ( 1vw - 7.68px ) * 0.390625 );
  }
}
@media (min-width: 1280px) {
  .copy .sub_title {
    font-size: 1.4rem;
  }
}
.copy .txt {
  font-size: 1.2rem;
  padding: 10px 0px;
}
@media (min-width: 768px) {
  .copy .txt {
    font-size: calc( 1.2rem + ( 1vw - 7.68px ) * 0.390625 );
  }
}
@media (min-width: 1280px) {
  .copy .txt {
    font-size: 1.4rem;
  }
}
.copy .note {
  font-size: 1rem;
}

.point_wrap ul {
  padding: 30px;
}
.point_wrap ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 25px;
  text-align: left;
}
.point_wrap ul li span {
  flex: 0 1 10%;
  width: 10%;
  max-width: 10%;
}
.point_wrap ul li p {
  flex: 0 1 88%;
  width: 88%;
  max-width: 88%;
}

.concept_wrap h3 {
  text-align: center;
  margin-bottom: 20px;
}
.concept_wrap .movie {
  margin-bottom: 20px;
  flex: 0 1 100%;
  width: 100%;
  max-width: 100%;
  height: 50vw;
}
.concept_wrap .bnr {
  flex: 0 1 100%;
  width: 100%;
  max-width: 100%;
}
.concept_wrap .bnr img {
  margin-bottom: 20px;
}

.frame_wrap {
  border: solid 1px #b59a5b;
}
.frame_wrap .frame_title {
  background-color: #b59a5b;
  padding: 5px 0px;
  text-align: center;
  font-size: 1.8rem;
  color: #fff;
}

.position {
  position: relative;
  top: -65px;
}

.space {
  padding: 7px;
}

.tracing_wrap .title_box .date {
  font-size: 1rem;
  padding-top: 5px;
}
.tracing_wrap .history_list {
  margin-top: 20px;
}
.tracing_wrap .history_list ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: dashed 2px #999999;
  padding: 5px 0px;
}
.tracing_wrap .history_list ul li .since {
  flex: 0 1 10%;
  width: 10%;
  max-width: 10%;
  letter-spacing: 0px;
  font-size: 1rem;
}
.tracing_wrap .history_list ul li .txt {
  flex: 0 1 85%;
  width: 85%;
  max-width: 85%;
  text-align: left;
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  .tracing_wrap .history_list ul li .txt {
    font-size: calc( 1.2rem + ( 1vw - 7.68px ) * 0.390625 );
  }
}
@media (min-width: 1280px) {
  .tracing_wrap .history_list ul li .txt {
    font-size: 1.4rem;
  }
}
.tracing_wrap .history_list ul li .date {
  text-align: left;
}
.tracing_wrap .img_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 25px;
}
.tracing_wrap .img_wrap .img_01 {
  flex: 0 1 34%;
  width: 34%;
  max-width: 34%;
}
.tracing_wrap .img_wrap .img_01 .txt {
  font-size: 1rem;
  letter-spacing: 0px;
}
.tracing_wrap .img_wrap .img_02 {
  flex: 0 1 63%;
  width: 63%;
  max-width: 63%;
}
.tracing_wrap .img_wrap .img_02 .txt {
  font-size: 1rem;
  letter-spacing: 0px;
}
.tracing_wrap .img_wrap .img_02 .txt span {
  color: #e51373;
}

.commitment_wrap .copy_wrap {
  margin-top: 20px;
}
.commitment_wrap .frame_wrap {
  border: solid 1px #b59a5b;
}
.commitment_wrap .frame_wrap .frame_title {
  background-color: #b59a5b;
  padding: 5px 0px;
  text-align: center;
  font-size: 1.8rem;
  color: #fff;
}
.commitment_wrap .frame_wrap .copy_wrap {
  margin-top: 0px;
}
.commitment_wrap .frame_wrap .copy_wrap .copy {
  padding: 15px;
  margin-bottom: 0px;
}
.commitment_wrap .frame_wrap .copy_wrap .copy .sub_title {
  padding: 10px 0px 5px;
}
.commitment_wrap .frame_wrap .copy_wrap .copy .txt {
  padding: 0px 0px 10px;
}
.commitment_wrap .frame_wrap .copy_wrap .copy .img_01 {
  width: 70%;
  margin: auto;
}

.service_wrap {
  /*
  .frame_wrap{
  	.frame_box{ 
  		padding: 20px 2% 20px;
  	}
  	.title{
  		margin-bottom: 20px;
  	}
  	.service_list{
  	
  		ul{
  			@include flex_wrap;
  			li{
  				@include flex_box();
  				margin-bottom: 10px;
  				.service_title{
  					text-align: center;
  					font-size: 1.2rem;
  					line-height: 1.4;
  					background-color: #f0ebde;
  					color: #b59a5b;
  					margin-bottom: 0px;
  				}
  				.txt{
  					
  				    
  				}
  				&.l_box{
  					@include flex_box(100%);
  				}
  			}
  			
  		}
  		.txt {
  			font-size: 1rem;
  					text-align: left;
  		}
  	}
  }
  */
}
.service_wrap .title_box .mein_title {
  padding: 0;
}
.service_wrap .title_box .mein_title.sp_only {
  width: 90%;
  margin: 0 auto 20px;
  display: block;
}
.service_wrap .copy {
  margin-top: 20px;
  margin-bottom: 0px;
}
.service_wrap .copy .sub_title span {
  font-size: 1rem;
}
.service_wrap .frame_wrap {
  border: none;
}
.service_wrap .frame_wrap .items .item {
  margin-top: 8%;
}
.service_wrap .frame_wrap .items .item .subttl {
  padding-bottom: 6px;
  margin-bottom: 12px;
  line-height: 1;
  border-bottom: solid 2px #b59a5b;
}
.service_wrap .frame_wrap .items .item .body small {
  font-size: .6em;
}
.service_wrap .frame_wrap .items .item .images {
  display: grid;
  grid-template-columns: 49% 49%;
  grid-column-gap: 2%;
  margin-top: 8%;
}
.service_wrap .frame_wrap .items .item .images .thum {
  font-size: 1.0rem;
  text-align: right;
  line-height: 1;
}
.service_wrap .frame_wrap .items .item .images .thum:nth-child(1) .cap {
  letter-spacing: 1px;
}
.service_wrap .frame_wrap .items .item .images .thum:nth-child(1) .cap span {
  margin-left: -40px;
}
.service_wrap .frame_wrap .items .item .images .thum:nth-child(n + 3) {
  margin-top: 10%;
}
.service_wrap .frame_wrap .items .item .images .attent {
  color: #fff;
  margin-top: -12px;
  transform: scale(0.7);
  transform-origin: right;
}
.service_wrap .frame_wrap .items .item .images .cap {
  margin-top: 2px;
}
.service_wrap .frame_wrap .items .item .images .cap span {
  display: inline-block;
  transform: scale(0.8);
  transform-origin: right;
}

.wealth_wrap .txt {
  font-size: 1rem;
  text-align: left;
  padding-top: 20px;
  line-height: 1;
}
.wealth_wrap .lanking {
  margin-bottom: 40px;
}
.wealth_wrap .price_list {
  margin-bottom: 40px;
}
.wealth_wrap .support_list .top_title {
  font-size: 1.8rem;
}
@media (min-width: 768px) {
  .wealth_wrap .support_list .top_title {
    font-size: calc( 1.8rem + ( 1vw - 7.68px ) * 1.953125 );
  }
}
@media (min-width: 1280px) {
  .wealth_wrap .support_list .top_title {
    font-size: 2.8rem;
  }
}
.wealth_wrap .support_list ul li .syousai_btn {
  margin: -30px auto 40px;
}

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  .title_box .mein_title {
    padding-top: 20%;
  }

  .point_wrap ul li {
    flex: 0 1 48%;
    width: 48%;
    max-width: 48%;
  }
}
/*------------------------------
		1024px以上
------------------------------*/
@media screen and (min-width: 981px) {
  .top_title {
    margin: 0 auto 40px;
  }

  .list ul {
    padding: 20px 2% 0;
  }
  .list ul li {
    flex: 0 1 24%;
    width: 24%;
    max-width: 24%;
  }

  #read {
    margin-bottom: 80px;
  }
  #read .title_box .mein_title {
    padding-top: 2%;
    width: 20%;
  }
  #read .title_box .logo_30th {
    width: 20%;
  }

  .space {
    padding: 0px;
  }

  .point_wrap ul li p {
    font-size: 1.7rem;
  }

  .concept_wrap .flex_wrap > div {
    flex: 0 1 48%;
    width: 48%;
    max-width: 48%;
  }
  .concept_wrap .movie {
    height: auto;
  }

  .commitment_wrap .title_box .txt {
    line-height: 1.8;
  }
  .commitment_wrap .copy_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px 0;
  }
  .commitment_wrap .copy_wrap .copy {
    flex: 0 1 48%;
    width: 48%;
    max-width: 48%;
    padding: 0px;
  }
  .commitment_wrap .frame_wrap .copy {
    flex: 0 1 46%;
    width: 46%;
    max-width: 46%;
  }
  .commitment_wrap .frame_wrap .copy .flex_wrap {
    padding-top: 15px;
  }
  .commitment_wrap .frame_wrap .copy .flex_wrap .item {
    flex: 0 1 48%;
    width: 48%;
    max-width: 48%;
  }
  .commitment_wrap .frame_wrap .copy .flex_wrap .img_01,
  .commitment_wrap .frame_wrap .copy .flex_wrap .img_02 {
    flex: 0 1 50%;
    width: 50%;
    max-width: 50%;
  }
  .commitment_wrap .frame_wrap .copy .flex_wrap .sub_title {
    padding: 0px 0px 5px;
  }

  .service_wrap {
    /*
    .frame_wrap{
    	.title {
    		font-size: 1.8rem;
    		padding: 30px 0px;
    	}
    	.service_list{
    		margin: 20px 10px 45px;
    		.side{
    			ul{
    				flex-flow: row;
    			
    				@include flex_wrap;
    				li{
    					@include flex_box(36%);
    					.service_title{
    						padding: 10px 0;
    						font-size: 1.4rem;
    					}
    					
    					&.l_box{
    						@include flex_box(24%);	
    						ul{
    							display: block;
    							li{
    								@include flex_box(100%);	
    								.img{
    									margin-bottom: 5px;
    								}
    							}
    						}
    					}
    				}
    			}
    			.txt {
    				line-height: 1;
    			}
    			
    		}
    	}
    }
    */
  }
  .service_wrap .title_box .mein_title {
    margin: 60px auto 80px;
    width: 50%;
  }
  .service_wrap .title_box .mein_title.sp_only {
    display: none;
  }
  .service_wrap .copy {
    margin-bottom: 20px;
  }
  .service_wrap .copy .title {
    font-size: clamp(15px, 1.952vw, 24px);
  }
  .service_wrap .frame_wrap .items {
    display: grid;
    grid-template-columns: 46%;
    grid-column-gap: 8%;
  }
  .service_wrap .frame_wrap .items .item {
    margin-top: clamp(20px, 4.879vw, 60px);
  }
  .service_wrap .frame_wrap .items .item:last-child {
    grid-column: 1 / 3;
  }
  .service_wrap .frame_wrap .items .item .subttl {
    padding-bottom: 6px;
    margin-bottom: 12px;
    font-size: clamp(15px, 1.952vw, 24px);
  }
  .service_wrap .frame_wrap .items .item .images {
    grid-template-columns: repeat(4, 23%);
    grid-column-gap: calc(8% / 3);
    margin-top: clamp(20px, 4.879vw, 60px);
  }
  .service_wrap .frame_wrap .items .item .images .thum {
    font-size: 1.0rem;
    text-align: right;
    line-height: 1;
  }
  .service_wrap .frame_wrap .items .item .images .thum:nth-child(1) .cap {
    letter-spacing: auto;
  }
  .service_wrap .frame_wrap .items .item .images .thum:nth-child(1) .cap span {
    margin-left: 0x;
  }
  .service_wrap .frame_wrap .items .item .images .thum:nth-child(n + 3) {
    margin-top: 0;
  }
  .service_wrap .frame_wrap .items .item .images .attent {
    margin-top: -12px;
    transform: scale(0.8);
  }
  .service_wrap .frame_wrap .items .item .images .cap {
    margin-top: 2px;
  }
  .service_wrap .frame_wrap .items .item .images .cap span {
    transform: scale(1);
  }

  .wealth_wrap .top_title {
    margin-top: 100px;
  }
  .wealth_wrap .support_list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .wealth_wrap .support_list ul li {
    flex: 0 1 32%;
    width: 32%;
    max-width: 32%;
    position: relative;
    top: 10px;
  }
  .wealth_wrap .txt {
    line-height: 1.5;
  }
}
/*------------------------------
		1200px以上
------------------------------*/
@media screen and (min-width: 1281px) {
  #read {
    margin-bottom: 100px;
  }
  #read .title_box .mein_title {
    padding-top: 5%;
  }

  .list ul {
    padding: 20px 0 0;
  }

  .point_wrap {
    margin-bottom: 60px;
  }
  .point_wrap ul {
    padding: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .point_wrap ul li {
    flex: 0 1 25%;
    width: 25%;
    max-width: 25%;
    position: relative;
  }
  .point_wrap ul li span {
    width: 12%;
    position: absolute;
    left: 0%;
    top: -20%;
  }
  .point_wrap ul li p {
    margin-left: 13%;
  }
  .point_wrap ul li:nth-child(n+5) {
    flex: 0 1 27%;
    width: 27%;
    max-width: 27%;
  }

  .title_box {
    margin-bottom: 60px;
  }
  .title_box .top_title {
    margin-bottom: 50px;
  }
}

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