@charset "utf-8";

	



/* Let's default this puppy out

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



html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}	
body {
overflow:hidden;
}								



article, aside, figure, footer, header, hgroup, nav, section {display: block;}



/* Responsive images and other embedded objects

   Note: keeping IMG here will cause problems if you're using foreground images as sprites.

   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */

img,

object,

embed {max-width: 100%;}



/* force a vertical scrollbar to prevent a jumpy page */

html {overflow-y: scroll;}



/* we use a lot of ULs that aren't bulleted. 

	don't forget to restore the bullets within content. */

ul {list-style: none;}



blockquote, q {quotes: none;}



blockquote:before, 

blockquote:after, 

q:before, 

q:after {content: ''; content: none;}



a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}



a:link { color: #F46F22; }



del {text-decoration: line-through;}



abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}



/* tables still need cellspacing="0" in the markup */

table {border-collapse: collapse; border-spacing: 0;}

th {font-weight: bold; vertical-align: bottom;}

td {font-weight: normal; vertical-align: top;}



hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}



input, select {vertical-align: middle;}



pre {

	white-space: pre; /* CSS2 */

	white-space: pre-wrap; /* CSS 2.1 */

	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */

	word-wrap: break-word; /* IE */

}



input[type="radio"] {vertical-align: text-bottom;}

input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}

.ie6 input {vertical-align: text-bottom;}



select, input, textarea {font: 99% sans-serif;}



table {font-size: inherit; font: 100%;}

 

/* Accessible focus treatment

	people.opera.com/patrickl/experiments/keyboard/test */

a:hover, a:active {outline: none;}



small {font-size: 85%;}



strong, th {font-weight: bold;}



td, td img {vertical-align: top;} 



/* Make sure sup and sub don't screw with your line-heights

	gist.github.com/413930 */

sub, sup {font-size: 75%; line-height: 0; position: relative;}

sup {top: -0.5em;}

sub {bottom: -0.25em;}



/* standardize any monospaced elements */

pre, code, kbd, samp {font-family: monospace, sans-serif;}



/* hand cursor on clickable elements */

.clickable,

label, 

input[type=button], 

input[type=submit], 

button {cursor: pointer;}



/* Webkit browsers add a 2px margin outside the chrome of form elements */

button, input, select, textarea {margin: 0;}



/* make buttons play nice in IE */

button {width: auto; overflow: visible;}

 

/* scale images in IE7 more attractively */

.ie7 img {-ms-interpolation-mode: bicubic;}



/* prevent BG image flicker upon hover */

.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}



/* let's clear some floats */

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  

.clearfix:after { clear: both; }  

.clearfix { zoom: 1; }  







/* Ok, this is where the fun starts.

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



/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */

body {font: 13px Helmet, Freesans, sans-serif;
line-height:1.5;}



/* using local fonts? make sure to read up on Paul Irish's 

	Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */



/* we like off-black for text */

body, select, input, textarea {color: #333;}



a {color: #03f;}

a:hover {color: #69f;}



/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */

::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}

::selection {background: #fcd700; color: #fff; text-shadow: none;} 



/*	j.mp/webkit-tap-highlight-color */

a:link {-webkit-tap-highlight-color: #fcd700;} 



ins {background-color: #fcd700; color: #000; text-decoration: none;}

mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}





/* HTML5 Reset end

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

*{

/*	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;*/
font-family: "Roboto","BIZ UDPGothic","ヒラギノ角ゴ Pro W3",  "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	box-sizing: border-box;

}

.wrap{

	width: 1000px;

	margin: 0 auto; 

}

#mainV{

	background: url(images/bg01.png) no-repeat;

	background-position: top center;

	background-size: contain;

    background-color: #F8F7FB;

}

#mainV .wrap{

	position: relative;

	background: url(images/mainV.png) no-repeat;

	background-position: bottom left;

	padding-bottom: 100px;

}

.spmainV{

	display: none;

}

.logo{

	padding: 20px 14px;

	background: #fff;

	position: absolute;

	top: 0;

	left: 0;

	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);

}

.logo img{

	width: 100px;

}

.mainright{

	float: right;

	width: 600px;

	margin-top: 80px;

	position: relative;

}

.size40{

	font-size: 31px;

	font-weight: bold;

	color: #431f0b;

}

.size30{

	font-size: 30px;

	font-weight: bold;

	color: #431f0b;

}

.orange{

	color: #F46F22 !important;

}

.size40 .orange{

	font-size: 40px;

}

.mainright h1{

	font-size: 60px; 

	margin-bottom: 30px;

	color: #431f0b;

}

.size23{

	font-size: 23px; 

	color: #431f0b;

}

.success{

	background: #66B90E;

	text-align: center;

	width: 230px;

	height: 230px;

	border-radius: 115px;

	position: absolute;

    top: 250px;

    right: 0;

    box-shadow: 2px 2px 2px rgba(0,0,0,0.4);

}

.success p{

	font-weight: bold;

	color: #fff;
}

.success p:nth-of-type(1){

/*	margin-top: 28px;*/
/*	margin-top: 40px;

    line-height: 33px;*/

}

.success p:nth-of-type(2) {

/*    line-height: 74px;
	line-height: 55px;*/

}

.size60{

	font-size: 60px;

}

.size35{

	font-size: 35px;

}

.yellow{

	color: #FDFF72;

}

.small{

	font-size: 11px;

	color: #fff;

	display: block;

/*	margin-top: -6px;*/

}

.orangewrap{

	padding: 50px 0 40px;

	background: #F46F22;

}

.orangewrap h2{

	color: #fff;

	font-size: 40px;

	text-align: center;

}

.orangewrap .subhead{

	color: #fff;

	text-align: center;

	font-size: 25px;

}

.telinfo{

	width: 100%;

	background: #fff;

	padding: 20px;
	

}

.telinfo h3{

	font-size: 30px;

	color: #431F0B;

	text-align: center;

}

.paddingorange{

	background: #F46F22;

	color: #fff;

	font-size: 27px;

	padding: 14px 20px;

	border-radius: 10px;

	margin-right: 10px;

}

.tellist{

	padding-top: 30px;

	border-top: solid 1px #C9BEB8;

	margin-top: 25px;

}

.tellist dt, .tellist dd{

	display: inline;

}


.tellist li {

	margin-bottom: 40px;

	overflow: hidden;
	
	text-align: center;

}

.tellist dt{

	font-size: 25px;

	color: #431F0B;

	border: solid 2px #F46F22;

	border-radius: 10px;

	width: 150px;

	text-align: center;

	padding: 2px 5px;

	margin-right: 10px;

}

.tellist dd{

	font-size: 35px;

	color: #D91C1C;

	font-weight: bold; 

}

.tellist dd:nth-of-type(1), .tellist dd:nth-of-type(3){

	margin-right: 20px;

}

.reception{

	font-size: 15px;

	font-weight: bold;

	text-align: center;

	background: url(images/bg02.png);

	padding: 8px 0;

	color: #431F0B;

}

.dotwrap{

	padding: 90px 0 50px;

	background-image: url(images/bgdot.png);

}

.trouble{

	font-size: 45px;

	font-weight: bold;

	text-align: center;

	color: #431F0B;

}

.troublearea img{

	display: block;

	margin: 30px auto 0;

}

.woodwrap{

	width: 100%;

	background: url(images/bg03.png);

	overflow: hidden;

}

.whitewrap{

	background: #fff;

}

.woodwrap .whitewrap{

	margin: 50px auto 60px;

	padding: 70px 30px 60px;

}

.centerhead{

	font-size: 35px;

	text-align: center;

}

.orangeround{

	background: #F46F22;

	width: 350px;

	height: 350px;

	border-radius: 175px;

	margin: 20px auto 50px;

	text-align: center;

}

.roundp{

	font-size: 40px;

	color: #fff;

	font-weight: bold;

/*	padding-top: 90px;*/
	padding-top: 65px;

}

.roundp .yellow{

/*	font-size: 70px;*/
    font-size: 60px;

}

.brownhead{

	font-size: 30px;

	color: #431F0B;

	margin-bottom: 40px;

	text-align: center;

}

.leftbox, .rightbox{

	width: 450px;

}

.leftbox{

	float: left;

}

.rightbox{

	float: right;

}

.leftbox .greenhead{

	background: #7ABB34;

	color: #fff;

	width: 100%;

	padding: 20px 0;

	text-align: center;

	font-size: 30px;

	border-radius: 10px;

	position: relative;

}

.leftbox .greenhead:before{

	content: '';

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 13px 6.5px 0 6.5px;

	border-color: #7abb34 transparent transparent transparent;

	position: absolute;

	bottom: -13px;

	left: 0;

	right: 0;

	margin: auto;

}

.rightbox .bluehead{

	background: #41BCE0;

	color: #fff;

	width: 100%;

	padding: 20px 0;

	text-align: center;

	font-size: 30px;

	border-radius: 10px;

	position: relative;

}

.rightbox .bluehead:before{

	content: '';

	width: 0;

	height: 0;

	border-style: solid;

	border-width: 13px 6.5px 0 6.5px;

	border-color: #41bbe0 transparent transparent transparent;

	position: absolute;

	bottom: -13px;

	left: 0;

	right: 0;

	margin: auto;

}

.woodwrap .whitewrap .subhead{

	font-size: 20px;

	text-align: center;

	color: #431f0b;

	margin-top: 20px;

}

.graf{

	display: block;

	margin: 50px auto 0;

}

#treewrap{

	width: 100%;

	background: url(images/bg04.png) no-repeat;

	background-size: cover;

	padding: 70px 0;

}

#treewrap .whitewrap{

	padding: 70px 0;

}

#treewrap ul{

	max-width: 680px;

	margin: 66px auto 0;

	text-align: center;

}

#treewrap ul li{

	font-size: 25px;

	font-weight: bold;

	padding: 0 10px;

	display: inline-block;

}

#treewrap ul li.txt{

	font-size: 18px;

}

.supplement{

	font-size: 20px;

	color: #fff;

	text-align: center;

	margin: 20px 0 30px;

}

.servicehead{

	font-size: 35px;

	text-align: center;

	color: #431f0b;

}

.point{

	margin: 100px 0 70px;

}

.point li{

	width: 32%;

	height: 430px;

	float: left;

	border: solid 4px #622E11;

	position: relative;

	background: #fff;

	padding: 0 18px;

	margin-right: 2%;

}

.point li:last-child{

	margin-right: 0%;

}

.point li img{

	display: block;

	margin: 70px auto 30px;

}

.point li h3{

	font-size: 25px;

	text-align: center;

	color: #431f0b;

	display: table-cell;

	vertical-align: middle;

	height: 80px;

	width: 500px;

}

.point li p.pointtxt{

	font-size: 16px;

	color: #000;

	margin-top: 10px;

}

.one, .two, .three{

	width: 70px;

	height: 70px;

	border-radius: 35px;

	position: absolute;

	top: -35px;

	left: 0;

	right: 0;

	margin: auto;

}

.one{

	background: #F46F22;

}

.two{

	background: #46BCC0;

}

.three{

	background: #52B54F;

}

.one p, .two p, .three p{

	font-size: 30px;

	color: #fff;

	text-align: center;

	margin-top: 14px;

	font-weight: bold;

}

.stripewrap{

	background: url(images/bgstripe.png);

	padding: 100px 0 130px;

}

.servicecontent{

	margin-top: 80px;

}

.servicecontent li{

	background: #fff;

	padding: 20px 30px;

	margin-bottom: 30px;

}

.servicecontent li h3{

	font-size: 25px;

	color: #431f0b;

	padding: 20px 0 20px 60px;

	position: relative;

}

.servicecontent li h3.head1:before{

	content: url(images/head01.png);

	position: absolute;

	top: 10px;

	left: 0;

}

.servicecontent li h3.head2:before{

	content: url(images/head02.png);

	position: absolute;

	top: 10px;

	left: 0;

}

.servicecontent li h3.head3:before{

	content: url(images/head03.png);

	position: absolute;

	top: 10px;

	left: 0;

}

