@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;buy-after-knowledge
    font-size:0;
    clear: both;
visibility:hidden;
}
.clearfix{ display: inline-block; }
/* Hides from IE Mac */
* html .clearfix{ height: 1%; }
.clearfix{ display:block; }
img { max-width: 100%; height: auto;}
a { color: #2B1500; text-decoration: none;}

body {
	font-family: noto-sans-cjk-jp, YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
	font-weight: 500;
	font-style: normal;
	line-height: 1.8;
	color: #323131;
	letter-spacing: 0.05em;
	}



@media screen and (min-width: 769px) {
	
.wrap { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}

	header { border-top: solid 4px #006D3D;}
	header .wrap { width: 92%; margin: 0 auto; max-width: 1200px; padding: 20px 0;}
	header h1 {}
	header h1 img { width: 400px;}
	header ul li { display: inline-block; vertical-align: top;}
header .tel {}
header .tel img { height: 35px; display: block;}
header .tel a { background: #006D3D; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; display: block; padding: 20px 35px 18px;}
header .entry {}
header .entry img { height: 30px;}
header .entry a { background: #FF9B00; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; display: block; padding: 19px 45px 16px;}

#mainimage { width: 92%; margin: 0 auto; max-width: 1200px;}

.sec01 { width: 90%; margin: 0 auto; max-width: 1000px; padding: 100px 0 150px;}
.sec01 p { font-size: 21px; width: 100%; line-height: 2.2em; }
.sec01 p span { color: #e24a4a; font-weight: bold;}
.sec01 .chara { width: 30%; text-align: center; padding-top: 10px;}
.sec01 .chara img { width: 80%;}
	
	.sec01 h2 { color: #cd9933; font-size: 34px; padding-top: 60px;}

	.area01 { background: #fffff3;}
	.area01 .inner { width: 90%; margin: 0 auto; max-width: 1000px; padding: 100px 0; position: relative;}
	.area01 h3 { margin-bottom: 20px;}
	.area01 h3 img { width: 120px;}
	.area01 .doc01 { position: absolute; top: -40px; right: 0;}
	.area01 .doc01 img { width: 340px;}
	.area01 p { font-size: 20px;}
	.area01 .foot { position: relative; margin-top: 50px;}
	.area01 h4 { margin-bottom: 10px;}
	.area01 h4 img { width: 400px;}
	.area01 .doc02 { position: absolute; top: 20px; right: 0;}
	.area01 .doc02 img { width: 350px;}
	.area01 ul { padding-left: 2em;}
	.area01 li  { color: #e24a4a; font-size: 24px; list-style: disc;}
	
	.area02 {}
	.area02 .inner { width: 90%; margin: 0 auto; max-width: 1000px; padding: 100px 0 180px; position: relative;}
	.area02 h3 { margin-bottom: 20px;}
	.area02 h3 img { width: 120px;}
	.area02 .doc01 { position: absolute; top: 50px; right: 50px;}
	.area02 .doc01 img { width: 180px;}
	.area02 p { font-size: 20px;}
	.area02 .foot { position: relative; margin-top: 50px;}
	.area02 h4 { margin-bottom: 10px;}
	.area02 h4 img { width: 400px;}
	.area02 .doc02 { position: absolute; top: 20px; right: 0;}
	.area02 .doc02 img { width: 350px;}
	.area02 ul { padding-left: 2em;}
	.area02 li  { color: #4a67e2; font-size: 24px; list-style: disc;}
	
	.area03 {}
	.area03 .inner { width: 90%; margin: 0 auto; max-width: 1000px; padding: 100px 0; position: relative;}
	.area03 .icon { text-align: center;}
	.area03 .icon img { width: 90px;}
	.area03 h3 { color: #cd9933; font-size: 34px; text-align: center; margin-bottom: 50px;}
	.area03 .gragh { position: absolute; top: 110px; left: 0;}
	.area03 .gragh img { width: 220px;}
	.area03 .voice { background: #fffff3; border: solid 1px #dfdfdf; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; position: relative; margin-bottom: 20px;}
	.area03 .voice .icon { position: absolute; top: 20%; left: -20px;}
	.area03 .voice p { box-sizing: border-box; padding: 30px 30px 30px 90px; font-size: 17px;}

	
.cv { background: url("images/bg_img_01.png");}
.cv .inner { width: 90%; margin: 0 auto; max-width: 1000px; padding: 80px 0;}
.cv .img { margin: 10px 0;}
.cv .btn { text-align: center; margin-top: 50px;}
.cv .btn a { display: inline-block; background: url("images/arrow_img_06.png") no-repeat #f1a623; color: #fff; width: 400px; padding: 20px 0 18px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-size: 20px; background-position: 90% 50%; background-size: 30px;}
.cv .btn a:hover {}

.sec02 {}
.sec02 .inner { width: 90%; margin: 0 auto; max-width: 1000px; padding: 80px 0;}
.sec02 .title { margin-bottom: 30px;}
	
	.sponly { display: none !important;}
	
	.copy { text-align: center; padding: 5px 0; color: #fff; background: #006D3D; font-size: 10px; line-height: 1.5em;}

}

@media screen and (max-width: 768px) {
	
#mainimage { width: 100%; margin: 0 auto;}
	
	.pconly { display: none !important;}

.sec01 { width: 92%; margin: 0 auto; padding: 20px 0 50px;}
.sec01 p { font-size: 14px; width: 100%; line-height: 2.2em;}
.sec01 p span { color: #e1437e; font-weight: bold; background: url("images/line_bg_01.png") repeat-x bottom; background-size: 50%}
.sec01 .chara { width: 100%; text-align: center; padding-top: 30px; text-align: center;}
.sec01 .chara img { width: 70%;}

	
	
	.sec01 h2 { color: #cd9933; font-size: 20px; padding-top: 30px;}

	.area01 { background: #fffff3;}
	.area01 .inner { width: 92%; margin: 0 auto; max-width: 1000px; padding: 50px 0; position: relative;}
	.area01 h3 { margin-bottom: 20px;}
	.area01 h3 img { width: 100px;}
	.area01 .doc01 { position: absolute; top: -20px; right: 0; text-align: right;}
	.area01 .doc01 img { width: 38%;}
	.area01 p { font-size: 16px;}
	.area01 .foot { position: relative; margin-top: 50px;}
	.area01 h4 { margin-bottom: 10px;}
	.area01 h4 img { width: 100%;}
	.area01 .doc02 { text-align: center;}
	.area01 .doc02 img { width: 90%;}
	.area01 ul { padding-left: 1.8em;}
	.area01 li  { color: #e24a4a; font-size: 16px; list-style: disc; margin-bottom: 5px;}
	
	.area02 {}
	.area02 .inner { width: 92%; margin: 0 auto; max-width: 1000px; padding: 50px 0; position: relative;}
	.area02 h3 { margin-bottom: 20px;}
	.area02 h3 img { width: 100px;}
	.area02 .doc01 { position: absolute; top: 0; right: 0; text-align: right;}
	.area02 .doc01 img { width: 30%;}
	.area02 p { font-size: 16px;}
	.area02 .foot { position: relative; margin-top: 50px;}
	.area02 h4 { margin-bottom: 10px;}
	.area02 h4 img { width: 100%;}
	.area02 .doc02 { text-align: center;}
	.area02 .doc02 img { width: 70%;}
	.area02 ul { padding-left: 1.8em;}
	.area02 li  { color: #4a67e2; font-size: 16px; list-style: disc; margin-bottom: 5px;}
	
	.area03 {}
	.area03 .inner { width: 92%; margin: 0 auto; max-width: 1000px; padding: 50px 0; position: relative;}
	.area03 .icon { text-align: center;}
	.area03 .icon img { width: 60px;}
	.area03 h3 { color: #cd9933; font-size: 20px; text-align: center; margin-bottom: 20px;}
	.area03 .gragh { text-align: center; margin-bottom: 20px;}
	.area03 .gragh img { width: 85%;}
	.area03 .voice { background: #fffff3; border: solid 1px #dfdfdf; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; position: relative; margin-bottom: 20px; padding: 20px; box-sizing: border-box;}
	.area03 .voice .icon { text-align: center;}
	.area03 .voice .icon img { width: 60px; margin-bottom: 10px;}
	.area03 .voice p { box-sizing: border-box; font-size: 16px;}
	
	

.cv { background: url("images/bg_img_01.png");}
.cv .inner { width: 90%; margin: 0 auto; max-width: 1000px; padding: 40px 0;}
.cv .img { margin: 10px 0;}
.cv .btn { text-align: center; margin-top: 25px;}
.cv .btn a { display: inline-block; background: url("images/arrow_img_06.png") no-repeat #f1a623; color: #fff; width: 90%; padding: 15px 0 13px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-size: 16px; background-position: 90% 50%; background-size: 15px;}
.cv .btn a:hover {}

.sec02 {}
.sec02 .inner { width: 90%; margin: 0 auto; max-width: 1000px; padding: 80px 0;}
.sec02 .title { margin-bottom: 30px;}
	
	header { border-top: solid 4px #006D3D;}
	header .wrap { width: 92%; margin: 0 auto; max-width: 1200px; padding: 20px 0;}
	header h1 {}
	header h1 img { width: 50%;}
	header ul { position: fixed; bottom: 1vw; width: 98%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; left: 1%; z-index: 9999;}
	header ul li {}
header .tel { width: 40%; text-align: center;}
header .tel img { width: 90%; padding-top: 2vw;}
header .tel a { background: #006D3D; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; display: block; height: 11vw;}
header .entry { width: 59%; text-align: center;}
header .entry img { width: 85%; padding-top: 1.8vw;}
header .entry a { background: #FF9B00; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; display: block; height: 11vw;}

	.copy { text-align: center; padding: 5px 0 13vw; color: #fff; background: #266E0D; font-size: 10px; line-height: 1.5em;}
	
}