@charset "utf-8";
/* CSS Document */

/* CSSリセット */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,
figure,footer,header,hgroup,menu,nav,section,summary,time,mark,
audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;
vertical-align:baseline;

font-weight:normal;}

/* body{line-height:1} */

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}blockquote,q{quotes:none}blockquote:before,
blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;
font-size:100%;vertical-align:baseline;
}
del{text-decoration:line-through}abbr[title],dfn[title]
{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;
margin:1em 0;padding:0}input,select{vertical-align:middle}

/* //CSSリセット */
/* 初期設定*/
li {
	list-style-type: none;
}
a img {
	border: none;
}
html{
	height:100%;
	font-size:62.5%;
	font-feature-settings : "palt";
}
body {
  width: 100%;
　height:100%;
  font-size:1.5rem;
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;

}


/* //初期設定*/
/*
section {

    overflow: hidden;
}*/

/* key_visual */ 
.key_visual{
 background: rgba(0, 0, 0, 0) url("../../images/fv.jpg") no-repeat scroll 50% 50% / cover ;
    height: 800px;
position: relative;
min-width: 800px;
	}

	
.title {
    left: 6%;
    position: absolute;
    top: 100px;
    background-color: #000;
    padding: 20px 70px;
    background-color: rgba(3, 0, 0, 0.5);

}

section.description{
/*height: 615px;*/
min-width: 800px;
overflow: hidden;


}
h1 {
    /*font-family: HiraKakuProN;*/
    color: #ffffff;
    font-size: 4.4rem;
    line-height: 0.972;
}
.title p {
    /*font-family: HiraKakuProN;*/
	color: #fff;
    font-size: 2.6rem;
    font-weight: 300;
    line-height: 1.268;
}
/* description */
.description_text {
    max-width: 963px;
    margin: 70px auto;
    width: 100%;
}
.description_text h2 {
    text-align: center;
    /*font-family: HiraKakuProN;*/
    color: #f58220;
    font-size: 4.8rem;
    line-height: 1.3;
    margin-top: 69px;
	font-weight: 500;



}
.description_text p {
    text-align: center;
    font-size: 2.7rem;
    margin: 58px 0 66px;
	line-height: 1.2;
}



/*.btn1 {
    max-width: 353px;
    margin: 0 auto;
    display: block;
}*/

/*これひとつで…*/
.button1 {
    background-color: #585858;
    color: #fff;
    display: block;
    margin: auto;
    max-width: 334px;
    width: 100%;
    height: auto;
    text-align: center;
    text-decoration: none;
    line-height: 1.4;
    outline: none;
    padding: 8px;
    font-size: 1.7rem;
}
.button1:hover{
background-color: #f58220;
}

.button1::before,
.button1::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button1,
.button1::before,
.button1::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .2s;
  transition: all .2s;

}

.bigger00 {
    font-size: 3.0rem;
}

/*商品一覧ボタン*/

/* description */


/* steam */
.steam{
 background: rgba(0, 0, 0, 0) url("../../images/steam.jpg") no-repeat scroll 50% 50% / cover ;
    height: 918px;
position: relative;
min-width: 800px;
	}
	
.steam_text {
    position: absolute;
    top: 80px;
    left: 18%;
}

.steam h2 {
    color: #fff;
    font-size: 4.8rem;
    line-height: 1.65;
	
	
}
span.jouki{
font-size: 9.5rem;

}
rt {
    font-size: 2.0rem;
	
	}

.steam p {
    /*font-family: 'Kozuka Gothic Pr6N';*/
    color: #ffffff;
    font-size: 1.5rem;
    line-height: 2.267;
    margin-top: 89px;
}
.steam .caution{
    /*font-family: 'Kozuka Gothic Pr6N';*/
	color: #ffffff;
	font-size: 1.27rem;
	line-height: 3.158;
	margin-left: 60px;

}

/* content2 */


.point{
padding: 0 10%;


}
/* point1 */

.point1{
width: 100%;
max-width: 1100px;
margin: 0 auto;
clear: both;
overflow: hidden;
position: relative;
min-width: 800px;

}

img.seibun {
    width: 54%;
    position: absolute;
    bottom: 14px;
    left: 20px;
}





