@charset "UTF-8";

@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);

/* //////////////////////////////////////
- reset
////////////////////////////////////// */
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-weight:400;text-decoration:none;vertical-align:baseline;background:0 0;-webkit-box-sizing:border-box;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}li,ol,ul{list-style:none;list-style-position:inside}blockquote,q{quotes:none}blockquote:after,blockquote:before{content:'';content:none}q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0;text-decoration:none}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}button,input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:0 0;border:none;border-radius:0;font:inherit;outline:0;vertical-align:middle;}textarea{resize:vertical}input[type=checkbox],input[type=radio]{display:none}button,input[type=button],input[type=submit],label,select{cursor:pointer}select::-ms-expand{display:none}


/* //////////////////////////////////////
- common
////////////////////////////////////// */
body {
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1;
	font-weight: 400;
	color: #333333;
	font-size: 0;
	letter-spacing: 0.05em;
	word-break: break-word;
}
* {
	box-sizing: border-box;
}
a {
	text-decoration: underline;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #D6000F;
}
img {
	max-width: 100%;
}

.pc_blk {display: block;}
.sp_blk {display: none;}

select {font-size: 16px;border: solid 1px #333333;border-radius: 12px;padding: 15px 138px 16px 19px;background: url(/common/images/select_bg.png) no-repeat center right / auto 100%;}

.wrap {margin-left: auto!important;margin-right: auto!important;width: 100%;max-width: 1040px;padding: 0 20px;}
.sns_link .facebook {background: url(/common/images/sns_facebook.png) no-repeat center / contain;}
.sns_link .twitter {background: url(/common/images/sns_twitter.png) no-repeat center / contain;}
hr.bottom {clear: both;margin: 0;padding: 0;border: none;}

dl.ddoc {margin: 10px 0 0;}
dl.ddoc dt {font-size: 18px;line-height: 1.6;border: solid 1px #333333;padding: 18px 0 19px 20px;position: relative;cursor: pointer;transition: 0.3s;}
dl.ddoc dt::before {content: '';position: absolute;top: 50%;right: 19px;z-index: 1;width: 14px;height: 2px;background: #333333;transform: rotate(90deg);transition: 0.3s;z-index: 2;}
dl.ddoc dt::after {content: '';position: absolute;top: 50%;right: 19px;z-index: 1;width: 14px;height: 2px;background: #333333;z-index: 1;}
dl.ddoc dt.open {background: #797979;color: white;border-color: #797979;}
dl.ddoc dt.open::before {background: white;transform: rotate(0deg);}
dl.ddoc dt span {font-size: 15px;margin-left: 2px;}
dl.ddoc dd {display: none;padding: 11px 0 21px;}

table {width: 100%;margin: 0 0 20px;}
table th {font-size: 16px;line-height: 1.6;font-weight: 600;text-align: left;border: solid 1px #d8d8d8;background-color: #efefef;padding: 8px 0 9px 10px;vertical-align: middle;}
table td {font-size: 16px;line-height: 1.6;text-align: left;border: solid 1px #e0e0e0;padding: 12px 0 13px 10px;vertical-align: middle;}

table.flat {margin: 0;}
table.flat th {border: none;padding: 3px 1em 3px 0;background: none;font-weight: normal;vertical-align: top;}
table.flat td {border: none;padding: 3px 0;vertical-align: top;}
table.flat hr {margin: 0;border: none;}


.modal {position: fixed;top: 0;left: 0;z-index: 9;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.9);cursor: pointer;display: none;}
.modal * {cursor: auto;}
.modal::before {content: '';position: absolute;top: 40px;right: 40px;z-index: 1;width: 34px;height: 2px;background: white;transform: rotate(45deg);}
.modal::after {content: '';position: absolute;top: 40px;right: 40px;z-index: 1;width: 34px;height: 2px;background: white;transform: rotate(135deg);}
.modal .btn {position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;visibility: hidden;margin: 0!important;}
.modal .btn div {position: absolute;top: 10%;width: 5%;height: 80%;z-index: 1;cursor: pointer;visibility: visible;}
.modal .btn div.prev {left: 0;}
.modal .btn div.next {right: 0;}
.modal .btn div::before {content: '';position: absolute;top: 50%;left: 50%;z-index: 1;transform: translate(-50%, -50%) rotate(45deg);width: 24px;height: 24px;border: solid 4px white;transition: 0.2s;}
.modal .btn div.prev::before {border-color: transparent transparent white white;margin-left: 15px;}
.modal .btn div.next::before {border-color: white white transparent transparent;margin-left: -15px;}
.modal .btn div:hover::before {margin-left: 0;}

 .wp6s5 {width: 60%;}

/* //////////////////////////////////////
- button
////////////////////////////////////// */
.radiusBtn {font-size: 14px;line-height: 1;font-weight: normal;display: inline-block;border: solid 1px #333333;;padding: 8px 13px 7px;color: #333333;text-decoration: none;border-radius: 16px;transition: 0.2s;}
.radiusBtn:hover {background-color: #D6000F;border-color: #D6000F;color: white;}
.underBtn {font-size: 16px;line-height: 1;padding: 20px 52px 20px 30px;border-radius: 6px;background-color: #E3E3E3;color: #333333;position: relative;cursor: pointer;}
.underBtn::after {content: '';position: absolute;top: 50%;right: 0;z-index: 1;width: 7px;height: 7px;border: solid 2px #333333;transform: rotate(-45deg);border-color: transparent transparent #333333 #333333;margin: -7px 28px 0 0;}
.pdfBtn {display: inline-block;vertical-align: top;font-size: 18px;line-height: 1;text-decoration: none;border: solid 1px #D6000F;border-radius: 10px;padding: 30px 95px 30px 60px;color: #D6000F;background: url(/common/images/icon_pdf.png) no-repeat center left 20px;}


/* //////////////////////////////////////
- header
////////////////////////////////////// */

header {height: 60px;position: fixed;top: 0;left: 0;text-align: right;z-index: 8;width: 100%;background: rgba(255, 255, 255, 0.8);}
header .logo {display: inline-block;vertical-align: top;height: 100%;width: 340px;font-size: 0;line-height: 1;position: absolute;top: 0;left: 0;z-index: 1;background: url(/common/images/logo_long.svg) no-repeat 20px center / auto 60%;}
header nav {height: 100%;}
header nav div {display: inline-block;margin: 0 28px 0 0;position: relative;height: 100%;padding-top: 20px;}
header nav div a {padding: 3px 4px;color: #333333;font-size: 16px;}
header nav div span {display: none;}
header nav div article {position: absolute;top: 100%;left: 50%;transform: translate(-50%, 0);background: rgba(255, 255, 255, 0.8);background: #333333;width: auto;text-align: center;padding: 24px 20px 8px;display: none;}
header nav div article a {display: block;white-space: nowrap;margin: 0 0 18px;padding: 0;color: white;text-decoration: none;}
header .nav_btn {display: none;}


/* //////////////////////////////////////
- footer
////////////////////////////////////// */

footer {background: #333333;color: white;text-align: center;padding: 20px 0 0;}
footer .totop {position: fixed;bottom: 0;right: 0;z-index: 7;width: 60px;height: 56px;background: url(../images/totop.png);}

footer .bnr_goods {
	position: fixed;
	bottom: min(80px, 18vw);
	right: min(20px, 4vw);
	z-index: 7;
	width: min(300px, 50vw);
	height: auto;
	aspect-ratio: 120 / 63;
	background: url(/common/images/bnr_goods.png) no-repeat center / contain;
}
footer .bnr_goods span {
	position: absolute;
	top: 0;
	right: 0;
	width: 11%;
	aspect-ratio: 1;
}

footer .tw_feed {display: inline-block;vertical-align: top;width: 480px;height: 390px;background: white;margin: 20px 0 0;

display: none !important;

}
footer article {display: inline-block;vertical-align: top;width: 480px;margin: 20px 0 0 40px;text-align: left;}
footer article ul {margin: 10px 0 0;width: 400px;}
footer article ul li {display: inline-block;width: 180px;padding: 0 0 25px;}
footer article ul li a {font-size: 17px;line-height: 1;color: white;}
footer article .sns_link {padding: 28px 0 0;}
footer article .sns_link a {display: inline-block;width: 46px;height: 46px;margin-right: 34px;}
footer article p {font-size: 12px;line-height: 1.6;margin: 30px 0 0;}
footer .copyright {font-size: 11px;line-height: 1;padding: 30px 0 25px;}


/* //////////////////////////////////////
- main
////////////////////////////////////// */

main {display: block;padding-top: 60px;}





@media screen and (min-width: 769px) {

header nav {display: block!important;}

}



@media screen and (max-width: 768px) {

body {}
* {}
a {}
a:hover {}
.pc_blk {display: none;}
.sp_blk {display: block;}
select {}
.wrap {padding: 0 5vw;}
.sns_link .facebook {}
.sns_link .twitter {}
hr.bottom {}
dl.ddoc {}
dl.ddoc dt {}
dl.ddoc dt::before {}
dl.ddoc dt::after {}
dl.ddoc dt.open {}
dl.ddoc dt.open::before {}
dl.ddoc dt span {}
dl.ddoc dd {padding: 2vw 0 0;}
table {}
table th {font-size: 4vw;padding: 3vw 2vw;}
table td {font-size: 4vw;line-height: 1.6;padding: 3vw 2vw;}
table.flat {}
table.flat th {}
table.flat td {}
.modal {}
.modal * {}
.modal::before {}
.modal::after {}
.modal .btn {}
.modal .btn div {width: 10%;}
.modal .btn div.prev {}
.modal .btn div.next {}
.modal .btn div::before {margin: 0!important;width: 4vw;height: 4vw;transform: rotate(45deg);}
.modal .btn div.prev::before {left: 35%;}
.modal .btn div.next::before {left: auto;right: 35%;}
.wp6s5 {width: 50%;}
.radiusBtn {font-size: 3.5vw;padding: 2vw 4vw 2vw;background-color: initial!important;border-color: initial!important;color: initial!important;}
.radiusBtn:hover {}
.underBtn {}
.underBtn::after {}
.pdfBtn {font-size: 4.5vw;border-radius: 10px;padding: 5vw 6vw 5vw 15vw;background-position: center left 4vw;background-size: 7vw auto;}
header {height: 15.5vw;}
header .logo {width: 70vw; background-size: contain;left: 3vw; background-position: 0 center;}
header nav {display: none;position: fixed;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;background: white;padding: 8vw 0 10vw 12vw;text-align: left;overflow: auto;}
header nav div {display: block;margin: 10vw 0 0;padding: 0;height: auto;}
header nav div a {padding: 0;font-size: 4.75vw;vertical-align: middle;}
header nav div span {display: inline-block;vertical-align: middle;width: 5vw;height: 5vw;margin-left: 4vw;position: relative;cursor: pointer;}
header nav div span::before, header nav div span::after {content: '';position: absolute;top: 50%;left: 50%;z-index: 1;width: 4vw;height: 2px;transform: translate(-50%, -50%);background: #333333;}
header nav div span::before {}
header nav div span::after {transform: translate(-50%, -50%) rotate(90deg);transition: 0.2s;}
header nav div.open span::after {transform: translate(-50%, -50%) rotate(0deg);}
header nav div article {display: none;position: static;background: none;padding: 0 0 0 7.5vw;height: auto;margin: 0;text-align: left;transform: none;text-decoration: underline;}
header nav div article a {margin: 6vw 0 0;color: #333333;font-size: 4.25vw;}
header .nav_btn {position: absolute;top: 0;right: 0;z-index: 3;width: 15.5vw;height: 15.5vw;display: block;cursor: pointer;}
header .nav_btn::before, header .nav_btn::after {content: '';position: absolute;top: 50%;left: 50%;z-index: 1;width: 7vw;transform: translate(-50%, -50%);}
header .nav_btn::before {border-top: solid 2px #333333;border-bottom: solid 2px #333333;height: 1.5vw;margin-top: -1vw;}
header .nav_btn::after {border-bottom: solid 2px #333333;margin-top: 2vw;}
header.open .nav_btn {position: fixed;}
header.open .nav_btn::before {border-top: none;height: 0;margin-top: 0;transform: translate(-50%, -50%) rotate(-45deg);}
header.open .nav_btn::after {margin-top: 0;transform: translate(-50%, -50%) rotate(45deg);}
footer {padding: 8vw 5vw 0;}
footer .totop {width: 16vw;height: 15vw; background-size: 100% 100%;}
footer .tw_feed {display: block;width: 100%;height: 103vw;margin: 0;}
footer article {display: block;width: 100%;margin: 0vw 0 0;}
footer article ul {width: 100%;margin: 9vw 0 0;}
footer article ul li {width: 50%;padding: 0 0 6vw;}
footer article ul li a {font-size: 4vw;}
footer article .sns_link {padding: 6vw 0 0;}
footer article .sns_link a {width: 12vw;height: 12vw;margin-right: 10vw;}
footer article p {font-size: 3.25vw;margin: 10vw 0 0;}
footer .copyright {font-size: 2vw;padding: 3.5vw 0 5.5vw;text-align: left;}
main {padding-top: 15.5vw;}

}