@charset "utf-8";

/* =======================================

パッカーズって

======================================= */
.usp .cont01{
border-top:1px solid #ccc;
overflow: hidden;
height: 650px;
}

.usp .cont01 .left{
float: left;
width: 50%;
height: 100%;
background: url(../img/usp/01.jpg) no-repeat center center;
background-size: cover;
}

.usp .cont01 .right{
float: right;
width: 50%;
background: url(../img/top/cont03bg.jpg);
}


.usp .cont01 p{
font-size: 30px;
color: #005438;
font-weight: 600;
margin: 0 auto;
padding-top: 100px;
padding-bottom: 100px;
padding-left: 50px;
}




.usp #top .cont03 p.top {
    font-size: 36px;
    color: #401000;
    margin: 0px auto 60px;
    font-weight: 700;
}
.usp #top .cont03 {
    padding: 60px 0 80px;
    background: #fff;
    text-align: center;
}

.usp #top .cont03 ul li{
background: #FF8000;
}

.usp #top .cont03 ul li h3{
color: #104000;
}

.usp #top .cont03 h2{
	font-size: 28px;
	color: #401000;
    margin-bottom:30px;
}


.usp #top .cont03 h2 span {
	font-size: 66px;
}

.usp #top .cont03 p.text01{
margin-bottom: 0;
	color: #401000;
}

.usp #top .cont03 ul li .in_box{
background: #fff;
border: 0px solid #401000;
}

.usp .cont04{
padding: 0px 0 80px;
text-align: center;
}

.usp .cont04 .top{
overflow: hidden;
}

.usp .cont04 .left{
background: #104000;
color: #F8B300;
height: 300px;
float: left;
width: 50%;
}

.usp .cont04 .right{
background:url(../img/usp/02.jpg) no-repeat center center;
background-size: 100% auto;
height: 300px;
display: inline-block;
float: left;
width: 50%;
}

.usp .cont04 .left h2{
font-size: 46px;
padding-top: 100px;
}

.usp .cont04 .left h2 span{
display: block;
font-size: 22px;
}

.usp .cont04 p.text01{
padding: 60px 0;
font-size: 18px;
}

.usp .cont04 p.text01 span.text01{
color: #FF8000;
font-size: 26px;
padding: 0 6px;
font-weight: 500;
}

.usp .cont04 p.text01 span.text02{
color: #104000;
font-size: 26px;
background: url(../img/usp/bo.png) repeat-x 0 26px;
padding: 0px 0px 50px;
line-height: 50px;
}

.usp .cont04 p.text02{
background: #f3f3f3;
padding: 30px;
width: 960px;
margin: 0 auto;
}

#page03 .cont05{
padding: 80px 0;
background: #FFBF00;
}


#page03 .cont05 li{
display:inline-block;
width: 480px;
height: 280px;
vertical-align: top;
border-bottom: 10px solid #fff;
position: relative;
}

#page03 .cont05 li:nth-child(1){
background: #fff;
background: url(../img/top/banner01.png) no-repeat;
}

#page03 .cont05 li:nth-child(2){
background: url(../img/top/banner02.png) no-repeat;
margin-left: 40px;
vertical-align: top;
}

#page03 .cont05 li a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: none;
}

#page03 .cont05 li a:hover{
background: #fff;
opacity: 0.2;
}


.usp_img{}
.usp_img img{
    width: 80%;
}


#page03 .usp .cont06{
background: #FF8000;
}

#page03 .usp .cont06 p.top{
text-align: center;
font-size: 36px;
color: #fff;
padding-top: 80px;
}

#page03 .usp .cont06{
padding-bottom: 80px;
}

#page03 .usp .cont06 ul{
    display: flex;
    align-items: center;
    justify-content: center;
}

#page03 .usp .cont06 ul li{
display: inline-block;
width: 480px;
vertical-align: top;
height: 300px;
text-align: center;
background: #fff;
border: 8px double rgba(254,178,0,0.6);
}

#page03 .usp .cont06 ul li h3{
color: #005638;
font-weight: 600;
text-align: center;
padding: 14px 0;
font-size: 24px;
background: -webkit-repeating-linear-gradient(-45deg, rgba(254,178,0.8), rgba(254,178,0,0.6) 3px,rgba(254,178,0,0.6) 3px, rgba(254,178,0,0.6) 7px);
background: repeating-linear-gradient(-45deg, rgba(254,178,0,0.8), rgba(254,178,0,0.6) 3px,rgba(254,178,0,0.6) 3px, rgba(254,178,0,0.6) 7px);
margin-bottom: 20px;
letter-spacing: 2px;
}

#page03 .usp .cont06 ul li:first-child h3{
height: 54px;
padding-top: 32px;
}

#page03 .usp .cont06 ul li{
margin-top:40px;
margin-right: 40px;
}


#page03 .usp .cont06 ul li p{
font-size: 28px;
font-weight: bold;
}

#page03 .usp .cont06 ul li p span.lo{
color: #B20000;
font-weight: 800;
margin-right: 10px;
display: inline-block;
padding-top: 10px;
}

.usp #top .cont07{
padding: 100px 0;
text-align: center;
background: #fff;
}

.usp #top .cont07 h2{
color: #008C46;
font-size: 36px;
font-weight: 600;
top: 240px;
left: 0;
width: 100%;
text-align: center;
position: absolute;
line-height: 170px;
z-index: 2;
}

.usp #top .cont07 .warp{
position: relative;
}

.usp #top .cont07 .pobox{
position: relative;
overflow: hidden;
width: 1000px;
height: 800px;
margin: 0 auto;
padding-top: 100px;
}

.usp #top .cont07 .po{
position: absolute;
background: #FFBF00;
width: 270px;
height: 270px;
border-radius: 135px;
padding: 18px 0;
z-index: 2;
}

.usp #top .cont07 .tr{
top: 0;
right: 160px;
padding-top: 88px;
}