.point1_text {
    box-sizing: border-box;
    float: right;
    height: auto;
    margin-top: 49px;
    max-width: 545px;
    overflow: visible;
    /* padding: 68px 0 0 0px; */
    margin-bottom: 63px;
    /* width: 60%; */
}
.point1_text h5 {
    font-size: 4.2rem;
    color: #f58220;
    font-weight: 300;
    text-align: right;
    line-height: 1.419;
}

.bigger{
font-size:9.3rem;
}
.bigger01{
font-size:9.3rem;
}
.bigger02{
font-size:8.3rem;
}
.per{
font-size:7.5rem;
}
.point1_text p {
    font-size: 1.5rem;
    /*font-family: 'Kozuka Gothic Pr6N';*/   
	color: #2e2e2e;
    line-height: 1.733;
    margin: 28px 0 89px 150px;
}
/*.btn2 {
    max-width: 263px;
    margin-right: 60px;
     float: right;
}*/

.button2 {
    color: #2e2e2e;
    /* margin: 0 0 0 195px; */
    display: block;
    width: 200px;
    height: 54px;
    text-align: center;
    text-decoration: none;
    line-height: 54px;
    outline: none;
    float: right;
    border: 1px solid #2e2e2e;
}
.button2:hover{
background-color: #5c5c5c;
color: #fff;
    border: 1px solid #5c5c5c;
}

.button2::before,
.button2::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button2,
.button2::before,
.button2::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .2s;
  transition: all .2s;

}




/* //point1 */

/* point2 */

.point2 {
    clear: both;
    margin: 85px auto;
    max-width: 1100px;
    width: 100%;
    /* overflow: hidden; */
    min-width: 800px;
    position: relative;
}


img.wheat {
    /* float: right; */
    /* -webkit-shape-outside: polygon(nonzero, 0px 684px, 0px 613px, 186px 310px, 310px 169px, 368px 96px, 507px 30px, 685px 132px, 685px 684px); */
    /* shape-outside: polygon(nonzero, 0px 684px, 0px 613px, 186px 310px, 310px 169px, 368px 96px, 507px 30px, 685px 132px, 685px 684px); */
    width: 58%;
    max-width: 710px;
    margin-top: 60px;
    /* margin-top: 140px; */
    position: absolute;
    bottom: -55px;
    right: 0;
}
img.pc_none {
    display: none;
}
br.pc_none {
    display: none;
}

.point2_text h5 {
    font-size: 4.2rem;
    color: #f58220;
    font-weight: 300;
    line-height: 1.419;
	    white-space: nowrap;
}
.point2_text p {
    font-size: 1.5rem;
    /*font-family: 'Kozuka Gothic Pr6N';*/
	color: #2e2e2e;
    line-height: 1.733;
    margin: 26px 0 69px 20px;
    max-width: 410px;
}
	
	

/*.btn3 {
    max-width: 263px;
    margin-left: 0px;
}*/

.button3 {
    color: #2e2e2e;
margin-left: 2%;
    display: block;
    width: 200px;
    height: 54px;
    text-align: center;
    text-decoration: none;
    line-height: 54px;
    outline: none;
    border: 1px solid #2e2e2e;
}
.button3:hover{
background-color: #5c5c5c;
color: #fff;
    border: 1px solid #5c5c5c;

}

.button3::before,
.button3::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button3,
.button3::before,
.button3::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .2s;
  transition: all .2s;

}




/* //point2 */
/* point3 */
/* .point3{
	width: 100%;
	max-width: 1100px;
	margin: 50px auto;
	min-width: 800px;
	}
	*/

.point3 {
    width: 100%;
    max-width: 1100px;
    min-width: 800px;
    position: relative;
    height: 690px;
    margin: 100px auto;
}

 /* 
img.lavender {
    float: left;
    -webkit-shape-outside: polygon(nonzero, 0px 628px, 0 41px, 551px 39px, 608px 120px, 700px 120px, 701px 167px, 1340px 617px);
shape-outside: polygon(nonzero, 0px 628px, 0 41px, 551px 39px, 608px 120px, 700px 120px, 701px 167px, 1340px 617px);
    width: 100%;
    max-width: 1296px;
    margin-top: 60px;



}*/
img.lavender {
    /* float: left; */
    /* -webkit-shape-outside: polygon(nonzero, 0px 628px, 0 41px, 551px 39px, 608px 120px, 700px 120px, 701px 167px, 1340px 617px); */
    /* shape-outside: polygon(nonzero, 0px 628px, 0 41px, 551px 39px, 608px 120px, 700px 120px, 701px 167px, 1340px 617px); */
    width: 98%;
    max-width: 1296px;
    /* margin-top: 30%; */
    position: absolute;
    bottom: 3%;
    left: 0;
    /* overflow: hidden; */
    /* height: 100%; */
}



