#oshikatsu{
font-size: 1.4em !important;
line-height: 1.5em;
}
#oshikatsu img {max-width: 100%;}
.oskt_header{
width: 100%;
height: 600px;
background: url("/info/oshikatsu/img/wrap_bg.png") #ffdfdf repeat top center;
}
.oskt_header_wrap{
width: 1100px;
height: 600px;
margin: 0 auto;
background-color: #1f0008;
background-image: url(/info/oshikatsu/img/title_bg.jpg);
background-repeat: no-repeat;
background-position:center top;
overflow:hidden;
position: relative;
}
.title_stg,.title,.ill_01,.ill_02{position: absolute;}
.title_stg{
transform: translate(-50%, -0);
left: 50%;
width: 1300px;
  max-width: unset !important;
}
.title{
transform: translate(-50%, -0);
left: 50%;
top: 2.5em;
}
.ill_01{bottom: 0;left: 20px;}
.ill_02{bottom: 0;right: 20px;}
.oskt_info{
text-align: center;
padding:1em;
font-size: 1.4em;
background:#ff9db8;
color: #fff;
}
.oskt_info h2{
font-size: 1.2em;
margin-bottom: 0.7em;
}
.oskt_info p{}
.oskt_wrap{padding: 2em 0;}
.oskt_co{
width: 1100px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
.oskt_co h3{
font-size: 1.4em;
width: 100%;
margin-bottom: 0.7em;
border-bottom:solid 3px #dcdcdc;
padding-bottom: 0.3em;
display: flex;
align-items: center;
}
.oskt_co h3 i{
color: #e86a8d;
font-size: 1.5em;
margin-right: 0.2em;
}
.oskt_text{
font-size: 1.2em;
margin-bottom: 3em;
line-height: 1.7;
width: 100%;
}
ul.oskt_list{margin-bottom: 1.5em;}
.oskt_list li{font-size: 1.2em;}
.list-4.oskt_list li::before{background: #E86A8D;}
ul.oskt_note{margin-bottom: 1em;}
.oskt_note li{
font-size: 1.1em;
margin-bottom: 0.5em;
color: #ff7758;
}
.shop_btn{
width: 47%;
margin:0 1.5% 4em;
}
.shop_btn a{
background:#ffe5ec;
font-size: 1.4em;
padding:1em;
display: block;
text-align: center;
border:solid 5px #000;
font-weight: bold;
border-radius:80px;
color: #000;
position: relative;
}
.shop_btn a::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f054";
position: absolute;
right: 0.6em;
font-size: 1.4em;
top: 50%;
transform: translate(0%, -50%);
color: #e86a8D;
}
.shop_btn a span{
padding-left: 0.7em;
font-size: 0.9em;
font-weight: normal;
}
.shop_btn a:hover{
background:#000;
color: #fff;
}
.insta_btn{
width: 47%;
margin: 0 1.5% 1.5em;
}
.insta_btn a{
background: #000;
font-size: 1.4em;
color: #fff;
padding: 1em;
display: block;
text-align: center;
border-radius: 6px;
}
.insta_btn a span{
padding-left: 0.7em;
font-size: 0.9em;
}
.insta_btn a i{margin-right: 0.3em;font-size: 1.2em;}
.ill_wrap{
width: 300px;
margin:3em auto 1em;
}


@media screen and (max-width: 767px) {
#oshikatsu{font-size: 1.2em;}
.oskt_header{height: 370px;}
.oskt_header_wrap{
height: 370px;
width: 100%;
background-size: 140%;
}
.title{width: 95%;top: 1em;}
.ill_01{width: 50%;left: 0;}
.ill_02{width: 50%;right: 0;}
.oskt_info{padding:1em 0.5em;font-size: 1.2em;}
.oskt_co{width: 94%;}
.oskt_co h3{font-size: 1.2em;}
.oskt_co h3 i{margin-right: 0.3em;}
.oskt_text{margin-bottom: 1em;}
ul.oskt_list{margin-bottom: 0.5em;}
.oskt_list li{font-size: 1.1em;}
.shop_btn{width: 90%;margin:0 auto 1em;}
.btn_last{margin-bottom: 4em;}
.shop_btn a{font-size: 1.3em;padding:0.8em;}
.shop_btn a span{display: block;margin-top: 0.3em;}
.insta_btn{width: 90%;margin:0 auto 1em;}
.insta_btn a{font-size: 1.3em;padding:0.8em;font-weight: bold;}
.insta_btn a span{font-size: 0.9em;display: block;margin-top: 0.3em;font-weight: normal;}
.ill_wrap{width: 50%;margin:1em auto 4em;}

}