/*----- マージン調整 (高さ/上) -----*/
.mt { margin-top:auto;}
.mt0 { margin-top:0px;}
.mt1 { margin-top:1px;}
.mt2 { margin-top:2px;}
.mt3 { margin-top:3px;}
.mt4 { margin-top:4px;}
.mt5 { margin-top:5px;}
.mt6 { margin-top:6px;}
.mt7 { margin-top:7px;}
.mt8 { margin-top:8px;}
.mt9 { margin-top:9px;}
.mt10 { margin-top:10px;}
.mt11 { margin-top:11px;}
.mt12 { margin-top:12px;}
.mt13 { margin-top:13px;}
.mt14 { margin-top:14px;}
.mt15 { margin-top:15px;}
.mt16 { margin-top:16px;}
.mt17 { margin-top:17px;}
.mt18 { margin-top:18px;}
.mt19 { margin-top:19px;}
.mt20 { margin-top:20px;}
.mt21 { margin-top:21px;}
.mt22 { margin-top:22px;}
.mt23 { margin-top:23px;}
.mt24 { margin-top:24px;}
.mt25 { margin-top:25px;}
.mt26 { margin-top:26px;}
.mt27 { margin-top:27px;}
.mt28 { margin-top:28px;}
.mt29 { margin-top:29px;}
.mt30 { margin-top:30px;}
.mt35 { margin-top:35px;}
.mt40 { margin-top:40px;}
.mt45 { margin-top:45px;}
.mt50 { margin-top:50px;}
.mt55 { margin-top:55px;}
.mt60 { margin-top:60px;}
.mt65 { margin-top:65px;}
.mt70 { margin-top:70px;}
.mt75 { margin-top:75px;}
.mt80 { margin-top:80px;}
.mt85 { margin-top:85px;}
.mt90 { margin-top:90px;}
.mt95 { margin-top:95px;}
.mt100 { margin-top:100px;}


/*----- マージン調整 (高さ/下) -----*/
.mb { margin-bottom:auto;}
.mb0 { margin-bottom:0px;}
.mb1 { margin-bottom:1px;}
.mb2 { margin-bottom:2px;}
.mb3 { margin-bottom:3px;}
.mb4 { margin-bottom:4px;}
.mb5 { margin-bottom:5px;}
.mb6 { margin-bottom:6px;}
.mb7 { margin-bottom:7px;}
.mb8 { margin-bottom:8px;}
.mb9 { margin-bottom:9px;}
.mb10 { margin-bottom:10px;}
.mb11 { margin-bottom:11px;}
.mb12 { margin-bottom:12px;}
.mb13 { margin-bottom:13px;}
.mb14 { margin-bottom:14px;}
.mb15 { margin-bottom:15px;}
.mb16 { margin-bottom:16px;}
.mb17 { margin-bottom:17px;}
.mb18 { margin-bottom:18px;}
.mb19 { margin-bottom:19px;}
.mb20 { margin-bottom:20px;}
.mb21 { margin-bottom:21px;}
.mb22 { margin-bottom:22px;}
.mb23 { margin-bottom:23px;}
.mb24 { margin-bottom:24px;}
.mb25 { margin-bottom:25px;}
.mb26 { margin-bottom:26px;}
.mb27 { margin-bottom:27px;}
.mb28 { margin-bottom:28px;}
.mb29 { margin-bottom:29px;}
.mb30 { margin-bottom:30px;}
.mb35 { margin-bottom:35px;}
.mb40 { margin-bottom:40px;}
.mb45 { margin-bottom:45px;}
.mb50 { margin-bottom:50px;}
.mb55 { margin-bottom:55px;}
.mb60 { margin-bottom:60px;}
.mb65 { margin-bottom:65px;}
.mb70 { margin-bottom:70px;}
.mb75 { margin-bottom:75px;}
.mb80 { margin-bottom:80px;}
.mb85 { margin-bottom:85px;}
.mb90 { margin-bottom:90px;}
.mb95 { margin-bottom:95px;}
.mb100 { margin-bottom:100px;}