.point3_text p {
    font-size: 1.5rem;
    /*font-family: 'Kozuka Gothic Pr6N';*/
    color: #2e2e2e;
    line-height: 1.733;
    margin: 0px 0 95px 20px;
    text-align: right;
}
.point3_text h5 {
    font-size: 4.2rem;
    color: #f58220;
    font-weight: 300;
    white-space: nowrap;
    text-align: right;
}




/* //point3 */

/* design-can */
.ichiran{
margin:30px 0 0;
min-width: 800px;
overflow: visible;

}




.ichiran h5 {
    font-size: 4.2rem;
    color: #f58220;
    font-weight: 300;
    line-height: 1.35;
    text-align: center;
}

.design_can{
 background: rgba(0, 0, 0, 0) url("../../images/can.jpg") no-repeat scroll 50% 50% / cover ;
    height: 700px;
position: relative;
	}

.can_b {
position: absolute;
top: 200px;
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%);
    background-color: #fff;
    background-color: rgba(255,255,255,0.7);
	max-width: 969px;
    width: 45%;
    padding:40px;


}
.can_b p {
    width: 90%;
    /* padding: 0 40px; */
    margin: 0 auto 53px;
    line-height: 1.6;
}

  /*
.btn4 {
    margin: 0 auto ;
    max-width: 263px;
    /* text-align: center; 
    display: block;
	
} */


/*商品一覧ボタン*/
.button4 {
 background-color: #585858;
  color: #fff;
margin: 0 auto;
  display: block;
  width: 200px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.button4:hover{
background-color: #f58220;
}

.button4::before,
.button4::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button4,
.button4::before,
.button4::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .2s;
  transition: all .2s;

}
/*商品一覧ボタン*/


/* footer */	
footer{
	    border-top: 2px solid #969696;
    padding: 45px 0;
    text-align: center;
	margin-top: 32px;
}
.inner {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    max-width: 1020px;
	width: 100%;
}
footer .links {
    margin: 0 0 50px;
}

footer .links ul {
    display: inline-block;
}
footer .links li {
    display: inline-block;
}


footer .links .footer_list li {
    margin-right: 40px;
}
footer .links .footer_list li:last-child {
    margin-right: 200px;
}


footer .links li a {
    color: #969696;
}
footer .links .footer_sns li {
    margin-right: 20px;
}
footer .links li img {
    vertical-align: middle;
}
footer .links .footer_sns li:last-child {
    margin-right: 0;
}

footer .copy {
    font-size: 12px;
}


/* //footer */	


/* TOPへ戻る*/
#page-top {
    position: fixed;
    bottom: 22px;
    right: 24px;
    opacity: 0.8;
}
#page-top a {
    width: 57px;
    display: block;
}
#page-top a:hover {
    text-decoration: none;
	opacity: 0.8;
}
#page-top img {
	width: 100%
}
/* //TOPへ戻る */	



