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

html,body {
margin:0;
padding:0;
width:100%;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
font-style: normal;
font-size:16px;
color:#000;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-size: cover;
line-height:2.2;
overflow-x: hidden;
scroll-behavior: smooth;
}
#wrapper {
margin:0;
}
a:link{
color:#999;
}
a:hover{
color:#999;
opacity: 0.7;
}
a:visited{
color:#999;
}
a:active{
color:#999;
}
a:link.pagebacklink,
a:visited.pagebacklink,
a:hover.pagebacklink,
a:active.pagebacklink {
margin:0;
padding:0;
text-decoration:none;
color:#999;
}
img {
max-width:100%;
height:auto;
}
p{
font-style:normal;
}
#page_top {
position: fixed;
right: 30px;
bottom: 50px;
width: 66px;
height: 82px;
}
#page_top a::before {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}

/*bigger than 640-----------------------------*/
@media screen and (min-width:640px) {

/*=======================
#header
=======================*/
header{
width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 900px;
margin: 0 auto 0 auto;
background: url("../img/hd_bg.jpg") no-repeat;
background-size: cover;
position: relative;
}
header h1 img{
width: 112px;
float: right;
margin-top: 0;
position: absolute;
}
header h1{
width: 112px;
float: right;
}
#ct1_inner{
height: 900px;
}
#ct1_inner h2{
width: 1280px;
height: 403px;
margin-top: 0;
}
#ct1_inner p{
width: 1280px;
height: 497px;
}

/*=======================
.content
=======================*/
.content{
width: 100%;
max-width:100%;
margin:0 auto;
}
.ct_inner1{
margin:0 auto;
max-width:1280px;
}
.ct_inner2{
margin:0 auto;
max-width:1280px;
padding: 100px 0 100px 0;
}
.ct_inner2 h2{
text-align: center;
margin-bottom: 30px;
}

/*=======================
#content1
=======================*/   
#content1{
letter-spacing: 1px;
text-align: center;
font-weight: bold;
}
#ct1_inner1{
width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto 0 auto;
background: url("../img/ct1_bg1.png") no-repeat;
background-size: cover;
}   
#content1 h3{
text-align: center;
font-size: 30px;
color: #fff;
padding: 100px 0 50px 0;
line-height: 3;
}
.ct1_txt{
background: linear-gradient(#E87B21 8% 92%, #000 92% 100%);
padding: 10px;
}
#ct1_inner2{
width:1280px;
height: 170px;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 50px 0 100px 0;
background: url("../img/ct1_bg2.svg") no-repeat;
background-size: cover;
}     
#content1 p{
font-size: 20px;
} 


/*=======================
#content2
=======================*/   
#content2{
background: #6BA2CB;
color: #fff;
padding-bottom: 100px;
}  
#ct2_top{
background: linear-gradient(180deg, #FFF 0%, #FFF 25%, #6BA2CB 25%, #6BA2CB 100%);
}  
#ct2_top p{
text-align: center;
}    