.usp #top .cont07 .tl{
top: 0;
left: 160px;
padding-top: 56px;
}

.usp #top .cont07 .br{
bottom: 270px;
right: 0;
padding-top: 120px;
}

.usp #top .cont07 .bl{
bottom: 0;
left: auto;
right: 160px;
padding-top: 84px;
}

.usp #top .cont07 .ttr{
top: 10px;
right: 256px;
}

.usp #top .cont07 .ttl{
top: 10px;
left: 234px;
}

.usp #top .cont07 .tbr{
bottom: 16px;
right: 250px;
}

.usp #top .cont07 .tbl{
bottom: 16px;
left: 236px;
}

.usp #top .cont07 .bc{
bottom: 0px;
left: 160px;
padding-top: 53px;
}

.usp #top .cont07 .blc {

    bottom: auto;
    left: 50%;
    margin-left: -500px;
    top: 280px;
	padding-top: 73px;

}

.usp #top .cont07 .tr ul{
margin-left: 0;
}

.usp #top .cont07 .br ul{
margin-left: 0;
}

.usp #top .cont07 .tr ul li{
background: none;
}

.usp #top .cont07 .br ul li{
background: none;
}

.usp #top .cont07 .tl ul li{
background: none;
}

.usp #top .cont07 .bl ul li{
background: none;
}

.usp #top .cont07 p.text{
color: #000;
font-size: 28px;
text-align: center;
position: absolute;
z-index: 888;
font-weight: 500;
}

.usp #top .cont07 .center{
width: 700px;
height: 700px;
top: 50%;
left: 50%;
margin-top:-350px;
margin-left: -350px;
position: absolute;
z-index: 1;
background:url(../img/top/cont07bg.jpg) no-repeat center 330px #fff;
background-size: 250px auto;
border-radius: 350px;
padding-top: 0px;
font-size: 18px;
border: 20px double #FFDC73;
}

.usp #top .cont07 .center p{
line-height: 1.7;
font-size: 22px;
}

.usp #top .cont07 .center a{
background:url(../img/top/ico01.png) no-repeat 130px 16px #FF8000;
color: #fff;
width: 150px;
margin: 20px auto;
font-size: 20px;
line-height: 50px;
text-align: left;
border-radius: 4px;
padding-left: 14px;
}

.usp #top .cont07 ul{
width: 100%;
}

.usp #top .cont07 ul li{
margin-bottom: 16px;
padding:0px 0px;
vertical-align: middle;
border-radius: 4px;
}

.usp #top .cont07 .tl ul li{
padding:0px 0px;
}

.usp #top .cont07 .br ul li:nth-child(2){
padding:0px 0px;
}

.usp #top .cont07 ul li p{
font-size: 28px;
color: #000;
font-weight: 600;
}

.usp #top .cont07 ul li p span{
font-size: 16px;
display: block;
line-height: 18px;
}

.usp #top .cont07 ul li a:hover{
opacity: 0.8;
}

.usp #top .cont07 .center a:hover{
opacity: 0.8;
}

.usp #top .cont07 a:hover{
opacity: 1;

}

.usp #top .cont07 p.btm{
padding-top: 60px;
font-size: 28px;
color: #008C46;
}

.usp #top .cont08{
overflow: hidden;
height: 720px;
position: relative;
}

.usp .cont08{
text-align: center;
padding: 0px 0 80px;
}

.usp .cont08 h2 img{
width:60%;
}

.usp .cont08 a{
    background: url(../img/top/ico01.png) no-repeat 330px 16px #FF8000;
    color: #fff;
    width: 350px;
    margin: 20px auto 0;
    font-size: 20px;
    line-height: 50px;
    text-align: left;
    border-radius: 4px;
    padding-left: 14px;
}

.usp .cont08 .in_box{
padding: 40px 0;
height: 300px;
}

.usp .cont08 .bg01{
margin-bottom: 70px;
background: url(../img/usp/03.png) no-repeat top center;
background-size: cover;
}

.usp .cont08 .bg02{
background: url(../img/usp/04.png) no-repeat top center;
background-size: cover;
}

.usp .cont08 h2{
font-size: 36px;
color: #ff8800;
}

.usp .cont09{
text-align: center;
background: #005638;
padding: 80px 0;
}

.contact .usp .cont09 {
    text-align: center;
    background: #fff;
    padding: 20px 0 0px;
}

.usp .cont09 .top{
color: #F8B300;
margin-bottom: 60px;
font-size: 26px;
}

.usp .cont09 h3{
margin-bottom: 20px;
font-size: 22px;
font-weight: normal;
background: #F8B300;
line-height: 60px;
color: #000;
}

.usp .cont09 ul{
width: 1000px;
margin: 0 auto;
}

.usp .cont09 ul li{
display: inline-block;
width: 460px;
margin-bottom: 40px;
vertical-align: top;
color: #fff;
border: 1px solid #F8B300;
padding-bottom: 20px;
}

.contact .usp .cont09 ul li{
background: #005638;
}

.usp .cont09 ul li:nth-child(3){
height: 376px;
}

.usp .cont09 ul li:nth-child(2n){
margin-left: 40px;
}

.usp .cont09 ul li a.tel{
display: inline-block;
margin-right: 20px;
color: #F8B300;
font-size: 28px;
letter-spacing: 2px;
padding-left: 30px;
background: url(../img/usp/tel.png) no-repeat 0 10px;
background-size: 26px;
}

.usp .cont09 ul li p.text02{
margin-top: 10px;
}

.usp .cont09 ul li p.text03{
margin-top: 10px;
font-size: 26px;
color: #F8B300;
}

