@charset "UTF-8";
/* 
	
CSS page.css */


/*
base #262626
*/



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


#index


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

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

/* #sec_1 */
#index #sec_1 { padding-top: 160px; position: relative; }
#index #sec_1:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 70%; background: #f7f7f7; z-index: -1;}
#index #sec_1 .incnt { display: flex; margin-bottom: 60px;  flex-wrap: wrap; align-items: center; }
#index #sec_1 .incnt .copy { margin-right: 80px; }
#index #sec_1 .incnt .txt1 { flex: 1; }
#index #sec_1 .incnt>.link { width: 220px; text-align: right; }
#index #sec_1 .imgbox { display: flex; justify-content: space-between; align-items: flex-end; width: 1280px; max-width: 88%; margin: 0 auto; }
#index #sec_1 .imgbox>div { width: 31.2%; height: 280px; }
#index #sec_1 .imgbox>div img { object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
#index #sec_1>.link { margin-top: 50px; text-align: center; }
@media screen and (max-width: 1180px) {
	#index #sec_1 .incnt>.link { width: 200px; }
	#index #sec_1 .incnt .copy { margin-right: 60px; }
}
@media screen and (max-width: 1040px) {
	#index #sec_1 .imgbox>div { width: 33.33%; height: 250px; }
	#index #sec_1 .incnt .copy { margin-right: 8%; }
	#index #sec_1 .incnt>.link { width: 100%; text-align: center; margin-top: 40px; }
}
@media screen and (max-width: 767px) { 
	#index #sec_1 { padding-top: 100px; }
	#index #sec_1 .incnt .copy { margin-right: 60px; }
	#index #sec_1 .incnt>.link { display: block; width: 100%; text-align: center; margin-top: 30px; }
	#index #sec_1 .imgbox { display: block; }
	#index #sec_1 .imgbox>div { width: 100%; height: 400px; }
	#index #sec_1>.link { display: none; }
}
@media screen and (max-width: 500px) {
	#index #sec_1 .imgbox>div { height: auto; }
	#index #sec_1 .incnt { display: block; }
	#index #sec_1 .incnt .txt1 { flex: none; }
	#index #sec_1 .incnt .copy { margin-right: 0; margin-bottom: 30px; }
}

/* #sec_2 */
#index #sec_2 { margin-bottom: 100px; }
#index #sec_2 li { height: calc(450px + 10vw); width: 100%; }
#index #sec_2 li .inbox { height: 100%; width: 100%; display: flex; align-items: center; background: #f7f7f7; }
#index #sec_2 li .txtbox { width: 50%; padding: 0 10%; box-sizing: border-box; }
#index #sec_2 li .imgbox { width: 50%; height: 100%; }
#index #sec_2 li .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
#index #sec_2 li:nth-child(2) .inbox { flex-direction: row-reverse; }
#index #sec_2 li .txtbox .logo { margin: 0 auto 20px; }
#index #sec_2 li:nth-child(1) .txtbox .logo { width: 270px; }
#index #sec_2 li:nth-child(2) .txtbox .logo { width: 180px; }
#index #sec_2 li .txtbox .link { text-align: center; margin-top: 30px; }
@media screen and (max-width: 1280px) {
	#index #sec_2 li { height: 600px; width: 100%; }
	#index #sec_2 li .txtbox { padding: 0 6%; }
}
@media screen and (max-width: 767px) {
	#index #sec_2 { margin-bottom: 60px; }
	#index #sec_2 li { height: auto; }
	#index #sec_2 li .inbox { height: auto; display: block; }
	#index #sec_2 li .txtbox,
	#index #sec_2 li .imgbox { width: 100%; }
	#index #sec_2 li .imgbox { height: 400px; }
	#index #sec_2 li .txtbox { padding: 40px 6%; }
	#index #sec_2 li .txtbox .logo { margin: 0 auto 10px; }
	#index #sec_2 li:nth-child(1) .txtbox .logo { width: 180px; }
	#index #sec_2 li:nth-child(2) .txtbox .logo { width: 120px; }
	#index #sec_2 li .txtbox .link { margin-top: 20px; }
}
@media screen and (max-width: 500px) {
	#index #sec_2 li .imgbox { height: auto; }
	#index #sec_2 li .txtbox { padding: 40px 6%; }
}

/* #sec_3 */
#index #sec_3 .incnt { display: flex; justify-content: space-between; }
#index #sec_3 .box { height: 240px; width: 48%; margin-bottom: 40px; position: relative; overflow: hidden;}
#index #sec_3 .box.bon { height: 320px; width: 100%; margin-bottom: 0; }
#index #sec_3 .box a { display: flex; justify-content: center; align-items: center; text-decoration:none; width: 100%; height: 100%;  }
#index #sec_3 .box a .bg { position: absolute; top: 0; left: 0; object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; transition: 0.6s; z-index: -1; }
#index #sec_3 .box a:hover .bg { transform: scale(1.05); }
#index #sec_3 .box a .txtbox { padding: 20px 0; width: 220px; background: #fff; display: flex; justify-content: center; align-items: center; }
#index #sec_3 .box a .logo img { width: 148px; }
#index #sec_3 .box.store a .logo img { width: 104px; }
#index #sec_3 .box.store a .txtbox { }
#index #sec_3 .box.store a .txt1 { text-align: center; line-height: 1.4; margin-left:0; margin-top: 5px; font-family: 'Cambay', sans-serif; letter-spacing: 0.14em; }
#index #sec_3 .box.bon a .txtbox { padding: 0; margin-top: 30px; width: auto; background: none; display: inline-block; }
#index #sec_3 .box.bon a .logo img { width: 340px; }
#index #sec_3 .box.bon a .txt1 { text-align: center; line-height: 1.8; font-size: 1.8rem; margin-top: 30px; color: #fff; }
@media screen and (max-width: 767px) {
	#index #sec_3 .incnt { display: block; }
	#index #sec_3 .box { height: 200px; width: 100%; margin-bottom: 20px; }
	#index #sec_3 .box.bon { height: 250px; }
	#index #sec_3 .box a .txtbox { padding: 20px 0; width: 180px; }
	#index #sec_3 .box a .logo img { width: 100px; }
	#index #sec_3 .box.store a .logo img { width: 74px; }
	#index #sec_3 .box.bon a .logo img { width: 240px; }
	#index #sec_3 .box.bon a .txt1 { font-size: 1.6rem; margin-top: 20px; }
}
@media screen and (max-width: 500px) {
	#index #sec_3 .box.bon a .txtbox { margin-top: 20px; }
}

/* #sec_4 */
#index #sec_4 { }

/* #sec_5 */
#index #sec_5 .link { margin-top: 50px; text-align: center; }
@media screen and (max-width: 1040px) {
	#index #sec_5 .link { position: static; text-align: center; margin-top: 40px; }
	#index #sec_5 .link .btn { min-width: 320px; }
}
@media screen and (max-width: 767px) { 
	#index #sec_5 .link { margin-top: 40px; }
}

/* #sec_6 */
#index #sec_6 { }















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


#piccolomondo


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

/* common */
#piccolomondo {  }
#piccolomondo #mainv.under { background-image: url(../img/piccolomondo/mv_bg.jpg); }
#piccolomondo #mainv.under .box.left .logo { width: 270px; }
@media screen and (max-width: 767px) { 
    #piccolomondo #mainv.under .box.left .logo { width: 200px; }
}

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

/* #sec_2 */
#piccolomondo #sec_2 .imgbox.s1 { display: flex; align-items:flex-start; margin-bottom: 60px; }
#piccolomondo #sec_2 .txt1 { margin-bottom: 60px; }
#piccolomondo #sec_2 .imgbox { }
@media screen and (max-width: 767px) { 
	#piccolomondo #sec_2 .imgbox.s1 { display: block; margin-bottom: 40px; }
	#piccolomondo #sec_2 .txt1 { margin-bottom: 40px; }
}

