@charset "UTF-8";
/*

CSS page.css */




/*
base #191919
green #00af84
*/



/*//////////////////


#index


//////////////////*/

/* common */
#index {  }

/* #mainv */
#index #mainv { position: relative; height: 100vh; display: flex; align-items: center; padding: 30px; box-sizing: border-box; }
#index #mainv .slidelist { width: 50%; height: 100%; box-sizing: border-box; }
#index #mainv .slidelist ul,
#index #mainv .slidelist li { height: calc(100vh - 60px); width: 100%; background: #ccc; color: #fff; position: relative;  }
#index #mainv .slidelist li .bg { object-fit: cover; font-family: 'object-fit: cover;'; object-position: 50% 50%; display: block; width: 100%; height: 100%; transform: scale(1.1); transition: 3s cubic-bezier(.645, .045, .355, 1); z-index: -1; }
#index #mainv .slidelist li.slick-current img { transform: scale(1); }
#index #mainv .slidelist li .award { position: absolute; bottom: 0; left: 30px; display: flex; z-index: 100; }
#index #mainv .slidelist li .award img { width: 56px; margin-right: 5px; }
#index #mainv .slidelist li .award .spec { color: #fff; z-index: 100; margin-left: 20px; }
#index #mainv .slidelist li .award .spec .date { font-size: 1.2rem; line-height: 1.5; }
#index #mainv .slidelist li .award .spec .title { font-size: 1.6rem; }
#index #mainv .slidelist li .cover { width: 100%; height: calc(100vh - 60px); position: absolute; top: 0; left: 0; background:rgba(0, 0, 0, 0.3); display: none; }
#index #mainv .txtbox { width: 50%; height: 100%; display: flex; padding: 0 7% 10vh; align-items: flex-end; box-sizing: border-box; }
#index #mainv .txtbox .copy.txt1 { font-size: 1.8rem; margin-bottom: 20px; }
#index #mainv .txtbox .copy.s2 span { font-size: 3.8rem; margin-bottom: 10px; }
#index #mainv .txtbox .enbox .txt2 { font-size: 2.4rem; line-height: 1.5; }
#index #mainv .txtbox .enbox .txt3 { font-size: 1.4rem; }
#index #mainv .txtbox .scrolldown { position: absolute; left: calc(50% - 60px); bottom: 0; display: flex; align-items: center; flex-direction: column; z-index: 1; }
#index #mainv .txtbox .scrolldown .txt { font-size: 1.6rem; color: #fff;l display: block; margin-bottom: 10px; }
#index #mainv .txtbox .scrolldown .arr { width: 1px; height: 80px; position: relative; overflow: hidden; display: block; }
#index #mainv .txtbox .scrolldown .arr:before {content: "";position: absolute;top: 0;left: 0;right: 0;height: 100%;width: 100%;background: #fff;margin-left: auto;margin-right: auto; animation: sdl 4s cubic-bezier(0.22, 1, 0.36, 1) infinite; }
@media screen and (max-width: 1380px){
	#index #mainv .txtbox { padding-bottom: 180px; }
	#index #mainv .txtbox .copy.txt1 { margin-bottom: 10px; }
	#index #mainv .txtbox .copy.s2 { margin-bottom: 30px; }
}
@media screen and (max-width: 1100px){
	#index #mainv { padding: 0; }
	#index #mainv .slidelist ul,
	#index #mainv .slidelist li { height: 100vh; }
	#index #mainv .slidelist li .award { left: 20px; }
	#index #mainv .slidelist li .award img { width: 40px; }
	#index #mainv .slidelist li .award .spec { margin-left: 10px; }
	#index #mainv .slidelist li .award .spec .date { font-size: 1.0rem; line-height: 1.2; }
	#index #mainv .slidelist li .award .spec .title { font-size: 1.4rem; }
	#index #mainv .txtbox .enbox .txt2 { font-size: 2rem; }
	#index #mainv .txtbox .enbox .txt3 { font-size: 1.2rem; }
	#index #mainv .txtbox .scrolldown .txt { font-size: 1.4rem; }
}
@media screen and (max-width: 767px){
	#index #mainv .slidelist { width: 100%; height: calc(100vh - 90px); margin-top: 90px; }
	#index #mainv .txtbox { width: 100%; height: calc(100vh - 90px); position: absolute; top: 90px; left: 0; color: #fff; }
	#index #mainv .slidelist ul,
	#index #mainv .slidelist li { height: calc(100vh - 90px); }
	#index #mainv .slidelist li .cover { display: block;}
	#index #mainv .txtbox .copy.txt1 { font-size: 1.5rem; margin-bottom: 20px; }
	#index #mainv .txtbox .copy.s2 span { font-size: 3.2rem; }
	#index #mainv .txtbox .enbox .txt2 { font-size: 1.8rem; }
	#index #mainv .txtbox .enbox .txt3 { font-size: 1.0rem; }
	#index #mainv .txtbox .scrolldown { left: auto; right: 30px; }
	#index #mainv .txtbox .scrolldown .arr { height: 60px; }
	#index #mainv .txtbox .scrolldown .txt { font-size: 1.2rem; }
}
@keyframes sdl {
	0% {
		opacity: 1;
		transform: scale(1, 0);
		transform-origin: 0 0;
	}
	50% {
		transform: scale(1, 1);
		transform-origin: 0 0;
	}
	50.1%, 55% {
		opacity: 1;
		transform: scale(1, 1);
		transform-origin: 0 100%;
	}
	90% {
		opacity: 0;
		transform: scale(1, 0);
		transform-origin: 0 100%;
	}
	100% {
		transform: scale(1, 0);
		transform-origin: 0 100%;
	}
}

/* #sec_1 */
#index #sec_1 {  }
#index #sec_1 .insec { background: #f7f7f7; padding: 40px;  display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 1080px; margin: 0 auto; }
#index #sec_1 a { background: #fff; padding: 20px 60px 20px 50px; width: calc(50% - 10px); box-sizing: border-box; position: relative; display: flex; flex-direction: column; justify-content: center; }
/*#index #sec_1 a:first-child { width: 100%; margin-bottom: 20px;}*/
#index #sec_1 a:after { content: ""; position: absolute; top: 0; bottom: 0; right: 25px; margin: auto 0; width: 12px; height: 12px; border-top: 1px solid #191919; border-right: 1px solid #191919; transform: rotate(45deg); transition: 0.6s; }
#index #sec_1 a:hover { background: #f7f7f7; }
#index #sec_1 a:hover::after { right: 15px; }
#index #sec_1 a .txtsmall { line-height: 1.9; }
#index #sec_1 a .copy.s2 { margin-bottom: 10px }
#index #sec_1 a .free._1{ font-size: 2rem; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; font-weight: bold; margin-left: 5px; }
#index #sec_1 a .free._2 { font-size: 2.8rem; line-height: 1; }
#index #sec_1 a.box1 { flex-direction: row; justify-content: space-between; align-items: center; }
#index #sec_1 a.box1 img { width: 140px; margin-right: 40px; }
#index #sec_1 a.box1 .txtsmall { margin-bottom: 15px; }
#index #sec_1 a.box1 .txt1 { font-size: 2.4rem; }
#index #sec_1 a.box2 .txtsmall { margin-bottom: 5px; }
#index #sec_1 a.box2 .telbox { display: flex; align-items: center; }
#index #sec_1 a.box2 .telbox .txt1 { line-height: 1.6; font-size: 1.3rem; padding-right: 35px; position: relative; }
#index #sec_1 a.box2 .telbox .txt1:after { content: ""; height: 1px; width: 20px; background: #191919; margin: 0 5px; font-size: 0; position: absolute; right: 5px; top: 50%; }
#index #sec_1 a.box2 .telbox .mincho { font-size: 2.4rem; letter-spacing: 0.1em; }
#index #sec_1 a.box3 .inbox { display: flex; align-items: center; }
#index #sec_1 a.box3 .inbox img { width: 100px; height: 100px; margin-right: 30px; margin-top: 5px; }
@media screen and (max-width: 1100px) {
	#index #sec_1 a { width: 100%; margin-bottom: 20px; }
	#index #sec_1 a.box2 .telbox .txt1 br { display: none; }
}
@media screen and (max-width: 767px) {
	#index #sec_1 .insec { padding: 4%; }
	#index #sec_1 a { padding: 6% calc(6% + 14px) 6% 6%; margin-bottom: 4%; }
	/*#index #sec_1 a:first-child { margin-bottom: 4%; }*/
	#index #sec_1 a:after,
	#index #sec_1 a:hover::after { right: 14px; }
	#index #sec_1 a:hover { background: #fff; }
	#index #sec_1 a:last-child { margin-bottom: 0;}
	#index #sec_1 a .free._1{ font-size: 1.6rem; margin-left: 3px; }
	#index #sec_1 a .free._2 { font-size: 2rem; }
	#index #sec_1 a.box1 { display: block; }
	#index #sec_1 a.box1 img { display: block; width: 120px; margin: 10px auto 20px; padding-left: 20px; }
	#index #sec_1 a.box1 .txt1 { font-size: 1.8rem; line-height: 1.6; }
	#index #sec_1 a.box2 .telbox { display: block; line-height: 1.8; }
	#index #sec_1 a.box2 .txtsmall { margin-bottom: 15px; }
	#index #sec_1 a.box2 .telbox .txt1:after { display: none; }
}
@media screen and (max-width: 500px) {
	#index #sec_1 a .copy { margin-right: -14px; }
	#index #sec_1 a.box1 .copy { margin-right: 0; }
	#index #sec_1 a.box3 .inbox { align-items: flex-start; }
	#index #sec_1 a.box3 .inbox img { margin-right: 20px; }
}

