@charset "UTF-8";

@media (max-width: 1020px) {
	.wrapper {
		padding-bottom: 100px;
	}
	.hero {
		height: 450px;
	}
	.head {
		padding: 0 50px;
		margin: 100px 50px 50px;
	}
	.head span::before {
		left: -50px;
		width: 35px;
	}

	.ask {
		display: none;
	}


	.section-intro {
		margin-top: -100px;
	}
	.section-intro .inner-right {
		padding: 100px 0 60px;
	}
	.section-intro.introlinks .inner-right {
		padding: 100px 0;
		margin-bottom: 200px;
	}
	.section-intro.introlinks02 .inner-right {
		padding: 100px 0 60px;		
	}
	.intro-tex {
		margin: 50px 0 0 0;
		line-height: 1.8;
		letter-spacing: .15em;
	}
	.intro-tex.tags {
		margin: 50px 0 30px;
		padding-bottom: 30px;
	}
	.intro-tex.plans {
		letter-spacing: .05em;
	}
	.intro-cmt {
		margin-top: 40px;
		padding-left: 50px;
		line-height: 1.8;
	}
	.hero.privacy-head .intro-cmt {
		margin: 60px 40px 0;
		padding-bottom: 60px;
		padding-right: 40px;
	}
	.intro-cmt::before {
		left: 0;
		width: 35px;
	}
	.intro-nav {
		left: 50px;
		bottom: -145px;
		width: calc(100% - 150px);
	}
	.introlinks02 .intro-nav {
		bottom: -100px;
	}
	.intro-nav.basic-headding-nav {
		margin-bottom: 35px;
	}
	.intro-nav ul li a {
		padding: 10px 0 25px;
	}
	.introlinks02 .intro-nav ul li {
		width: 23.5%;
	}
	.intro-nav.basic-headding-nav ul li {
		width: 100%;
	}
	.introlinks02 .intro-nav ul li a span {		
		color: #8A7E40;
	}
	.introlinks02 .intro-nav ul li a span::after {
		display: none;
	}
	.intro-nav ul li a {
		font-size: 20px;
		letter-spacing: .1em;
	}
	.intro-nav.basic-headding-nav ul li a {
		font-size: 18px;
		letter-spacing: 0;
		margin-bottom: 15px;
		padding: 7px 0 20px;
	}
	.introlnkbutton a {
		padding: 15px 80px;
	}
	.introlnkbutton {
		width: 100%;
		margin-top: 30px;
	}
	.intro-tags {
		padding: 0 10px 0 0px;
	}
	.intro-tags.sekou-tags {
		height: 135px;
	}
	.intro-tags ul li {
		margin: 7px 0 0 7px;
		width: 32%;
		min-width: initial;
	}
	.intro-tags ul li a {
		padding: 2px 0;
		font-size: 14px;
	}
	.intro-tags ul li a::before {
		margin-right: 3px;
	}
	.intro-tags ul li a:hover, .intro-tags ul li a.seltag {
		background: #FFF;
		border-color: #FFF;
	}
	

	.section-cnts {
		margin-top: 100px;
	}


	.basic-headding {
		margin: 0 50px;
		padding: 0 50px;
	}
	.numhead-adding {
		margin-left: 0;
	}
	.numhead-adding p {
		letter-spacing: 0em;
		padding: 30px 40px 0 30px;
	}


	.content-block {
		margin-bottom: 50px;
	}
	.content-block-inner {
		padding: 50px 0;
	}
	.content-block-inner.sht {
		padding: 50px 0;		
	}
	.content-block-inner.nobtm {
		padding: 50px 0 0;	
	}
	.basic-detail-sub {
		margin: 50px 0 0 50px;
	}
	.basic-detail-sub h4.widthbar::before {
		left: -50px;
		width: 35px;
	}
	.content-block-photo img {
		margin: 0;
		width: 100%;
	}

	.lastsec .inner-left {
		padding: 100px 0 35%;
	}
	.lastsec .freearrange .photo01 {
		top: -350px;
	}

	
	/* shizensozai */
	.shizensozai-miryoku-box {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.shizensozai-miryoku-photo.ex {
		padding-bottom: 0;
		margin-top: -35px;
	}
	
	
	/* material */
	
	.number-headding {
		margin-left: 100px;
	}
	.number-hedding-subhead span {
		display: inline;
	}
	.fiberbox .fibertxtbox .lnkbtn {
		width: 100%;
		text-align: center;
	}
	.fiberbox .fibertxtbox .lnkbtn a {
		padding: 5px 20px;
		font-size: 12px;
	}	
	.fiberbox .fibertxtbox .lnkbtn a::after {
		display: none;
	}

	/* support */
	#flow .photo02 {
		right: 50px;
		width: 45%;
	}
	#flow .freearrange-txt {
		width: 39%;
		font-size: 17px;
		letter-spacing: .1em;
		right: 100px;
		line-height: 2;
	}
	.flow {
		width: calc(100% + 100px);
		padding-bottom: 5%;
		margin-bottom: 40px;
		margin-left: -50px;
		margin-right: -50px;
	}
	.flowbox-num {
		top: -3px;
	}
	.flowbox-title {
		font-size: 2.7vw;
		padding: 25px 0 25px 35px;
		letter-spacing: 0em;
		line-height: 1;
	}
	.flowsub {
		font-size: 20px;
	}
	.flowsub::before {
		top: -6px;
	}
	.supportbox h4 {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		min-height: 5.5em;
	}
	.supportbox h4::after {
		width: 100%;
	}
	
	
	
	/* staff */
	.staff-headding {
		margin-top: 50px;
		display: block;
	}
	.staff-headding-photo {
		position: relative;
		width: calc(100% - 50px);
		height: 350px;
		margin: 0 0 0 auto;
		z-index: 2;
	}
	.reverse .staff-headding-photo {		
		margin: 0 auto 0 0;
	}
	.staff-headding-txt {
		width: calc(100% - 90px);
		margin: 50px 0 0 auto;
	}
	.reverse .staff-headding-txt {
		margin-left: auto;
		width: calc(100% - 90px);
	}
	.staff-headding-txt p {
		padding: 30px 90px 0 40px;
	}
	.reverse .staff-headding-txt p {
		padding: 30px 90px 0 40px;
	}
	.staff-block .inner-left,
	.staff-block .inner-right {
		padding-top: 50px;
		margin-top: 50px;
	}
	.staff-box.wide {		
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.profile.kotaro {
		padding: 50px;
		border-width: 2px;
	}
	.staff-block .lnkbtn {
		width: 80%;
	}
	.ktr-attn {
		position: inherit;
		display: inline-block;
		bottom: auto;
		right: auto;
		font-size: 11px;
		margin-top: 20px;
	}
	
	
	
	/* plan */
	.orders, #FULLORDER .content {
		width: calc(100% + 100px);
		margin-left: -50px;
	}
	.columnbox.plansbox h4 img {
		height: 30px;
	}
	.plansbox .lnkbtn {
		width: 90%;
	}
	.basic-plan::before {
		width: calc(100% + 50px);
	}
	.basic-plan-inner {
		padding-right: 50px;
	}
	.plan-phototxt::after {
		right: auto;
		left: 0;
		bottom: -7%;
		width: 35px;
		height: 35px;
	}
	#MUKU .plan-phototxt::after {
		right: 47.5%;
	}
	.plan-photo {
		width: calc(100% + 100px);
		margin-left: calc(50% - 50vw);
	}
	#MUKU .plan-photo {
		width: calc(100% + 100px);
		margin-left: -50px;
		margin-right: -50px;
	}
	.plan-txt {
		margin-top: 30px;
		width: 100%;
		padding-left: 6%;
	}
	#MUKU .plan-txt {
		width: 100%;	
	}
	.comuku-works, .muku-works, .mukutasu-works {
		width: calc(100% + 100px);	
	}
	.plangallery .works-box {
		width: 225px;
	}
	.bnr-semiorder a {
		padding: 120px 0 80px;
	}
	.bnr-semiorder .lnkbtn {
		margin: 80px auto 0;
	}
	.lnkcntbox .lnkbtn.wide {
		width: 100%;
	}
	
	
	
	/* sekou */
	.sekoubox {
		width: 100%;
		margin-top: 35px;
	}
	.sekoubox-img, .works-box-img {
		aspect-ratio: 3 / 2;
	}
	.sekou-titlearea {
		padding: 10px 20px;
	}
	.sekoubox-tags ul li {
		margin-left: 15px;
	}



	/*sekou-post*/
	.sekou-hero, .hero.hero-sekou-special {
		width: 94%;
		height: 300px;
	}
	.sekou-hero-adding {
		margin: 35px 0 0;
		padding: 0 50px;
	}
	.content.post {
		padding: 0;
	}
	.sekou-data {
		display: block;
		padding: 20px 0 30px;
	}
	.sekou-data h2 {
		width: 100%;
		text-align: center;
		padding: 0 0 10px;
	}
	.sekou-data-detail {
		border-left: none;
	}
	.sekou-data-detail h3::after {
		content: '';
		position: absolute;
		left: 0;
		top: 20px;
		width: calc(100vw - 130px);
		height: 1px;
		background: #8A7E40;
		z-index: -1;
	}





	/* eventpost */
	.event-head-details {
		width: 100%;
	}
	.event-post h2::before {
		left: -50px;
		width: 35px;
	}
	.event-attn {
		width: 65%;
	}
	.event-post .lnkbtn.evecon {
		margin-bottom: 100px;
	}





	/* consultation ( blog ) */
	.blog-head {
		padding-bottom: 60px;
		margin-bottom: 60px;
	}
	.blog-head-img {
		height: 450px;
	}
	.blog-content {
		width: 100%;
		min-width: initial;
	}
	.blog-content h8::before {
		left: -50px;
		width: 35px;
	}
	.col_2 a.cp_btn02 {
		width: 250px;
	}
	.waku2, .waku4 {
		width: 80%;
	}
	.blog-content h2{padding-bottom:10px;}
	
	
	/* voice */
	.interview-photo {
		width: 100%;
	}
	.interview-txt {
		width: 100%;
	}
	.interview-txt h2 {
		padding: 0 0 25px 0;
		margin: 50px auto 30px;
	}
	.interview-txt-inner {
		padding-left: 60px;
	}
	.lnkbtn.wide.voicetosekou {
		width: 100%;
	}
	
	
	
	/* recruit */
	.recruit-list-box .lnkbtn-set.sht ul {
		display: block;
	}
	.recruit-list-box .lnkbtn-set.sht ul li {
		margin: 10px 0 0;
		width: 100%;
	}
	.recruit-content-inner {
		margin: 0 0 0 50px;
	}
	.recruit-mainimg.double {
		padding-bottom: 35px;
	}
	.recruit-mainimg.double div {
		width: 40%;
	}
	.person-hours-box-photo {
		width: 50%;
	}
	.person-hours-box-txt {
		width: 50%;
		padding: 0 30px;
		font-size: 14px;
	}
	.person-hours-box-txt h3 {
		font-size: 20px;
		padding-bottom: 20px;
	}
	
	
	/* entry */
	.event-head.entry {
		width: calc(100% + 100px);
		margin: 0 -50px;
		padding: 50px;
	}
	.formprivacy {
		padding: 50px;
		margin: 0 -50px;
	}
	
	
	
	/* company */
	.areamapbtn {
		position: inherit;
		right: auto;
		top: auto;
		text-align: center;
		margin: 35px auto 0;
	}

	
	
	
	.lnkbtn-set ul li {
		width: 50%;
		min-width: initial;
		margin: 0 2%;
	}
	.lnkbtn-set ul li .lnkbtn {
		font-size: 17px;
	}
	.lnkbtn-set ul li .lnkbtn.inq a {
		padding: 22px 50px 22px 60px;
	}
	.lnkbtn-set ul li .lnkbtn a {
		padding: 22px 50px 22px 25px;
	}

}