/*↓タブレット↓*/
@media screen and (max-width:1128px)
and (min-width:481px){
/*
section {
overflow: hidden;

}*/
.point{
padding: 0 10%;


}


/* key_visual */
.key_visual{
 background: rgba(0, 0, 0, 0) url("../../images/fv.jpg") no-repeat scroll 50% 50%  / cover ;
    height: 800px;
position: relative;
	}
	
.title {
    left: 6%;
    position: absolute;
    top: 100px;
    background-color: #000;
    padding: 20px 70px;
    background-color: rgba(3, 0, 0, 0.5);

}

section.description{
height: 615px;


}
h1 {
    /*font-family: HiraKakuProN;*/

    color: #ffffff;
    font-size: 4.4rem;
    line-height: 0.972;
}
.title p {
    /*font-family: HiraKakuProN;*/
    color: #fff;
    font-size: 2.6rem;
    font-weight: 300;
    line-height: 1.268;
}
/* description */
.description_text {
    max-width: 963px;
    margin: 70px auto;
    width: 100%;
}
.description_text h2 {
    text-align: center;
    /*font-family: HiraKakuProN;*/
    color: #f58220;
    font-size: 4.8rem;
    line-height: 1.2;
    margin-top: 69px;



}
.description_text p {
    text-align: center;
    font-size: 2.7rem;
    margin: 58px 0 66px;
    line-height: 1.2;
}



.btn1 {
    max-width: 353px;
    margin: 0 auto;
    display: block;
}
/* description */


/* steam */
.steam{
 background: rgba(0, 0, 0, 0) url("../../images/steam.jpg") no-repeat scroll 50% 50% / cover ;
    height: 785px;
position: relative;
	}
	
.steam_text {
    position: absolute;
    top: 80px;
    left: 10%;
}

.steam h2 {
    color: #fff;
    font-size: 4.8rem;
    line-height: 1.65;
	
	
}
span.jouki{
font-size: 9.5rem;

}
rt {
    font-size: 2.0rem;
	
	}

.steam p {
    /*font-family: 'Kozuka Gothic Pr6N';*/
	color: #ffffff;
    font-size: 1.5rem;
    line-height: 2.267;
    margin-top: 89px;
}
.steam .caution{
    /*font-family: 'Kozuka Gothic Pr6N';*/
	color: #ffffff;
	font-size: 1.27rem;
	line-height: 3.158;
	margin-left: 60px;

}

/* content2 */



/* point1 */

.point1{
width: 100%;
max-width: 1100px;
margin: 0 auto;
clear: both;
overflow: hidden;
position: relative;

}

img.seibun {
    width: 52%;
    position: absolute;
    bottom: 12px;
    left: 0;
}





.point1_text {
    box-sizing: border-box;
    float: right;
    height: auto;
    margin-top: 49px;
    max-width: 545px;
    overflow: visible;
    /* padding: 68px 0 0 0px; */
    margin-bottom: 63px;
    /* width: 60%; */
}
.point1_text h5 {
    font-size: 4.2rem;
    color: #f58220;
    font-weight: 300;
    line-height: 1.419;

	
}

.bigger{
font-size:9.3rem;
}

.point1_text p {
    font-size: 1.5rem;
    /*font-family: 'Kozuka Gothic Pr6N';*/ 
	color: #2e2e2e;
    line-height: 1.733;
    /* margin: 28px 0 79px 180px; */
    /* max-width: 300px; */
    float: right;
}

.button2 {
    max-width: 263px;
    margin-right: 0px;
     float: right;
}


/* //point1 */

/* point2 */

.point2 {
    clear: both;
    margin: 34px auto;
    max-width: 978px;
    width: 100%;
    position: relative;
}


img.wheat {
    /* float: right; */
    /* -webkit-shape-outside: polygon(nonzero, 0px 684px, 0px 613px, 186px 310px, 310px 169px, 368px 96px, 507px 30px, 685px 132px, 685px 684px); */
    /* shape-outside: polygon(nonzero, 0px 684px, 0px 613px, 186px 310px, 310px 169px, 368px 96px, 507px 30px, 685px 132px, 685px 684px); */
    width: 57%;
    max-width: 710px;
    margin-top: 60px;
    /* margin-top: 140px; */
    position: absolute;
    bottom: -69px;
    right: 0;
}
img.pc_none{

display:none;
}

.point2_text h5 {
    font-size: 4.2rem;
    color: #f58220;
    font-weight: 300;
    line-height: 1.419;
}
.point2_text p {
    font-size: 1.5rem;
    /*font-family: 'Kozuka Gothic Pr6N';*/
	color: #2e2e2e;
    line-height: 1.733;
	margin: 27px 0 69px 20px;
	
	}

	
	


.button3 {
    max-width: 263px;
	
	
	}
	

/* //point2 */
/* point3 */
.point3{
	width: 100%;
	max-width: 1100px;
	margin: 100px auto;




}
img.lavender {
    float: left;
    /* -webkit-shape-outside: polygon(nonzero, 0px 421px, 0 41px, 371px 39px, 498px 120px, 500px 163px, 531px 167px, 857px 427px); */
    /* shape-outside: polygon(nonzero, 0px 421px, 0 41px, 371px 39px, 498px 120px, 500px 163px, 531px 167px, 857px 427px); */
    width: 97%;
    /* max-width: 1296px; */
    /* margin-top: 30px; */
}
.point3_text p {
    font-size: 1.5rem;
    /*font-family: 'Kozuka Gothic Pr6N';*/
	color: #2e2e2e;
    line-height: 1.733;
    margin: 0px 0px 95px 20px;
    text-align: right;
}
.point3_text h5 {
    font-size: 4.2rem;
    color: #f58220;
    font-weight: 300;
    text-align: right;
}




/* //point3 */

/* design-can */
.ichiran{
margin:30px 0 0;

}




.ichiran h5 {
    font-size: 4.2rem;
    color: #f58220;
    font-weight: 300;
    line-height: 1.1;
    text-align: center;
}

.design_can {
    background: rgba(0, 0, 0, 0) url(../../images/can.jpg) no-repeat scroll 50% 10% / cover;
    height: 750px;
    position: relative;
}

.can_b {
position: absolute;
top: 210px;
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%);
    background-color: #fff;
    background-color: rgba(255,255,255,0.7);
	max-width: 969px;
    width: 45%;
    padding:40px;


}
.can_b p {
    width: 100%;
    /* padding: 0 40px; */
    margin: 0 auto 53px;
    line-height: 1.6;
}