/* #sec_3 */
#piccolomondo #sec_3 .imgbox { margin-bottom: 60px; }
#piccolomondo #sec_3 .link { text-align: center; margin-top: 40px; }
@media screen and (max-width: 767px) { 
	#piccolomondo #sec_3 .imgbox { margin-bottom: 30px; }
	#piccolomondo #sec_3 .link { margin-top: 30px; }
}

/* #sec_4 */
#piccolomondo #sec_4 .inbox { height: calc(450px + 10vw); width: 100%; display: flex; align-items: center; background: #f7f7f7; flex-direction: row-reverse; }
#piccolomondo #sec_4 .inbox .txtbox { width: 50%; padding: 0 10%; box-sizing: border-box; }
#piccolomondo #sec_4 .inbox .imgbox { width: 50%; height: 100%; }
#piccolomondo #sec_4 .inbox .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
#piccolomondo #sec_4 .inbox br.adj { display: none; }
#piccolomondo #sec_4 .inbox .txtsmall { margin-bottom: 20px; }
#piccolomondo #sec_4 .inbox .name { margin-bottom: 30px; }
#piccolomondo #sec_4 .inbox .link { text-align: left; margin-top: 40px; }
#piccolomondo #sec_4 .mapbox .map { margin: 60px 0 40px; height: 500px; }
#piccolomondo #sec_4 .mapbox .txt2 { text-align: center; }
#piccolomondo #sec_4 .mapbox .link { text-align: center; margin-top: 40px; }
@media screen and (max-width: 1280px) {
	#piccolomondo #sec_4 .inbox { height: 600px; width: 100%; }
	#piccolomondo #sec_4 .inbox .txtbox { padding: 0 6%; }
}
@media screen and (max-width: 767px) {
	#piccolomondo #sec_4 .inbox { height: auto; display: block; }
	#piccolomondo #sec_4 .inbox .txtbox,
	#piccolomondo #sec_4 .inbox .imgbox { width: 100%; }
	#piccolomondo #sec_4 .inbox .imgbox { height: 400px; }
	#piccolomondo #sec_4 .inbox .txtbox { padding: 40px 6%; }
	#piccolomondo #sec_4 .inbox .link { margin-top: 30px; }
	#piccolomondo #sec_4 .mapbox .map { margin: 40px 0 30px; height: 320px; }
	#piccolomondo #sec_4 .mapbox .link { margin-top: 30px; }
}
@media screen and (max-width: 500px) {
	#piccolomondo #sec_4 .inbox .imgbox { height: auto; }
	#piccolomondo #sec_4 .inbox .txtbox { padding: 40px 6%; }
	#piccolomondo #sec_4 .mapbox .txt2 { text-align: justify; }
}

/* #sec_5 */
#piccolomondo #sec_5 { }

/* #sec_6 */
#piccolomondo #sec_6 .box { background: #f7f7f7; padding: 60px 6%;text-align: center;  margin-bottom: 40px;}
#piccolomondo #sec_6 .txt1 span { font-size: 2.0rem; }
#piccolomondo #sec_6 a { text-decoration: none; position: relative; }
#piccolomondo #sec_6 .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; } 
#piccolomondo #sec_6 .inbox { display: flex; background: #f7f7f7; align-items: center; }
#piccolomondo #sec_6 .inbox .imgbox.s2 { height: 330px; width: 420px; overflow: hidden; }
#piccolomondo #sec_6 .inbox .imgbox.s2 a { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center;  }
#piccolomondo #sec_6 .inbox .imgbox.s2 a:hover .bg { transform: scale(1.1); }
#piccolomondo #sec_6 .inbox .imgbox.s2 .bg { position: absolute; top: 0; left: 0; transition: 0.6s; }
#piccolomondo #sec_6 .inbox .imgbox.s2 .box2 { background: #fff;  padding: 20px 40px; z-index: 1;}
#piccolomondo #sec_6 .inbox .imgbox.s2 .box2 .logo img { width: 148px; }
#piccolomondo #sec_6 .inbox .txtbox { flex:1; text-align: center; }
#piccolomondo #sec_6 .inbox .txtbox .box2 .mail .link img { width: 24px; }
#piccolomondo #sec_6 .inbox .txtbox .txt2 { font-size: 1.8rem; margin-bottom: 20px; }
#piccolomondo #sec_6 .inbox .txtbox .teltxt a { font-size: 3.6rem; font-family: 'Cambay', sans-serif; letter-spacing: 0.1em; line-height: 1.2; }
#piccolomondo #sec_6 .inbox .txtbox .teltxt img { width: 24px; margin-right: 10px; vertical-align: -2px; }
#piccolomondo #sec_6 .inbox .txtbox .txtsmall {letter-spacing: 0.05em;line-height: 1.2;margin-bottom: 20px;}
#piccolomondo #sec_6 .inbox .txtbox .box1 {display: flex; justify-content: center; }
#piccolomondo #sec_6 .inbox .txtbox .box1 .mail { font-size: 3.0rem; font-family: 'Cambay', sans-serif; letter-spacing: 0.1em; line-height: 1.7; margin-right: 40px; }
#piccolomondo #sec_6 .inbox .txtbox .box1 .mail img { width: 24px; margin-right: 10px; vertical-align: 0px; }
#piccolomondo #sec_6 .inbox .txtbox .box1 .line { font-size: 2.4rem; font-weight: bold; line-height:1.4;}
#piccolomondo #sec_6 .inbox .txtbox .box1 .line span { font-size: 2.8rem; font-weight: bold;  }
#piccolomondo #sec_6 .inbox .txtbox .box1 .line span span { font-size: 1.3rem; display: block; }
#piccolomondo #sec_6 .inbox .txtbox .box1 .line img { width: 30px; margin-right: 10px; vertical-align: -3px; }
#piccolomondo #sec_6 .inbox .txtbox a:hover { opacity: 0.5; }
@media screen and (max-width: 1180px) {
	#piccolomondo #sec_6 .inbox .txtbox .box1 { display: block; }
	#piccolomondo #sec_6 .inbox .txtbox .box1 .mail { margin-right: 0; }
}
@media screen and (max-width: 1040px) {
	#piccolomondo #sec_6 .inbox { display: block; background: none; }
	#piccolomondo #sec_6 .inbox .txtbox { background: #f7f7f7; padding: 60px 6%; }
	#piccolomondo #sec_6 .inbox .imgbox.s2 { width: 100%; height: 280px; margin-top: 40px; }
} 
@media screen and (max-width: 767px) { 
	#piccolomondo #sec_6 .box { background: #f7f7f7; padding: 40px 6%;text-align: justify; }
	#piccolomondo #sec_6 .txt1 span { font-size: 1.6rem; }
	#piccolomondo #sec_6 .inbox .imgbox.s2 { height: 240px; margin-top: 20px; }
	#piccolomondo #sec_6 .inbox .txtbox .txt2 { font-size: 1.6rem; }
	#piccolomondo #sec_6 .inbox .txtbox .teltxt a { font-size: 2.8rem;}
	#piccolomondo #sec_6 .inbox .txtbox .teltxt img { width: 20px; margin-right: 5px; }
	#piccolomondo #sec_6 .inbox .txtbox .box1 .mail { font-size: 2.4rem;  }
    #piccolomondo #sec_6 .inbox .txtbox .box1 .mail img { width: 20px; margin-right: 5px; vertical-align: 0px; }
    #piccolomondo #sec_6 .inbox .txtbox .box1 .line { font-size: 1.8rem; }
    #piccolomondo #sec_6 .inbox .txtbox .box1 .line span { font-size: 2.0rem; }
    #piccolomondo #sec_6 .inbox .txtbox .box1 .line img { width: 24px; margin-right: 5px; vertical-align: -4px; }
}
@media screen and (max-width: 500px) {
	#piccolomondo #sec_6 .inbox .txtbox { padding: 40px 6%; }
}







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


#fu-u：共通


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