/* #sec_2 */
#index #sec_2 {  }
#index #sec_2 .inblock { margin-bottom: 100px; }
#index #sec_2 .btnbox:last-child br { display: none; }
@media screen and (max-width: 767px) {
	#index #sec_2 .inblock { margin-bottom: 40px; }
	#index #sec_2 .btnbox:last-child br { display: block;  }
}

/* #sec_3 */
#index #sec_3 {  }
#index #sec_3 .txtbox.s1 * { text-align: center; }
@media screen and (max-width: 767px) {
	#index #sec_3 .txtbox.s1 .txt1 { text-align: justify; }
}

/* #sec_4 */
#index #sec_4 {  }
@media screen and (max-width: 767px) {
}

/* #sec_5 */
#index #sec_5 .box { display: flex; justify-content: center; align-items: center; }
#index #sec_5 .box .list1 { margin-right: 80px; display: flex; align-items: center; }
#index #sec_5 .box .list1 li:first-child { margin-right: 30px; }
#index #sec_5 .box .list1 li .jp { margin-left: 30px; margin-top: 3px; }
#index #sec_5 .box .btnbox { width: auto; }
@media screen and (max-width: 1100px) {
	#index #sec_5 .box { display: block; }
	#index #sec_5 .box .list1 { margin-right: 0; justify-content: center; margin-bottom: 60px; }
	#index #sec_5 .box .list1 li { text-align: center; }
	#index #sec_5 .box .list1 li span { display: none; }
	#index #sec_5 .box .btnbox { width: 100%; }
}
@media screen and (max-width: 767px) {
	#index #sec_5 .box .list1 { display: block; margin-bottom: 50px}
	#index #sec_5 .box .list1 li:first-child { margin-right: 0; margin-bottom: 30px; }
	#index #sec_5 .box .list1 li .jp { margin-top: 0; margin-left: 0; }
	#index #sec_5 .box .btnbox { width: 100%; }
}

/* #sec_6 */
#index #swrap_6 { background: #f7f7f7; }
#index #sec_6 .block.s1 * { text-align: center; }
#index #sec_6 .btnbox { justify-content: space-between; }
#index #sec_6 .btn.base { height: 160px; width: calc((100% - 370px)/3); min-width: 0; }
#index #sec_6 .btn.base:last-child { width: 280px; }
@media screen and (max-width: 1200px) {
	#index #sec_6 .btn.base { width: calc((100% - 320px)/3); }
}
@media screen and (max-width: 1100px) {
	#index #sec_6 .block.s1 .txt1 { text-align: justify; }
	#index #sec_6 .btnbox { justify-content: center; }
	#index #sec_6 .btn.base { min-width: 260px; margin: 0 10px 20px; }
}

@media screen and (max-width: 767px) {
	#index #sec_6 .btn.base { height: 80px; margin: 0 10px 10px;}
	#index #sec_6 .btn.base:last-child { width: auto; }
}
@media screen and (max-width: 500px) {
	#index #sec_6 .btn.base { width: 100%; margin: 0 0 10px; }
	#index #sec_6 .btn.base:last-child { width: 100%; }
}

/* #sec_7 */
#index #sec_7 {  }
#index #sec_7 .btnbox { display: none; }
@media screen and (max-width: 767px) {
	#index #sec_7 .list.news { margin-bottom: 40px; }
	#index #sec_7 .btnbox { display: flex; }
}











/*//////////////////


#about.index


//////////////////*/

/* sec_1 */
#about.index #sec_1 { text-align: center;  }
#about.index #sec_1 .copy.s1 { line-height: 2.5em; font-feature-settings: normal; letter-spacing: 0.12em; margin-bottom: -60px; }
@media screen and (max-width: 1100px) {
	#about.index #sec_1 .copy.s1 { font-size: 2.6rem; }
}
@media screen and (max-width: 767px) {
	#about.index #sec_1 .copy.s1 { font-size: 2.0rem; }
}
@media screen and (max-width: 500px) {
	#about.index #sec_1 .copy.s1 { font-size: 1.8rem; line-height: 2.25em; }
}

/* sec_2 */
#about.index #sec_2 { }

/* sec_3 */
#about.index #sec_3 .box1 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 100px; }
#about.index #sec_3 .box1 .txtbox { margin-right: 80px;}
#about.index #sec_3 .btn.base { width: 400px; }
#about.index #sec_3 .btn.base br { display: none; }
@media screen and (max-width: 1100px) {
	#about.index #sec_3 .box1 { display: block; margin-bottom: 60px; }
	#about.index #sec_3 .box1 .imgbox { display: flex; margin-top: 80px; }
	#about.index #sec_3 .box1 .imgbox img { width: 50%; }
	#about.index #sec_3 .box1 .txtbox { margin-right: 0; }
	#about.index #sec_3 .box1 .txtbox .copy.s1 { text-align: center; }
}
@media screen and (max-width: 767px) {
	#about.index #sec_3 .box1 { margin-bottom: 40px; }
	#about.index #sec_3 .btn.base { width: auto; }
	#about.index #sec_3 .btn.base br { display: block; }
}
@media screen and (max-width: 500px) {
	#about.index #sec_3 .btn.base { width: 100%; }
	#about.index #sec_3 .box1 .imgbox { display: block; margin-top: 60px; }
	#about.index #sec_3 .box1 .imgbox img { width: 100%; }
}

/* sec_4 */
#about.index #sec_4 .txt1 { text-align: center; }
@media screen and (max-width: 767px) {
	#about.index #sec_4 .txt1 { text-align: justify; }
}

/* sec_5 */
#about.index #sec_5 { }
#about.index #swrap_5 { background: #f7f7f7; }
#about.index #sec_5 .block.s1 * { text-align: center; }
#about.index #sec_5 .btnbox { margin-bottom: 120px;}
#about.index #sec_5 .boxlist li { display: flex; justify-content: space-between; align-items: center; margin-bottom: 80px; }
#about.index #sec_5 .boxlist li:last-child { margin-bottom: 0; flex-direction: row-reverse; }
#about.index #sec_5 .boxlist li .imgbox { width: 50%; height: 420px; }
#about.index #sec_5 .boxlist li .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
#about.index #sec_5 .boxlist li .txtbox { flex: 1; margin-right: 80px; }
#about.index #sec_5 .boxlist li:last-child .txtbox { margin-right: 0; margin-left: 80px; }
#about.index #sec_7 .copy.s1.wide { text-align:center; }
@media screen and (max-width: 1100px) {
	#about.index #sec_5 .block.s1 .txt1 { text-align: justify; }
	#about.index #sec_5 .boxlist li { align-items: normal; }
	#about.index #sec_5 .boxlist li .txtbox { margin-right: 6%; }
	#about.index #sec_5 .boxlist li:last-child .txtbox { margin-left: 6%; }
	#about.index #sec_5 .boxlist li .txtbox .copy.s2 br { display: none; }
	#about.index #sec_5 .boxlist li .imgbox { display: flex; height: auto; }
	#about.index #sec_5 .boxlist li .imgbox img { height: auto; }
}
@media screen and (max-width: 767px) {
	#about.index #sec_5 .btnbox { margin-bottom: 80px;}
	#about.index #sec_5 .boxlist li { display: block; margin-bottom: 60px; }
	#about.index #sec_5 .boxlist li .imgbox { display: block; width: 100%; height: calc(200px + 30vw); margin-top: 40px; }
	#about.index #sec_5 .boxlist li .imgbox img { height: 100%; }
	#about.index #sec_5 .boxlist li .txtbox { flex: none; margin-right: 0; }
	#about.index #sec_5 .boxlist li:last-child .txtbox { margin-left: 0; }
}


