/* CSS Document */
@charset "UTF-8";

/*
@media(max-width:899px){
}*/

@media(max-width:899px){
	.sec_subhero {padding:0;overflow:hidden;}
	.sec_subhero .titles {position:static;width:100%;padding:3rem 3rem 4rem;}
	.sec_subhero .titles::after{content:"";width:4.5rem;height:4.5rem;background:#FFF;position:absolute;bottom:0;left:0;transform:translate(-50%,50%) rotate(45deg);}
	.sec_subhero .titles .names {padding-bottom:1.5rem;margin-bottom:1.5rem;}
	.sec_subhero .titles .names .num {}
	.sec_subhero .titles .names .name {font-size:2rem;}
	.sec_subhero .titles .names .since {font-size:1.3rem;}
	.sec_subhero .titles .text {font-size:1.3rem;line-height:2rem;min-height:initial;}
	
	.sec_subhero02{background:linear-gradient(to top ,#F5F5F5 9rem , transparent 9rem);}
	.sec_subhero02 .wrap{width:35rem;}
	.sec_subhero02 .wrap .etitle{font-size:4rem;margin-bottom:2rem;}
	.sec_subhero02 .wrap .names{margin-bottom:3rem;}


.top .sec_hero {position:relative;}
	.top .sec_hero .triangles {height:35rem;margin-bottom:3rem;}
	.top .sec_hero .triangles .tri01{width:8rem;top:calc(50% - 11rem);left:calc(50% -  16rem);}
	.top .sec_hero .triangles .tri02{width:5rem;top:calc(50% - 14rem);left:calc(50% -   5rem);}
	.top .sec_hero .triangles .tri03{width:2rem;top:calc(50% - 13rem);left:calc(50% +   5rem);}
	.top .sec_hero .triangles .tri04{width:4rem;top:calc(50% - 12rem);left:calc(50% +  14rem);}
	.top .sec_hero .triangles .tri05{width:2rem;top:calc(50% - 11rem);left:calc(50% -  10rem);}
	.top .sec_hero .triangles .tri06{width:3rem;top:calc(50% - 9rem);left:calc(50% +   10rem);}
	.top .sec_hero .triangles .tri07{width:5rem;top:calc(50% + 4rem);left:calc(50% +  13rem);}
	.top .sec_hero .triangles .tri08{width:4rem;top:calc(50% + 10rem);left:calc(50% -  13rem);}
	.top .sec_hero .triangles .tri09{width:7rem;top:calc(50% + 12rem);left:calc(50% -   7rem);}
	.top .sec_hero .triangles .tri10{width:4rem;top:calc(50% + 11rem);left:calc(50% +   7rem);}
	.top .sec_hero .triangles .tri11{width:6rem;top:calc(50% + 13rem);left:calc(50% +  17rem);}
	.top .sec_hero .triangles .tri12{width:2rem;top:calc(50% + 16rem);left:calc(50% +   5rem);}
	.top .sec_hero .titles {width:32.5rem;top:50%;}
	.top .sec_hero .titles .etitle {margin-bottom:2rem;}
	.top .sec_hero .titles .title {font-size:1.8rem;}
	.top .sec01 {margin-bottom:8rem;}
	.top .sec01 .wrap {width:35rem;}
	.top .sec01 .wrap .titles {margin-bottom:2rem;}
	.top .sec01 .wrap .titles .etitle {font-size:1.8rem;}
	.top .sec01 .wrap .titles .title {font-size:2.4rem;}
.top .sec01 .wrap .items {display:flex;flex-wrap:wrap;justify-content:space-between;}
	.top .sec01 .wrap .items .item {display:flex;flex-wrap:wrap;align-items:center;width:100%;}
	.top .sec01 .wrap .items .item + .item{margin-top:3rem;}
	.top .sec01 .wrap .items .item::after{bottom:2rem;}
.top .sec01 .wrap .items .item:hover{color:#93835F;}
.top .sec01 .wrap .items .item:hover::after{right:0.5rem;color:#93835F;}
	.top .sec01 .wrap .items .item .img {width:100%;margin: 0;}
	.top .sec01 .wrap .items .item .num {font-size:2.4rem;order:2;width:5rem;text-align:center;margin-right:2rem;}
	.top .sec01 .wrap .items .item .name {margin-bottom:0;margin-right:2rem;order:3;}
	.top .sec01 .wrap .items .item .year {font-size:1.3rem;order:4;}
	.top .sec01 .wrap .items .item .year::before{content:"(";}
	.top .sec01 .wrap .items .item .year::after{content:")";}
	.top .sec02 {margin-bottom:5rem;}
	.top .sec02 .wrap {width:35rem;}
	.top .sec02 .wrap .svg_tri{width:18rem;transform:translateY(-60%);}
	.top .sec02 .wrap .titles {margin-bottom:2rem;}
	.top .sec02 .wrap .titles .etitle {font-size:1.8rem;}
	.top .sec02 .wrap .titles .title {font-size:2.4rem;}
.top .sec02 .wrap .items {display:flex;flex-wrap:wrap;justify-content:space-between;}
	.top .sec02 .wrap .items .item {width:100%;display:flex;justify-content:space-between;align-items:center;}
	.top .sec02 .wrap .items .item:nth-child(n + 2){margin-top:1.5rem;}
	.top .sec02 .wrap .items .item:nth-child(5){margin-left:initial;}
	.top .sec02 .wrap .items .item:nth-child(7){margin-left:auto;margin-right:auto;}
	.top .sec02 .wrap .items .item .img {width:15rem;margin-bottom:0}
	.top .sec02 .wrap .items .item .texts {width:18.5rem;}
	.top .sec02 .wrap .items .item .name {font-size:1.6rem;margin-bottom:0.3rem;}
	.top .sec02 .wrap .items .item .text {font-size:1.2rem;text-align:justify;}
	.top .sec03 {padding:5rem 0;margin-bottom:0;}
	.top .sec03 .svg_tri{width:14rem;transform:translateY(-50%);}
	.top .sec03 .wrap {width:35rem;}
	.top .sec03 .wrap .titles {margin-bottom:2rem;}
	.top .sec03 .wrap .titles .etitle {font-size:1.8rem;}
	.top .sec03 .wrap .titles .title {font-size:2.4rem;}
.top .sec03 .wrap .items {display:flex;flex-wrap:wrap;justify-content:space-between;}
	.top .sec03 .wrap .items .item {width:100%;}
	.top .sec03 .wrap .items .item + .item{margin-top:3rem;}
	.top .sec03 .wrap .items .item:not(:last-child)::before{border-left:1.5rem solid transparent;border-top:1.5rem solid #FFF;border-right:1.5rem solid transparent;position:absolute;top:100%;left:50%;transform:translate(-50%,-1px);}
	.top .sec03 .wrap .items .item .name {font-size:1.6rem;padding-bottom:1.5rem;margin-bottom:1.5rem;}
	.top .sec03 .wrap .items .item .text {font-size:1.3rem;}
	.top .sec04 {padding-top:5rem;margin-bottom:5rem;}
	.top .sec04::before{width:30rem;height:30rem;z-index:-1;}
	.top .sec04 .wrap {width:35rem;}
.top .sec04 .wrap .titles {margin-bottom:3.5rem;}
	.top .sec04 .wrap .titles .etitle {font-size:1.8rem;}
	.top .sec04 .wrap .titles .title {font-size:2.4rem;}
	.top .sec04 .wrap .area {padding:1rem 1rem 2rem;}
	.top .sec04 .wrap .area::before{top:3rem;border-left: 1.5rem solid #93835F;border-top: 0.8rem solid transparent;border-bottom: 0.8rem solid transparent;}
	
.top .sec04 .wrap .area .names {margin-bottom:2rem;}
	.top .sec04 .wrap .area .names .name {font-size:2rem;padding-left:1.5rem;}
	.top .sec04 .wrap .area .names .text {font-size:1.3rem;}
.top .sec04 .wrap .area .items01 {}
.top .sec04 .wrap .area .items01 .item {}
.top .sec04 .wrap .area .items01 .item + .item{margin-top:2rem;}
	.top .sec04 .wrap .area .items01 .item .title {font-size:1.4rem;}
	.top .sec04 .wrap .area .items01 .item .text {font-size:1.3rem;}
.top .sec04 .wrap .area .items02 {margin-top:3rem;border-top:1px solid #EFEFEF;border-bottom:1px solid #EFEFEF;}
	.top .sec04 .wrap .area .items02 .item {font-size:1.3rem;background:initial;padding:0;}
.top .sec04 .wrap .area .items02 .item + .item{margin-top:1px;position:relative;}
.top .sec04 .wrap .area .items02 .item + .item::before{content:"";width:calc(100% - 25rem);height:1px;background:#EFEFEF;position:absolute;top:-1px;right:0;}
	.top .sec04 .wrap .area .items02 .item .title {width:100%;text-align:left;background:#F5F5F5;padding:0.5rem 1rem;}
	.top .sec04 .wrap .area .items02 .item .text {width:100%;padding:0.5rem 1rem 1.5rem;}
	.top .sec04 .wrap .area .entrylink {margin: 2rem auto 0;}
.top .sec04 .wrap .area .entrylink::after{content:"▲";font-size:1rem;transform:rotate(90deg);color:#93835F;transition:0.5s;display:inline-block;margin-left:0.5rem;}
.top .sec04 .wrap .area .entrylink:hover{color:#FFF;background:#93835F;}
.top .sec04 .wrap .area .entrylink:hover::after{color:#FFF;}
	.top .sec05 {margin-bottom:5rem;}
	.top .sec05 .wrap {width:35rem;}
	.top .sec05 .wrap .titles {margin-bottom:2rem;}
	.top .sec05 .wrap .titles .etitle {font-size:1.8rem;}
	.top .sec05 .wrap .titles .title {font-size:2.4rem;}
	
.top .sec05 .wrap .items{position:relative;padding-right:5rem;}
	.top .sec05 .wrap .items .caption{position:absolute;top:0;right:2.5rem;width:2.5rem;height:100%;border:1px dotted #0C112B;border-left:0;text-align:center;margin:0;}
	.top .sec05 .wrap .items .caption span{writing-mode: vertical-rl;text-orientation: upright;padding: 2rem 0;line-height:3rem;position:absolute;top:50%;right:-1.5rem;white-space: nowrap;}
	.top .sec05 .wrap .items .item{height:initial;padding:2rem;}
	.top .sec05 .wrap .items .item + .item{margin-top:2.5rem;padding:1.5rem;}
	.top .sec05 .wrap .items .item .num{font-size:1.4rem;}
	.top .sec05 .wrap .items .item .title{font-size:1.6rem;}
	.top .sec05 .wrap .items .item .btn{font-size:1.3rem;}
	.top .sec05 .wrap .items .item .text{font-size:1.3rem;}
	.top .sec05 .wrap .items .item .title + .text{margin-top:2rem;}
.top .sec05 .wrap .items .item .btn + .text{margin-top:1rem;}
	.top .sec05 .wrap .items .item01{width:28rem;}
	.top .sec05 .wrap .items .item02{width:28rem;}
	.top .sec05 .wrap .items .item03{width:28rem;}
	.top .sec05 .wrap .items .item04{width:28rem;}
	.top .sec05 .wrap .items .item05{width:28rem;}
	.top .sec05 .wrap .items .item03 .text{padding-left:0.5rem;}
	.top .sec05 .wrap .items .item03 .text span{width: 7rem;}
	.top .sec05 .wrap .items .item:not(:last-of-type)::before{border-left:0.8rem solid transparent;border-right:0.8rem solid transparent;border-top:1.2rem solid #0C112B;top:100%;left:50%;transform:translateX(-50%);}

	.top .sec05 .wrap .message {position:static;width:100%;font-size:1.4rem;text-align:center;padding:1rem;border-radius:1rem;color:#93835F;background:#FFFBE6;border:1px solid #93835F;box-sizing:border-box;margin-top:2rem;}


	.sec_entry {background:#3C414D;padding:3rem 0;}
	.sec_entry .wrap {width:35rem;}
	.sec_entry .wrap .item {padding:0;}
	.sec_entry .wrap .item .etitle {font-size:1.8rem;}
	.sec_entry .wrap .item .title {font-size:2.4rem;margin-bottom:2rem;}
	.sec_entry .wrap .item .text {font-size:1.3rem;}
	.sec_entry .wrap .item .entrylink {position:static;display:block;margin: 3rem auto 0;}



.p_interview {}
	.p_interview .sec01 {padding:4rem 0;}
	.p_interview .sec01 .wrap {width:35rem;}
	.p_interview .sec01 .wrap .deco {font-size:4rem;left:initial;right:0;transform:translateY(-100%);}
.p_interview .sec01 .wrap .items .item {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
	.p_interview .sec01 .wrap .items .item + .item{margin-top:3rem;padding-top:3rem;}
	.p_interview .sec01 .wrap .items .item .texts .name {font-size:1.8rem;line-height:2.6rem;margin-bottom:1rem;}
	.p_interview .sec01 .wrap .items .item .texts .text {font-size:1.3rem;line-height:2.4rem;}

	.p_interview .sec01 .wrap .items .item01 .img{margin-top:2rem;}
.p_interview .sec01 .wrap .items .item01 .texts{width:52rem;}
	.p_interview .sec01 .wrap .items .item03 .img{margin-bottom:2rem;}
.p_interview .sec01 .wrap .items .item03 .texts{width:52rem;}

	.p_interview .sec02 {padding:5rem 0 3rem;}
	.p_interview .sec02 .wrap {padding:4rem 2rem 2rem;width:35rem;}
	.p_interview .sec02 .wrap .titles {margin-bottom:3rem;}
	.p_interview .sec02 .wrap .titles .title {font-size:2.4rem;}
	.p_interview .sec02 .wrap .titles .etitle {font-size:1.8rem;}
	.p_interview .sec03 {padding:3rem 0;}
	.p_interview .sec03 .wrap {width:35rem;}
	.p_interview .sec03 .wrap .titles {margin-bottom:2rem;}
	.p_interview .sec03 .wrap .titles .title {font-size:2.4rem;}
	.p_interview .sec03 .wrap .items .item {}
	.p_interview .sec03 .wrap .items .item + .item{margin-top:2rem;}
	.p_interview .sec03 .wrap .items .item .img {width:18rem;}
	.p_interview .sec03 .wrap .items .item .texts {width:15rem;}
	.p_interview .sec03 .wrap .items .item .texts .time {font-size:1.6rem;}
	.p_interview .sec03 .wrap .items .item .texts .name {font-size:1.3rem;}

}