@charset "utf-8";
/* CSS Document */
/* アコーディオン */
.accordion {margin-left: auto; margin-right: auto; border-top: 1px solid #aaa;}
.ac-toggle {display: none;}
.ac-option {position: relative; margin-bottom: 0;}
.toggle:checked + .ac-title + .ac-content {max-height: 500px; transition: all 1.5s;}
.toggle:checked + .ac-title::before {transform: rotate(90deg) !important;}
.ac-title,.ac-content {-webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s;}
.ac-title {border-bottom: solid 1px #aaa; padding: 1em 2.5em 0.9em 0.3em; display: block;}
.ac-title::after,.ac-title::before {content: ""; position: absolute; right: 1.25em; top: 40%; width: 2px; height: 0.75em; background-color: #999; transition: all 0.3s;}
.ac-title::after {transform: rotate(90deg);}
.ac-content {max-height: 0; overflow: hidden;}
/* FAQ */
.ac-faq{line-height: 1.3em; letter-spacing: 0.05em; margin-bottom: 3%;}
.ac-faq label{}
.ac-faq .ac-content p{padding: 1.5em 0.5em 2.5em 2em; border-bottom: 1px solid #aaa; margin-bottom: 0;}
.ac-faq .ac-content span{display: block; font-size: 3em; margin-bottom: 25px;}

/* 画像切替 【子要素】 */
.switch-x2{position: absolute; object-fit: cover; opacity: 0; animation: change-img-anim 10s infinite;}
.switch-x2:nth-of-type(1) {animation-delay: 0s;}
.switch-x2:nth-of-type(2) {animation-delay: 5s;}
.switch-x3{position: absolute; object-fit: cover; opacity: 0; animation: change-img-anim 15s infinite;}
.switch-x3:nth-of-type(1) {animation-delay: 0s;}
.switch-x3:nth-of-type(2) {animation-delay: 5s;}
.switch-x3:nth-of-type(3) {animation-delay: 10s;}
@keyframes change-img-anim {
	0%{ opacity: 0;}
	50%{ opacity: 1;}
	100%{ opacity: 0;}
}

/* フルスクリーン */
.fullscreen{height: 100vh;}

/* Writing Area */
.writing-area1{width: 80%; max-width: 620px; margin-left: auto; margin-right: auto;}
.writing-area1-scroll{width: 90%; margin-left: auto; margin-right: 0;}
.writing-area2{width: 88%; max-width: 400px; margin-left: auto; margin-right: auto;}

/* Photo */
.photo1{display: block; width: 100%; margin-left: auto; margin-right: auto; max-width: 1786px; height: 45vh; object-fit: cover;}
.photo2{display: block; width: 100%; margin-left: auto; margin-right: auto; max-width: 1280px; height: 40vh; object-fit: cover;}
.photo3{display: block; width: 100%; margin-left: auto; margin-right: auto; max-width: 1786px; height: 55vh; object-fit: cover;}

/*
.photo1{width: 100%; max-width: 550px; margin: 5% auto 0;}
.photo1 img{display: block; width: 100%;}
.photo2,.photo3{width: 85%; margin-left: auto; margin-right: auto;}
.photo2 img,.photo3 img{display: block; width: 100%;}
.photo2{max-width: 680px;}
.photo3{max-width: 1000px;}
.photo4{display: block; width: 60%; margin-left: auto; margin-right: auto; max-width: 300px;}
.photo5{display: block; width: 100%; margin-left: auto; margin-right: auto; max-width: 500px;}
.photo6{display: block; width: 30%; margin-left: auto; margin-right: auto; max-width: 120px; border-radius: 50%;}
.photo7{display: block; width: 100%; margin-left: auto; margin-right: auto; max-width: 1280px; height: 40vh; object-fit: cover;}
.photo8{display: block; width: 100%; margin-left: auto; margin-right: auto; max-width: 1786px; height: 45vh; object-fit: cover;}
.photo9{display: block; width: 50%; margin-left: auto; margin-right: auto; max-width: 500px;}
.photo10{display: block; width: 80%; margin-left: auto; margin-right: auto; max-width: 600px;}
.down-big-arrow{display: block; width: 100px; margin: 20px auto 0;}
*/

/* feature */
.feature1{margin-bottom: 40px;}
.feature1 img,.feature1 video{display: block; width: 90%; margin: 0 auto 10px;}
.feature1 li article{width: 80%; margin-left: auto; margin-right: auto;}
.feature2{margin-bottom: 40px;}
.feature2 img,.feature2 video{display: block; width: 100%; margin-bottom: 10px;}
.feature2 li article{width: 80%; margin-left: auto; margin-right: auto;}

/* スクロール */
.scroll_list3,.scroll_list4,.scroll_list5,.scroll_list6,.scroll_list7,.wa3-scroll_list{margin-left: 1%; overflow-x: auto; white-space: nowrap; overflow-scrolling: touch; -webkit-overflow-scrolling: touch;}
.scroll_list3 li,.scroll_list4 li,.scroll_list5 li,.scroll_list6 li,.scroll_list7 li,.wa3-scroll_list li{vertical-align: top; display: inline-block; height: auto;}
.scroll_list3 li{width: 80%; margin-right: 1%;}
.scroll_list4 li,.scroll_list5 li,.scroll_list6 li{width: 46%; margin-right: 1%;}
.scroll_list7 li{width: 80%; margin-right: 1%;}
.wa3-scroll_list li{width: 75%; margin-right: 1%;}


/* Swiper */
/* card-a */
#card-a,#card-a2{overflow: hidden;}
#card-a .swiper,#card-a2 .swiper{overflow: visible;}
#card-a .swiper-wrapper,#card-a2 .swiper-wrapper{margin-bottom: 10px; padding-bottom: 20px; transition-timing-function: linear;}

/* card-mv */
#card-mv{overflow: hidden;}
#card-mv .inner{overflow: visible; margin-left: auto; margin-right: auto; max-width: 1540px;}
#card-mv .swiper{overflow: visible;}
#card-mv .swiper-wrapper{margin-bottom: 10px; padding-bottom: 30px;}
#card-mv .swiper-slide:not(.swiper-slide-visible){opacity: 0.5;}
#card-mv .swiper-button-prev,#card-mv .swiper-button-next{background-color:#666; color: #fff; width: 30px; height: 30px; border-radius: 50%;}
#card-mv .swiper-button-prev{margin-left: 0;}
#card-mv .swiper-button-next{margin-right: 0;}
#card-mv .swiper-controller [class^="swiper-button-prev"]::after,
#card-mv .swiper-controller [class^="swiper-button-next"]::after{font-size: 12px; font-weight: bold;}
#card-mv .swiper-pagination-bullet {background-color:#444; width: 10px; height: 10px;}

/* card01 */
#card01{overflow: hidden;}
#card01 .inner{overflow: visible; margin-left: auto; margin-right: auto; width: 80%; max-width: 440px;}
#card01 .swiper{overflow: visible;}
#card01 .swiper-wrapper{margin-bottom: 10px; padding-bottom: 35px;}
#card01 .swiper-slide:not(.swiper-slide-visible){opacity: 0.5;}
#card01 .swiper-button-prev,#card01 .swiper-button-next{background-color:#666; color: #fff; width: 30px; height: 30px; border-radius: 50%;}
#card01 .swiper-button-prev{margin-left: -9%;}
#card01 .swiper-button-next{margin-right: -9%;}
#card01 .swiper-controller [class^="swiper-button-prev"]::after,
#card01 .swiper-controller [class^="swiper-button-next"]::after{font-size: 12px; font-weight: bold;}
#card01 .swiper-pagination-bullet {background-color:#666; width: 10px; height: 10px;}

/* card02 */
#card02{overflow: hidden;}
#card02 .inner{overflow: visible; margin-left: auto; margin-right: auto; width: 80%; max-width: 440px;}
#card02 .swiper{overflow: visible;}
#card02 .swiper-wrapper{margin-bottom: 10px; padding-bottom: 35px;}
#card02 .swiper-slide:not(.swiper-slide-visible){opacity: 0.5;}
#card02 .swiper-button-prev,#card02 .swiper-button-next{background-color:#666; color: #fff; width: 30px; height: 30px; border-radius: 50%;}
#card02 .swiper-button-prev{margin-left: -9%;}
#card02 .swiper-button-next{margin-right: -9%;}
#card02 .swiper-controller [class^="swiper-button-prev"]::after,
#card02 .swiper-controller [class^="swiper-button-next"]::after{font-size: 12px; font-weight: bold;}
#card02 .swiper-pagination-bullet {background-color:#666; width: 10px; height: 10px;}

/* card03 */
#card03{overflow: hidden;}
#card03 .inner{overflow: visible; margin-left: auto; margin-right: auto; width: 80%; max-width: 440px;}
#card03 .swiper{overflow: visible;}
#card03 .swiper-wrapper{margin-bottom: 10px; padding-bottom: 35px;}
#card03 .swiper-slide:not(.swiper-slide-visible){opacity: 0.5;}
#card03 .swiper-button-prev,#card03 .swiper-button-next{background-color:#666; color: #fff; width: 30px; height: 30px; border-radius: 50%;}
#card03 .swiper-button-prev{margin-left: -9%;}
#card03 .swiper-button-next{margin-right: -9%;}
#card03 .swiper-controller [class^="swiper-button-prev"]::after,
#card03 .swiper-controller [class^="swiper-button-next"]::after{font-size: 12px; font-weight: bold;}
#card03 .swiper-pagination-bullet {background-color:#444; width: 10px; height: 10px;}

/* card04 */
#card04{overflow: hidden;}
#card04 .inner{overflow: visible; margin-left: auto; margin-right: auto; width: 80%; max-width: 440px;}
#card04 .swiper{overflow: visible;}
#card04 .swiper-wrapper{margin-bottom: 10px; padding-bottom: 35px;}
#card04 .swiper-slide:not(.swiper-slide-visible){opacity: 0.5;}
#card04 .swiper-button-prev,#card04 .swiper-button-next{background-color:#666; color: #fff; width: 30px; height: 30px; border-radius: 50%;}
#card04 .swiper-button-prev{margin-left: -9%;}
#card04 .swiper-button-next{margin-right: -9%;}
#card04 .swiper-controller [class^="swiper-button-prev"]::after,
#card04 .swiper-controller [class^="swiper-button-next"]::after{font-size: 12px; font-weight: bold;}
#card04 .swiper-pagination-bullet {background-color:#444; width: 10px; height: 10px;}

/* box */
.box0{width: 100%;}
.box1{height: 375px; position: relative;}
.box2{height: 300px; position: relative;}
.box3{height: 270px;}
.box3 img{display: block; width: 80px; margin: 0 0 15px 10%; padding-top: 25px;}
.box3 p{width: 80%; margin: 0 auto 10px; max-width: 300px;}
.box4{height: 315px; position: relative;}
.box-picture1 img{display: block; height: 350px; width: 100%; object-fit: cover;}
.box-picture2 img{display: block; height: 300px; width: 100%; object-fit: cover;}
.box-picture-top img{display: block; width: 100%; height: 180px; object-fit: cover;}
.box-picture-bottom img{display: block; position: absolute; bottom: 0; left: 0; width: 100%;}
.box-txt{width: 86%; margin: 20px auto 0;}
.box-txt-top{position: absolute; top: 30px; left: 10%; width: 80%; z-index: 2;}
.box-txt-bottom{position: absolute; bottom: 20px; left: 10%; width: 80%; z-index: 2;}


/* contents-banner */
.contents-banner{position: relative; overflow: hidden;}
.contents-banner img{width: 100%; object-fit: cover; transition: transform 0.4s;}
.contents-banner img:hover{transform: scale(1.15);}
.contents-banner dl{position: absolute; bottom: 30px; width: 100%;}
.contents-banner dl dt{width: 80%; margin: 0 auto 15px; line-height: 1.3em;}
.contents-banner dl dt span{display: block; font-size: 0.9em; margin: 0 0 3px; font-weight: bold;}
.contents-banner dl dd{width: 125px; display: block; margin-left: auto; margin-right: auto; padding: 8px 0; text-align: center; font-size: 0.85em; background-color: #eeebe6; border: 1px solid #666;}
.contents-banner dl dd:hover{background-color: #fff;}
.cb350 img{height: 280px;}
.cb450 img{height: 450px;}

/* application */
.application{width: 98%; margin: 0 auto; padding: 2px 0 10px;}
.application li{width: 94%; margin: 0 auto 10px;}
.application li dl dt{width: 100%; position: relative; padding: 30px 0 0;}
.application li dl dt span{display: block; left: 15px; width: 60px; height: 60px; border-radius: 50%; padding-top: 10px; font-size: 1.9em;}
.application li dl dt h3,.application li dl dt h4{margin: 0 15px 15px 100px; font-size: 1.2em; font-weight: bold; letter-spacing: 0.05em; line-height: 1.3em;}
.application li dl dt p{margin: 0 15px 10px 100px; font-size: 0.9em; font-weight: normal; letter-spacing: 0.05em; line-height: 1.4em;}
.application li dl dd{width: 100%;}
.application li dl dd img{width: 57%; margin: 0 3% 0 40%;}


/* spec2-2 */
.spec2-2{margin: 25px 0;}
.spec2-2 dt{font-size: 0.9em; letter-spacing: 0.05em; margin-bottom: 5px;}
.spec2-2 dd{font-size: 1.5em; letter-spacing: 0.02em;}
.spec2-2 dd span{font-size: 0.65em; margin-left: 3px;}
.sp22-b1{border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.sp22-b2{border-bottom: 1px solid #ddd;}
.sp22-b3{border-right: 1px solid #ddd;}
.sp-txt-area{width: 94%; margin: 0 auto; max-width: 980px;}


/* spec2-3 */
.spec2-3{margin: 25px 0;}
.spec2-3 dt{font-size: 0.85em; letter-spacing: 0.05em; margin-bottom: 5px;}
.spec2-3 dd{font-size: 1.4em; letter-spacing: 0.02em;}
.spec2-3 dd span{font-size: 0.65em; margin-left: 3px;}
.sp23-b1{border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.sp23-b2{border-bottom: 1px solid #ddd;}
.sp23-b3{border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.sp23-b4{border-bottom: 1px solid #ddd;}
.sp23-b5{border-right: 1px solid #ddd;}


/* spec2-4 */
.spec2-4{margin: 25px 0;}
.spec2-4 dt{font-size: 0.9em; letter-spacing: 0.05em; margin-bottom: 15px;}
.spec2-4 dd{font-size: 1em; letter-spacing: 0.03em; line-height: 1.4em; padding: 0 10% 5%;}
.sp24-mo-b1{border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.sp24-mo-b2{border-bottom: 1px solid #ddd;}
.sp24-mo-b3{border-right: 1px solid #ddd;}


/* profile-area */
.prf-area{width: 90%; max-width: 300px; margin: 40px auto 40px;}
.prf-area p{font-size: 0.9em; line-height: 1.4em; letter-spacing: 0.02em; margin-bottom: 15px;}
.prf-container2{display: none;}
.prf-portrait{display: block; width: 30%; margin-left: auto; margin-right: auto; max-width: 120px; border-radius: 50%;}


/* 方眼紙 */
.houganshi{background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),
	linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
	background-size: 16px 16px; background-repeat: repeat; background-position: center center; padding: 20px;
	background-color: #f1fbff;}


@media screen and (min-width: 35.5em){
/* 568px */
/* Writing Area */
.writing-area1{width: 70%;}
.writing-area2{max-width: 550px;}

/* Photo */
.photo1,.photo2{height: 50vh;}
/*
.photo7{height: 50vh;}
.photo8{height: 50vh;}
.down-big-arrow{width: 120px;}
*/

/* feature */
.feature1,.feature2{margin-bottom: 50px;}
.feature1 img,.feature1 video{width: 80%; margin: 0 auto 15px;}
.feature2 img,.feature2 video{margin-bottom: 15px;}
.feature1 li article,.feature2 li article{width: 70%; max-width: 430px; margin-left: 10%;}

/* スクロール */
.scroll_list3 li{width: 61%;}
.scroll_list4 li,.scroll_list5 li,.scroll_list6 li{width: 38%;}
.scroll_list7 li{width: 65%;}
.wa3-scroll_list li{width: 44%;}

/* card01 */
#card01 .inner{width: 85%; max-width: 560px;}
#card01 .swiper-button-prev,#card01 .swiper-button-next{width: 35px; height: 35px;}
/* card02 */
#card02 .inner{width: 85%; max-width: 560px;}
#card02 .swiper-button-prev,#card02 .swiper-button-next{width: 35px; height: 35px;}
/* card03 */
#card03 .inner{width: 85%; max-width: 480px;}
#card03 .swiper-button-prev,#card03 .swiper-button-next{width: 35px; height: 35px;}
/* card04 */
#card04 .inner{width: 85%; max-width: 600px;}
#card04 .swiper-button-prev,#card04 .swiper-button-next{width: 35px; height: 35px;}

/* box */
.box1{height: 450px;}
.box3{height: 285px;}
.box4{height: 370px;}
.box-picture1 img{height: 450px;}
.box-picture-top img{height: 230px;}
.box-txt{width: 80%;}

/* contents-banner */
.contents-banner dl dt{width: 70%; font-size: 1.05em;}
.contents-banner dl dd{font-size: 0.9em;}
.cb350 img{height: 300px;}
.cb450 img{height: 470px;}

/* application */
.application li{width: 100%;}
.application li dl dt{width: 66%; padding: 50px 0 0;}
.application li dl dd{width: 34%;}
.application li dl dd img{width: 97%;margin: 7% 3% 0 0;}

/* spec2-2 */
.spec2-2 dt{font-size: 1em;}
.spec2-2 dd{font-size: 2.3em;}
.spec2-2 dd span{font-size: 0.5em;}
.sp-txt-area{width: 80%;}

/* spec2-3 */
.spec2-3{margin: 35px 0;}
.spec2-3 dt{font-size: 0.95em; margin-bottom: 10px;}
.spec2-3 dd{font-size: 1.8em;}

/* spec2-4 */
.spec2-4 dt{font-size: 0.95em;}
.spec2-4 dd{font-size: 1.1em; padding: 0 15% 5%;}

/* profile-area */
.prf-area{display: flex; flex-flow: row wrap; justify-content: space-between; width: 100%; max-width: 660px;}
.prf-container1{order: 1; width: 50%;}
.prf-container2{order: 3; width: 50%;}
.prf-container3{order: 2; width: 50%;}
.prf-area p{width: 80%; margin: 0 auto 20px; font-size: 0.95em; line-height: 1.5em;}

	
}

@media screen and (min-width: 48em){
/* 768px */
/* FAQ */
.ac-faq .ac-content{position: relative;}
.ac-faq .ac-content p{padding: 1.5em 2em 2.5em 7em;}
.ac-faq .ac-content span{position: absolute; top: 40px; left: 2%; font-size: 4em;}

/* Writing Area */
.writing-area1{width: 60%;}
.writing-area1-scroll{width: 90%; margin-left: auto; margin-right: auto; max-width: 1000px;}
.writing-area2{max-width: 680px;}

/* Photo */
.photo1,.photo2{height: 60vh;}
.photo3{height: 70vh;}
/*
.photo2{width: 100%;}
.photo5{max-width: 700px;}
.photo7{height: 60vh;}
.photo8{height: 60vh;}
*/

/* スクロール */
.scroll_list3 li{width: 44%;}
.scroll_list4 li{width: 31%;}
.scroll_list5 li,.scroll_list6 li{width: 26%;}
.scroll_list7 li{width: 46%;}
.wa3-scroll_list{margin-left: 0; display: flex; flex-flow: row wrap; justify-content: space-between;}
.wa3-scroll_list li{width: 32%;}

/* card-mv */
#card-mv .swiper-button-prev,#card-mv .swiper-button-next{width: 40px; height: 40px;}
/* card01 */
#card01 .inner{width: 90%; max-width: 750px;}
#card01 .swiper-button-prev{margin-left: -5%;}
#card01 .swiper-button-next{margin-right: -5%;}
#card01 .swiper-button-prev,#card01 .swiper-button-next{width: 40px; height: 40px;}
/* card02 */
#card02 .inner{width: 90%; max-width: 750px;}
#card02 .swiper-button-prev{margin-left: -5.6%;}
#card02 .swiper-button-next{margin-right: -5.6%;}
#card02 .swiper-button-prev,#card02 .swiper-button-next{width: 40px; height: 40px;}
/* card03 */
#card03 .inner{width: 90%; max-width: 780px;}
#card03 .swiper-button-prev{margin-left: -5.6%;}
#card03 .swiper-button-next{margin-right: -5.6%;}
#card03 .swiper-button-prev,#card03 .swiper-button-next{width: 40px; height: 40px;}
/* card04 */
#card04 .inner{width: 90%; max-width: 750px;}
#card04 .swiper-button-prev{margin-left: -5.6%;}
#card04 .swiper-button-next{margin-right: -5.6%;}
#card04 .swiper-button-prev,#card04 .swiper-button-next{width: 40px; height: 40px;}

/* box */
.box0{width: 49.5%;}
.box1{height: 500px;}
.box2{height: 350px;}
.box3 img{width: 70px; margin: 0 0 15px 15%; padding-top: 30px;}
.box3 p{width: 70%;}
.box4{height: 490px;}
.box-picture1 img{height: 500px;}
.box-picture2 img{height: 350px;}
.box-picture-top img{height: 270px;}
.box-txt{width: 70%; margin-top: 30px;}
.box-txt-top{top: 35px; width: 70%;}
.box-txt-bottom{width: 70%;}

/* contents-banner */
.contents-banner dl dt{width: 88%;}
.contents-banner dl dd{font-size: 0.85em;}
.cb350 img{height: 280px;}
.cb450 img{height: 430px;}

/* application */
.application li{width: 98%; max-width: 860px;}
.application li dl dt{width: 70%; padding: 60px 0 0;}
.application li dl dt span{left: 30px;}
.application li dl dt h3,.application li dl dt h4{margin: 0 20px 15px 130px; font-size: 1.4em;}
.application li dl dt p{margin: 0 20px 10px 130px; font-size: 1em;}
.application li dl dd{width: 30%;}
.application li dl dd img{width: 95%;margin: 5% 2% 0 3%;}

/* spec2-2 */
.spec2-2{margin: 50px 0;}
.spec2-2 dt{font-size: 1.1em; font-weight: bold; margin-bottom: 10px;}
.spec2-2 dd{font-size: 3.5em;}
.spec2-2 dd span{font-size: 0.35em;}
.sp-txt-area{width: 75%;}

/* spec2-3 */
.spec2-3{margin: 40px 0;}

/* spec2-4 */
.spec2-4 dt{margin-bottom: 10px;}
.spec2-4 dd{font-size: 1em; padding: 0 10%;}
.sp24-mo-b1,.sp24-mo-b2,.sp24-mo-b3{border: 0;}
.sp24-b1{border-left: 1px solid #ddd;}
.sp24-b2{border-right: 1px solid #ddd; border-left: 1px solid #ddd;}

/* profile-area */
.prf-area{width: 80%;}


}

@media screen and (min-width: 64em){
/* 1024px */
/* アコーディオン */
.ac-title {padding: 1.4em 2.5em 1.3em 0.3em;}
/* FAQ */
.ac-faq{width: 80%; margin-bottom: 2%;}
.ac-faq label{font-size: 1.05em;}

/* Writing Area */
.writing-area2{max-width: 900px;}

/* Photo */
.photo1,.photo2{height: 70vh;}
.photo3{height: 95vh;}
/*
.photo1{width: 90%;}
.photo1 img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin: auto;}
.photo4{max-width: 500px;}
.photo7{height: 70vh;}
.photo8{height: 70vh;}
.down-big-arrow{width: 200px;}
*/

/* feature */
.feature1,.feature2{margin-bottom: 80px;}
.feature1 li,.feature2 li{position: relative;}
.feature1 li article,.feature2 li article{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin-left: auto;}
.feature1 li article{width: 90%;}
.feature2 li article{width: 80%;}
.feature1 img,.feature1 video{width: 90%; margin: 0 auto;}
.feature2 img,.feature2 video{margin-bottom: 0;}

/* スクロール */
.scroll_list3,.scroll_list4,.scroll_list5,.scroll_list6{margin-left: 0; display: flex; flex-flow: row wrap; justify-content: space-between;}
.scroll_list7{display: flex; flex-flow: row wrap;}
.scroll_list3 li{width: 32.3%;}
.scroll_list4 li{width: 24%;}
.scroll_list5 li{width: 19%;}
.scroll_list6 li{width: 15.6%;}
.scroll_list7 li{width: 32.3%;}

/* card01 */
#card01 .inner{max-width: 900px;}
#card01 .swiper-button-prev,#card01 .swiper-button-next{width: 50px; height: 50px;}
/* card02 */
#card02 .inner{max-width: 1100px;}
#card02 .swiper-button-prev{margin-left: -4%;}
#card02 .swiper-button-next{margin-right: -4%;}
#card02 .swiper-button-prev,#card02 .swiper-button-next{width: 50px; height: 50px;}
/* card03 */
#card03 .inner{max-width: 1100px;}
#card03 .swiper-button-prev{margin-left: -4.5%;}
#card03 .swiper-button-next{margin-right: -4.5%;}
#card03 .swiper-button-prev,#card03 .swiper-button-next{width: 50px; height: 50px;}
/* card04 */
#card04 .inner{max-width: 1100px;}
#card04 .swiper-button-prev{margin-left: -4.5%;}
#card04 .swiper-button-next{margin-right: -4.5%;}
#card04 .swiper-button-prev,#card04 .swiper-button-next{width: 50px; height: 50px;}

/* box */
.box1{height: 610px;}
.box4{height: 610px;}
.box-picture1 img{height: 600px;}
.box-picture-top img{height: 330px;}
.box-txt{width: 60%; margin-top: 40px;}
.box-txt-top{top: 50px; width: 80%;}
.box-txt-bottom{width: 80%;}

/* contents-banner */
.contents-banner dl{display: flex; flex-flow: row wrap; justify-content: space-between; flex-direction: row-reverse; width: 90%; left: 5%;}
.contents-banner dl dt span{display: inline-block; font-size: 1.1em; margin:0 8px 0 0;}
.contents-banner dl dt{width: 65%; font-size: 1.1em;}
.contents-banner dl dd{width: 30%; height: 35px; margin-top: 7px; max-width: 150px;}
.cb350 img{height: 350px;}
.cb450 img{height: 500px;}

/* application */
.application li{max-width: 1000px;}
.application li dl dt{width: 73%; padding: 85px 0 0;}
.application li dl dt span{left: 40px;}
.application li dl dt h3,.application li dl dt h4{margin: 0 40px 15px 150px; font-size: 1.6em;}
.application li dl dt p{margin: 0 40px 10px 150px; font-size: 1.1em;}
.application li dl dd{width: 27%;}
.application li dl dd img{width: 95%;margin: 8% 2% 0 3%;}

/* spec2-2 */
.spec2-2{margin: 60px 0;}
.spec2-2 dt{font-size: 1.3em;}
.spec2-2 dd{font-size: 4.6em;}
.spec2-2 dd span{font-size: 0.35em;}

/* spec2-3 */
.sp23-b2{border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.sp23-b3{border-right: 0; border-bottom: 1px solid #ddd;}
.sp23-b4{border-right: 1px solid #ddd; border-bottom: 0;}

/* spec2-4 */
.spec2-4 dd{font-size: 1.15em; padding: 0 15% 5%;}

/* profile-area */
.prf-area{width: 90%; max-width: 800px; margin: 60px auto;}
.prf-area p{width: 90%;}
.prf-container1{order: 1; width: 33%;}
.prf-container2{order: 2; width: 33%; display: block;}
.prf-container3{order: 3; width: 33%;}
.prf-vanish{display: none;}


}

@media screen and (min-width: 80em){
/* 1280px */
/* FAQ */
.ac-faq{width: 70%;}

/* Writing Area */
.writing-area2{max-width: 940px;}

/* Photo */
.photo1{height: 75vh;}
.photo2{height:auto; object-fit: unset;}
/*
.photo7{height:auto; object-fit: unset;}
.photo8{height: 75vh;}
*/

/* feature */
.feature1 li article{width: 80%;}
.feature1 img,.feature1 video{width: 100%;}

/* card02 */
#card02 .inner{max-width: 1280px;}
#card02 .swiper-button-prev{margin-left: -3.5%;}
#card02 .swiper-button-next{margin-right: -3.5%;}
/* card03 */
#card03 .inner{max-width: 1280px;}
#card03 .swiper-button-prev{margin-left: -3.5%;}
#card03 .swiper-button-next{margin-right: -3.5%;}
/* card04 */
#card04 .inner{max-width: 1786px;}
#card04 .swiper-button-prev{margin-left: -3%;}
#card04 .swiper-button-next{margin-right: -3%;}

/* box */
.box0{width: 49.6%;}
.box1{height: 670px;}
.box2{height: 400px;}
.box3{height: 300px;}
.box3 img{margin: 0 0 15px 13%; padding-top: 40px;}
.box3 p{width: 74%;}
.box4{height: 660px;}
.box-picture1 img{height: 650px;}
.box-picture2 img{height: 400px;}
.box-picture-top img{height: 380px;}
.box-txt-top{width: 65%;}
.box-txt-bottom{width: 65%;}

/* contents-banner */
.contents-banner dl{width: 80%; left: 10%;}
.contents-banner dl dt{font-size: 1.15em;}
.contents-banner dl dd{margin-top: 9px; font-size: 0.9em;}
.cb350 img{height: 430px;}
.cb450 img{height: 530px;}

/* spec2-2 */
.spec2-2 dd{font-size: 5em;}

/* spec2-3 */
.spec2-3{margin: 45px 0;}
.spec2-3 dt{font-size: 1em;}
.spec2-3 dd{font-size: 2.4em;}

/* spec2-4 */
.spec2-4 dt{font-size: 1em; margin-bottom: 25px;}
.spec2-4 dd{font-size: 1.35em; padding: 0 20% 5%;}

/* 投稿リスト */
.new-post-list{width: 90%;}


}