@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.01em; font-size: 15px; font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}
a { text-decoration: none; color: #000000;}


/* PC */
@media screen and (min-width: 769px) {
	
	.btn-area { text-align: center; padding-bottom: 80px;}
	.btn-area a { display: inline-block; color: #FFFFFF; background: #FF9B00; padding: 2em 6em; font-size: 18px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px;}
	
	.cv-new { position: relative; width: 100%;}
	.cv-new img { width: 100%;}
	.cv-new .btns { position: absolute; left: 37%; text-align: left; top: 40%;}
	.cv-new .btns img { width:37%; height: auto; display: inline-block; margin-right: 0.5vw;}
	.cv-new a { cursor: pointer;}
	.cv-new .mouse { cursor: pointer;}
	
.wrap { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
	.sponly { display: none !important;}
	.led-page { margin: 0 auto; width: 100%; max-width: 1440px; text-align: center; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}
	img { max-width: 100%; height: auto;}
.img01 { padding-bottom: 70px;}
.gray { background: #F7F7F7; padding: 80px 0; text-align: center;}
.gray img { width: 980px;}
.img02 img { width: 980px; padding: 80px 0;}
.img03 img { width: 980px; padding: 0 0 40px;}
.cv img { display: block;}
.contact-area { width: 900px; margin: 0 auto;}
.contact-area p { margin-bottom: 40px;}
.contact-area .box { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.contact-area .box dl { width: 48%; text-align: left; line-height: 1.8em; margin-bottom: 25px; font-size: 18px;}
.contact-area .box dt { font-weight: bold;}
.contact-area .box dd {}
.contact-area .box dd input[type="text"] { border: solid 1px #C8C8C8; box-sizing: border-box; padding: 20px; width: 100%; border-radius: 5px;}
.contact-area .box dd input[type="tel"] { border: solid 1px #C8C8C8; box-sizing: border-box; padding: 20px; width: 100%; border-radius: 5px;}
.contact-area .box dd input[type="email"] { border: solid 1px #C8C8C8; box-sizing: border-box; padding: 20px; width: 100%; border-radius: 5px;}
.contact-area .area { text-align: left;}
.contact-area .area label { display: inline-block;}
.contact-area .area textarea { width: 100%; margin-top: 10px; border: solid 1px #C8C8C8; height: 14em; box-sizing: border-box; padding: 20px; margin-bottom: 40px;}
.contact-area .area .ttl { margin-bottom: 15px; font-size: 18px; font-weight: bold;}
.contact-area .send { padding-bottom: 80px; cursor: pointer;}
.contact-area .send input { display: inline-block; color: #FFFFFF; background: #394D7D; padding: 15px 60px; font-size: 18px; text-align: center; border: solid 3px #394D7D; border-radius: 55px; transition: 0.3s;}
.contact-area .send input:hover { display: inline-block; color: #394D7D; background: #fff; padding: 15px 60px; font-size: 18px; text-align: center; border: solid 3px #394D7D; border-radius: 55px; transition: 0.3s;}
.contact-area .red { color: #FF0004;}
.contact-area dl .red { color: #FF0004; font-weight: lighter; margin-left: 5px; font-size: 14px;}
.contact-area .mini { font-size: 10px;}
.copy { color: #FFFFFF; background: #394D7D; text-align: center; padding: 15px 0; font-size: 12px;}


header { background: rgba(255,255,255,0.70); position: fixed; top: 0; width: 100%; display: block; z-index: 9999;}
header .inner { width: 1100px; margin: 0 auto; padding: 15px 0;}
header ul { padding-top: 20px;}
header ul li { display: inline-block; margin-left: 1em;}
header ul li.btn a { background: #FF9B00; color: #FFFFFF; padding: 15px 30px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; transition: 0.3s; cursor: pointer;}
header ul li.btn a:hover { background: #dd8c10; color: #FFFFFF; padding: 15px 30px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; transition: 0.3s;}

#mainimage {}
#mainimage img { width: 100%; height: auto; display: block;}

h3 { text-align: center; color: #0E3A60; font-size: 26px; margin-bottom: 40px; font-weight: bold;}

.about { padding-top: 100px;}
.about p.txt { width: 1100px; margin: 0 auto; line-height: 1.8em;}
.about h4 { text-align: center; font-weight: bold; margin-top: 55px; font-size: 18px; margin-bottom: 20px;}
.about .img { text-align: center;}
.about .img img { width: 780px; height: auto;}

.flow { padding: 100px 0; }
.flow .block { border: solid 1px #DBDBDB; width: 900px; margin: 0 auto; box-sizing: border-box; padding:0 40px 40px; text-align: center;}
.flow .ttl { text-align: center; color: #0E3A60; font-weight: bold; font-size: 24px; display: inline-block; margin: 0 auto; background: #FFFFFF; position: relative; top: -18px; padding: 5px 15px;}
.flow dl { background: #D1E9F7; margin-top: 30px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; border-radius: 85px; -webkit-border-radius: 85px; -moz-border-radius: 85px; font-size: 16px; line-height: 1.4em; box-sizing: border-box; padding: 5px;}
.flow dl:nth-child(2n) { background: #B2CCE2;}
.flow dt { background: #FFFFFF; text-align: center; color: #175A93; width: 100px; border-radius: 85px; -webkit-border-radius: 85px; -moz-border-radius: 85px; font-size: 16px; padding: 28px 0; font-weight: bold;}
.flow dt span { font-size: 22px;}
.flow dd { font-size: 14px; text-align: left; width: 690px; padding-top: 30px; font-weight: bold;}
.flow dd span { font-size: 12px; font-weight: normal;}

.voice { padding: 100px 0; background: #F8F8F8;}
.voice .boxes { width: 1100px; margin: 0 auto;}
.voice .box { width: 31.5%; background: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: solid 1px #DBDBDB;}
.voice .box .img { height: 150px; background-repeat: no-repeat; background-size: cover; border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px;}
.voice .box .text { box-sizing: border-box; padding: 25px;}
.voice .box .text .subttl { font-weight: bold; color: #0E3A60; font-size: 18px; margin-bottom: 15px;}
.voice .box .text p { line-height: 1.5em; text-align: justify; font-size: 14px;}

.greeting { padding: 100px 0;}
.greeting .text { font-size: 16px; line-height: 1.8em; width: 1100px; margin: 0 auto; text-align: center;}
.greeting .bold { font-weight: bold;}
.greeting img { height: 0.9em;}

.company { padding: 100px 0; background: #F8F8F8;}
.company .inner-2 { width: 800px; margin: 0 auto;}
.company dl { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding: 10px 0; line-height: 1.5em;}
.company dt { width: 250px; font-weight: bold;}
.company dd { width: 545px;}
.company dd img { height: 1em;}

.contact { padding: 100px 0;}
.contact .inner-2 { width: 800px; margin: 0 auto;}
.contact dl { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding: 10px 0;}
.contact dt { width: 250px; padding-top: 10px; font-weight: bold;}
.contact dd { width: 545px;}
.contact dt span { color: #FF0000;}
.contact input[type="text"] { border: solid 1px #C4C4C4; box-sizing: border-box; padding: 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; width: 300px;}
.contact textarea { width: 100%; height: 10em; border: solid 1px #C4C4C4; box-sizing: border-box; padding: 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.contact .send { text-align: center; padding-top: 40px; cursor: pointer;}
.contact .send input[type="submit"] { background: #035EA7; color: #fff; border:  solid 1px #035EA7; width: 215px; text-align: center; font-size: 16px; padding: 1em 0; transition: 0.3s; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.contact .send input[type="submit"]:hover { background: #fff; color: #035EA7; border: solid 1px #035EA7; width: 215px; text-align: center; font-size: 16px; padding: 1em 0; transition: 0.3s;}

#copyright { background: #035EA7; text-align: center; padding: 10px 0;}
#copyright p { color: #FFFFFF; font-size: 12px;}
	
	.li-bold { font-weight: bold; font-size: 18px;}
}

/* SP */
@media screen and (max-width: 768px) {
	body { letter-spacing: 0.01em; font-size: 14px; font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}
	
	.btn-area { text-align: center; padding-bottom: 40px;}
	.btn-area a { display: inline-block; color: #FFFFFF; background: #FF9B00; padding: 1em 4em; font-size: 16px; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px;}
	
	.sp_btn { position: fixed; bottom: 5px; width: 100%; text-align: center;}
	.sp_btn a { background: #FF9B00; color: #FFFFFF; padding: 15px 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; transition: 0.3s; cursor: pointer; display: inline-block; width: 100%; margin: 0 5px;}
	
.pconly { display: none !important;}
	
	.led-page { margin: 0 auto; width: 100%; text-align: center; font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}
	img { max-width: 100%; height: auto;}
.img01 { padding-bottom: 0;}
.gray { background: #F7F7F7; padding: 40px 0; text-align: center;}
.gray img { width: 90%;}
	.img02 { padding: 30px 0;}
.img02 img { width: 90%; padding: 10px 0;}
.img03 img { width: 90%; padding: 0 0 20px;}
.cv img { display: block; width: 100%; height: auto;}
.contact-area { width: 90%; margin: 0 auto;}
.contact-area p { margin-bottom: 40px; line-height: 1.5em;}
.contact-area .box { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.contact-area .box dl { width: 48%; text-align: left; line-height: 1.8em; margin-bottom: 25px; font-size: 12px;}
.contact-area .box dt { font-weight: bold;}
.contact-area .box dd {}
.contact-area .box dd input[type="text"] { border: solid 1px #C8C8C8; box-sizing: border-box; padding: 15px; width: 100%; border-radius: 5px;}
.contact-area .box dd input[type="tel"] { border: solid 1px #C8C8C8; box-sizing: border-box; padding: 15px; width: 100%; border-radius: 5px;}
.contact-area .box dd input[type="email"] { border: solid 1px #C8C8C8; box-sizing: border-box; padding: 15px; width: 100%; border-radius: 5px;}
.contact-area .area { text-align: left;}
.contact-area .area label { display: inline-block; line-height: 1.4em;}
.contact-area .area textarea { width: 100%; margin-top: 10px; border: solid 1px #C8C8C8; height: 14em; box-sizing: border-box; padding: 20px; margin-bottom: 40px;}
.contact-area .area .ttl { margin-bottom: 15px; font-size: 14px; font-weight: bold;}
.contact-area .send { padding-bottom: 40px; cursor: pointer;}
.contact-area .send input { display: inline-block; color: #FFFFFF; background: #394D7D; padding: 10px 40px; font-size: 16px; text-align: center; border: solid 3px #394D7D; transition: 0.3s;border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer; border-radius: 55px;}
.contact-area .send input:hover { display: inline-block; color: #394D7D; background: #fff; padding: 10px 40px; font-size: 16px; text-align: center; border: solid 3px #394D7D; border-radius: 55px; transition: 0.3s;}
.contact-area .red { color: #FF0004;}
.contact-area dl .red { color: #FF0004; font-weight: lighter; margin-left: 5px; font-size: 14px;}
.contact-area .mini { font-size: 10px;}
.copy { color: #FFFFFF; background: #394D7D; text-align: center; padding: 15px 0; font-size: 12px; margin-bottom: 70px;}
	
	.tel-btn { text-align: center; position: fixed; bottom: 0; width: 100%;}
	.tel-btn a { width: 95%; padding: 14px 0 18px; font-size: 16px; background: #e0b243; color: #FFFFFF; display: inline-block; margin-bottom: 2.5vw; border-radius: 5px;}
	.tel-btn img { height: 22px; margin-right: 10px; position: relative; bottom: -6px;}
	


header {}
header .inner { width: 100%; margin: 0 auto; padding: 15px 0; text-align: center;}
	header img { width: 50%; height: auto;}
header ul { padding-top: 20px; font-size: 10px;}
header ul li { display: inline-block; margin:0 3px;}

#mainimage {}
#mainimage img { width: 100%; height: auto; display: block;}

h3 { text-align: center; color: #0E3A60; font-size: 18px; margin-bottom: 25px; font-weight: bold;}

.about { padding-top: 50px;}
.about p.txt { width: 92%; margin: 0 auto; line-height: 1.8em;}
.about h4 { text-align: center; font-weight: bold; margin-top: 45px; font-size: 18px; margin-bottom: 15px;}
.about .img { text-align: center;}
.about .img img { width: 95%; height: auto;}

.flow { padding: 50px 0; }
.flow .block { border: solid 1px #DBDBDB; width: 92%; margin: 0 auto; box-sizing: border-box; padding:0 20px 20px; text-align: center;}
.flow .ttl { text-align: center; color: #0E3A60; font-weight: bold; font-size: 17px; display: inline-block; margin: 0 auto; background: #FFFFFF; position: relative; top: -14.5px; padding: 5px 15px;}
.flow dl { background: #D1E9F7; margin-top: 20px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-size: 16px; line-height: 1.4em; box-sizing: border-box; padding: 5px;}
	.flow dl:nth-child(2) { margin-top: 0;}
.flow dl:nth-child(2n) { background: #B2CCE2;}
.flow dt { background: #FFFFFF; text-align: center; color: #175A93; width: 100%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-size: 15px; padding: 14px 0; font-weight: bold; display: inline-block;}
.flow dt span { font-size: 20px; margin-right: 5px;}
.flow dd { font-size: 13px; text-align: left; font-weight: bold; padding: 8px 8px 3px;}
.flow dd span { font-size: 11px; font-weight: normal;}

.voice { padding: 50px 0; background: #F8F8F8;}
.voice .boxes { width: 92%; margin: 0 auto;}
.voice .box { width: 100%; background: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: solid 1px #DBDBDB; margin-bottom: 25px;}
	.voice .box:last-child { margin-bottom: 0;}
.voice .box .img { height: 150px; background-repeat: no-repeat; background-size: cover; border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px;}
.voice .box .text { box-sizing: border-box; padding: 25px;}
.voice .box .text .subttl { font-weight: bold; color: #0E3A60; font-size: 18px; margin-bottom: 15px;}
.voice .box .text p { line-height: 1.5em; text-align: justify; font-size: 14px;}

.greeting { padding: 50px 0;}
.greeting .text { font-size: 14px; line-height: 1.8em; width: 92%; margin: 0 auto; text-align: left;}
.greeting .bold { font-weight: bold;}
.greeting img { height: 0.9em;}

.company { padding: 50px 0; background: #F8F8F8;}
.company .inner-2 { width: 92%; margin: 0 auto;}
.company dl { padding: 10px 0; line-height: 1.5em;}
.company dt { font-weight: bold; margin-bottom: 5px;}
.company dd {}
.company dd img { height: 1em;}

.contact { padding: 50px 0;}
.contact .inner-2 { width: 92%; margin: 0 auto;}
.contact dl { padding: 10px 0;}
.contact dt { padding-top: 10px; font-weight: bold; margin-bottom: 5px;}
.contact dd {}
.contact dt span { color: #FF0000;}
.contact input[type="text"] { border: solid 1px #C4C4C4; box-sizing: border-box; padding: 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; width: 300px;}
.contact textarea { width: 100%; height: 10em; border: solid 1px #C4C4C4; box-sizing: border-box; padding: 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.contact .send { text-align: center; padding-top: 25px; cursor: pointer;}
.contact .send input[type="submit"] { background: #035EA7; color: #fff; border:  solid 1px #035EA7; width: 215px; text-align: center; font-size: 14px; padding: 10px 0; transition: 0.3s; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.contact .send input[type="submit"]:hover { background: #fff; color: #035EA7; border: solid 1px #035EA7; width: 215px; text-align: center; font-size: 14px; padding: 10px 0; transition: 0.3s;}

#copyright { background: #035EA7; text-align: center; padding: 10px 0; margin-bottom: 55px;}
#copyright p { color: #FFFFFF; font-size: 12px;}
	
	.li-bold { font-weight: bold; font-size: 14px;}
}