﻿@charset "utf-8";

/* ===================================================================
	Author: aki
=================================================================== */

#cbox1{
	
}


#cbox1 .cbox-ttl{
	background:url(../img/concept/bar.jpg) left bottom repeat-x;
	padding:30px 5px 35px 20px;
}

#cbox1 .cbox-ttl h2{
	float:left;
	font-family: "Sawarabi Mincho";
	font-size:1.3em;
	line-height:1.7em;
	letter-spacing:2px;
	font-weight:bold;
	color:#000;
}

#cbox1 .cbox-ttl h2:first-letter{
	font-size:1.2em;
}

#cbox1 .cbox-ttl ul{
	float:right;
	padding:10px 0 0 0;
}

#cbox1 .cbox-ttl ul li{
	float:left;
	padding:0 16px 0 0;
}


#cbox1 .cbox-inner{
	padding:78px 0 0px 40px;
	background:url(../img/concept/bar.jpg) left bottom repeat-x;
}

#cboxs1{
	padding:0 40px 76px 0;
}

#cboxs1 dd{
	padding:50px 0 0 0;
}

#cboxs1 dl{
	float:left;
	width:380px;
	font-size:0.8em;
	line-height:1.7em;
}

#cboxs1 .img{
	float:right;
}

#cboxs2{
	position:relative;
	padding:0 0 50px 0;
}

#cboxs2 .cboxs-inner{
	
}


#cboxs2 .clist{
display: flex;
align-items: center;
flex-wrap: wrap;
}
#cboxs2 .logo{
	padding:0 30px 0 0;
}

#cboxs2 dl{
	width:380px;
	padding:22px 0 0 0;
}

#cboxs2 dd{
	font-size:0.8em;
	line-height:2.0em;
	padding:10px 0 0 0;
}


#cboxs2 .abs{
	position:absolute;
	right:-66px;
	top:-37px;
}



#cboxs3{
	position:relative;
	padding:0 0 80px 0;
}

#cboxs3 .cboxs-inner{
	padding:0 0 0 250px;
}

#cboxs3 .clist{
display: flex;
align-items: center;
position: relative;
z-index: 9;
}
#cboxs3 .logo{
	padding:0 20px 0 0;
}

#cboxs3 dl{
	padding:22px 0 0 0;
}

#cboxs3 dd{
	font-size:0.8em;
	line-height:2.0em;
	padding:10px 0 0 0;
}


#cboxs3 .abs{
	position:absolute;
	left:-106px;
	bottom:20px;
}


#cbox2{
	padding:25px 10px;
}

#cbox2 .cbox-inner{
	padding:10px 0 0 0;
}


#cboxs4{
	width:740px;
	float:left;
}

#cboxs5{
	width:180px;
	float:right;
	font-size:0.7em;
	line-height:1.7em;
}


.pavacca{
	position:relative;
	top:-50px;
}

.pacheese{
	position:relative;
	top:-50px;
}






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

#cbox1{
	
}

#cbox1 .cbox-ttl{
	background:url(../img/concept/bar.jpg) left bottom repeat-x;
	padding:0 0 2px 0;
}


#cbox1 .cbox-ttl h2{
	float:left;
	font-family: "Sawarabi Mincho";
	font-size:1em;
	line-height:1.7em;
	letter-spacing:2px;
	font-weight:bold;
	color:#000;
}

#cbox1 .cbox-ttl h2:first-letter{
	font-size:1.2em;
}

#cbox1 .cbox-ttl ul{
	float:right;
	padding:10px 0 0 0;
}

#cbox1 .cbox-ttl ul li{
	float:left;
	padding:0 16px 0 0;
}



#cbox1 .cbox-inner{
	padding:78px 0px 0px 0px;
	background:url(../img/concept/bar.jpg) left bottom repeat-x;
}

#cboxs1{
	padding:0 0 76px 0;
}



#cboxs1 dd{
	padding:50px 0 0 0;
}

#cboxs1 dl{
	float:none;
	width:auto;
	font-size:0.8em;
	line-height:1.7em;
}

#cboxs1 .img{
	float:none;
}

#cboxs2{
	position:relative;
	padding:0 0 56px 0;
}

#cboxs2 .cboxs-inner{
	
}


#cboxs2 .clist{
justify-content: center;
}

#cboxs2 .logo{
	width:25%;
	padding:0 0 2vw 0;
}

#cboxs2 dl{
	width:100%;
	padding:0px 0 0 0;
}
#cboxs2 dd{
	font-size:0.8em;
	line-height:2.0em;
	padding:10px 0 0 0;
}

#cboxs2 .abs{
	display:none;
}



#cboxs3{
	position:relative;
	padding:0 0 80px 0;
}

#cboxs3 .cboxs-inner{
	padding:0 0 0 0px;
}

#cboxs3 .clist{
justify-content: center;
flex-wrap: wrap;
}
#cboxs3 .logo{
	width:25%;
	padding:0 0 2vw 0;
}

#cboxs3 dl{
	width:100%;
	padding:0px 0 0 0;
}

#cboxs3 dd{
	font-size:0.8em;
	line-height:2.0em;
	padding:10px 0 0 0;
}


#cboxs3 .abs{
	display:none;
}


#cbox2{
	padding:25px 10px;
}

#cbox2 .cbox-inner{
	padding:10px 0 0 0;
}


#cboxs4{
	width:auto;
	float:none;
}

#cboxs5{
	padding:20px 0 0 0;
	width:auto;
	float:none;
	font-size:0.7em;
	line-height:1.7em;
}


.pavacca{
	position:relative;
	top:-100px;
}

.pacheese{
	position:relative;
	top:-100px;
}




}