.servicecontent li h3.head4:before{

	content: url(images/head04.png);

	position: absolute;

	top: 10px;

	left: 0;

}

.servicecontent li p{

	font-size: 16px;

	color: #431f0b

}

.servicecontent li table{

	width: 100%;

}

.servicecontent li table .txtcell{

	width: 675px;

	vertical-align: middle;

}

.servicecontent li table .imgcell{

	vertical-align: middle;

}

.rightpic{

	text-align: right;

}

.leftpic{

	text-align: left;

}

.imgcell.rightpic.tab{

	display: none;

}

.paperwrap{

	background: url(images/bg05.png);

}

.paperwrap .wrap{

	padding: 100px 0 70px;

}

p.brownsub{

	font-size: 18px;

	color: #431f0b;

	text-align: center;

	margin-top: 20px;

}

p.brownsmall{

	font-size: 14px;

	margin-top: 30px;

	color: #431f0b;

	text-align: center;

}

.programimgbox{

	margin: 70px auto 0;

	display: table;

}

.programimgbox img{

	float: left;

}

.programimgbox img:nth-of-type(2){

	margin: 0 76px;

}

.case{

	position: relative;

}

.case .brownsub{

	margin-top: 40px;

}

.imgtitle{

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	margin: auto;

	text-align: center;

}

.case .whitewrap{

	border: solid 1px #C9BEB8;

	border-radius: 8px;

	margin-top: 50px;

	overflow: hidden;

}

.case .paperwrap{

	padding: 18px 30px;

}

.case .paperwrap img{

	float: left;

	margin-right: 20px;

}

.cacecontent dt{

	font-size: 20px;

	margin-top: 15px;

	color: #431F0B;

}

.cacecontent li{

	float: left;

	font-size: 20px;

	margin-right: 20px;

}

.cacecontent .orange{

	font-weight: bold;

	margin-right: 20px;

}

.cacewrap{

	padding: 0 30px;

}

.successstory{

	margin: 50px 0;

}

.successstory li{

	display: table-cell;

	vertical-align: middle;

}

.successstory li:first-child{

	padding-right: 50px;

}

.successstory li:nth-child(2){

	padding-right: 40px;

}

.successstory li:nth-child(3){

	padding-right: 20px;

}

.successhead{

	font-size: 28px;

	font-weight: bold;

	color: #431f0b;

}

.successhead.parsonF{

	font-size: 22px;

}

.result{

	width: 90px;

	height: 90px;

	border-radius: 45px;

	background: #F46F22;

}

.result p{

	color: #fff;

	font-weight: bold;

	font-size: 28px;

	padding-top: 23px;

	text-align: center;

}

.successstory .orange{

	font-size: 28px;

	font-weight: bold;

}

.timeline{

	width: 100%;

	margin-bottom: 35px;

	border: solid 1px #C9BEB8;

	border-radius: 8px;

	position: relative;

}

.timeline:before {

	border:10px solid transparent;

	border-top-color:#fff;

	border-bottom-width:0;

	bottom:-9px;

	content:"";

	display:block;

	left:0;

	right: 0;

	margin: auto;

	position:absolute;

	width:0;

	z-index:1;

}

 .timeline:after {

	border:10px solid transparent;

	border-top-color:#C9BEB8;

	border-bottom-width:0;

	bottom:-10px;

	content:"";

	display:block;

	left:0;

	right: 0;

	margin: auto;

	position:absolute;

	width:0;

}

.timeline:last-child:before, .timeline:last-child:after{

	content: none;

}

.timeline dt{

	width: 168px;

	text-align: center;

	color: #fff;

	font-size: 22px;

	font-weight: bold;

	border-top-left-radius: 8px;

	border-bottom-left-radius: 8px;

}

.bgblue{

	background: #46BCC0;

}

.bgorange{

	background: #F46F22;

}

.bggreen{

	background: #52B54F;

}

.bggray{

	background: #8F8077;

}

.timeline dd{

	padding: 30px 26px;

	font-size: 16px;

	color: #431F0B;

}

.timeline dt, .timeline dd{

	display: table-cell;

	vertical-align: middle;

}

.example{

	padding: 150px 0;

}

.example h2{

	font-size: 35px;

	color: #7ABB34;

	text-align: center;

}

.example ul{

	max-width: 870px;

	margin: 46px auto 0;

	text-align: center;

}

.example ul li{

	display: inline-block;

	font-size: 18px;

	color: #431F0B;

	font-weight: bold;

	margin-bottom: 6px;

}

.example ul li.tab{

	display: none;

}

.example p{

	text-align: center;

	font-size: 18px;

	color: #431F0B;

	font-weight: bold;

}

.flowbox{

	margin: 60px 0 100px;

}

.flowbox dl{

	float: left;

	width: 32%;

	height: 510px;

	padding: 15px 18px;

	background: #fff;

	border: solid 1px #F46F22;

	position: relative;

}

.flowbox dl:nth-of-type(2){

	margin: 0 2%;

}

.flowbox dl img{

	position: absolute;

	bottom: 20px;

	left: 0;

	right: 0;

	margin: auto;

}

.flowbox dl dt{

	font-size: 28px;

	color: #431F0B;

	padding: 4px 0 10px 60px;

	font-weight: bold;

	position: relative;

	border-bottom: solid 1px #C9BEB8;

}

.flowbox dl dt.step1:before{

	content: url(images/step01.png);

	position: absolute;

	top: 0;

	left: 0;

}

.flowbox dl dt.step2:before{

	content: url(images/step02.png);

	position: absolute;

	top: 0;

	left: 0;

}

.flowbox dl dt.step3:before{

	content: url(images/step03.png);

	position: absolute;

	top: 0;

	left: 0;

}

.flowbox dl:nth-of-type(3) > dt{

	font-size: 24px;

	padding: 6px 0 14px 60px;

}

.flowbox dl dd{

	font-size: 16px;

	color: #431F0B;

	margin-top: 16px;

}

.whitewrap.faq{

	padding: 50px 30px;

	margin-top: 80px;

}

.faq dl dt{

	font-size: 24px;

	color: #431F0B;

	font-weight: bold;

}

.question{

	font-size: 40px;

	font-weight: bold;

	color: #52B54F;

	margin-right: 8px;

}

.faq dl dd{

	font-size: 16px;

	color: #431F0B;

	padding-bottom: 30px;

	margin-bottom: 30px;

	border-bottom: solid 1px #C9BEB8;

}

.faq dl dd:nth-of-type(7){

	border-bottom: none;

	margin-bottom: 0;

}

.borderbox{

	width: 100%;

	border: solid 4px #622E11;

	background: #fff;

	margin-top: 70px;

	padding: 26px 20px 70px;

}
.borderbox .borderbox_title {
color:#fff;
font-size:16px;
line-height:1.5em;
background:#622E11;
display:block;
margin:-2.75em auto 20px auto;
width: max-content;
max-width: 100%;
padding: 0.5em 1em;
text-align:center;
}

.map{

	display: block;

	margin: 0 auto 30px;

}

.columnleft{

	width: 48%;

	float: left;

}

.colomnright{

	width: 48%;

	float: right;

}

.borderbox h3{

	font-size: 20px;

	color: #fff;

	padding: 4px 0 4px 10px;

	border-radius: 6px;

	margin-bottom: 20px;

}

.officeaddress{

	margin-left: 40px;

}

.officeaddress dt{

	font-size: 18px;

	font-weight: bold;

	color: #F46F22;

	margin-bottom: 4px;

	padding: 4px 0;

	position: relative;

}

.officeaddress dt:before{

	position: absolute;

	top: 4px;

	left: -30px;

}

.officeaddress dt.r1:before{

	content: url(images/roud1.png);

}

.officeaddress dt.r2:before{

	content: url(images/roud2.png);

}

.officeaddress dt.r3:before{

	content: url(images/roud3.png);

}

.officeaddress dt.r4:before{

	content: url(images/roud4.png);

}

.officeaddress dt.r5:before{

	content: url(images/roud5.png);

}

.officeaddress dt.r6:before{

	content: url(images/roud6.png);

}

.officeaddress dt.r7:before{

	content: url(images/roud7.png);

}

.officeaddress dt.r8:before{

	content: url(images/roud8.png);

}

.officeaddress dt.r9:before{

	content: url(images/roud9.png);

}

.officeaddress dt.r10:before{

	content: url(images/roud10.png);

}

.officeaddress dt.r11:before{

	content: url(images/roud11.png);

}

.officeaddress dt.r12:before{

	content: url(images/roud12.png);

}

.officeaddress dt.r13:before{

	content: url(images/roud13.png);

}

.officeaddress dt.r14:before{

	content: url(images/roud14.png);

}

.officeaddress dt.r15:before{

	content: url(images/roud15.png);

}

.officeaddress dt.r16:before{

	content: url(images/roud16.png);

}

.officeaddress dt.r17:before{

	content: url(images/roud17.png);

}

.officeaddress dt.r18:before{

	content: url(images/roud18.png);

}

.officeaddress dt.r19:before{

	content: url(images/roud19.png);

}

.officeaddress dt.r20:before{

	content: url(images/roud20.png);

}

.officeaddress dt.r21:before{

	content: url(images/roud21.png);

}

.officeaddress dt.r22:before{

	content: url(images/roud22.png);

}
.officeaddress dt.r23:before{

	content: url(images/roud23.png);

}

.officeaddress dt.r24:before{

	content: url(images/roud24.png);

}

.officeaddress dt.r25:before{

	content: url(images/roud25.png);

}

.officeaddress dt.r26:before{

	content: url(images/roud26.png);

}

.officeaddress dt.r27:before{

	content: url(images/roud27.png);

}

.officeaddress dt.r28:before{

	content: url(images/roud28.png);

}

.officeaddress dt.r29:before{

	content: url(images/roud29.png);

}

.officeaddress dt.r30:before{

	content: url(images/roud30.png);

}
.officeaddress dt.r31:before{

	content: url(images/roud31.png);

}
.officeaddress dt.r32:before{

	content: url(images/roud32.png);

}

.officeaddress dt.r33:before{

	content: url(images/roud33.png);

}

.officeaddress dt.r34:before{

	content: url(images/roud34.png);

}

.officeaddress dt.r35:before{

	content: url(images/roud35.png);

}

.officeaddress dt.r36:before{

	content: url(images/roud36.png);

}

.officeaddress dt.r37:before{

	content: url(images/roud37.png);

}

.officeaddress dt.r38:before{

	content: url(images/roud38.png);

}

.officeaddress dt.r39:before{

	content: url(images/roud39.png);

}

.officeaddress dt.r40:before{

	content: url(images/roud40.png);

}

.officeaddress dt.r41:before{

	content: url(images/roud41.png);

}

.officeaddress dt.r42:before{

	content: url(images/roud42.png);

}

.officeaddress dt.r43:before{

	content: url(images/roud43.png);

}

.officeaddress dt.r44:before{

	content: url(images/roud44.png);

}

.officeaddress dt.r45:before{

	content: url(images/roud45.png);

}

.officeaddress dt.r46:before{

	content: url(images/roud46.png);

}

.officeaddress dt.r47:before{

	content: url(images/roud47.png);

}

.officeaddress dt.r48:before{

	content: url(images/roud48.png);

}

.officeaddress dt .open {
font-size: 11px;
display: block;
color: #666;
font-weight: normal;
}

.bgpink{

	background: #F66F6F;

}

.bgperple{

	background: #4C70D6;

}

.officeaddress dd{

	font-size: 18px;

	color: #431F0B;

	margin-bottom: 20px;

}

.btnbox{

    /*display: flex;

    justify-content: space-between;*/

	margin: 0 auto 30px;
	text-align:center;

}

.btnbox a {

    /*display: block;

    flex-basis: calc(100%/3 - 20px);*/
	display:inline-block;
	width:calc(100%/2 - 20px);
	max-width: 390px;
	margin:0 10px;
    
}

.orangewrap .subhead{

	margin-bottom: 30px;

}

/*.btnbox img:nth-of-type(1){

	margin-right: 40px;

}*/

