@charset "UTF-8";
/*----------------------------------------------------
	☆TOP
----------------------------------------------------*/

/*--page name--*/


body {
    position: relative;
    background: #fff;
}
.brandbg {
    position: relative;
    background: url(../images/brandbg.jpg) no-repeat center top;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
}
#mv {
    position: relative;
}
#mv .sliderwidth {
}
#mv .sliderwidth ul li {
    height: 100vh;
}

.copy {
    left: 50%;
    margin-left: -400px;
    position: absolute;
    top: 18%;
    z-index: 160;
}

#topmessage {
    width: 100%;
}
#topmessage .performancein {
    height: 100%;
    padding: 75px 0;
}
#topmessage .performancein  h2.topmidashi{
    font-size: 30px;
				font-weight: bold;
}
#topmessage .performancein  .text{
    width: 100%;
    padding: 20px 0px 0px 0px;
    max-width: 1200px;
    min-width: 960px;
    margin: 0 auto;
    text-align: center;
    line-height: 1.5;
}
@media only screen and (max-width: 1024px){
#topmessage .performancein  h2.topmidashi{
    font-size: 18px;
}

    #topmessage .performancein  .text{
				color: #333;
    width: 95%;
    min-width: 0px;
    text-align: left;
				font-size: 14px;
				}
}

#performance {
    width: 100%;
}
#performance .performancein {
    background: url(../images/ok.jpg) no-repeat center top fixed;
    background-size: cover;
    position: relative;
    height: 100%;
    padding: 75px 0;
}
#performance .performancein .text{
    width: 100%;
				padding: 20px 0px 0px 0px;
    max-width: 1200px;
    min-width: 960px;
    margin: 0 auto;
				color: #FFF;
				text-align: center;
				line-height: 1.5;
}

#produce {
    border-top: 3px solid #93d700;
}
#produce .boxL {
    width: 40%;
    float: left;
    padding: 75px 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
}
#produce .boxL h2 {
    font-size: 40px;
    color: #93d700;
    font-family: 'Jockey One', sans-serif;
    letter-spacing: 0.1em;
    line-height: 1;
}
#produce .boxL h2 span {
    font-size: 15px;
    color: #111;
    letter-spacing: 1px;
    font-family: "YuGothic", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
#produce .boxL p.tx {
    padding: 30px 0;
    line-height: 1.5;
}
#produce .boxR {
    width: 60%;
    float: right;
    background: url(../images/produce.jpg) no-repeat center top;
    background-size: cover;
    height: 445px;
}
#strength {
    width: 100%;
}
#strength ul.stbox {
    width: 100%;
}
#strength ul.stbox li {
    display: inline-block;
    position: relative;
    width: 20%;
    vertical-align: top;
}

#strength ul.stbox li .h2box {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -58%);
    text-align: center;
    width: 95%;
}
#strength ul.stbox li .h2box h2 {
    font-size: 30px;
    font-family: 'Jockey One', sans-serif;
    letter-spacing: 0.2em;
    line-height: 1;
    font-weight: normal;
}
#strength ul.stbox li .h2box h2 span {
    font-size: 13px;
    font-family: "YuGothic", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    letter-spacing: 1px;
    font-weight: bold;
}
#strength ul.stbox li .h2box p.tx {
    font-size: 11px;
    text-align: center;
    padding-top: 15px;
}
#strength ul.stbox li h3 {
    color: #fff;
    font-size: 13px;
    left: 50%;
    line-height: 2;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -58%);
-ms-transform: translate(-50%, -58%);
-webkit-transform: translate(-50%, -58%);
-moz-transform: translate(-50%, -58%);
-o-transform: translate(-50%, -58%);
}
#strength ul.stbox li figure {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: hidden;
}
#strength ul.stbox li figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
#strength ul.stbox li figure:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}


#about{
    padding:50px 0 0;
}

#about h2.topmidashi span{
    color:#111;
}

#about p.tx{
    text-align:center;
    padding:25px 0 0;
    line-height:1.5;
}