/*背景パターン*/
.ct2_inner1_1{
background-image: conic-gradient(#89acce 0deg 90deg, #6BA2CB 90deg 180deg,#89acce 180deg 270deg, #6BA2CB 270deg 360deg);
background-size: 50px 50px;
height: 682px;
}
.ct2_inner1_2{
background-image: conic-gradient(#89acce 0deg 90deg, #6BA2CB 90deg 180deg,#89acce 180deg 270deg, #6BA2CB 270deg 360deg);
background-size: 50px 50px;
height: 717px;
}
/*左右の色 左に柄*/
.ct2_inner2{
background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, #6BA2CB 60%, #6BA2CB 100%);
}
/*左右の色 右に柄*/
.ct2_inner3{
background: linear-gradient(90deg, #6BA2CB 0%, #6BA2CB 40%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 100%);
}
/*上下の色*/
.ct2_inner4{
background-image: linear-gradient(#6BA2CB 0% 10%, rgba(0,0,0,0) 10% 77.5%, #6BA2CB 77.5% 100%);
}
.ct2_inner5{
background-image: linear-gradient(#6BA2CB 0% 25%, rgba(0,0,0,0) 25% 83%, #6BA2CB 83% 100%);
padding-bottom: 150px;
}
.ct2_inner6{
background-image: linear-gradient(#6BA2CB 0% 25%, rgba(0,0,0,0) 25% 80.5%, #6BA2CB 80.5% 100%);
padding-bottom: 150px;
}

.ct2_box1{
width:1280px;
height: 682px;
margin: 0 auto;
}
.ct2_box2{
width:1280px;
height: 717px;
margin: 0 auto;
}
#ct2_img1{
width: 714px;
height: 682px;
float: left;
background: url("../img/ct2_img1_bg.png") no-repeat;
}
#ct2_img2{
width: 714px;
height: 717px;
float: left;
background: url("../img/ct2_img2_bg.png") no-repeat;
margin-top: 150px;
}
#ct2_img3{
width: 714px;
height: 682px;
float: left;
background: url("../img/ct2_img3_bg.png") no-repeat;
}
#ct2_img4{
width: 714px;
height: 682px;
float: left;
background: url("../img/ct2_img4_bg.png") no-repeat;
margin-top: 150px;
}
.ct2_txt1{
width: 400px;
height: 682px;
float:right;
}
.ct2_img2{
width: 714px;
height: 717px;
float:right;
}
.ct2_txt2{
width: 560px;
height: 640px;
float: left;
}
.ct2_txt2_in{
margin-top: 100px;
margin-left: 170px;
}
#ct2_name1{
background: url("../img/ct2_name1_bg.svg") no-repeat;
}
#ct2_name2_bg{
background: url("../img/ct2_bg2.png") no-repeat;
width: 560px;
height: 790px;
}
#ct2_name2{
background: url("../img/ct2_name2_bg.svg") no-repeat;
width: 560px;
height: 640px;
margin-top: 150px;
}
#ct2_name3{
background: url("../img/ct2_name3_bg.svg") no-repeat;
}
#ct2_name4_bg{
background: url("../img/ct2_bg4.png") no-repeat;
width: 560px;
height: 790px;
}
#ct2_name4{
background: url("../img/ct2_name4_bg.svg") no-repeat;
width: 560px;
height: 640px;
margin-top: 150px;
}
.ct2_txt h3 img{
height: 51px;
font-size: 10px;
margin-right: 20px;
}
.ct2_txt h3{
font-size: 16px;
font-weight: normal;
margin-bottom: 40px;
margin-top: 100px;
}
.ct2_txt h4{
font-size: 20px;
margin-bottom: 30px;
}
.ct2_txt p{
font-weight: normal;
line-height: 2.5;
}
#ct2_onosato{
margin-bottom: 70px;
height: 867px;
}
#ct2_onosato h3{
padding-top:  90px;
}
#ct2_wakamotoharu{
margin-bottom: 70px;
height: 867px;
}
#ct2_wakamotoharu h3{
padding-top:  90px;
}

/*=======================
#content3
=======================*/   
#content3{
background: #e1ebf3;
}      
#content3 h2{
font-size: 43px;
color: #7CA9C9;
}     
#content3 p{
text-align: center;
font-size: 36px;
font-weight: normal;
}    

/*=======================
#content4
=======================*/   
#content4{
background: #E87A20;
color: #fff;
}   
#content4 h2{
font-size: 43px;
}   
dl {
width: 850px;
margin: 0 auto 0 auto;
display: flex;
flex-wrap: wrap;
font-size: 23px;
letter-spacing: 1px;
}
dt {
width: 270px;
margin-bottom: 25px;
background-image: linear-gradient(#E87A20 0% 49%, #FFF 49% 51%, #E87A20 51% 100%);
font-weight: bold;
}
dt span{
background:#E87A20;
padding-right: 20px;
}
dd {
width: 565px;
margin-bottom: 25px;
padding-left: 15px;
font-weight: normal;
}
.btn_shop {
width: 673px;
position: relative;
display: block;
text-align: center;
color: #E87A20 !important;
text-decoration: none;
background: #fff;
border-radius: 20px;
padding: 40px 0px 40px 0px;
margin: 0 auto;
font-size: 25px;
font-weight: normal;
line-height: 1.6;
letter-spacing: 3px;
margin-top: 100px;
box-shadow: 0 1rem 2rem hsl(0 0% 0% / 20%);
}   
.btn-Icon{
position: absolute;
top: 50%;
padding-left: 180px;
width: 51px;
transform: translateY(-50%);
}
.btn_shop span{
font-size: 14px;
letter-spacing: 1px;
}   
#content4 p{
font-size: 21px;
text-align: center;
margin-top: 50px;
}      

/*=======================
footer
=======================*/
footer{
width: 100%;
margin: 0 auto 0 auto;
background-size: cover;
background-position: center;
float: left;
text-align: center;
font-size: 12px;
font-weight: normal;
}
#ft_inner{
max-width:1280px;
margin:0 auto 0 auto;
padding: 100px 0 100px 0;
}
#ft_inner h2 img{
margin: 0 auto 0 auto !important;
}
#ft_inner p{
margin-top: 30px;
line-height: 2.5;
}

}