@charset "UTF-8";
/* CSS Document */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
html, body {
  margin: 0;
  padding: 0;
}
h4 {
	font-size: 0.5em;
	font-weight: normal;
}
a {
    color: #fff;
	text-decoration:none;
}
.header {
  margin: 0;
  padding: 0;
	max-width: 100%;
}
.full div {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100vh;
  margin: 0;
}
.full div.img01 {
  background-image: url(../img/top1.png);
}
.full div.img02 {
  background-image: url(../img/top2.png);
}
.full div.img03 {
  background-image: url(../img/top3.png);
}
.slick_box {
  position:relative;
  margin: 0;
  padding: 0;
}
.slider_logo {
  z-index:10;
  position:absolute;
  left:20%;
  top:60%;
  width:60%;
}
section {
	max-width: 96%;
    margin-right: auto;
    margin-left: auto;
}
h2 {
	margin: 0px;
	width: 100%;
}
article {
	padding-left: 0px;
}
.main1{
	background-image: url("../img/back_stripe_long.jpg");
	background-repeat:repeat-x;
	padding: 80px 0px 0px 0px;
	margin: 0;
}
.midashi {
	margin:0; padding:0;
	width: 60%;
	margin: 0 auto 70px auto;	
}
.midashi_pink {
	line-height: 1.4;
	color: #ff3399;
	border-top: dotted 3px #ff3399;
	border-bottom: dotted 3px #ff3399;
	background-color: rgba(255, 255, 255, 0.4);
	padding: 15px;
	font-size: 1.2em;
}
.midashi_white {
	line-height: 1.4;
	color: #fff;
	border-top: dotted 3px #fff;
	border-bottom: dotted 3px #fff;
	background-color: rgba(255, 255, 255, 0.4);
	padding: 15px;
	font-size: 1.2em;
}
.about_te_box{
    background-color: #fff;
	border-radius: 10px;
    max-width: 800px;
    margin: 0px auto 0px auto;
	padding: 20px;
}
.text1{
	margin-top: 0;
	padding: 50px;
	line-height: 2em;
}
.text2{
	margin-top: 0;
	padding: 30px;
	line-height: 2em;
	text-align: left;
}

.about_te_photo{
    max-width: 800px;
    margin: 0px auto 0px auto;
	padding: 20px;
	text-align: center;
	padding: 100px 0px 180px 0px;
}
.tom_photo{
    width: 15%;
    height: auto;
}
.rireki{
	font-size: 0.9em;
	line-height: 1.8em;
	text-align: left;
	padding-top: 15px;
}
.bubble{
    width: 100%;
    height: auto;
}
.bubble_mo{
    width: 100%;
    height: auto;
	display: none;
}
.border_img{
	background-color: indianred;
	  margin: 0;
  padding: 0;
	position: relative;
}
.border_img img{
	  position: absolute;
bottom: 0;
}
.main2{
	background-color: #ff3399;
	padding: 0;
	margin: 0;
}
.main3{
	background-color: #ffdfea;
	padding: 0;
	margin: 0;
}
.main_box{
    max-width: 800px;
    margin: 0px auto 0px auto;
	padding: 20px;
	text-align: center;
	padding: 100px 0px 180px 0px;
}
.main_box2{
    max-width: 800px;
    margin: 0px auto 0px auto;
	padding: 20px;
	text-align: center;
	padding: 100px 0px 30px 0px;
}
.works{
    background-color: #fff;
	border-radius: 10px;
    max-width: 800px;
    margin: 0px auto 0px auto;
	padding: 5%;
}
.works img{
	max-width:100%;
	height: auto;
}
.time{
	max-width:100%;
	height: 100px;
	text-align: center;
	padding-bottom: 220px;
	color: #fff;
	font-size: 1.5em;
}
.QA_box{
    max-width: 800px;
    margin: 0px auto 0px auto;
	padding: 20px;
	text-align: center;
	padding: 100px 0px 180px 0px;
}
* {
  list-style: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.accordion-container {
  margin: 50px auto 0;
  max-width: 800px;
  width: 100%;
}

.accordion-list:not(:first-child) {
  margin-top: 10px;
}

.accordion-title {
	  background: #fff;
	  cursor: pointer;
	  font-size: 16px;
	  padding: 20px 60px;
	  position: relative;
	text-align: left;
	color: #ff3399;
}

.accordion-title:before {
  position: absolute;
  content: '';
  top: 50%;
  right: 25px;
  height: 2px;
  width: 15px;
  background: #333;
  transform: rotate(90deg);
  transition: all .3s ease-in-out;
}
.accordion-title:after {
  position: absolute;
  content: '';
  top: 50%;
  right: 25px;
  height: 2px;
  width: 15px;
  background: #333;
  transition: all .3s ease-in-out;
}
.accordion-title.open:before {
  transform: rotate(180deg);
}
.accordion-title.open:after {
  opacity: 0;
}
.accordion-text {
  border-top: 1px solid #DDD;
  display: none;
  padding: 20px 60px;
	text-align: left;
	color: #444444;
	background-color: #fff;
}
.pre_ill{
	max-width: 30%;
	padding-bottom: 30px;
}
.present{
    background-color: #fff;
	border-radius: 10px;
    max-width: 800px;
    margin: 0px auto 0px auto;
	padding: 5%;
}
.present_btn {
	background-color: #f39;
	color:#fff;
	border-radius: 30px;
	font-size: 1em;
    line-height:1.3em;
	font-weight: bold;
	padding: 10px;
	width:300px;
	margin: auto;
    margin-bottom: 10px;
	margin-bottom: 30px;
}

footer {
	width: 100%;
	max-width: 1024px;
    margin: 0px auto 0px auto;
	margin-bottom: 0;
	text-align: center;
	padding: 50px 0px 50px 0px;
	font-size: 0.7em;
	line-height: 1.5em;
}
.footer_text{
	margin-top: 20px;
	font-size: 0.8em;
	line-height: 2em;
}
.banner {
	display: flex;
	flex-wrap: wrap;
	margin: 0px auto 0px auto;
	max-width: 480px;
	margin-bottom: 30px;
}
.banner_box {
	flex-direction: column;
	max-width: 240px;
	width: 50%;
	margin: 0px auto 0px auto;
	margin-bottom: 10px;
}


@media screen and (max-width: 767px) {
main {
	padding-top: 10px;
}
article {
	padding-left: 0px;
	padding-right: 3px;
}
h3 {
    font-size: 1.2em;
    margin-bottom: 30px;
}
.nl_title{
    font-size: 1.8em;
}
.nl_intro{
    font-size: 1.3em;
}
.pc { display: none !important; }
.sp { display: block !important; }
.slider_logo {
  left:0%;
  top:60%;
  width:90%;
	left:5% !important;
}
.bubble{
    display: none;
}
.bubble_mo{
	display: block;
}
.about_te_box{
    max-width: 96%;
	padding: 10px;
}
.text1{
	padding: 20px;
}
.rireki{
	max-width: 98%;
	padding-left: 2%;
}
.tom_photo{
    width: 25%;
    height: auto;
}
.works{
    max-width: 96%;
}
.present{
    max-width: 96%;
}
.pre_ill{
	max-width: 50%;
}
.midashi {
	width: 95%;	
}
}

@media screen and (max-width: 480px) {
main {
	padding-top: 50px;
}article {
	margin-bottom: 0px;
}
.slider_logo {
	left:0%;
	top:60%;
	width:100%;
	left:0% !important;
}
.banner {
	display: block;
}
}