#about ul.abbox {
    width: 100%;
    padding:50px 0 0;
    
}
#about ul.abbox li {
    display: inline-block;
    position: relative;
    width: 50%;
    vertical-align: top;
}





#about ul.abbox li figure {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: hidden;
}
#about ul.abbox li figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
#about ul.abbox li figure:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}





#about ul.abbox li h3 {
    color: #fff;
    font-size: 40px;
    right: 3%;
    line-height: 0.6;
    position: absolute;
    text-align: right;
    bottom: 3%;
    font-family: 'Jockey One', sans-serif;
    letter-spacing:0.15em;
    font-weight:normal;
}


#about ul.abbox li h3 span{
    font-size:13px;
    color:#fff;
    font-family: "YuGothic", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    letter-spacing:1px;
    font-weight:bold;
}


#newsbox .boxL{
    width:50%;
    float:left;
-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
            padding:45px 2.5%;
            }

#newsbox .boxL h2{
    
    float:left;
    width:auto;
}

#newsbox .boxL p.smlbtn{
    width:auto;
    float:right;
margin-top: 30px;}

#newsbox .boxL ul.newslist{
    padding-top:25px;
}

#newsbox .boxL ul.newslist li{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
            padding:10px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

#newsbox .boxL ul.newslist li a{
    color:#111;
}

#newsbox .boxL ul.newslist li a:hover{
    text-decoration:underline;
}

    


#newsbox .boxL ul.newslist li:nth-child(odd){
    background:#f5f5f5;
}

#newsbox .boxL ul.newslist li span.day{
    padding-right:15px;
}



#newsbox .boxR{
    width:50%;
    float:right;
-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
            padding:45px 2.5%;
            }

#newsbox .boxR h2{
    
    float:left;
    width:auto;
}

#newsbox .boxR p.smlbtn{
    width:auto;
    float:right;
margin-top: 30px;}


#newsbox .boxR ul{
    padding:25px 0 0;
    text-align:center;
}

#newsbox .boxR ul li{
    width:32%;
    display:inline-block;
    vertical-align:top;
}



#newsbox .boxR ul li p.tx{
    padding-top:10px;
    text-align:left;
}

#newsbox .boxR ul li p.tx a{
    color:#111;
}

#newsbox .boxR ul li p.tx a:hover{
    text-decoration:underline;
}




#newsbox .boxR ul li span.day{
    padding-right:15px;
    display:inline-block;
}

#newsbox .boxR ul li span.bagye{
    background:#ffcc00;
    padding:2px 10px;
    color:#fff;
    display:inline-block;
}

#faqSec .faqList {
	margin:0px;
}

#faqSec .faqList .categoryList {
	margin:0px auto;
	padding: 40px 0px;
	max-width:800px;
}

#faqSec .faqList .categoryList .faqBox{
	margin:0px;
	padding:10px;
	border-bottom:2px dashed #93d700;
}
#faqSec .faqList .categoryList .faqBox:last-child{
	border:none;
}


#faqSec .faqList .categoryList .faqBox .q{
	margin:0px 0px 0px 0px;
	padding:20px 0px 20px 65px;
	background:url(../faq/images/qn.png) left center no-repeat;
	font-size:24px;
	line-height:32px;
	font-weight:bold;
	color:#93d700;
}
#faqSec .faqList .categoryList .faqBox .a{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 65px;
	min-height:60px;
	background:url(../faq/images/an2.png) left top no-repeat;
	font-size:18px;
	line-height:20px;
	color:#111;
}
#faqSec .faqList .categoryList .faqBox a {
	color:#111;
	text-decoration:underline;
}

#faqSec .faqList .categoryList .faqBox a:hover {
	color:#93d700;
}







/*デバイスの横幅が960px以下の場合*/
@media only screen and (max-width: 1400px) {


#produce .boxL {
    padding: 50px 1%;
}
#produce .boxR {
    width: 60%;
    float: right;
    background: url(../images/produce.jpg) no-repeat center top;
    background-size: cover;
    height: 425px;
}


