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

#main{
    background: #ffffff;
    margin-bottom: 4%;
}
#main .content{
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 2%;
    width: auto;
}
#main .content .content-inner{
    margin-left: auto;
    margin-right: auto;
    width: 85%;
    margin-bottom: 10%;
    z-index: 99;
}
#main .cosme-title h1 {text-align: center; margin:50px 0 25px 0; padding: 0}
#main .cosme-title h1 img { max-width: 420px;}
#main .cosme-title p { position: relative; padding-top: 25px; text-align: center; font-size: 20px; line-height: 1.3; font-weight: bold;}
#main .cosme-title p:before { content: ""; position: absolute; top: 0%; left: 50%; transform: translate(-50%, 0%); width: 60px; height: 1px; background: #111111;}

#main .footer-navi { width: 100%; margin: 0 0 0 0; padding: 50px 0; border-top: solid 1px #AAAAAA; }
#main .footer-navi p {width: 1000px; margin: auto; font-size: 24px; line-height: 1.3;}
#main .footer-navi p span {font-size: 18px; line-height: 1.3;}
#main .footer-navi .navi {width: 1000px; margin: 20px auto 0px; }
#main .footer-navi .navi .navi01 {width:16% }
#main .footer-navi .navi .navi02 {width:16% }
#main .footer-navi .navi .navi03 {width:16% }
#main .footer-navi .navi .navi04 {width:16% }
#main .footer-navi .navi .navi05 {width:33% }


.js-inview{ opacity: 0; transition: opacity 1s ease-in; }
.show{ opacity: 1!important; }
.txt-left{ text-align: left; }
.txt-center{ text-align: center; }
.txt-right{ text-align: right; }
.txt-bold { font-weight: bold;}
.txt10 {
    font-size: 10px;
    line-height: 1.4;
    color: #000000;
}
.txt12 {
    font-size: 12px;
    line-height: 1.4;
    color: #000000;
}
.txt14 {
    font-size: 14px;
    line-height: 1.5;
    color: #000000;
}
.txt16 {
    font-size: 16px;
    line-height: 1.5;
    color: #000000;
}
.txt18 {
    font-size: 18px;
    line-height: 1.5;
    color: #000000;
}
.txt20 { font-size: 20px; line-height: 1.5 }
.txt22 { font-size: 22px; line-height: 1.5 }
.txt24 { font-size: 24px; line-height: 1.5 }

.spt5{ margin-top: 5px; }
.spt10{ margin-top: 10px; }
.spt15{ margin-top: 15px; }
.spt20{ margin-top: 20px; }
.spt25{ margin-top: 25px; }
.spt30{ margin-top: 30px; }
.spt35{ margin-top: 35px; }
.spt40{ margin-top: 40px; }
.spt45{ margin-top: 45px; }
.spt50{ margin-top: 50px; }
.spt60{ margin-top: 60px; }
.spt70{ margin-top: 70px; }
.spt80{ margin-top: 80px; }
.spt90{ margin-top: 90px; }
.spt100{ margin-top: 100px; }

.fontsize10 {font-size: min(2.5vw,22px); line-height: 1.6}
.fontsize12 {font-size: min(3vw,24px); line-height: 1.6}
.fontsize14 {font-size: min(3.5vw,28px); line-height: 1.6}
.fontsize16 {font-size: min(4vw,32px); line-height: 1.6}
.fontsize18 {font-size: min(4.5vw,36px); line-height: 1.6}
.fontsize20 {font-size: min(5vw,40px); line-height: 1.6}
.fontsize22 {font-size: min(5.5vw,44px); line-height: 1.6}
.fontsize24 {font-size: min(6vw,46px); line-height: 1.6}
.font-sizedown {font-size: 80%;}
.font-bold {font-weight: bold;}

.split-box{ display: -ms-flex; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap:wrap; }

/*ゆっくり透明に*/
.alpha { transition: .3s;}
.alpha:hover { opacity: 0.5;}

.sp-view {display: none;}

.sikaku { padding:0px 2px; border: solid 1px #CCCCCC;}

@media screen and (max-width: 480px){ /*1112px以下のcss*/
	#main .cosme-title { width: auto; margin: 0 auto; padding: 0% 5%; }
	#main .cosme-title p { padding-top: 5%; text-align: center; font-size: 16px; line-height: 1.3; font-weight: bold;}
	#main .footer-navi p {width: 90%; margin: auto; font-size: 20px; line-height: 1.3;}
	#main .footer-navi p span {font-size: 16px; line-height: 1.3; display: block; padding-top: 6px}
	#main .footer-navi .navi {width:90%;}
	#main .footer-navi .navi .navi01 {width:32%; margin-top: 2% }
	#main .footer-navi .navi .navi02 {width:32%; margin-top: 2% }
	#main .footer-navi .navi .navi03 {width:32%; margin-top: 2% }
	#main .footer-navi .navi .navi04 {width:32%; margin-top: 2% }
	#main .footer-navi .navi .navi05 {width:66%; margin-top: 2% }


	#main .content{ margin: 0; }
	.sp-view {display: inline-block;}
	.pc-view {display: none;}
}

.cancel {
	opacity: 0.4;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5),screen and (min-resolution: 1.5dppx){
}
@media screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 480px),screen and (min-resolution: 1.5dppx) and (max-width: 480px){
}