footer{

	background: #F3ECE6;

	padding: 30px 0;

}

footer img{

	float: left;

}

footer ul{

	float: right;

	background-color: #fff;

	padding: 20px 20px 20px 40px;

	font-size: 14px;

	width: 600px;

	border-radius: 8px;

}

footer ul li{

	float: left;

	margin-right: 20px;

	color: #431f0b;

}

footer ul li a{

	color: #431f0b;	

}

footer ul li dl dt{

	margin-right: 10px;

}

footer ul li dl dt,footer ul li dl dd{

	float: left;

}

footer ul .orange{

	font-weight: bold;

}

.totop{

	position: fixed;

	bottom: 0px;

	right: 6%;

}

/********** 2019/10/10 **********/
/*ファーストビュー 電話・説明会予約ボタン*/
.mainbtnwrap{
padding: 10px 0 ;
background: #F46F22 ;
}
.mainbtnwrap .wrap {
padding:0 10px;
font-size:0;
text-align:center;
}
.mainbtnwrap .btnbox_block {
display:inline-block;
vertical-align:middle;
}
.mainbtnwrap .btnbox_block.telno {
width:auto;
max-width: calc(40% - 20px);
margin-right:20px;
text-align:center;
/*position:relative;*/
}
.mainbtnwrap .btnbox_block.telno a {
color:#fff;
text-decoration:none;
font-size:40px;
line-height:1;
font-weight:bold;
}
.mainbtnwrap .btnbox_block.telno div {
/*position:absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);*/
}
.mainbtnwrap .btnbox_block.telno div:before {
content:"お問合せ受付センター";
display:block;
font-size:16px;
line-height:1em;
font-weight:normal;
background:#fff;
color:#F46F22;
padding:3px 0px;
margin: 0 auto .5em auto;
border-radius: 1em;
}
.mainbtnwrap .btnbox_block.kengaku ,
.mainbtnwrap .btnbox_block.shiryou {
width: calc((60% - 10px) / 2);
max-width:390px;
}
.mainbtnwrap .btnbox_block.kengaku {
margin-right:10px;
}
.mainbtnwrap .btnbox_block.kengaku a img ,
.mainbtnwrap .btnbox_block.shiryou a img {
width:100%;
}
.mainbtnwrap .btnbox_block a img.pc {
display:block;
}
.mainbtnwrap .btnbox_block a img.sp {
display:none;
}
/*.mainbtnwrap .btnbox{
display: flex;
justify-content: space-between;
margin: 0 auto ;
}
.mainbtnwrap .btnbox .btnbox_block {
flex-basis: calc(100% / 2 - 5px);
max-width:390px;
text-align:center;
}
.mainbtnwrap .btnbox .btnbox_block.telno {
text-decoration:none;
font-size:45px;
line-height:1;
font-weight:bold;
position:relative;
flex-basis: 45%;
}
.mainbtnwrap .btnbox .btnbox_block.telno a {
color:#fff;
}
.mainbtnwrap .btnbox .btnbox_block.telno div {
position:absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
.mainbtnwrap .btnbox .btnbox_block.telno div:before {
content:"お問合せ受付センター";
display:block;
font-size:16px;
line-height:1em;
font-weight:normal;
background:#fff;
color:#F46F22;
padding:3px 10px;
margin: 0 auto .5em auto;
border-radius: 1em;
}
.mainbtnwrap .btnbox .btnbox_block.contactbtn {
font-size:0;
flex-basis: 55%;
padding-left:10px;
}
.mainbtnwrap .btnbox .btnbox_block.contactbtn a {
display:inline-block;
width:calc(100% / 2 - 10px);
}
.mainbtnwrap .btnbox .btnbox_block.contactbtn a:first-child {
margin-right:10px;
}
.mainbtnwrap .btnbox .btnbox_block.contactbtn a img {
width:100%;
max-width:190px;
}*/

/*ココルポート（旧社名：Melk）の応援制度*/
.stripewrap.lunch {
padding-top:0;
}
.stripewrap.lunch .wrap{
background: #fff;
padding-bottom: 20px;
}
.stripewrap.lunch h2{
background: #f46f22 !important;
color: #fff;
font-size: 40px;
text-align: center;
padding: 20px 0;
position: relative;
}
.stripewrap.lunch h2:after{
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 20px 12.5px 0 12.5px;
border-color: #f46f22 transparent transparent transparent;
position: absolute;
bottom: -18px;
left: 0;
right: 0;
margin: auto;
}
.stripewrap.lunch h3{
font-size: 40px;
text-align: center;
padding: 50px 0 20px;
color: #431F0B;
}
.stripewrap.lunch img{
display: block;
margin: 0 auto 60px;
}
.stripewrap.lunch p{
font-size: 16px;
text-align: center;
margin-bottom: 1.8em;
color: #431F0B;
}
.stripewrap.lunch p span{
font-weight: bold;
font-size: 18px;
}


/*事業所一覧*/
.tab {
display:none;
}

/*交通費・ランチ応援制度実施中！*/
.green-wrap{
background: #66b90e;
text-align: center;
padding: 26px 0; 
position: relative;
}
.green-wrap:after{
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 20px 12.5px 0 12.5px;
border-color: #66b90e transparent transparent transparent;
position: absolute;
bottom: -18px;
left: 0;
right: 0;
margin: auto;
}
.green-wrap p{
color: #fff;
font-size: 48px;
font-weight: bold;
}
.green-wrap small{
color: #fff;
font-size: 13px;
}

/********** 2019/11/28 **********/
/***** SP用フローティングヘッダー *****/
.floating_header {
display:none;
}
/***** SP用フローティングフッター *****/
.floating_footer {
display:none;
}

.floating_footer {
display:block;
width: 100%;
position: fixed;
bottom:-100%;
/*background:rgba(237,109,0,0.9);*/
background:rgba(0,0,0,.5);
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.floating_footer.floating {
bottom:0;
z-index:9999;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.floating_footer .mainbtnwrap {
background:none;
}
.floating_footer ul {
font-size:0;
width:1000px;
max-width:100%;
margin:auto;
}
.floating_footer ul li {
font-size:18px;
line-height:23px;
display:inline-block;
width:50%;
border-right:0px solid #fff;
text-align:center;
padding:10px 5px;
}
.floating_footer ul li:last-child {
border:0;
}
.floating_footer ul li span{
color:#fff;
font-size:11px;
line-height:17px;
display:block;
text-align:center;
}
.floating_footer ul li a {
text-decoration:none;
color:#fff;
display:block;
padding:10px;
border:1px solid #fff;
border-radius: 6px;
background:rgba(237,109,0,0);
}
.floating_footer ul li a:hover {
background:rgba(237,109,0,1);
}

/***** 具体的なサービス内容 *****/
/*PC*/
.servicecontent{
display:block;
}
/*SP*/
.servicecontent_sp {
display:none;
}
/***** 1日の流れ、トレーニング内容 *****/
/* インナーコンテンツ */
.inner_cont {
width:1060px;
margin:50px auto;
}

/* 1日の流れ */
.dayflow {
margin-bottom:0;
}
.dayflow * {
box-sizing: content-box;
}
.dayflow .wrap {
box-sizing: border-box;
}

/* 1日の流れ各項目 */
.dayflow .flow {
border:1px solid #ccc;
margin-bottom:10px;
padding:10px;
width:980px;
overflow:hidden;
background:#fff;
}
.dayflow .flow h3 {
width:330px;
float:left;
height:95px;
border-top:none;
border-left:10px solid #ed6d00;
background-color:#fff5db;
padding:20px;
font-size:28px;
font-weight:bold;
line-height:1.2;
margin-right:10px;
margin-bottom:0;
overflow:hidden;
}
.dayflow .flow h3:before {
display:block;
content:"";
width:70px;
height:95px;
background-repeat:no-repeat;
background-size:contain;
background-position:center;
float:left;
margin-right:20px;
}
.dayflow .flow01 h3:before {
background-image:url(images/icon_taiso.png);
}
.dayflow .flow02 h3:before {
background-image:url(images/icon_deskwork.png);
}
.dayflow .flow03 h3:before {
background-image:url(images/icon_lunch.png);
}
.dayflow .flow04 h3:before {
background-image:url(images/icon_deskwork.png);
}
.dayflow .flow05 h3:before {
background-image:url(images/icon_thinking.png);
}
.dayflow .flow h3 span {
display:block;
color:#ed6d00;
font-size:24px;
}
.dayflow .flow h3 span:before {
display:inline-block;
content:"";
width:45px;
height:45px;
margin:0 10px 10px 0;
background-repeat:no-repeat;
background-size:contain;
vertical-align:middle;
}
.dayflow .flow01 h3 span:before{
background-image:url(images/clock_1000.png);
}
.dayflow .flow02 h3 span:before{
background-image:url(images/clock_1020.png);
}
.dayflow .flow03 h3 span:before{
background-image:url(images/clock_1200.png);
}
.dayflow .flow04 h3 span:before{
background-image:url(images/clock_0100.png);
}
.dayflow .flow05 h3 span:before{
background-image:url(images/clock_0300.png);
}
.dayflow .flow .photo {
display:table-cell;
width:326px;
height:95px;
margin-right:10px;
}
.dayflow .flow p {
display:table-cell;
margin:0;
padding:0 20px;
font-size:16px;
vertical-align:middle;
}
.arrow_down {
text-align:center;
color:#ed6d00;
font-size:48px;
margin-bottom:10px;
line-height:1;
}

/* トレーニング例 */
.trexam {
margin-bottom:0;
padding-top:0;
}
.trexam * {
box-sizing: content-box;
}
.trexam .wrap {
box-sizing: border-box;
}

/* トレーニング例各項目 */
.trexam .example {
border:1px solid #ccc;
padding:10px;
margin-bottom:30px;
display:table;
width:980px;
background:#fff;
}
.trexam .example h3 {
background-color:#fff5db;
color:#ed6d00;
display:table-cell;
width:340px;
border-top:none;
border-left:10px solid #ed6d00;
padding:20px 10px 20px 20px;
font-size:28px;
font-weight:bold;
line-height:1.2;
margin-bottom:5px;
vertical-align:middle;
}
.trexam .example h3 div {
display:table;
}
.trexam .example h3 span {
display:table-cell;
width:100px;
height:100px;
background-repeat:no-repeat;
background-size:contain;
background-position:center;
}
.trexam .example h3 em {
display:table-cell;
vertical-align:middle;
padding-left:15px;
width:240px;
text-align:center;
}
.trexam .example h3 i {
font-style:normal;
display:block;
}
.trexam .example01 h3 span {
background-image:url(images/icon_uketsuke.png);
}
.trexam .example02 h3 span {
background-image:url(images/icon_kaigi.png);
}
.trexam .example03 h3 span {
background-image:url(images/icon_working.png);
}
.trexam .example04 h3 span {
background-image:url(images/icon_football.png);
}
.trexam ul {
display:table-cell;
padding:10px 20px;
vertical-align:top;
font-size:16px;
margin:10px;
text-align:left!important;
}
.trexam li strong {
color:#e84191;
}
.original_disc li {
    padding-left: 1.5em;
    position: relative;
    margin-bottom: 0.3em!important;
font-size:16px!important;
font-weight: 300!important;
color:#333!important;
display:block!important;
}
.original_disc li::before {
    display: block;
    width: 1.2em;
    height: 1.2em;
    position: absolute;
    left: 0;
    top: 4px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f111";
}

/***** ご利用開始までの流れ *****/
.flowbox {
margin-bottom:0;
}
/***** 事業所一覧 *****/
.linemarker {
background: linear-gradient(transparent 50%,#ffe108 0%);
display: inline;
}
/*
.tab {
display:block;
font-size:0;
padding:0 ;
margin:0 0 20px 0;
}
.tab li {
font-size:16px;
font-weight:bold;
display:inline-block;
width:calc((100% - 50px) / 5);
text-align:center;
cursor:pointer;
padding:10px 0;
margin:5px;
border-radius: 5px;
}
.tab li.kanagawa {
background:#fff;
border:1px solid #46BCC0;
color:#46BCC0;
}
.tab li.chiba {
background:#fff;
border:1px solid #52B54F;
color:#52B54F;
}
.tab li.tokyo {
background:#fff;
border:1px solid #F66F6F;
color:#F66F6F;
}
.tab li.saitama {
background:#fff;
border:1px solid #4C70D6;
color:#4C70D6;
}
.tab li.fukuoka {
background:#fff;
border:1px solid #F46F22;
color:#F46F22;
}
.tab li.active.kanagawa {
background:#46BCC0;
border:1px solid #46BCC0;
color:#fff;
}
.tab li.active.chiba {
background:#52B54F;
border:1px solid #52B54F;
color:#fff;
}
.tab li.active.tokyo {
background:#F66F6F;
border:1px solid #F66F6F;
color:#fff;
}
.tab li.active.saitama {
background:#4C70D6;
border:1px solid #4C70D6;
color:#fff;
}
.tab li.active.fukuoka {
background:#F46F22;
border:1px solid #F46F22;
color:#fff;
}

.columnleft ,
.colomnright {
width:100%;
float:none;
}
.area{
display:none;
width:100%;
}
.area.show{
display:inline-block;
}

.officeaddress {
}
.officeaddress dt {
width:33.333333%;
display:block;
float:left;
padding-left:40px;
}
.officeaddress dt::before {
left:0;
}
.officeaddress dd {
display:none;
}*/

/***** お問い合わせエリア *****/
.contact .wrap{
width:100%;
max-width: 1280px;
padding:0 40px;
}
.telinfo {
margin:30px auto;
position:relative;
text-align:center;
}
.telinfo .telinfo_bg {
position:absolute;
right:-80px;
bottom:0;
width:320px;
}
.telinfo h3 {
line-height: 64px;
	position:relative;
}
.telinfo .supplement {
    font-size: 20px;
    color:#D91C1C;
    margin: 20px 0;
	position:relative;
}
.tellist {
	position:relative;
	border:0;
	padding-top:0;
}
.tellist ul {
text-align:center;
}
.tellist li {
display: inline-block;
vertical-align: middle;
margin-bottom:20px;
}
.telinfo .reception {
	position:relative;
	display:inline-block;
	padding: 8px 20px;
}
.btn_orange {
margin:auto;
text-align:center;
}
.btn_orange a {
border:1px solid #fff;
color:#fff;
border-radius: 6px;
padding:20px 20px;
text-decoration: none;
font-size: 20px;
display: inline-block;
width: 450px;
max-width: 100%;
}

/***** フッター *****/
footer {
margin-bottom: 94px;
}
.totop {
bottom: 100px;
z-index:9999;
}

/********** 2020/3/10 **********/
/***** メインビジュアル *****/

.sp_only {
display:none;
}
#mainV .circlebanner {
position: absolute;
top: 300px;
right: -20px;
text-align:center;
}
#mainV .circlebanner ul {
font-size:0;
}
#mainV .circlebanner ul li {
display:inline-block;
position:relative;
font-weight: bold;
color: #fff;
line-height: 1.2;
background: #66B90E;
text-align: center;
width: 160px;
height: 160px;
border-radius: 80px;
vertical-align:top;
box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
}
#mainV .circlebanner ul li.free {
font-size: 16px;
margin:0 10px 10px 0;
}
#mainV .circlebanner ul li.lunch {
font-size: 20px;
margin:0 0 10px 0;
}
#mainV .circlebanner ul li.lunch .mini {
display: block;
font-size: 11px;
line-height: 1.2;
margin: 7px 0 0 0;
}
#mainV .circlebanner ul li .inner {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: auto;
transform: translateY(-50%);
}
#mainV .circlebanner ul li .big {
font-size: 26px;
}
#mainV .circlebanner ul li sup {
font-size: 12px;
}
#mainV .circlebanner .caution {
font-size: 9px;
margin:0 auto;
width: 100%;
font-weight: normal;
color:#66B90E;
}