.usp .cont09 ul li a.btn{
/*     background: url(../img/top/ico01.png) no-repeat 190px 16px #FF8000;
    color: #fff;
    width: 220px;
    margin: 20px auto;
    font-size: 20px;
    line-height: 50px;
    text-align: left;
    border-radius: 4px;
    padding-left: 14px; */

    background: #ff8000;
    color: #fff;
    width: 260px;
    margin: 54px auto;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    border-radius: 4px;
    padding-left: 14px;
    padding: 20px 0;
}

.voice .cont10{
text-align: center;
padding: 100px 0 60px;
}

.voice .cont10 p.text01{
font-size: 32px;
font-weight: 600;
margin-bottom: 50px;
}

.voice .cont10 a{
background: #005638;
border-radius: 6px;
color: #fff;
display: inline-block;
font-size: 24px;
padding: 10px 30px;
}

.voice .box05 ul li{
overflow: hidden;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px dotted #ccc;
}

.voice .box05 #wp_page_numbers ul li{
overflow: hidden;
margin-bottom: 0px;
padding-bottom: 0px;
border-bottom: 0px dotted #ccc;
display: inline-block;
}

.voice .box05 #wp_page_numbers ul li a{
color: #005638;
}

#wp_page_numbers{
}

#wp_page_numbers ul{
width: 500px;
height: 50px;
margin: 0 auto;
position: relative;
}

#wp_page_numbers ul li.next{
position: absolute;
top: 0;
right: 0;
}

#wp_page_numbers ul li.first{
position: absolute;
top: 0;
left: 0;
}

.wp-pagenavi{
position: relative;
height: 50px;
}

.wp-pagenavi a.current{
color: #fff !important;
position: absolute;
top: 0px;
left: 50%;
margin-left: -68px;
}

.voice .box05 ul li .left{
width: 380px;
height: 290px;
color: #FFF;
margin-right:20px;
float: left;
overflow: hidden;
}

.voice .box05 ul li .left p{
display: none;
}

.voice .box05 ul li .left img{
display: block;
}


.voice .box05 ul li .left img{
width: 100%;
height: auto;
}

.voice .box05 ul li .right img{
width: 100%;
margin: 10px auto;
}

.voice .box05 ul li .right p.text01{
margin-bottom: 10px;
color: #FF8000;
}

.voice .box05 ul li .right p.text01 a{
color: #FF8000;
}

.voice .box05 ul li .right p.text02{
margin-bottom: 20px;
}

.voice .box05 ul li .right p.text03{
margin-bottom: 10px;
}

.voice .box05 ul li .right p.text04{
margin-bottom: 10px;
}

.voice .cp_tabpanels{
min-height: 1130px;
}

#news01 .voice .cp_tabpanels,
#news02 .voice .cp_tabpanels{
height: auto;
min-height: auto !important;
}

#news01 #first_tab01,
#news02 #first_tab01{
position: static;
}

#news01 .voice .cp_tabpanels a,
#news02 .voice .cp_tabpanels a{
color: #000;
}

#news02 #shop{
background: #fff;
}

#news02 .cp_tab,
#news02 #shop .cont03{
margin-top: 0;
margin-bottom: 0;
}

#news02 #shop .cont03{
padding-bottom: 100px;
}

#news02 .com .fv03 {
background: url(../recruit/img/com/02.jpg) no-repeat center right, url(../recruit/img/com/0202.jpg) repeat center right;
background-size: auto auto;
    height: 360px;
    position: relative;
}

#news02 .com .fv03 p {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    line-height: 360px;
    font-size: 40px;
    text-align: center;
    color: #000;
    letter-spacing: 3px;
}

@media(max-width:960px) and (min-width: 641px){
#news02 .com .fv03 {
background: url(../recruit/img/com/02.jpg) no-repeat center right, url(../recruit/img/com/0202.jpg) repeat center right;
background-size: auto auto;
    height: 360px;
    position: relative;
}

#news02 .com .fv03 p {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    line-height: 360px;
    font-size: 40px;
    text-align: center;
    color: #000;
    letter-spacing: 3px;
}
}

@media(max-width:640px) and (min-width: 320px){
#news02 .com .fv03 {
background: url(../recruit/img/com/02.jpg) no-repeat 160px center, url(../recruit/img/com/0202.jpg) repeat center right;
background-size: auto 140px;
    height: 180px;
    position: relative;
}

#news02 .com .fv03 p {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    line-height: 180px;
    font-size: 40px;
    text-align: center;
    color: #000;
    letter-spacing: 3px;
	font-size: 28px;
}

#news01 .cp_tab, #news02 #shop .cont03{
padding-top: 20px;
}

#news01 .voice .box05 ul li .right p.text02,
#news02 .voice .box05 ul li .right p.text02{
font-size: 18px;
margin-bottom: 0;
}

#news01 #shop .cont02 p span {
    font-size: 20px;
}

}

@media(max-width:960px) and (min-width: 641px){

#news01 .voice .box05 ul li .right p.text02,
#news02 .voice .box05 ul li .right p.text02{
font-size: 18px;
margin-bottom: 0;
}

#news01 .cp_tab{
padding-top: 40px;
}

#news01 #shop .cont03,
#news02 #shop .cont03{
margin: 0px 30px;
}

}


.wp-pagenavi{
margin: 40px auto;
text-align: center;
}

.wp-pagenavi a,
.wp-pagenavi .current{
text-decoration: none;
border: 1px solid #f3f3f3;
padding:6px 10px;
margin: 5px;
line-height: 20px;display: inline-block;
color: #005638;
background: #f3f3f3;
}

.wp-pagenavi .current{
color: #fff;
background: #005638;
border: 1px solid #005638;
}












