@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;

}									



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;}



/* 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;

	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: 14px;

	margin-top: 28px;

    line-height: 33px;

}

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

    line-height: 74px;

}

.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;

}

.roundp .yellow{

	font-size: 70px;

}

.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;

}

.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);

}

.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;

}

.btnbox a {

    display: block;

    flex-basis: calc(100%/3 - 20px);
    
}

.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%;

}



@media (max-width: 1024px){

	.wrap{

		padding: 0 20px;

		width: 100%;

	}

	.logo{

		left: 20px;

	}

}



@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 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;
	}

	.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%;

	}

}



@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;

	}

	.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;

	}

}

@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;

  }

}