html,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,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1;}

html{font-family: 'Open Sans', Arial, Roboto, "Droid Sans", "游ゴシック体", "Yu Gothic", YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;letter-spacing: 1px;min-height:100%;position:relative;letter-spacing: 1.5px;}
@media all and (-ms-high-contrast: none){html{font-family:Verdana, Meiryo, sans-serif}
}
@media all and (-ms-high-contrast: active){html{font-family:Verdana, Meiryo, sans-serif}
}
body{width:100%;margin:0;padding:0;word-wrap:break-word;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;line-height:1.6;text-align:justify;-webkit-font-feature-settings:"palt";font-feature-settings:"palt";font-weight:normal;font-size:15px;font-size:.9375rem}
body .wrapper{display:-webkit-flex;display:-ms-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;min-height:100%}
body footer{background:#F0F3F5;height:30px;display:-webkit-flex;display:-ms-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.mt10s {margin-top:10px;}
.mt15s {margin-top:15px;}
.mt20s {margin-top:20px;}
.mb5s {margin-bottom:5px;}
.mb10s {margin-bottom:10px;}
.mb15s {margin-bottom:15px;}
.mb20s {margin-bottom:20px;}
.mb25s {margin-bottom:25px;}
.mb30s {margin-bottom:30px;}
.mb35s {margin-bottom:35px;}
.mb40s {margin-bottom:40px;}
.mb45s {margin-bottom:45px;}
.mb50s {margin-bottom:50px;}
.mb60s {margin-bottom:60px;}
.mb70s {margin-bottom:70px;}
.mb80s {margin-bottom:80px;}
.mb100s {margin-bottom:100px;}
.mr10s {margin-right:10px;}
.mr15s {margin-right:15px;}
.mr20s {margin-right:20px;}
.mr30s {margin-right:30px;}
.pl10s {padding-left:10px;}
.ml5s {margin-left:5px;}
.ml10s {margin-left:10px;}
.ml15s {margin-left:15px;}
.ml20s {margin-left:20px;}
hr {border:solid #ccc; border-width:1px 0 0 0; height:1px;/* for IE6 */ clear:both;/* for IE6 */}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.fwb{font-weight:bold}
h1,h2,h3,h4,h5,h6{font-weight:normal}
h1{font-size:16px;font-size:1rem}
h2{font-size:16px;font-size:1rem}
h3{font-size:15px;font-size:.9375rem}
*{-webkit-box-sizing:border-box;box-sizing:border-box}
button,input[type="submit"]{background:none;outline:none;-webkit-box-shadow:none;box-shadow:none;border:none}
a{color:#262626;text-decoration: underline;

transition: color 0.3s;}
a:hover{text-decoration:none; color : #9ECC60;}
h1{border-bottom:1px solid #9ECC60;margin:10px 0;height:39px;display:-webkit-flex;display:-ms-flex;display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:1px;margin:5px 0;}
h1 span{background:#9ECC60;padding:0px 30px 0px 20px;color:#2D2D2D;font-weight:bold;position:relative;height:39px;display:-webkit-flex;display:-ms-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:auto}
h1 span:after{content:"";position:absolute;border-top:27px solid #9ECC60;border-right:27px solid transparent;border-left:27px solid transparent;right:0;right:-36px;bottom:-3px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}

body{color:#2D2D2D}
.wrapper{width:100%}
header{width:100%;padding:10px 10% 0;background:#fff;position:relative;}
header .logo{margin-top:-5px}
header .logo img{width:100px}
header .infomation{margin-left:auto}
header .infomation a{text-decoration:none}
nav{background-color:#C8C9CA;width:100%;padding-right:10%;padding-left:10%;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;}
nav ul{width:100%;display:-webkit-flex;display:-ms-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between; background:url(../images/bg_nav.png) no-repeat right center;}
nav ul li{display:-webkit-flex;display:-ms-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:60px;width:100%; background:url(../images/bg_nav.png) no-repeat left center;}
nav ul li:first-child{}
nav ul li a{width:100%;height:100%;text-decoration:none;display:-webkit-flex;display:-ms-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.4s;transition:0.4s;color:#FFFFFF}
main{padding:0px 10%}
footer{display:-webkit-flex;display:-ms-flex;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:auto;background:#F0F3F5;color:#2D2D2D;padding:30px 10%}
footer .footer-left{font-size:14px;font-size:.875rem;text-align:left;font-style:italic}
footer .footer-right{margin-left:auto;display:none;}
footer .footer-right a{color:#2D2D2D}
.flex{background:#2D2D2D}
.infomation{display:-webkit-flex;display:-ms-flex;display:-webkit-box;display:-ms-flexbox;display:flex}
.tel{display:-webkit-flex;display:-ms-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.tel .tel-left{background:transparent;border-radius:5px;color:#fff;display:-webkit-flex;display:-ms-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:38px;width:38px;margin-right:10px;font-size:25px;font-size:1.5625rem; position:absolute; top:12px;right:110px;}
.tel .tel-left i{ display:none;}
.tel .tel-right{display:-webkit-flex;display:-ms-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:colum;}
.tel .tel-right:hover{color:#9ECC60}
.tel .tel-right span{display:none;}
.tel .tel-right span:first-child{color:#2D2D2D;font-size:22px;font-size:1.375rem;font-weight:bold;line-height:1}
.tel .tel-right span:last-child{color:#2D2D2D;margin-top:1px;line-height:1;font-size:12px;font-size:.75rem}
.mail{display:-webkit-flex;display:-ms-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-left:20px}
.mail .mail-left{background:transparent;border-radius:5px;color:#fff;display:-webkit-flex;display:-ms-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:38px;width:38px;margin-right:10px;font-size:25px;font-size:1.5625rem; position:absolute; top:12px;right:60px;}
.mail .mail-left i{display:none;}
.mail .mail-right{display:-webkit-flex;display:-ms-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.mail .mail-right span{display:none;}
.mail .mail-right span:first-child{color:#2D2D2D;font-size:19px;font-size:1.1875rem;letter-spacing:-1px;font-weight:bold;line-height:1}
.mail .mail-right span:last-child{color:#2D2D2D;margin-top:2px;line-height:1;font-size:12px;font-size:.75rem}
nav ul li a{display:-webkit-flex;display:-ms-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding-left:20px;padding-right:20px;}
nav ul li a .left{font-size:25px;font-size:1.5625rem;color:#99C35E;height:100%;margin:20px;display:-webkit-flex;display:-ms-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-left:-5px;-webkit-transition:0.4s ease;transition:0.4s ease}
/*nav ul li:hover a .left { color:#fff;}*/
nav ul li a .right{display:-webkit-flex;display:-ms-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}
nav ul li a .right span{line-height:1}
nav ul li a .right span:nth-child(1){font-weight:bold}
nav ul li a .right span:nth-child(2){font-size:12px;font-size:.75rem;margin-top:2px;color:#FFFFFF;-webkit-transition:0.4s ease;transition:0.4s ease}
nav ul li a:nth-child(2) .left{color:#99C35E}
nav ul li a:hover{background:#9ECC60;color:#FFFFFF}
nav ul li a:hover .right span:nth-child(2){font-size:12px;font-size:.75rem;margin-top:2px;color:#2D2D2D}
nav ul li:nth-child(2) .left{color:#589E56}
nav ul li:nth-child(3) .left{color:#99C35E}
nav ul li:nth-child(4) .left{color:#589E56}
nav ul li:nth-child(5) .left{color:#99C35E}
.news li{display:-webkit-flex;display:-ms-flex;display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px}
.news li span{display:block;padding: 7px 0;}
.news li span.date{color:#999;font-size: 0.933em;font-weight: 600;padding: 7px 0;margin-right:3%;}
.news li span.text{padding: 7px 0;margin-right:20px}
.news li a.viewmore{display:block;margin-left:auto; text-decoration:none;}
.news li a.viewmore {
	display: block;
	position: relative;
	min-width: 50px;
	padding:  0;
	height:50px;
	line-height:50px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border:1px solid #95cc01;
	background: #95cc01;
	overflow: hidden;
	z-index: 1 !important;
	border-radius:3px;
}
.news li a.viewmore:after {
	content:"";
	position: absolute;
	top: 50%;
	left: 50%;
	height: 0;
	width: 100%;
	background : #fff;
	opacity: 0;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transition: 0.3s;
	z-index: -1;
}
.news li a.viewmore:hover {
	color: #95cc01;
}
.news li a.viewmore:hover:after {
	height: 200%;
	opacity: 1;
}
.news li a.viewmore:active:after {
	height: 300%;
	opacity: 1;
}
.news li:nth-child(odd){background:#F0F3F5}
.news li:nth-child(even){background:#fafafa}
#main-image{margin-top:20px;margin-bottom:-20px; width:100%; overflow:hidden;}
#main-image img {
	width:100%; height:auto;
}
.contents .content{margin:40px 0}
@media screen and (max-width: 1068px){html{font-size:90%}
main,nav,header,footer{padding-left:2.5%;padding-right:2.5%}
}
@media screen and (max-width: 768px){html{font-size:80%}
.main-image{height:200px}
}

nav {
	display:none;
}

/* menu
----------------------------------- */
.menu_btn {
    background:transparent url(../images/btn.jpg) no-repeat 0 0;
	background-size:200% auto;
    display: block;
    width:52px;
    height: 50px;
    position:absolute;
    top:0px;
    right:0px;
    cursor: pointer;
    z-index: 200;
}


.peke {
    background-position: -51px 0;
}
.drawr {
    display: none;
    background-color:#323940;
    position:absolute;
    top: 50px;
    right:0;
	width:100%;
    z-index: 100;
}
#menu li {
    width:100%;
	height:49px;
	line-height:49px;
	text-align:left;
	font-size:13px;
    color:#54beef;
    width:92%;
    padding:0 4% ;
	border-bottom:1px solid #fff;
}
#menu li a {
    width:100%;
	height:49px;
    color:#fff;
    display: block;
	text-decoration:none;
}
#menu li a:hover {
	opacity:0.3;
}


/*second*/
.second-image{background:#ccc;width:100%;height:150px;display:-webkit-flex;display:-ms-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:url("../images/view_news.jpg") ;background-size:100% auto;background-repeat:none;margin-top:20px;margin-bottom:-20px; position:relative;}
.news-image{background:url("../images/view_news.jpg") ;background-size:100% auto;background-repeat:none;margin-top:20px;margin-bottom:-20px; position:relative;}


h1.second  {
	position:absolute;
	bottom:15px;
	width:100%;
	
	border-bottom:none;
}
h1.second strong {position: relative;
padding: 0.5em;
padding-top:0.7em;
color: white;
	width:100%;
	background: -moz-linear-gradient(to right, rgb(255, 0, 94), transparent);
background: -webkit-linear-gradient(to right, rgb(255, 0, 94), transparent);
background: linear-gradient(to right, rgb(255, 0, 94), transparent);
}

h2{
	text-align:center;
	margin-bottom:30px;
}
h2 .fas {
	font-size:30px;
	line-height:40px;
}
h2 span {
	display:block;
	color: #999;
font-size: 0.933em;
font-weight: 600;
}
h2 b {
	font-size:18px;
}
p.new_txt {font-size: 1.067em;
	max-width: 800px;
	margin:0 auto;line-height: 2;
	margin-bottom:50px;
}
.arrow{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 12px;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.back::before {
left: 7px;
box-sizing: border-box;
width: 5px;
height: 5px;
border: 5px solid transparent;
border-left: 5px solid #9ECC60;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.back::after {
top: 7px;
left: -2px;
border: 0 solid transparent;
border-left: 3px solid #9ECC60;
border-radius: 0 0 0 10px;
width: 8px;
height: 8px;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}

.about-image{background:url("../images/view_news.jpg");background-size:100% auto;background-repeat:none;}


.about-image h1.second  {
	position:absolute;
	bottom:15px;
	width:100%;
	
	border-bottom:none;
}
.about-image h1.second strong {position: relative;
padding: 0.5em;
color: white;
	width:100%;
	background: -moz-linear-gradient(to right, rgb(138, 50, 185), transparent);
background: -webkit-linear-gradient(to right, rgb(138, 50, 185), transparent);
background: linear-gradient(to right, rgb(138, 50, 185), transparent);
}

h2.second{
	text-align:left;
	margin-bottom:15px;
	position:relative;
}
h2.second .fas {
	font-size:30px;
	line-height:40px;
}
h2.second span {
	display:block;
	color: #999;
font-size: 0.933em;
font-weight: 600;
}
h2.second b {
	font-size:18px;
	position:absolute;
	top:5px;
	left:35px;
}
p.second_txt {font-size: 1.067em;
	max-width: 800px;
	margin:0 auto;line-height: 2;
	margin-bottom:50px;
}

.service-image{background:url("../images/view_news.jpg") ;background-size:100% auto;background-repeat:none;}

.service-image h1 strong {
	background: -moz-linear-gradient(to right, rgb(149, 204, 1), transparent);
background: -webkit-linear-gradient(to right, rgb(149, 204, 1), transparent);
background: linear-gradient(to right, rgb(149, 204, 1), transparent);
}

.cancel-image{background:url("../images/view_news.jpg") ;background-size:100% auto;background-repeat:none;}

.cancel-image h1 strong {
	background: -moz-linear-gradient(to right, rgb(171, 52, 40), transparent);
background: -webkit-linear-gradient(to right, rgb(171, 52, 40), transparent);
background: linear-gradient(to right, rgb(171, 52, 40), transparent);
}

.faq-image{background:url("../images/view_news.jpg") ;background-size:100% auto;background-repeat:none;}

.faq-image h1 strong {
	background: -moz-linear-gradient(to right, rgb(0, 160, 232), transparent);
background: -webkit-linear-gradient(to right, rgb(0, 160, 232), transparent);
background: linear-gradient(to right, rgb(0, 160, 232), transparent);
}

.form-image{background:url("../images/view_news.jpg") ;background-size:100% auto;background-repeat:none;}

.form-image h1 strong {
	background: -moz-linear-gradient(to right, rgb(255, 131, 3), transparent);
background: -webkit-linear-gradient(to right, rgb(255, 131, 3), transparent);
background: linear-gradient(to right, rgb(255, 131, 3), transparent);
}

/* about
--------------------------- */
p.about_tit {
	text-align:center;
	line-height:24px;
	font-weight:bold;
	margin:0 auto 40px;
	color:#9ECC60;
	font-size:18px;
}
p.about_tit img {
	width:50%;
	height:auto;
	margin-bottom:20px;
}

/* service
--------------------------- * */
	.gridWrapper{
	width:100%;
	margin:0;
	margin-bottom:100px;
	}

	.box img{
		height:80px;
		width:auto;
		float:right;
		overflow:visible;
	}
	
	.box h3{padding-top:0;}

.gridWrapper{
	width:100%;
	}
	
	#wrapper{
		width:100% !important;
		padding:0 !important;
	}
	
	.service_content{
	border:none !important;
	padding:0 0 20px 0;
	}
	
	.gridWrapper_left{
	padding:0 !important;
	overflow: hidden;
	}
	
	.grid{width:100%;}
	.grid2, .grid3{width:94%;}
	#mainBanner h2,#mainBanner p{font-size:80%;}
	
	
	.grid{
	float:none;
	margin:0 auto;
	
	margin-bottom:20px;
	}
	
	.grid a{
		box-sizing:border-box;
	width:100%;
	height:auto;
	display:block;
	border:10px #EDEDED solid;
border-radius:6px;
	margin:0 auto;
padding:10px 0% 10px 4%;
	}
	
	.grid a:hover{
		border-color:#95CC01;
	}
	
.imgArea, .imgArea2, .imgArea3 {

    float: right;
    width: 25%;
    height: auto;
    overflow: visible;

}	
.box {
}
.box h3{
	padding:10px 0 5px 0;
	font-size:14px; 
	font-weight:bold;
	width:60%;
	float:left;
	line-height:24px;
}


.box h3.service1{
	padding-top:5px;
	color:#2d7335;
}

.box h3.service2{
	color:#e7a935;
}

.box h3.service3{
	color:#d51015;
}

.box h3.service4{
}

.box h3.service5{
	color:#002060;
}


.box h3.service6{
	color:#00b065;
}

.box h3.service7{
	color:#0078ad;
}

/* cancel
--------------------------- */
.c-relative {

}
.c-grid-img-fit {
}
.flip .c-grid-img-fit {
	left: 0;
}

.c-grid-img-fit > img {
	width: 100% !important;
    height: auto !important;
    margin-left: 0 !important;
    margin-top: 0 !important;


}


.guide-step-item > h2 {

    padding: .7em 0 0 2em;
    margin-bottom: 40px;
    position: relative;

}

.c-title-E {

    font-size: 2.267em;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0;
    text-align: left;
    display: block;
    margin-bottom: 20px;

}
.guide-step-item > h2 > i {

    position: static;
    display: block;
    margin-bottom: 5px;

}
.guide-step-item > h2 {

    text-align: center;
    padding: 0;
    margin: -10px 0 24px;

}
.c-title-B {

    color: #AB3428;
    font-size: 1.333em;
    font-weight: 600;
    line-height: 1.6;
    display: block;
    margin-bottom: 40px;

}


/* grid
--------------------------- */

.c-grids {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.c-grid-1of2,
.c-grid-1of3,
.c-grid-2of3,
.c-grid-1of4,
.c-grid-2of4,
.c-grid-3of4,
.c-grid-1of5,
.c-grid-2of5,
.c-grid-3of5,
.c-grid-4of5,
.c-grid-SofG,
.c-grid-LofG {
	float: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: auto;
}

.c-grid-inner-left,
.c-grid-inner-right  {
	padding: 49px 8% !important;
}


/* faq
--------------------------- */
.faq-list-item {
	margin:0 auto 40px;
}
.faq_tit{
    width: 100%;/*最大幅*/
}

.faq_tit h2 {

    color: #fff;
    background: #14A7E9;
    font-size: 1.333em;
    font-weight: 600;
    line-height: 1.6;
    display: block;
    padding : 7px 12px;
    margin-bottom: 20px;

}
/*ボックス全体*/
.accbox {
    margin: 0;
    padding: 0;
    width: 100%;/*最大幅*/
}

/*ラベル*/
.accbox label {
    display: block;
    padding : 7px 12px;
    font-weight: bold;
    cursor :pointer;
    transition: all 0.5s;
	border-bottom:1px #ccc solid;
    background :#eee;
}



/*アイコンを表示*/
.accbox label:before {
    content: 'Q.';
    padding-right: 8px;
	font-size:17px;
	padding-right:10px;
	font-family: 'Montserrat', Arial, Roboto, "Droid Sans", "游ゴシック体", "Yu Gothic", YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-style:normal;
	color: #589E56;
}

/*ラベルホバー時*/
.accbox label:hover {
    background :#eee;
	color:#589E56;
	
}
.accbox label:before:hover {
	color:#589E56;
	
}

/*チェックは隠す*/
.accbox input {
    display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + .accshow {
    height: auto;
    padding: 5px 10px 15px 10px;
    opacity: 1;
}


.c-container {

    padding-left: 4%;
    padding-right: 4%;
    margin: 90px auto;
    overflow: hidden;
    position: relative;

}
.c-container.large-space {

    margin: 110px auto;

}
.c-contactbox {

    text-align: center;
    background-color: #f4f4f4;
    border-radius: 4px;
    padding-bottom: 0px;

}
.c-contactbox h2 {
	margin-bottom:0;
	
}
.c-contactbox > .c-title-D {

    border-radius: 4px 4px 0 0;

}
.c-title-D {

    color: #fff;
    font-size: 1.067em;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    padding: 12px 20px 10px;
    background-color: #9ECC60;
}
.c-contactbox > p {

    padding: 0 5%;

}
.c-contactbox > p b {
	font-size:20px;
	white-space:nowrap;
}
.c-contactbox-tel {

    margin: 20px 0 10px;

}

.c-contactbox-tel i {
	padding-right:10px;
}
.c-contactbox-tel > a {

    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px;
	font-family: 'Montserrat', Arial, Roboto, "Droid Sans", "游ゴシック体", "Yu Gothic", YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;

font-weight: 700;
white-space:nowrap;

}
.c-contactbox-tel > a > b {

    font-size: 1.467em;

}
.c-contactbox a:hover {
	transition: 0.6s ;
	color:#9ECC60;
	text-decoration:none;
}


/* form */
		.progressbar {
		  margin-left: 15px;
		  padding: 0;
		  counter-reset: step;
		  z-index: 0;
		  position: relative;
		}
		.progressbar li {
		  list-style-type: none;
		  width: 29%;
		  float: left;
		  font-size: 12px;
		  position: relative;
		  text-align: center;
		  text-transform: uppercase;
		  color: #aaa;
		  margin-right: 10px;
		}
		.progressbar li:before {
		  width: 30px;
		  height: 30px;
		  content: counter(step);
		  counter-increment: step;
		  line-height: 30px;
		  display: block;
		  text-align: center;
		  margin: 0 auto 10px auto;
		  border-radius: 50%;
		  background-color: #eee;
		}
		.progressbar li:after {
		  width: 100%;
		  height: 2px;
		  content: '';
		  position: absolute;
		  background-color: #eee;
		  top: 15px;
		  left: -50%;
		  z-index: -1;
		}
		.progressbar li:first-child:after {
		  content: none;
		}
		.progressbar li.active {
		  color: #99C35E;
		}
		.progressbar li.active:before {
		  background-color: #99C35E;
		  color:#fff;
		}
		.progressbar li.active + li:after {
		  background-color: #99C35E;
		}
		.progressbar2 {
		  margin-left: 15px;
		  padding: 0;
		  counter-reset: step;
		  z-index: 0;
		  position: relative;
		}
		.progressbar2 li {
		  list-style-type: none;
		  width: 29%;
		  float: left;
		  font-size: 12px;
		  position: relative;
		  text-align: center;
		  text-transform: uppercase;
		  color: #aaa;
		  margin-right: 10px;
		}
		.progressbar2 li:before {
		  width: 30px;
		  height: 30px;
		  content: counter(step);
		  counter-increment: step;
		  line-height: 30px;
		  display: block;
		  text-align: center;
		  margin: 0 auto 10px auto;
		  border-radius: 50%;
		  background-color: #eee;
		}
		.progressbar2 li:after {
		  width: 100%;
		  height: 2px;
		  content: '';
		  position: absolute;
		  background-color: #eee;
		  top: 15px;
		  left: -50%;
		  z-index: -1;
		}
		.progressbar2 li:first-child:after {
		  content: none;
		}
		.progressbar2 li.active {
		  color: #99C35E;
		}
		.progressbar2 li.active:before {
		  background-color: #99C35E;
		  color:#fff;
		}
		.progressbar2 li.active + li:after {
		  background-color: #99C35E;
		}

table{max-width:100%;background-color:transparent;}
th{text-align:left}
.table{width:100%;margin:0 auto 20px}
.table>thead>tr>th,.table>thead>tr>td,.table>tbody>tr>th,.table>tbody>tr>td,.table>tfoot>tr>th,.table>tfoot>tr>td{padding:10px;line-height:1.428571429;vertical-align:middle;}
.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th{vertical-align:middle;}
.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #dddddd}
.table>caption+thead>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>th,.table>thead:first-child>tr:first-child>td{border-top:0}
.table>tbody+tbody{border-top:2px solid #dddddd}
.table .table{background-color:white}
.table-condensed>thead>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>tfoot>tr>td{padding:5px;}
.table-bordered{border:1px solid #dddddd;}
.table-bordered>thead>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>tfoot>tr>td{border:1px solid #dddddd;border-bottom-width:0px}
.table-bordered>tbody>tr>td:last-child{border-bottom:1px solid #dddddd;}
.table-bordered>tbody>tr>td{border-bottom:1px solid #dddddd;}
.table-bordered{border-bottom-width:1px;border-right:1px solid #dddddd;}
.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:1px}
.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}
/*.table-hover>tbody>tr:hover>td,.table>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th,.table>tbody>tr:hover>th{background-color:whitesmoke}*/
table col[class*="col-"]{position:static;float:none;display:table-column}
table td[class*="col-"],table th[class*="col-"]{position:static;float:none;display:table-cell}
/*.table>thead>tr>td.active,.table>thead>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th{background-color:whitesmoke}*/
.table-hover>tbody>tr>td.active:hover,.table>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th,.table>tbody>tr.active:hover>th{background-color:#C8C9CA}
.table>thead>tr>td.success,.table>thead>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th{background-color:#dff0d8}
/*.table-hover>tbody>tr>td.success:hover,.table>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th,.table>tbody>tr.success:hover>th{background-color:#d0e9c6}*/
.table>thead>tr>td.info,.table>thead>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th{background-color:#d9edf7}
.table-hover>tbody>tr>td.info:hover,.table>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th,.table>tbody>tr.info:hover>th{background-color:#c4e3f3}
.table>thead>tr>td.warning,.table>thead>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th{background-color:#fcf8e3}
.table-hover>tbody>tr>td.warning:hover,.table>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th,.table>tbody>tr.warning:hover>th{background-color:#faf2cc}
.table>thead>tr>td.danger,.table>thead>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th{background-color:#f2dede}
.table-hover>tbody>tr>td.danger:hover,.table>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th,.table>tbody>tr.danger:hover>th{background-color:#ebcccc}
.table>thead>tr>td.default,.table>thead>tr>th.default,.table>thead>tr.default>td,.table>thead>tr.default>th,.table>tbody>tr>td.default,.table>tbody>tr>th.default,.table>tbody>tr.default>td,.table>tbody>tr.default>th,.table>tfoot>tr>td.default,.table>tfoot>tr>th.default,.table>tfoot>tr.default>td,.table>tfoot>tr.default>th{background-color:#f5f7f7}
 .table-no-border,.table-no-border th,.table-no-border td,.table-no-border tr {
			  border:none;
		  }
		  .table-no-border th {
			  line-height:18px;
			  text-align:left;
			  display:block;
			  width:100%;
			  font-size:14px;
			  background:#eee;
		  }
		  
		  .table-no-border th span {
			  font-size:11px;
			  background:#FF005E;
			  color:#fff;
			  font-weight:normal;
			  margin-left:5px;
			  margin-bottom:5px;
			  padding:0 5px;
		  }
		  
		  .table-no-border th b {
			  display:none;
		  }
		  .table-no-border td {
			  line-height:34px;
			  display:block;
			  width:100%;
		  }
		  
		  .table-no-border td input {
		  }
		  .table-no-border td span {
			  line-height:18px;
			  display:block;
			  width:100%;
			  padding:5px 0;
		  }
		  


.table-radius {
  border: 1px solid #ddd;
	border-top:none;
  border-collapse: separate;
  border-radius: 3px;
  border-spacing: 0;
 
}
.table-radius th, table-radius table td {
  padding: 10px 20px;
}
.table-radius th {
}
.table-radius td.default {
  border-right: 1px solid #ddd;
}
.table-radius tr:first-child th {
  border-radius: 3px 0 0 0;
}
.table-radius tr:first-child td {
  border-radius: 0 3px 0 0;
}
.table-radius tr:last-child th {
  border-bottom: none;
  border-radius: 0 0 0 3px;
}
.table-radius tr:last-child td.default {
  border-radius: 0 0 0px 0;
}
.table-radius tr:last-child td {
  border-bottom: none;
  border-radius: 0 0 3px 0;
}

@media screen and (max-width: 767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #dddddd;-webkit-overflow-scrolling:touch}
.table-responsive>.table{margin-bottom:0}
.table-responsive>.table>thead>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>tfoot>tr>td{white-space:nowrap;}
.table-responsive>.table-bordered{border:0}
.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}
.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}
.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}
}
fieldset{padding:0;margin:0;border:0;min-width:0}
legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333333;border:0;border-bottom:1px solid #e5e5e5}
label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:bold}
input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal}
input[type="file"]{display:block}
input[type="range"]{display:block;width:100%}
select[multiple],select[size]{height:auto}
input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
output{display:block;padding-top:7px;font-size:14px;line-height:1.428571429;color:#555555}
.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.428571429;color:#555555;background-color:white;background-image:none;border:1px solid #cccccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;-o-transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;transition:border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s}
.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}
.form-control::-moz-placeholder{color:#999999;opacity:1}
.form-control:-ms-input-placeholder{color:#999999}
.form-control::-webkit-input-placeholder{color:#999999}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eeeeee;opacity:1}
textarea.form-control{height:auto}
input[type="search"]{-webkit-appearance:none}
input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{line-height:34px;line-height:1.428571429 \0}
input[type="date"].input-sm,.input-group-sm>input[type="date"].form-control,.input-group-sm>input[type="date"].input-group-addon,.input-group-sm>.input-group-btn>input[type="date"].btn,input[type="time"].input-sm,.input-group-sm>input[type="time"].form-control,.input-group-sm>input[type="time"].input-group-addon,.input-group-sm>.input-group-btn>input[type="time"].btn,input[type="datetime-local"].input-sm,.input-group-sm>input[type="datetime-local"].form-control,.input-group-sm>input[type="datetime-local"].input-group-addon,.input-group-sm>.input-group-btn>input[type="datetime-local"].btn,input[type="month"].input-sm,.input-group-sm>input[type="month"].form-control,.input-group-sm>input[type="month"].input-group-addon,.input-group-sm>.input-group-btn>input[type="month"].btn{line-height:30px}
input[type="date"].input-lg,.input-group-lg>input[type="date"].form-control,.input-group-lg>input[type="date"].input-group-addon,.input-group-lg>.input-group-btn>input[type="date"].btn,input[type="time"].input-lg,.input-group-lg>input[type="time"].form-control,.input-group-lg>input[type="time"].input-group-addon,.input-group-lg>.input-group-btn>input[type="time"].btn,input[type="datetime-local"].input-lg,.input-group-lg>input[type="datetime-local"].form-control,.input-group-lg>input[type="datetime-local"].input-group-addon,.input-group-lg>.input-group-btn>input[type="datetime-local"].btn,input[type="month"].input-lg,.input-group-lg>input[type="month"].form-control,.input-group-lg>input[type="month"].input-group-addon,.input-group-lg>.input-group-btn>input[type="month"].btn{line-height:46px}
.form-group{margin-bottom:15px}
.radio,.checkbox{display:block;min-height:20px;margin-top:10px;margin-bottom:10px}
.radio label,.checkbox label{padding-left:20px;margin-bottom:0;font-weight:normal;cursor:pointer}
.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{float:left;margin-left:-20px}
.radio+.radio,.checkbox+.checkbox{margin-top:-5px}
.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer}
.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}
input[type="radio"][disabled],fieldset[disabled] input[type="radio"],input[type="checkbox"][disabled],fieldset[disabled] input[type="checkbox"],.radio[disabled],fieldset[disabled] .radio,.radio-inline[disabled],fieldset[disabled] .radio-inline,.checkbox[disabled],fieldset[disabled] .checkbox,.checkbox-inline[disabled],fieldset[disabled] .checkbox-inline{cursor:not-allowed}
.input-sm,.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
select.input-sm,.input-group-sm>select.form-control,.input-group-sm>select.input-group-addon,.input-group-sm>.input-group-btn>select.btn{height:30px;line-height:30px}
textarea.input-sm,.input-group-sm>textarea.form-control,.input-group-sm>textarea.input-group-addon,.input-group-sm>.input-group-btn>textarea.btn,select[multiple].input-sm,.input-group-sm>select[multiple].form-control,.input-group-sm>select[multiple].input-group-addon,.input-group-sm>.input-group-btn>select[multiple].btn{height:auto}
.input-lg,.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}
select.input-lg,.input-group-lg>select.form-control,.input-group-lg>select.input-group-addon,.input-group-lg>.input-group-btn>select.btn{height:46px;line-height:46px}
textarea.input-lg,.input-group-lg>textarea.form-control,.input-group-lg>textarea.input-group-addon,.input-group-lg>.input-group-btn>textarea.btn,select[multiple].input-lg,.input-group-lg>select[multiple].form-control,.input-group-lg>select[multiple].input-group-addon,.input-group-lg>.input-group-btn>select[multiple].btn{height:auto}
.btn{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.428571429;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.btn:focus,.btn:active:focus,.btn.active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.btn:hover,.btn:focus{color:#333333;text-decoration:none}
.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}
.btn-default{color:#333333;background-color:white;border-color:#cccccc}
.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open>.btn-default.dropdown-toggle{color:#333333;background-color:#e6e6e6;border-color:#adadad}
.btn-default:active,.btn-default.active,.open>.btn-default.dropdown-toggle{background-image:none}
.btn-default.disabled,.btn-default.disabled:hover,.btn-default.disabled:focus,.btn-default.disabled:active,.btn-default.disabled.active,.btn-default[disabled],.btn-default[disabled]:hover,.btn-default[disabled]:focus,.btn-default[disabled]:active,.btn-default[disabled].active,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default:hover,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default.active{background-color:white;border-color:#cccccc}
.btn-default .badge{color:white;background-color:#333333}
.btn-primary{color:white;background-color:#99C35E;border-color:#99C35E;}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open>.btn-primary.dropdown-toggle{color:#99C35E; background:#fff;}
.btn-primary:active,.btn-primary.active,.open>.btn-primary.dropdown-toggle{/*background-image:none*/}
.btn-primary.disabled,.btn-primary.disabled:hover,.btn-primary.disabled:focus,.btn-primary.disabled:active,.btn-primary.disabled.active,.btn-primary[disabled],.btn-primary[disabled]:hover,.btn-primary[disabled]:focus,.btn-primary[disabled]:active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary:hover,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary.active{background-color:#1abc9c;border-color:#17a689}
.btn-primary .badge{color:#1abc9c;background-color:white}
.btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:15px;line-height:1.33;border-radius:6px}


.viewmore2{display:block;margin-left:auto; text-decoration:none;}
.viewmore2 {
	display: block;
	position: relative;
	min-width: 100px;
	width:80%;
	padding: 0 0;
	height:50px;
	line-height:50px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border:1px solid #99C35E;
	background: #99C35E;
	overflow: hidden;
	z-index: 1 !important;
	border-radius:5px;
	text-align:center;
	margin:0 auto;
}
.viewmore2:after {
	content:"";
	position: absolute;
	top: 50%;
	left: 50%;
	height: 0;
	width: 100%;
	background : #fff;
	opacity: 0;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transition: 0.3s;
	z-index: -1;
}
.viewmore2:hover {
	color: #99C35E;
	 text-decoration:none;
}
.viewmore2:hover:after {
	height: 300%;
	opacity: 1;
}
.viewmore2:active:after {
	height: 300%;
	opacity: 1;
}


.viewmore3{display:block;margin-left:auto; text-decoration:none;}
.viewmore3 {
	display: block;
	position: relative;
	min-width: 100px;
	width:80%;
	padding: 0 0;
	height:50px;
	line-height:50px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border:1px solid #99C35E;
	background: #99C35E;
	overflow: hidden;
	z-index: 1 !important;
	border-radius:5px;
	text-align:center;
	margin:0 auto;
}
.viewmore3:after {
	content:"";
	position: absolute;
	top: 50%;
	left: 50%;
	height: 0;
	width: 100%;
	background : #fff;
	opacity: 0;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transition: 0.3s;
	z-index: -1;
}
.viewmore3:hover {
	color: #99C35E;
	 text-decoration:none;
}
.viewmore3:hover:after {
	height: 300%;
	opacity: 1;
}
.viewmore3:active:after {
	height: 300%;
	opacity: 1;
}



@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,800);
figure.snip1200 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin: 10px 0;
  min-width: 220px;
  width:100%;
  max-height: 290px;
  height:auto;
  width: 100%;
  background: #000000;
  color: #ffffff;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  font-size: 16px;
  margin-bottom:100px;
}
figure.snip1200 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
figure.snip1200 img {
  max-width: 100%;
  position: relative;
  opacity: 0.9;
}
figure.snip1200 figcaption {
  position: absolute;
  top: 45%;
  left: 7%;
  right: 7%;
  bottom: 45%;
  border: 1px solid white;
  border-width: 1px 1px 0;
}
figure.snip1200 .heading {
  overflow: hidden;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  position: absolute;
  bottom: 0;
  width: 100%;
}
figure.snip1200 h2 {
  display: table;
  margin: 0 auto;
  padding: 0 10px;
  position: relative;
  text-align: center;
  width: auto;
  text-transform: uppercase;
  font-weight: 400;
}
figure.snip1200 h2 span {
  font-weight: 800;
}
figure.snip1200 h2:before,
figure.snip1200 h2:after {
  position: absolute;
  display: block;
  width: 1000%;
  height: 1px;
  content: '';
  background: white;
  top: 50%;
}
figure.snip1200 h2:before {
  left: -1000%;
}
figure.snip1200 h2:after {
  right: -1000%;
}
figure.snip1200 p {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  width: 100%;
  padding: 0 20px;
  margin: 0;
  opacity: 0;
  line-height: 1.6em;
  font-size: 0.9em;
}
figure.snip1200 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}
figure.snip1200:hover img,
figure.snip1200.hover img {
  opacity: 0.25;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
figure.snip1200:hover figcaption,
figure.snip1200.hover figcaption {
  top: 7%;
  bottom: 7%;
}
figure.snip1200:hover p,
figure.snip1200.hover p {
  opacity: 1;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}



/*法人向けページ
--------------------------- */

.service-list-item {
	padding: 30px 4.5%; /* for IE8 */
	padding: 30px 4.5vw;
	border-top: 1px solid #ddd;
}

.service-list-item:first-child {
	border: none;
}

.service-list-item .merit {
	font-weight:bold;
width: 65px;
height: 65px;
position: absolute;
left: 0px;
top: -10px;
padding-right: 0 !important;
background:#99C35E;
color: #fff;
line-height: 65px;
letter-spacing: 0;
text-align: center;
border-radius: 50%;
}

.service-list-item h2.c-title-E {
	padding-left:80px;
	font-size:18px;
}

.service-list-item .left {
	box-sizing:border-box;
	width:100%;
	position:relative;
}

.service-list-item .right {
	box-sizing:border-box;
	width:100%;
	float:right;
}
.service-list-item .right img {
	width:100%;
}


.service-list-item .right02 {
	box-sizing:border-box;
	width:100%;
	position:relative;
}

.service-list-item .left02 {
	box-sizing:border-box;
	width:100%;
}
.service-list-item .left02 img {
	width:100%;
}

.visual{margin-bottom:16px;text-align:center;position:relative}.visual img{max-width:100%;position:relative;z-index:1}
.cont-title{text-align:center;padding:24px;font-size: 2.4rem;font-family: 'Noto Sans Japanese', sans-serif;}
.cont-title::after {

    background: transparent;

}
.cont-title strong {

    color: #99C35E;

}
.cont-title span {

    font-size: 1.1rem;color: #999;
    line-height: 1;
    display: block;
    font-weight: normal;
    padding-bottom: 8px;

}
.contents .strong{
	text-align: center;
}

.contents .strong h4{
    color: #99C35E;
	text-align: center;
	font-size: 1.2rem;margin-bottom: 16px;font-family: 'Noto Sans Japanese', sans-serif;
	font-weight:bold;
	
}

.contents .strong p{
	line-height: 1.4;
	margin-bottom: 40px;font-family: 'Noto Sans Japanese', sans-serif;
}

.contents .strong .strongCatch{
	font-size: 1.8rem;
	font-weight: bold;
	color: #99C35E;font-family: 'Noto Sans Japanese', sans-serif;
}


/*解約フロー*/
/* .subtitle */
.subtitle {
	padding: 10px 15px;
	background-color: #99C35E;
	zoom: 1;
}
.subtitle h3 {
	color:#fff;
	font-size:14px;
}
.subtitle:after {
	content:"."; display:block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
.subtitle h2 {
	float: left;
	margin-top: 5px;
}
.subtitle p {
	margin-left: 365px;
	color: #adaaa1;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.6;
}
.subtitle.large p {
	position: relative;
	margin-left: 478px;
	padding-left: 1em;
}
.subtitle.large p span {
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (max-width:750px) {
	.subtitle {
		padding: 10px 3% 10px;
	}
	.subtitle h2 {
		float: none;
		margin-top: 0;
	}
	.subtitle h2 img {
		width: auto;
		height: 19px;
	}
	.subtitle p {
		margin-top: 5px;
		margin-left: 0;
		font-size: 12px;
		font-size: 1.2rem;
	}
	.subtitle.large p {
		margin-left: 0;
	}
}


/* .flow */
.flow {
	padding: 50px 5% 50px 4%;
	background-color: #faf9f5;
	zoom: 1;
}
.flow10 {
	padding: 50px 5% 50px 3%;
}
.flow:after {
	content:"."; display:block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
.gray {
	background-color: #edece8;
}
.flow p,
.flow div {
	float: left;
}
.flow .icon {
	display:none;
}
.flow  .icon.icon_smp {
	display:inherit;
	width: 8.3%;
}
.flow div {
	width: 48%;
	margin-right: 5.4%;
	margin-left: 3.8%;
}
.flow h3 {
	margin-bottom: 24px;
	padding-bottom: 25px;
	border-bottom: 1px solid #edece8;
}
.gray h3 {
	border-bottom: 1px solid #dedcd6;
}
.flow .txt {
	color: #808080;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	word-break: break-all;
}
.flow .commonBtn01 {
	width: 260px;
	margin-top: 25px;
	padding: 10px 0;
	background-color: #d1b45d;
}
.flow .img {
	width: 34%;
}
.flow .img img {
	width: 100%;
	height: auto;
}

@media screen and (min-width:751px){
	.flow .icon img {
		width: 100%;
		height: auto;
	}
	.flow h3 img {
		width: auto;
		height: 25px;
	}
	
}

@media screen and (max-width:750px) {
	.flow {
		padding: 13% 3%;
	}
	.flow10 {
		padding: 13% 3%;
	}
	.flow p,
	.flow div {
		float: left;
	}
	.flow .icon {
		width: 8.3%;
	}
	.flow .icon img {
		width: 100%;
		height: auto;
	}
	.flow div {
		width: 83.9%;
		margin-right: 0;
	}
	.flow h3 {
		margin-bottom: 2%;
		padding-bottom: 2%;
	}
	.flow h3 img {
		width: auto;
		height: 15px;
	}
	.flow .txt {
		font-size: 1.3rem;
	}
	.flow .commonBtn01 {
		width: 100%;
		margin-top: 12px;
	}
	.flow .img {
		clear: both;
		float: none;
		max-width: 169px;
		width:100%;
		margin:0 auto;
		padding-top: 12px;
	}
}

.flow p.t-center {
	text-align:center;
	float:none;
	margin:15px  auto;
}
.flow .t-center img {
	width:130px;
}

ul.carrier {
}
ul.carrier li {
	list-style:none;
	float:none;
	width:100%;
	box-sizing:border-box;
	text-align:center;
	
}
ul.carrier li img {
border: 10px #EDEDED solid;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}

ul.carrier li:hover img {
border: 10px #99C35E solid;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}


ul.carrier li img {
	width:50%;
	margin:0 auto;
}
ul.carrier li a:hover img {
	opacity:1.0;
}

#container {
	margin-top:20px;
	margin-bottom:20px;
	display:table;
	width:100%;
	
}

#container div {
	box-sizing:border-box;
	width:80%;
	text-align:center;
	vertical-align:middle;
	margin:0 auto;
	
	text-align:center;
	background:#589E56;
	vertical-align:top;
	padding:10px 5% 10px;
	position:relative;
	cursor:pointer;
	color:#fff;
}

#container div:nth-child(even) {
	height:10px;
	background:none;
	padding:0;
}
#container div.bg_none {
	height:0px;
	background:none;
	padding:0;
}




#container div p.txt {
	color:#fff;
	font-size:16px;
	padding-bottom:10px;
	text-align:center;
}
#container div p::before {
	content:inherit;
}


#container div p.img {
	text-align:center;
}

#container div p.img img {
	text-align:center;
	margin-bottom:10px;
	width:90%;
	max-width:250px;
	height:auto;
}


#cancel {
	margin-top:20px;
	margin-bottom:20px;
	display:table;
	width:100%;
	
}

#cancel div {
	box-sizing:border-box;
	width:80%;
	text-align:center;
	vertical-align:middle;
	margin:0 auto;
	
	text-align:center;
	background:#99C35E;
	vertical-align:top;
	padding:10px 5% 10px;
	position:relative;
	cursor:pointer;
	color:#fff;
}
#cancel div:nth-child(even) {
	height:10px;
	background:none;
}


#cancel div p.txt {
	color:#fff;
	font-size:16px;
	padding-bottom:10px;
	text-align:center;
}

#cancel div p.img {
	text-align:center;
}

#cancel div p.img img {
	text-align:center;
	margin-bottom:10px;
	width:90%;
	max-width:250px;
	height:auto;
}

#cancel01 {
	margin-top:20px;
	margin-bottom:20px;
	display:table;
	width:100%;
	
}

#cancel01 div {
	box-sizing:border-box;
	width:80%;
	text-align:center;
	vertical-align:middle;
	margin:0 auto;
	
	text-align:center;
	background:#C30025;
	vertical-align:top;
	padding:10px 5% 10px;
	position:relative;
	cursor:pointer;
	color:#fff;
}

#cancel01.au div {
	background:#E23D0A;
}
#cancel01.softbank div {
	background:#6A7682;
}
#cancel01 div:nth-child(even) {
	height:10px;
	background:none;
}


#cancel01 div p.txt {
	color:#fff;
	font-size:16px;
	padding-bottom:10px;
	text-align:center;
}

#cancel01 div p.img {
	text-align:center;
}

#cancel01 div p.img img {
	text-align:center;
	margin-bottom:10px;
	width:90%; 
	max-width:250px;
	height:auto;
}



/*topアニメ*/
.bgbandblack {

    width: 100%;
    background-color: rgba(255,255,255,0.5);
    z-index: 50;
    position: absolute;
    margin-top: 90px;
	min-height:171px;
	padding-top:20px;

}
.bgbandblack .topcatchtx {

    color: #333;
    font-size: 20px;
    font-weight: bold;
    text-align: center;

}
.bgbandblack .topcatchlogo {
    width: 130px;
    margin: 0 auto 25px;

}
.topcatchlogo img {

    width: 100%;
    height: auto;

}


.textef2 {
	height:70px;
}
.bgbandblack .topcatchtx.textef2 {
	width:287px;
	margin:0 auto;
}
.privacy-block{
	width: 100%;
	height: 200px;
	max-height: 40vh;
	overflow: auto;
	border: 1px solid #CCC;
	padding: 10px;
	font-size: 14px;
	margin: 20px 0 0;
}
.font-weight-bold{
	font-weight: bold;
}
.pre-blocks{
	white-space: pre-line;
	word-break: break-all;
}
.privacy-admin-credit{
	text-align: right;
	margin-bottom: 1rem;
}
.privacy-credit{
	margin-top: 1rem;
}
.resize-vertical{
	resize: vertical;
}
