@charset "UTF-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
visibility:hidden;
}
.clearfix{ display: inline-block; }
/* Hides from IE Mac */
* html .clearfix{ height: 1%; }
.clearfix{ display:block; }

body { letter-spacing: 0.15em; font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";}
img { max-width: 100%;}
a { text-decoration: none;}
strong { font-weight: bold; line-height: 1.8em; font-size: 1.2rem;}

.history_area .wpcf7-radio .wpcf7-list-item { display: block; margin-bottom: 1px;}
	@media screen and (max-width: 768px) {
		
		body { font-size: 14px;}
		
		.pconly { display: none !important;}
		
		
		
		h2 { text-align: center; padding: 20px 0 15px; line-height: 1.8em;}
h2 span { display: inline-block; border-bottom: solid 2px #000000; font-size: 20px; padding-bottom: 10px; margin-bottom: 8px;}
		
.main { background: #000; position: relative; width: 100%;}
.main img { display: block; margin: 0 auto; max-width: 1200px; width: 100%;}

.logo { position: absolute; top: 0; width: 100%; text-align: right;}
.logo img { width: 30%; display: inline-block; padding: 10px;}

		
		.over { overflow: hidden;}
		
.main_text { border-bottom: solid 1px #000000;}
.main_text .inner { width: 92%; margin: 0 auto; position: relative; padding: 30px 0;}
.main_text .inner h1 { line-height: 1.6em; font-size: 18px; margin-bottom: 15px; font-weight: bold;}
.main_text .inner p { line-height:  1.8em;}
.main_text .inner .btn { position: absolute; right: 0; top: -22vw; widows: 100%; text-align: right;}
.main_text .inner .btn img { width: 30%;}

.about_area { padding: 20px 0 40px; background: url("images/index_bg02_pc.png") no-repeat right top; background-size: 100%;}
		.about_area video { width: 100%; margin-bottom: 5px;}
.about_area .inner { width: 92%; margin: 0 auto;}
.about_area .img { margin-bottom: 20px;}
.about_area p { line-height: 1.8em;}

.history_area { padding: 20px 0 40px; background: url("images/pattern_02.png"); background-size: 35px;}
.history_area .inner { width: 92%; margin: 0 auto;}
.history_area .img { margin-bottom: 20px;}
.history_area p { line-height: 1.8em;}
.history_area ul { margin-bottom: 20px;}
.history_area ul li { width: 100%; margin-bottom: 10px;}
		.history_area ul li:last-child { margin-bottom: 0;}
		
		.history_area ul li:last-child { margin-bottom: 0;}
		
		.history_area dl { margin-bottom: 25px;}
		.history_area dt { font-size: 16px; margin-bottom: 10px;}
		.history_area dt span { color: #de3239;}
		.history_area dt span.minitext { font-size: 12px; color: #000000;}
		.history_area dd { line-height: 1.6em;}
		.history_area input[type="text"] { padding: 10px; background: #EEEEEE; border: solid 1px #B1B1B1; box-sizing: border-box; width: 100%;}
		.history_area input[type="email"] { padding: 10px; background: #EEEEEE; border: solid 1px #B1B1B1; box-sizing: border-box; width: 100%;}
		.history_area input[type="tel"] { padding: 10px; background: #EEEEEE; border: solid 1px #B1B1B1; box-sizing: border-box; width: 100%;}
		.history_area textarea { padding: 10px; background: #EEEEEE; border: solid 1px #B1B1B1; box-sizing: border-box; width: 100%;}
		.history_area .send { text-align: center;}
		.history_area .send input {
			border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
			display: block; width: 80%; text-align: center; border: solid 1px #000000; background: #000; color: #fff; padding: 15px 0; margin: 0 auto; font-size: 16px;}

.voice_area { padding: 20px 0 40px; background: url("images/ptn_dot.png");}
.voice_area .inner { width: 92%; margin: 0 auto;}
.voice_area .box { background: #6696c2;}
.voice_area .box .text { width: 40%; position: relative; color: #fff;}
.voice_area .box .text .absolute { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); margin: auto; text-align: left; width: 80%;}
.voice_area .box .img { width: 60%;}
.voice_area .box .img img { display: block;}
.voice_area .box .text h3 { font-size: 12px;}
.voice_area .box .text h3 span { font-size: 24px; display: inline-block; border-bottom: solid 2px #fff; padding-bottom: 10px; margin-bottom: 10px;}
.voice_area .box .text p { margin-bottom: 20px; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; line-height: 1.4em;}
.voice_area .comment { line-height: 1.8em; font-size: 14px;}
.voice_area .comment span { background: url("images/icon_line.png") repeat-x bottom; background-size: 50px; color: #f7363e;}

.voice_area {}
.voice_area .profile { margin-bottom: 60px;}
.voice_area .profile .img { text-align: center; margin-bottom: 30px;}
		.voice_area .profile .img img { width: 80%;}
.voice_area .profile .text { width: 100%; background: #fff; box-sizing: border-box; padding: 15px 15px 10px;}
.voice_area .profile .text { box-shadow: 0 0 4px #c2c2c2;}
.voice_area .profile .text h3 { font-size: 10px; margin-bottom: 15px;}
.voice_area .profile .text h3 span { font-size: 18px; display: inline-block; border-bottom: solid 2px #fff; padding-bottom: 10px;}
.voice_area .profile .text p { margin-bottom: 10px; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; line-height: 1.4em; font-size: 12px;}
.voice_area .profile:last-child { margin-bottom: 0;}
		.voice_area .profile .comment { height: 100px; overflow-y: scroll; border-bottom: solid 1px #E5E5E5;}

.requirement_area { padding: 20px 0 40px; background: url("images/pattern_02.png"); background-size: 35px;}
.requirement_area .inner { width: 92%; margin: 0 auto;}
.requirement_area .shikaku { text-align: center;}
.requirement_area .wrap {}
.requirement_area dl { width: 100%; line-height: 1.6em; margin-bottom: 25px;}
.requirement_area dt { font-size: 15px; margin-bottom: 10px; color: #f7363e;}
.requirement_area dd { font-size: 14px;}
.requirement_area dd ul li { list-style: disc;}
.requirement_area dd ul { padding-left: 1.5em;}

.schedule_area { padding: 20px 0 40px; background: url("images/ptn_dot.png");}
.schedule_area .inner { width: 92%; margin: 0 auto;}
.schedule_area .img { text-align: center; margin-bottom: 30px;}
		.schedule_area .img img { width: 80%;}
.schedule_area .text { width: 100%;}
.schedule_area dl { margin-bottom: 20px; text-align: left;}
.schedule_area dt { line-height: 1.4em; box-sizing: border-box; border: solid 2px #000000; display: inline-block; box-sizing: border-box; padding: 5px 10px; margin-bottom: 5px; vertical-align: top; margin-right: 5px;}
.schedule_area dd { font-size: 16px; line-height: 1.4em; display: inline-block; width: 80%; vertical-align: top;}
.schedule_area dd span { display: block; font-size: 14px;}
.schedule_area {}

.sns_area { padding: 20px 0 40px; background: url("images/index_bg02_pc.png") no-repeat right top; background-size: 100%;}
.sns_area .inner { width: 92%; margin: 0 auto;}
.sns_area .text { margin-bottom: 20px;}
.sns_area .text h3 { margin-bottom: 10px; font-size: 16px; background: url("images/favicon.ico") no-repeat left; background-size: 40px; line-height: 1.4em; padding-left: 48px;}
.sns_area .text p { line-height: 1.8em;}
.sns_area .text img { margin-bottom: 10px; width: 100%; height: auto; display: block;}
.sns_area .scroll { height: 92vw; overflow: scroll;}

.copy { text-align: left; background: #000000; color: #fff; padding: 10px 10px 50px; font-size: 7px; letter-spacing: 0.05em;}

#page-top {
    position: fixed;
    bottom: 0;
    width: 100%; text-align: right;
    font-size: 77%;
}
#page-top img { cursor: pointer; width: 80%; display: inline-block; margin-bottom: -2px;}
#page-top a {
    
    text-decoration: none;
    
    text-align: right;
    display: inline-block;
    border-radius: 5px;
}
#page-top img:hover {
    cursor: pointer;
}
		
}

	@media screen and (min-width: 769px) {
		
		.sponly { display: none !important;}
		
		.wrap { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
		
		h2 { text-align: center; padding: 80px 0 50px; line-height: 1.8em;}
h2 span { display: inline-block; border-bottom: solid 2px #000000; font-size: 30px; padding-bottom: 10px; margin-bottom: 8px;}

.main { background: #000; position: relative;}
.main img { display: block; margin: 0 auto; width: 100%;}

.logo { position: absolute; left: 50px; top: 50px;}
.logo img { width: 250px;}

.main_text { border-bottom: solid 1px #000000;}
.main_text .inner { width: 900px; margin: 0 auto; position: relative; padding: 30px 0;}
.main_text .inner h1 { line-height: 1.6em; font-size: 22px; margin-bottom: 15px; font-weight: bold;}
.main_text .inner p { line-height:  1.8em;}
.main_text .inner .btn { position: absolute; right: 0; top: -25px;}
.main_text .inner .btn img { width: 250px;}

.about_area { padding: 80px 0 160px; background: url("images/index_bg02_pc.png") no-repeat center top; background-size: contain;}
		.about_area video { width: 100%; margin-bottom: 10px;}
.about_area .inner { width: 900px; margin: 0 auto;}
.about_area .img { margin-bottom: 20px;}
.about_area p { line-height: 1.8em;}

.history_area { padding: 80px 0 160px; background: url("images/pattern_02.png");}
.history_area .inner { width: 900px; margin: 0 auto;}
.history_area .img { margin-bottom: 20px;}
.history_area p { line-height: 1.8em;}
.history_area ul { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin-bottom: 20px;}
.history_area ul li { width: 32.4%;}
		
		.history_area dl { margin-bottom: 25px;}
		.history_area dt { font-size: 20px; margin-bottom: 10px;}
		.history_area dt span { color: #de3239;}
		.history_area dt span.minitext { font-size: 12px; color: #000000;}
		.history_area dd { line-height: 1.6em;}
		.history_area input[type="text"] { padding: 10px; background: #EEEEEE; border: solid 1px #B1B1B1;}
		.history_area input[type="email"] { padding: 10px; background: #EEEEEE; border: solid 1px #B1B1B1;}
		.history_area input[type="tel"] { padding: 10px; background: #EEEEEE; border: solid 1px #B1B1B1;}
		.history_area textarea { padding: 10px; background: #EEEEEE; border: solid 1px #B1B1B1;}
		.history_area .send {}
		.history_area .send input { display: inline-block; width: 200px; text-align: center; border: solid 1px #000000; background: #000; color: #fff; padding: 15px 0;}
		.entry-inner { width: 600px; margin: 0 auto;}
		

.voice_area { padding: 80px 0 160px; background: url("images/ptn_dot.png");}
.voice_area .inner { width: 900px; margin: 0 auto;}
.voice_area .box { background: #6696c2;}
.voice_area .box .text { width: 40%; position: relative; color: #fff;}
.voice_area .box .text .absolute { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); margin: auto; text-align: left; width: 80%;}
.voice_area .box .img { width: 60%;}
.voice_area .box .img img { display: block;}
.voice_area .box .text h3 { font-size: 12px;}
.voice_area .box .text h3 span { font-size: 24px; display: inline-block; border-bottom: solid 2px #fff; padding-bottom: 10px; margin-bottom: 10px;}
.voice_area .box .text p { margin-bottom: 20px; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; line-height: 1.4em;}
.voice_area .comment { line-height: 1.8em; font-size: 14px;}
.voice_area .comment span { background: url("images/icon_line.png") repeat-x bottom; background-size: 60px; color: #f7363e;}

.voice_area {}
.voice_area .profile { margin-bottom: 60px;}
.voice_area .profile .img { width: 38%; float: left;}
.voice_area .profile .text { width: 58%; float: right; background: #fff; box-sizing: border-box; padding: 30px 30px 25px;}
.voice_area .profile .text { box-shadow: 0 0 4px #c2c2c2;}
.voice_area .profile .text h3 { font-size: 10px; margin-bottom: 15px;}
.voice_area .profile .text h3 span { font-size: 24px; display: inline-block; border-bottom: solid 2px #fff; padding-bottom: 10px;}
.voice_area .profile .text p { margin-bottom: 10px; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; line-height: 1.4em;}
.voice_area .profile:last-child { margin-bottom: 0;}

.requirement_area { padding: 80px 0 160px; background: url("images/pattern_02.png");}
.requirement_area .inner { width: 900px; margin: 0 auto;}
.requirement_area .shikaku { text-align: center;}
.requirement_area .wrap {}
.requirement_area dl { width: 100%; line-height: 1.6em; margin-bottom: 25px;}
.requirement_area dt { font-size: 18px; margin-bottom: 10px; color: #f7363e;}
.requirement_area dd { font-size: 14px;}
.requirement_area dd ul li { list-style: disc;}
.requirement_area dd ul { padding-left: 1.5em;}

.schedule_area { padding: 80px 0 160px; background: url("images/ptn_dot.png");}
.schedule_area .inner { width: 900px; margin: 0 auto;}
.schedule_area .img { width: 46%;}
.schedule_area .text { width: 50%;}
.schedule_area dl { margin-bottom: 20px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.schedule_area dt { width: 10%; line-height: 1.4em; background: url("images/icon_circle.png") no-repeat center; background-size: contain; color: #fff; padding: 18px 10px 10px 11px; box-sizing: border-box;}
.schedule_area dd { font-size: 20px; line-height: 1.4em; text-align: left; width: 86%;}
.schedule_area dd span { display: block; font-size: 16px;}
.schedule_area {}

.sns_area { padding: 80px 0 160px; background: url("images/index_bg02_pc.png") no-repeat center top; background-size: contain;}
.sns_area .inner { width: 900px; margin: 0 auto;}
.sns_area .text { width: 50%;}
.sns_area .text h3 { margin-bottom: 15px; font-size: 22px; background: url("images/favicon.ico") no-repeat left; background-size: 60px; line-height: 1.4em; padding-left: 74px;}
.sns_area .text p { line-height: 1.8em;}
.sns_area .text img { margin-bottom: 15px;}
		.sns_area .text a:hover { cursor: pointer;}
.sns_area .scroll { height: 500px; overflow: scroll; width: 46%;}

.copy { text-align: center; background: #000000; color: #fff; padding: 10px 0; font-size: 10px;}

#page-top {
    position: fixed;
    bottom: 0;
    width: 100%; text-align: right;
    font-size: 77%;
}
#page-top img { cursor: pointer; height: 50px; display: block; margin-bottom: -2px;}
#page-top a {
    
    text-decoration: none;
    
    text-align: center;
    display: inline-block;
    border-radius: 5px;
}
#page-top img:hover {
    cursor: pointer;
}
		
}

.fadein {
  opacity: 0;
  transform : translate(100px, 0);
  transition : all 1500ms;
}

.fadein.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}

.fadein-r {
  opacity: 0;
  transform : translate(-100px, 0);
  transition : all 1500ms;
}

.fadein-r.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}
.fadein-b {
  opacity: 0;
  transform : translate(0, 100px);
  transition : all 1500ms;
}

.fadein-b.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}