/***** 共通 *****/
.f_orange {
color:#ed6d00;
}
.f_pink {
color:#e64290;
}

.al_center {
text-align:center!important;
}
.al_left {
text-align:left!important;
}
.al_right {
text-align:right!important;
}

/***** 特徴 *****/
#feature {
}
#feature .inner_cont {
margin-bottom:60px;
}
#feature img {
width:auto;
vertical-align:top;
}
#feature .h2 {
font-size: 30px;
text-align: left;
padding: 20px;
margin-bottom: 30px;
line-height: 1;
background-color: #fafafa;
color:#ed6d00;
font-weight: bold;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
#feature .h2 span {
display: block;
width: 1060px;
margin: 0 auto;
}
#feature .h3 {
font-size: 20px;
border-left: #ed6d00 solid 15px;
color:#000000;
padding: 15px 0 15px 20px;
margin-bottom: 30px;
}
/*こんなお悩みを抱えてらっしゃいませんか*/
#feature .worry {
text-align:center;
border:3px double #ed6d00;
padding:40px;
margin:20px auto 50px auto;
}
#feature .worry dl {
display:inline-block;
margin:0 auto ;
font-size:0;
}
#feature .worry dl dt {
font-size: 24px;
font-weight:bold;
margin: -60px auto 25px auto;
display: block;
background:#fff;
width: max-content;
padding: 0 20px;
color:#ed6d00;
}
#feature .worry dl dd {
font-size:18px;
text-align:left;
display:inline-block;
width:320px;
margin: 0 auto 5px auto;
font-weight:bold;
}
#feature .worry dl dd:before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: "\f14a";
color:#ed6d00;
margin-right:10px;
}
/*リード*/
#feature .h2_lead {
font-size:24px;
margin-bottom: 30px;
font-weight: bold;
text-align:center;
}
#feature .lead {
font-size: 18px;
margin-bottom: 50px;
}
#feature .detaillead_img {
float:left;
width:400px;
margin:0 40px 0 0;
text-align:center;
}
#feature .detaillead_txt {
float:left;
width:calc(100% - 440px);
padding:10px 0 0 0;
}
#feature .detaillead_txt .h2_lead {
text-align:left;
}
/*実績*/
#feature ul.jisseki {
font-size:0;
margin-top:30px;
}
#feature ul.jisseki li {
display:inline-block;
text-align:center;
vertical-align:top;
border:5px solid #e5e5e5;
background:#fff;
box-sizing: border-box;
width:calc((100% - 30px) / 2);
margin:0 30px 30px 0;
padding: 40px;
}
#feature ul.jisseki li:nth-child(even) {
margin-right:0;
}
#feature ul.jisseki li .tit {
font-size:24px;
color:#333;
font-weight:bold;
}
#feature ul.jisseki li .value {
font-size:48px;
color:#ed6d00;
font-weight:bold;
font-style: oblique;
display: inline;
background: linear-gradient(transparent 60%, #fff100 60%);
}
#feature ul.jisseki li .value .mini {
font-size:24px;
margin-left:5px;
font-style:normal;
}
#feature ul.jisseki li .notes {
font-size:14px;
color:#4c4948;
margin:0 0 20px 0;
}

#feature ul.jisseki li.recruit {
width:100%;
padding: 30px 40px;
}
#feature ul.jisseki li.recruit .tit {
display:inline-block;
}
#feature ul.jisseki li.recruit .value {
display:inline-block;
margin:0 .5em;
}
#feature ul.jisseki li.recruit .notes {
display:inline-block;
}
/*ご利用者様について*/
#feature ul.user {
font-size:0;
text-align:center
}
#feature ul.user li {
display:inline-block;
text-align:center;
width:auto;
margin:0 30px 30px 0;
}
#feature ul.user li:nth-child(even) {
margin-right:0;
}
/*訓練メニュー（プログラム）について*/
#feature .program .h3_program {
font-size:20px;
font-weight:bold;
margin:0 auto 20px auto;
text-align:center;
}
#feature .program p {
font-size:18px;
margin:0 auto 20px auto;
}

/*eラーニングについて*/
#feature .e-learning p {
font-size:18px;
margin:0 auto 20px auto;
}
#feature ul.e-learning {
font-size:0;
text-align:center
}
#feature ul.e-learning li {
display:inline-block;
text-align:center;
width:auto;
margin:0 30px 30px 0;
}
#feature ul.e-learning li:nth-child(even) {
margin-right:0;
}
/*主な就職実績*/
#feature ul.performance {
font-size:0;
text-align:center
}
#feature ul.performance li {
display:inline-block;
text-align:center;
width:auto;
margin:0 30px 30px 0;
}
#feature ul.performance li:nth-child(even) {
margin-right:0;
}
#feature dl.employmentbox {
background:#f0f0f0;
font-size:16px;
padding:30px;
}
#feature dl.employmentbox dt {
text-align:center;
font-weight:bold;
margin-bottom:10px;
}
#feature dl.employmentbox dd {
font-size:16px;
}
/*1日の流れ*/
#feature #dayflow {
margin-bottom:50px;
}
#feature #dayflow .flow {
border:1px solid #ccc;
margin-bottom:10px;
padding:10px;
width:1038px;
overflow:hidden;
}
#feature #dayflow .flow h3 {
float:left;
width:330px;
height:95px;
background-color:#fff5db;
font-weight:bold;
line-height:1.2;
overflow:hidden;
border-top:none;
border-left:10px solid #ed6d00;
padding:20px;
font-size:28px;
margin-right:10px;
margin-bottom:0;
box-sizing: content-box;
}
#feature #dayflow .flow h3:before {
display:block;
content:"";
background-repeat:no-repeat;
background-size:contain;
background-position:center;
float:left;
width:70px;
height:95px;
margin-right:20px;
}
#feature #dayflow .flow01 h3:before {
background-image:url(images/icon_taiso.png);
}
#feature #dayflow .flow02 h3:before {
background-image:url(images/icon_deskwork.png);
}
#feature #dayflow .flow03 h3:before {
background-image:url(images/icon_lunch.png);
}
#feature #dayflow .flow04 h3:before {
background-image:url(images/icon_deskwork.png);
}
#feature #dayflow .flow05 h3:before {
background-image:url(images/icon_thinking.png);
}
#feature #dayflow .flow h3 span {
display:block;
color:#ed6d00;
font-size:24px;
}
#feature #dayflow .flow h3 span:before {
display:inline-block;
content:"";
background-repeat:no-repeat;
background-size:contain;
vertical-align:middle;
width:45px;
height:45px;
margin:0 10px 10px 0;
}
#feature #dayflow .flow01 h3 span:before{
background-image:url(images/clock_1000.png);
}
#feature #dayflow .flow02 h3 span:before{
background-image:url(images/clock_1020.png);
}
#feature #dayflow .flow03 h3 span:before{
background-image:url(images/clock_1200.png);
}
#feature #dayflow .flow04 h3 span:before{
background-image:url(images/clock_0100.png);
}
#feature #dayflow .flow05 h3 span:before{
background-image:url(images/clock_0300.png);
}
#feature #dayflow .flow .photo {
display:table-cell;
width:326px;
height:95px;
margin-right:10px;
}
#feature #dayflow .flow .photo img {
width:100%;
}
#feature #dayflow .flow p {
display:table-cell;
padding:0 20px;
font-size:16px;
vertical-align:middle;
margin:0;
}
#feature .arrow_down {
text-align:center;
color:#ed6d00;
font-size:48px;
margin-bottom:10px;
line-height:1;
}
/*交通費・ランチ*/
#feature .carfare-lunch {
text-align:center;
}
.carfare-lunch .carfare-lunch_tit {
font-size: 40px;
font-weight:bold;
color:#431f0b;
margin:0 auto 20px auto;
}
#feature .carfare-lunch dl {
font-size:0;
width: 800px;
max-width: 100%;
display:inline-block;
margin:0 auto 30px auto;
}
#feature .carfare-lunch dl dt {
width:200px;
display:inline-block;
margin:0 20px 20px 0;
vertical-align:top;
text-align:center;
}
#feature .carfare-lunch dl dd {
display: inline-block;
font-size:18px;
text-align:left;
vertical-align:top;
width:calc(100% - 220px);
margin:0 0 20px 0;
padding:40px 0 0 0;
}
#feature .carfare-lunch dl dd .notes {
font-size:14px;
}
/*問合せBOX*/
#feature .contactblock {
background:#f0f0f0;
text-align:center;
position:relative;
padding:40px;
}
#feature .contactblock .bgimage {
display:block;
position:absolute;
bottom: 0;
right: 10px;
width: 240px;
}
#feature .contactblock .contactblock_tit {
font-size:30px;
position: relative;
}
#feature .contactblock .contactblock_stit {
font-size:20px;
margin:0 0 20px 0;
position: relative;
}
#feature .contactblock ul {
font-size:0;
position: relative;
}
#feature .contactblock ul li {
display:inline-block;
vertical-align:bottom;
width:calc((100% - 40px) / 3);
margin: 0 20px 0 0;
max-width: 280px;
}
#feature .contactblock ul li:last-child {
margin-right:0;
}
#feature .contactblock ul li.telno {
width:100%;
max-width: 280px;
margin-right:20px;
}
#feature .contactblock ul li.telno a {
color:#F46F22;
text-decoration: none;
font-size: 30px;
line-height: 1;
font-weight: bold;
text-align:center;
max-width: 280px;
display: inline-block;
}
#feature .contactblock ul li.telno div::before {
content: "お問合せ受付センター";
display: block;
font-size: 16px;
line-height: 1em;
font-weight: normal;
background:#F46F22;
color:#fff;
padding: 3px 0px;
margin: 0 auto .5em auto;
border-radius: 1em;
}