/* #sec_6 */
#about.index #sec_6 .txt1 { margin-bottom: 60px; }
#about.index #sec_6 .list.flow { border-top: 1px solid #191919; }
#about.index #sec_6 .list.flow li { border: 1px solid #191919; border-top: none; background: #fff; position: relative; }
#about.index #sec_6 .list.flow li .copy { font-size: 2.0rem; }
#about.index #sec_6 .list.flow li dl { display: flex; justify-content: space-between; align-items: center; }
#about.index #sec_6 .list.flow li dt { width: 320px; padding: 0 10px 0 40px; box-sizing: border-box; position: relative; }
#about.index #sec_6 .list.flow li dt .num { height: 60px; width: 60px; display: flex; justify-content: center; align-items: center; letter-spacing: 0; text-align: center; font-size: 2.4rem; position: absolute; right: -30px; top: calc(50% - 30px); border-radius: 30px; border: 1px solid #191919; background: #fff; }
#about.index #sec_6 .list.flow li dd { border-left: 1px solid #191919; padding: 30px 40px 30px 50px; flex: 1; }
#about.index #sec_6 .list.flow li.single { margin: 40px 0; border-top: 1px solid #191919; padding: 30px 0; }
#about.index #sec_6 .list.flow li.single .copy { text-align: center; }
#about.index #sec_6 .list.flow li.single .txtmin { position: absolute; right: 20px; top: calc(50% - 18px); font-size: 1.4rem; }
#about.index #sec_6 .list.flow li.single + li { border-top: 1px solid #191919; }
#about.index #sec_6 .txt2 { font-size: 1.4rem; margin-top: 20px; }
#about.index #sec_6 .list.flow li.single:after,
#about.index #sec_6 .list.flow li:nth-child(5):after,
#about.index #sec_6 .list.flow li:nth-child(8):after { content: ""; position: absolute; top: -28px; left: 0; right: 0; margin: 0 auto; width: 32px; height: 32px; border-top: 1px solid #191919; border-right: 1px solid #191919; transform: rotate(135deg); }
@media screen and (max-width: 767px) {
	#about.index #sec_6 .txt1 { margin-bottom: 40px; }
	#about.index #sec_6 .list.flow li dl { display: block; padding-left: 35px; }
	#about.index #sec_6 .list.flow li .copy { font-size: 1.6rem; }
	#about.index #sec_6 .list.flow li dt { width: 100%; padding: 30px 6% 10px; position: static; }
	#about.index #sec_6 .list.flow li dt .num { height: 36px; width: 36px; font-size: 1.8rem; left: 10px; right: auto; top: calc(50% - 18px); border-radius: 18px; }
	#about.index #sec_6 .list.flow li dd { border-left: none; padding: 0 6% 25px; }
	#about.index #sec_6 .txt2 { font-size: 1.2rem; margin-top: 20px; }
	#about.index #sec_6 .list.flow li.single { margin: 20px 0; padding: 25px 6%; }
	#about.index #sec_6 .list.flow li.single .copy { text-align: left; }
	#about.index #sec_6 .list.flow li.single .txtmin { position: static; font-size: 1.2rem; }
	#about.index #sec_6 .list.flow li.single:after,
	#about.index #sec_6 .list.flow li:nth-child(5):after,
	#about.index #sec_6 .list.flow li:nth-child(8):after { top: -20px; width: 24px; height: 24px; }

}


/* #sec_7 */
#about.index #sec_7 .txt1 { margin-bottom: 20px; }


/* #sec_8 */
#about.index #sec_8 .txt1 { text-align: center; }
#about.index #sec_8 .boxlist li { display: flex; justify-content: space-between; align-items: center; margin-bottom: 80px; }
#about.index #sec_8 .boxlist li:last-child { margin-bottom: 0; flex-direction: row-reverse; }
#about.index #sec_8 .boxlist li .imgbox { width: 50%; height: 480px; }
#about.index #sec_8 .boxlist li .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
#about.index #sec_8 .boxlist li .txtbox { flex: 1; margin-left: 80px; }
#about.index #sec_8 .boxlist li:last-child .txtbox { margin-left: 0; margin-right: 80px; }
@media screen and (max-width: 1100px) {
	#about.index #sec_8 .boxlist li { align-items: normal; }
	#about.index #sec_8 .boxlist li .txtbox { margin-left: 6%; }
	#about.index #sec_8 .boxlist li:last-child .txtbox { margin-right: 6%; }
	#about.index #sec_8 .boxlist li .txtbox .copy.s2 br { display: none; }
	#about.index #sec_8 .boxlist li .imgbox { display: flex; height: auto; }
	#about.index #sec_8 .boxlist li .imgbox img { height: auto; }
}
@media screen and (max-width: 767px) {
	#about.index #sec_8 .txt1 { text-align: justify; }
	#about.index #sec_8 .boxlist li { display: block; margin-bottom: 60px; }
	#about.index #sec_8 .boxlist li .imgbox { display: block; width: 100%; height: calc(200px + 30vw); margin-bottom: 40px; }
	#about.index #sec_8 .boxlist li .imgbox img { height: 100%; }
	#about.index #sec_8 .boxlist li .txtbox { flex: none; margin-right: 0; }
	#about.index #sec_8 .boxlist li:last-child .txtbox { margin-left: 0; }
}










/*//////////////////


#about.gooddesign


//////////////////*/

/* sec_1 */
#about.gooddesign #sec_1 { text-align: center; }
#about.gooddesign #sec_1 .copy.s1 { text-align: center; }
#about.gooddesign #sec_1 .img { margin: 220px auto; display: block; }
@media screen and (max-width: 767px) {
	#about.gooddesign #sec_1 { text-align: justify; }
	#about.gooddesign #sec_1 .txt1 br { display: none; }
	#about.gooddesign #sec_1 .img { width: 180px; margin: 120px auto; }
}

/* sec_2 */
@media screen and (max-width: 767px) {
	#about.gooddesign #sec_2 .copy.s1 { text-align: center; }
}

/* #sec_3 */
#about.gooddesign #sec_3 {}
@media screen and (max-width: 767px) {
	#about.gooddesign #sec_3 .copy.s1 { text-align: center; }
}

