@charset "utf-8";

body {background-color: #000;}
header#concept{height: 526px; text-align: center;margin: 0;padding: 0;background: url("../images/main.webp") no-repeat center top;background-size: cover;position: relative;}
header h1{width: 313px;position: absolute;left: 0;right: 0;bottom: 0; margin: 0 auto;padding: 0;}

section.sec01{width: 90%;max-width: 700px;margin: 90px auto 0px auto;padding: 0;text-align: center;}
section.sec01 p{font-size: 16px;line-height: 1.7;margin: 0;padding: 0;color: #ebdbb5;font-feature-settings: "palt";}

section.sec03{max-width: 1044px;width: 100%;margin: 50px auto 0px auto;padding: 0;}
section.sec03 ul{margin: 0;padding: 0;}
section.sec03 ul li{width: 33.2%;margin: 0 0 0 0.2%;padding: 0;list-style: none;float: left;}
section.sec03 ul li:first-child{margin-left: 0px;}
section.sec03 .inner{width: 90%;max-width: 700px;margin: 50px auto;padding: 0;text-align: center;}

section.sec03 .inner p{font-size: 16px;line-height: 1.6;color: #ebdbb5;font-feature-settings: "palt";position: relative;text-align: left;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-weight: bold;margin: 0;padding: 0;text-align: center;}
section.sec03 .inner p span{font-size: 14px;margin: 8px 0 0 0;padding: 0;display:block;}
section.sec03 .inner p.heading{width: 100%;font-size: 17px;line-height: 1.3;margin: 0 0 25px 0;padding: 0 0 20px 0;font-weight: bold;border-bottom: 1px solid #d7d7d7;}

section.sec03 .inner ul{width: 100%;display: flex;flex-flow: row wrap;padding-bottom: 25px;margin-bottom: 25px;border-bottom: 1px dotted #d7d7d7;}
section.sec03 .inner ul li{margin: 0;padding: 5px 0;text-align: left;}
section.sec03 .inner ul li.non{padding: 0;}
section.sec03 .inner ul li p{text-align: left;}
section.sec03 .inner ul li:nth-child(1){width: 100%;}
section.sec03 .inner ul li:nth-child(2),section.sec03 .inner ul li:nth-child(4),section.sec03 .inner ul li:nth-child(6),section.sec03 .inner ul li:nth-child(8),section.sec03 .inner ul li:nth-child(10){width: 80%;}
section.sec03 .inner ul li:nth-child(3),section.sec03 .inner ul li:nth-child(5),section.sec03 .inner ul li:nth-child(7),section.sec03 .inner ul li:nth-child(9),section.sec03 .inner ul li:nth-child(11){width: 20%;}
section.sec03 .inner ul li:nth-child(1) p.category{font-size: 14px;margin-bottom: 10px;}
section.sec03 .inner ul li:nth-child(2) p,section.sec03 .inner ul li:nth-child(4) p,section.sec03 .inner ul li:nth-child(6) p,section.sec03 .inner ul li:nth-child(8) p{font-size: 14px;display: block;margin-top: 5px;}
section.sec03 .inner ul li:nth-child(2) p.name,section.sec03 .inner ul li:nth-child(4) p.name,section.sec03 .inner ul li:nth-child(6) p.name,section.sec03 .inner ul li:nth-child(8) p.name,section.sec03 .inner ul li:nth-child(10) p.name{font-size: 16px;margin-top: 0px;}
section.sec03 .inner ul li:nth-child(3) p,section.sec03 .inner ul li:nth-child(5) p,section.sec03 .inner ul li:nth-child(7) p,section.sec03 .inner ul li:nth-child(9) p,section.sec03 .inner ul li:nth-child(11) p{font-size: 16px;text-align: right;}


section.sec04{width: 90%;max-width: 700px;margin: 50px auto 0px auto;padding: 0;text-align: center;}
section.sec04 ul{width: 100%;margin:0;padding: 0;border-top: 1px solid #d7d7d7;}
section.sec04 ul li{margin: 20px 0 0 0;padding: 0;}
section.sec04 ul li.fL{width: 350px;float: left;}
section.sec04 ul li.fR{width: 350px;float: right;position: relative;}
section.sec04 ul li p{font-size: 16px;line-height: 1.6;display: block;color: #ebdbb5;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-weight: bold;}

section.sec04 p{font-size: 16px;line-height: 1.7;margin: 0;padding: 0;color: #666;font-feature-settings: "palt";}
section.sec04 p.heading{font-size: 16px;line-height: 1.3;margin: 0 0 25px 0;padding: 0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-weight: bold;color: #ebdbb5;}

section.sec05{width: 90%;max-width: 700px;margin: 40px auto 80px auto;padding: 0;text-align: center;}
section.sec05 .takeout{margin: 40px 0 0 0px;padding: 0;text-align: left;position: relative;}
section.sec05 .takeout img{width: 180px; margin: 0;padding: 0;}
section.sec05 .takeout p{position: absolute;top: -1px;left: 210px;font-size: 15px;line-height: 1.7;color: #ebdbb5;letter-spacing: -0.05em;}
section.sec05 .takeout p a{color: #ebdbb5;text-decoration: none;display: block;margin-top: 5px;}
section.sec05 .takeout p a:hover{opacity: 0.7;}
section.sec05 .tax{width: 100%; font-size: 12px;line-height: 1.6;margin-top: 80px; padding: 5px 0 3px 0; color: #ebdbb5; border: 1px solid #d7d7d7;}

section.sec07{width: 100%;height: 526px;text-align: center;margin: 0;padding: 0;background: url("../images/img_sec07_01.webp") no-repeat center top;background-size: cover;position: relative;}

/* ipod */
@media screen and (max-width:810px){
header#concept{height: 52vw;}

section.sec01{margin: 10vw auto 0px auto;}
section.sec01 p{font-size: 2vw;}
	
section.sec03{width: 100%;margin: 10vw auto 0px auto;}
section.sec03 ul li{width: 33%;margin: 0 0 0 0.5%;}
		
section.sec04{margin: 10vw auto 0px auto;}
section.sec04 ul li{margin: 3vw 0 0 0;padding: 0;}
section.sec04 ul li.fL{width: 50%;}
section.sec04 ul li.fR{width: 50%;}
section.sec04 ul li p{font-size: 2vw;line-height: 1.6;}

section.sec04 p{font-size: 2.0vw;}
section.sec04 p.heading{font-size: 2.0vw;}


section.sec05{margin: 10vw auto 10vw auto;}
section.sec05 .tax{width: 100%; font-size: 1.5vw;line-height: 1.6;margin-top: 0px;padding: 1vw 0;}
section.sec05 .takeout{margin: 5vw 0 0 0;}
section.sec05 .takeout img{width: 21vw;}
section.sec05 .takeout p{position: absolute;top: -0.4vw;left: 25vw;font-size: 1.8vw;}
section.sec05 .takeout p a{margin-top: 5px;}
section.sec05 .takeout p a:hover{opacity: 1.0;}
}

/* iphone12 */
@media screen and (max-width:428px){
header#concept{height: 235px;}
header h1{width: 27.26vw;}
section.sec01{margin: 10vw auto 0px auto;}
section.sec01 p{font-size: 3.4vw;text-align: left;}

	
section.sec03 .inner ul{padding-bottom: 3.0vw;margin-bottom: 3.0vw;}
section.sec03 .inner ul li:nth-child(2),section.sec03 .inner ul li:nth-child(4),section.sec03 .inner ul li:nth-child(6),section.sec03 .inner ul li:nth-child(8){width: 80%;}
section.sec03 .inner ul li:nth-child(3),section.sec03 .inner ul li:nth-child(5),section.sec03 .inner ul li:nth-child(7),section.sec03 .inner ul li:nth-child(9){width: 20%;}
section.sec03 .inner ul li:nth-child(1) p.category{font-size: 3.2vw;margin-bottom: 1vw;}
section.sec03 .inner ul li:nth-child(2) p,section.sec03 .inner ul li:nth-child(4) p,section.sec03 .inner ul li:nth-child(6) p,section.sec03 .inner ul li:nth-child(8) p{font-size: 3.2vw;}
section.sec03 .inner ul li:nth-child(2) p.name,section.sec03 .inner ul li:nth-child(4) p.name,section.sec03 .inner ul li:nth-child(6) p.name,section.sec03 .inner ul li:nth-child(8) p{font-size: 3.4vw;}
section.sec03 .inner ul li:nth-child(3) p,section.sec03 .inner ul li:nth-child(5) p,section.sec03 .inner ul li:nth-child(7) p,section.sec03 .inner ul li:nth-child(9) p{font-size: 3.4vw;}
	
section.sec04{margin: 10vw auto 0px auto;}
section.sec04 ul li{margin: 4vw 0 0 0;padding: 0;}
section.sec04 ul li.fL{width: 50%;}
section.sec04 ul li.fR{width: 50%;}
section.sec04 ul li p{font-size: 3.2vw;line-height: 1.5;}
section.sec04 p{font-size: 3.0vw;}
section.sec04 p.heading{font-size: 4.6vw;margin: 0 0 15px 0;text-align: left;}

section.sec05{margin: 10vw auto;}
section.sec05 .takeout{margin: 10vw 0 0 0;}
section.sec05 .takeout img{width: 30vw;margin: 0 auto 5vw auto;}
section.sec05 .takeout p{font-size: 3.6vw;position: static;}
section.sec05 .tax{font-size: 3.2vw;}
	
section.sec07 {height: 235px;}
}

/* iphone8等 */
@media screen and (max-width:414px){
}
@media screen and (max-width:375px){
}

/* Android各種 */
@media screen and (max-width:360px){
}