/*
タブレットのみ
----------------------------------------------------------- */
@media(max-width:960px) and (min-width: 641px){

.usp .cont01{
border-top:1px solid #ccc;
overflow: hidden;
height: auto;
}

.usp .cont01 .left{
float: none;
width: 100%;
height: 400px;
background: url(../img/usp/01.jpg) no-repeat bottom center;
background-size: cover;
}

.usp .cont01 .right{
float: none;
width: 100%;
height: auto;
background: url(../img/top/cont03bg.jpg);
}

.usp .cont01 p{
font-size: 26px;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 0px;
text-align: center;
}

.usp #top .cont03 p.top {
    font-size: 22px;
    margin: 0px auto 40px;
}
.usp #top .cont03 {
    padding: 40px 0 40px;
}

.usp #top .cont03 ul li{
}

.usp #top .cont03 ul li h3{
}

.usp #top .cont03 h2{
	font-size: 22px;
	color: #401000;
	margin: 0 auto 10px;
	width: 100%;
}


.usp #top .cont03 h2 span {
	font-size: 42px;
	display: block;
}

.usp #top .cont03 p.text01{
margin-bottom: 0;
font-size: 42px;
}

.usp .cont04{
padding: 0px 0 40px;
text-align: center;
}

.usp .cont04 .left{
background: #104000;
color: #F8B300;
height: auto;
float: none;
width: 100%;
}

.usp .cont04 .right{
background:url(../img/usp/02.jpg) no-repeat bottom center;
background-size: cover;
height: 300px;
float: none;
width: 100%;
}

.usp .cont04 .left h2{
font-size: 46px;
padding-top: 50px;
padding-bottom: 50px;
}

.usp .cont04 .left h2 span{
display: block;
font-size: 22px;
}

.usp .cont04 p.text01{
padding: 50px 10px;
font-size: 18px;
}

.usp .cont04 p.text01 br.pc_none,
.usp .cont04 p.text02 br.pc_none{
display: none;
}
.usp .cont04 p.text01 span.text02{
font-size: 22px;
background: url(../img/usp/bo.png) repeat-x 0 24px;
background-size: 56px auto;
padding: 0px 0px 60px;
line-height: 40px;
}

.usp .cont04 p.text02{
padding: 30px;
width: auto;
margin: 0 auto;
font-size: 17px;
}


#page03 .cont05{
background: #FFBF00;
padding: 40px 0 20px;
}

#page03 .cont05 ul{
text-align: center;
}


#page03 .cont05 li{
display:inline-block;
width: 300px;
height: 180px;
vertical-align: top;
margin: 0 auto 20px;
border-bottom: 7px solid #fff;
}

#page03 .cont05 li:nth-child(1){
background: #fff;
background: url(../img/top/banner01.png) no-repeat;
background-size: cover;
}

#page03 .cont05 li:nth-child(2){
background: url(../img/top/banner02.png) no-repeat;
margin-left: 0px;
vertical-align: top;
background-size: cover;
margin: 0 auto 0px;
}

#page03 .usp .cont06{
padding: 40px 0;
height: auto;
}

#page03 .usp .cont06 p.top{
font-size: 26px;
padding-top: 0;
}

#page03 .usp .cont06 p.top br.pc_none{
display: none;
}

#page03 .usp .cont06 ul {
    width: auto;
    margin: 40px auto 0;
	padding: 0 40px;
}

#page03 .usp .cont06 ul li {
    display:block;
    width: 100%;
    height: auto;
	margin-bottom: 20px;
}

#page03 .usp .cont06 ul li:nth-child(1), #page03 .usp .cont06 ul li:nth-child(2) {
    margin-bottom: 20px;
}

#page03 .usp .cont06 ul li:nth-child(2n+1) {
    margin-right: 0px;
}

#page03 .usp .cont06 ul li:first-child img{
width: 240px;
}

#page03 .usp .cont06 ul li h3{
font-size: 24px;
}

#page03 .usp .cont06 ul li:first-child h3{
height: 30px;
padding-top: 14px;
padding-bottom: 14px;
}

#page03 .usp .cont06 ul li{
    padding-bottom: 20px;
}

#page03 .usp .cont06 ul li p {
    font-size: 26px;
}

#page03 .usp .cont06 ul li p span.lo {
    font-size: 66px;
}







.usp .cont08{
text-align: center;
padding: 30px 0 30px;
height: auto;
}

.usp .cont08 a{
    background: url(../img/top/ico01.png) no-repeat 360px 20px #FF8000;
    color: #fff;
    width: 380px;
    margin: 0px auto 0;
    font-size: 22px;
    line-height: 60px;
    text-align: left;
    border-radius: 4px;
    padding-left: 14px;
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -190px;
	height: auto;
}

.usp .cont08 a:hover{
height: auto;
}

.usp .cont08 .in_box{
padding: 40px 0;
height: 67vw;
position: relative;
}

.usp .cont08 .bg01{
margin-bottom: 20px;
background: url(../img/usp/03sp.png) repeat-y top center;
background-size: 100% auto;
}

.usp .cont08 .bg02{
background: url(../img/usp/04sp.png) repeat-y top center;
background-size: 100% auto;
}

.usp .cont08 h2{
font-size: 36px;
color: #ff8800;
display: none;
}

.usp .cont09{
text-align: center;
background: #005638;
padding: 40px 0;
}

.contact .usp .cont09 {
    text-align: center;
    background: #fff;
    padding: 20px 0 0px;
}

.usp .cont09 .top{
color: #F8B300;
margin-bottom: 40px;
font-size: 22px;
}

.usp .cont09 .top br.pc_none{
display: none;}

.usp .cont09 h3{
margin-bottom: 20px;
font-size: 22px;
font-weight: normal;
background: #F8B300;
line-height: 36px;
color: #000;
padding: 20px 0;
}

.usp .cont09 h3 br.pc_none{
display: none;
}

.usp .cont09 ul{
width: auto;
margin: 0 auto;
padding:0 40px;
}

.usp .cont09 ul li{
display: inline-block;
width: 100%;
margin-bottom: 20px;
vertical-align: top;
color: #fff;
border: 1px solid #F8B300;
padding-bottom: 20px;
height: auto;
}