/* #sec_4 */
#about.gooddesign #sec_4 .sectitlebox { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; border-bottom: 1px solid #191919; margin-bottom: 80px; padding-bottom: 5px; }
#about.gooddesign #sec_4 .sectitlebox .sectitle { margin-bottom: 0; }
#about.gooddesign #sec_4 .sectitlebox .txtmin { font-size: 1.4rem;}
#about.gooddesign #sec_4 .list.awardworks li { margin-bottom: 40px; }
#about.gooddesign #sec_4 .list.awardworks li a { display: flex; flex-direction: row; align-items: center; text-decoration: none; width: 100%; height: 100px; position: relative; transition: .6s;}
#about.gooddesign #sec_4 .list.awardworks li a:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; content: ''; background: #f7f7f7; transform-origin: left top; transform: scale(0, 1); transition: .6s; }
#about.gooddesign #sec_4 .list.awardworks li a:hover:before { transform: scale(1, 1); }
#about.gooddesign #sec_4 .list.awardworks li a .imgbox { margin-right: 40px; width: 100px; height: 100%; flex-shrink: 0; transition: 0.6s; overflow: hidden; }
#about.gooddesign #sec_4 .list.awardworks li a:hover .imgbox { margin-right: 30px; }
#about.gooddesign #sec_4 .list.awardworks li a .imgbox img { object-fit: cover; font-family: "object-fit: cover;"; display: block; width: 100%; height: auto; transition: 0.6s; }
#about.gooddesign #sec_4 .list.awardworks li a:hover .imgbox img { transform: scale(1.05); }
#about.gooddesign #sec_4 .list.awardworks li:first-child a,
#about.gooddesign #sec_4 .list.awardworks li:nth-child(4) a,
#about.gooddesign #sec_4 .list.awardworks li:nth-child(10) a,
#about.gooddesign #sec_4 .list.awardworks li:nth-child(11) a,
#about.gooddesign #sec_4 .list.awardworks li:nth-child(12) a,
#about.gooddesign #sec_4 .list.awardworks li:nth-child(13) a,
#about.gooddesign #sec_4 .list.awardworks li:nth-child(17) a{ pointer-events:none }
@media screen and (max-width: 500px) {
	#about.gooddesign #sec_4 .sectitlebox .txtmin { font-size: 1.2rem; }
}
@media screen and (max-width: 500px) {
	#about.gooddesign #sec_4 .sectitlebox { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 40px; }
	#about.gooddesign #sec_4 .list.awardworks li { margin-bottom: 30px; }
	#about.gooddesign #sec_4 .list.awardworks li a .imgbox { margin-right: 20px; }
	#about.gooddesign #sec_4 .list.awardworks li a:hover .imgbox { margin-right: 20px; }
	#about.gooddesign #sec_4 .list.awardworks li a:before { background: #fff; }
	#about.gooddesign #sec_4 .list.awardworks li a:hover .imgbox img { transform: scale(1); }
}










/*//////////////////


#sumika


//////////////////*/

/* #mainv */
#sumika #mainv.under { height: 760px; }
#sumika #mainv.under .txt1 { font-size: 1.8rem; margin-bottom: 10px; }
@media screen and (max-width: 1100px){
	#sumika #mainv.under { height: 760px; }
}
@media screen and (max-width: 767px){
	#sumika #mainv.under { height: 500px; }
	#sumika #mainv.under .txt1 { font-size: 1.6rem; }
}

/* sec_2 */
#sumika #sec_2 .boxlist { margin-bottom: 100px; }
#sumika #sec_2 .boxlist>li { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 100px; width: 100%; }
#sumika #sec_2 .boxlist>li .imgbox { width: 50%; flex-shrink: 0; }
#sumika #sec_2 .boxlist>li .imgbox img { object-fit: cover; font-family: "object-fit: cover;"; display: block; width: 100%; height: 420px; }
#sumika #sec_2 .boxlist>li .txtbox { padding-right: 6%; }
#sumika #sec_2 .boxlist>li .txtbox .txten.s1 { font-size: 2.2rem; padding-bottom: 40px; }
#sumika #sec_2 .boxlist>li .txtbox .txten.s1 span { position: relative; }
#sumika #sec_2 .boxlist>li .txtbox .txten.s1 span:after { position: absolute; content: ""; display: block; border-bottom: 1px solid #191919; bottom: -3px; width: calc(100% + 5px); }
#sumika #sec_2 .btnbox:last-child br { display: none; }
@media screen and (max-width: 1100px) {
	#sumika #sec_2 .boxlist>li { align-items: normal; }
	#sumika #sec_2 .boxlist>li .imgbox { display: flex; }
	#sumika #sec_2 .boxlist>li .imgbox img { height: auto; }
	#sumika #sec_2 .boxlist>li .txtbox .txten.s1 { font-size: 2.0rem; }
}
@media screen and (max-width: 767px) {
	#sumika #sec_2 .boxlist { margin-bottom: 60px; }
	#sumika #sec_2 .boxlist>li { display: flex; flex-direction: column; justify-content: center; margin-top: 60px; width: 100%; }
	#sumika #sec_2 .boxlist>li .imgbox { margin-top: 40px; width: 100%; flex-shrink: 0; }
	#sumika #sec_2 .boxlist>li .txtbox { padding-right: 0; }
	#sumika #sec_2 .boxlist>li .txtbox .txten.s1 { font-size: 1.6rem; padding-bottom: 30px; text-align: center; }
	#sumika #sec_2 .boxlist>li .txtbox .txten.s1 span { margin: 0 auto; display: inline-block; }
	#sumika #sec_2 .boxlist>li .txtbox .copy { text-align: center; }
	#sumika #sec_2 .btnbox:last-child br { display: block;  }

}


/* sec_3 */
#sumika #sec_3 .txtbox.block.s1 { text-align: center; }
#sumika #sec_3 .txtbox.block.s1 .copy.s2 { text-align: center; }
#sumika #sec_3 .boxlist.s1>li .title { color: #fff; }
#sumika #sec_3 .boxlist.s1 li .imgbox .title:after { background: rgb(255, 255, 255); }
#sumika #sec_3 .boxlist.s1 li .imgbox .num { position: absolute; top: 45%; right: -30px; width: 60px; height: 60px; background-color: #FFF; border-radius: 50%; align-items: center; line-height: 60px; border: 1px solid #191919; z-index: 100; font-size: 2.4rem; padding-left: 3px; box-sizing: border-box; }
#sumika #sec_3 .boxlist.s1 li:nth-child(even) .num { top: 45%; left: -30px; }
#sumika #sec_3 .boxlist.s1 li .casebox { display: flex; align-items: flex-start; }
#sumika #sec_3 .boxlist.s1 li .casebox .txtbig.s3 { font-weight: bold; margin-right: 20px; margin-bottom: 0; }
#sumika #sec_3 .boxlist.s1 li .caselist { display: flex; flex-wrap: wrap; }
#sumika #sec_3 .boxlist.s1 li .caselist.block { display: inline-block; }
#sumika #sec_3 .boxlist.s1 li .caselist span { text-decoration: underline; font-size: 1.8rem; line-height: 2; }
#sumika #sec_3 .boxlist.s1 li .caselist li {/* margin-bottom: 5px; */}
#sumika #sec_3 .boxlist.s1 li .caselist li:last-child { margin-bottom: 0; }
#sumika #sec_3 .boxlist.s1 li .caselist a:hover span { text-decoration: none; }
#sumika #sec_3 .boxlist.s1 li .caselist>li {margin-right: 1em;margin-top: 0;text-indent: -1em;padding-left: 1em;}
@media screen and (max-width: 1100px) {
	#sumika #sec_3 .boxlist.s1 li .caselist span { font-size: 1.6rem; }
	#sumika #sec_3 .boxlist.s1 li .copy.s2 { margin-bottom: 30px; }
}
@media screen and (max-width: 767px) {
	#sumika #sec_3 .txt1 { text-align: left; }
	#sumika #sec_3 .boxlist.s1 li .imgbox .num { top: auto; bottom: -20px; right: auto; left: 50%; margin-left: -20px; width: 40px; height: 40px; line-height: 40px; font-size: 1.8rem; padding-left: 2px; }
#sumika #sec_3 .boxlist.s1 li:nth-child(even) .num { top: auto; left: 50%; }
	#sumika #sec_3 .boxlist.s1 li .imgbox:after { top: calc(100% - 4vh); right: calc(45% + 1vw); }
	#sumika #sec_3 .boxlist.s1 li:nth-child(even) .imgbox:after { top: calc(100% - 4vh); left: calc(45% + 1vw); }
	#sumika #sec_3 .boxlist.s1 li .casebox { display: block; }
}


/* sec_4 */
#sumika #sec_4 .copy.s2.wide { text-align: center; }
#sumika #sec_4 .boxlist>li { display: flex; align-items: center; margin-top: 80px; }
#sumika #sec_4 .boxlist>li:nth-child(even) { flex-direction: row-reverse; }
#sumika #sec_4 .boxlist>li .imgbox { width: 50%; flex-shrink: 0;  }
#sumika #sec_4 .boxlist>li .imgbox img { object-fit: cover; font-family: "object-fit: cover;"; display: block; width: 100%; height: calc(5vw + 500px);  max-height: 500px; }
#sumika #sec_4 .boxlist>li .txtbox { padding: 0 0 0 100px; width: 50%; }
#sumika #sec_4 .boxlist>li:nth-child(even) .txtbox { padding: 0 100px 0 0; }
@media screen and (max-width: 767px) {
	#sumika #sec_4 .boxlist>li { display: block; margin-top: 60px; }
	#sumika #sec_4 .boxlist>li .imgbox { width: 100%; padding-bottom: 40px; }
	#sumika #sec_4 .boxlist>li .imgbox img { height: 400px; }
	#sumika #sec_4 .boxlist>li .txtbox { padding: 0; width: 100%; }
	#sumika #sec_4 .boxlist>li:nth-child(even) .txtbox { padding: 0; }

}



