@charset "UTF-8";

@media screen and (max-width: 1023px) {
#breadCrumb h1:before {
background:url(../../img/philosophy/common/bread_icon_philosophy.png) no-repeat 0 0/52px auto
}

#cr02 {
display:none
}

.philosophy #content {
box-sizing:border-box;
padding:0 10px 20px
}

.philosophy .conteInr {
width:100%!important
}

.philosophy .section {
margin-bottom:40px!important;
width:100%
}

.philosophy .section h4 {
margin-bottom:20px;
text-align:center
}

.philosophy .section h4 img {
height:40px;
width:auto
}

.philosophy .section .alignR {
margin-top:8px
}

.philosophy #section01sp {
margin:30px 0;
text-align:center
}

.philosophy #section02 {
background:url(../../img/philosophy/top/img04.png) no-repeat center top/auto 282px;
margin:0;
min-height:1px;
padding:290px 0 0
}

.philosophy #section03 {
background:url(../../img/philosophy/top/img06.png) no-repeat center top/auto 279px;
margin:0;
min-height:1px;
padding:290px 0 0
}

.philosophy #section03 h4 img {
height:29px
}

.philosophy #section04 {
background:url(../../img/philosophy/top/img08.png) no-repeat center top/auto 307px;
margin:0;
min-height:1px;
padding:310px 0 0
}

.philosophy #section04 h4 img {
height:42px
}

.philosophy #section05 {
background:url(../../img/philosophy/top/img10.png) no-repeat center top/auto 307px;
margin:0;
min-height:1px;
padding:320px 0 0;
width:100%
}

.philosophy #section05 h4 img {
height:28px
}

.philosophy #section06 {
background:url(../../img/philosophy/top/img12.png) no-repeat center top/auto 302px;
margin:0;
min-height:1px;
padding:310px 0 0
}

.ingredient {
margin-bottom:0
}

.ingredient h4 {
font-size:131%;
margin-bottom:10px
}

.ingredient #section01,.ingredient #section02,.ingredient #section03,.ingredient #section04 {
margin-bottom:35px;
padding:0 10px
}

.ingredient #section03 img {
margin-bottom:12px
}

.method dl {
box-sizing:border-box;
float:none;
margin:0 0 20px;
padding:0 10px;
width:100%
}

.method .dl03 {
margin:0 0 40px
}

.method dl dt {
font-size:131%;
margin-bottom:6px
}

.method dl dt span {
display:block
}

.method #section02 {
margin:0;
padding:0 10px
}

.method #section02 .img {
margin-bottom:15px;
overflow:hidden
}

.method #section02 .mb80 {
margin-bottom:0!important
}

.aloha #section01 {
background:url(../../img/philosophy/aloha/img02.png) no-repeat center top/auto 207px;
margin:40px 0 25px;
min-height:1px;
padding:220px 10px 0
}

.aloha #section01 h4 {
margin-top:20px
}

.aloha #section02 {
margin:0 0 50px;
padding:0 10px
}

.aloha #section02 p img {
height:auto;
margin:20px 0 0;
max-width:100%
}

.overseas h4 {
font-size:131%;
margin-bottom:7px
}

.overseas .conteInr #section01 {
background:url(../../img/philosophy/overseas/img02.png) no-repeat center bottom;
box-sizing:border-box;
min-height:1px;
padding:0 10px 145px
}

.overseas .conteInr #section02 {
margin:25px 0;
padding:0 10px
}

.overseas .conteInr #section03 {
background:url(../../img/philosophy/overseas/img03.png) no-repeat center bottom;
box-sizing:border-box;
margin:20px 0;
min-height:1px;
padding:0 10px 145px
}

.philosophy #section01sp img,.ingredient #catImg h2 img,.ingredient h3 img,.ingredient #section01 img,.ingredient #section02 img,.ingredient #section03 img,.ingredient #section04 img,.method #catImg h2 img,.method h3 img,.method dl dt img,.method #section02 .img img,.aloha #catImg h2 img,.aloha h3 img,.overseas #catImg h2 img,.overseas h3 img {
height:auto;
max-width:100%
}

.philosophy #section02 p,.philosophy #section03 p,.philosophy #section04 p,.philosophy #section05 p,.philosophy #section06 p,.ingredient #content,.method #content,.aloha #content,.overseas #content {
box-sizing:border-box;
padding:0 10px;
width:100%
}

.philosophy #section03 h4,.philosophy #section04 h4,.philosophy #section05 h4,.philosophy #section06 h4 {
padding-top:0
}

.ingredient #catImg h2,.method #catImg h2,.aloha #catImg h2,.overseas #catImg h2 {
margin:0 0 30px;
overflow:hidden;
width:100%
}

.ingredient .conteInr,.method .conteInr,.aloha .conteInr,.overseas .conteInr {
float:none;
margin:0 0 50px!important;
width:100%!important
}

.ingredient h3,.method h3,.aloha h3,.overseas h3 {
margin-bottom:25px
}

.ingredient .kv,.method .kv,.aloha .kv,.overseas .kv {
margin-bottom:30px!important
}

.ingredient .kv img,.method .kv img,.aloha .kv img,.overseas .kv img {
display:block;
height:auto;
margin-left:auto;
margin-right:auto;
max-width:100%;
text-align:center
}

.ingredient #section02 .floatL,.ingredient #section04 .floatR {
display:block;
float:none;
margin:15px 0 0;
width:100%
}

.ingredient #section02 .floatR,.ingredient #section04 .floatL {
display:block;
float:none;
width:100%
}

.ingredient #section04 .floatL .txt01,.method .dl01 {
margin:0 0 20px
}

.method h4,.aloha h4 {
font-size:131%
}

.aloha #section01 h4,.aloha #section01 p,.overseas .conteInr #section01 > *,.overseas .conteInr #section03 > * {
width:100%
}
}