.usp .cont09 ul li:nth-child(2n){
margin-left: 0px;
}

.usp .cont09 ul li a.tel{
display: inline-block;
margin-right: 0px;
color: #F8B300;
font-size: 32px;
letter-spacing: 2px;
padding-left: 30px;
background: url(../img/usp/tel.png) no-repeat 0 12px;
background-size: 26px;
}

.usp .cont09 ul li p.text02{
margin-top: 10px;
}

.usp .cont09 ul li p.text03{
margin-top: 10px;
font-size: 26px;
color: #F8B300;
}

.usp .cont09 ul li p span{
display: inline-block;
font-size: 15px;
margin-left: 10px;
}

.usp .cont09 ul li a.btn{
    background: url(../img/top/ico01.png) no-repeat 190px 16px #FF8000;
    color: #fff;
    width: 220px;
    margin: 20px auto;
    font-size: 20px;
    line-height: 50px;
    text-align: left;
    border-radius: 4px;
    padding-left: 14px;
}

.usp #top .cont07 .pobox{
width: 640px;
height: 730px;
}

.usp #top .cont07 .po {
    width: 200px;
    height: 200px;
    border-radius: 100px;
}

.usp #top .cont07 ul li p{
font-size: 20px;
}

#top .cont07 .tl ul li:last-child{
margin-left: 0 !important;
margin-top: 0 !important;
}

#top .cont07 ul li{
width: 100% !important;
display: block !important;
margin: 0 !important;
}

.usp #top .cont07 .tr{
padding-top: 86px;
}

.usp #top .cont07 .tl{
left: 50%;
margin-left: -250px;
top: 100px;
}

.usp #top .cont07 .tr{
right: 50%;
margin-right: -250px;
top: 100px;
}

.usp #top .cont07 .br {
right: 50%;
margin-right: -320px;
top: 320px;
padding-top: 80px;
}

.usp #top .cont07 .bl {
    bottom: auto;
    left: auto;
    right: 50%;
    padding-top: 72px;
    margin-right: -220px;
    top: 530px;
}

.usp #top .cont07 .bc {
    bottom: auto;
    left: 50%;
    padding-top: 43px;
    margin-left: -230px;
    top: 530px;
}

.usp #top .cont07 .blc {
    bottom: auto;
    left: 50%;
    margin-left: -320px;
    top: 320px;
	padding-top: 56px;
}


.usp #top .cont07 .center {
    width: 500px;
    height: 500px;
    top: 50%;
    left: 50%;
    margin-top: -220px;
    margin-left: -250px;
    position: absolute;
    z-index: 1;
    background: url(../img/top/cont07bg.jpg) no-repeat center center #fff;
        background-size: auto auto;
    background-size: 200px auto;
    border-radius: 350px;
    padding-top: 0px;
    font-size: 18px;
    border: 20px double #FFDC73;
}

.usp #top .cont07 h2{
top: -70px;
}

.usp #top .cont07 p.btm{
font-size: 20px;
}

.usp #top .cont07 p.btm br.pc_none{
display: none;
}

.usp #top .cont07{
padding-bottom: 60px;
}

.voice .box05{
padding: 30px 20px;
}


.voice .box05 ul li{
overflow: hidden;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px dotted #ccc;
}

.voice .box05 ul li .right p.text01{
margin-bottom: 10px;
color: #FF8000;
font-size: 16px;
}

.voice .box05 ul li .right p.text02{
margin-bottom: 20px;
font-size: 16px;
}

.voice .box05 ul li .right p.text03{
margin-bottom: 10px;
font-size: 16px;
}

.voice .box05 ul li .right p.text04{
margin-bottom: 10px;
font-size: 16px;
}

.voice .cp_tabpanels{
}



}

/*
スマホのみ
----------------------------------------------------------- */
@media(max-width:641px) and (min-width: 320px){
.usp .cont01{
border-top:1px solid #ccc;
overflow: hidden;
height: auto;
}

.usp .cont01 .left{
float: none;
width: 100%;
height: 200px;
background: url(../img/usp/01.jpg) no-repeat bottom center;
background-size: cover;
}

.usp .cont01 .right{
float: none;
width: 100%;
height: auto;
background: url(../img/top/cont03bg.jpg);
}

.usp .cont01 p{
font-size: 18px;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 0px;
text-align: center;
}

.usp #top .cont03 p.top {
    font-size: 18px;
    margin: 0px auto 40px;
}
.usp #top .cont03 {
    padding: 40px 0 40px;
}

.usp #top .cont03 ul li{
}

.usp #top .cont03 ul li h3{
}

.usp #top .cont03 h2{
	font-size: 18px;
	color: #401000;
	margin: 0 auto 10px;
	width: 100%;
}


.usp #top .cont03 h2 span {
	font-size: 28px;
	display: block;
}

.usp #top .cont03 p.text01{
margin-bottom: 0;
font-size: 28px;
}

.usp .cont04{
padding: 0px 0 40px;
text-align: center;
}

.usp .cont04 .left{
background: #104000;
color: #F8B300;
height: auto;
float: none;
width: 100%;
}

.usp .cont04 .right{
background:url(../img/usp/02.jpg) no-repeat bottom center;
background-size: cover;
height: 160px;
float: none;
width: 100%;
}

.usp .cont04 .left h2{
font-size: 36px;
padding-top: 50px;
padding-bottom: 50px;
}

.usp .cont04 .left h2 span{
display: block;
font-size: 18px;
}

.usp .cont04 p.text01{
padding: 30px 10px;
font-size: 16px;
}

.usp .cont04 p.text01 span.text01{
}

.usp .cont04 p.text01 span.text02{
font-size: 20px;
background: url(../img/usp/bo.png) repeat-x 0 24px;
background-size: 56px auto;
padding: 0px 0px 60px;
line-height: 40px;
}