/*//////////////////


#faq


//////////////////*/


/* common */
#faq #main .copy.s1 { text-align: center; }
#faq #main .faqlist>li {  }
#faq #main .faqlist>li:last-child { margin-bottom: 0; }
#faq #main .faqlist>li>dl>dt { position: relative; display: flex; flex-direction: row; align-items: center; margin-bottom: 20px; padding-right: 50px; cursor: pointer; font-size: 2.0rem; }
#faq #main .faqlist>li>dl>dt:after { content: ""; position: absolute; top: calc(50% - 14px); right: 5px; width: 16px; height: 16px; border-top: 1px solid #191919; border-right: 1px solid #191919; border-bottom: 1px solid #fff; border-left: 1px solid #fff; transform: rotate(135deg); transition: 0.6s; }
#faq #main .faqlist>li>dl>dt.open:after { border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #191919; border-left: 1px solid #191919; top: calc(50% - 4px);  }
#faq #main .faqlist>li>dl>dt .heebo.s1 { font-size: 3rem; flex-shrink: 0; margin-right: 15px; }
#faq #main .faqlist>li>dl>dd { padding-bottom: 80px; }
/* sec_1 */
#faq #sec_1 { margin-bottom: 160px; }
#faq #sec_1 .copy.s2 { text-align: center; }
#faq #sec_1 .bggrey { padding: 70px 40px; text-align: center; }
#faq #sec_1 .bggrey>li { font-size: 1.8rem; display: inline-block; margin-left: 1em; }
#faq #sec_1 .bggrey>li:first-child { margin-left: 0; }
#faq #sec_1 .bggrey>li a:hover { text-decoration: underline; }
#faq #sec_1 .bggrey>li a:hover span { text-decoration: none; }
@media screen and (max-width: 1100px) {
	#faq #sec_1 { margin-bottom: 100px; }
	#faq #sec_1 .bggrey { }
}
@media screen and (max-width: 767px) {
	#faq #main .faqlist>li>dl>dt { padding-right: 30px; font-size: 1.6rem; }
	#faq #main .faqlist>li>dl>dd { padding-bottom: 50px; }
	#faq #main .faqlist>li>dl>dt:after { width: 12px; height: 12px; }
	#faq #main .faqlist>li>dl>dt .heebo.s1 { font-size: 2.2rem; margin-right: 10px; }
	#faq #sec_1 .bggrey { padding: 6%; }
	#faq #sec_1 .bggrey>li { font-size: 1.4rem; margin: 0 0.5em; }
}









/*//////////////////


#news.index


//////////////////*/


/* common */
#news.index #main { }
/* sec_1 */
#news #sec_1 { margin-bottom: 160px; }
#news.index #sec_1 .pnav { padding: 70px 40px; text-align: center; background: #f7f7f7; }
#news.index #sec_1 .pnav li { font-size: 1.8rem; display: inline-block; margin-left: 1em; }
#news.index #sec_1 .pnav li:first-child { margin-left: 0; }
#news.index #sec_1 .pnav li a:hover { text-decoration: underline; }
#news.index #sec_1 .pnav li a:hover span { text-decoration: none; }
@media screen and (max-width: 1100px) {
	#news #sec_1 { margin-bottom: 100px; }
}
@media screen and (max-width: 767px) {
	#news.index #sec_1 .pnav { padding: 6%; }
	#news.index #sec_1 .pnav li { font-size: 1.4rem; margin: 0 0.5em; }
}




/*//////////////////


#works.index


//////////////////*/

/* common */
@media screen and (max-width: 767px) {
	#works.index #sec_1 ul.list.works li { margin-top: 20px; }
}



/*//////////////////


#works.under


//////////////////*/

/* common */
#works.under #main { }

/* sec_1 */
#works.under #sec_1 { position: relative; }
#works.under #sec_1 .mainimg { /* height: calc(700px + 10vw); */ overflow: hidden; }
#works.under #sec_1 .mainimg img { object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
#works.under #sec_1 .awardbox { position: absolute; top: 0; left: 20px; z-index: 1; font-size: 0; }
#works.under #sec_1 .awardbox img { display: inline-block; width: 80px; margin-right: 5px; }
#works.under #sec_1 .pankuzu { text-align: right; }
@media screen and (max-width: 1100px) {
}
@media screen and (max-width: 767px) {
	#works.under #sec_1 .incnt.wider { width: 100%;}
	#works.under #sec_1 .awardbox { left: 20px; }
	#works.under #sec_1 .awardbox img { width: 40px; margin-right: 5px; }
	#works.under #sec_1 .mainimg { /* height: calc(300px + 20vw); */ }
}
@media screen and (max-width: 500px) {
	#works.under #sec_1 .awardbox { left: 15px; }
	#works.under #sec_1 .awardbox img { width: 32px; margin-right: 3px; }
}

/* sec_2 */
#works.under #sec_2 .incnt { display: flex; justify-content: center; align-items: center; }
#works.under #sec_2 .copy.s2 { letter-spacing: 0.12em; line-height: 2.5; font-feature-settings: normal; }
@media screen and (max-width: 1100px) {
	#works.under #sec_2 .copy.s2 { font-size: 2.2rem; }
}
@media screen and (max-width: 767px) {
	#works.under #sec_2 .incnt { margin-top: -20px; }
	#works.under #sec_2 .copy.s2 { font-size: 1.6rem; }
}
@media screen and (max-width: 500px) {
	#works.under #sec_2 .copy.s2 { -webkit-writing-mode:horizontal-tb; -ms-writing-mode:lr-tb; writing-mode:horizontal-tb; font-size: 1.4rem; line-height: 2.25em; }
}

/* sec_3 */
#works.under #sec_3 .inbox { display:flex; justify-content:space-between; max-width: 1400px; margin: 0 auto; }
#works.under #sec_3 .inbox .mainbox { width: 860px; margin-right:80px; }
#works.under #sec_3 .inbox .mainbox .list { display: flex; justify-content: space-between; flex-wrap: wrap; }
#works.under #sec_3 .inbox .mainbox .list li { margin-bottom: 20px; width: 100%; }
#works.under #sec_3 .inbox .mainbox .list li.half { width: calc(50% - 10px); }
#works.under #sec_3 .inbox .mainbox .list li:last-child { margin-bottom: 0; }
#works.under #sec_3 .inbox .txtbox { flex: 1; }
#works.under #sec_3 .inbox .txtbox .heebo { font-size: 1.8rem; margin-bottom:20px;}
@media screen and (max-width: 1600px) {
	#works.under #sec_3 .inbox .mainbox { width: 60%; margin-right:6%; }
}
@media screen and (max-width: 900px) {
	#works.under #sec_3 .inbox { flex-direction: column-reverse; }
	#works.under #sec_3 .inbox .mainbox { width: 100%; margin-right: 0; }
	#works.under #sec_3 .inbox .txtbox { flex: none; margin-bottom: 160px; }
}
@media screen and (max-width: 767px) {
	#works.under #sec_3 .inbox .txtbox { flex: none; margin: -40px 0 120px; }
	#works.under #sec_3 .inbox .mainbox .list li { margin-bottom: 10px; }
	#works.under #sec_3 .inbox .mainbox .list li.half { width: 100%; display:block; }
	#works.under #sec_3 .inbox .mainbox .list li.half:last-child { margin-left:0; }
	#works.under #sec_3 .inbox .txtbox .heebo { font-size: 1.4rem; margin-bottom:15px;}
}







/*//////////////////


#news.under


//////////////////*/

/* #sec_1 */