.btn4 {
    margin: 0 auto ;
    max-width: 263px;
    /* text-align: center; */
    display: block;
	
}



/* footer */	
footer{
	    border-top: 2px solid #969696;
    padding: 45px 0;
    text-align: center;
	margin-top: 32px;
}
.inner {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    max-width: 1020px;
	width: 100%;
}
footer .links {
    margin: 0 0 50px;
}

footer .links ul {
    display: inline-block;
}
footer .links li {
    display: inline-block;
}


footer .links .footer_list li {
    margin-right: 40px;
}
footer .links .footer_list li:last-child {
    margin-right: 200px;
}


footer .links li a {
    color: #969696;
}
footer .links .footer_sns li {
    margin-right: 20px;
}
footer .links li img {
    vertical-align: middle;
}
footer .links .footer_sns li:last-child {
    margin-right: 0;
}

footer .copy {
    font-size: 12px;
}


/* //footer */	


/* TOPへ戻る*/
#page-top {
position: fixed;
bottom: 12px;
right: 16px;
opacity: 0.8;
}
#page-top a {
    width: 57px;
    display: block;
}
#page-top a:hover {
    text-decoration: none;
	opacity: 0.8;
}
#page-top img {
	width: 100%
}
/* //TOPへ戻る */	


}
/*↓スマホ↓*/
@media screen and (max-width:480px){

section {
    overflow: hidden;
}

/* key_visual */
.key_visual {
    background-color: rgba(0, 0, 0, 0);
    background-image: url(../../images/fv.jpg);
    background-repeat: no-repeat;
    /* background-position: 745%; */
    background-size: cover;
    height: 480px;
    position: relative;
    /* overflow: hidden; */
    min-width: 0px;
    width: 100%;
    overflow: hidden;
}
	
.title {
    left: 0px;
    position: absolute;
    top: 18%;
    background-color: #000;
    padding: 15px 10px;
    background-color: rgba(3, 0, 0, 0.5);
}

section.description {
    min-width: 0px;
    padding: 2%;
    box-sizing: border-box;
}
h1 {
    /*font-family: HiraKakuProN;*/
    color: #ffffff;
    font-size: 2.5rem;
    line-height: 0.972;
}
.title p {
    /*font-family: HiraKakuProN;*/
	color: #fff;
    font-size: 2.0rem;
    font-weight: 300;
    line-height: 1.268;
}
/* description */
.description_text {
    max-width: 963px;
    margin: 10% auto;
    width: 100%;
}
.description_text h2 {
    text-align: center;
    /*font-family: HiraKakuProN;*/
    color: #f58220;
    font-size: 2.8rem;
    line-height: 1.3;
    margin-top: 10%;
    white-space: nowrap;
}


.description_text p {
    text-align: center;
    font-size: 1.3rem;
    margin: 25px 0;
    line-height: 1.4;
}






.button1 {
    background-color: #585858;
    color: #fff;
    display: block;
    margin: auto;
    /* max-width: 334px; */
    width: 300px;
    height: auto;
    text-align: center;
    text-decoration: none;
    line-height: 1.4;
    outline: none;
    padding: 8px;
    font-size: 1.4rem;
}
.bigger00 {
    font-size: 2.4rem;
}
/* description */


/* steam */
.steam {
    background-color: rgba(0, 0, 0, 0);
    background-image: url(../../images/steam.jpg);
    background-repeat: no-repeat;
    background-position: 60%;
    background-size: cover;
    height: 480px;
    position: relative;
    /* overflow: hidden; */
    min-width: 0px;
    width: 100%;
    overflow: hidden;
}
	
.steam_text {
    position: absolute;
    top: 20px;
    left: 10%;
}

.steam h2 {
    color: #fff;
    font-size: 2.6rem;
    line-height: 1.65;
	
	
}
span.jouki{
font-size: 4.8rem;

}
rt {
    font-size: 1.0rem;
	
	}

.steam p {
    /*font-family: 'Kozuka Gothic Pr6N';*/
    color: #ffffff;
    font-size: 1.3rem;
    line-height: 1.9;
    margin-top: 8px;
}
.steam .caution{
    /*font-family: 'Kozuka Gothic Pr6N';*/
	color: #ffffff;
	font-size: 1.27rem;
	line-height: 3.158;
	margin-left: 60px;

}

/* content2 */

.point {
    padding: 0 2%;
}

/* point1 */

.point1 {
    width: 100%;
    max-width: 1100px;
    margin: 20px auto 0;
    clear: both;
    overflow: hidden;
    position: static;
    min-width: 0px;
    padding: 0 ;
    box-sizing: border-box;
    /* display: block; */
    /* height: auto; */
    /* height: 100%; */
    /* overflow: hidden; */
}

img.seibun {
    width: 90%;
    position: static;
    /* bottom: 0; */
    /* left: 0; */
    /* margin: 0 auto; */
    /* text-align: center; */
    /* max-width: 407px; */
    /* display: block; */
    /* overflow: hidden; */
    /* height: auto; */
    padding: 4% 0 4px 3%;
}

img.sp_none {
display: none;
}
img.pc_none{
display:block;

}



.point1_text {
    box-sizing: border-box;
    float: none;
    height: auto;
    margin-top: 0;
    max-width: 545px;
    /* overflow: visible; */
    /* padding: 68px 0 0 0px; */
    margin-bottom: 0;
    /* width: 60%; */
    /* clear: both; */
    display: block;
    overflow: hidden;
	}
.point1_text h5 {
    font-size: 2.6rem;
    color: #f58220;
    font-weight: 300;
    line-height: 1.419;
    text-align: center;
}

.bigger {
    font-size: 6.4rem;
    letter-spacing: -2px;
}


.bigger01 {
    font-size: 6.4rem;
    letter-spacing: -4px;
}
.per {
    font-size: 4.4rem;
}
.point1_text p {
    font-size: 1.5rem;
    /*font-family: 'Kozuka Gothic Pr6N';*/
	color: #2e2e2e;
    line-height: 1.733;
    margin: 0 auto;
    max-width: 300px;
    display: block;
}

.button2 {
    max-width: 263px;
    margin: 0 4% 0 0;
    /* float: none; */
    width: 50%;
    display: block;
    line-height: 50px;
    height: 50px;
}


/* //point1 */

/* point2 */

.point2 {
    clear: both;
    margin: 20px auto 0;
    max-width: 978px;
    width: 100%;
    overflow: hidden;
    min-width: 0px;
	padding: 0;
    box-sizing: border-box;
}



img.wheat {
    float: none;
    /* -webkit-shape-outside: polygon(nonzero, 0px 684px, 0px 613px, 186px 310px, 310px 169px, 368px 96px, 507px 30px, 685px 132px, 685px 684px); */
    /* shape-outside: polygon(nonzero, 0px 684px, 0px 613px, 186px 310px, 310px 169px, 368px 96px, 507px 30px, 685px 132px, 685px 684px); */
    width: 95%;
    /* max-width: 710px; */
    margin-top: 0px;
    /* margin-top: 140px; */
    padding: 4% 0 4px 2%;
    /* display: block; */
    position: static;
}
.point2_text h5 {
    font-size: 2.6rem;
    color: #f58220;
    font-weight: 300;
    line-height: 1.419;
	    text-align: center;
}


.point2_text p {
    font-size: 1.5rem;
    /*font-family: 'Kozuka Gothic Pr6N';*/
	color: #2e2e2e;
    line-height: 1.733;
    margin: 0 auto;
    max-width: 300px;
    display: block;
}

	
	


.button3 {
    max-width: 263px;
    margin: 4% 4% 0 0;
    /* float: none; */
    width: 50%;
    display: block;
    float: right;
    line-height: 50px;
    height: 50px;
}

/* //point2 */
/* point3 */
.point3 {
    width: 100%;
    max-width: 1100px;
    margin: 30px auto 0;
    padding: 0 2%;
    box-sizing: border-box;
    min-width: 0px;
    height: auto;
}





img.lavender {
    float: none;
    /* -webkit-shape-outside: polygon(nonzero, 0px 684px, 0px 613px, 186px 310px, 310px 169px, 368px 96px, 507px 30px, 685px 132px, 685px 684px); */
    /* shape-outside: polygon(nonzero, 0px 684px, 0px 613px, 186px 310px, 310px 169px, 368px 96px, 507px 30px, 685px 132px, 685px 684px); */
    width: 100%;
    /* max-width: 710px; */
    margin-top: 0px;
    /* margin-top: 140px; */
    padding: 4% 0 4px 2%;
	position: static;
}


.point3_text p {
    font-size: 1.5rem;
    /*font-family: 'Kozuka Gothic Pr6N';*/
	color: #2e2e2e;
    line-height: 1.733;
    margin: 2px auto 0;
    max-width: 300px;
    display: block;
	text-align: left;
}
.point3_text h5 {
    font-size: 2.6rem;
    color: #f58220;
    font-weight: 300;
    white-space: nowrap;
    text-align: center;
    line-height: 1.15;
}
br.sp_none1{
display: none;




}
br.pc_none {
    display: block;
}
/* //point3 */

/* design-can */
.ichiran {
    margin: 45px auto 0;
    min-width: 0px;
}

.ichiran h5 {
    font-size: 2.6rem;
    color: #f58220;
    font-weight: 300;
    line-height: 1.1;
    text-align: center;
}
.bigger02{
font-size: 4.8rem;
    white-space: nowrap;


}
.design_can{
 
    background-color: rgba(0, 0, 0, 0);
    background-image: url(../../images/can.jpg);
    background-repeat: no-repeat;
    /* background-position: 745%; */
    background-size: cover;
    height: 480px;
    position: relative;
    /* overflow: hidden; */
    min-width: 0px;
    width: 100%;
    overflow: hidden;
}

.can_b {
    position: absolute;
    top: 190px;
    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%);
    background-color: #fff;
    background-color: rgba(255,255,255,0.7);
    /* max-width: 947px; */
    width: 60%;
    padding: 40px;
}
.can_b p {
    width: 100%;
    /* padding: 0 40px; */
    margin: 0 auto 33px;
    line-height: 1.6;
}


