@charset "utf-8";

@import url(normalize.css);
@import url(all.css);
@import url(common_parts.css);
@import url(common.css);


/* common parts */
main.fs-l-main { max-width:100%; margin:0; }
body { font-family: YuGothic,"游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; }
p { margin:0; }
.inner { width:100%; max-width:94rem; margin:0 auto; padding:0 2rem; }
.icon { text-align:center; margin:5rem 0; }
.mb0 { margin-bottom: 0!important; }
.mt0 { margin-top: 0!important; }
.mb20px { margin-bottom: 20px; }
.m0 { margin: 0!important; }
.kv_box { margin:2rem 0 5rem; }
.w50 { width:50%; }
.tc { text-align:center; }
.tt_img { text-align:center; margin-bottom: 2rem; }

/* タイトル */
.title { text-align:center; font-size:3.2rem; line-height: 1.5; }
.title .min { font-size: 70%; }
.sub_tt { text-align:center; font-size: 2.4rem; font-weight: bold; margin-bottom: 3rem; }
/* text */
.main_text { font-size:1.8rem; line-height:1.5; margin: 2rem 0 5rem; }

.flb { display:flex; }
@media screen and (max-width:768px){
	.flb { display:block; }
}

/* ボタン */
.btn { background:#006834; width:80%; border-radius:5px; padding:1rem 0; text-align:center; margin:0 auto; }
.btn a { display:block; color:#fff; font-weight: bold; font-size:1.8rem; }
.big_btn { background:#006834; border-radius:5px; text-align:center; margin:0 auto; width:60%; margin-top: 5rem; }
.big_btn a {font-size: 1.8rem; font-weight: bold; color:#fff; display:block; padding:2rem 3rem; }
/* 帯 */
.img { position:relative; }
.ribon { font-size: 1.8rem; background:#432d22; color:#fff; padding:0.5rem 1rem; margin:0; border-radius:5px; position:absolute; top:0; left:-3%; transform:rotate(-20deg); }
.obi { background:#cce2d6; color:#fff; padding:1rem 0; margin-bottom: 3rem; }

/* color */
.d_brn { color:#432d22; }
.brn { color:#955125; }
.cam { color:#c58949; }
.d_bl { color:#143640; }
.blk { color:#0e161f; }
.crm { color:#fcf0d1; }
.whi { color:#fff; }
.lbr { color:#fdeecf; }

/* back color */
.back_bk{ background:#000; }
.back_pi{ background:#eb738f; }
.back_lpi{ background:#f7baa5; }
.back_bl{ background:#0e6eb8; }
.back_org{ background:#ea591d; }
.back_cme{ background:#c99e2a; }
.back_brn{ background:#7f4e20; }
.back_nev{ background:#161b61; }
.back_blk { background:#221814; }
.back_gry { background:#c9c9ca; }
.back_grn { background:#006834; }
.back_wine { background:#a11251; }
.back_lgrn { background:#9dbb87; }
.back_pp { background:#920681; }
.back_red { background:#ea000e; }


/* mv */
#mv .inner { width:100%; max-width:110rem; padding:0; margin-top: 5rem; }

/* header */
#header .inner { padding:0; }

/* all */
#sec02,#sec03,#sec04,#sec05,#sec06 { padding:5rem 0 0; }


/* 2020-fathersday */
h2 { text-align:center; }
#top { text-align: center; }
#top .inner { max-width:114rem; }

/* sec01 */
#sec01 { }
#sec01 .copy { position: relative; text-align:center; }
#sec01 .copy p { position:absolute; top:5%; right: 0; font-size:2.5rem; font-weight: bold; text-align:right; }
@media screen and (max-width:414px){
	#sec01 .copy p { font-size: 2rem; top:0; }
}
@media screen and (max-width:375px){
	#sec01 .copy p { font-size: 1.8rem; top:0; }
}
@media screen and (max-width:320px){
	#sec01 .copy p { font-size: 1.6rem; top:-1.5rem; }
}

/* sec02 */
#sec02 { padding:0!important; }
#sec02 ul { margin-top: 4rem; }
#sec02 ul li { margin-bottom: 2rem; }
#sec02 ul li:last-child { margin-bottom:0; }

/* sec03 */
#sec03 { padding:3rem 0 0 0; }
#sec03 .inner { max-width:114rem; }
#sec03 .tc { width:100%!important; }

/* #sec03 owl-carousel */
#sec03 .owl-carousel { position:relative; }
#sec03 .owl-carousel { display:none; }
#sec03 .owl-carousel .text { display:flex; justify-content:space-between; align-items:flex-start; margin-top:5rem; margin-bottom: 0; }
#sec03 .owl-carousel .text .img { margin-right: 2rem; width:40%; }
#sec03 .owl-carousel .text p { font-size:1.6rem; width:60%; }
#sec03 .owl-carousel .text .title { font-size: 1.8rem; display:block; text-align:center; font-weight: bold; margin-bottom: 1rem; }
#sec03 .owl-carousel .owl-stage-outer { z-index:-1; margin-bottom: 1.5rem; }

/* nav */
#sec03 .owl-nav { display: flex; }
#sec03 .owl-nav button { position:absolute; top:25%; color:#fff; font-size:8rem; }
#sec03 .owl-nav .owl-prev { left:10px; }
#sec03 .owl-nav .owl-next { right:10px; }
.owl-nav button span { padding:5rem 2rem; }
@media screen and (max-width:414px){
	#sec03 .owl-nav button { top:150px; }
}
@media screen and (max-width:375px){
	#sec03 .owl-nav button { top:120px; }
}
@media screen and (max-width:320px){
	#sec03 .owl-nav button { font-size:5rem; }
}

/* dot */
#sec03 .owl-dots { position:absolute; top:80%; left:50%; transform: translate(-50%, -50%); text-align:center; z-index:10; }
#sec03 .owl-dots button { border-radius:50%; margin:0 0.5rem; }
#sec03 .owl-dots button span { width:1rem; height:1rem; display:block; }
#sec03 .owl-dots button.owl-dot { background:#ddd; }
#sec03 .owl-dots button.owl-dot.active { background:#663300; }
@media screen and (max-width:414px){
	#sec03 .owl-dots { top:410px; }
}
@media screen and (max-width:375px){
	#sec03 .owl-dots { top:370px; }
}
@media screen and (max-width:320px){
	#sec03 .owl-dots { top:310px; }
}


#sec03 .rec { margin: 5rem 0 10rem; }
#sec03 .rec li { display:flex; justify-content:space-between; margin-bottom: 3rem; }
#sec03 .rec li:last-child { margin-bottom:0; }
#sec03 .rec li div { width:48%; }
#sec03 .rec li .text img { width:50%; }
#sec03 .rec li .text .line { width:100%; }
#sec03 .rec li .text p { font-size: 1.8rem; }
#sec03 .rec li .text .title { font-weight: bold; }
#sec03 .rec li:nth-child(even) .img { order:2; }
#sec03 .bnr { max-width:90rem; margin:10rem auto 5rem; }
@media screen and (max-width:768px){
	#sec03 .rec { display:none; }
	#sec03 .owl-carousel { display:block; margin-bottom: 3rem; }
	#sec03 .bnr { margin:3rem auto; }
}
@media screen and (max-width:414px){
	#sec03 .owl-carousel .text .img { margin-right: 1rem; }
	#sec03 .owl-carousel .text p { font-size:1.4rem; }
	#sec03 .owl-carousel .text .title { font-size: 1.4rem; display:block; text-align:center; }
}
@media screen and (max-width:320px){
	#sec03 .owl-carousel .text .title { font-size: 1.3rem; }
}


#sec04 { margin-bottom: 10rem; }
#sec04 .tenpo { margin-bottom: 3rem; }
#sec04 .tenpo p { text-align:center; font-weight: bold; }
#sec04 .float { display:flex; justify-content:space-between; margin-bottom: 3rem; }
#sec04 .float li { width:48%; }
#sec04 .float li { text-align:center; }
#sec04 .flex { text-align:center; }
#sec04 .mic_tx { font-weight: bold; }
#sec04 .inst a { font-weight: bold; color:#333; font-size: 2rem; }
#sec04 .thx { margin-right:-4.5rem; }

@media screen and (max-width:414px){
	#sec04 .float { display:block; }
	#sec04 .float li { width:90%; margin:0 auto; }
	#sec04 .float li:last-child { margin-top: 2rem; }
	.icon img { max-width:15%;}
}