/* #sec_1 */
#news.under #sec_1 .box { display:flex; justify-content:space-between; }
#news.under #sec_1 .box .mainbox { margin-right:80px; flex: 1; }
#news.under #sec_1 .box .mainbox .num { font-size: 1.8rem; margin-bottom: 80px; }
#news.under #sec_1 .box .mainbox .pagenav.pager { margin-top: 260px; text-align:center; }
#news.under #sec_1 .box .sidebox { width: 280px; }
#news.under #sec_1 .box .sidebox .catebox { background:#f7f7f7; box-sizing:border-box; padding:40px; margin-bottom: 20px; }
#news.under #sec_1 .box .sidebox .catebox .list li { margin-bottom: 5px; text-indent: -1em; padding-left: 1em; }
#news.under #sec_1 .box .sidebox .catebox .list li a { font-size: 1.8rem; }
#news.under #sec_1 .box .sidebox .catebox .list li a:hover { text-decoration: underline; }
#news.under #sec_1 .box .sidebox .sumikabox,
#news.under #sec_1 .box .sidebox .yoyakubox{ background:#f7f7f7; padding:20px; box-sizing:border-box; margin-bottom:20px; position:relative; }
#news.under #sec_1 .box .sidebox .sumikabox:after,
#news.under #sec_1 .box .sidebox .yoyakubox:after{ content:url(../img/common/arr2.svg);  position:absolute; top:0; bottom:0; right: 7px; margin: auto 0; width:24px; height:24px; }
#news.under #sec_1 .box .sidebox .sumikabox .inbox,
#news.under #sec_1 .box .sidebox .yoyakubox .inbox { background:#fff; transition: 0.6s; }
#news.under #sec_1 .box .sidebox .sumikabox a:hover .inbox,
#news.under #sec_1 .box .sidebox .yoyakubox a:hover .inbox { background:#f7f7f7; }
#news.under #sec_1 .box .sidebox .sumikabox .inbox .minibox { padding:20px; }
#news.under #sec_1 .box .sidebox .sumikabox .inbox .minibox .box1 { display:flex; flex-direction: column-reverse; align-items:center; margin-bottom:5px; }
#news.under #sec_1 .box .sidebox .sumikabox .inbox .minibox .box1 .txtbox { display:flex; flex-wrap: wrap; justify-content: center; margin-top: 20px; }
#news.under #sec_1 .box .sidebox .sumikabox .inbox .minibox .box1 .txt1 { font-size:1.8rem; line-height:1.5; }
#news.under #sec_1 .box .sidebox .sumikabox .inbox .minibox .box1 .txt2 .free._1{ font-size: 2rem; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; font-weight: bold; }
#news.under #sec_1 .box .sidebox .sumikabox .inbox .minibox .box1 .txt2 .free._2 { font-size: 2.8rem; line-height: 1; }
#news.under #sec_1 .box .sidebox .sumikabox .inbox .minibox .box1 .imgbox { width: 140px; }
#news.under #sec_1 .box .sidebox .sumikabox .inbox .minibox .copy.s3 { line-height:1.5; text-align:center; }
#news.under #sec_1 .box .sidebox .yoyakubox { position:relative; }
#news.under #sec_1 .box .sidebox .yoyakubox .txt1 { position: absolute; top:0; left: 0; width: 100%; text-align: center; line-height: 1; }
#news.under #sec_1 .box .sidebox .yoyakubox .txt1 span { font-size: 1.4rem; line-height: 1; padding: 7px 10px; background: #00af84; margin: auto; letter-spacing: 0.05em; color: #fff; display: inline-block;  }
#news.under #sec_1 .box .sidebox .yoyakubox .inbox { padding: 30px 20px 20px; box-sizing:border-box; text-align:center; }
#news.under #sec_1 .box .sidebox .yoyakubox .inbox .txt2 { font-size:2.0rem; line-height: 1.4;}
#news.under #sec_1 .box .sidebox .yoyakubox .inbox .txt { margin-bottom: 10px; }
#news.under #sec_1 .box .sidebox .yoyakubox .inbox .teltxt { font-size:2.4rem; line-height:1; letter-spacing: 0.12em;}
#news.under #sec_1 .box .sidebox .yoyakubox .inbox .sub { font-size:1.2rem; }
#news.under #sec_1 .box .sidebox .btnbox .span { padding:50px 0; }
#news.under #sec_1 .box .sidebox .btnbox .btn.base { height: 160px;}
#news.under #sec_1 .box .sidebox .btnbox .btn.base:first-child { margin-bottom:20px; }
#news.under #sec_1 .box .sidebox .btnbox .btn.base .txtbig { font-size:2.2rem; }
#news.under #sec_1 .box .sidebox .btnbox .btn.base:last-child { text-align:center; }
#news.under #sec_1 .box .sidebox .btnbox .btn.base:last-child span{ flex-direction: column;}
#news.under #sec_1 .box .sidebox .btnbox .btn.base:last-child .subtxt { font-size:1.5rem; margin-top:20px; }
@media screen and (max-width: 1100px){
	#news.under #sec_1 .box { display: block; }
	#news.under #sec_1 .box .mainbox { margin-bottom:160px; margin-right:0%;  flex: none; width: 100%; }
	#news.under #sec_1 .box .mainbox .pagenav.pager { margin-top: 160px; text-align:center; }
	#news.under #sec_1 .box .sidebox { width: 100%; }
	#news.under #sec_1 .box .sidebox .catebox { padding:40px 6%; width: 100%; }
	#news.under #sec_1 .box .sidebox .catebox .list { text-align: center; }
	#news.under #sec_1 .box .sidebox .catebox .list li { display: inline-block; margin: 5px 0; }
	#news.under #sec_1 .box .box { display:block; }
	#news.under #sec_1 .box .box .sidebox { width:100%; margin-left:0px; }
	#news.under #sec_1 .box .sidebox .categorybox { padding:6%; }
	#news.under #sec_1 .box .sidebox .sumikabox .inbox .minibox .box1 { display:block; text-align:center;}
	#news.under #sec_1 .box .sidebox .sumikabox .inbox .minibox .box1 .txtbox { display:flex; justify-content: center;align-items: center; margin-top: 0; }
	#news.under #sec_1 .box .sidebox .sumikabox .inbox .minibox .box1 .txtbox .txt1.heebo br { display:none; }
	#news.under #sec_1 .box .sidebox .sumikabox .inbox .minibox .box1 .imgbox { justify-content:center; display:flex; margin: 10px auto 20px; }
	#news.under #sec_1 .box .sidebox .sumikabox .inbox .minibox .box1 .imgbox img { /* display:flex; */ width: 120px;}
	#news.under #sec_1 .box .sidebox .btnbox .btn.base:first-child { margin-bottom:0px; margin-right:20px; }
	#news.under #sec_1 .box .sidebox .sumikabox .inbox .minibox .box1 .txt2 .free._1 { margin-left: 5px; }
}
@media screen and (max-width: 767px){
	#news.under #sec_1 .box .mainbox .num { font-size: 1.4rem; margin-bottom: 50px; }
	#news.under #sec_1 .box .mainbox .pagenav.pager { margin-top: 160px; text-align:center; }
	#news.under #sec_1 .box .sidebox .catebox .list li a { font-size: 1.4rem; }
	#news.under #sec_1 .box .sidebox .sumikabox,
	#news.under #sec_1 .box .sidebox .yoyakubox{ padding: 4%; margin-bottom: 4%; }
	#news.under #sec_1 .box .sidebox .categorybox>li { font-size:1.6rem; }
	#news.under #sec_1 .box .sidebox .yoyakubox .inbox .txt2 { font-size:1.8rem; }
	#news.under #sec_1 .box .sidebox .btnbox  { display:block; }
	#news.under #sec_1 .box .sidebox .btnbox .btn.base:first-child { margin-bottom: 10px; margin-right:0px; }
	#news.under #sec_1 .box .sidebox .btnbox .btn.base { height: 120px;}
	#news.under #sec_1 .box .sidebox .btnbox .btn.base .txtbig { font-size:2.0rem; }
	#news.under #sec_1 .box .sidebox .btnbox .btn.base:last-child .subtxt { font-size:1.5rem; margin-top:10px; }
}
@media screen and (max-width: 500px) {
	#news.under #sec_1 .box .sidebox .sumikabox .inbox .minibox .box1 .txt2 .free._1{ font-size: 1.6rem; }
	#news.under #sec_1 .box .sidebox .sumikabox .inbox .minibox .box1 .txt2 .free._2 { font-size: 2rem; }
}



/*//////////////////


#privacy


//////////////////*/