.site-menu a:hover {
background-color: #ffb4d3;}
    
.site-menu a.active {
background-color: #ffb4d3;}
    
.site-menu li:hover, .site-menu li.site-menuHover {
background: none repeat scroll 0 0 #ffb4d3;}
    
.section-title {
color: #ffb4d3;}
    
.underline {
background-color: #ffb4d3;}

.service-underline {
    background-color: #ffb4d3;}
    
.portfolio-filters ul li{
line-height:3.5em;}
    
.portfolio-filters ul li a:hover {
    background-color: #ffb4d3;}
    
.portfolio-filters ul li a.active {
    background-color: #ffb4d3;}
    
.portfolio-info-box div {
    color: #ffb4d3;}
    
.project-details h5 {
    color: #ffb4d3;}
    
a{color: #ffb4d3;}
a:hover{color:#ffb4d3;}
a:active{color:#ffb4d3;}

.pagination a.selected:before {
    color: #ffb4d3;}
    
.color-text {
    color: #ffb4d3;}

.contact-social li a:hover {
    color: #ffb4d3;}
    
.contact-input-area .form-button {
    background-color: #ffb4d3;}
    
    




.four_area a.margint10{
color:#ffb4d3;}

.sp_no_link a{
color:#ffb4d3;}












.w_area{
	max-width:1100px;
	margin:0 auto;
}

#breadcrumb{
	display:none;
}






.otherpage_top_img{
	width:100%;
}

.otherpage_top_img img{
	max-width:100%;
}




/*---------------------4box---------------------*/
.box4_area{
	display:flex;
	justify-content:space-between;
}

.box4{
	flex:0 1 23%;
	margin:0 1%;
	max-width:23%;
	padding:70px 10px 20px 10px;
	position:relative;
}

.box4:nth-of-type(1){
	background:#8ac3a8;
}

.box4:nth-of-type(2){
	background:#eda5ab;
}

.box4:nth-of-type(3){
	background:#f6c090;
}

.box4:nth-of-type(4){
	background:#9ad0d7;
}

.box4 a{
	width:100%;
	height:100%;
}

.box4 a:hover{
	text-decoration:none;
}

.box4 h2{
	font-family: 'Raleway', sans-serif;
	font-size:170%;
	text-align:center;
	color:#000000;
}

.box4 h1{
	font-size:130%;
	color:#000000;
	text-align:center;
	padding:10px 0 70px 0;
}

.box4_readmore{
	font-family: 'Raleway', sans-serif;
	font-size:80%;
	color:#000000;
}

.box4_yajirusi{
	position:relative;
	top:-12px;
	left:60px;
}

.box4_yajirusi:before{
	position:relative;
	top:6px;
	display:block;
	content:'';
	border-bottom:1px solid #000000;
	width:25px;
}

.box4_yajirusi:after{
	position:relative;
	left:25px;
	display:block;
	content:'';
	width:0;
	height:0;
	border:3px solid;
	border-color:transparent transparent #000000 #000000;
}

.box4_white{
	position:absolute;
	bottom:20px;
	right:0;
	font-family: 'Oswald', sans-serif;
	font-size:300%;
	color:#ffffff;
}











/*----------------------reccomend point-------------------------*/
.recommend_area{
	margin:100px 0;
	background-image:url('../images/recommend_bk.jpg');
	background-size:50px auto;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	padding:50px;
}


.recommend_area h2{
	font-family: 'Poiret One'/*'Josefin Sans'*/, sans-serif;
	font-size:250%;
	color:#f9bac3;
	position:relative;
	top:-70px;
}

.recommend_column{
	display:flex;
	justify-content:space-around;
}

.recommend_box{
}

.recommend_heart_img{
	max-width:400px;
	position:relative;
}

.recommend_heart_img img{
	max-width:100%;
}

.recommend_heart_txt{
	color:#ffffff;
	position:relative;
	top:-296px;
	font-size:150%;
	text-align:center;
}

.recommend_box h3{
	text-align:center;
	color:#000000;
	font-size:180%;
	margin-bottom: 5px;
	font-weight: bold;
}

.recommend_box h4{
	text-align:center;
	color:#000000;
	font-size:130%;
	line-height: 1.5;
	margin-bottom: 10px;
}

.recommend_rei{
	display:flex;
	padding:20px 0 20px 0;
	align-items:center;
}

.recommend_rei_box{
	padding:0 10px;
}

.recommend_rei_box img{
	max-width:70px;
}

.r_r_black{
	background:#575757;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	color:#ffffff;
	font-size:140%;
	padding:3px 20px;
	text-align:center;
}

.r_r_black_price{
	font-size:160%;
	margin-top: 10px;
	text-align: center;
}

.r_r_black_price span{
	font-size:70%;
}

.recommend_rei_box i{
	color:#ff0000;
	font-size:300%;
}

.r_r_orenge{
	background:#e79528;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	color:#ffffff;
	font-size:140%;
	padding:3px 20px;
	text-align:center;
}

.r_r_orenge_price{
	font-size:160%;
	color:#e79528;
	margin-top: 10px;
	text-align: center;
}

.r_r_orenge_price span{
	font-size:70%;
	font-weight:normal;
}

.recruit_bunner{
	max-width:40%;
	margin:0 auto;
	padding:0 0 70px 0;
}

.recruit_bunner img{
	max-width:100%;
}

.totalFont01 {
font-size: 134% !important;
font-weight: bold !important;
}

.hartBottomText {
font-size: 140%;
position: relative;
top: 20px;
line-height: 1.6;
left: 89px;
color: black;
}











/*------------------------about_area--------------------------*/
.about_area{
	margin:100px 0;
	background-image:url('../images/recommend_bk.jpg');
	background-size:50px auto;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	padding:50px;
}

.about_column{
	display:flex;
	justify-content:space-around;
	align-items:center;
}

.about_box img{
max-width: 130%;
padding: 0 150px;
position: relative;
left: -100px;
top: -50px;
}

.about_box{
	color:#000000;
	font-size:120%;
	line-height: 2.2;
}










/*--------------------------faq---------------------------*/
.faq_area h1 span{
	font-size:70%;
	padding:0 20px 0 0;
	background:#ffffff;
	position:relative;
	top:15px;
}

.faq_area h1{
	position:relative;
	margin:70px 0 30px 0;
	border-bottom:1px solid #000000;
}

.faq_detail{
	padding:0 0 80px 0;
}

.faq_box{
	position:relative;
	padding:40px 0 40px 0;
}

.faq_q{
	width:300px;
	z-index:1000;
	position:absolute;
	top:-40px;
	background:no-repeat url('../images/faq_q.png');
	background-size:300px auto;
	padding:60px 0 50px 60px;
}

.faq_q span{
	display:inline-block;
	font-size:120%;
	font-weight:bold;
	color:#000000;
	transform:rotate(-4deg);
	-webkit-transform:rotate(-4deg);
	-moz-transform:rotate(-4deg);
	-ms-transform:rotate(-4deg);
	-o-transform:rotate(-4deg);
}

.faq_q_add{
	font-size:70%;
}

.faq_a{
	z-index:900;
	position:relative;
	border:1px solid #000000;
	padding:50px;
	background:#ffffff;
	margin:0 0 0 50px;
	width:90%;
}

.faq_dot1 img,
.faq_dot2 img,
.faq_dot3 img,
.faq_dot4 img,
.faq_p1 img,
.faq_p2 img{
	max-width:100%;
}

.faq_dot1{
	background:#99cc00;
	background:contain;
	position:absolute;
	top:-20px;
	right:0;
	z-index:800;
	max-width:150px;
}

.faq_dot2{
	background:#ff0066;
	background:contain;
	position:absolute;
	top:60px;
	left:0;
	z-index:800;
	max-width:250px;
}

.faq_dot3{
	background:#ffcc00;
	background:contain;
	position:absolute;
	top:80px;
	right:0;
	z-index:800;
	max-width:250px;
}


.faq_dot4{
	background:#990099;
	background:contain;
	position:absolute;
	top:70px;
	left:60%;
	z-index:800;
	max-width:200px;
}

.faq_p1{
	position:absolute;
	max-width:10%;
	bottom:41px;
	right:100px;
	z-index:1100;
}

.faq_p2{
	position:absolute;
	max-width:15%;
	bottom:41px;
	right:100px;
	z-index:1100;
}


























/*---------------------------holiday---------------------------*/
.holiday_area{
	padding:70px 0 0 0;
}

.holiday_box{
	position:relative;
	margin:80px 0;
}

.holiday_dot{
	background:contain;
	position:absolute;
	top:20px;
	right:0;
	z-index:2000;
	max-width:200px;
}

.holiday_dot img{
	max-width:100%;
}

.holiday_detail{
	position:relative;
	z-index:2100;
	background:#ffffff;
	border:1px solid #000000;
	padding:50px;
	width:90%;
	margin:0 5%;
}

.holiday_detail h3{
	font-size:150%;
	font-weight:bold;
}

.holiday_no{
	position:absolute;
	top:-80px;
	left:0;
	z-index:2200;
	background:url('../images/holiday_no.png') no-repeat;
	background-size:150px 150px;
	width:150px;
	padding:70px 0 70px 65px;
	color:#ffffff;
	font-size:200%;
}

.holiday_img{
	max-width:300px;
	position:absolute;
	top:-30px;
	right:0;
	z-index:2300;
}

.holiday_img img{
	max-width:100%;
}

.holiday_box:nth-of-type(1) .holiday_dot{
	background:#ffcc00;
}

.holiday_box:nth-of-type(2) .holiday_dot{
	background:#ff0066;
}

.holiday_box:nth-of-type(3) .holiday_dot{
	background:#99cc00;
}

.holiday_box:nth-of-type(4) .holiday_dot{
	background:#990099;
}

.holiday_box:nth-of-type(5) .holiday_dot{
	background:#080099;
}











/*---------------------------recruit-------------------------*/
.recruit_area h1 span{
	font-size:70%;
	padding:0 20px 0 0;
	background:#ffffff;
	position:relative;
	top:15px;
}

.recruit_area h1{
	position:relative;
	margin:70px 0 30px 0;
	border-bottom:1px solid #000000;
}

.tokuten_area{
	display:flex;
	flex-wrap:wrap;
}

.tokuten_box{
	flex:0 1 50%;
	max-width:50%;
	position:relative;
}

.tokuten_box img{
	max-width:100%;
}

.recruit_padding{
	padding:0 50px;
}

.tokuten_detail1{
	position:absolute;
	top:33%;
	left:23%;
	max-width:250px;
	transform:rotate(-2deg);
}

.tokuten_detail2{
	position:absolute;
	top:40%;
	left:27%;
	max-width:250px;
	transform:rotate(3deg);
}

.tokuten_detail3{
	position:absolute;
	top:35%;
	left:27%;
	max-width:250px;
	transform:rotate(2deg);
}

.tokuten_detail4{
	position:absolute;
	top:40%;
	left:27%;
	max-width:250px;
	transform:rotate(1deg);
}

.flow_column{
	display:flex;
}

.flow_box{
	position:relative;
	flex:0 1 23%;
	max-width:23%;
}

.flow_box img{
	max-width:100%;
}

.flow_txt{
	position:absolute;
	text-align:center;
	margin:0 20px 0 0;
	top:50px;
	left:0;
	right:0;
	font-size:120%;
	font-weight:bold;
	color:#000000;
}

table.guide_table{
	width:100%;
	border:2px solid #000000;
	margin:0 0 50px 0;
}

table.guide_table th{
	padding:20px 0;
	text-align:center;
	border-bottom:1px solid #dcdcdc;
	width:25%;
}

table.guide_table td{
	padding:20px 0;
	border-bottom:1px solid #dcdcdc;
	width:75%;
}

.recruit_bunner2 img{
    max-width:50%;
    padding:0 20px;
}








/*-----------------mail ICON--------------*/
.mail_icon{
	position:fixed;
	z-index:9999999;
	bottom:170px;
	right:0;
}

.mail_icon a{
	background:#ed779e;
}

.mail_icon a:hover{
	background:#e4336e;
	text-decoration:none;
}

.mail_icon a,
.line_icon a{
	color:#ffffff;
	padding:10px 20px 10px 30px;
	border-radius:30px 0 0 30px;
	-webkit-border-radius:30px 0 0 30px;
	-moz-border-radius:30px 0 0 30px;
}

.mail_icon a i,
.line_icon a i{
	padding:0 20px 0 0;
	font-size:200%;
	position:relative;
	top:5px;
}

.line_icon{
	position:fixed;
	z-index:9999999;
	bottom:120px;
	right:0;
}

.line_icon a{
	background:#62bf39;
}

.line_icon a:hover{
	text-decoration:none;
	background:#448427;
}
















/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
           Tablet_yoko
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media only screen and (min-width: 1023px) and (max-width: 1280px) {

.w_area{
	padding:0 20px;
}

.recommend_area{
	padding:30px;
}

.recommend_area h2{
	top:-50px;
}

.tokuten_detail2{
	max-width:230px;
}

.tokuten_detail4{
	max-width:230px;
}









}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
           Tablet_tate
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media only screen and (min-width: 767px) and (max-width: 1022px) {
    
    
    .w_area{
	padding:0 20px;
}





.box4_area{
    display:flex;
	flex-wrap:wrap;
}

.box4{
	flex:0 1 48%;
	margin:1%;
	max-width:48%;
	padding:70px 10px 20px 10px;
}




.recommend_column{
	display:block;
}

.recommend_box{
}

.recommend_heart_img{
	margin:0 auto;
}

.recommend_rei{
	justify-content :center;
}





.about_column{
	display:block;
}

.about_box img{
	max-width:100%;
	padding:0 250px 50px 250px;
}

.about_box{
	color:#000000;
	font-size:120%;
}

.mt50{
    padding:50px 0 0 0;
}


.recruit_padding{
	padding:0;
}

.tokuten_detail1{
	top:30%;
	max-width:200px;
}

.tokuten_detail2{
	max-width:200px;
}

.tokuten_detail3{
	max-width:200px;
}

.tokuten_detail4{
	top:35%;
	max-width:200px;
}

.flow_txt{
	top:40px;
}












}







/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
           Smart Phone_yoko  Only                        
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media only screen and (min-width: 480px) and (max-width: 766px) {
    
    
    
    
    .w_area{
	padding:0 20px;
}





.box4_area{
    display:flex;
	flex-wrap:wrap;
}

.box4{
	flex:0 1 48%;
	margin:1%;
	max-width:48%;
	padding:70px 10px 20px 10px;
}




.recommend_column{
	display:block;
}

.recommend_box{
}

.recommend_heart_img{
	margin:0 auto;
}

.recommend_rei{
	justify-content :center;
}





.about_column{
	display:block;
}

.about_box img{
	max-width:100%;
	padding:0 250px 50px 250px;
}

.about_box{
	color:#000000;
	font-size:120%;
}

.mt50{
    padding:50px 0 0 0;
}


.recruit_padding{
	padding:0;
}

.tokuten_detail1{
	top:30%;
	max-width:200px;
}

.tokuten_detail2{
	max-width:200px;
}

.tokuten_detail3{
	max-width:200px;
}

.tokuten_detail4{
	top:35%;
	max-width:200px;
}

.flow_txt{
	top:40px;
}





}







/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
           Smart Phone_tate  Only                        
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

@media only screen and (max-width: 479px) {
    
    
    
        .w_area{
	padding:0 20px;
}





.box4_area{
    display:flex;
	flex-wrap:wrap;
}

.box4{
	flex:0 1 48%;
	margin:1%;
	max-width:48%;
	padding:30px 10px 20px 10px;
}

.box4 h1{
	padding:10px 0 40px 0;
}

.box4_readmore{
    position:absolute;
	bottom:15px;
}

.box4_white{
	font-size:150%;
}


.recommend_area{
	padding:20px;
}

.recommend_area h2{
	font-size:200%;
	top:-50px;
}

.recommend_column{
	display:block;
}

.recommend_box{
}

.recommend_heart_img{
	margin:0 auto;
	max-width:100%;
}

.recommend_heart_txt{
    font-size:120%;
    top:-150px;
}

.recommend_rei{
	justify-content :center;
}


.recommend_box h3{
	font-size: 136%;
}

.recommend_box h4{
	font-size:120%;
}

.recommend_rei{
	flex-wrap:wrap;
}

.recommend_rei_box{
	max-width:100%;
	flex:0 1 100%;
	margin:0 auto;
	text-align:center;
	padding:10px;
}

.recommend_rei_box i{
    transform:rotate(90deg);
}

.recruit_bunner{
	max-width:100%;
	margin:0 auto;
	padding:0 0 70px 0;
	margin-top: 100px;
}





.faq_a{
	margin:0;
	width:100%;
}

.faq_dot1{
	top:-30px;
	right:-20px;
}

.faq_dot2{
	top:200px;
	left:-20px;
	max-width:200px;
}

.faq_dot3{
	top:240px;
	right:-20px;
	max-width:200px;
}


.faq_dot4{
	top:250px;
	left:60%;
}

.sp_dot2{
    top:100px;
}




.holiday_img{
	max-width:300px;
	top:200px;
	left:20px;
}

.holiday_detail{
	padding:70px 30px 300px 50px;
}

.holiday_dot{
	top:330px;
	right:-20px;
}

.about_column{
	display:block;
}

.about_box img{
	max-width:100%;
	padding:0 20px 30px 20px;
	position: initial;
}

.about_box{
	color:#000000;
	font-size:120%;
	max-width:100%;
}

.mt50{
    padding:50px 0 0 0;
}





.tokuten_area{
	display:block;
}

.tokuten_box{
	flex:0 1 100%;
	max-width:100%;
}





.recruit_padding{
	padding:0;
}

.tokuten_detail1{
	top:30%;
	left:26%;
	max-width:160px;
}

.tokuten_detail2{
	max-width:180px;
}

.tokuten_detail3{
	max-width:180px;
}

.tokuten_detail4{
	top:35%;
	max-width:180px;
}

.tokuten_box h2{
    font-size:150%;
}





.flow_column{
	display:flex;
	flex-wrap:wrap;
}

.flow_box{
	flex:0 1 48%;
	max-width:48%;
}

.flow_txt{
	top:50px;
	left:0;
	right:0;
}

table.guide_table{
	width:100%;
	border:2px solid #000000;
	margin:0 0 50px 0;
}

table.guide_table th{
	padding:20px 10px 10px 10px;
	border-bottom:none;
	text-align:left;
	width:100%;
	display:block
}

table.guide_table td{
	padding:0 10px 20px 10px;
	border-bottom:1px solid #dcdcdc;
	width:100%;
}



.recruit_bunner2 img{
    max-width:100%;
    padding:10px 0;
}




}