.usp .cont04 p.text02{
padding: 10px;
width: auto;
margin: 0 auto;
font-size: 15px;
}


#page03 .cont05{
background: #FFBF00;
padding: 20px 0;
}

#page03 .cont05 ul{
text-align: center;
}


#page03 .cont05 li{
display:inline-block;
width: 300px;
height: 180px;
vertical-align: top;
margin: 0 auto 20px;
border-bottom: 7px solid #fff;
}

#page03 .cont05 li:nth-child(1){
background: #fff;
background: url(../img/top/banner01.png) no-repeat;
background-size: cover;
}

#page03 .cont05 li:nth-child(2){
background: url(../img/top/banner02.png) no-repeat;
margin-left: 0px;
vertical-align: top;
background-size: cover;
margin: 0 auto 0px;
}

#page03 .usp .cont06{
padding: 40px 0;
}

#page03 .usp .cont06 p.top{
font-size: 22px;
padding-top: 0;
}

#page03 .usp .cont06 ul {
    flex-direction:column;
}

#page03 .usp .cont06 ul li {
    display:block;
    width: 96%;
    height: auto;
    margin:20px;
}

#page03 .usp .cont06 ul li h3{
font-size: 18px;
}

#page03 .usp .cont06 ul li:first-child h3{
height: 30px;
padding-top: 14px;
padding-bottom: 14px;
}

#page03 .usp .cont06 ul li{
    padding-bottom: 20px;
}

#page03 .usp .cont06 ul li p {
    font-size: 22px;
}

#page03 .usp .cont06 ul li:first-child img{
width: 80%;
}


#page03 .usp .cont06 ul li p span.lo {
    font-size: 46px;
}

.usp #top .cont07 p.btm {
    font-size: 18px;
	padding-top: 30px;
}

.usp #top .cont07{
padding: 40px 0;
text-align: center;
background: #FFDC73;
}

.usp #top .cont07 h2{
color: #008C46;
font-size: 24px;
font-weight: 600;
top: 0px;
left: 0;
width: 100%;
text-align: center;
position: absolute;
line-height: 30px;
}

.usp #top .cont07 h2 span.pc_none{
display: inline-block;
}

.usp #top .cont07 .warp{
position: relative;
}

.usp #top .cont07 .pobox{
position: relative;
overflow: hidden;
width: auto;
height: 920px;
margin: 0 auto;
}

.usp #top .cont07 .po{
position: absolute;
background: #fff;
width: 280px;
height: auto;
padding:8px 8px 8px;
border-radius: 5px;
}

.usp #top .cont07 .tr{
top: 260px;
right: 50%;
margin-right: -140px;
}

.usp #top .cont07 .tr ul li:last-child{
margin-top: 10px;
}

.usp #top .cont07 .tl{
top:792px;
left: 50%;
margin-left: -140px;
}

.usp #top .cont07 .br{
bottom: auto;
top: 400px;
right: 50%;
margin-right: -140px;
}

.usp #top .cont07 .bl {
    bottom: auto;
    left: 50%;
    margin-left: -140px;
    top: 500px;
}

.usp #top .cont07 .ttr{
top: 556px;
right: 0;
width: 100%;
}

.usp #top .cont07 .ttl{
top: 1046px;
left: 0;
width: 100%;
}

.usp #top .cont07 .tbr{
bottom: 522px;
right: 0;
width: 100%;
}

.usp #top .cont07 .tbl{
bottom: 349px;
left: 0;
width: 100%;
}

.usp #top .cont07 .bc {
    bottom: auto;
    left: 50%;
    margin-left: -140px;
    top: 606px;
}

.usp #top .cont07 .blc{
top: 685px;
margin-left: -140px;
}

.usp #top .cont07 .bc br,.usp #top .cont07 .blc br{
display: none;
}

.usp #top .cont07 .bc li,
.usp #top .cont07 .blc li{
width: 100%;
margin-left: 0 !important;
}

.usp #top .cont07 .tr ul{
margin-left: 0px;
}

.usp #top .cont07 .br ul{
margin-left: 0px;
}

.usp #top .cont07 .tr ul li{
background: #402000;
width: 100%;
margin-left: 0 !important;
}

.usp #top .cont07 .br ul li{
background: #104000;
height: 74px;
}

.usp #top .cont07 .tl ul li{
background: #D96D00;
}

.usp #top .cont07 .bl ul li{
background: #468C00;
}

.usp #top .cont07 .bc ul li{
background: #660000;
}

.usp #top .cont07 .blc ul li{
background: #004030;
}


.usp #top .cont07 p.text{
color: #000;
font-size: 16px;
text-align: center;
position: absolute;
z-index: 888;
font-weight: 500;
}

.usp #top .cont07 p.text span.pc_none{
display: inline-block;
}

.usp #top .cont07 .center{
width: 640px;
height: 200px;
top: 50px;
left: 50%;
margin-top: -0px;
margin-left: -320px;
position: absolute;
z-index: 888;
background:url(../img/top/cont07bg.jpg) no-repeat center center #fff;
background-color: none;
background-size: 150px auto;
border-radius: 0px;
padding-top:0px;
border: 10px solid #FFDC73;
}

.usp #top .cont07 .center p{
line-height: 1.7;
font-size: 18px;
}

.usp #top .cont07 .center a{
background:url(../img/top/ico01.png) no-repeat 130px 16px #FF8000;
color: #fff;
width: 150px;
margin: 20px auto;
font-size: 20px;
line-height: 50px;
text-align: left;
border-radius: 4px;
padding-left: 14px;
}

.usp #top .cont07 ul{
width: 100%;
}

.usp #top .cont07 ul li{
margin-bottom: 0px;
padding:10px 10px;
vertical-align: top;
border-radius: 4px;
width: 48%;
display: inline-block;

}

.usp #top .cont07 ul li:last-child{
margin-bottom: 0;
margin-left: 4%;
}