/* sec_1 */
#privacy #sec_1 .copy.s2 { text-align: center; }
#privacy #sec_1 .list1 li { padding-left: 1em!important; text-indent: -1em; }
#privacy #sec_1 a.link {text-decoration: underline;}
@media screen and (max-width: 767px) {
	#privacy #sec_1 .copy.s2 { text-align: justify; }
}










/*//////////////////


#company


//////////////////*/

/* sec_1 */
#company #sec_1 .copy.s2 { text-align: center; }

/* sec_2 */
#company #sec_2 .sectitle { text-align: center; }
#company #sec_2 .boxlist { display: flex; justify-content: center; align-items: center; width: 100%; }
#company #sec_2 .boxlist li { text-align: center; width: 330px; position: relative; }
#company #sec_2 .boxlist li:first-child { margin-right: 60px; }
#company #sec_2 .boxlist li .copy.s1 { margin-bottom: 0; text-align: center; }
#company #sec_2 .boxlist li .companyname { font-size: 1.5rem; margin-bottom: 40px; }
#company #sec_2 .boxlist li .katagaki { font-size: 2.0rem; }
#company #sec_2 .boxlist li .katagaki:after { content: ""; background: #191919; height: 1px; width: 100%; position: absolute; bottom: 0; left: 0; }
@media screen and (max-width: 767px) {
	#company #sec_2 .boxlist { display: block; }
	#company #sec_2 .boxlist li { text-align: center; width: 100%; position: relative; }
	#company #sec_2 .boxlist li:first-child { margin-right: 0; margin-bottom: 60px; }
	#company #sec_2 .boxlist li .companyname { font-size: 1.4rem; margin-bottom: 10px; }
	#company #sec_2 .boxlist li .katagaki { font-size: 1.4rem; }
	#company #sec_2 .boxlist li .katagaki span { padding: 0 20px 5px; border-bottom: 1px solid #191919; }
	#company #sec_2 .boxlist li .katagaki:after { display: none; }
}

/* sec_3 */
#company #sec_3 .txtbox { text-align: center; }
#company #sec_3 .txtbox .txt1 { margin-bottom: 60px; }
#company #sec_3 .txtbox .copy.s2 { text-align: center; }
#company #sec_3 .txtbox .url { font-size: 1.8rem; margin-bottom: 80px; }
#company #sec_3 .dllist { border-bottom: 1px solid #ccc; }
#company #sec_3 .dllist>li {  }
#company #sec_3 .dllist>li>dl { display: flex; flex-direction: row; border-top: 1px solid #ccc; padding: 35px 0; }
#company #sec_3 .dllist>li>dl>dt { padding: 0 50px; text-align: left; width: 130px; }
#company #sec_3 .dllist>li>dl>dd { text-align: left; flex: 1; }
@media screen and (max-width: 767px) {
	#company #sec_3 .txtbox .txt1 { margin-bottom: 40px; text-align: justify; }
	#company #sec_3 .txtbox .txt1 br { display: none; }
	#company #sec_3 .txtbox .url { font-size: 1.4rem; margin-bottom: 50px; }
	#company #sec_3 .dllist>li>dl { display: block; padding: 30px 0; }
	#company #sec_3 .dllist>li>dl>dt { font-weight: bold; padding: 0 6% 10px; }
	#company #sec_3 .dllist>li>dl>dd { padding: 0 6%; text-align: left; }
}
@media screen and (max-width: 500px) {
	#company #sec_3 .dllist>li>dl>dt { padding: 0 0 10px; }
	#company #sec_3 .dllist>li>dl>dd { padding: 0; }
}

/* sec_4 */
#company #sec_4 .copy.s1 { text-align: center; }
#company #sec_4 .maps { display: flex; flex-direction: column; justify-content: center; align-items: center; }
#company #sec_4 .maps .btn { margin-top: 40px; }
#company #sec_4 .box1 .inbox { display: flex; flex-direction: row; justify-content: space-between; padding-bottom: 60px; width: 100%; height: 360px; }
#company #sec_4 .box1 .inbox .txtbox { margin-right: 80px; display: flex; flex-direction: column; justify-content: center; }

#company #sec_4 .box1 .inbox .txtbox .list { margin-bottom: 40px; }
#company #sec_4 .box1 .inbox .txtbox .list li { text-indent: -1em; padding-left: 1em; }
#company #sec_4 .box1 .inbox .imgbox { width: 50%; flex-shrink: 0; }
#company #sec_4 .box1 .inbox .imgbox img { object-fit: cover; font-family: "object-fit: cover;"; display: block;  width: 100%; height: 100%; }
#company #sec_4 .box2 { text-align: center; }
#company #sec_4 .box2 .txt1 { margin-bottom: 40px; }
#company #sec_4 .box2 .txt2 { margin-bottom: 60px; }
#company #sec_4 .box2 .url { font-size: 1.8rem; margin-bottom: 80px; }
@media screen and (max-width: 1100px) {
	#company #sec_4 .box1 .txtbox { font-size: 1.4rem; margin-right: 30px; }
}
@media screen and (max-width: 767px) {
	#company #sec_4 .maps .btn { margin-top: 30px; }
	#company #sec_4 .maps iframe { height: calc(300px + 20vw); }
	#company #sec_4 .box1 .inbox { display: block; padding-bottom: 40px; height: auto; }
	#company #sec_4 .box1 .inbox .imgbox { width: 100%; height: calc(20vw + 200px); }
	#company #sec_4 .box1 .inbox .imgbox img { width: 100%; height: 100%; }
	#company #sec_4 .box1 .inbox .txtbox { margin-right: 0; margin-bottom: 40px; }
	#company #sec_4 .box1 .inbox .txtbox .list { margin-bottom: 30px; }
	#company #sec_4 .box2 { text-align: justify; }
	#company #sec_4 .box2 .txt1 { margin-bottom: 30px; }
	#company #sec_4 .box2 .txt2 { margin-bottom: 40px; }
	#company #sec_4 .box2 .url { font-size: 1.4rem; margin-bottom: 50px; text-align: center; }
}









/*//////////////////


#contact.index


//////////////////*/

.arr3 { width: 18px; height: 9px; margin-left: 8px; }
.from { margin-bottom: 100px; }


/* sec_1 */
#contact.index #sec_1 { text-align: center; }
#contact.index #sec_1 .copy.s2 { text-align: center; }
#contact.index #sec_1 .btnbox { margin-top: 40px; }
@media screen and (max-width: 767px) {
	#contact.index #sec_1 .txt1 { text-align: justify; }
}

/* sec_2 */
#contact.index #sec_2 .box { background-color: #f7f7f7; padding: 40px; }
#contact.index #sec_2 .box .inbox { display: flex; justify-content: center; align-items: center; position: relative; padding: 30px 40px;; background-color: #FFF; }
#contact.index #sec_2 .box .inbox .greenbox .bggreen { position: absolute; top: 0; left: 0; padding: 7px; color: #FFF; font-size: 1.3rem; font-weight: bold; line-height: 1; letter-spacing: 0.06em; }
#contact.index #sec_2 .box .inbox .left { flex-shrink: 0; margin: 0 50px 0 20px;}
#contact.index #sec_2 .box .inbox .left .heebo.s1 { display: flex; align-items: center; justify-content: center; font-size: 2.4rem; }
#contact.index #sec_2 .box .inbox .left .heebo.s1 span { font-size: 1rem; margin-left: 3px; }
#contact.index #sec_2 .box .right { display: flex; align-items: center; }
#contact.index #sec_2 .box .right .imgbox { width: 120px; height: 120px; flex-shrink: 0;}
#contact.index #sec_2 .box .right .imgbox img { object-fit: cover; font-family: "object-fit: cover;"; width: 100%; height: 100%; }
#contact.index #sec_2 .box .right .txtbox { margin-left: 30px; }
#contact.index #sec_2 .box .right .txtbox .copy.s2 {  line-height: 1; margin-bottom: 15px;}
#contact.index #sec_2 .box .right .txtbox .txt1 { line-height: 1.85; font-size: 1.5rem; }
#contact.index #sec_2 .btnbox { margin-top: 40px; }
@media screen and (max-width: 1100px) {
	#contact.index #sec_2 .box .inbox { flex-wrap: wrap; padding: 40px 8%; }
	#contact.index #sec_2 .box .inbox .left { width: 100%; text-align: left; flex-shrink: unset; margin: 0 0 20px; }
	#contact.index #sec_2 .box .inbox .left .heebo.s1 { justify-content: flex-start; }
}
@media screen and (max-width: 767px) {
	#contact.index #sec_2 .box { padding: 4%; }
	#contact.index #sec_2 .box .inbox { padding: 6%; padding-top: calc(6% + 10px);}
	#contact.index #sec_2 .box .inbox .greenbox .bggreen { padding: 5px; font-size: 1.2rem; }
	#contact.index #sec_2 .box .inbox .left { margin-bottom: 10px; }
	#contact.index #sec_2 .box .inbox .left .heebo.s1 { font-size: 2rem; }
	#contact.index #sec_2 .box .right { align-items: flex-start; }
	#contact.index #sec_2 .box .right .txtbox { margin-left: 20px; }
	#contact.index #sec_2 .box .right .txtbox .txt1 { font-size: 1.3rem; }
	#contact.index #sec_2 .box .right .imgbox { align-items: flex-start; width: 100px; height: 100px; }
}