#fu-u #main .sec_intro .inwrap { padding: 120px 80px 120px; margin-top: 0;}
#fu-u #main .sec_intro .lnav { background: #262626; padding: 40px 6%; margin-top: -60px; text-align: center; }
#fu-u #main .sec_intro .lnav li { color: #fff; font-size:1.8rem; display: inline-block; margin: 5px 15px; }
#fu-u #main .sec_intro .lnav li a { color: #fff; text-decoration: none; font-weight: bold; position: relative; }
#fu-u #main .sec_intro .lnav li a:after { content: ""; position: absolute; bottom: -9px; height: 2px; width: 0; left: 50%; margin-left: 0; background: #fff; transition: 0.4s cubic-bezier(0.25, 1, 0.5, 1); font-size: 0; }
#fu-u #main .sec_intro .lnav li.current a:after ,
#fu-u #main .sec_intro .lnav li a:hover:after { width: calc(100% + 16px); margin-left: calc(-8px - 50%); }
#fu-u #main .sec_intro .lnav li.current a { pointer-events: none; }
@media screen and (max-width: 1040px) { 
	#fu-u #main .sec_intro .inwrap { padding: 80px 8%; }
}
@media screen and (max-width: 767px) { 
	#fu-u #main .sec_intro .inwrap { padding: 60px 8%; }
    #fu-u #main .sec_intro .lnav { padding: 30px 6%; margin-top: -40px; }
    #fu-u #main .sec_intro .lnav li { color: #fff; font-size:1.6rem; margin: 3px 7px; }
    #fu-u #main .sec_intro .lnav li a:hover { text-decoration: none; }
}
@media screen and (max-width: 500px) { 
	#fu-u #main .sec_intro .inwrap { padding: 40px 6%; }
    #fu-u #main .sec_intro .lnav { margin-top: -30px; }
    #fu-u #main .sec_intro .lnav li { display:block; }
}



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


#fu-u.index


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

/* common */
#fu-u.index {  }
#fu-u.index #mainv.under { background-image: url(../img/fu-u/index/mv_bg.jpg); }
#fu-u.index #mainv.under .box.left .logo { width: 220px; }
@media screen and (max-width: 767px) { 
    #fu-u.index #mainv.under .box.left .logo { width: 140px; }
}

/* #sec_1 */
#fu-u.index #sec_1 {  }
@media screen and (max-width: 767px) { 
}

/* #sec_2 */
#fu-u.index #sec_2 {  }
#fu-u.index #sec_2 .txt1 { margin-bottom: 60px; }
#fu-u.index #sec_2 .list1 { display: flex; align-items: flex-start; flex-wrap: wrap; margin-top: -30px; margin-bottom: 60px; }
#fu-u.index #sec_2 .list1 li { width: 25%; margin-top: 30px; text-align: center; }
#fu-u.index #sec_2 .list1 li .name { margin-top: 10px; }
@media screen and (max-width: 1040px) { 
}
@media screen and (max-width: 767px) { 
	#fu-u.index #sec_2 .txt1 { margin-bottom: 30px; }
	#fu-u.index #sec_2 .list1 { margin-top: -20px; margin-bottom: 40px; }
	#fu-u.index #sec_2 .list1 li { width: 50%; margin-top: 20px; }
}
@media screen and (max-width: 500px) { 
}

/* #sec_2 */
#fu-u.index #sec_2 .box { height: 240px; margin-top: 40px; position: relative; overflow: hidden;}
#fu-u.index #sec_2 .box.bon { height: 320px; width: 100%; margin-bottom: 0; }
#fu-u.index #sec_2 .box a { display: flex; justify-content: center; align-items: center; text-decoration:none; width: 100%; height: 100%;  }
#fu-u.index #sec_2 .box a .bg { position: absolute; top: 0; left: 0; object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; transition: 0.6s; z-index: -1; }
#fu-u.index #sec_2 .box a:hover .bg { transform: scale(1.05); }
#fu-u.index #sec_2 .box a .txtbox { padding: 20px 0; width: 220px; background: #fff; display: flex; justify-content: center; align-items: center; }
#fu-u.index #sec_2 .box.store a .logo img { width: 104px; }
#fu-u.index #sec_2 .box.store a .txtbox { }
#fu-u.index #sec_2 .box.store a .txt1 { text-align: center; line-height: 1.4; margin-left:0; margin-top: 5px; font-family: 'Cambay', sans-serif; letter-spacing: 0.14em; margin-bottom: 0; }
#fu-u.index #sec_2 .box.bon a .txtbox { padding: 0; margin-top: 30px; width: auto; background: none; display: inline-block; }
#fu-u.index #sec_2 .box.bon a .logo img { width: 340px; }
#fu-u.index #sec_2 .box.bon a .txt1 { text-align: center; line-height: 1.8; font-size: 1.8rem; margin-top: 30px; color: #fff; }
@media screen and (max-width: 767px) {
	#fu-u.index #sec_2 .incnt { display: block; }
	#fu-u.index #sec_2 .box { height: 200px; width: 100%; margin-bottom: 20px; }
	#fu-u.index #sec_2 .box.bon { height: 250px; }
	#fu-u.index #sec_2 .box a .txtbox { padding: 20px 0; width: 180px; }
	#fu-u.index #sec_2 .box a .logo img { width: 100px; }
	#fu-u.index #sec_2 .box.store a .logo img { width: 74px; }
	#fu-u.index #sec_2 .box.bon a .logo img { width: 240px; }
	#fu-u.index #sec_2 .box.bon a .txt1 { font-size: 1.6rem; margin-top: 20px; }
}
@media screen and (max-width: 500px) {
	#fu-u.index #sec_2 .box.bon a .txtbox { margin-top: 20px; }
}

/* #sec_3 */
/* #sec_4 */
/* #sec_6 */
#fu-u.index #sec_3 .imgbox,
#fu-u.index #sec_4 .imgbox,
#fu-u.index #sec_6 .imgbox { margin-bottom: 60px; }
#fu-u.index #sec_3 .link, 
#fu-u.index #sec_4 .link,
#fu-u.index #sec_6 .link { text-align: center; margin-top: 40px; }
@media screen and (max-width: 767px) { 
	#fu-u.index #sec_3 .imgbox,
	#fu-u.index #sec_4 .imgbox,
	#fu-u.index #sec_6 .imgbox { margin-bottom: 30px; }
	#fu-u.index #sec_3 .link, 
	#fu-u.index #sec_4 .link,
	#fu-u.index #sec_6 .link { margin-top: 30px; }
}

/* #sec_5 */
#fu-u.index #sec_5 .inbox { height: calc(450px + 10vw); width: 100%; display: flex; align-items: center; background: #f7f7f7; flex-direction: row-reverse; }
#fu-u.index #sec_5 .inbox .txtbox { width: 50%; box-sizing: border-box; display: flex; justify-content: center; }
#fu-u.index #sec_5 .inbox .imgbox { width: 50%; height: 100%; }
#fu-u.index #sec_5 .inbox .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
#fu-u.index #sec_5 .inbox br.adj { display: none; }
#fu-u.index #sec_5 .inbox .txtsmall { margin-bottom: 20px; }
#fu-u.index #sec_5 .inbox .name { margin-bottom: 30px; }
#fu-u.index #sec_5 .inbox .link { text-align: left; margin-top: 40px; }
#fu-u.index #sec_5 .mapbox .map { margin: 60px 0 40px; height: 500px; }
#fu-u.index #sec_5 .mapbox .link { text-align: center; margin-top: 40px; }
#fu-u.index #sec_5 .mapbox .txt2 { text-align: center; }
@media screen and (max-width: 1280px) {
	#fu-u.index #sec_5 .inbox { height: 600px; width: 100%; }
	#fu-u.index #sec_5 .inbox .txtbox { padding: 0 6%; }
}
@media screen and (max-width: 767px) {
	#fu-u.index #sec_5 .inbox { height: auto; display: block; }
	#fu-u.index #sec_5 .inbox .txtbox,
	#fu-u.index #sec_5 .inbox .imgbox { width: 100%; }
	#fu-u.index #sec_5 .inbox .imgbox { height: 400px; }
	#fu-u.index #sec_5 .inbox .txtbox { padding: 40px 6%; }
	#fu-u.index #sec_5 .inbox .link { margin-top: 30px; }
	#fu-u.index #sec_5 .mapbox .map { margin: 40px 0 30px; height: 320px; }
	#fu-u.index #sec_5 .mapbox .link { margin-top: 30px; }
}
@media screen and (max-width: 500px) {
	#fu-u.index #sec_5 .inbox .imgbox { height: auto; }
	#fu-u.index #sec_5 .inbox .txtbox { padding: 40px 6%; }
	#fu-u.index #sec_5 .mapbox .txt2 { text-align: justify; }
}



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