.copy {
    left: 50%;
    margin-left: -350px;
    position: absolute;
    top: 18%;
    z-index: 160;
}



.copy img{
    width:88%;
    text-align:center;
    margin:0 auto;

    }
}














/*デバイスの横幅が1024px以下の場合*/
@media only screen and (max-width: 1024px) {





}


/*デバイスの横幅が1024px以下の場合*/
@media only screen and (max-width: 1024px) {


#performance {
    width: 100%;
}
#performance .performancein {
    background:none;
    background-size:contain;
    position: relative;
    padding: 25px 0;
}
#performance .performancein .text{
    color:#333;
				width: 95%;
				min-width: 0px;
				text-align: left;
}
#performance .performancein .text br{
   display: none;
}
#produce {
    border-top: none;
}
#produce .boxL {
    width: 100%;
    float: none;
    padding: 25px 2%;
}
#produce .boxL h2 {
    font-size: 30px;
    color: #93d700;
    font-family: 'Jockey One', sans-serif;
    letter-spacing: 0.1em;
    line-height: 1;
}

#produce .boxL p.tx {
    padding: 30px 0;
    line-height: 1.5;
}
#produce .boxR {
    width: 100%;
    float: none;
    background: url(../images/produce.jpg) no-repeat center top;
    background-size: cover;
    height: 350px;
}
#strength {
    width: 100%;
}
#strength ul.stbox {
    width: 100%;
    text-align:center;
}
#strength ul.stbox li {
    display: inline-block;
    position: relative;
    width: 50%;
    vertical-align: top;
}

#strength ul.stbox li.first{
    width:100%;
    height:25vh;
    background:#f6f6f6;
}


#strength ul.stbox li .h2box {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform:translate(-50%, -58%);
    -moz-transform: translate(-50%, -58%);
    text-align: center;
    width: 95%;
}
#strength ul.stbox li .h2box h2 {
    font-size: 30px;
    font-family: 'Jockey One', sans-serif;
    letter-spacing: 0.2em;
    line-height: 1;
    font-weight: normal;
}
#strength ul.stbox li .h2box h2 span {
    font-size: 13px;
    font-family: "YuGothic", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    letter-spacing: 1px;
    font-weight: bold;
}
#strength ul.stbox li .h2box p.tx {
    font-size: 11px;
    text-align: center;
    padding-top: 15px;
}
#strength ul.stbox li h3 {
    color: #fff;
    font-size: 13px;
    left: 50%;
    line-height: 2;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -58%);
}
#strength ul.stbox li figure {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: hidden;
}
#strength ul.stbox li figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
#strength ul.stbox li figure:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}


#about{
    padding:50px 0 0;
}

#about h2.topmidashi span{
    color:#111;
}

#about p.tx{
    text-align:center;
    padding:25px 0 50px;
    line-height:1.5;
}


#about ul.abbox {
    width: 100%;
}
#about ul.abbox li {
    display: inline-block;
    position: relative;
    width: 100%;
    vertical-align: top;
}





#about ul.abbox li figure {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: hidden;
}




#about ul.abbox li h3 {
    color: #fff;
    font-size: 30px;
    bottom: 5%;
}


#newsbox .boxL{
    width:100%;
    float:none;
-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
            padding:25px 2.5%;
            }

#newsbox .boxL h2{
    
    float:left;
    width:auto;
}

#newsbox .boxL p.smlbtn{
    width:auto;
    float:right;
margin-top: 30px;}

#newsbox .boxL ul.newslist{
    padding-top:25px;
}

#newsbox .boxL ul.newslist li{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
            padding:10px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

#newsbox .boxL ul.newslist li a{
    color:#111;
}

#newsbox .boxL ul.newslist li a:hover{
    text-decoration:underline;
}

    


#newsbox .boxL ul.newslist li:nth-child(odd){
    background:#f5f5f5;
}

#newsbox .boxL ul.newslist li span.day{
    padding-right:15px;
}