/********** 2021/2/1 **********/
/***** 事業所一覧 *****/
/*タブ*/
ul.tab ,
ul.tab2 {
display:block;
font-size:0;
padding:0 !important;
margin:0 0 20px 0!important;
display:flex;
flex-wrap:wrap;
}
ul.tab li,
ul.tab2 li {
font-size:16px;
font-weight:normal;
/*width:calc((100% - 80px) / 8);*/
width: calc((100% - 90px) / 10);
text-align:center;
cursor:pointer;
padding:10px 0;
margin:4px;
border-radius: 5px;
display:inline-block;
box-sizing: border-box;
}
ul.tab li:before ,
ul.tab2 li:before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: "\f0da";
margin-right:.3em;
}
ul.tab li.kanagawa,
ul.tab2 li.kanagawa {
background:#fff;
border:1px solid #46BCC0;
color:#46BCC0;
}
ul.tab li.chiba,
ul.tab2 li.chiba {
background:#fff;
border:1px solid #52B54F;
color:#52B54F;
}
ul.tab li.tokyo,
ul.tab2 li.tokyo {
background:#fff;
border:1px solid #F66F6F;
color:#F66F6F;
}
ul.tab li.saitama,
ul.tab2 li.saitama {
background:#fff;
border:1px solid #4C70D6;
color:#4C70D6;
}
ul.tab li.gunma,
ul.tab2 li.gunma {
background:#fff;
border:1px solid #8f5132;
color:#8f5132;
}
ul.tab li.osaka,
ul.tab2 li.osaka {
background:#fff;
border:1px solid #e84091;
color:#e84091;
}
ul.tab li.hyogo,
ul.tab2 li.hyogo {
background:#fff;
border:1px solid #704bcd;
color:#704bcd;
}
ul.tab li.aichi ,
ul.tab2 li.aichi {
background:#fff;
border:1px solid #ffd200;
color:#ffd200;
}
ul.tab li.fukuoka,
ul.tab2 li.fukuoka {
background:#fff;
border:1px solid #F46F22;
color:#F46F22;
}
ul.tab li.active.kanagawa,
ul.tab2 li.active2.kanagawa {
background:#46BCC0;
border:1px solid #46BCC0;
color:#fff;
}
ul.tab li.active.chiba ,
ul.tab2 li.active2.chiba {
background:#52B54F;
border:1px solid #52B54F;
color:#fff;
}
ul.tab li.active.tokyo,
ul.tab2 li.active2.tokyo {
background:#F66F6F;
border:1px solid #F66F6F;
color:#fff;
}
ul.tab li.active.saitama,
ul.tab2 li.active2.saitama {
background:#4C70D6;
border:1px solid #4C70D6;
color:#fff;
}
ul.tab li.active.gunma,
ul.tab2 li.active2.gunma {
background:#8f5132;
border:1px solid #8f5132;
color:#fff;
}
ul.tab li.active.osaka,
ul.tab2 li.active2.osaka {
background:#e84091;
border:1px solid #e84091;
color:#fff;
}
ul.tab li.active.hyogo,
ul.tab2 li.active2.hyogo {
background:#704bcd;
border:1px solid #704bcd;
color:#fff;
}
ul.tab li.active.aichi,
ul.tab2 li.active2.aichi {
background:#ffd200;
border:1px solid #ffd200;
color:#fff;
}
ul.tab li.active.fukuoka,
ul.tab2 li.active2.fukuoka {
background:#F46F22;
border:1px solid #F46F22;
color:#fff;
}
/*エリア*/
.area,
.area2 {
display:none;
width:100%;
}
.area.show ,
.area2.show2 {
display:inline-block;
}

.area h3,
.area2 h3 {
font-size: 20px;
color: #fff;
padding: 4px 0 4px 10px;
border-radius: 6px;
margin-bottom: 20px;
}
.bgpink{
background: #F66F6F;
}
.bgperple{
background: #4C70D6;
}
.bgperple2{
background: #704bcd;
}
.bgblue{
background: #46BCC0;
}
.bgorange{
background: #F46F22;
}
.bggreen{
background: #52B54F;
}
.bgshockingpink {
background:#e84091;
}
.bgyellow {
background:#ffd200;
}
.bggray{
background: #8F8077;
}
.bgbrown{
background: #8f5132;
}

.area .officeaddress,
.area2 .officeaddress {
margin-left: 40px;
}
.area .officeaddress dt ,
.area2 .officeaddress dt {
font-size: 18px;
font-weight: bold;
color: #F46F22;
margin-bottom: 4px;
padding: 4px 0;
position: relative;
width:33.333333%;
display:block;
float:left;
padding-left:40px;
box-sizing:border-box;
}
.area .officeaddress dt:before,
.area2 .officeaddress dt:before{
position: absolute;
top: 4px;
left:0;
}
.area .officeaddress dt:before,
.area2 .officeaddress dt:before {
display:block;background:#431f0b;width: 24px;height: 24px;line-height: 24px;border-radius: 50%;text-align: center;font-size: 12px;color: #fff;
}
.officeaddress .r1:before{
content:"1";
}
.officeaddress .r2:before{
content:"2";
}
.officeaddress .r3:before{
content:"3";
}
.officeaddress .r4:before{
content:"4";
}
.officeaddress .r5:before{
content:"5";
}
.officeaddress .r6:before{
content:"6";
}
.officeaddress .r7:before{
content:"7";
}
.officeaddress .r8:before{
content:"8";
}
.officeaddress .r9:before{
content:"9";
}
.officeaddress .r10:before{
content:"10";
}
.officeaddress .r11:before{
content:"11";
}
.officeaddress .r12:before{
content:"12";
}
.officeaddress .r13:before{
content:"13";
}
.officeaddress .r14:before{
content:"14";
}
.officeaddress .r15:before{
content:"15";
}
.officeaddress .r16:before{
content:"16";
}
.officeaddress .r17:before{
content:"17";
}
.officeaddress .r18:before{
content:"18";
}
.officeaddress .r19:before{
content:"19";
}
.officeaddress .r20:before{
content:"20";
}
.officeaddress .r21:before{
content:"21";
}
.officeaddress .r22:before{
content:"22";
}
.officeaddress .r23:before{
content:"23";
}
.officeaddress .r24:before{
content:"24";
}
.officeaddress .r25:before{
content:"25";
}
.officeaddress .r26:before{
content:"26";
}
.officeaddress .r27:before{
content:"27";
}
.officeaddress .r28:before{
content:"28";
}
.officeaddress .r29:before{
content:"29";
}
.officeaddress .r30:before{
content:"30";
}
.officeaddress .r31:before{
content:"31";
}
.officeaddress .r32:before{
content:"32";
}
.officeaddress .r33:before{
content:"33";
}
.officeaddress .r34:before{
content:"34";
}
.officeaddress .r35:before{
content:"35";
}
.officeaddress .r36:before{
content:"36";
}
.officeaddress .r37:before{
content:"37";
}
.officeaddress .r38:before{
content:"38";
}
.officeaddress .r39:before{
content:"39";
}
.officeaddress .r40:before{
content:"40";
}
.officeaddress .r41:before{
content:"41";
}
.officeaddress .r42:before{
content:"42";
}
.officeaddress .r43:before{
content:"43";
}
.officeaddress .r44:before{
content:"44";
}
.officeaddress .r45:before{
content:"45";
}
.officeaddress .r46:before{
content:"46";
}
.officeaddress .r47:before{
content:"47";
}
.officeaddress .r48:before{
content:"48";
}
.officeaddress .r49:before{
content:"49";
}
.officeaddress .r50:before{
content:"50";
}
.officeaddress .r51:before{
content:"51";
}

.area .officeaddress dd ,
.area2 .officeaddress dd {
display:none;

font-size: 18px;
color: #431F0B;
margin-bottom: 20px;
}



/********** 2021/9/15 **********/
/***** 問合せフォーム *****/
.contact_form {
padding: 100px 0;
font-size:16px;
}
.contact_form .servicehead {
margin:0 auto 1em auto;
}
.contact_form p {
margin:0 auto 1.5em auto;
}

.contact_form dl.mail_form {
padding:1.5em 0 0 0;
border-top: 1px solid #ccc;
}
.contact_form dl.mail_form dt {
padding: 0 10px;
color: #ed6d00;	
text-align: center;
width: 18em;
float: left;
font-size: 18px;
font-weight: bold;
line-height: 1.7;
position: relative;
padding-right: 70px;
box-sizing: border-box;
}
.contact_form dl.mail_form dd {
margin-bottom: 1.5em;
padding: 0 0 1.5em 22em;
border-bottom: 1px solid #ccc;
}
.contact_form dl.mail_form .fullwidth {
width:100%;
float:none;
padding-left:0;
}

.contact_form .privacypolicy_link {
text-align:center;
}

.contact_form input[type="text"],
.contact_form input[type="tel"],
.contact_form input[type="email"] {
width:95%;
padding:4px;
box-sizing:border-box;
}
.contact_form input[type="file"] {
width:80%;
box-sizing:border-box;
}
.contact_form textarea {
width:95%;
height:5em;
padding:4px;
box-sizing:border-box;
}
.contact_form pre.securitypolicy {
height: 10em;  /* 高さを制限(※) */
overflow: scroll; /* スクロールバーを表示(※) */
border: red 1px dashed;  /* 枠線を追加 */
background-color: #fff0f0; /* 背景色を追加 */
}
.contact_form label {
float:left;
white-space:nowrap;
display:block;
margin:5px;
}
.contact_form input[type="submit"] {
display:block;
width:420px;
margin:0 auto;
background-color:#ed6d00;
color:#fff;
text-decoration:none;
text-align:center;
font-size:22px;
line-height:80px;
font-weight:bold;
border-radius:4px;
box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3);
border:none;
}
.contact_form input[type="submit"]:hover {
background-color:#fe963d;
box-shadow:none;
cursor:pointer;
}
.contact_form input[type="radio"] {
vertical-align: middle;
margin: 0 .25em 0 0;
}
.contact_form span.wpcf7-list-item {
display: inline-block;
margin: 0 0 ;
}
.contact_form .area_name {
margin:1em 0 0;
padding:5px 10px;
font-weight:bold;
background-color:#ddd;
}
.contact_form .borderbox{
width: 100%;
margin: 0 auto ;
box-sizing: border-box;
padding: 0;
border: 0;
}
.contact_form ul.tab {
display:block;
font-size:0;
padding:0 ;
margin:20px 0;
}
.contact_form input[type="checkbox"] {
vertical-align: middle;
margin: 0 .25em 0 0;
}
.contact_form .area .officeaddress {
margin-left: 0;
}
.contact_form .officeaddress .wpcf7-list-item {
width: 33.333333%;
display: block;
float: left;
padding-left: 1em;
margin: 0;
font-size: 16px;
}

