/* care.4ki.co.jp by IDCFS */
/* BASE COLOR --- rgb(255,110,165) */

/* TEMP CSS */
.slide_now{position:absolute;width:100%;margin:auto;left:0;right:0;text-align:center;line-height:4em;z-index:100;margin-top:-6em}
.mobile .vertical .slide_now{margin-top:-4em;}
.slide_now span{background-image:none;color:#666;font-size:1em;position:static;padding:0.5em}

/* コンテンツコントロール */



/* START */

html,body{width:100%;height:100%;color:#222;}
a{transition:0.5s;}
a:hover{transition:0.5s}


.h_logo{height:65px;width:auto;margin-top:35px;margin-left:35px;}
.hcvc{width:90%;height:250px;}
.hcvc img{transition:0.1s}
.plusk{position:absolute;max-width:800px;width:80%;}
.plus,.k{opacity:0;height:100px;display:block;}
.k{margin-top:5px;}
@media only screen and (max-width:768px){
	.h_logo{height:45px;}
	.hcvc{height:120px}
	.vertical .plusk{opacity:0;}
	.vertical .plus,.vertical .k{opacity:1;}
	body .vertical .hcvc{height:200px;}
	body .vertical .introduction{top:220px;max-width:220px;}
	.mobile .horizonal .plusk{width:65%;}
	.mobile .horizonal #menu_layer, .mobile .horizonal .btn_down{display:none}
}
.introduction{position:absolute;top:250px;margin-top:3.5em;color:white;}
.introduction .mobile_only{font-size:12px;}





.open .btn_open_close{color:rgba(0,0,0,1);}
.btn_open_close{-webkit-trasform:rotate(90deg);transition:0.2s;font-size:6em;line-height:0em;position:fixed;top:30px;right:20px;z-index:101;color:rgba(256,256,256,1);}
#menu_layer.open{margin-right:0;}
#menu_layer.close{margin-right:-220px;}
#menu_layer.open:hover .btn_open_close{transform:rotate(0deg);}
#menu_layer{transition:0.2s;height:100%;position:fixed;width:220px;background-color:rgba(256,256,256,0.8);color:#333;z-index:100;right:0;top:0;padding-top:9em;}
#menu_layer ul{margin-left:10px;line-height:2em;}
#menu_layer ul li{line-height:2em;text-align:left;}
#menu_layer li a{font-size:1.2em;line-height:1.2em;}
#menu_layer .btn_open_close img{height:0.5em;}
#menu_layer .btn_open_close img:hover{opacity:0.5;}
@media only screen and (max-width:768px){#menu_layer li a{font-size:1em;line-height:2em;}}
/*---------------------------*/
#menu_layer li.top{border-top:1px solid #333;margin-bottom:2em;}
/*---------------------------*/
#menu_layer li.about{border-top:1px solid #333;margin-bottom:4em;}
/*---------------------------*/
#menu_layer li.standard_short{border-top:1px solid #333;}
#menu_layer li.standard_long{margin-bottom:2em;}
/*---------------------------*/
#menu_layer li.contact{border-top:1px solid black;}
#menu_layer li.company{margin-bottom:2em;}



#top{background-color:rgb(255,110,165);}
#top .centering_box{padding-top:0px;}

#top .top_logo{max-height:400px;width:auto;max-width:none;}
#top .top_text{line-height:1.3em;color:#fff/*rgb(255,100,150)*/;font-size:3em;font-weight:300;}
#top .down{max-height:128px;width:auto;display:block;margin:0 auto;position:absolute;bottom:2em;left:0;right:0;}
.mobile .h128{max-height:30px;}



@media only screen and (max-width:320px){
	.h085{min-height:60px;}
	.h12{min-height:60px;}
	#top .top_logo{max-height:180px;}
	#top .top_text,#contents_slider li h3{font-size:1.5em;}

}
@media only screen and (min-width:321px) and (max-width:767px){
	.h085{min-height:80px;}
	.h12{min-height:60px;}
	#top .top_logo{max-height:250px;}
	#top .top_text,#contents_slider li h3{font-size:1.7em;}

}

/* CONTENTS SLIDER*/
#contents_slider li{}
#contents_slider h3{font-size:3em;font-weight:300;}

#contents_slider .description{font-size:1.5em}
@media only screen and (max-width:767px){#contents_slider .description{font-size:1.2em;font-weight:400 !important;}}
#o0,#o1{background-color:#fff /*rgb(255,110,165)*/;color:#333/*#fff*/;}
#o0 .description{max-width:600px;margin:0 auto;font-weight:300;}
#o1 img{max-width:500px;width:60%;min-width:250px;}
#o0 img{max-width:200px;width:25%;min-width:120px;}
#o0 h4{margin-bottom:5em;}
@media only screen and (max-width:767px){
	#o0 centering_box{psdding-top:5em;}
	#o0 h4{margin-bottom:3em}
}

/* STANDARD PLAN */
@media only screen and (max-width:767px){
	section.standard_plan .centering_box{padding:2em 0 0 0;}
	.standard_plan h2{margin-bottom:1em}
	.standard_plan .right{padding-top:0;}
}
.standard_plan{background-color:#eee;}
.standard_plan .inner_box img{max-width:90%;} @media only screen and (max-width:767px){.standard_plan .inner_box img{max-width:100%;}}
.standard_plan h2{height:3.6em;font-size:2em;letter-spacing:0.05em;line-height:1.2em;}
.standard_plan h3{color:rgb(255,110,165);font-size:1.5em;font-weight:700;border-bottom:1px solid rgb(255,110,165);margin-bottom:0.3em;}
.standard_plan h3.sub{margin-bottom:0.6em;}
.standard_plan .overview{margin-bottom:3em;}
.standard_plan h5{text-decoration:underline;line-height:2em;}
.btn_contact{text-align:right;}
.btn_contact span{padding:0.2em 2em 0.2em 2em;background-color:rgb(255,110,165);color:#fff;text-align:right;}
.btn_contact span:hover{text-decoration:underline;}


 
.left .inner_box{margin-right:20px;}
.right .inner_box{margin-left:20px;}
.left,.right{text-align:left;width:50%;max-width:500px;border:0px solid black;box-sizing:border-box; padding-top:3em;}

@media only screen and (max-width:767px){
	body .left, body .right{width:100%;float:none;margin:0 auto;}
	body .left{margin-bottom:4em;}
	.left .inner_box,.right .inner_box{margin:0;}
	.left .inner_box{margin-bottom:0em;}
}
body section .centering_box{padding:7em 0;}
body section#margin{padding:0;}
body section#bottom{padding-bottom:0em;}
#contents_slider{background-color:#fff}
section h2,.text_logo{font-size:4em;font-weight:600;line-height:1em;}
.text_logo{color:#ff797c;}
section h2{margin-bottom:2em;}
section h3{font-size:1.2em;margin-bottom:1.5em}
@media only screen and (max-width:767px){section h3{margin-bottom:3em}}

#plus_k{background-color:#000;color:#fff;}
.plus_k_s{height:5em;width:auto;margin-bottom:2em;}
.description{text-align:justify;}

#bottom{background-color:rgb(240,240,240);color:rgb(75,75,75);}

#information .inner_box{}

/* CONTACT FORM*/

#contact_form.left .inner_box{}
#contact_form .text_logo{color:black;}
#contact_form h2{height:3.6em;font-size:2em;letter-spacing:0.05em; color:rgb(255,100,150);margin-bottom:1em}
@media only screen and (max-width: 767px){}
#contact_form .centering_box{padding-top:80px;}
#contact_form .title_logo{line-height:2em;padding-bottom:2em;}
#contact_form .contact_message{color:white;font-size:18pt;font-weight:100;line-height:1.4em;letter-spacing:0.1em;}
#contact_form form{text-align:left;font-size:12pt;line-height:1.5em;}
#contact_form input{height:22px;margin-bottom:25px;font-size:12pt !important;padding:5px;}
#contact_form textarea{height:200px;padding-bottom:35px;font-size:12pt !important;padding:5px;margin-bottom:20px;}
#contact_form input[type="submit"]{width:150px;font-size:10pt !important;height:30px;}
#contact_form input,#contact_form textarea{width:90%;}/*max-width:440px;*/
#contact_form submit{border:1px solid white;}
@media only screen and (max-width: 767px){
	#contact_form input,#contact_form textarea{font-size:12px !important;width:90%;}
	#contact_form input{height:15px !important;margin-bottom:15px;}
	#contact_form textarea{height:120px;margin-bottom:15px;}
	#contact_form input[type="submit"]{height:28px !important;}
}

#company.right .inner_box{margin-left:60px;}
@media only screen and (max-width: 767px){
	#company .inner_box .tel{font-size:2.5em;margin-bottom:0;}
	#company.right .inner_box{margin-left:0;margin-bottom:4em;}
	#company .inner_box p{line-height:1.9em;}
}
#company .inner_box h3{font-size:1em;margin-bottom:0;}
.ks_s{height:10em;width:auto;margin-bottom:2em;}
.tel{font-size:3em;color:rgb(75,75,75);font-weight:600;line-height:1.2em}
#company p{line-height:1.9em;}
.mail{margin-bottom:3em;}
.url{margin-bottom:1em;}
.gray{color:rgb(75,75,75);text-decoration:underline;}



@media screen and (orientation: landscape) {


}

@media screen and (orientation: portrait) {
}