@media (max-width: 47.9375rem) { 
	.wrapper {
		padding-bottom: 60px;
	}
	.hero {
		height: 180px;
		padding-right: 6%;
	}
	.hero.privacy-head {
		margin-bottom: 30px;
	}
	.hero-mainimg {
		border-radius: 0 30px 0 0;
	}	
	.hero-mainimg.support img {
		object-position: 25%;
	}
	.head {
		font-size: 30px;
		padding: 0 0 0 6%;
		margin: 60px 0 30px;
		letter-spacing: 0;
	}
	.hero.privacy-head .head {
		margin-top: 40px;
	}
	.head span {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.head span.color-head {
		font-size: 30px;
		margin-bottom: 0;
		letter-spacing: 0;
	}
	.hero.privacy-head .head span.color-head {
		font-size: 25px;
	}
	.center-head {
		font-size: 30px;
		margin-bottom: 30px;
		padding-bottom: 30px;
	}
	.head span::before {
		left: -7%;
		top: 10px;
		width: 20px;
	}
	.head span.lh-half::before {
		top: 14px;
	}
	.head span.color-head::before {
		top: 16px;
	}
	.center-head::before {
		width: 20px;
	}

	.section-intro {
		margin-top: -50px;
	}
	.section-intro .inner-right, .section-intro.introlinks02 .inner-right {
		padding: 50px 0;
	}
	.section-intro.introlinks .inner-right {
		padding: 50px 0 75px;
		margin-bottom: 100px;	
	}
	.intro-tex {
		margin: 35px 0 0 0;
		font-size: 20px;
		letter-spacing: 0;
	}
	.intro-tex span {
		display: inline;
	}
	.intro-tex.tags {
		margin: 35px 0 25px;
		padding-bottom: 20px;
	}
	.intro-cmt {
		margin-top: 30px;
		padding-left: 6%;
		font-size: 14px;
		letter-spacing: 0;
		line-height: 1.8;
	}	
	.hero.privacy-head .intro-cmt {
		margin: 40px 0 0 6%;
		padding-bottom: 40px;
		padding-left: 0;
		padding-right: 0;
	}
	.intro-cmt br {
		display: none;
	}
	.intro-cmt::before {
		left: -7%;
		top: 12px;
		width: 25px;
	}
	.hero.privacy-head .intro-cmt::before {
		display: none;
	}
	.intro-nav {
		left: 3%;
		bottom: -100px;
		width: 94%;
	}
	.intro-nav ul li {
		width: 32.5%;
	}
	.intro-nav ul li a {
		font-size: 15px;
		padding: 2px 0 15px;
		letter-spacing: 0;
	}
	.intro-nav ul li.small a {
		font-size: 15px;
		letter-spacing: -.05em;
		padding: 3px 0 17px;
	}
	.intro-nav ul li a::after {
		bottom: 3px;
		width: 10px;
		height: 10px;
	}
	.introlinks02 .intro-nav ul li a span {
		position: inherit;
		left: auto;
		top: auto;
		display: block;
		letter-spacing: .05em;
		font-size: 20px;
		line-height: 1;
		margin-top: 7px;
	}
	.introlinks02 .intro-nav {
		bottom: -90px;
	}
	.introlinks02 .intro-nav ul li {
		width: 24.5%;
	}
	.introlnkbutton {
		margin-top: 20px;
	}
	.introlnkbutton a {
		font-size: 16px;
		padding: 3px 12%;
		letter-spacing: 0em;
	}
	.introlnkbutton a::before {
		left: 20px;
		width: 10px;
		height: 10px;
	}
	.introlnkbutton a:hover::before {
		left: 20px;
	}
	.intro-tags {
		padding: 0;
	}
	.intro-tags.sekou-tags {
		height: 95px;
	}
	.intro-tags ul li {
		margin: 5px 0 0 5px;
		width: 31.8%;
	}
	.intro-tags.center.blog ul li {
		width: 47.5%;
		min-width: initial;
	}
	.intro-tags ul li a {
		padding: 1px 0;
		font-size: 10px;
	}
	.intro-tags ul li a::before {
		margin-right: 0;
	}
	.intro-tags ul li a:hover {
		background: transparent;
		border-color: #111;
	}


	.section-cnts {
		margin-top: 75px;
	}
	.section-cnts.sht {
		margin-top: 20px;
	}
	.section-cnts.lastsec {
		margin-top: 0;
	}


	.basic-headding {
		margin: 0;
		padding: 0 6%;
	}
	h2.basic {
		font-size: 24px;
		letter-spacing: 0em;
		padding-top: 35px;
		margin-bottom: 35px;
		line-height: 1.5;
	}
	h2.basic::before, h2.numhead::before, h2.basic-custom::before {
		width: 50px;
		height: 2px;
	}	
	h2.center-head::before {
		width: 50px;
	}
	.bg-brown h2.basic {
		margin-bottom: 35px;
	}
	h2.basic-custom {
		padding-top: 35px;
		font-size: 18px;
		letter-spacing: 0;
		margin-bottom: 40px;
	}
	h2.basic-custom span {
		font-size: 30px;
		letter-spacing: .1em;
		margin-bottom: 10px;
	}
	h2.center-head {
		padding-bottom: 30px;
		margin-bottom: 30px;
		font-size: 30px;
	}

	h2.numhead {
		font-size: 24px;
		padding-top: 40px;
		padding-left: 80px;
		margin-bottom: 0;
	}
	h2.numhead span {
		font-size: 24px;
		margin-left: -80px;
	}
	h2.numhead span.en {
		position: absolute;
		top: 25px;
		left: 0;
		letter-spacing: .05em;
		font-size: 40px;
		margin-left: 0;
	}
	h2.numhead::before {
		left: 0;
	}
	.basic-adding {
		padding-bottom: 10px;
	}
	.basic-adding p {
		font-size: 15px;
		letter-spacing: 0;
		margin-bottom: 35px;
	}
	.numhead-adding {
		margin-left: 0;
		padding: 20px 0 40px 0;
		border-left: none;
	}
	.numhead-adding::after {
		right: 3%;
		width: 40px;
		height: 40px;
	}
	.numhead-adding p {
		font-size: 15px;
		margin-bottom: 20px;
		padding: 20px 5% 0 10px;
	}



	.content-block {
		margin-bottom: 35px;
	}
	.content-block-inner {
		padding: 35px 0;
	}
	.content-block-inner.nobtm {
		padding: 35px 0 0;	
	}
	.content-block-inner.sht {
		padding: 20px 0;
	}
	.content-block-photo p {
		margin-bottom: 20px;
	}


	h3.basic-curv {
		font-size: 18px;
	}
	h3.basic-curv span {
		padding: 7px 6%;
		letter-spacing: 0em;
		line-height: 1.4;
	}
	h3.basic-curv::after {
		width: 107%;
	}

	.basic-detail {
		padding-top: 0;
	}
	.basic-detail-sub {
		margin: 35px 0 0 6%;
		padding-bottom: 35px;
	}
	.basic-detail-sub.flexed {
		-ms-flex-wrap: wrap-reverse;
		flex-wrap: wrap-reverse;
		margin-left: 0;
	}
	.basic-detail-sub h4.widthbar {
		font-size: 18px;
		margin-bottom: 15px;
		letter-spacing: 0em;
	}
	.basic-detail-sub h4.widthbar::before {
		top: 17px;
		left: -7%;
		width: 15px;
	}
	.basic-detail-sub-txt {
		width: 100%;
		margin-right: 0;
		margin-left: 6%;
	}
	.basic-detail-sub-photo {
		width: 60%;
		margin-bottom: 15px;
	}

	.lastsec .inner-left {
		padding: 50px 0;
	}
	.basic-adding-lnks {
		max-width: initial;
		width: 100%;
		line-height: 1.8;
	}
	.basic-adding-lnks .lnkbtn {
		margin-top: 35px;
	}
	.freearrange {
		width: 100vw;
		margin: 50px calc(50% - 50vw) 0;
	}
	.lastsec .freearrange .photo01 {
		position: inherit;
		top: auto;
		right: auto;
		width: 70%;
		margin: 0 0 0 auto;
	}
	.lastsec .freearrange .photo02 {
		position: inherit;
		top: auto;
		left: auto;
		width: 40%;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		margin-top: -100px;
	}
	



	/* shizensozai */
	.content-block-photo-round {
		height: 180px;
		border-radius: 0;
		margin-bottom: 3px;
	}
	.round-wrap {
		padding-bottom: 35px;
	}
	.round-wrap.andphoto {
		margin-top: 50px;
		padding-left: 0;
		padding-bottom: 0;
		min-height: initial;
	}
	.roundphoto {
		position: inherit;
		left: auto;
		width: 100%;
		height: 180px;
		margin-bottom: 3px;
	}
	.roundtitle {
		display: block;	
	}
	.roundtitle::before {
		top: 22px;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	.roundtitle h3 {
		font-size: 20px;
		width: 50%;
		padding: 3px 0 3px 6%;
		border-radius: 0 50px 50px 0;
	}
	.roundtitle ul {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%;
		padding: 0;
	}
	.roundtitle ul li, .roundtitle ul li:first-child, .roundtitle ul li:last-child  {
		width: 33%;
		margin: 10px 0 0;
		padding: 0 3px;
	}
	.roundtitle ul li span {
		font-size: 14px;
		width: 100%;
		height: auto;
		padding: 3px 0;
		border-radius: 30px;
	}
	.round-wrap.andphoto .content-block-inner.sht {
		padding: 15px 0 0;
	}
	.shizensozai-attention {
		padding: 15px 6%;
		margin-top: 50px;
		border-radius: 10px;
	}
	.shizensozai-attention-title {
		padding-bottom: 20px;
		margin-bottom: 20px;
		font-size: 16px;
		line-height: 1.6;
	}
	.shizensozai-attention ul {
		display: block;
	}
	.shizensozai-attention ul li {
		padding-left: 30px;
		background: url("/img/common/icon_x.svg") center left no-repeat;
		background-size: 18px;
		font-size: 16px;
		margin-top: 10px;
	}
	.shizensozai-miryoku-box {
		-ms-flex-wrap: wrap-reverse;
		flex-wrap: wrap-reverse;
		margin-bottom: 50px;
	}
	.shizensozai-miryoku-box.reverse {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;	
	}
	.shizensozai-miryoku-txt {
		width: 100%;
	}
	.reverse .shizensozai-miryoku-txt {
		padding-left: 0;
	}
	.shizensozai-miryoku-txt p {
		margin: 15px 0 0;
	}
	.shizensozai-miryoku-photo {
		width: 105%;
		margin-bottom: 20px;
		margin-left: calc(50% - 50vw);
	}
	.reverse .shizensozai-miryoku-photo {
		margin-right: calc(50% - 50vw);		
	}
	.shizensozai-miryoku-photo.ex {
		padding-bottom: 0;
		margin-top: 0;
	}
	.shizensozai-miryoku-photo img {
		border-radius: 0 10px 10px 0;
	}
	.reverse .shizensozai-miryoku-photo img {
		border-radius: 10px 0 0 10px;		
	}
	.shizensozai-miryoku-photo.ex img {
		width: 100%;
		margin-left: 0;
	}
	.shizensozai-miryoku-photo-free {
		display: none;
	}
	.shizenwrap .lnkbtn.wide {
		margin-top: 50px;
		width: 100%;
	}
	
	
	
	
	/* material */
	.ability-wrap {
		position: inherit;
		bottom: auto;
		right: auto;
		width: 88%;
		min-width: initial;
		margin: 35px auto 50px;
		transform: translateX(0);
		border-top: 1px solid #8A7E40;
		border-bottom: 1px solid #8A7E40;
		padding: 15px 0;
	}
	.ability-wrap.PC {
		display: none;
	}
	.ability-wrap.SP {
		display: block;
	}
	.ability-wrap h2.top-basic {
		font-size: 16px;
		margin-bottom: 2px;
		color: #8A7E40;
	}
	.ability-box {
		width: 32.5%;
	}
	.ability-box-ttl {
		font-size: 12px;
	}
	.ability-box-ttl-big {
		margin: 0 auto 2px;
	}
	.ability-box-ttl span {
		display: block;
		font-size: 60%;
		font-weight: normal;
		margin-bottom: 1px;
	}
	.ability-ct {
		position: absolute;
		right: 20px;
		bottom: 10px;
		font-size: 9px;
	}
	.ability-ct-wrap {
		width: 230px;
		margin-top: 5px;
	}
	.ability-ct-wrap ul li {
		font-size: 9px;
		line-height: 1.8;
	}
	
	.photoandtxt.flexed {
		display: block;
	}
	.photoandtxt-photo {
		width: 100%;
		margin-bottom: 20px;
	}
	.photoandtxt-txt {
		width: 100%;
	}
	.fiberbox-ex {
		padding: 15px;
		margin-top: 20px;
		font-size: 14px;
	}
	.fiberbox-ex h4 {
		padding: 3px 0;
		width: 100%;
		text-align: center;
		font-size: 15px;
		margin-bottom: 10px;
	}
	.bgclear {
		padding: 5%;
	}
	.fiberbox-top h4 {
		padding: 3px 0;
		margin-bottom: 0;
		font-size: 16px;
		letter-spacing: 0;
	}
	.fiberbox-top .fiberbox-txt {
		margin-top: 7px;
		font-size: 14px;
		line-height: 1.6;
	}

	.number-headding {
		margin-left: 6%;
		padding: 0;
	}
	.number-headding-photo {
		position: inherit;
		top: auto;
		right: auto;
		width: calc(100vw - 6%);
		margin-left: 0;
		margin-bottom: 30px;
		height: 180px;
	}
	#heatresistance .number-headding-photo,
	#durability .number-headding-photo {
		margin-left: -7%;
		border-radius: 0 30px 0 0;
	}
	.number-hedding-subhead {
		width: 100%;
		letter-spacing: .1em;
		font-size: 18px;
		padding: 3px 0 3px 20px;
	}
	.number-headding + .inner-right,
	.number-headding + .inner-left {
		margin-top: -20px;
	}
	.onecolumnbox .fiberbox {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.onecolumnbox .fiberbox .fiberbox-img {
		width: 47.5%;
	}
	.fiberbox .fibertxtbox {
		font-size: 13px;
	}
	.onecolumnbox .fiberbox .fibertxtbox {
		width: 52.5%;
		font-size: 14px;
		margin-left: 5%;
		padding-bottom: 5%;
	}
	.fiberbox .fibertxtbox .lnkbtn a {
		padding: 5px 0;
		font-size: 10px;
	}
	.fiberttl {
		font-size: 16px;
		letter-spacing: 0;
		margin-bottom: 10px;
		text-align: center;
	}
	.fiberttl span {
		width: 100%;
		text-align: center;
		margin: 0 0 5px;
		font-size: 12px;
	}
	.fiberttl p {
		font-size: 13px;
		letter-spacing: 0;
	}
	.curv-box {
		display: block;
		padding: 20px;
		margin-bottom: 50px;
	}
	.curv-box-ttl {
		width: 100%;
		font-size: 20px;
		letter-spacing: .2em;
		border-right: none;
		border-bottom: 1px solid #8A7E40;
		padding-bottom: 20px;
	}
	.curv-box.loan .curv-box-ttl {
		border-bottom: none;
		padding: 0 0 20px;
		font-size: 18px;
		margin-bottom: 0;
		letter-spacing: 0;
		line-height: 1.6;
	}
	.curv-box-ttl span {
		font-size: 55px;
	}
	.curv-box-txt {
		width: 100%;
		padding: 20px 0 0;
		line-height: 1.8;
	}
	
	
	

	/* support */
	.list-circle {
		padding: 15px 0px 35px;
		margin-bottom: 35px;
	}
	.list-circle ul li {
		font-size: 18px;
		padding-left: 30px;
		margin-top: 20px;
		line-height: 1.6;
	}
	.list-circle ul li::before {
		top: 4px;
		width: 20px;
		height: 20px;
		border-radius: 20px;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	#flow .freearrange {
		padding-top: 0;
		margin-top: 0;
		margin-bottom: 35px;
	}
	#flow .photo01 {
		width: 35%;
	}
	#flow .photo02 {
		top: auto;
		bottom: 30px;
		right: 0;
		width: 60%;
	}
	#flow .freearrange-txt {
		position: inherit;
		width: 88%;
		font-size: 14px;
		letter-spacing: 0;
		right: auto;
		bottom: auto;
		line-height: 1.6;
		margin: 0 auto 65px;
	}
	.flow {
		width: 100%;
		padding-bottom: 5%;
		padding-left: 5%;
		margin-bottom: 25px;
		margin-left: 0;
		margin-right: 0;
	}
	.flow::before {
		left: 23px;
		width: 3px;
		height: 100%;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		border-left-width: 3px;
	}
	.flow::after {
		left: 12px;
		bottom: 0;
		width: 25px;
		height: 25px;
		-webkit-transform: translateX(0) rotate(45deg);
		transform: translateX(0) rotate(45deg);	
	}
	.flow-left {
		padding-right: 0;
	}
	.flow-right {
		padding-left: 0;
	}
	.flowbox-num {
		top: -2px;
		left: -5%;
		width: 50px;
		height: 50px;
		padding-top: 10px;
		border-radius: 50px;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		font-size: 28px;
	}
	.flowbox-title {
		font-size: 20px;
		padding: 12px 0 12px 50px;
		letter-spacing: 0em;
	}
	.flow-left .flowbox-title {
		border-radius: 0 50px 50px 0;
	}
	.flow-right .flowbox-title {
		padding-left: 50px;
	}
	.flowbox-txt {
		padding: 10px 0 30px 50px;
		font-size: 13px;
		line-height: 1.8;
	}
	.flow-right .flowbox-txt {
		padding-left: 50px;
	}
	.flowbox-txt.withphoto {
		padding-right: 0;
	}
	.flow-right .flowbox-txt.withphoto {
		padding-right: 0;	
	}
	.flowbox-txt.withphoto img {
		position: inherit;
		top: auto;
		right: auto;
		width: 50%;
		margin-top: 10px;
	}
	.flow-right .flowbox-txt.withphoto img {
		right: auto;
	}
	.flowbox-txt.withphoto02 img {
		position: inherit;
		right: auto;
		top: auto;
		width: 100%;
		margin-top: 10px;
	}
	.flowsub {
		width: 100%;
		padding: 0 0 25px 35px;
		font-size: 18px;
		letter-spacing: 0em;
	}
	.flowsub::before {
		top: -3px;
		left: -5px;
		width: 25px;
		height: 25px;
		border-radius: 25px;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	.flowlast {
		text-align: left;
		font-size: 22px;
		letter-spacing: 0em;
	}
	.flowlast span {
		padding: 0 0 7px;
	}
	.triplecolumnboxes .columnbox.supportbox {
		margin-top: 10px;
		margin-bottom: 0;
		padding: 15px;
		width: 100%;
	}
	.triplecolumnboxes .columnbox.supportbox:first-child {
		margin-top: 30px;
	}
	.supportbox h4 {
		margin-bottom: 15px;
		font-size: 18px;
		letter-spacing: 0;
		padding-bottom: 15px;
		min-height: initial;
	}
	.graph {
		margin-top: 30px;
	}
	.graph h4 {
		margin-bottom: 20px;
		font-size: 18px;
		letter-spacing: 0;
		line-height: 1.8;
	}
	.graph h4 span {
		padding: 0;	
	}
	.graph img {
		width: 100vw;
		margin: 0 calc(50% - 50vw);
	}
	#reform.lastsec .photo02 {
		top: auto;
		left: auto;
	} 
	#reform.lastsec .inner-left {
		padding: 50px 0;
	}
	
	
	
	
	/* thought */
	.ceos {
		padding-top: 10px;
		
	}
	.ceos-txt {
		padding-left: 30px;
		width: 100%;
	}
	.ceos-txt::before {
		width: 20px;
	}
	.ceos-txt-cmnt p {
		font-size: 14px;
		line-height: 1.6;
	}
	.ceos-txt-cmnt p span {
		display: inline;
	}
	.ceos-photo {
		width: 50%;
		padding-left: 30px;
		margin: 10px 0 0 auto;
	}
	.names {
		width: calc(100% - 30px);
		margin: 20px 0 0 30px;
		padding: 20px 0 5px;
		font-size: 17px;
		letter-spacing: .15em;
	}
	.names .names-pos {
		font-size: 12px;
		right: 12.3em;
	}
	.names .names-eng {
		padding-left: 20px;
		font-size: 10px;
		letter-spacing: .1em;
	}
	.content-block.thougthblock {
		margin: 0 0 40px;
		padding: 20px 0 0;
	}
	.content-block.thougthblock::before, 
	.content-block.thougthblock::after {
		left: -5%;
		width: 7px;
	} 
	.content-block.thougthblock::after {
		right: -5%;
		left: auto;
	}
	.content-block-inner.sht.aboveline {
		padding-top: 80px;
	}
	.content-block-inner.sht.aboveline::before {
		height: 40px;
	}
	h2.thoughtttl {
		margin-bottom: 20px;
		font-size: 31px;
	}
	h3.thought {
		margin-bottom: 25px;
		font-size: 18px;
		letter-spacing: 0em;
	}
	.thougthblock p {
		line-height: 2.5;
		font-size: 13px;
	}
	.thougthblock img {
		width: 100%;
		margin: 20px 0 0;
	}
	
	
	
	/* company */
	.history {
		margin-left: 0px;
	}
	.history::before {
		height: calc(100% - 30px);
	}
	.history dl {
		padding: 20px 0 0 15px;
		font-size: 14px;
		letter-spacing: 0;
		line-height: 1.6;
	}
	.history dl:first-child {
		padding-top: 40px;
	}
	.history dt {
		width: 5.5em;
	}
	.history dt::before {
		content: '';
		position: absolute;
		top: 7px;
		left: -19px;
	}
	.history dd {
		width: calc(100% - 5.5em);
		position: relative;
		padding-left: .8em;
	}
	.history dd::before {
		display: none;
	}
	.generations {
		margin-top: 80px;
	}
	.generation-cmnt {
		margin-bottom: 10px;
		font-size: 18px;
		letter-spacing: 0em;
	}
	.generation-photo {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%;
		margin-bottom: 10px;
	}
	.generation-photo img {
		width: 90px;
	}
	.generation-photo p {
		padding: 0 0 0 5%;
		font-size: 13px;
	}
	.profile {
		border-radius: 10px;
		padding: 0 6% 30px;
		font-size: 14px;
	}
	.profile dl {
		display: block;
		padding: 20px 0;
	}
	.profile dl dt {
		width: 100%;
		padding: 0;
		font-weight: bold;
		margin-bottom: 5px;
		color: #8A7E40;
	}
	.profile dl dd {
		width: 100%;
		padding: 0;
	}
	#access .content {
		margin-bottom: 60px;
	}
	.googlemap {
		position: inherit;
		top: auto;
		right: auto;
		width: 100%;
		height: auto;
		margin-top: 30px;
	}
	.accessbox {
		margin-top: 35px;
		padding-left: 30px;
		width: 100%;
		font-size: 13px;
	}
	.accessbox::before {
		top: 14px;
		width: 20px;
	}
	.accessbox h4 {
		font-size: 16px;
		margin-bottom: 5px;
	}
	.googlemapbtn {
		margin: 10px 0 0 auto;
		width: 180px;
	}
	.googlemapbtn a {
		font-size: 16px;
		padding-left: 20px;
	}
	.areamapbtn a {
		font-size: 16px;
		padding-left: 35px;
	}
	.googlemapbtn a span, .areamapbtn a span {
		display: inline-block;
		padding-bottom: 2px;
		padding-right: 50px;
		letter-spacing: .05em;
		background-size: 25px;
	}
	.profile-mapimg {
		margin:20px auto;
	}
	.profile-mapbottom ul li {
		margin-top: 7px;
		font-size: 90%;
	}
	#access .lnkbtn-set {
		margin: 0 6%;
	}
	.lnkbtn-mail {
		font-size: 16px;
		padding-top: 35px;
		margin-top: 35px;
	}
	.lnkbtn-mail::before {
		width: 50px;
	}
	.mailaddress {
		font-size: 18px;
		margin-top: 7px;
		letter-spacing: .05em;
	}
	.mailaddress::before {
		width: 18px;
		height: 14px;
		margin-right: 7px;
	}
	
	
	
	/* staff */
	.staff-headding {
		margin-top: 30px;
	}
	.staff-headding-photo {
		width: 94%;
		height: 220px;
	}
	.staff-headding-txt {
		width: 94%;
		margin: 20px 0 0 auto;
	}
	.reverse .staff-headding-txt {
		width: 94%;
	}
	.staff-headding-txt p {
		padding: 15px 6% 0 0;
		letter-spacing: 0;
		line-height: 1.8;
	}
	.reverse .staff-headding-txt p {
		padding: 15px 6% 0 0;
	}
	.staff-block .inner-left,
	.staff-block .inner-right {
		padding-top: 30px;
		margin-top: 40px;
	}
	.staff-box {
		width: 47%;
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	.staff-box.wide {
		display: block;
	}
	.staff-box-phototx,
	.staff-box.wide .staff-box-photo {
		width: 100%;
	}
	.staff-box-txt {
		margin-top: 10px;
		font-size: 12px;
		line-height: 1.6;	
	}
	.staff-box.wide .staff-box-txt {
		width: 100%;
		margin-top: 15px;
		font-size: 13px;
		line-height: 1.8;
	}
	.staff-box.wide .staff-box-phototx .staff-box-txt {
		width: 100%;
		margin-top: 15px;
	}
	.staff-box-names {
		padding-bottom: 15px;
		margin-bottom: 15px;
		font-size: 14px;
	}
	.staff-box-names span {
		font-size: 11px;
	}
	.staff-box-names p.en {
		font-size: 11px;
		padding-left: 12px;
	}
	.staff-box-names p.en::before {
		height: 13px;
	}
	.staff-box.wide .staff-box-names {
		font-size: 18px;
		line-height: 1.6;
	}
	.staff-box.wide .staff-box-names span {
		font-size: 15px;
	}
	.staff-box-names::before {
		width: 30px;
	}
	.staff-box-phototx .staff-box-names {
		position: relative;
		top: auto;
		left: auto;
	}
	.staff-box-cmnt span {
		margin-top: 10px;
	}
	.staff-box-scene {
		margin: 30px auto 0;
		width: 80%;
	}
	.profile.kotaro {
		padding: 6%;
		border-width: 2px;
		margin: 0 6%;
	}
	.staff-block .lnkbtn {
		width: 100%;
		margin-top: 50px;
	}





	/* plan */
	.columnbox.spbox {
		width: 47%;
		margin: 0 0 20px;
		font-size: 14px;
		line-height: 1.4;
	}
	.columnbox.spbox img {
		margin-bottom: 3px;
	}
	.orders, #FULLORDER .content {
		width: 100%;
		margin-left: 0;
	}
	.orders.reverse {
		padding-bottom: 40px;
		margin-bottom: 40px;
	}
	.orders-photo {
		width: 100%;
		margin: 0;
		border-radius:  0;
	}
	.reverse .orders-photo {
		width: 100%;
		margin: 0;
		border-radius: 0;
	}
	.orders-txt {
		padding-top: 30px;
		width: 100%;
	}
	.orders-txt .basic-adding p {
		font-size: 14px;
		margin-bottom: 30px;
		letter-spacing: 0em;
		line-height: 1.8;
	}
	.orders .lnkbtn, .bnr-semiorder .lnkbtn {
		width: 100%;
	}
	#FULLORDER::before {
		width: 100%;
		height: 100%;
	}
	#FULLORDER .inner {
		padding: 60px 0 80px;
	}
	.center-adding {
		font-size: 16px;
		margin-bottom: 40px;
		letter-spacing: .1em;
	}
	.plans {
		background: #fff;
		border-radius: 7px;
	}
	.plans h3 {
		margin-bottom: 30px;
		font-size: 20px;
		border-radius: 7px 7px 0 0;
		border-bottom: 1px solid
	}
	.triplecolumnboxes .columnbox.plansbox {
		width: 85%;
		margin: 0 auto 40px;
	}
	.plansbox-inner {
		padding: 20px 0;
	}
	.plansbox-subttl {
		font-size: 18px;
		padding-bottom: 10px;
		margin-bottom: 30px;
	}
	.columnbox.plansbox h4 {
		margin-bottom: 30px;
	}
	.columnbox.plansbox h4 img {
		height: 30px;
	}
	.columnbox.plansbox h4 span {
		margin-top: 7px;
	}
	.comicomi {
		font-size: 16px;
		padding: 3px 0;
	}
	.prices {
		margin-top: 20px;
	}
	.prices p.priz, .taxin p {
		font-size: 50px;
	}
	.prices p.unit {
		font-size: 25px;	
	}
	.prices p.unit span.tax {
		right: -20%;
		width: 130%;
		font-size: 12px;
	}
	.pricedetails {
		width: 100%;
		margin: 50px auto 0;
	}
	.pricedetails h3 {
		margin-bottom: 20px;
	}
	.pdl-box h4 {
		font-size: 18px;
		padding: 7px;
	}
	.pdl-box h4::before, .pdl-box h4::after {
		right: 10px;
		width: 20px;
		height: 20px;
		border-radius: 20px;
	}
	.pdl-box h4::after {
		top: calc(50% - 1px);
		right: 17px;
		width: 6px;
		height: 6px;
		border-radius: 0;
	}
	.pdl-box.openbox h4::after {
		top: calc(50% + 2px);
	}
	.pdl-box-tx {
		font-size: 15px;
		margin-bottom: 35px;
		padding: 0 5%;
	}
	.pdl-box.openbox .pdl-box-tx {
		padding: 3.5% 5%;
	}
	.pdl-box-tx::before, .pdl-box-tx::after {
		width: 20px;
		height: 5px;
		bottom: -20px;
	}
	.pdl-box-tx::after {
		height: 20px;
		width: 5px;
		bottom: -28px;
	}
	.pdl-box-tx span {
		font-size: 12px;
	}
	.pdl-box-tx span:first-child {
		margin-top: 20px;
	}
	.pricedetails-add {
		padding: 3.5% 5%;
	}
	.pricedetails-add ul li {
		width: 50%;
	}
	.taxin, .taxin p {
		font-size: 16px;
	}
	.taxin span {
		font-size: 11px;
	}
	.plansbox .lnkbtn {
		width: 100%;
		margin: 7px auto 0;
		text-align: center;
	}
	.basic-plan {
		font-size: 20px;
		letter-spacing: .1em;
	}
	.basic-plan::before {
		top: 65px;
	}
	.basic-plan-inner {
		padding-right: 30px;
	}
	.basic-plan img {
		height: 35px;
		margin: 10px 0 5px;
	}
	.plan-phototxt {
		margin: 40px 0 50px;
	}
	.plan-photo {
		width: calc(100vw - 6%);
		height: 200px;
		border-radius: 0 30px 0 0;
	}
	#MUKU .plan-photo {
		width: calc(100vw - 6%);
		height: 200px;
    	margin-left: calc(50% - 50vw);
   		margin-right: auto;
		border-radius: 0 30px 0 0;
	}
	.plan-txt {
		font-size: 16px;
		line-height: 1.7;
		padding-bottom: 10px;
	}
	.planpoint {
		padding: 30px 6%;
		border-radius: 7px;
	}
	.planpoint h3, .plangallery h3 {
		font-size: 18px;
		letter-spacing: .1em;
	}
	.planpoint h3 p, .plangallery h3 p {
		font-size: 30px;
		letter-spacing: .05em;
	}
	.planpoint h3 span, .plangallery h3 span {
		padding-left: 30px;
		margin-top: 15px;
	}
	.planpoint h3 span::before, .plangallery h3 span::before {
		width: 20px;
	}
	.planpoint-box {
		display: block;
		margin-top: 30px;
	}
	.planpoint-box-photo {
		width: 100%;
	}
	.planpoint-box-txt {
		width: 100%;
	}
	.planpoint-box-txt h4 {
		width: 100%;
		font-size: 16px;
		padding: 3px 0;
		border-radius: 0;
		text-align: center;
	}
	.planpoint-box-txt p {
		font-size: 12px;
		padding: 15px 15px 0 15px;
	}
	.plangallery {
		position: relative;
		padding: 50px 0 0 0;
	}
	.comuku-works, .muku-works, .mukutasu-works {
		width: calc(100vw + 6%);	
	}
	.plangallery h3 {
		margin-bottom: 20px;
	}
	.plangallery .works-box {
		width: 200px;
	}
	.plangallery .lnkbtn {
		width: 100%;
		margin: 30px 0 0 auto;
	}
	.plangallery .lnkbtn a {
		color: #8A7E40;
	}
	#COMUKU.section-cnts, #MUKU.section-cnts, #MUKUTASU.section-cnts, #semiorder.section-cnts {
		margin-top: 0;
	}
	#COMUKU .content, #MUKU .content, #MUKUTASU .content {
		padding: 20px 6% 50px;
	}
	#COMUKU .planpoint .lnkbtn, #MUKU .planpoint .lnkbtn, #MUKUTASU .planpoint .lnkbtn {
		margin: 30px auto 0;
		width: 100%;
	}
	.bnr-semiorder a {
		padding: 50px 0;
	}
	.bnr-semiorder .lnkbtn {
		margin: 50px auto 0;
		width: 60%;
	}
	.lnkcntbox {
		padding: 6%;
		margin-top: 0;
		text-align: left;
	}
	.lnkcntbox p {
		margin-bottom: 15px;
		font-size: 14px;
	}
	
	
	.compare-chart-table {
		position: relative;
		overflow: hidden;
		padding-left: 121px;
	}
	.compare-chart-table_left {
		position: absolute;
		top: 0;
		left: 0;
		width: 120px;
	}
	.compare-chart-table_left::after {
		position: absolute;
		display: block;
		content: "";
		right: -10px;
		top: 0;
		width: 10px;
		height: 100%;
		z-index: 99;
		background: -moz-linear-gradient(left,rgba(0,0,0,.08) 0,transparent 100%);
		background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,.08)),color-stop(100%,transparent));
		background: -webkit-linear-gradient(left,rgba(0,0,0,.08) 0,transparent 100%);
		background: -o-linear-gradient(left,rgba(0,0,0,.08) 0,transparent 100%);
		background: -ms-linear-gradient(left,rgba(0,0,0,.08) 0,transparent 100%);
		background: linear-gradient(to right,rgba(0,0,0,.08) 0,transparent 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14000000', endColorstr='#00000000', GradientType=1 );
	}
	.compare-chart-table_right {
		width: 100%;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.compare-chart table {
		font-size: 13px;
	}
	.compare-chart .compare-chart-table_right table {
		width: 2270px;
	}
	.compare-chart table tr {
		background: #FFF;
	}
	.compare-chart table tr th {
		background: #E9E8DC;
		height: 55px;
		vertical-align: middle;
		line-height: 1.4;
		width: 160px;
		border-left: 1px solid #FFF;
	}
	.compare-chart table tr:nth-child(odd) td {
		border-top: 1px solid #eaeaea;
		border-left: 1px solid #eaeaea;
	}
	.compare-chart table tr:first-child, .compare-chart table tr:nth-child(2) {
		background: #FFF;
	}
	.compare-chart table tr:first-child td {
		padding: 5px;
		width: auto;
		min-width: initial;
	}
	.compare-chart table tr:first-child td:first-child {
		width: auto;
	}
	.compare-chart table tr:nth-child(2) td:nth-child(2) {
		border-left: 1px solid #eaeaea;
		border-radius: 0;
	}
	.compare-chart table tr:nth-child(2) td:last-child {
		border-radius: 0;
	} 
	.compare-chart table tr td {
		padding: 10px;
		height: 120px;
		font-size: 11px;
		line-height: 1.5;
	}
	.compare-chart table tr td:first-child {
		min-width: initial;
		border-left: 1px solid #eaeaea;
	}
	.compare-chart table tr th.chart-total-price {
		position: relative;
		border: none;
		vertical-align: middle;
		padding: 0;
		background: transparent;
		font-size: 15px;
	}
	.compare-chart table tr th.chart-total-price div {
		position: absolute;
		left: 0;
		top: 0;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		background: #8A7E40;
		width: 100%;
		height: 100%;
		color: #FFF;
		text-align: center;
		-webkit-transform: translateY(0);
				transform: translateY(0);
	}
	.compare-chart table tr th.chart-total-price div::after {
		content: '';
		position: absolute;
		top: auto;
		bottom: -10px;
		right: auto;
		width:100%;
		height:10px;
		background:linear-gradient(to bottom left, #8A7E40 50%, transparent 50% ) top left / 50% 100% no-repeat,
		linear-gradient(to bottom right, #8A7E40 50%, transparent 50% ) top right / 50% 100% no-repeat;
		-webkit-transform: translateY(0);
				transform: translateY(0);
	}
	.chart-2floor {
		width: 190px;
	}
	.chart-head {
		padding: 10px;
	}
	.chart-head p.en {
		font-size: 9px;
		letter-spacing: 0;
	}
	.chart-head.chart-mukutas p.en {
		border-bottom: 1px solid #FFF;
	}
	.chart-head img {
		height: 12px;
		margin: 15px auto 7px;
	}
	.chart-head span {
		font-size: 11px;
	}
	.chart-price-box {
		text-align: center;
		min-width: 155px;
		letter-spacing: 0;
	}
	.chart-price-box-intro {
		font-size: 11px;
		padding: 1px 0;
		text-align: center;
		margin-bottom: 4px;
	}
	.chart-price-area {
		font-size: 16px;
		text-align: center;
	}
	.chart-price-area span {
		font-size: 10px;
	}
	.chart-price-box strong {
		font-size: 26px;
	}
	.chart-price-box-taxin {
		font-size: 12px;
		margin-bottom: 3px;
	}
	.chart-price-box-taxin span {
		font-size: 8px;
	}
	.chart-price-add p {
		display: inline-block;
		font-size: 9px;
	}
	.chart-price-add p:last-child {
		margin-left: 6px;
	}
	.chart-price-add p strong {
		font-size: 9px;
	}
	
	.chart-option h3 {
		font-size: 16px;
		width: 200px;
		padding: 5px 0 5px 20px;
		margin-bottom: 20px;
	}
	.chart-option ul li {
		padding-left: 20px;
	}
	.chart-option ul li::before {
		width: 12px;
		height: 12px;
		border-radius: 12px;
	}
	
	
	
	
	/* sekou */
	.sekoubox {
		margin: 0 0 20px;
	}
	.sekoubox.is-hidden {
		margin: 0 0 0;		
	}
	.sekoucat {
		width: 100px;
		height: 19px;
		padding-top: 0;
		border-radius: 0 0 0 5px;
		font-size: 10px;
	}
	.sekou-titlearea {
		padding: 7px 7px 12px;
		font-size: 11px;
		letter-spacing: 0;
	}
	.sekou-titlearea h3 {
		font-size: 14px;
		margin-bottom: 5px;
	}
	.sekou-titlearea-area {
		background-size: auto 12px;
		padding-left: 10px;
	}
	.sekou-titlearea-date {
		right: 5px;
		bottom: 5px;
		font-size: 9px;
	}
	.sekoubox-tags {
		padding: 5px 0 7px;
		font-size: 10px;
	}
	.sekoubox-tags ul li {
		margin-left: 10px;
	}
	.sekoubox-tags ul li a::before {
		margin-right: 1px;
	}
	.lnkbtn.morepost {
		margin: 35px auto 0;
		width: 90%;
		font-size: 15px;
	}
	.lnkbtn.morepost .fakebtn {
		padding: 12px 0;
	}
	.lnkbtn.morepost .fakebtn::after {
		top: 10px;
		right: 10px;
	}
	.nowTag {
		font-size: 14px;
		letter-spacing: 0;
		margin-bottom: 50px;
		padding-bottom: 15px;
	}
	.nowTag span {
		font-size: 18px;
		margin-right: 5px;
	}
	.nowTag::before {
		top: auto;
		bottom: 0;
		left: 0;
		width: 100%;
		background: #8A7E40;
	}



	/*sekou-post*/
	.sekou-hero, .hero.hero-sekou-special {
		margin-right: 6%;		
	}
	.hero.hero-sekou-special {
		padding-right: 0;
	}
	.sekou-hero img, .hero.hero-sekou-special img {
		border-radius: 0 30px 30px 0;
	}
	.sekou-hero-adding {
		margin: 20px 0 0;
		padding: 0 6% 0 0;
		font-size: 15px;
	}
	.sekou-hero-adding p {
		padding-left: 35px;
		letter-spacing: 0em;
		line-height: 1.8;
	}
	.sekou-hero-adding p::before {
		top: 15px;
		width: 22px;
	}
	.content.post {
		padding: 0 6%;
	}
	.grid-sizer, .grid-item {
		width: 100%;
	}
	.grid-item p.sekoutx {
		padding: 10px 3%;
		font-size: 12px;
		line-height: 1.6;
	}
	.sekou-data {
		border-radius: 10px;
		margin-top: 30px;
		padding: 10px 0 25px;
	}
	.sekou-data h2 {
		font-size: 20px;
	}
	.sekou-data-detail h3 {
		font-size: 15px;
		width: 96%;
		padding: 3px 0;
		border-radius: 0 30px 30px 0;
		text-align: center;
	}
	.sekou-data-detail h3::after {
		display: none;
	}
	.sekou-data-dl {
		display: block;
		padding: 0;
		font-size: 12px;
	}	
	.sekou-data-dl-box {
		width: 100%;
		margin: 0 0 0 5%;	
	}
	.sekou-data-dl dl {
		width: 100%;
		margin: 15px 0 0 0;
	}
	.sekou-data-dl dl.data02,
	.sekou-data-dl dl.data03,
	.sekou-data-dl dl.data04,
	.sekou-data-dl dl.data05,
	.sekou-data-dl dl.data06 {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order:0;
		order: 0;
	}
	.sekou-data-dl dl dt {
		width: 75px;
	}
	.sekou-data-dl dl dt::before,
	.sekou-data-dl dl dt::after,
	.eventbox-txt-date dl dt::before,
	.eventbox-txt-date dl dt::after {
		width: 3px;
		height: 22px;
	}
	.sekou-data-dl dl dd {
		width: calc(100% - 75px);
	}
	.sekoulist-inpost {
		margin: 60px auto 15px;
		font-size: 18px;
	}
	.post .sekoulist {
		margin: auto;
		width: 100%;
	}
	.post .sekoulist .sekoubox {
		width: 49.5%;
		margin: 0 0 3px;
	}
	.post .sekoulist .sekoubox-img, .works-box-img {
		aspect-ratio: 1;
	}
	.post .sekoulist .sekou-titlearea {
		padding: 20% 10% 0;
		opacity: 1;
		visibility: visible;
	}
	.post .sekoulist .sekou-titlearea h3 {
		min-height: 5em;
		font-size: 12px;
	}
	.post .sekoulist .sekou-titlearea-date {
		position: absolute;
		margin-top: auto;
		right: 7%;
		bottom: 7%;
	}
	.lnkbtn_tolist {
		width: 200px;
		margin: 50px auto 0;
	}
	.lnkbtn_tolist a {
		font-size: 14px;
		padding-bottom: 7px;
	}
	.lnkbtn_tolist a::before {
		top: 12px;
		width: 22px
	}




	/* event */
	.eventbox {
		display: block;
		border-radius: 10px;
		padding: 0 0 20px;
		margin-bottom: 30px;
	}
	.eventbox.pu {
		border: 7px solid #D9C564;
	}
	.pickup {
		width: 60px;
	}
	.eventbox-img {
		width: 100%;
	}
	.pu .eventbox-img img {
		border-radius: 0;
	}
	.eventbox-img img {
		border-radius: 9px 9px 0 0;
	}
	.event-fin-tag {
		font-size: 18px;
		border-radius: 9px 9px 0 0;
	}
	.eventbox-txt {
		width: 100%;
	}
	.eventbox-txt-cat {
		width: calc(100% - 2px);
		font-size: 13px;
		border-radius: 0;
		padding: 2px 0 2px 5%;
		margin: 1px;
	}
	.eventbox h2 {
		font-size: 16px;
		margin: 15px 5%;
	}
	.eventbox-txt-date {
		margin-left: 5%;
		font-size: 12px;
		letter-spacing: 0;
	}
	.eventbox-txt-date dl dt {
		position: relative;
		width: 5.5em;
		text-align: center;
		padding: 0;
	}
	.eventbox-txt-date dl dd {
		width: calc(100% - 5.5em);
		padding: 0 0 0 10px;
	}
	.eventbox .lnkbtn-set {
		padding: 20px 5% 0 5%;
	}
	.event-fin {
		position: relative;
		display: block;
		font-size: 30px;
		letter-spacing: .1em;
		text-align: center;
		margin: 60px 0 25px;
		padding-bottom: 20px;
	}
	.event-fin::before {
		display: none;
	}
	.event-fin::after {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100px;
		height: 1px;
		background: #8A7E40;
		margin: auto;
	}
	.lnkbtn-set.sht ul li .lnkbtn.white a {
		color: #8A7E40;
		padding-left: 0;
	}
	
	
	
	/* eventpost */
	.event-head {
		border-radius: 7px;
		padding: 0 6% 30px;
		margin: 0 6%;
		letter-spacing: 0em;
	}
	.hero.event-head {
		width: 88%;
	}
	.closed-event-head {
		padding: 30px 0 2px;
		font-size: 14px;
		border-radius: 7px 7px 0 0;
	}
	.event-head-cat {
		width: 70%;
		padding: 2px 0;
		border-radius: 0 0 7px 7px;
		font-size: 15px;
		letter-spacing: 0;
	}
	.event-head-wrap {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.event-head h1 {
		font-size: 22px;
		line-height: 1.6;
		margin: 30px auto 0;
	}
	.event-head-img {
		margin-top: 20px;
	}
	.event-head-sub {
		font-size: 16px;	
	}
	.event-head-details {
		margin: 30px auto;
		padding: 5px 6% 15px;
		border-radius: 5px;
		font-size: 13px;
	}
	.event-head-details dl {
		margin-top: 15px;	
	}
	.event-head-details dl dt {
		width: 5em;
	}
	.event-head-details dl dd {
		width: calc(100% - 5em);
		padding-left: 6%;
	}
	.event-head-details dl dd span {
		font-size: 10px;
		line-height: 1.4;
		color: #888;
		margin-top: 3px;
	}
	.event-head-details dl dt::before,
	.event-head-details dl dt::after {
		height: 28px;
	}
	.event-post-article {
		padding-bottom: 20px;
		margin-bottom: 50px;
		font-size: 13px;
	}
	.event-post-article::after {
		width: 100px;
	}
	.event-post h2, .news-post h2 {
		font-size: 18px;
		margin-bottom: 25px;
		padding-bottom: 25px;
		line-height: 1.6;
	}
	.event-post h2::before, .news-post h2::before {
		top: auto;
		left: 0;
		bottom: 0;
	}
	.event-post p, .news-post p {
		margin-bottom: 20px;
	}
	.photox1 p, .photox2 p {
		margin: 10px 0 0;
		font-size: 12px;
	}
	.photox1 {
		margin-bottom: 35px;
	}
	.photox2, .photox3 {
		display: block;
		margin-bottom: 35px;
	}
	.photox2 .event-photo,
	.photox3 .voice-photo-left,
	.photox3 .voice-photo-right {
		width: 100%;
		margin-bottom: 20px;
	}
	.photox3 .voice-photo-right div {
		width: 100%;
		height: auto;
		margin-bottom: 25px;
	}
	.photox3 .voice-photo-right div:last-of-type {
		margin-bottom: 0;
	}
	.event-attn {
		font-size: 12px;
		width: 90%;
	}
	.event-attn ul li::before {
		top: 9px;
	}
	.event-post .lnkbtn.evecon {
		margin-top: 60px;
		margin-bottom: 60px;
	}
	.lnkbtn.evecon {
		width: 90%;
		border-radius: 20px;
		min-width: initial;
	}
	.event-head .lnkbtn {
		width: 100%;
	}
	.lnkbtn.evecon::after {
		width: 20px;
		height: 20px;
		left: 20px
	}
	.lnkbtn.evecon a {
		padding: 12px 50px;
		font-size: 15px;
		text-align: center;
	}
	.lnkbtn.evecon a::after, .lnkbtn.evecon a:hover::after {
		bottom: 17px;
		right: 15px;
		width: 22px;
	}	
	
	
	
	
	/* news */
	.newsbox a {
		padding: 25px 0;
	}
	.newsbox a::after {
		top: auto;
		bottom: 35px;
		right: 0;
		width: 25px;
		height: 4px;
		background: url("/img/common/icon_arrow_brown.svg") center no-repeat;
	}
	.newsbox dl {
		display: block;	
	}
	.newsbox dl dt {
		width: 100%;
		margin-bottom: 5px;
	}
	.newsbox dl dd {
		width: 100%;
		padding-left: 30px;
		padding-right: 50px;
	}
	.newsbox dl dd::before {
		left: 0;
		top: 12px;
		width: 18px;
	}




	/* newspost */
	.hero.news-head {
		width: 88%;
		text-align: left;
		padding: 0 0 7px;
		margin: 0 6% 40px;
		letter-spacing: 0;
	}
	.news-head h1 {
		font-size: 22px;
		line-height: 1.6;
		margin: 0 auto 30px;
	}
	.news-date {
		margin-right: 0px;
		font-size: 12px;
	}
	.news-lnks {
		width: 85%;
	}
	.news-lnks-blog, .relationpost {
		width: 100%;
		padding-top: 30px;
		margin-top: 50px;
	}
	.news-lnks ul {
		top: 10px;
	}
	.news-lnks-blog ul {
		top: 0;
	}
	.news-lnks-blog ul.abovetolist li {
		width: 47.5%;
	}
	.news-lnks-blog li a {
		padding-left: 25px;
	}
	.news-lnks-blog li:last-child a {
		padding-right: 25px;
	}
	.news-lnks-blog ul.abovetolist li a {
		padding: 15px;
		width: 100%;
		height: 100%;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;		
	}
	.news-lnks-blog ul.abovetolist li:last-child a {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;		
	}
	.news-lnks li a, .news-lnks-blog li a span {
		width: 18px;
		height: 18px;
	}
	.news-lnks-blog li a span {
		top: 3px;
	}
	.news-lnks-blog ul.abovetolist li a span {
		top: 80px;
	}
	.news-lnks-blog ul.abovetolist .lnks-blog-title {
		width: 100%;
		font-size: 12px;
		line-height: 1.4;
	}
	.news-lnks-blog ul.abovetolist .lnks-blog-img {
		height: auto;
		width: 100%;
		margin-bottom: 10px;
	}
	.news-lnks-blog ul.abovetolist .lnks-blog-img img {
		margin-bottom: 0;
	}
	.news-lnks-blog ul.abovetolist li p {
		top: -16px;
		font-size: 16px;
	}
	.relationpost-box {
		width: 48.5%;
		margin-top: 15px;
	}
	.relationpost ul::before,
	.relationpost ul::after {
		width: 48.5%;
	}
	.relationpost-box a {
		padding: 12px;
	}
	.relationpost-title {
		margin-top: 10px;
		line-height: 1.5;
	}
	
	/* kinoie */
	.content-block-reason {
		display: block;
		margin-bottom: 20px;
		padding: 20px 5%;
		font-size: 13px;
		border-radius: 7px;
	}
	.content-block-reason h3 {
		font-size: 20px;
		width: 100%;
		margin-bottom: 15px;
	}
	.content-block-reason h3 span {
		display: inline;
	}
	.content-block-reason-inner {
		width: 100%;
		padding: 20px 0 10px;
	}
	.content-block-reason-inner::before {
		right: 0;
		margin: auto;
		height: 1px;
		width: 50px;
	}
	.content-block-reason-photo {
		position: relative;
		width: 100%;
		height: 180px;
		overflow: hidden;
		border-radius: 0;
		margin-top: 15px;
	}
	.about-sdgs {
		font-size: 15px;
		line-height: 1.6;
	}
	.about-sdgs h3 {
		font-size: 18px;
		margin: 10px 0;
	}
	.about-sdgs .curv-box {
		margin: 35px 0 0;
		padding: 20px 10%;
	}
	.sdgsbox {
		display: block;
		margin-top: 75px;
	}
	.sdgsbox-photo {
		width: calc(100vw - 6%);
		height: 220px;
	}
	.sdgsbox-txt {
		width: 100%;
		margin-left: 0;
		margin-top: 20px;
		font-size: 14px;
	}
	.sdgsbox.reverse .sdgsbox-txt {
		width: 100%;
		margin-left: 0;
		padding-right: 6%;
	}
	.sdgsbox-txt h3 {
		margin-bottom: 20px;
	}
	.sdgsbox-txt h3.basic-curv::after {
		width: 100vw;
	}
	.sdgslist, .sdgsbox-txt p {
		margin: 0 0 30px 0;
	}
	.sdgslist li {
		margin: 0 0 10px 15px;
	}
	.sdgsbox-txt h4 {
		margin-left: 0;
	}
	.sdgsbox-txt h4::before {
		top: 20px;
		width: 100%;
	}
	.sdgsbox-txt h4 span {
		font-size: 16px;
		width: 110px;
		padding: 2px 0 2px 15px;
	}
	.sdgslist-icons {
		width: 100%;
		margin-left: 0;
	}
	
	
	
	
	/* loan */
	.loan-title {
		padding: 10px 4%;
		font-size: 19px;
		letter-spacing: 0em;
		border-radius: 0;
		margin-bottom: 25px;
	}
	.inner-right .loan-title {
		padding-left: 4%;
		border-radius: 0;
	}
	.loan-title::before {
		top: 25px;
		width: 5%;
	}
	.loan-title span {
		padding-left: 2%;
	}
	.loancnts .content-block-inner {
		padding: 20px 0 0;
	}
	.loancnts .content-block-inner .content-block-photo img {
		width: 100%;
		margin: 0;
	}
	.loan-box {
		padding-bottom: 25px;
	}
	h4.basic-curv {
		font-size: 16px;
		margin-top: 50px;
		line-height: 1.4;
	}
	h4.basic-curv p.en {
		width: 45px;
		padding: 0 0 0 6px;
		font-size: 30px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex; 
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center; 
	}
	h4.basic-curv span {
		width: 100%;
		letter-spacing: 0em;
		padding: 8px 8px 8px 55px;
	}
	h4.basic-curv::after {
		display: none;
	}
	.loan-flex {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.loan-flex-txt {
		padding-right: 0;
	}
	.loan-flex-txt p {
		font-size: 16px;
		margin-bottom: 30px;
	}
	.loan-flex-txt p span {
		display: inline;
	}
	.loan-flex-txt .lnkbtn-set ul li {
		margin: 0;
		width: 100%;
		margin-bottom: 30px;
	}
	.loan-subs {
		width: 70%;
		padding: 1px 0 1px 15px;
		margin-bottom: 10px;
		font-size: 16px;
	}
	.loan-box img {
		margin-top: 20px;
	}
	.loan-box ul {
		margin-top: 20px;
	}
	.loan-fee-details {
		margin: 30px 0 50px;
	}
	.loan-fee-details-box {
		display: block;
		margin-bottom: 5px;
		background: #AFA997;
		border-radius: 5px;
		padding: 10px 6% 15px;
	}
	.loan-fee-details-box h5 {
		width: 100%;
		padding: 0;
		font-size: 16px;
		letter-spacing: .1em;
		border-radius: 7px;
		margin-bottom: 7px;
	}
	.loan-fee-details-box:nth-of-type(2) {
		background: #AE796D;
	}
	.loan-fee-details-box:nth-of-type(3) {
		background: #6C808C;
	}
	.loan-fee-details-box p {
		background: #FFF;
		padding: 7px 10px;
		border-radius: 5px;
	}
	.loan-fee-details-box p::before {
		display: none;
	}
	.loanbigtx {
		font-size: 17px;
		letter-spacing: 0;
		margin: 40px 0 20px;
		line-height: 1.6;
	}
	a.zoom {
		position: relative;
		display: block;
	}
	a.zoom::after {
		content: '';
		position: absolute;
		right: 5px;
		top: 5px;
		width: 25px;
		height: 25px;
		background: url("/img/common/icon_zoom.png") center no-repeat;
		background-size: contain;
	}
	
	
	
	
	



	.privacypolicybox h2 {
		font-size: 18px;
	}
	.privacypolicybox p,
	.privacypolicybox ul {
		margin-bottom: 25px;
	}





	/* consultation ( blog ) */
	.bloglist::after {
		display: none;
	}
	.blogbox {
		width: 100%;
		margin-top: 25px;
	}
	.blogbox a {
		padding: 0;
		padding-bottom: 25px;
	}
	.blogbox a::before, .blogbox a::after {
		display: none;
	}
	.blogbox-img {
		border-radius: 0;
	}
	.blog-txt-cat {
		margin: 10px 0 7px;
		padding: 0 15px;
		font-size: 10px;
	}
	.blogbox-txt h2 {
		font-size: 13px;
		margin-bottom: 7px;
	}
	.blog-intro {
		font-size: 11px;
	}

	.section-cnts.blogwrap {
		margin-top: 40px;
		padding: 0 6%;
	}
	.blog-head {
		padding-bottom: 30px;
		width: 100vw;
		margin: 0 calc(50% - 50vw);
		margin-bottom: 30px;
	}
	.blog-head::after {
		width: 50px;
	}
	.blog-cat span {
		padding: 3px 20px;
		font-size: 12px;
		margin-bottom: 20px;
	}
	.blog-head h1 {
		font-size: 20px;
		padding: 0 6% 20px;
	}
	.blog-head-img {
		height: 200px;
		border-radius: 0;
	}
	.blog-content h8 {
		font-size: 18px;
		margin: 40px 0;
		padding-bottom: 20px;
		line-height: 1.6;
	}
	.blog-content h8::before {
		display: none;
	}
	.blog-content p {
		margin-bottom: 20px;
	}
	.blog-content img {
		margin-bottom: 20px;
	}
	.blog-post {
		padding-bottom: 20px;
	}
	.pcon {
		padding: 30px 20px;
		margin-bottom: 50px;
	}
	.pcon::before, .pcon::after {
		width: 30px;
		height: 30px;
	}
	.pcon h2 {
		font-size: 16px;
		margin: 0 auto 20px;
	}
	.pcon p {
		margin: 15px 0 0;
		padding-top: 15px;
	}
	.blog-subhead {
		padding: 20px 0;
		margin: 40px auto 20px;
	}
	.blog-subhead img {
		height: 35px;
	}
	.col_2 {
		margin-bottom: 30px;
	}
	.col_2 a.cp_btn02 {
		width: 80%;
		padding: 3px 0;
		margin: 10px auto;
	}
	.waku2, .waku4 {
		width: 90%;
		margin: 0 auto 40px;
		border-radius: 10px;
		padding: 20px;
	}
	img.sp {
		display: block;
	}
	img.pc {
		display: none;
	}
	.balloon1, .balloon3 {
		padding: 5px;
		border-radius: 5px;
		margin-left: 100px;
		font-size: 13px;
		line-height: 1.5;
		margin-bottom: 120px;
	}
	.balloon1 .icon, .balloon3 .icon {
		left: -105px;
	}
	.balloon2, .balloon4 {
		padding: 5px;
		border-radius: 5px;
		margin-right: 100px;
		font-size: 13px;
		line-height: 1.5;
		margin-bottom: 120px;
	}
	.balloon2 .icon, .balloon4 .icon {
		right: -105px;
	}
	.balloon1 + p, .balloon2 + p, .balloon3 + p, .balloon4 + p {
		padding-top: 20px;
	}
	
	
	
	/* blog new block 202412 */
	.blog-lnkbtn {
		margin: 10% auto;
	}
	.blog-lnkbtn a {
		padding: 10px 0;
	}

	.blog-box-index {
	}
	.blog-box-index h4.blog-box-index-title {
		position: absolute;
		display: inline-block;
		top: -15px;
		left: 20px;
		padding: 2px 7px;
		background: #13374D;
		color: #FFF;
		font-weight: normal;
		font-size: 15px;
		z-index: 2;
	}
	.blog-box-index-list {
		padding: 5% 4% 5% 8%;
	}
	.blog-box-index-list li {
		margin-top: 10px;
	}
	.box-block-01 {
		padding: 3.5% 3.5% 3.5% 5%;
		margin: 20px 0;
	}
	.box-block-01-icon {
		width: 45px;
		flex-basis: 45px!important;
		padding-right: 15px;
	}
	.box-block-01-icon img {
		width: 25px!important;
		height: 25px!important;
	}
	p.box-block-01-text {
		padding-left: 1px;
	}

	.box-block-02 {
		padding: 6% 4% 4%;
		margin: 30px auto 20px;
	}
	.box-block-02-icon {
		top: -18px;
		left: 10px;
		width: 35px;
		height: 35px;
	}
	.box-block-02-icon img {
		width: 100%!important;
		height: 100%!important;
	}
	
	
	/* voice */
	.voicebox a {
		display: block;
		border-radius: 10px;
		margin-bottom: 20px;
	}
	.voicebox-img {
		width: 100%;
	}
	.voicebox-txt {
		width: 100%;
		padding: 30px 6%;
		font-size: 16px;
	}
	.voicebox-txt h2 {
		font-size: 20px;
		padding-bottom: 20px;
		margin-bottom: 15px;
		letter-spacing: .05em;
	}
	.voicebox-txt .lnkbtn-set.sht ul li {
		margin: 35px 0 0;
	}
	.hero.voice-head {
		width: 100%;
		margin: 0;
	}
	.section-intro.voice-intro {
		margin-top: -50px;
	}
	.section-intro.voice-intro .inner-right {
		padding: 50px 0;
	}
	.voice-intro-tex {
		margin-top: 35px;
		padding-left: 0;
		font-size: 20px;
		letter-spacing: .05em;
	}
	.voice-intro-tex::before {
		top: 17px;
		left: -7%;
		width: 5%;
	}
	.interview-txt h2 {
		font-size: 18px;
		padding: 0 0 20px;
		margin: 35px 0 20px;
	}
	.interview-txt h2 p {
		font-size: 15px;
		bottom: 20px;
	}
	.interview-txt-inner {
		padding-left: 6%;
	}
	.interview-txt-inner h3 {
		font-size: 17px;
		margin-bottom: 0;
	}
	.interview-txt-inner h3::before {
		top: 15px;
		left: -6%;
		width: 4.55%;
	}
	.interview-fam {
		margin-top: 20px;
		padding: 5px 15px;
		font-size: 16px;
		margin-bottom: 10px;
	}
	.voice-post {
		padding-top: 40px;
	}
	.voice-post::before {
		width: 30%;
	}
	.voice-qa {
		padding: 5% 6% 6%;
		border-radius: 10px;
	}
	.voice-qa h2 {
		font-size: 25px;
		padding-bottom: 30px;
		margin-bottom: 35px;
	}
	.voice-qa h2 p {
		font-size: 18px;
		letter-spacing: 0;
	}
	.voice-qa-inner dl {
		margin-top: 35px;
	}
	.voice-qa-inner dl dt {
		font-size: 16px;
		line-height: 1.6;
		margin: 0 0 10px 1.8em;		
    	text-indent: -1.8em;
	}
	.voice-qa-inner dl dt span {
		font-size: 20px;
		margin-right: 7px;
	}
	.lnkbtn.wide.voicetosekou {
		min-width: initial;
		width: 100%;
		margin: 50px auto 0;
	}
	.lnkbtn.wide.voicetosekou a {
		padding: 12px 50px 12px 12px;
		font-size: 14px;
		letter-spacing: 0;
	}
	.lnkbtn.wide.voicetosekou a::after {
		bottom: 17px;
		right: 20px;
	}




	/* recruit */
	.recruit-list {
		padding-top: 0;
		margin: 0;
	}
	.recruit-list-box {
		width: 100%;
		padding: 25px;
		margin-top: 20px;
	}
	.recruit-list-box h3 {
		font-size: 18px;
		margin: 20px 0;
		padding: 0 5px;
	}
	.recruit-person {
		padding-top: 20px;
		margin-bottom: 40px;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.recruit-person-photo {
		width: 30%;
	}
	.recruit-person-txt {
		width: 65%;
	}
	.recruit-person-txt .staff-box-names {
		font-size: 18px;
	}
	.recruit-person-txt .staff-box-names span {
		font-size: 13px;
	}
	.recruit-person-txt p {
		margin-top: 0;
	}
	.recruit-content {
		margin-top: 75px;
	}
	.recruit-content:last-of-type {
		margin-bottom: 50px;
	}
	.recruit-content h2, .pricedetails h3, h3.brackets {
		font-size: 18px;
		letter-spacing: 0em;
		padding: 12px 7px;
	}
	.recruit-content h2::before, .pricedetails h3::before, .recruit-content h2::after, .pricedetails h3::after, h3.brackets::before, h3.brackets::after {
		width: 7px;
	}
	h3.brackets {
		margin-bottom: 30px;
	}
	.recruit-content-txt {
		margin-top: 40px;
	}
	.recruit-content-txt h3 {
		font-size: 17px;
		padding-left: 6%;
		line-height: 1.6;
	}
	.recruit-content-txt h3::before {
		top: 15px;
		width: 4.5%;
		height: 1px;
	}
	.recruit-content-txt p {
		margin-top: 25px;
	}
	.recruit-content-inner {
		margin: 0 0 0 6%;
	}
	.recruit-content-photos {
		margin-top: 40px;
	}
	.recruit-cp, .recruit-cx {
		width: 100%;
	}
	.recruit-cx {
		margin-top: 20px;
	}
	.recruit-cp p {
		margin: 5px 0 15px;
		font-size: 12px;
	}
	.recruit-cx p {
		margin-left: 6%;
	}
	.person-hours {
		padding: 0;
		margin-bottom: 50px;
	}
	.person-hours::before {
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.person-hours-box {
		display: block;
		border-radius: 0 0 10px 10px;
		margin-bottom: 50px;
	}
	.person-hours-box-photo {
		width: 100%;
		border-top: 10px solid #8A7E40;
		border-left: none;
	}
	.person-hours-box-txt {
		width: 100%;
		padding: 20px 20px 30px;
	}
	.person-hours-box-txt h3 {
		font-size: 18px;
		padding-bottom: 20px;
		margin: 5px 0 15px;
		letter-spacing: .05em;
	}
	.person-hours + .lnkbtn.wide.voicetosekou a {
		letter-spacing: 0;
		padding: 12px 50px 12px 10px;
		font-size: 14px;
	}
	.person-hours + .lnkbtn.wide.voicetosekou a::after {
		right: 15px;		
	}
	
	
	.sekou-spbox-wrap {
		margin-top: 50px;
		border-radius: 10px;
	}
	.sekou-spbox {
		display: block;
		padding: 3.5%;
		margin-top: 20px;
	}
	.sekou-spbox .sekoubox-img {
		width: 100%;
	}
	.sekou-spbox .sekou-titlearea {
		width: 100%;
		padding: 3.5% 0 0;
	}
	.sekou-spbox .sekou-titlearea ul {
		margin-top: 30px;
	}
	.sekou-spbox .sekou-titlearea h3 {
		font-size: 18px;
		text-align: center;
	}
	.sekou-spbox .sekou-titlearea h3 span {
		padding: 0 0 10px;
		margin-bottom: 10px;
		font-size: 13px;
	}
	.sekou-spbox .sekoucat {
		width: 160px;
		height: 20px;
		padding-top: 5px;
		font-size: 10px;
		line-height: 1;
	}	
	.sekou-slide {
		padding-top: 80px;
	}
	.sekou-slide .works-box {
		width: 200px;
	}
	.drawing-img {
		width: 100%;
		font-size: 15px;
	}
	.sekou-access {
		padding: 3.5% 5%;
		margin-bottom: 50px;
	}
	.sekou-access strong {
		font-size: 16px;
		padding-bottom: 25px;
		margin-bottom: 25px;
	}
	.sekou-access strong::after {
		width: 80px;
	}
	.sekou-access ul {
		margin-bottom: 15px;
	}
	.sekou-access ul li {
		margin-bottom: 7px;
		font-size: 13px;
	}
	.sekou-access ul li::before {
		top: 7px;
		width: 13px;
		height: 13px;
		border-radius: 13px;
	}
	.sekou-access span {
		font-size: 11px;
	}


	.faqlist {
		margin-top: -50px;
		margin-bottom: 25px;
		padding-bottom: 50px;
	}
	.faq_box {
		padding: 40px 3.5% 0;
		margin-top: 50px;
	}
	.faq_box h2.basic {
		padding-top: 0;
		padding-bottom: 20px;
		margin-bottom: 10px;
	}
	.faq_box h2.basic::before {
		top: auto;
		bottom: 0;
	}
	.qandas {
		padding: 20px 0 0;
	}
	.question {
		font-size: 14px;
		padding: 10px 40px 10px 50px;
	}
	.question::before, .question::after {
		right: 10px;
        width: 20px;
        height: 20px;
        border-radius: 20px;
	}
	.question::after {
        top: calc(50% - 1px);
        right: 17px;
        width: 6px;
        height: 6px;
        border-radius: 0;
	}
	.question span {
		left: 8px;
		top: 7px;
		width: 32px;
		height: 32px;
		font-size: 28px;
	}
	.answer {
		font-size: 13px;
		padding: 0 20px 0 50px;
	}
	.qandas.openbox .answer {
		padding: 15px 20px 15px 50px;
	}
	.answer span {
		left: 8px;
		top: 12px;
		width: 32px;
		height: 32px;
		font-size: 28px;
	}
	.answer a {
		width: 100%;
		margin-top: 10px;
		font-size: 12px;
	}




	/* entry */
	.event-head.entry {
		width: 100%;
		margin: 0;
		padding: 0 6% 30px;
	}
	.table dl {
		position: relative;	
		padding: 30px 0;
	}
	.table dl:last-child {
		padding-bottom: 0;
	}
	.table dt {
		position: relative;
		top: auto;
		width: 100%;
		padding: 3px 0;
		font-size: 16px;
		letter-spacing: .05em;
	}
	.table dd {
		font-size: 12px;
		padding-top: 20px;
	}
	.table dd ul {
		font-size: 14px;
	}
	.table dd ul li {
		margin-bottom: 5px;
	}
	.formprivacy {
		padding: 30px 6%;
		border-radius: 10px;
		margin: 0;
	}
	.formprivacy ul {
		margin-top: 30px;
	}
	.pcbr {
		display: none;
	}
	.spbr {
		display: block;
	}




	.lnkbtn-set ul {
		display: block;
	}
	.lnkbtn-set ul li, .lnkbtn-set.sht ul li {
		width: 100%;
		margin: 0;
	}
	.lnkbtn-set ul li .lnkbtn {
		font-size: 15px;
		margin-top: 15px;
	}
	.lnkbtn-set.sht ul li .lnkbtn {
		font-size: 14px;
		margin-top: 7px;
	}
	.lnkbtn-set ul li .lnkbtn a {
		padding: 12px 35px;
	}
	.lnkbtn-set.sht ul li .lnkbtn a {
		padding: 7px 0;
		text-align: center;
	}
	.lnkbtn-set ul li .lnkbtn.inq a {
		padding: 12px 35px 12px 70px;
	}
	.lnkbtn-set ul li .lnkbtn.inq::before {
		left: 30px;
		width: 22px;
		height: 22px;
	}
	.lnkbtn-set ul li .lnkbtn.mail a {
		padding: 12px 35px 12px 75px;	
	}
	.lnkbtn-set ul li .lnkbtn.mail::after {
		left: 35px;
		width: 20px;
		height: 20px;
	}
	.lnkbtn-set ul li .lnkbtn a::after {
		bottom: 20px;
	}
	.lnkbtn-set.sht ul li .lnkbtn a::after {
		bottom: 12px;
		width: 25px;
		height: 6px;
	}
	.lnkbtn-set.sht ul li .lnkbtn a:hover::after {
		bottom: 12px;
	}
	.banner-for-inquiry {
		padding: 8% 6%;
	}
	.banner-for-inquiry p.txt {
		margin-bottom: 20px;
	}
	.banner-for-inquiry p.txt span {
		display: block;
	}
	
}