.btn4 {
    margin: 0 auto ;
    max-width: 263px;
    /* text-align: center; */
    display: block;
	
}



/* footer */	
footer{
	    border-top: 2px solid #969696;
    padding: 45px 0;
    text-align: center;
	margin-top: 32px;
}
.inner {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    max-width: 1020px;
	width: 100%;
}
footer .links {
    margin: 0 0 50px;
}

footer .links ul {
    display: inline-block;
}
footer .links li {
    display: inline-block;
}


footer .links .footer_list li {
    margin-right: 40px;
}
footer .links .footer_list li:last-child {
    margin-right: 200px;
}


footer .links li a {
    color: #969696;
}
footer .links .footer_sns li {
    margin-right: 20px;
}
footer .links li img {
    vertical-align: middle;
}
footer .links .footer_sns li:last-child {
    margin-right: 0;
}

footer .copy {
    font-size: 12px;
}


/* //footer */	


/* TOPへ戻る*/
#page-top {
position: fixed;
bottom: 12px;
right: 16px;
opacity: 0.8;
}
#page-top a {
    width: 57px;
    display: block;
}
#page-top a:hover {
    text-decoration: none;
	opacity: 0.8;
}
#page-top img {
	width: 100%
}
/* //TOPへ戻る */	


}

/* IEハック */	

@media all and (-ms-high-contrast:none) {

	h1,.button1,.button2,.button3,.button4,body {
		font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}
　
}

/* safariハック */	
_::-webkit-full-page-media, _:future, :root h1,.button1,.button2,.button3,.button4,body {
		/* font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif; */	
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;	}