/*必須*/
.required {
display: inline-block;
color:#fff;
background:#c30;
border-radius:5px;
font-size:12px;
line-height:1;
padding:5px 10px;
vertical-align: middle;
letter-spacing: .1em;
margin:0;
position: absolute;
right: 0;
top: 5px;
}
/*任意*/
.optional {
display: inline-block;
color:#fff;
background:#666;
border-radius:5px;
font-size:12px;
line-height:1;
padding:5px 10px;
vertical-align: middle;
letter-spacing: .1em;
margin:0;
position: absolute;
right: 0;
top: 5px;
}


/* --------------------------------------------------
	プライバシーポリシー
-------------------------------------------------- */
#privacy {
	margin-bottom:30px;
}
dl.privacy_cont {
}
dl.privacy_cont > dt {
	font-weight:bold;
}
dl.privacy_cont > dd {
	margin-bottom:20px;
}
dl.privacy_cont li {
	list-style:inside disc;
}
dl.privacy_cont table {
	border:1px solid #ddd;
	border-collapse:collapse;
}
dl.privacy_cont table th ,
dl.privacy_cont table td {
border:1px solid #666;
border-collapse:collapse;
padding:.5em 1em;
text-align:left;
vertical-align: top;
}
dl.privacy_cont table thead {
background:#ccc;
}

dl.contact_address {
	padding:10px;
	background:#eee;
	border:1px solid #ddd;
}
dl.contact_address dt {
	margin:0 0 5px;
	padding:0 0 5px;
	font-weight:bold;
	border-bottom:1px solid #ddd;
}
dl.contact_address dd {
}

/***** 20230908 eラーニング *****/
.e-learning {
text-align:center;
}

.e-learning .elearning_index {
display:inline-block;
width:100%;
max-width: 640px;
margin:0 auto 50px auto;
}
.e-learning .elearning_index .elearning_attention {
position: relative;
display: inline-block;
margin: 20px auto;
padding: 0 2em;
font-size:22px;
font-weight:bold;
}
.e-learning .elearning_index .elearning_attention:before {
position: absolute;
left: 0;
top: 0;
content: "";
width: 2px;
height: 100%;
background: #000;
border-radius: 3px;
transform: rotate(-25deg);
}
.e-learning .elearning_index .elearning_attention:after {
position: absolute;
content: "";
right: 0;
top: 0;
width: 2px;
height: 100%;
background: #000;
border-radius: 3px;
transform: rotate(25deg);
}

.e-learning .elearning_index dl {
border:2px solid #afabab;
border-radius:10px;
position: relative;
padding:60px 100px 20px 100px;
margin:30px auto;
display:block;
max-width: fit-content;
box-shadow: 10px 10px 5px #ddd;
}
.e-learning .elearning_index dl dt {
background:#ed6d00;
color:#fff;
border-radius:10px;
display: block;
position:absolute;
top:-30px;
left:50%;
transform: translateX(-50%);
width: max-content;
padding:.7em 1.5em;
font-size:18px;
}
.e-learning .elearning_index dl dt big {
font-size:24px;
}
.e-learning .elearning_index dl dd {
text-align:left;
position: relative;
font-size:16px;
margin-left: 3.2em;
margin-bottom:1em;
}
.e-learning .elearning_index dl dd span {
color:#ed6d00;
font-style:italic;
position:absolute;
left: -1.5em;
top: -.26em;
font-size:32px;
}
.e-learning .elearning_index dl dd big {
font-weight:bold;
font-size:24px;
}
.e-learning .elearning_index dl dd small {
font-size:12px;
}
/*elearning_block*/
.e-learning .elearning_block {
text-align:left;
margin:0 auto 50px auto;
max-width: 100%;
}
.e-learning .elearning_block h3 {
font-weight:bold;
margin:0 auto 1em auto;
font-size:24px;
}
.e-learning .elearning_block h3 span {
color:#ed6d00;
font-style:italic;
font-size:32px;
}
.e-learning .elearning_block .elearning_block_flex {
display:flex;
align-items: center;
justify-content: center;
flex-wrap:wrap;
}
.e-learning .elearning_block .elearning_block_flex .elearning_block_flex_img {
padding:0 25px;
box-sizing:border-box;
text-align: center;
width:55%;
margin-bottom:0;
}
.e-learning .elearning_block .elearning_block_flex .elearning_block_flex_txt {
padding:0 25px;
box-sizing:border-box;
width:45%;
}
.e-learning .elearning_block .elearning_block_flex .elearning_block_flex_txt strong {
font-weight:bold;
color:#ed6d00;
}
.e-learning .elearning_block .elearning_block_flex .elearning_block_flex_txt small {
font-size:12px;
}

/**/
.elearning_balloon {
position:relative;
display: block;
text-align:right;
padding:0 140px 0 0;
margin: 0 auto 50px auto;
}
.elearning_balloon:after {
content:"";
position:absolute;
top:50%;
right:0;
transform: translateY(-50%);
display:block;
width:100px;
height:87px;
background:url(images/illust_pcmascot.png) no-repeat center center;
background-size:100px 87px;
}
.elearning_balloon .elearning_balloon_inner {
position:relative;
background:#fff;
border:2px solid #ccc;
border-radius:10px;
text-align:left;
display: inline-block;
padding:2em;
font-size:16px;
}
.elearning_balloon .elearning_balloon_inner:before {
position: absolute;
content: " ";
height: 0;
width: 0;

left: 100%;
top: 50%;
border:10px solid transparent;
border-left:15px solid #ccc;
margin-top: -10px;
}
.elearning_balloon strong {
font-weight:bold;
}
/* ボタン07 */
.btn07 {
text-align:center;
}
.btn07 a {
display:inline-block;
position:relative;
width:auto;
margin:0 auto;
background-color:#ed6d00;
color:#fff;
font-weight:bold;
text-decoration:none;
text-align:center;
line-height:1.25;
border-radius:4px;
box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3);
padding: 25px 60px 25px 40px;
font-size: 20px;
}
.btn07 a:after {
display:block;
position:absolute;
top:50%;
font-family:'Font Awesome 5 Free';
font-weight:900;
content:"\f105";
line-height:1;
transform: translateY(-50%);
font-size:30px;
right: 20px;
}
.btn07 a:hover {
background-color:#fe963d;
box-shadow:none;
}
.btn07 span {
display:inline-block;
}

/********** 2023/10/03 **********/
.officelist_block {
}
.officelist_block .officelist_block_lead {
text-align:center;
margin: 0 auto 40px auto;
font-size: 18px;
}
.officelist_block .officelist_block_lead strong {
font-weight:bold;
}
.officelist_block .officelist_block_lead big {
font-size: 24px;
}

ul.tab li ,
ul.tab2 li {
background:#fff;
border:2px solid #ed6d00;
color:#333;
}
ul.tab li.active ,
ul.tab2 li.active2 {
background:#ed6d00;
border:2px solid #ed6d00;
color:#fff;
}

.area h3 ,
.area2 h3 {
background: #ed6d00;
}



@media (max-width: 1060px){
/********** 2019/11/28 **********/
/***** 1日の流れ、トレーニング内容 *****/
/* インナーコンテンツ */
.inner_cont {
margin:20px auto;
width:100%;
padding:0 20px;
box-sizing:border-box;
}

/* 1日の流れ */
.dayflow {
margin-bottom:0;
padding: 50px 0 50px;
}

/* 1日の流れ各項目 */
.dayflow .flow {
padding:5px;
width:auto;
}
.dayflow .flow h3 {
border-top:5px solid #ed6d00;
padding:10px;
font-size:21px;
margin-bottom:5px;
width:auto;
float:none;
height:auto;
margin-right:0;
border-left:0;
}
.dayflow .flow h3:before {
width:60px;
height:60px;
margin-right:15px;
}
.dayflow .flow h3 span {
font-size:18px;
}
.dayflow .flow h3 span:before {
width:30px;
height:30px;
margin:0 5px 5px 0;
}
.dayflow .flow .photo {
display:block;
width:auto;
height:auto;
margin-right:0;
}
.dayflow .flow .photo img {
width:100%;
}
.dayflow .flow p {
display:table-cell;
margin:10px;
padding:0;
font-size:14px;
}
.arrow_down {
font-size:36px;
}

/* トレーニング例 */
.trexam {
margin-bottom:0;
padding: 0 0 50px 0;
}

/* トレーニング例各項目 */
.trexam .example {
padding:5px;
margin-bottom:15px;
width:auto;
display:block;
}
.trexam .example h3 {
border-top:5px solid #ed6d00;
padding:10px;
font-size:21px;
display:block;
width:auto;
float:none;
height:auto;
margin-right:0;
border-left:0;
}
.trexam .example h3 div {
display:table;
}
.trexam .example h3 span {
width:60px;
height:60px;
}
.trexam .example h3 em {
width:auto;
text-align:left;
}
.trexam .example h3 i {
display:inline;
}

.trexam ul {
display:block;
padding:0;
font-size:14px;
}
.original_disc li {
font-size:14px!important;
}

/***** お問い合わせエリア *****/
.contact .wrap{
padding:0 20px;
}
.telinfo .telinfo_bg {
right:-30px;
width:250px;
}
.telinfo .supplement {
    font-size: 14px;
    margin: 20px 0;
}
.tellist {
margin-top:0;
padding-top:0;
}
.tellist li {
    margin-bottom: 20px;
}
.btn_orange a {
padding:15px;
font-size: 16px;
}

/********** 2020/3/10 **********/
/***** 特徴 *****/

/*1日の流れ*/
#feature #dayflow {
margin-bottom:30px;
}
#feature #dayflow .flow {
padding:5px;
width:auto;
}
#feature #dayflow .flow h3 {
float: none;
width: auto;
height: auto;

border-top:5px solid #ed6d00;
border-left:none;
padding:10px;
font-size:21px;
margin-right:0;
margin-bottom:5px;
}
#feature #dayflow .flow h3:before {
width:60px;
height:60px;
margin-right:15px;
}
#feature #dayflow .flow h3 span {
font-size:18px;
}
#feature #dayflow .flow h3 span:before {
width:30px;
height:30px;
margin:0 5px 5px 0;
}
#feature #dayflow .flow .photo {
display:block;
width:auto;
height:auto;
margin-right:0;
}
#feature #dayflow .flow p {
display:block;
margin:10px;
padding:0 ;
font-size:14px;
}
#feature .arrow_down {
font-size:36px;
}
/*問合せBOX*/
#feature .contactblock .bgimage {
right: -40px;
width: 220px;
}


/***** 20230908 eラーニング *****/
.e-learning .elearning_index .elearning_attention {
padding: 0 1em;
font-size:18px;
}

.e-learning .elearning_index dl {
padding:60px 20px 20px 20px;
}
.e-learning .elearning_index dl dt {
padding:.5em 1em;
font-size:16px;
}
.e-learning .elearning_index dl dd {
font-size:14px;
margin-left: 2.6em;
margin-bottom:1em;
}
.e-learning .elearning_index dl dd span {
left: -1.5em;
top: -.2em;
font-size:26px;
}
.e-learning .elearning_index dl dd big {
font-size:20px;
}
.e-learning .elearning_index dl dd small {
font-size:10px;
}
/*elearning_block*/
.e-learning .elearning_block {
max-width: 768px;
}
.e-learning .elearning_block h3 {
font-size:20px;
}
.e-learning .elearning_block h3 span {
font-size:26px;
}
.e-learning .elearning_block .elearning_block_flex .elearning_block_flex_img {
width:100%;
margin-bottom:25px;
}
.e-learning .elearning_block .elearning_block_flex .elearning_block_flex_txt {
width:100%;
}
/**/
.elearning_balloon {
padding:0 100px 0 0;
margin: 0 auto 30px auto;
}
.elearning_balloon:after {
width:80px;
height:70px;
background:url(images/illust_pcmascot.png) no-repeat center center;
background-size:80px 70px;
}
.elearning_balloon .elearning_balloon_inner {
padding:1em;
font-size:14px;
}
/* ボタン07 */
.btn07 a {
padding:15px 35px 15px 20px;
font-size:16px;
}
.btn07 a:after {
font-size:19px;
right:15px;
}