#fu-u.school


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

/* common */
#fu-u.school {  }
#fu-u.school #mainv.under { background-image: url(../img/fu-u/school/mv_bg.jpg); }

/* #sec_2 */
#fu-u.school #sec_2 .txt1 { text-align: center; }
#fu-u.school #sec_2 .list1 { margin-top: 60px; }
#fu-u.school #sec_2 .list1 li { margin-bottom: 60px; position: relative; }
#fu-u.school #sec_2 .list1 li .txtbox { position: absolute; bottom: 40px; left: 0; padding: 50px 70px; background: #f7f7f7; text-align: center; width: 440px; box-sizing: border-box; z-index: 1;}
#fu-u.school #sec_2 .list1 li .txtbox .title { font-size: 2.0rem; font-weight: bold; margin-bottom: 20px; }
#fu-u.school #sec_2 .list1 li .txtbox .title span { font-size: 3.8rem; font-family: 'Cambay', sans-serif; letter-spacing: 0.1em; display: block; line-height: 1.2; }
#fu-u.school #sec_2 .list1 li .txtbox .txt2 { text-align: justify; }
#fu-u.school #sec_2 .list1 li .imgbox { width: 70%; height: 460px; margin-left: 30%; }
#fu-u.school #sec_2 .list1 li:nth-child(2) { margin-bottom: 0; }
#fu-u.school #sec_2 .list1 li:nth-child(2) .imgbox { margin-left: 0; }
#fu-u.school #sec_2 .list1 li:nth-child(2) .txtbox { left: auto; right: 0; }
#fu-u.school #sec_2 .list1 li .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
@media screen and (max-width: 767px) {
	#fu-u.school #sec_2 .txt1 { text-align: justify; }
	#fu-u.school #sec_2 .list1 li { margin-bottom: 40px; }
	#fu-u.school #sec_2 .list1 { margin-top: 30px; }
	#fu-u.school #sec_2 .list1 li .txtbox { position: static; padding: 40px 6%; width: 100%; }
	#fu-u.school #sec_2 .list1 li .txtbox .title { font-size: 1.8rem; margin-bottom: 10px; }
	#fu-u.school #sec_2 .list1 li .txtbox .title span { font-size: 3.0rem; line-height: 1; }
	#fu-u.school #sec_2 .list1 li .imgbox { width: 100%; height: auto; margin-left: 0; } 
}
@media screen and (max-width: 500px) {
	#fu-u.school #sec_2 .list1 li .txtbox { padding: 30px 6%; }
	#fu-u.school #sec_2 .list1 li { margin-bottom: 20px; }
}


/* #sec_3 */
#fu-u.school #sec_3 .inbox { padding: 60px 150px; background: #f7f7f7; text-align: center; }
#fu-u.school #sec_3 .txtbox { margin-bottom: 40px; }
#fu-u.school #sec_3 .txtbox .copy.s3 { margin-bottom: 10px; }
#fu-u.school #sec_3 .txtbox .copy.s3 span { font-weight: bold; }
#fu-u.school #sec_3 .list1 { padding-top: 40px; border-top: 1px solid #ccc; text-align: left; }
@media screen and (max-width: 1180px) {
	#fu-u.school #sec_3 .inbox { padding: 60px 8%; }
}
@media screen and (max-width: 1180px) {
	#fu-u.school #sec_3 .inbox { padding: 40px 6%; }
	#fu-u.school #sec_3 .txtbox { margin-bottom: 30px; }
	#fu-u.school #sec_3 .list1 { padding-top: 30px; }
}
@media screen and (max-width: 500px) {
	#fu-u.school #sec_3 .inbox { padding: 30px 6%; }
	#fu-u.school #sec_3 .txtbox .copy.s3 { margin: 10px 0; font-size: 2.0rem; }
	#fu-u.school #sec_3 .txtbox .copy.s3 span { display: block; font-weight: normal; font-size: 1.4rem; }
}

/* #sec_4 */
#fu-u.school #sec_4 { }


/* #sec_5 */
#fu-u.school #sec_5 .link { text-align: center; }
@media screen and (max-width: 767px) { 
}



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


#fu-u.maintenance


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

/* common */
#fu-u.maintenance {  }
#fu-u.maintenance #mainv.under { background-image: url(../img/fu-u/maintenance/mv_bg.jpg); }

/* flowlist */
#fu-u.maintenance #main .flowlist li { margin-bottom: 40px; display: flex; justify-content: space-between; flex-direction: row-reverse; }
#fu-u.maintenance #main .flowlist li:last-child { margin-bottom: 0; }
#fu-u.maintenance #main .flowlist li .imgbox { width: 50%; }
#fu-u.maintenance #main .flowlist li .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
#fu-u.maintenance #main .flowlist li .txtbox { flex: 1; padding-top: 60px; margin-right:10px; padding-right:50px; border-top: 1px solid #ccc; }
#fu-u.maintenance #main .flowlist li .txtbox .txten { margin-bottom: 5px; line-height: 1; font-size: 1.3rem;}
#fu-u.maintenance #main .flowlist li .txtbox .num { font-size: 2.8rem; margin-left: 10px; vertical-align: middle; }
#fu-u.maintenance #main .flowlist li .txtbox .title { font-size: 2.0rem; font-weight: bold; margin-bottom: 20px; }
@media screen and (max-width: 1040px) { 
	#fu-u.maintenance #main .flowlist li .txtbox { padding-right: 6%; padding-top: 40px; margin-right: 10px;  }
}
@media screen and (max-width: 767px) {
	#fu-u.maintenance #main .flowlist li { margin-bottom: 0; display: block; }
	#fu-u.maintenance #main .flowlist li .imgbox { width: 100%; margin-left: 0; }
	#fu-u.maintenance #main .flowlist li .txtbox { flex: none; padding: 30px 0 50px; margin: 0; border:none; }
	#fu-u.maintenance #main .flowlist li .txtbox .txten { font-size: 1.2rem;}
	#fu-u.maintenance #main .flowlist li .txtbox .num { font-size: 2.2rem; margin-left: 5px;}
	#fu-u.maintenance #main .flowlist li .txtbox .title { font-size: 1.6rem; margin-bottom: 20px; }
}
@media screen and (max-width: 500px) {
	#fu-u.maintenance #main .flowlist li .txtbox { flex: none; padding: 30px 0 40px; }
	#fu-u.maintenance #main .flowlist li .txtbox .title { margin-bottom: 10px;}
}

/* #sec_1 */
#fu-u.maintenance #sec_1 .sec_intro { padding-bottom: 80px; }
#fu-u.maintenance #sec_1 .inav { text-align: center; padding-top: 70px; }
#fu-u.maintenance #sec_1 .inav li { display: inline-block; margin: 0 20px; }
#fu-u.maintenance #sec_1 .inav li a { text-decoration: none; display: block; position: relative; }
#fu-u.maintenance #sec_1 .inav li a:after { content: ""; background: #262626; height: 1px; width: 100%; font-size: 0; position: absolute; bottom: 0px; left: 50%; margin-left: -50%;}
#fu-u.maintenance #sec_1 .inav li a:hover:after { animation: inav-hover 0.6s 0s 1 normal both;}
@media screen and (max-width: 767px) { 
	#fu-u.maintenance #sec_1 .sec_intro { padding-bottom: 50px; }
	#fu-u.maintenance #sec_1 .inav { padding-top: 50px; }
	#fu-u.maintenance #sec_1 .inav li { margin: 0 15px; }
}
@media screen and (max-width: 500px) {
	#fu-u.maintenance #sec_1 .inav { }
	#fu-u.maintenance #sec_1 .inav li { margin: 0 auto 10px; display: block; text-align: center; }
	#fu-u.maintenance #sec_1 .inav li a { display: inline-block; }
	#fu-u.maintenance #sec_1 .inav li a:after { bottom: 2px;}
	#fu-u.maintenance #sec_1 .inav li a:hover:after { animation: none; }
} 
@keyframes inav-hover {
	0% { width: 0; margin-left: 0; }
	100% { width: 100%; margin-left: -50%; }
}