.usp #top .cont07 .tl ul li:last-child{
margin-bottom: 0;
margin-left: 4%;
}

.usp #top .cont07 .tl ul li:first-child{
width: 100%;
margin-bottom: 10px;
}

.usp #top .cont07 .tl ul li{
padding:12px 10px;
}

.usp #top .cont07 .br ul li:nth-child(2){
padding:10px 10px;
}

.usp #top .cont07 ul li p{
font-size: 18px;
color: #fff;
}

.usp #top .cont07 ul li p span{
font-size: 12px;
display: block;
line-height: 18px;
}

.usp #top .cont07 .center a:hover{
opacity: 0.8;
}

.usp #top .cont07 a:hover{
opacity: 1;
}

.usp #top .cont07 a:hover .po{
background: #FFBF00;
}







.usp .cont08{
text-align: center;
padding: 30px 0 30px;
}

.usp .cont08 a{
    background: url(../img/top/ico01.png) no-repeat 260px 16px #FF8000;
    color: #fff;
    width: 280px;
    margin: 0px auto 0;
    font-size: 16px;
    line-height: 50px;
    text-align: left;
    border-radius: 4px;
    padding-left: 14px;
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -145px;
}

.usp .cont08 .in_box{
padding: 40px 0;
height: 67vw;
position: relative;
}

.usp .cont08 .bg01{
margin-bottom: 20px;
background: url(../img/usp/03sp.png) repeat-y top center;
background-size: 100% auto;
}

.usp .cont08 .bg02{
background: url(../img/usp/04sp.png) repeat-y top center;
background-size: 100% auto;
}

.usp .cont08 h2{
font-size: 36px;
color: #ff8800;
display: none;
}

.usp .cont09{
text-align: center;
background: #005638;
padding: 40px 0;
}

.contact .usp .cont09 {
    text-align: center;
    background: #fff;
    padding: 20px 0 0px;
}

.usp .cont09 .top{
color: #F8B300;
margin-bottom: 40px;
font-size: 20px;
}

.usp .cont09 h3{
margin-bottom: 20px;
font-size: 18px;
font-weight: normal;
background: #F8B300;
line-height: 26px;
color: #000;
padding: 10px 0;

}

.usp .cont09 ul{
width: auto;
margin: 0 auto;
padding:0 10px;
}

.usp .cont09 ul li{
display: inline-block;
width: 100%;
margin-bottom: 20px;
vertical-align: top;
color: #fff;
border: 1px solid #F8B300;
padding-bottom: 20px;
height: auto;
}

.contact .usp .cont09 ul li{
}

.usp .cont09 ul li:nth-child(3){
height: auto;
}


.usp .cont09 ul li:nth-child(2n){
margin-left: 0px;
}

.usp .cont09 ul li a.tel{
display: inline-block;
margin-right: 0px;
color: #F8B300;
font-size: 32px;
letter-spacing: 2px;
padding-left: 30px;
background: url(../img/usp/tel.png) no-repeat 0 12px;
background-size: 26px;
}

.usp .cont09 ul li p.text02{
margin-top: 10px;
}

.usp .cont09 ul li p.text03{
margin-top: 10px;
font-size: 26px;
color: #F8B300;
}

.usp .cont09 ul li p span{
display: block;
font-size: 15px;
}

.usp .cont09 ul li a.btn{
    background: url(../img/top/ico01.png) no-repeat 190px 16px #FF8000;
    color: #fff;
    width: 220px;
    margin: 20px auto;
    font-size: 20px;
    line-height: 50px;
    text-align: left;
    border-radius: 4px;
    padding-left: 14px;
}

.voice .cont10{
text-align: center;
padding: 30px 0 10px;
}

.voice .cont10 p.text01{
font-size: 18px;
font-weight: 600;
margin-bottom: 30px;
}

.voice .cont10 a{
background: #005638;
border-radius: 6px;
color: #fff;
display: inline-block;
font-size: 18px;
padding: 10px 30px;
}

.voice .box05 ul li{
overflow: hidden;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px dotted #ccc;
}

#wp_page_numbers ul{
width: 100%;
}

.wp-pagenavi a.current {
    color: #fff !important;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -25px;
}

.voice .box05 ul li .left{
width: 100%;
height: 220px;
margin-right:0px;
margin-bottom: 20px;
float: none;
overflow: hidden;
}

.voice .box05 ul li .left img{
width: 100%;
}

.voice .box05 ul li .right p.text01{
margin-bottom: 10px;
color: #FF8000;
font-size: 16px;
}

.voice .box05 ul li .right p.text02{
margin-bottom: 20px;
font-size: 16px;
}

.voice .box05 ul li .right p.text03{
margin-bottom: 10px;
font-size: 16px;
}

.voice .box05 ul li .right p.text04{
margin-bottom: 10px;
font-size: 16px;
}

#shop .cp_tabpanels{
position: relative;
min-height: 1000px !important;
}

#page #shop .cp_tabpanels{
min-height: 1600px !important;
}



.wp-pagenavi a,
.wp-pagenavi .current{
margin: 3px;
}


}

.voice .box05 ul.sub li .right p.text02{
font-size: 26px;
}

@media(max-width:960px) and (min-width: 640px){
.voice .box05 ul.sub li .right p.text02{
font-size: 22px !important;
margin-bottom: 20px !important;
}
}

@media(max-width:641px) and (min-width: 320px){
.voice .box05 ul.sub li .right p.text02{
font-size: 20px !important;
margin-bottom: 20px !important;
}
}

#mem .cp_tab{
padding-top: 20px;
margin-top: 0;
}

#mem .cont03 .menber h3 {
    background: #ff8800;
    padding: 10px;
        padding-left: 10px;
    margin-bottom: 20px;
    color: #fff;
    font-size: 22px;
    padding-left: 20px;
    font-weight: 400;
}