/********** 2023/10/03 **********/
.officelist_block .officelist_block_lead {
margin: 0 auto 20px auto;
font-size: 14px;
}
.officelist_block .officelist_block_lead big {
font-size: 20px;
}



}

@media (max-width: 1024px){

	.wrap{

		padding: 0 20px;

		width: 100%;

	}

	.logo{

		left: 20px;

	}
	
/********** 2019/10/10 **********/
/*ファーストビュー 電話・説明会予約ボタン*/
.mainbtnwrap .btnbox_block.telno a {
font-size:4vw;
}
/*ココルポート（旧社名：Melk）の応援制度*/
.stripewrap.lunch {
padding: 0;
}


/********** 2021/9/15 **********/
/***** 問合せフォーム *****/
.contact_form {
padding: 20px 0;
}

.contact_form dl.mail_form {
padding:1em 0 0 0;
}
.contact_form dl.mail_form dt {
padding: 0;
text-align: left;
width:auto;
float:none;
}
.contact_form dl.mail_form dd {
margin-bottom: 1em;
padding: 0 0 1em 0;
font-size: 16px;
line-height: 2;
}


#contents input[type="text"],
#contents input[type="tel"],
#contents input[type="email"] {
width:100%;
}
#contents textarea {
width:100%;
}
#contents label {
}
#contents input[type="submit"] {
width:280px;
font-size:14px;
line-height:52px;
}
.contact_form .tab {
margin: 10px 0!important;
}
.contact_form .officeaddress .wpcf7-list-item {
    position: relative;
    width: 50%;
    font-size: 14px;
    padding-left: 1em;
    margin: 0;
    box-sizing: border-box;
    display: block;
    float: left;
}


/*必須*/
.required {
font-size:10px;
margin: 0 1em;
position: relative;
top: -2px;
}
/*任意*/
.optional {
font-size:10px;
margin: 0 1em;
position: relative;
top: -2px;
}

}



@media (max-width: 768px){

	#mainV .wrap{

		background: none;

		padding-bottom: 130px;

	}

	.spmainV{

		position: absolute;

		width: 40%;

		bottom: 0;

		left: 0;

		display: block;

	}

	.mainright{

		width: 70%;

	}

	.mainright h1{

		font-size: 5vw;

	}

	.size40{

		font-size: 3vw;

	}

	.size40 .orange {

	    font-size: 3.8vw;

	}

	.size23{

		font-size: 16px;

	}

	.success{

		top: 160px;

	}

	.btnbox{

		width: 100%;

		display: block;

		text-align: center;

	}
	
	
.btnbox a {
	display:inline-block;
	width:100%;
	max-width: 390px;
	margin:0 10px;
    
}

	.btnbox img:nth-of-type(1){

		margin-right: 0;

	}

	.btnbox img{

		float: none;

		/*width: 48%;*/

	}

	/*.btnbox .btnleft{

		float: left;

	}

	.btnbox .btnright{

		float: right;

	}*/

	.leftbox, .rightbox{

		width: 50%;

		padding: 0 10px;

	}

	.tellist ul{

		display: table;

		margin: 0 auto;

	}

	.tellist li{

		float: none;

	}

	.tellist dd{

		margin-right: 0;

	}

	.orangewrap h2, .question{

		font-size: 26px;

	}

	.orangewrap .subhead, #treewrap ul li, .point li h3, .servicecontent li h3, .timeline dt, .faq dl dt, .borderbox h3{

		font-size: 18px;

	}

	.paddingorange{

		font-size: 20px;

	}

	.telinfo h3, .brownhead, .leftbox .greenhead, .rightbox .bluehead{

		font-size: 22px;

	}

	.trouble{

		font-size: 30px;

	}

	.centerhead, .servicehead, .example h2, .tellist dd{

		font-size: 24px;

	}

	.woodwrap .whitewrap .subhead, .supplement, p.brownsub, .cacecontent dt, .cacecontent li, .example ul li, .example p, .officeaddress dt, .tellist dt{

		font-size: 16px;

	}

	#treewrap ul li.txt {
		/*font-size: 16px;*/
		font-size: 14px;
	}

	.point li p.pointtxt, .servicecontent li p, .timeline dd, .faq dl dd, .officeaddress dd{

		font-size: 14px;

	}

	.point li{

		float: none;

		width: 100%;

		height: auto;

		padding: 20px;

		margin-bottom: 60px;

	}

	.point li:last-child{

		margin-bottom: 0;

	}

	.point li img{

		margin: 30px auto 0px;

	}

	.point li h3{

		display: block;

		width: auto;

		height: auto;

	}

	.servicecontent li table .imgcell, .servicecontent li table .txtcell{

		display: block;

		width: 100%;

	}

	.rightpic, .leftpic{

		text-align: center;

		margin-top: 20px;

	}

	.imgcell.leftpic{

		display: none !important;

	}

	.imgcell.rightpic.tab{

		display: block;

	}

	.programimgbox img{

		width: 32%;

	}

	.programimgbox img:nth-of-type(2){

		margin: 0 2%;

	}

	.paperwrap .wrap{

		padding: 100px 20px 70px;

	}

	.point li p.pointtxt{

		text-align: center;

	}

	.example ul li.pc{

		display: none;

	}

	.example ul li.tab{

		display: inline-block;

	}

	.flowbox dl:nth-of-type(2) {

    	margin: 0 0 30px;

	}

	.flowbox dl{

		float: none;

		width: 100%;

		height: auto;

		margin-bottom: 30px;

	}

	.flowbox dl:nth-of-type(3){

		margin-bottom: 0;

	}

	.flowbox dl img{

		position: static;

		display: block;

		margin: 20px auto 0;

	}

	.successstory li:first-child, .successstory li:nth-child(2), .successstory li:nth-child(3){

		padding-right: 0;

	}

	.successstory li{

		display: block;

		text-align: center;

		padding: 10px 0;

	}

	.successstory li img{

		transform: rotate(90deg);

	}

	.result{

		margin: 0 auto;

	}

	footer img{

		display: block;

		margin: 0 auto 30px;

		float: none;

	}

	footer ul{

		float: none;

		width: 100%;

	}
	
/********** 2019/10/10 **********/
/*ファーストビュー 電話・説明会予約ボタン*/
.mainbtnwrap .btnbox_block.telno {
max-width: calc(45% - 15px);
margin-right:15px;
}
.mainbtnwrap .btnbox_block.telno a{
font-size:4.5vw;
}
.mainbtnwrap .btnbox_block.telno div:before {
font-size:3vw;
margin: 0 auto .3em auto;
}
.mainbtnwrap .btnbox_block.kengaku ,
.mainbtnwrap .btnbox_block.shiryou {
width: calc((55% - 10px) / 2);
max-width:390px;
}
.mainbtnwrap .btnbox_block a img.pc {
display:none;
}
.mainbtnwrap .btnbox_block a img.sp {
display:block;
}


/********** 2020/3/10 **********/
/***** メインビジュアル *****/
#mainV .wrap {
padding-bottom:10px;
}
#mainV .circlebanner {
position: relative;
top: 0;
right:0;
margin:10px auto 0 auto;
text-align:right;
}
#mainV .circlebanner ul li.lunch .mini {
font-size: 9px;
margin: 3px 0 0 0;
}


/***** 特徴 *****/
#feature {
}
#feature .inner_cont {
margin-bottom:30px;
}
#feature img {
width:auto;
}
#feature .h2 {
font-size: 20px;
text-align: center;
padding: 15px;
margin-bottom: 20px;
}
#feature .h2 span {
width: 100%;
}

/*リード*/
#feature .h2_lead {
font-size: 18px;
margin-bottom: 20px;
}
#feature .lead {
font-size: 16px;
margin-bottom: 16px;
}
#feature .detaillead_img {
float:none;
width:100%;
margin:0 0 20px 0;
}
#feature .detaillead_txt {
float:none;
width:100%;
padding: 0;
}

/*実績*/
#feature ul.jisseki li {
width:100%;
margin:0 0 10px 0;
padding: 20px;
}

#feature ul.jisseki li.recruit {
width:100%;
padding: 20px;
}
#feature ul.jisseki li.recruit .tit {
display:block;
}
#feature ul.jisseki li.recruit .value {
display:inline;
margin:0 auto;
}
#feature ul.jisseki li.recruit .notes {
display:block;
}

/*ご利用者様について*/
#feature ul.user li {
width:100%;
margin:0 0 10px 0;
}

/*eラーニングについて*/
#feature ul.e-learning li {
width:100%;
margin:0 0 10px 0;
}

/*主な就職実績*/
#feature ul.performance li {
width:100%;
margin:0 0 10px 0;
}

#feature dl.employmentbox {
padding:20px;
}
#feature dl.employmentbox dd {
font-size:14px;
}

/*交通費・ランチ*/
#feature .carfare-lunch .carfare-lunch_tit {
font-size: 30px;
}
#feature .carfare-lunch dl {
width: 100%;
}
#feature .carfare-lunch dl dt {
display:block;
margin:0 auto 20px auto;
}
#feature .carfare-lunch dl dd {
width: auto;
margin:0 0 20px 0;
padding: 0;
}

/*問合せBOX*/
#feature .contactblock {
padding:20px;
}
#feature .contactblock .bgimage {
right: -40px;
width: 160px;
}
#feature .contactblock .contactblock_tit {
font-size:24px;
}
#feature .contactblock .contactblock_stit {
font-size:18px;
}
#feature .contactblock ul li {
width:100%;
margin: 0 10px 10px 0;
max-width: 200px;
}
#feature .contactblock ul li.telno {
max-width: 100%;
margin-right:0;
}


/********** 2023/10/03 **********/
ul.tab li ,
ul.tab2 li {
width:calc(100%/3 - 4px);
}



}



@media (max-width: 640px){

	#mainV .wrap{

		padding-bottom: 260px;

	}

	.spmainV{

		width: 54%;

		bottom: 0;

		left: 0;

	}

	.size40{

		font-size: 20px;

	}

	.size40 .orange{

		font-size: 22px;

	}

	.mainright h1{

		font-size: 26px;

	}

	.size23{

		font-size: 14px;

	}

	.mainright{

		width: 100%;

		text-align: center;

	}

	.mainright .size23{

		text-align: center;

	}

	.success{

		width: 180px;

		height: 180px;

		right: -20px;

		top: 300px;

	}


	span.yellow.size30{

		font-size: 24px;

	}

	.success p:nth-of-type(1){

/*	    margin-top: 28px;

	    line-height: 22px;*/

	}

	.success p:nth-of-type(2){

/*		line-height: 54px;*/

	}

	span.yellow.size60{

		font-size: 34px;

	}

	.success p.size35{

		font-size: 24px;

	}

	.small{

		font-size: 10px;

	}

	.trouble{

		font-size: 28px;

	}

	.timeline dt, .timeline dd{

		width: 100%;

		display: block;

	}

	.timeline dt{

	    border-top-left-radius: 8px;

	    border-top-right-radius: 8px;

	    border-bottom-left-radius: 0;

	    padding: 6px 0;

	}

	.columnleft, .colomnright{

		float: none;

		width: 100%;

	}

	.leftbox, .rightbox{

		float: none;

		width: 100%;

	}

	.leftbox{

		margin-bottom: 30px;

	}

	.successstory .orange, .successhead{

		font-size: 22px;

	}

	.case .paperwrap img{

		float: none;

		display: block;

		margin: 0 auto;

	}

	.cacecontent li, .cacecontent dt{

		float: none;

		text-align: center;

		margin-right: 0;

	}

	.orangewrap h2{

		font-size: 24px;

	}

	.orangewrap .subhead{

		font-size: 14px;

		margin-top: 6px;

	}

	.tellist dd:nth-of-type(1), .tellist dd:nth-of-type(3), .tellist dt{

		margin-right: 0;

	}

	.tellist dt{

		margin: 0 auto 4px;

		float: none;

	}

	.tellist dt{

		text-align: center;

		float: none;

		padding: 2px 0;

	}

	.tellist a{

		color: #D91C1C;

		text-decoration: none;

	}

	.btnbox img{

		width: 80%;

	}

	.btnbox .btnleft, .btnbox .btnright{

		float: none;

	}

	.btnbox{

		text-align: center;

	}

	.roundp{

		font-size: 22px;

/*		padding-top: 45px;*/
		padding-top: 30px;
/*		padding-bottom: 10px;*/

	}

	.orangeround{

	    width: 240px;

    	height: 240px;

	}

	.paddingorange {

	    font-size: 12px;

	    padding: 8px;

	    border-radius: 6px;

	    margin-right: 4px;

	}

	.supplement, #treewrap ul li{

		font-size: 14px;

	}

	.telinfo h3, .successhead, .successhead.parsonF{

		font-size: 16px;

	}

	.servicecontent, .flowbox, .whitewrap.faq{

		margin-top: 40px;

	}

	.example{

		padding: 40px 0;

	}

	.cacewrap{

		padding: 0 20px;

	}

	footer ul li{

		float: none;

		margin-bottom: 10px;

	}

	footer ul li dl dt, footer ul li dl dd{

		float: none;

	}

	.totop{

		width: 40px;

		bottom: 10px;

		right: 10px;

	}