/* #sec_2 */
#fu-u.maintenance #sec_2 .txt1 { text-align: center; margin-bottom: 40px; }
@media screen and (max-width: 767px) {
    #fu-u.maintenance #sec_2 .txt1 { margin-bottom: 30px; text-align: justify; }
}

/* #sec_3 */
#fu-u.maintenance #sec_3 .txt1 { text-align: center; margin-bottom: 40px; }
#fu-u.maintenance #sec_3 .box1 { margin-top: 20px; padding: 20px 30px; background: #f7f7f7; }
@media screen and (max-width: 767px) {
    #fu-u.maintenance #sec_3 .txt1 { margin-bottom: 30px; }
	#fu-u.maintenance #sec_3 .box1 { padding: 20px 6%; }
}

/* #sec_4 */
#fu-u.maintenance #sec_4 .txt1 { text-align: center; margin-bottom: 40px; }
@media screen and (max-width: 767px) {
    #fu-u.maintenance #sec_4 .txt1 { margin-bottom: 30px; }
}

/* #sec_5 */
#fu-u.maintenance #sec_5 .copy.s3 { text-align: center; margin-bottom: 40px; }
#fu-u.maintenance #sec_5 .box { height: 240px; margin-top: 40px; position: relative; overflow: hidden;}
#fu-u.maintenance #sec_5 .box a { display: flex; justify-content: center; align-items: center; text-decoration:none; width: 100%; height: 100%;  }
#fu-u.maintenance #sec_5 .box a .bg { position: absolute; top: 0; left: 0; object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; transition: 0.6s; z-index: -1; }
#fu-u.maintenance #sec_5 .box a:hover .bg { transform: scale(1.05); }
#fu-u.maintenance #sec_5 .box a .txtbox { padding: 20px 0; width: 220px; background: #fff; display: flex; justify-content: center; align-items: center; }
#fu-u.maintenance #sec_5 .box a .logo img { width: 104px; }
#fu-u.maintenance #sec_5 .box a .txt1 { text-align: center; line-height: 1.4; margin-left:0; margin-top: 5px; font-family: 'Cambay', sans-serif; letter-spacing: 0.14em; margin-bottom: 0; }
@media screen and (max-width: 767px) {
    #fu-u.maintenance #sec_5 .copy.s3 { margin-bottom: 30px; text-align: justify; }
    #fu-u.maintenance #sec_5 .copy.s3 br { display: none; }
	#fu-u.maintenance #sec_5 .box { height: 200px; width: 100%; margin-bottom: 20px; }
	#fu-u.maintenance #sec_5 .box a .txtbox { padding: 20px 0; width: 180px; }
	#fu-u.maintenance #sec_5 .box a .logo img { width: 74px; }
}

/* #sec_6 */
#fu-u.maintenance #sec_6 .link { text-align: center; }
@media screen and (max-width: 767px) { 
}
















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


#flower-display


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

/* common */
#flower-display {  }
#flower-display #mainv.under { background-image: url(../img/flower-display/mv_bg.jpg); }
#flower-display #mainv.under .box.left .logo { width: 270px; margin-bottom: 40px; }
@media screen and (max-width: 767px) { 
    #flower-display #mainv.under .box.left .logo { width: 200px; margin-bottom: 20px; }
}

/* #sec_1 */
#flower-display #sec_1 {  }
@media screen and (max-width: 767px) { 
}

/* #sec_2 */
#flower-display #sec_2 { text-align: center; }
#flower-display #sec_2 .box { margin-bottom: 80px; }
#flower-display #sec_2 .box .copy { }
#flower-display #sec_2 .box .txt1 { margin-bottom: 30px; }
#flower-display #sec_2 .box .txt2 { margin-bottom: 30px; }
#flower-display #sec_2 .box .txtsmall { margin-bottom: 30px; }
#flower-display #sec_2 .box .list1 { display: flex; justify-content: space-between; }
#flower-display #sec_2 .box .list1 li { width: 23.5%; }
#flower-display #sec_2 .box .list1 .txtbox { margin-top: 25px; }
#flower-display #sec_2 .box .list1 .txtbox .name { border: 1px solid #262626; padding: 0 20px; display: inline-block; margin-bottom: 10px; }
@media screen and (max-width: 1040px) {
	#flower-display #sec_2 .box .list1 { flex-wrap: wrap; margin-top: -30px; }
	#flower-display #sec_2 .box .list1 li { width: 47%; margin-top: 30px;}
} 
@media screen and (max-width: 767px) { 
	#flower-display #sec_2 .box { margin-bottom: 50px; }
	#flower-display #sec_2 .box .copy { }
	#flower-display #sec_2 .box .txt1 { margin-bottom: 20px; text-align: justify; }
	#flower-display #sec_2 .box .txt1 br { display: none; }
	#flower-display #sec_2 .box .txt2 { margin-bottom: 20px; padding: 10px 15px; background: #f7f7f7; }
	#flower-display #sec_2 .box .txtsmall { margin-bottom: 20px; }
	#flower-display #sec_2 .box .list1 .txtbox { margin-top: 20px; }
	#flower-display #sec_2 .box .list1 .txtbox .name { padding: 0 15px; }
}
@media screen and (max-width: 500px) { 
	#flower-display #sec_2 .box .list1 { display: block; margin-top: 0; }
	#flower-display #sec_2 .box .list1 li { width: 100%; }
	#flower-display #sec_2 .box .list1 li:first-child { margin-top: 0; }
}

/* #sec_3 */
#flower-display #sec_3 .box { background: #f7f7f7; padding: 60px 6%;text-align: center; }
#flower-display #sec_3 .txt1 span { font-size: 2.0rem; }
@media screen and (max-width: 767px) { 
	#flower-display #sec_3 .box { background: #f7f7f7; padding: 40px 6%;text-align: justify; }
	#flower-display #sec_3 .txt1 span { font-size: 1.6rem; }
}

/* #sec_4 */
#flower-display #sec_4 .list1 {  }
#flower-display #sec_4 .list1 li { margin-bottom: 40px; display: flex; justify-content: space-between; flex-direction: row-reverse; }
#flower-display #sec_4 .list1 li:last-child { margin-bottom: 0; }
#flower-display #sec_4 .list1 li .imgbox { width: 50%; margin-left: 60px; }
#flower-display #sec_4 .list1 li .imgbox img { object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
#flower-display #sec_4 .list1 li .txtbox { flex: 1; margin: 20px 0; }
#flower-display #sec_4 .list1 li .txtbox .txten { margin-bottom: 10px; line-height: 1; font-size: 1.3rem;}
#flower-display #sec_4 .list1 li .txtbox .num { font-size: 2.8rem; margin-left: 10px; vertical-align: middle; }
#flower-display #sec_4 .list1 li .txtbox .title { font-size: 2.0rem; font-weight: bold; margin-bottom: 20px; }
@media screen and (max-width: 1040px) { 
	#flower-display #sec_4 .list1 li .imgbox { margin-left: 6%; }
}
@media screen and (max-width: 767px) {
	#flower-display #sec_4 .list1 li { margin-bottom: 0; display: block; }
	#flower-display #sec_4 .list1 li .imgbox { width: 100%; margin-left: 0; }
	#flower-display #sec_4 .list1 li .txtbox { flex: none; padding: 20px 0 50px; }
	#flower-display #sec_4 .list1 li .txtbox .txten { font-size: 1.2rem;}
	#flower-display #sec_4 .list1 li .txtbox .num { font-size: 2.2rem; margin-left: 5px;}
	#flower-display #sec_4 .list1 li .txtbox .title { font-size: 1.6rem; margin-bottom: 20px; }
}
@media screen and (max-width: 500px) {
	#flower-display #sec_4 .list1 li .txtbox { flex: none; padding: 20px 0 40px; }
}