#mem .cont03 .menber li{
background: rgba(254,178,0,0.2);
width: 468px;
display: inline-block;
padding: 20px;
margin-bottom: 20px;
vertical-align: top;
height: 500px;
}

#mem .cont03 .menber ul{
margin-bottom: 40px;
}

#mem .cont03 .menber li:nth-child(even){
margin-left: 20px;
}

#mem .cont03 .menber li .imgbox{
overflow: hidden;
margin-bottom: 20px;
}

#mem .cont03 .menber li .imgbox .photo{
float: left;
width: 200px;
height: 200px;
margin-right:20px;
position: relative;
overflow: hidden;
background: #ccc;
}

#mem .cont03 .menber li .imgbox img{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width:auto;
height:200px;
}

#mem .cont03 .menber li p.name{
margin: 0px 0 20px;
font-size: 20px;
}

#mem .cont03 .menber li p.text01{
margin-bottom: 10px;
width: 208px;
float: right;
background: #fff;
line-height: 30px;
padding: 4px 6px;
font-size: 15px;
}

#mem .cont03 .menber li p.text01 span{
color: #fff;
background: #ff8800;
margin-right: 10px;
line-height: 30px;
padding: 0px 10px;
}

#mem .voice .cp_tabpanels{
height: auto;
}

#mem #first_tab01{
position: static;
}

#mem #shop .cont02 p span {
    font-size: 46px;
    margin-top: 16px;
    display: block;
}

@media(max-width:960px) and (min-width: 640px){
#mem .cp_tab{
padding-top: 0;
margin-top: 0;
}

#mem .cont03 .menber h3 {
    padding: 10px;
    margin-bottom: 20px;
    color: #fff;
    font-size: 22px;
    padding-left: 10px;
    text-align: center;
}

#mem .cont03 .menber li{
width: 100%;
display: block;
padding: 30px;
margin-bottom: 30px;
vertical-align: top;
height: auto;
}

#mem .cont03 .menber ul{
margin-bottom: 30px;
}

#mem .cont03 .menber li:nth-child(even){
margin-left: 0px;
}

#mem .cont03 .menber li .imgbox{
margin-bottom: 20px;
text-align: center;
}

#mem .cont03 .menber li .imgbox .photo{
float: none;
width: 240px;
height: 240px;
margin: 0 auto 20px;
position: relative;
overflow: hidden;
background: #ccc;
background: #FFF0CC;
}

#mem .cont03 .menber li .imgbox img{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width:auto;
height:240px;
}


#mem .cont03 .menber li p.name{
margin: 0px 0 20px;
font-size: 20px;
}

#mem .cont03 .menber li p.text01{
margin-bottom: 10px;
width: 100%;
float: none;
background: #fff;
line-height: 30px;
padding: 4px 6px;
font-size: 18px;
text-align: left;
}

#mem .cont03 .menber li p.text01 span{
color: #fff;
background: #ff8800;
margin-right: 10px;
line-height: 30px;
padding: 0px 10px;
}

#mem .cont03 .menber li p.text02{
font-size: 18px;
}

#mem .voice .cp_tabpanels{
height: auto;
}

#mem #first_tab01{
position: static;
padding: 30px;
}

#mem #shop .cont02 p span {
    font-size: 26px;
    margin-top: 16px;
    display: block;
}

#mem #shop .cont03{
margin-top: 0;
margin: 0 40px 0;
}
}

@media(max-width:641px) and (min-width: 320px){
#mem .cp_tab{
padding-top: 0;
margin-top: 0;
}

#mem .cont03 .menber h3 {
    padding: 10px;
    margin-bottom: 20px;
    color: #fff;
    font-size: 22px;
    padding-left: 10px;
    text-align: center;
}

#mem .cont03 .menber li{
width: 100%;
display: block;
padding: 20px;
margin-bottom: 20px;
vertical-align: top;
height: auto;
}

#mem .cont03 .menber ul{
margin-bottom: 30px;
}

#mem .cont03 .menber li:nth-child(even){
margin-left: 0px;
}

#mem .cont03 .menber li .imgbox{
overflow: hidden;
margin-bottom: 20px;
text-align: center;
}

#mem .cont03 .menber li .imgbox .photo{
float: none;
width: 240px;
height: 240px;
margin-right:0px;
position: relative;
overflow: hidden;
background: #ccc;
margin-bottom: 20px;
}

#mem .cont03 .menber li .imgbox img{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width:auto;
height:240px;
}

#mem .cont03 .menber li p.name{
margin: 0px 0 20px;
font-size: 20px;
}

#mem .cont03 .menber li p.text01{
margin-bottom: 10px;
width: 100%;
float: none;
background: #fff;
line-height: 30px;
padding: 4px 6px;
font-size: 15px;
text-align: left;
}

#mem .cont03 .menber li p.text01 span{
color: #fff;
background: #ff8800;
margin-right: 10px;
line-height: 30px;
padding: 0px 10px;
}

#mem .cont03 .menber li p.text02{
font-size: 16px;
}

#mem .voice .cp_tabpanels{
height: auto;
}

#mem #first_tab01{
position: static;
}

#mem #shop .cont02 p span {
    font-size: 26px;
    margin-top: 16px;
    display: block;
}

#mem #shop .cont03{
margin-top: 0;
}

#page07 #shop .cont02{
height: 200px !important;
}

#mem #shop .cont02{
height: 200px !important;
}

#mem #shop .cont10 p.text03{
color: #ff8800;
font-weight: 600;
font-size: 26px !important;
margin-bottom: 30px !important;
}

}

#mem .voice .cont10{
padding-bottom: 0;
}

#page07 #shop .cont02{
height: 420px;
}

#mem #shop .cont02{
height: 420px;
}

#mem #shop .cont10 p.text03{
color: #ff8800;
font-weight: 600;
font-size: 46px;
margin-bottom: 50px;
}