/* sec_3 */
#contact.index #sec_3 .box1 { text-align: center; margin-bottom: 100px; }
#contact.index #sec_3 .box1 .copy.s1 { text-align: center; margin-bottom: 40px; }
#contact.index #sec_3 .box2 { margin-bottom: 40px; }
#contact.index #sec_3 .box2 .greenbox { margin-right: 15px;}
#contact.index #sec_3 .box2 .greenbox .bggreen { color: #FFF;font-size: 1.6rem; font-weight: bold; line-height: 1; padding: 7px 10px; letter-spacing: 0.06em; }
#contact.index #sec_3 .box2 { display: flex; justify-content: center; align-items: center; }
#contact.index #sec_3 .box2 .enbox { display: flex; align-items: center; }
#contact.index #sec_3 .box2 .enbox .free._1{ font-size: 2rem; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; font-weight: bold; margin-left: 0px; }
#contact.index #sec_3 .box2 .enbox .free._2 { font-size: 3.2rem; line-height: 1; }
#contact.index #sec_3 .boxlist.s2>li { display: flex; flex-direction: row; align-items: center; width: 100%; margin-top: 80px; }
#contact.index #sec_3 .boxlist.s2>li:first-child { margin-top: 0; }
#contact.index #sec_3 .boxlist.s2>li:nth-child(even) { flex-direction: row-reverse; }
#contact.index #sec_3 .boxlist.s2>li .txtbox { margin-right: 70px; width: 50%; }
#contact.index #sec_3 .boxlist.s2>li:nth-child(even) .txtbox { margin-left: 70px; margin-right: 0; }
#contact.index #sec_3 .boxlist.s2>li .imgbox { width: 50%; flex-shrink: 0; }
#contact.index #sec_3 .boxlist.s2>li .imgbox img { object-fit: cover; font-family: "object-fit: cover;"; display: block; width: 100%; height: 100%; }
#contact.index #sec_3 .boxlist.s2>li .greenbox { color: #FFF; margin-bottom: 40px; }
#contact.index #sec_3 .boxlist.s2>li .greenbox span { padding: 7px; line-height: 1; font-weight: bold; letter-spacing: 0.1em; }
#contact.index #sec_3 .btnbox { margin-top: 80px; }
@media screen and (max-width: 1100px) {
	#contact.index #sec_3 .boxlist.s2>li { display: flex; flex-direction: column; justify-content: center; align-items: center; }
	#contact.index #sec_3 .boxlist.s2>li:nth-child(even) { flex-direction: column; }
	#contact.index #sec_3 .boxlist.s2>li .txtbox { margin-right: 0; width: 100%; }
	#contact.index #sec_3 .boxlist.s2>li:nth-child(even) .txtbox { margin-left: 0; }
	#contact.index #sec_3 .boxlist.s2>li .copy.s2 { text-align: center; }
	#contact.index #sec_3 .boxlist.s2 li .imgbox { margin: 30px auto 0; width: 100%; max-width: 680px; }
	#contact.index #sec_3 .boxlist.s2>li .imgbox img { height: auto; }
	#contact.index #sec_3 .boxlist.s2>li .greenbox { margin-bottom: 30px; }
}
@media screen and (max-width: 767px) {
	#contact.index #sec_3 .box1 { margin-bottom: 60px; }
	#contact.index #sec_3 .box1 .copy.s1 { margin-bottom: 30px; }
	#contact.index #sec_3 .box1 .txt { text-align: justify; }
	#contact.index #sec_3 .box2 { margin-bottom: 30px; }
	#contact.index #sec_3 .box2 .greenbox { margin-right: 10px;}
	#contact.index #sec_3 .box2 .greenbox .bggreen { font-size: 1.4rem; padding: 6px 8px; }
	#contact.index #sec_3 .box2 .enbox .free._1{ font-size: 1.6rem; margin-left: 3px; }
	#contact.index #sec_3 .box2 .enbox .free._2 { font-size: 2.4rem; }
	#contact.index #sec_3 .boxlist.s2>li { margin-top: 60px; }
	#contact.index #sec_3 .boxlist.s2>li .greenbox { margin: 0 auto 20px; text-align: center; width: 100%;}
	#contact.index #sec_3 .btnbox { margin-top: 60px; }
}



/* sec_4 */
#contact.index #sec_4 { text-align: center; }
#contact.index #sec_4 .copy.s2 { text-align: center; }
@media screen and (max-width: 767px) {
	#contact.index #sec_4 .txt1 { text-align: justify; }
}

/* sec_5 */
#contact.index #sec_5 { text-align: center; }
#contact.index #sec_5 .zero { font-size: 6rem; font-weight: bold; display: flex;align-items: center;justify-content: center; line-height: 1; margin-bottom: 10px; }
#contact.index #sec_5 .zero .yugo { font-size: 2.8rem; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; font-weight: bold; }
#contact.index #sec_5 .copy.s2 { text-align: center; }
#contact.index #sec_5 .bookimg { margin-top: 40px; width: 200px; }
#contact.index #sec_5 .btnbox { margin-top: 45px; }
@media screen and (max-width: 767px) {
	#contact.index #sec_5 .txt1 { text-align: justify; }
	#contact.index #sec_5 .zero { font-size: 4rem; }
	#contact.index #sec_5 .zero .yugo { font-size: 2rem; }
	#contact.index #sec_5 .txt1 { text-align: justify; }
	#contact.index #sec_5 .bookimg { margin-top: 40px; width: 160px; }
}

/* sec_6 */
#contact.index #sec_6 .box1 { text-align: center; }
#contact.index #sec_6 .tel { font-size: 3.6rem; letter-spacing: 0.1em; }
#contact.index #sec_6 .timebox { font-size: 1.5rem; }
#contact.index #sec_6 .copy.s2 { text-align: center; }
#contact.index #sec_6 .txt1 { margin-bottom: 40px;}
@media screen and (max-width: 767px) {
	#contact.index #sec_6 .timebox { font-size: 1.3rem;  }
	#contact.index #sec_6 .tel { font-size: 2.8rem; }
	#contact.index #sec_6 .txt1 { text-align: justify; }
	#contact.index #sec_6 .timebox .inb.s1 { display: block; }

}

/* sec_6 */
#contact #main .privacycheck { text-align: center; margin-top: 60px; }
#contact #main .privacycheck a { text-decoration: underline; }
#contact #main .privacycheck a:hover { text-decoration: none; }
#contact #main .link.tc .btn { background-color: #00AF84; color: #FFF; padding: 30px 160px; font-size: 2rem; margin-top: 40px; text-align: center; transition: 0.6s;  }
#contact.check #main .link.tc .btn { padding: 30px 110px; }
#contact #main .link.tc .btn.reset { background-color: #ccc; margin-right: 10px; }
#contact #main .link.tc .btn:hover { background: #f7f7f7; color: #00AF84; }
#contact #main .link.tc .btn.reset:hover { background: #f7f7f7; color: #191919; }
@media screen and (max-width: 767px) {
	#contact #main .link.tc .btn { width: 100%; padding: 30px 0!important; font-size: 1.8rem; margin-top: 20px; }
	#contact #main .link.tc .btn.reset { margin-top: 30px; }
	#contact #main .link.tc .btn:hover { background: #00AF84; color: #FFF; }
	#contact #main .link.tc .btn.reset:hover { background: #ccc; color: #FFF; }

}