#newsbox .boxR{
    width:100%;
    float:none;
-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
            padding:25px 2.5%;
            }

#newsbox .boxR h2{
    
    float:left;
    width:auto;
}

#newsbox .boxR p.smlbtn{
    width:auto;
    float:right;
margin-top: 30px;}


#newsbox .boxR ul{
    padding:25px 0 0;
    text-align:center;
}

#newsbox .boxR ul li{
    width:32%;
    display:inline-block;
}

#newsbox .boxR ul li p.tx{
    padding-top:10px;
    text-align:left;
}


#newsbox .boxR ul li span.day{
    padding-right:15px;
    display:inline-block;
}

#newsbox .boxR ul li span.bagye{
    background:#ffcc00;
    padding:2px 10px;
    color:#fff;
    display:inline-block;
}



h2.topmidashi {
    font-size: 30px;
    padding-top: 0 !important;
}


#newsbox .boxR ul li{
    width:49%;
}


.ipadnone{
    display:none;
}

}













/*デバイスの横幅が640px以下の場合*/
@media only screen and (max-width: 640px) {





#strength {
    width: 100%;
}
#strength ul.stbox {
    width: 100%;
    text-align:center;
}
#strength ul.stbox li {
    display: inline-block;
    position: relative;
    width: 100%;
    vertical-align: top;
}


#strength ul.stbox li .h2box {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform:translate(-50%, -58%);
    -moz-transform: translate(-50%, -58%);
    text-align: center;
    width: 95%;
}
#strength ul.stbox li .h2box h2 {
    font-size: 30px;
    font-family: 'Jockey One', sans-serif;
    letter-spacing: 0.2em;
    line-height: 1;
    font-weight: normal;
}
#strength ul.stbox li .h2box h2 span {
    font-size: 13px;
    font-family: "YuGothic", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    letter-spacing: 1px;
    font-weight: bold;
}
#strength ul.stbox li .h2box p.tx {
    font-size: 11px;
    text-align: center;
    padding-top: 15px;
}
#strength ul.stbox li h3 {
    color: #fff;
    font-size: 13px;
    left: 50%;
    line-height: 2;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -58%);
}
#strength ul.stbox li figure {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: hidden;
}
#strength ul.stbox li figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
#strength ul.stbox li figure:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}


#produce .boxR {
    width: 100%;
    float: none;
    background: url(../images/produce.jpg) no-repeat center top;
    background-size: cover;
    height: 150px;
}



.ipadnone{
    display:block;
}
	
#faqSec .faqList .categoryList .faqBox .q{
	padding:15px 0px 15px 65px;
	background:url(../faq/images/qn.png) left center no-repeat;
	font-size:18px;
	line-height:32px;
	font-weight:bold;
	color:#93d700;
}
#faqSec .faqList .categoryList .faqBox .a{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 65px;
	min-height:60px;
	background:url(../faq/images/an2.png) left top no-repeat;
	font-size:14px;
	line-height:18px;
	color:#111;
}	
	
	
}


.topmidashi-2{
		text-align: center;
		font-size: 24px;
		font-family: 'Jockey One', sans-serif;
		line-height: 1.0;
		letter-spacing: 0.1em;
		color: #111;
		font-weight: bold;
		padding: 80px 0px 30px;
}
.worriesList{
			max-width: 700px;
			margin: 0 auto 80px auto;
			text-align: center;
}
.worriesList li{
			display: inline-block;
			vertical-align: middle;
			margin: 5px;
			padding: 5px 0px;
			font-size: 16px;
}
.worriesList li:before{
			content: "●";
			margin: 0px 5px 0px 0px;
			color: #93d700;
			font-size: 12px;
			vertical-align: middle;
}
@media only screen and (max-width: 1024px){
					.topmidashi-2{
						font-size: 18px;
					}
					.worriesList{
						text-align: left;
						padding: 0px 10px;
					}
					.worriesList li{
						margin: 0px 0px 5px 0px;
						display: block;
					}
}