/* #sec_5 */
#flower-display #sec_5 {  }












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


#gallery


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

/* #sec_1 */
#gallery #sec_1 .inav { text-align: center; margin-bottom: 60px; }
#gallery #sec_1 .inav li { display: inline-block; margin: 0 10px; }
#gallery #sec_1 .inav li a { text-decoration: none; display: block; position: relative; }
#gallery #sec_1 .inav li a:after { content: ""; background: #262626; height: 1px; width: 100%; font-size: 0; position: absolute; bottom: 0px; left: 50%; margin-left: -50%;}
#gallery #sec_1 .inav li a:hover:after { animation: inav-hover 0.6s 0s 1 normal both;}
#gallery #sec_1 .thumblist { display: flex; flex-wrap: wrap; max-width: 1600px; margin: 0 auto; padding: 0 6%; }
#gallery #sec_1 .thumblist li { width: 33.33%; height: 24vw; cursor: pointer; overflow: hidden;  display: flex; justify-content: center; align-items: center; position: relative; background: #000; }
#gallery #sec_1 .thumblist li img { position: absolute; top: 0; left: 0; object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; transition: 0.6s; z-index: 1; }
#gallery #sec_1 .thumblist li:hover img { transform: scale(1.1); opacity: 0.6; }
#gallery #sec_1 .thumblist li .cap { color: #fff; font-weight: bold; z-index: 2; opacity: 0; transition: 0.6s; }
#gallery #sec_1 .thumblist li:hover .cap { opacity: 1; }

/* popbg */
#gallery #sec_1 .popbg { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1000; pointer-events: none;}
#gallery #sec_1 .popbg { background: #262626; opacity: 0; z-index: 999; transition: 1s 0.5s; }
#gallery #sec_1.open .popbg { opacity: 0.8; transition: 1s; pointer-events: auto; }
/* popuplist */
#gallery #sec_1 .popuplist  { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1000; pointer-events: none;}
#gallery #sec_1 .popuplist li { width: 100%; height: 100%; display: flex; align-items: flex-end; position: absolute; top: 0; left: 0; pointer-events: none; }
#gallery #sec_1 .popuplist li p.img { right: 0; bottom: 0; margin: auto; display: flex; align-items: center; justify-content: center; z-index: 1; position: absolute; top: 0; left: 0;  opacity: 0; transform: scale(1.1); transition: 1s cubic-bezier(0.25, 1, 0.5, 1);}
#gallery #sec_1 .popuplist li p.img img { max-width: none; }
#gallery #sec_1 .popuplist li .txtbox { z-index: 2; margin: 0 8%; margin-bottom: 60px; }
#gallery #sec_1 .popuplist li .txtbox .title p { font-size: 2.0rem; font-weight: bold; background: #fff; display: inline-block; padding: 8px 15px; line-height: 1; transition: 1s cubic-bezier(0.25, 1, 0.5, 1); margin-left: -10px; opacity: 0;}
#gallery #sec_1 .popuplist li .txtbox .title._txt{ margin-top: 10px; }
#gallery #sec_1 .popuplist li .txtbox .title._txt p{ font-size: 1em; font-weight: normal; line-height: 1.8; }
#gallery #sec_1 .popuplist li .txtbox .txten p { margin: 10px 0; background: #fff; display: inline-block; padding: 8px 15px 3px; line-height: 1;transition: 1s cubic-bezier(0.25, 1, 0.5, 1); margin-left: -10px; opacity: 0;}
#gallery #sec_1 .popuplist li .txtbox .txt { margin: 5px 0 20px; background: #fff; display: inline-block; padding: 10px 15px; line-height: 1.8; font-size: 1.5rem; transition: 1s cubic-bezier(0.25, 1, 0.5, 1); margin-left: -10px; opacity: 0; }
#gallery #sec_1.open .popuplist li.current .txtbox .title p { margin-left: 0; opacity: 1; transition: 1.5s cubic-bezier(0.25, 1, 0.5, 1) 1.5s;}
#gallery #sec_1.open .popuplist li.current .txtbox .txten p {margin-left: 0; opacity: 1; transition: 1.5s cubic-bezier(0.25, 1, 0.5, 1) 1.7s;}
#gallery #sec_1.open .popuplist li.current .txtbox .txt { margin-left: 0;opacity: 1; transition: 1.5s cubic-bezier(0.25, 1, 0.5, 1) 1.9s;}
#gallery #sec_1.open .popuplist { pointer-events: auto; }
#gallery #sec_1.open .popuplist li.current { pointer-events: auto; }
#gallery #sec_1.open .popuplist li.current p { opacity: 1; transform: scale(1); transition: 2s cubic-bezier(0.25, 1, 0.5, 1) 0.5s; }
/* popnav */
#gallery #sec_1 .popnav .prev,
#gallery #sec_1 .popnav .next,
#gallery #sec_1 .popnav .close { position: fixed; top: calc(50% - 40px); left: 0; width: 80px; height: 80px; z-index: 1001; background: #262626; display: flex; justify-content: center; align-items: center; transition: 0.5s cubic-bezier(0.25, 1, 0.5, 1); }
#gallery #sec_1 .popnav .prev { left: -80px; }
#gallery #sec_1 .popnav .prev img { width: 20px; }
#gallery #sec_1 .popnav .next { left: auto; right: -80px; }
#gallery #sec_1 .popnav .next img { width: 20px; transform: rotate(180deg); }
#gallery #sec_1 .popnav .close { left: auto; right: 0; top: -80px; }
#gallery #sec_1 .popnav .close img { width: 32px; }
#gallery #sec_1 .popnav .prev img:nth-child(2),
#gallery #sec_1 .popnav .next img:nth-child(2),
#gallery #sec_1 .popnav .close img:nth-child(2) { display: none; }
#gallery #sec_1 .popnav .prev:hover,
#gallery #sec_1 .popnav .next:hover { width: 100px; background: #fff; }
#gallery #sec_1 .popnav .close:hover { width: 100px; background: #fff; }
#gallery #sec_1 .popnav .prev:hover img:nth-child(1),
#gallery #sec_1 .popnav .next:hover img:nth-child(1),
#gallery #sec_1 .popnav .close:hover img:nth-child(1) { display: none; }
#gallery #sec_1 .popnav .prev:hover img:nth-child(2),
#gallery #sec_1 .popnav .next:hover img:nth-child(2),
#gallery #sec_1 .popnav .close:hover img:nth-child(2) { display: block; animation: popup-btn-hover 1s; }
#gallery #sec_1.open .popnav .prev { left: 0; transition: width 0.5s cubic-bezier(0.25, 1, 0.5, 1), background 0.5s cubic-bezier(0.25, 1, 0.5, 1), left 0.5s cubic-bezier(0.25, 1, 0.5, 1) 2s;}
#gallery #sec_1.open .popnav .next { right: 0; transition: width 0.5s cubic-bezier(0.25, 1, 0.5, 1), background 0.5s cubic-bezier(0.25, 1, 0.5, 1), right 0.5s cubic-bezier(0.25, 1, 0.5, 1) 2s;}
#gallery #sec_1.open .popnav .close { top: 0; transition: width 0.5s cubic-bezier(0.25, 1, 0.5, 1), background 0.5s cubic-bezier(0.25, 1, 0.5, 1), top 0.5s cubic-bezier(0.25, 1, 0.5, 1) 2s; }
/* dragbox */
#gallery #sec_1 .dragbox { width: 300px; height: 200px; border-radius: 20px; display: flex; justify-content: center; align-items: center; background: #262626; opacity: 0; pointer-events: none; transform: scale(1.2) translateY(-45%) translateX(-45%); position: fixed; top: 50%; left: 50%; color: #fff; font-weight: bold; line-height: 1; transition: 0.5s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#gallery #sec_1 .dragbox br { display: none; }
#gallery #sec_1 .dragbox .box { text-align: center; }
#gallery #sec_1 .dragbox .box img.drag { width: 50px; display: inline-block; margin-bottom: 10px; }
#gallery #sec_1 .dragbox .box a.close { top: 30px; right: 30px; width: 20px; position: absolute; }
#gallery #sec_1.open .dragbox { opacity: 0.95; transform: scale(1.0) translateY(-50%) translateX(-50%); pointer-events: auto; z-index: 1001; transition: 1s cubic-bezier(0.25, 1, 0.5, 1) 2.5s; }
#gallery #sec_1 .dragbox.delete { transition: 0.5s cubic-bezier(0.25, 1, 0.5, 1) 0s; transform: scale(1.1) translateY(-45%) translateX(-45%); pointer-events: none; opacity: 0; }
@media screen and (max-width: 1040px) {
	#gallery #sec_1 .thumblist { width: 100%; padding: 0; }
	#gallery #sec_1 .thumblist li { width: 50%; height: 40vw; }
} 
@media screen and (max-width: 767px) { 
	#gallery #sec_1 .inav { margin-bottom: 30px; }
	#gallery #sec_1 .inav li { margin: 0 8px 10px; }
	#gallery #sec_1 .dragbox { width: 160px; height: 140px; border-radius: 14px; }
	#gallery #sec_1 .dragbox br { display: block; }
    #gallery #sec_1 .dragbox .box { text-align: center; }
    #gallery #sec_1 .dragbox .box img.drag {  }
    #gallery #sec_1 .dragbox .box a.close { top: 15px; right: 15px; }
    #gallery #sec_1 .dragbox .box .txt { font-size: 1.3rem; line-height: 1.6; }
    #gallery #sec_1 .dragbox.delete { transition: 0.5s cubic-bezier(0.25, 1, 0.5, 1) 0s; transform: scale(1.1) translateY(-45%) translateX(-45%); pointer-events: none; opacity: 0; }
    #gallery #sec_1 .popnav .prev,
    #gallery #sec_1 .popnav .next,
    #gallery #sec_1 .popnav .close { top: calc(50% - 30px); width: 60px; height: 60px; }
    #gallery #sec_1 .popnav .prev { left: -60px; }
    #gallery #sec_1 .popnav .prev img { width: 16px; }
    #gallery #sec_1 .popnav .next {right: -60px; }
    #gallery #sec_1 .popnav .next img { width: 16px; }
    #gallery #sec_1 .popnav .close { left: auto; right: 0; top: -60px; }
    #gallery #sec_1 .popnav .close img { width: 24px; }
    #gallery #sec_1 .popnav .prev:hover,
    #gallery #sec_1 .popnav .next:hover { width: 60px; }
    #gallery #sec_1 .popnav .close:hover { width: 60px; }
}
@media screen and (max-width: 500px) {
	#gallery #sec_1 .inav li { margin: 0 8px 10px; }
	#gallery #sec_1 .inav li a { display: inline-block; }
	#gallery #sec_1 .inav li a:after { bottom: 2px;}
	#gallery #sec_1 .inav li a:hover:after { animation: none; }
	#gallery #sec_1 .thumblist li:hover img { transform: scale(1); opacity: 1; }
	#gallery #sec_1 .thumblist li { width: 100%; height: auto; }
	#gallery #sec_1 .thumblist li img{ position: static; }
	#gallery #sec_1 .thumblist li .cap { position: absolute; bottom: 0; left: 0; background: #262626; padding: 3px 10px; transition: 0.6s; opacity: 1; }
} 
@keyframes inav-hover {
	0% { width: 0; margin-left: 0; }
	100% { width: 100%; margin-left: -50%; }
}
@keyframes popup-btn-hover {
	0% { opacity: 0; }
	100% { opacity: 1; }
}















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


