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

@media only screen and (max-width:959px){
/*tablet*/
.pd{ display:none;}
.sd{ display: block;}
.fll,.flr { float: none;}
p{
	background: none;
}
/*------------------------------------------------------------------------

layout

------------------------------------------------------------------------*/
body {
	-webkit-text-size-adjust: 100%;
}
.wrapper {
	width: auto;
	padding: 0px;
}
section {
	margin: 0 0 60px;
}
.content_inner{
	width: calc(100% - 20px);
	margin: 0;
	padding: 0 10px;
}
/*---------------------------------------------------------------------

headline

---------------------------------------------------------------------*/
h1 {
	font-size: 2.0rem;
	margin: 0 0 5px;
}
h2 {
	font-size: 2.2rem;
}
h3 {
	margin: 0 0 30px;
	padding: 0 0 5px;
	border-bottom: solid 1px #000;
	font-size: 2.0rem;
}
/*---------------------------------------------------------------------

header

---------------------------------------------------------------------*/
.header {
	width: 100%;
}
.header_inner {
	width: auto;
	margin: 10px 0;
	padding: 0 10px;
}
.header_inner {
	height: 25px;
}
.header_inner img {
	width: auto;
	height: 25px;
}

/*---------------------------------------------------------------------

mainvisual

---------------------------------------------------------------------*/
.main_visual {
	height: auto;
	margin: 0 0 30px;
	background-attachment: inherit;
	background-size: cover;
}
.main_visual_inner {
	width: auto;
	margin: 0 auto;
	height: 50vh;
}
.main_visual_inner .top_app {
	top: inherit;
	bottom: 0;
	left: 0;
	width: auto;
	padding: 5px;
	color: #fff;
	z-index: 10000;
	text-align: center;
	-webkit-transform: translateY(0);
    transform: translateY(0);
	background: rgba(255,255,255,0.7);
}
.main_visual .top_app p {
	margin: 0 0 5px;
	font-size: 1.4rem;
	color: #222;
}
.main_visual_inner .top_app p.btn01 {
	margin: 0 0 5px!important;
}
.main_visual_inner .top_app p.btn02 {
	margin: 0;
}
.main_visual_inner .top_app p.btn01 a,
.main_visual_inner .top_app p.btn02 a {
	width: auto;
	padding: 10px;
	font-weight: 700;
	font-size: 1.6rem;
}
/*---------------------------------------------------------------------

main_cont

---------------------------------------------------------------------*/
.top_text_area {
	margin-bottom: 30px;
}
.top_main_text {
	margin: 0 0 20px;
	font-size: 2.2rem;
}
.top_sub_text {
	font-size: 1.6rem;
	text-align: center;
}
.feature_area {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.feature_area .text_area {
	box-sizing: border-box;
	width: auto;
	padding: 0;
}
.feature_area .text_area p {
	margin: 0 0 30px;
	font-size: 1.4rem;
}
.feature_area .pic_area {
	box-sizing: border-box;
	width: auto;
	padding: 20px;
	text-align: center;
	background: #e9e9e9;
	animation: SlideIn 1.6s;
}
@keyframes SlideIn {
  0% {
    opacity: 0;
    transform: translateX(-64px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}



.feature_area .pic_area img {
	width: 100%;
	max-width: 613px;
}
.semi_detail_area {
	width: auto;
	margin: 0 auto 30px;
	padding: 0;
}
.semi_detail_area figure {
	margin: 0 0 10px;
}
.semi_voice {
	width: auto;
	padding: 0 10px;
	background: url(../../img/renew/p_bg.gif) repeat;
}

.semi_voice ul {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.semi_voice ul li {
	box-sizing: border-box;
	width: auto;
	min-width: 220px;
	height: auto;
	padding: 30px 10px 20px;
	margin: 0 0 20px;
}
.semi_voice ul li:nth-child(3n),
.semi_voice ul li:nth-child(even) {
	margin: 0 0 20px;
}

/*------------------------------------------------------------------------

footer

------------------------------------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 50px;
	right: 0;
}
/*------------------------------------------------------------------------

SNSボタン

------------------------------------------------------------------------*/
.sns_btn {
	display: none;
	position: static;
	right: 0;
	bottom: 0;
	width: auto;
	padding: 0;
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.sns_btn_spn {
	 display: block;
 }
.ninja_onebutton_output {
	display: none;
}
}