/********** 2019/10/10 **********/
/*「就職をしないと」とは思うけど、何から始めれば良いのかわからない…*/
.troublearea {
padding: 50px 0 50px;
}
.trouble{
font-size: 18px;
}

/*まずは一緒に一歩から。あなたのペースで大丈夫。*/
.woodwrap .whitewrap {
padding: 50px 30px 50px;
}

/*ココルポート（旧社名：Melk）活用事例*/
.case {
padding: 50px 0 50px;
}

/*就職先企業(一部抜粋)*/
#treewrap {
padding: 50px 0;
}
#treewrap .whitewrap {
padding: 50px 0;
}
#treewrap ul {
margin: 30px auto 0;
}

/*ココルポート（旧社名：Melk）の応援制度*/
.stripewrap.lunch h2{
font-size: 24px;
padding: 20px;
}
.stripewrap.lunch p{
font-size: 16px;
text-align: left;
}
.stripewrap.lunch h3{
font-size: 30px;
}

/*具体的なサービス内容 / よくある質問*/
.stripewrap {
padding: 50px 0 50px;
}

/*ココルポート（旧社名：Melk）のプログラム*/
.paperwrap .wrap {
padding: 50px 20px 50px;
}
.programimgbox {
margin: 30px auto 0;
}

/*ご利用開始までの流れ*/
.flow {
padding: 50px 0 50px;
}
.flowbox {
margin: 50px 0 0px;
}

/*事業所一覧*/
.list {
padding: 50px 0 50px;
background:none;
}
.borderbox {
margin-top: 40px;
}
.borderbox .borderbox_title {
font-size:14px;
}
/*
.tab li {
font-size:12px;
font-weight:normal;
width:calc(100%/3 - 4px);
padding:5px 0;
margin:2px;
border-radius: 5px;
}*/

/*交通費・ランチ応援制度実施中！*/
.green-wrap p{
font-size: 30px;
}

/********** 2019/11/28 **********/
/***** SP用フローティングヘッダー *****/
.floating_header {
display:block;
width: 100%;
position: fixed;
top:-100%;
background:#fff;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.floating_header.floating {
top:0;
z-index:9999;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.floating_header .logo {
position:relative;
left:0;
padding: 10px 0;
box-shadow: none;
}
.floating_header .logo img {
width:160px;
height:auto;
}
.floating_header .telno {
position:absolute;
top:0;
right:0;
margin:10px;
font-size:18px;
line-height:23px;
}
.floating_header .telno:before {
content:"お問合せ受付センター";
background:#360100;
color:#fff;
font-size:11px;
line-height:17px;
font-weight:bold;
display:block;
text-align:center;
-webkit-border-radius:10px;
-ms-border-radius:10px;
border-radius:10px;
}
.floating_header .telno a{
color:#360100;
text-decoration:none;
}

/***** SP用フローティングフッター *****/
.floating_footer {
display:block;
width: 100%;
position: fixed;
bottom:-100%;
/*background:rgba(237,109,0,0.9);*/
background:rgba(0,0,0,.5);
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.floating_footer.floating {
bottom:0;
z-index:9999;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.floating_footer ul {
font-size:0;
}
.floating_footer ul li {
font-size:18px;
line-height:23px;
display:inline-block;
width:50%;
border-right:1px solid #fff;
text-align:center;
padding:0;
}
.floating_footer ul li:last-child {
border:0;
}
.floating_footer ul li span{
color:#fff;
font-size:11px;
line-height:17px;
display:block;
text-align:center;
}
.floating_footer ul li a {
text-decoration:none;
color:#fff;
display:block;
padding:10px;
border:0;
}

/***** 共通 *****/
.wrap {
padding: 0 10px;
}
/***** メインビジュアル *****/
#mainV .wrap {
    padding-bottom: 200px;
}
.mainright h1 {
margin-bottom: 10px;
}
.spmainV {
width: 47%;
}
.success {
top: 230px;
}

/***** まずは一緒に一歩から。あなたのペースで大丈夫。 *****/
.woodwrap .whitewrap {
padding: 20px 10px;
margin: 20px auto;
}
.orangeround {
margin: 20px auto 20px;
}
.brownhead {
margin-bottom: 20px;
}

/***** ココルポートの活用事例 *****/
.case {
    padding: 20% 0 20px 0;
}
.case .whitewrap {
margin-top: 20px;
}
.successstory {
    margin: 20px 0;
}

/***** 具体的なサービス内容 *****/
.stripewrap {
    padding: 20px 0;
}

/*PC*/
.servicecontent{
display:none;
}
/*SP*/
.servicecontent_sp {
display:block;
    margin-top: 20px;
}
.servicecontent_sp .swiper-slide {
	background: #fff;
	padding: 20px;
	margin-bottom: 0px;
	box-sizing: border-box;
}

.servicecontent_sp h3{
	font-size: 25px;
	color: #431f0b;
	padding: 20px 0 20px 60px;
	position: relative;
}

.servicecontent_sp h3.head1:before{
	content: url(images/head01.png);
	position: absolute;
	top: 10px;
	left: 0;
}

.servicecontent_sp h3.head2:before{
	content: url(images/head02.png);
	position: absolute;
	top: 10px;
	left: 0;
}
.servicecontent_sp h3.head3:before{
	content: url(images/head03.png);
	position: absolute;
	top: 10px;
	left: 0;
}
.servicecontent_sp h3.head4:before{
	content: url(images/head04.png);
	position: absolute;
	top: 10px;
	left: 0;
}
.servicecontent_sp p{
	font-size: 16px;
	color: #431f0b
}
.servicecontent_sp table{
	width: 100%;
}
.servicecontent_sp table .txtcell{
display: block;
width: 100%;
}
.servicecontent_sp table .imgcell{
display: block;
width: 100%;
}

.swiper-pagination {
position:relative;
bottom:auto!important;
left:auto;
padding:20px 0 0 0;
}
.swiper-pagination-bullet {
width:16px;
height:16px;
margin:0 12px!important;
background:rgba(122,187,52,.5);
opacity:1;
border-radius: 8px;
}
.swiper-pagination-bullet-active {
background:rgba(122,187,52,1);
opacity:1;
}


/***** ココルポート（旧社名：Melk）の応援制度 *****/
.stripewrap.lunch h3 {
padding: 30px 0 20px;
}
.stripewrap.lunch img {
    margin: 0 auto 20px;
}
.stripewrap.lunch p:last-child {
margin-bottom:0;
}

/***** 1日の流れ、トレーニング内容 *****/
.dayflow {
    padding: 20px 0;
}
.trexam {
    padding: 0 0 20px 0;
}

/***** ココルポート（旧社名：Melk）のプログラム *****/
.paperwrap .wrap {
    padding: 20px 10px;
}

/***** 就職先企業(一部抜粋) *****/
#treewrap {
    padding: 20px 0;
}
#treewrap .whitewrap {
    padding: 20px 0;
}
#treewrap ul {
margin: 20px auto 0;
}

/***** お問い合わせエリア *****/
.orangewrap {
padding: 20px 0;
}
.contact .wrap {
    padding: 0 10px;
}
.telinfo {
margin: 20px auto;
padding: 10px;
}
.telinfo .telinfo_bg {
    right: 10px;
    bottom: 150px;
	width: 100px;
}
.telinfo h3 {
line-height: 32px;
}
.telinfo .supplement {
text-align:left;
}
.tellist dt {
display:block;
}
.tellist dd {
    font-size: 30px;
}
.tellist ul {
text-align:left;
}
.tellist ul li:last-child {
text-align:center;
display: inline-block;
width: 100%;
}

/***** ご利用開始までの流れ *****/
.flow {
    padding: 20px 0;
}
.flowbox, .whitewrap.faq {
    margin-top: 20px;
}

/***** 事業所一覧 *****/
.list {
    padding: 20px 0;
}
.borderbox {
    margin-top: 20px;
	padding: 20px 10px 20px;
}
.officeaddress {
margin-left:0;
}
.officeaddress dt {
width:50%;
font-size:14px;
padding-left:30px;
}

/***** よくある質問 *****/
.whitewrap.faq {
padding: 20px 20px;
}

/***** フッター *****/
footer {
margin-bottom: 69px;
}
.totop {
bottom: 70px;
}

/********** 2020/3/10 **********/
/***** メインビジュアル *****/
.sp_only {
display:inline;
}
#mainV .wrap {
padding-bottom:10px;
}
#mainV .circlebanner ul li {
width: 100px;
height: 100px;
border-radius: 50px;
box-shadow: 0 0 0 rgba(0,0,0,0);
}
#mainV .circlebanner ul li.free {
font-size: 11px;
margin:0 -20px 0 0;
}
#mainV .circlebanner ul li.lunch {
font-size: 15px;
margin:50px 0 5px 0;
}
#mainV .circlebanner ul li .big {
font-size: 20px;
margin-top:3px;
display:inline-block;
}
#mainV .circlebanner ul li sup {
font-size: 10px;
}

/***** 特徴 *****/
/*こんなお悩みを抱えてらっしゃいませんか*/
#feature .worry {
padding:20px;
margin:0 auto 30px auto;
}
#feature .worry dl {
}
#feature .worry dl dt {
font-size: 20px;
margin: 0 auto 15px auto;
display: inline-block;
background:none;
width: auto;
padding: 0 0 15px 0;
border-bottom:1px dotted #ccc;
}
#feature .worry dl dd {
font-size:16px;
width:100%;
}



/********** 2021/2/1 **********/
/***** 事業所一覧 *****/
/*タブ*/
ul.tab li,
ul.tab2 li {
font-size:12px;
font-weight:bold;
width:calc(100%/4 - 4px);
padding:5px 0;
margin:2px;
}
/*エリア*/
.area h3,
.area2 h3 {
font-size: 18px;
}

.area .officeaddress ,
.area2 .officeaddress {
margin-left: 0;
}
.area .officeaddress dt,
.area2 .officeaddress dt {
font-size:14px;
width:50%;
padding-left:30px;
}
.area .officeaddress dt::before,
.area2 .officeaddress dt::before {
left:0;
}
.area .officeaddress dd,
.area2 .officeaddress dd {
display:none;

font-size: 14px;
}




}

@supports (-ms-ime-align:auto) {

  .paddingorange{

  	padding: 6px 20px;

  }

  .flowbox dl img{

  	top: 260px;

  }

}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

  .paddingorange{

  	padding: 6px 20px;

  }

  .flowbox dl img{

  	top: 260px;

  }

}