#profile


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

/* common */
#profile {  }
#profile #mainv.under { background-image: url(../img/profile/mv_bg.jpg); }

/* #sec_1 */
#profile #sec_1 .name { margin-top: 40px; text-align: right; }
#profile #sec_1 .name span { display: block; margin-top: 15px; text-align: right; }
#profile #sec_1 .name img {width: 250px;}
#profile #sec_1 .name br { display: none; }
@media screen and (max-width: 767px) {
	#profile #sec_1 .name img { max-width:230px; width: 94%; }
}
@media screen and (max-width: 500px) { 
	#profile #sec_1 .name { margin-top: 30px; text-align: left; }
	#profile #sec_1 .name span { text-align: left; }
	#profile #sec_1 .name img { max-width:200px; width: 94%; }
	#profile #sec_1 .name br { display: block; }
}

/* #sec_2 */
#profile #sec_2 .inbox { display: flex; justify-content: space-between; flex-direction: row-reverse; }
#profile #sec_2 .box1 { width: 420px; margin-left: 80px; }
#profile #sec_2 .box1 img { margin: 0 auto 40px; display: block; }
#profile #sec_2 .box1 .copy.s3 { margin-bottom: 20px; }
#profile #sec_2 .box2 { flex: 1; }
#profile #sec_2 .box2 dl { display: flex; flex-wrap: wrap;align-items: stretch; }
#profile #sec_2 .box2 dt { width: 240px; padding-right: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc;}
#profile #sec_2 .box2 dd { width: calc(100% - 260px); padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc; }
#profile #sec_2 .box2 dd:first-child { width: 100%; }
@media screen and (max-width: 1180px) { 
	#profile #sec_2 .box1 { width: 38%; margin-left: 5%; }
}
@media screen and (max-width: 1040px) { 
	#profile #sec_2 .inbox { display: block; }
	#profile #sec_2 .box1 { width: 100%; margin-left: 0; margin-bottom: 60px; }
	#profile #sec_2 .box1 img { max-width: 400px; margin-bottom: 60px; }
	#profile #sec_2 .box1 .list1 { text-align: left; }
}
@media screen and (max-width: 767px) { 
	#profile #sec_2 .box2 dt { width: 210px; }
	#profile #sec_2 .box2 dd { width: calc(100% - 230px); }
	#profile #sec_2 .box1 { margin-bottom: 40px; }
	#profile #sec_2 .box1 img { width: 100%; margin-bottom: 40px; }
}
@media screen and (max-width: 639px) { 
	#profile #sec_2 .box2 dt { width: 100%; margin-right: 0; border-bottom: none; margin-bottom: 0; font-weight: bold; }
	#profile #sec_2 .box2 dd { width: 100%; }
}

/* #sec_3 */
#profile #sec_3 {  }

















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


#news


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

/* common */
#news {  }
#news #mainv.under { background-image: url(../img/news/mv_bg.jpg); }

#news #main .sectitle { width: 100%; }
#news #main .inbox { display:flex; justify-content:space-between; flex-wrap: wrap; }
#news #main .mainbox { flex:1; }
#news #main .sidebox { width:280px; margin-left:70px; }
#news #main .sidebox .title { font-family: 'Cambay', sans-serif; letter-spacing: 0.14em; background: #f7f7f7; padding:23px 15px 13px; border-box:box-sizing; margin-bottom: 20px; text-align: left; line-height: 1.2; font-size: 2.2rem; }
#news #main .sidebox .box:first-child { margin-bottom: 40px; }
#news #main .sidebox ul.list1>li { margin-bottom: 5px; position: relative; }
#news #main .sidebox ul.list1>li .year a { position: relative; width: 100%; display: block; }
#news #main .sidebox ul.list1>li .year a:after { content:""; background: url(../img/common/arr1.svg); width: 10px; height: 5px; font-size: 0; position: absolute; right: 10px; top: 14px; transform: rotate(180deg); }
#news #main .sidebox ul.list1>li.open .year a:after { transform: none;}
#news #main .sidebox ul.list1>li a { text-decoration: none; }
#news #main .sidebox ul.list1>li a:hover { text-decoration: underline; }
#news #main .sidebox ul.list1>li .year a:hover { text-decoration: none; }
#news #main .sidebox ul.list1>li>ul{ padding-left: 1em; margin-top: 10px; margin-bottom: 20px; display: none; }
#news #main .sidebox ul.list1>li:last-child>ul{ margin-bottom: 0; }
#news #main .sidebox ul.list1>li>ul>li { margin-bottom: 2px; }

#news #main .sidebox ul.list1>li>.arr{ width: 8px; height: 100%; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; right: 0; cursor: pointer; }
#news #main .sidebox ul.list1>li>.arr>img{ width: 100%; height: 12px; transform: rotate(-90deg); }
#news #main .sidebox ul.list1>li.current>.arr>img{ transform: rotate(90deg); }
@media screen and (max-width: 1180px) {
	#news #main .sidebox { width:240px; margin-left:60px; }
}
@media screen and (max-width: 1040px) {
    #news #main .inbox { display:block; }
    #news #main .mainbox { flex:none; margin-bottom: 100px; }
	#news #main .sidebox{ width:100%; margin-left:0; }
}
@media screen and (max-width: 767px) {
	#news #main .sidebox .title { padding:20px 15px 10px; font-size: 1.8rem; }
    #news #main .sidebox ul.list1>li{ display: block; }
    #news #main .sidebox ul.list1>li>ul>li{ display: inline-block; margin-right: 1em; }
    #news #main .sidebox ul.list1>li>ul{ padding-left: 0; }
}
@media screen and (max-width: 500px) {
	#news #main .mainbox { margin-bottom: 60px; }
}



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


#news.index


//////////////////*/
/* #sec_1 */
#news.index #sec_1 ul.columnlist li { width: 100%; }
@media screen and (max-width: 767px) { 
}



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


#news.under


//////////////////*/
/* #sec_1 */
#news.under #sec_1 .txten,
#news.under1 #sec_1 .txten { margin-bottom: 10px;}
#news.under #sec_1 .sectitle,
#news.under1 #sec_1 .sectitle { text-align: justify; margin-bottom: 20px; }
#news.under #sec_1 .inwrap,
#news.under1 #sec_1 .inwrap { flex-wrap: wrap; }
#news.under #sec_1 .inwrap .titlebox,
#news.under1 #sec_1 .inwrap .titlebox { width: 100%;}
#news.under #sec_1 .inwrap .titlebox .cat,
#news.under1 #sec_1 .inwrap .titlebox .cat{ margin-bottom: 50px;  }
#news.under #sec_1 .inwrap .titlebox .cat>a,
#news.under1 #sec_1 .inwrap .titlebox .cat>a { display: inline-block; font-size: 1.4rem; padding: 5px 10px; line-height: 1; border: 1px solid #262626; text-decoration: none; }
@media screen and (max-width: 767px) { 
}

/* #sec_2 */
#news.under #sec_2 .link,
#news.under1 #sec_2 .link { text-align: center; }
@media screen and (max-width: 767px) { 
}














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


#notfound


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

/* common */
#notfound {  }
#notfound #mainv.under { background-image: url(../img/notfound/mv_bg.jpg); }

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

/* #sec_2 */
#notfound #sec_2 .link { text-align: center; }
@media screen and (max-width: 767px) { 
}

















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


#contact


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

/* common */
#contact {  }
#contact #mainv.under { background-image: url(../img/contact/mv_bg.jpg); }




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


#contact.index


//////////////////*/
/* #sec_1 */
#contact.index #sec_1 .txt1 { text-align: center; margin-bottom: 60px;}
#contact.index #sec_1 .link { text-align: center; margin-top: 80px; }
@media screen and (max-width: 767px) { 
	#contact.index #sec_1 .txt1 { text-align: justify; margin-bottom: 40px; }
	#contact.index #sec_1 .txt1 br { display: none; ; }
	#contact.index #sec_1 .link { text-align: center; margin-top: 40px; }
}



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


#contact.check


//////////////////*/
/* #sec_1 */
#contact.check #sec_1 .txt1 { text-align: center; margin-bottom: 40px;}
#contact.check #sec_1 .link { text-align: center; margin-top: 80px; }
@media screen and (max-width: 767px) { 
	#contact.check #sec_1 .txt1 { text-align: justify; margin-bottom: 30px; }
	#contact.check #sec_1 .txt1 br { display: none; ; }
	#contact.check #sec_1 .link { text-align: center; margin-top: 40px; }
}


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


#contact.thanks


//////////////////*/
/* #sec_1 */
#contact.thanks #sec_1 .txt1 { text-align: center; font-size: 2.0rem; margin-bottom: 40px; }
#contact.thanks #sec_1 .txt2 { text-align: center; margin-bottom: 80px; }
@media screen and (max-width: 767px) { 
	#contact.thanks #sec_1 .txt1 { margin-bottom: 20px; font-size: 1.6rem; }
	#contact.thanks #sec_1 .txt2 { text-align: justify; margin-bottom: 60px; }
}

/* #sec_2 */
#contact.thanks #sec_2 .link { text-align: center; }
@media screen and (max-width: 767px) { 
}













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


#contact


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

/* common */
form .formbox>ul { }
form .formbox>ul>li { margin-bottom: 20px; }
form .formbox>ul>li:last-child { margin-bottom: 0 }
form .formbox>ul>li>dl { display: flex; justify-content: space-between; }
form .formbox>ul>li>dl>dt { width: 220px; padding-top: 25px }
form .formbox>ul>li>dl>dt { padding-top: 25px; }
form .formbox.check>ul>li>dl>dd { padding-top: 25px; }
form .formbox>ul>li>dl>dd { width: calc(100% - 240px); }
form .formbox>ul>li>dl>dd>ul.tategroup>li { margin-bottom: 10px }
form .formbox>ul>li>dl>dd>ul.tategroup>li:last-child { margin-bottom: 0; }
form .formbox>ul>li>dl>dd>ul.yoko>li{ margin-left: 20px; display: inline-block; }
form .formbox>ul>li>dl>dd>ul.yoko{ margin-left: -20px }
form .policy { padding: 40px; background: #f7f7f7; height: 200px; overflow: scroll; margin-bottom: 60px; }
@media screen and (max-width: 767px) { 
	form .formbox>ul>li>dl{ flex-direction: column }
	form .formbox>ul>li>dl>dt{ width: 100%; padding-right: 0; padding-top: 0; margin-bottom: 10px }
	form .formbox>ul>li>dl>dd{ width: 100%; }
	form .formbox.check>ul>li>dl>dt { padding-top: 10px }
	form .formbox.check>ul>li>dl>dd { padding-top: 0px; }
	form .policy { padding: 8%; }
}
@media screen and (max-width: 639px) { 
	form .formbox>ul>li>dl>dd>ul.yoko>li{ display: block; }
}

/* radiocheck */
form .formbox>ul>li.radiocheck { padding: 35px 0; }
form .formbox>ul>li.radiocheck>dl { padding-bottom: 45px; }
form .formbox>ul>li.radiocheck>dl:last-child { padding-bottom: 0px; }
form .formbox>ul>li.radiocheck>dl>dt { padding-top: 0; }
form .formbox>ul>li.radiocheck>dl>dd>ul>li { display: inline-block; margin-right: 15px; }
@media screen and (max-width: 767px) { 
	form .formbox>ul>li.radiocheck { padding: 20px 0; }
	form .formbox>ul>li.radiocheck>dl { padding-bottom: 30px; }
	form .formbox>ul>li.radiocheck>dl>dd>ul>li { display: inline-block; margin-right: 15px; }
}

#contact {}