@charset "UTF-8";



/* CSS Document */


/*

@font-face {
font-family: 'Mplus';
src: url('/wp-content/themes/customify/fonts/MPLUSRounded1c-Regular.ttf') format('truetype');
}

@font-face {
font-family: 'mamemoji';
src: url('/wp-content/themes/customify/fonts/mamemoji.ttf') format('truetype');
}

@font-face {
font-family: 'GenShinGothic';
src: url('/wp-content/themes/customify/fonts/GenShinGothic-Regular.ttf') format('truetype');
font-size: 24px;
}
*/

/*----------------------------------------------------------------------*/
a[href^="tel:"] {
  pointer-events: none;
}

 img {
image-rendering: -webkit-optimize-contrast;
}


ol,
ul {

list-style: none;
}
a {
text-decoration: none;
color: inherit;
}

h2,h3,h4{
margin:0;
padding:0;
}
​
img {
width: 100%;
height: auto;
vertical-align: bottom;
display: block;
}
​
*,
*:before,
*:after {
box-sizing: border-box;
}

html {
box-sizing: border-box;
margin:0px!important;
font-size:0.95em;
}

body{
margin:0px;
padding:0px;
font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
color: #595757;
}


@supports (-webkit-touch-callout: none) {
  body {
    /* The hack for Safari */
    height: -webkit-fill-available;
  }
}


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

.disp_pc{
display:block!important;
}
.disp_sp{
display:none!important;
}

.pc_br{
display:inline-block!important;
}
.sp_br{
display:none!important;
}


.mt20{
margin-top:20px!important;
}
.mt30{
margin-top:30px!important;
}
.mt40{
margin-top:40px!important;
}
.mt50{
margin-top:50px!important;
}
.mt80{
margin-top:80px!important;
}

.txt_ore{
color:#D38190!important;
}



p {
font-size:1rem;
line-height:210%;
}

.txt_pink{
	color:#D38190!important;
	}

.txt_center{
width:100%;
text-align:center;
}


.mamemoji{
font-size:1.5rem;
}





.anchor::before {
content:'';
display: block;
padding-top: 105px;
margin-top: -105px;
}

#site-content{
margin:-80px;
padding:0px;
}

.site-content{
margin:0px;
padding:0px;
}


.content-inner{
margin:0px;
padding:0px;
}

.n2_clear{
margin:0px;
padding:0px;
}

.top_slide{
margin-top:0px;
display:block;
}


.n2_clear{
margin-top:-50px!important;
transform: translate3d(0px, -25px, 0px)
}



.top_slide {
width: 100%;
height: 510px;
/*padding-top: 75%;*/
background-image: url('/img/catch.jpg');
background-position: center;
object-fit: cover;
background-size: cover;
background-repeat: no-repeat;
}



@media screen and (min-width: 1850px) {
.top_slide {
width: 100%;
padding-top: 5%;
background-image: url('/img/catch.jpg');
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}

.top_slide_title{
width:40%;
max-width :450px;
min-width :310px;
position:absolute;
top:7%;
left:calc(50% - 590px)!important;
}

}

.bg_blu{
position: relative;
background: #2c3e50;
height: 50vh;
}

.bg_blu::after {
content: '';
position: absolute;
right: 0;
left: -17%;
top: 100%;
z-index: 10;
display: block;
height: 15px;
background-size: 15px 100%;
background-image: linear-gradient(135deg, #2c3e50 25%, transparent 25%), linear-gradient(225deg, #2c3e50 25%, transparent 25%);
background-position: 0 0;
}







@keyframes sample01 {
0% {
opacity: 0;
transform: translateY(-30px);
}
100%{
opacity: 1;
transform: translateY(0);
}

}



#head_wrap {
top: 0px;
position: relative;
width: 100%;
margin: 0px auto 0;
line-height: 1;
z-index: 999;
height: 80px;
text-decoration: none;
/*box-shadow: 0px -3px 6px 0px #aaa;*/

background-color : transparent; 

}

.hfixed{
position: fixed!important;
display:block;
opacity: 0;
animation-name:sample01;
animation-duration:0.5s; 

animation-fill-mode: forwards;　
z-index: 999;
height: 66px;
background-color:#DD9EA8!important;
box-shadow: 0px -3px 6px 0px #aaa;
}





#head_wrap a {
text-decoration: none;
}

#head_wrap .logo {
float: left;
width:270px;
height:45px;
margin: 22px 0 0 30px;
background-image: url('/img/logo_pin.png');
background-size: contain;
/*background-size: 250px auto;*/
background-repeat: no-repeat;
text-indent:-9999px;
image-rendering:high-quality;
}


.hfixed .logo {
background-image: url('/img/logo_whi.png')!important;
}



#global-nav {
position: absolute;
right: 0;
top: 0px;
}
#global-nav ul {
list-style: none;
font-size: 14px;
margin:0;
padding:0;
}
#global-nav ul li {
display:inline-block;
padding: 0px 0px 0px 0px;
margin:0 10px 0 10px;
text-align:center;
width:auto;
transition:0.5s;
}


#global-nav ul li.mail{

}

#global-nav ul li.spmenu_title{
	display:none;
	}

.top_slide{
width:100%;
position:relative;
}


.top_slide {
display: block;
width: 100%;
height: 700px;
background: url(/img/catch_bg.png) repeat-x left bottom;
background-repeat: repeat-x;
position:relative;
}

.top_slide_img{
	display: block;
width: 84%;
height:500px;
background: url(/img/chachi2.png) no-repeat;
background-position: center center;
background-size:contain;
position:absolute;
top:120px;
left:8.4%;
	}
	
	
	
.top_slide_title{
width:40%;
max-width :450px;
min-width :310px;
position:absolute;
top:7%;
left:calc(50% - 560px);
}
.top_slide_title img{
width:100%;
height:auto;
}

.top_slide a {
position: absolute;
left: 0;
right: 0;
bottom: 20px;
margin: auto;
width: 32px;
padding:20px 0 20px 0;
animation-name:updown1;   /* アニメーション名の指定 */
animation-delay:0s;   /* アニメーションの開始時間指定 */
animation-duration: 1.3s;   /* アニメーション動作時間の指定 */
animation-timing-function: ease-in-out;  /* アニメーションの動き指定（徐々に早く）*/
animation-iteration-count: infinite; 
}

.top_slide a img {
width:100%;
height:auto;
opacity: 0.7;
}


.top_slide a:hover {
animation-name:updown1;   /* アニメーション名の指定 */
animation-delay:0s;   /* アニメーションの開始時間指定 */
animation-duration: 1.3s;   /* アニメーション動作時間の指定 */
animation-timing-function: ease-in-out;  /* アニメーションの動き指定（徐々に早く）*/
animation-iteration-count: infinite; 
}

@keyframes updown1 {
0% {
transform: translateY(0);
}
50% {
transform: translateY(10px);
}
100% {
transform: translateY(0);
}
}


.second_slide {
display: block;
width: 100%;
height: 280px;
background: url(/img/chachi_sub.png) no-repeat;
background-size: cover;
background-position: center;
position:relative;
}

.second_slide_title {
display: block;
width: 470px;
height:auto;
position:absolute;
top:calc(50% - 50px);
left:10%;
 
}

.second_slide_title img{
	width:100%;
	height:auto;
	}




#global-nav ul li:last-child {
border-right: none;
}
#global-nav ul li a {
width:auto;
line-height:100%;
text-align:center;
padding: 35px 10px 10px 10px;
box-sizing: border-box;
font-weight:300;
display:block;
font-size:0.9rem;
transition:0.5s;
color:#595757;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
-moz-font-feature-settings: "palt";
/*text-shadow: 4px 4px 4px #DD9EA8, -4px -4px 4px #DD9EA8, -4px 4px 4px #DD9EA8,  4px -4px 4px #DD9EA8;*/

}

.hfixed #global-nav ul li a {
width:auto;
line-height:100%;
text-align:center;
padding: 35px 10px 10px 10px;
box-sizing: border-box;
font-weight:300;
display:block;
font-size:0.8rem;
transition:0.5s;
color:#fff;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
-moz-font-feature-settings: "palt";
/*text-shadow: 4px 4px 4px #DD9EA8, -4px -4px 4px #DD9EA8, -4px 4px 4px #DD9EA8,  4px -4px 4px #DD9EA8;*/

}




#global-nav ul li a:hover{
opacity:0.4;
} 


#global-nav ul li.mail a img {
transition: .3s;
}
#global-nav ul li.nav_mail img {
width: 20px;

}

#global-nav ul li.nav_mail a {
    box-sizing: border-box;
    display: block;
    background: #DD9EA8;
    width: 60px;
    height: 60px;
    margin-top: 7px;
    padding: 20px 0 20px 0;
    text-align: center;
    filter: alpha(opacity = 80);
    -moz-opacity: 1;
    opacity: 1;
    
}


.hfixed #global-nav ul li.nav_mail a {
    box-sizing: border-box;
    display: block;
    background:#898989;
    width: 60px;
    height: 60px;
    margin-top: 7px;
    padding: 20px 0 20px 0;
    text-align: center;
    filter: alpha(opacity = 80);
    -moz-opacity: 1;
    opacity: 1;
   
}


#nav-toggle {
display: none;
position: absolute;
right: 12px;
top: 14px;
width: 26px;
height: 26px;
cursor: pointer;
z-index: 101;
}
#nav-toggle div {
position: relative;
}

#nav-mail {
display: none;
position: absolute;
right: 62px;
top: 14px;
width: 26px;
height: 26px;
cursor: pointer;
z-index: 101;
}

.blue_bg{
background:url(/img/pink_bg.png);
position:relative;
padding-top: 1px 
}

/*
.blue_bg:before {
position: absolute;
top: -34px;
left: 0;
width: 100%;
height: 34px;
margin: auto;
background-image: url(/img/pink_upper_bg.png);
background-repeat: repeat-x;
content: "";
}
*/












/**/





.white_bg{
background:url(/img/white_bg.png);
position:relative;
padding-top: 1px 
}


.white02_bg{
background:url(/img/white_bg.png);
position:relative;
padding-top: 1px 
}

.white_nbg{
background:url(/img/white_bg.png);
position:relative;
padding-top: 1px 
}


.nain_contents{
width:1060px;
margin:0 auto;
margin-top:60px;
padding-bottom:60px;
}

.nain_contents02 {
width: 1060px;
margin: 0 auto;
padding-bottom: 80px;
}


.nain_contents_top{
width:1060px;
margin:0 auto;
margin-top:110px;
padding-bottom:60px;
}


.nain_contents_sec{
width:1060px;
margin:0 auto;
margin-top:60px;
padding-bottom:60px;
}

.nain_contents_topicspage{
width:900px;
margin:0 auto;
margin-top:60px;
padding-bottom:160px;
}

.center_box{
width:100%;
display:block;
text-align:center;
}


.h_catch{
font-size:2.3rem;
color:#666;
line-height:100%;
font-weight:normal;
text-align:center;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
-moz-font-feature-settings: "palt";
margin-top:0px;
padding:0;
}

.h_catch_s{
font-size:1.7rem;
color:#666;
line-height:100%;
font-weight:normal;
text-align:center;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
-moz-font-feature-settings: "palt";
margin-top:50px;
padding:0;
}


.page-template-page-hierarchy-page #head_wrap {
 box-shadow: 0px -3px 6px 0px #aaa;
		}
		
.archive #head_wrap {
 box-shadow: 0px -3px 6px 0px #aaa;
		}

.single #head_wrap {
 box-shadow: 0px -3px 6px 0px #aaa;
		}
		
.error404 #head_wrap {
 box-shadow: 0px -3px 6px 0px #aaa;
		}

.form_exp{
	width:82%;
	margin:0 auto;
	margin-top:60px;
	}

.foram_area{
	margin-top:	120px;	
	}

.h_main{
width: 80%;
font-size: 28px;
text-align: center;
padding: 8px 0 5px 0;
background: #898989;
color: #fff;
margin: 0 auto;
margin-top: 0px;
letter-spacing: 0.08em;
font-family: "M PLUS Rounded 1c", sans-serif;
font-weight: 300;
}

.h_contact{
width: 80%;
font-size: 3.5rem;
text-align: center;
padding:0;
color: #595757;
margin: 0 auto;
margin-top: 0px;
letter-spacing: 0.01em;
font-family: "M PLUS Rounded 1c", sans-serif;
font-weight: 300;
line-height:100%;
}
.h_contact_sub {
width: 100%;
margin-top: 22px;
padding:0;
text-align:center;
color: #595757;
font-size: 1.22em;
font-weight: 600;
line-height:100%;
}


.h_main_p{
width: 80%;
font-size: 28px;
text-align: center;
padding: 8px 0 5px 0;
background: #fff;
border:solid 1px #DD9EA8;
color: #DD9EA8;
margin: 0 auto;
margin-top: 0px;
letter-spacing: 0.08em;
font-family: "M PLUS Rounded 1c", sans-serif;
font-weight: 300;
}

.h_sub{
width: 80%;
font-size: 28px;
text-align: center;
padding: 8px 0 5px 0;
background: #fff;
border:solid 1px #595757;
color: #595757;
margin: 0 auto;
margin-top:0px;
letter-spacing: 0.08em;
font-family: "M PLUS Rounded 1c", sans-serif;
font-weight: 300;
}

.news_contact{
width: 80%;
font-size: 2.5rem;
text-align: center;
padding:0;
color: #595757;
margin: 0 auto;
margin-top: 0px;
letter-spacing: 0.01em;
font-family: "M PLUS Rounded 1c", sans-serif;
font-weight: 300;
line-height:100%;
}

.two_colum_box{
width:100%;
padding-top:60px;
display:flex;
}
.two_colum_box_l{
width:57%;
}
.two_colum_box_r{
width:43%;
padding-left:6%;
}
.two_colum_box_r img{
margin-top:5px;
}

.two_colum_box h3{
font-size:1.4rem;
color:#D38190;
display:inline-block;
position:relative;
margin:0 auto;
font-weight:normal;
text-align:center;

}

.two_colum_box img {
border-radius: 25px;
width:100%;
height:auto;
}

ul.txt_kajyo{
margin: 18px 0 0 0;
padding: 0;
}

ul.txt_kajyo li{
background:url(/img/list_ico01.png) no-repeat 0px 5px;
background-size:auto 11px;
padding-left: 17px;
line-height:170%
}


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

.whatsnew dt {
font-size: 0.9rem;
color: #999;
width:100%;
display:block;
}
.whatsnew dt {
font-size: 0.85rem;
color:#DD9EA8;
}
.whatsnew dd {
line-height: 150%;
margin-top: 10px;
margin-left:0px;
font-size:0.95rem;
color:#595757;
transition: 0.3s;
}

.whatsnew dd a{
	color:#595757;
	}
	
	
.whatsnew dd:hover {

opacity:0.6;
}	


.link_button {
margin: 0 auto;
margin-top: 5px;
width: 550px;
text-align: center;
}

.design_button {
display: inline-block;
width: 100%;
max-width: 350px;
color: #DD9EA8;
border: 1px solid #DD9EA8;
background: #fff;
padding: 0.4em 1em;
text-decoration: none;
text-align: center;
transition: 0.3s;
font-size: 1.15rem;
box-sizing: border-box;
}

.design_button:hover {
color: #fff; /* 文字色 */
background: #DD9EA8; /* 背景色 */
}


.design_button_not {
display: inline-block;
width: 100%;
max-width: 350px;
color: #898989;
border: 1px solid #DD9EA8;
background: #fff;
padding: 0.5em 1em;
text-decoration: none;
text-align: center;
transition: 0.3s;
font-size: 1.1rem;
box-sizing: border-box;
}



.txtl_catch_c {
padding: 0 !important;
margin-top: 60px;
font-size: 1.8rem;
line-height: 1.5;
font-weight:normal;
text-align: center;
color:#D38190;
}
.txtl_catch_c i {
display: block;
font-weight: 200;
margin-top: -3px;
font-size: 0.8rem;
line-height: 1;
font-style: normal;
text-align: center;
font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


.txtl_catch02_c {
padding: 0 !important;
margin-top: 20px;
font-size: 1.5rem;
line-height: 1.5;
font-weight: normal;
text-align: center;
color:#D38190;
}

.txtl_catch_c_news {
padding: 0 !important;
margin-top: 60px;
font-size: 1.9rem;
line-height: 1.5;
font-weight:600;
text-align: center;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
-moz-font-feature-settings: "palt";
}
.txtl_catch_c_news i {
display: block;
font-weight: 200;
margin-top: -3px;
font-size: 0.9rem;
line-height: 1;
font-style: normal;
text-align: center;
font-weight:600;
}



/*---------Foofer---------*/


.footer_info{
width:100%;

}


.footer_navi {
margin-top:0px;
background-color:#FDF8F9;
border-bottom:solid 1px #EFC4CE;
}
.footer_navi .inner {
width: 1060px;
margin: 0 auto;
padding:20px 0 20px 0;

}
.footer_navi ul {
position: relative;
width: 100%;
text-align: center;

}
.footer_navi ul li {
display: inline-block;
position: relative;
height: inherit;
}

.footer_navi ul li {
display:inline-block;
padding:0;
margin: 0 0px 0 0px;
text-align: center;
width: auto;

transition: 0.5s;
}

.footer_navi ul li a {
width: auto;
text-align: center;
padding: 1px 30px 1px 30px;
transition: all .6s ease 0s;
box-sizing: border-box;
font-family: Mplus!important;
display: inline-block;
font-size: 0.8rem;
color:#595757;
transition: 0.5s;
text-decoration:none;
border-right: solid 1px #aaa;
}

.footer_navi ul li:last-child a {
border-right:none;
}
.footer_navi ul li a:hover {
color:#D38190;
}


.footer_info{
width:100%;
margin:0 auto;
margin-top:30px;
}


.footer_inner{
display: flex;
justify-content: space-between;

}

.footer_info_logo{
width:50%;
text-align:center;
}
.footer_info_tel{
width:50%;
text-align:center;
}

.footer_info_logo ul{
width:100%;
margin: 0;
padding: 0;
}
.footer_info_logo ul li{
width:100%;
display:block;
text-align:center;
font-size:0.8rem;

}


.footer_info_logo ul li a{
width:100%;
display:block;
text-align:center;
font-size:0.8rem;
width:268px;
height:46px;
margin: 0 auto;
background-image: url('/img/logo_whi.png');
background-size: contain;
/*background-size: 250px auto;*/
background-repeat: no-repeat;
text-indent:-9999px;
image-rendering:high-quality;
}

.footer_info_logo ul li img{
width:270px;
height:auto;
}

.footer_info_tel ul{
width:100%;
margin: 0;
padding: 0;
}
.footer_info_tel ul li{
width:100%;
margin: 0;
padding: 0;
line-height:80%;
}


.footer_info_add{
font-size:0.9rem;
}

.footer_info_telno{
font-size:2.2rem;
line-height:100%;
margin-top:-10px;
}
.footer_info_telno a{
font-family: "M PLUS Rounded 1c", sans-serif;
font-weight: 300;
padding:0;
margin:0;
line-height:100%;
font-size:1.3rem;
color:#595757;
}
.footer_info_telno a:hover{
color:#595757;
}

.copy {
border-top:solid 1px #ccc;
padding: 12px 0px 4px 0px;
text-align: center;
font-size:0.95rem;
}


.sst_flow01{
display:block;
box-sizing: border-box;
margin-top:70px;
width:100%;
text-align:center;
}

.sst_flow02{
box-sizing: border-box;
display:block;
margin-top:70px;
width:100%;
}

.sst_flow01 img{
width:100%;
height:auto;
margin:0 auto;
}
.sst_flow02 img{
width:100%;
height:auto;
height:auto 0;
}



.sst_flow_list{
display:inline-block;
margin:0 auto;
margin-top:0px;
padding-left:24%;
}

.sst_flow_list ul{
display:block;
margin:0 auto;
margin-top:25px;
padding: 0;
overflow:hidden;
}


.sst_flow_list ul li{
background:url(/img/list_ico02.png) no-repeat 0px 6px;
background-size:auto 12px;
padding-left: 17px;
line-height:170%;
float:left;
color:#D38190;
font-size:1.1rem;
font-weight:bold;
margin:0 10px 0 10px;
}



.usage_flow {
display: flex;
margin-top:80px;
justify-content: space-between;
}

.usage_flow_box{
width:25%;
margin: 5px;
padding: 1px 0px 20px 0px;
border: 1px solid #ccc;
position:relative;
}

.usage_flow_box h2{
font-size:1.2rem;
width:100%;
background-color:#F5F5F5;
padding: 30px 0 30px 0;
color: #D38190;
text-align:center;
margin-top:-1px;
}

.usage_flow_box p{
padding:0 20px 0 20px;

}




.usage_flow_box_img{
width:130px;
margin:0 auto;
display:block;
text-align:center;
padding:20px 0 20px 0;
}


.usage_flow_box_img img{
width:100%;
}

.circle_no{
position:absolute;
font-size:1.5rem;
box-sizing: border-box;
width:55px;
height:55px;
text-align:center;
color:#fff;
padding-top:10px;
top:-30px;
left: calc(50% - 26px);
background-image: url(/img/circle_no_bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
vertical-align:middle;

}



.access_box{
width:100%;
padding-top:60px;
overflow:hidden;
}
.access_box_l{
width:51%;
float:left;
}
.access_box_r{
width:47%;
float:right;
}
.access_box_r img{
width:100%;
height:auto;
}

.access_box i{
font-size:1.3rem;
font-weight:bold;
color:#01B3EC;
font-style:normal;
margin:0 3px 0 3px;
}

.gmap iframe{
filter: grayscale(95%);
-webkit-filter: grayscale(95%);
transition: 0.9s;
}

/*
.gmap iframe:hover{
filter: hue-rotate(100deg);
　-webkit-filter: hue-rotate(100deg);
}
*/

iframe:hover{
filter: none;
-webkit-filter: none;
}

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



.contact_comme{
width:100%;
box-sizing: border-box;
padding:0 10px 0 10px ;
}

.contact_comme h3{
font-size:1.4em;
color:#1A5DA0;
line-height:150%;
margin-top:60px;
}
.contact_comme p{
font-size:1.15em;
margin:12px 0 0 0;
}


input, select, button, textarea {
font-family: inherit;
}

input::placeholder {
  color: #bbb!important;
}
/* 旧Edge対応 */
input::-ms-input-placeholder {
  color: #bbb!important;
}
/* IE対応 */
input:-ms-input-placeholder {
  color: bb!important;
}

textarea::placeholder{
	color: #bbb!important;
	}
	
	
	
.contact_from input{
font-size:1rem;
border:0;
outline:0;
padding: 8px 10px 8px 10px;
border:solid 1px #aaa;
width:94%;
margin-bottom:4px;
border-radius: 5px 
}


.contact_from input::placeholder{
color:#ccc;
}

.contact_from textarea{
padding:10px;
border:solid 1px #aaa;
width:100%;
font-size:1rem;
border-radius: 5px
}

.contact_from textarea::placeholder{
color:#aaa;
}



form#mailformpro input,form#mailformpro textarea {
padding: 3px;
vertical-align: middle;
}

.from_input_name{
width:100%;
}
.from_input_zip{
width:30%!important;
border-right:solid 1px #DDD;
}
.from_input_address{
width:72%;
}

textarea.from_input_come{
width:100%;
height: 12em;
line-height: 1.5em;
border:0;
border:solid 1px #ccc;
padding:10px;
}

form#mailformpro select {
vertical-align: middle;
font-size: 14px;
}


.contact_note{
	display:block;
	width:94%;
	margin:0 auto;
	}


table.contact_from{
border-collapse: collapse;	border-spacing: 0;
width: 1000px;
margin-bottom: 30px;
margin:0 auto;
margin-top:40px;
border-top:solid 2px #ccc;
}


.contact_from th	{
border-bottom: 2px solid #1D5C79;
}
.contact_from td	{
padding: 20px 20px 20px 20px;
color: #686868;
font-size:0.9em;
text-align:left;
border-bottom: 1px solid #DDD;
width:50%;
}
.contact_from td p{
text-align:left;
margin-bottom:12px;
font-size: 0.9rem;
}

table .tdl{
border-right: solid 1px #DDD;
}

.contact_req {
font-size: 0.8em;
color: #686868;
display:inline-block;
vertical-align: middle;
padding: 4px;
line-height:100%;
margin-left:5px;
}

.contact_from input[type="submit"] {
width: 240px;
height: 45px;
font-size: 15px;
border: 0;
outline: 0;
padding: 4px;
background-color:#D38190!important;
color: #fff;

cursor: pointer;
margin:22px 0 22px 0;
}

.employ_status{
position: relative;
display: inline-block;
padding: 0 55px;
font-size:2em;
margin-bottom:0;
}

.employ_status:before, .employ_status:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 100px;
height: 2px;
border-top: solid 1px black;
border-bottom: solid 1px black;
}

.employ_status:before {left:-70px;}
.employ_status:after {right: -70px;}

select {
/*　矢印を消す　*/
-webkit-appearance:none;
-moz-appearance:none;
text-indent: .01px; /* Firefox用 */
text-overflow: ""; /* Firefox用 */
appearance:none;

/*　背景画像の指定　*/
width:80%;
height:50px;
padding-left:10px;
border:2px solid #CCC;
border-radius:8px;
padding-right:30px;
background-color:#FFF;
background-image:url(背景画像.gif);
background-repeat:no-repeat;
background-size:25px 54px;
background-position:right center;
cursor:pointer;
margin:10px 0 10px 0;
color:#1D5C79;
}

.form_bt{
text-align:center;
}


.txt_boldmo{
	width:100%;
	text-align:center;
	}


table.contact_from02{
border-collapse: collapse;	border-spacing: 0;
width: 720px;
margin-bottom: 30px;
margin:0 auto;
margin-top:40px;
border-top:solid 1px #ccc;
text-align:center;
}

input[type="button"] {
width: 180px;
height: 45px;
font-size: 15px;
border: 0;
outline: 0;
padding: 4px;
background-color: #999;
color: #fff;
border-bottom: 3px solid #055074;
cursor: pointer;
margin:22px 0 22px 0;
}

.wpcf7-not-valid-tip{
display:inline-block;
color:#F00;
font-size:1rem;
font-weight:600;
margin-top:5px;
}
.screen-reader-response{
display:none;
}



.clicktxt {
color:#ffffff;
background-color: #4169e1;
padding:15px;
border-radius: 10px;
}

.switchdsp input {
display: none;
}

.switchdsp .dsp {
padding: 0px 10px 0px 10px;
height: 0;
overflow: hidden;
transition: 0.9s;
opacity: 0;
}

.switchdsp input:checked ~ .dsp {
padding: 0px 25px 0px 25px;
height: auto;
opacity: 1;
}

/**/





/**/

.check{
display: none;
}

/* 通常時表示されるテキスト */
.label{
background: #ffbb1e;
display: block;
align-items: center;
margin-bottom: 10px;
height: 30px;
padding: 20px;
}

/* クリック時に表示されるテキスト */
.text{
background: #ff9158;
align-items: center;
margin-bottom: 10px;
/*通常時は見えなくする*/
overflow: hidden;
/*  通常時は高さ0を指定  */
height: 0;
transition: 0.5s;

}

/* クリック時のスタイル */
.check:checked + .label + .text{
height:auto;
padding: 20px;
}


.error{
color:#F00;
margin-top:7px;
}


/**/

.toggle_contents {
border: 1px solid #d9d9d9;
}
.toggle_title {
position: relative;
padding: 15px;
cursor: pointer;
font-size: 1.2rem;
font-weight:600;
text-align: center;
line-height: 1;
color:#333;
background-color:#F3F3F3;
}
.toggle_btn {
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
background: #D38190;
display: block;
width: 18px;
height: 18px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
border-radius: 50%;
}
.toggle_btn:before, .toggle_btn:after {
display: block;
content: '';
background-color: #fff;
position: absolute;
width: 10px;
height: 2px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.toggle_btn:before {
width: 2px;
height: 10px;
}
.toggle_title.selected .toggle_btn:before {
content: normal;
}
.toggle_contents dd {
display: none;
}


.poly{
padding:0px 20px 20px 20px;
border:solid 1px #ccc;
color:#333;
}

.poly h2{
margin-top:40px;
margin-bottom:30px;
font-size:1.3rem;
border-bottom:solid 1px #069;
padding-bottom:8px;
}
.poly h3{
margin-top:30px;
margin-bottom:0px;
font-size:1rem;
padding-bottom:8px;
text-align:left;
line-height:150%;
}
.poly p{
font-size:0.95rem;
line-height:160%;
}

.poly ol{
margin-left:14px;
margin-top:25px;
counter-increment: cnt;list-style-type: decimal;
}
.poly ol li{
line-height:144%;
margin-bottom:12px;
font-size:0.95rem;
}


.policy{
padding:0px 20px 20px 20px;
color:#333;
}
.policy h2{
margin-top:40px;
margin-bottom:30px;
font-size:1.6rem;
border-bottom:solid 1px #069;
padding-bottom:8px;
}
.policy h3{
margin-top:30px;
margin-bottom:0px;
font-size:1.2rem;
padding-bottom:8px;
text-align:left;
line-height:150%;
}
.policy h3.title_s{
margin-top:30px;
margin-bottom:0px;
font-size:1.1rem;
padding-bottom:8px;
text-align:left;
line-height:100%;
}

.policy p{
font-size:0.95rem;
line-height:180%;
margin-top:20px;
}

.policy ol{
margin-left:14px;
margin-top:25px;
counter-increment: cnt;list-style-type: decimal;
}
.policy ol li{
line-height:144%;
margin-bottom:12px;
font-size:0.95rem;
}

.table_privacy table {
border-collapse: separate;
box-shadow: inset 0 1px 0 #fff;
font-size: 0.95rem;
line-height: 24px;
margin: 30px auto;
text-align: left;
width: 100%;
border-right: 1px solid #e8e8e8;
} 

.table_privacy th {
background-color:#999;
border-left: 1px solid #666;
border-right: 1px solid #666;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
color: #fff;
font-weight: bold;
padding: 8px 15px;
position: relative;
text-shadow: 0 1px 0 #000;
text-align:center;
}

.table_privacy th:nth-child(2){
border-left: none;
border-right: none;
}



.table_privacy th.reception_method{
width:10%;
}

.table_privacy th.applicant{
width:20%;
}

.table_privacy th:after {
background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.08));
content: '';
display: block;
height: 25%;
left: 0;
margin: 1px 0 0 0;
position: absolute;
top: 25%;
width: 100%;
}



.table_privacy td {
border-right: 1px solid #fff;
border-left: 1px solid #e8e8e8;
border-top: 1px solid #fff;
border-bottom: 1px solid #e8e8e8;
padding: 10px 15px;
position: relative;
transition: all 300ms;
font-size: 0.95rem;
}
.agree_box{
width:100%;
text-align:center;
margin-top:20px;
}

input[type="checkbox"]  {
margin: 0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

/* チェックボックスデザイン */
input[type="checkbox"] {
cursor: pointer;
padding-left: 30px;/*label手前にチェックボックス用の余白を開ける*/
vertical-align: middle;
position: relative;
width:20px;
}
input[type="checkbox"]::before,
input[type="checkbox"]::after {
content: "";
display: block; 
position: absolute;
}
input[type="checkbox"]::before {
background-color: #fff;
border-radius: 15%;
border: 1px solid #999;
width: 20px;/*チェックボックスの横幅*/
height: 20px;/*チェックボックスの縦幅*/
transform: translateY(-50%);
top: 50%;
left: 5px;
}
input[type="checkbox"]::after {
border-bottom: 3px solid #666464;/*チェックの太さ*/
border-left: 3px solid #666464;/*チェックの太さ*/
opacity: 0;/*チェック前は非表示*/
height: 10px;/*チェックの高さ*/
width: 15px;/*チェックの横幅*/
transform: rotate(-45deg);
top: -7px;/*チェック時の位置調整*/
left: 10px;/*チェック時の位置調整*/
}
input[type="checkbox"]:checked::after {
opacity: 1;/*チェック後表示*/
}



/*サファリ用*/
/* Safari or iOS Chrome */
_:lang(x)+_:-webkit-full-screen-document, input[type="checkbox"]::after {
border-bottom: 3px solid #666464;/*チェックの太さ*/
border-left: 3px solid #666464;/*チェックの太さ*/
opacity: 0;/*チェック前は非表示*/
height: 10px;/*チェックの高さ*/
width: 15px;/*チェックの横幅*/
transform: rotate(-45deg);
top: 0px;/*チェック時の位置調整*/
left: 10px;/*チェック時の位置調整*/
}






input[type="radio"] {
cursor: pointer;
padding-left: 30px;
vertical-align: middle;
position: relative;
width: 20px;
}

input[type="radio"] {
width: 20px;
height: 20px;
border-radius: 100px;
position: relative;
vertical-align: sub;
margin-right: 5px;
}
input[type="radio"]::before, input[type="radio"]::after{
content: "";
display: block;
border-radius: 50%;
position: absolute;
transform: translateY(-50%);
top: 50%;
}
input[type="radio"]::before {
background-color: #fff;
border: 1px solid #c2c1c1;
height: 20px;
width: 20px;
left: 0px;
}
input[type="radio"]::after {
background-color:#09C;
opacity: 0;
height: 12px;
width: 12px;
left: 4px;
}
input[type="radio"]:checked::after {
opacity: 1;
}


.topics_list{
margin-top:8px;
line-height:160%;
}
.topics_list li{
margin: 8px 0px 8px 0px;
padding: 8px 0px 8px 0px;
border-bottom:solid 1px #ccc;
}
.topics_list li a{
padding-bottom:20px;
clear:#595757;
transition: 0.5s;
}

.topics_list li a:hover{
padding-bottom:20px;
color:#888;
}
.article_date{
margin-top:20px;
margin-bottom:23px;
font-size:0.9rem;
color:#666;
width:100%;
text-align:right;
}

.topics_area p{
margin:15px 0 7px 0;
line-height:170%;
}


.page_catch {
width: calc(100% + 2px);
margin: 0 -1px;
height: 164px;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-top: 0px;
object-position: 0px 0px;
background-image:url(/img/catch_kaisou_bg.png)
}
.page_catch .page_catch_direction {
display: inline-block;
text-align: center;
font-size: 2.1rem;
font-weight: normal;
letter-spacing: 0.05em;
color: #01B4ED;
position: absolute;
top: 18%;
z-index: 2;
}
.page_catch .page_catch_img {
width: 1280px;
height: 164px;
text-align:center;
position: absolute;
top: 0px;
left:  calc(50% + -661);
z-index: 1;
}

.page_catch .page_catch_img img{
width:100%;
height:auto;
}


.info_date{
font-size:0.85rem;
}
.topics_list .news_title{
line-height:160%;
padding:5px 0 5px 0;
font-size:1rem;
font-weight:bold;
margin:0px;
}

.topics_list p{
line-height:160%;
padding:5px 0 5px 0;
font-size:0.9rem;
margin:0px;
}

.topics_list a{
color:#595757;
}
.topics_list a:hover{
color:#01B4ED;
}



.pagetop {
display: none;
position: fixed;
width: 50px;
height: 50px;
bottom: 10px;
right: 7px;
background-color:#DD9EA8;
}

.pagetop a {
display: block;
text-align: center;
color: #666;
text-decoration: none;
padding: 17px 10px;
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
transition:0.5s;
}
.pagetop a:hover {
display: block;
text-align: center;
color: #666;
text-decoration: none;
padding: 17px 10px;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}


.pagetop spane {
transition: opacity 0.2s ease;
color: #666;

}

.pagetop a:before {
transition: opacity 0.2s ease;
color: #fff;
font-size: 0.8rem;
line-height:100%;
}

.pagetop a:before {
content: '\eac3';
font-family: 'Material Icons';
display: block;
transform: rotate(90deg);
position: absolute;
top: calc(50% - 8px);
font-size: 1.2rem;
width: 40;
left: calc(50% - 8px);
text-align: center;
}

.sub_title{
margin-top:40px;
text-align:center;
}

.theme_box{
width: 100%;
}

.theme_box img{
width:100%;
height:auto;
margin-top:40px;
}


.message_box {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
width: 100%;
margin: 0px 0;
padding-top: 50px;
}
.message_item_l {
width:55%;
margin-bottom: 30px;
text-align: center;
}
.message_item_r {
width: 29%;
margin-bottom: 30px;
text-align:right;
padding-top:60px;
}
.message_item_l p{
text-align:left;
}
.message_item_r img{
width: 100%;
height:auto;
}


.president_name {
text-align: right !important;
}



.service_list_box{
width:100%;
margin-top:40px;
}

.service_list {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
width: 88%;
margin:0 auto;
padding-top: 30px;
padding-bottom: 30px;
border-bottom:dotted 1px #ccc;
}

.service_list:last-child {
border-bottom:none;
}



.service_list_l {
width:10%;
display:block;
position: relative;
}

.service_list_l .service_no{
position: absolute;
font-size:3.5rem;
line-height:100%;
padding:0;
margin:0;
font-family: "M PLUS Rounded 1c", sans-serif;
font-weight: 300;
color:#D38190;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}

.service_list_r {
width: 88%;
text-align: center;
padding-top:0px;
text-align:left;
}


.service_list_r h3{
color:#D38190;
font-size:1.15rem;
font-weight:normal
}
.service_list_r p{
margin:0;
}


.workflow_box {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
width: 100%;
margin: 0px 0;
padding-top: 50px;
}
.workflow_item_l {
width:62%;
margin-bottom: 30px;
text-align: center;
}
.workflow_item_r {
width: 28%;
text-align:right;
padding-top:80px;
}
.workflow_item_l p{
text-align:left;
}
.workflow_item_r img{
width: 100%;
height:auto;
}

.workflow_title {
    display: block;
    width: 100%;
    text-align: center!important;
    color: #D38190;
    font-size: 1.2rem;
    margin-top: 0px;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.workflow_item_l ol{
counter-reset:list;
list-style-type:none;
font: 14px/1.6 'arial narrow', sans-serif;
padding:0;
overflow:hidden;
}
.workflow_item_l ol li{

position:relative;
margin: 3px 0 3px 0px;
padding-left:30px;
font-weight:normal;
font-size:14px;
height:54px;
line-height: 130%;
border: solid 1px #D38190;
border-radius:4px;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;
width:42%;
float:left;
text-align:left;
vertical-align:middle;
background-color:#fff;
}

.workflow_item_l ol li span{
position: absolute;
top:50%;
padding:0 10px 0 10px;
font-size:0.95rem;
line-height:150%;
transform:translateY(-50%);
}

.workflow_item_l ol li:nth-child(even){
margin-left:10px;
}

.workflow_item_l ol li:before{
counter-increment: list;
content: counter(list, decimal-leading-zero);
position: absolute;
left: 0px;
width: 40px;
height: 50px;
text-align: center;
font-size:1.3rem;
font-family: "M PLUS Rounded 1c", sans-serif;
font-weight: 300;
color: #D38190;
line-height:50px;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}


#about_us .box_wrap {
display: flex;
justify-content: space-between;
padding:0px;
margin-top:60px;
}
#about_us .box {
width: 48%;
max-width: 500px;
}
#about_us .box dl {
display: flex;
padding: 30px 18px 16px 18px;
border-top: 1px solid #e2e2e2;
}


.map_info h2{
margin-top:26px;
}

#about_us .box dl dt{
width: 20%;
}

#about_us .box dl dd{
width: 80%;
padding-left:12px;
}




a.btn-contact{
padding: 0.3em;
margin: 10px 010px 0;
display: block;
text-decoration: none;
font-weight:300;
font-size:1em;
border-radius: 3px;
text-align:center;
text-decoration:none !important;
margin:0 auto;
width:260px;


}
a.btn-contact:before {
content: "";
display: inline-block;
width: 24px;
height: 18px;
margin: -5px 8px 0 0;
background: url("/img/foofter_mail_ico.png") no-repeat;
background-size: contain;
vertical-align: middle;
color:#686868;
}
a.bbtn-contact:hover {
background: #6FB83F;
}


a.btn-green{
padding: 0.3em;
margin: 10px 010px 0;
display: block;
text-decoration: none;
font-weight:300;
font-size:1em;
border-radius: 3px;
text-align:center;
text-decoration:none !important;
margin:0 auto;
width:260px;
}
a.btn-green:before {
content: "";
display: inline-block;
width: 30px;
height: 30px;
margin: -3px 8px 0 0;
background: url("/img/footer_recruet_ico.png") no-repeat;
background-size: contain;
vertical-align: middle;
}
a.bbtn-green:hover {
background: #6FB83F;
}


.footer_contact_area{
display:block;
width:100%;
margin-top:60px;
border-top: solid 1px #ccc;
border-bottom: solid 1px #ccc;
}

.footer_contact{
display:block;
width:750px;
margin:0 auto;
overflow:hidden;
}
.footer_contact_l{
display:block;
width:48%;
padding: 10px 0px 5px 10px;
float:left;
text-align:center;
border-left: solid 1px #ccc;
}
.footer_contact_r{
display:block;
width:48%;
padding: 10px 0px 5px 10px;
float:right;
text-align:center;
border-left: solid 1px #ccc;
border-right: solid 1px #ccc;
}

.footer_contact_l a, .footer_contact_r a{
color:#595757;
transition: 0.5s;
}
.footer_contact_l a:hover, .footer_contact_r a:hover{
color:#D38190;
}


.recruet_box{
	width:80%;
	text-align:center;
	margin:0 auto;
	margin-top:10px;
	
	}

p.recrueth01{
position: relative;
display: inline-block;
padding: 0 45px;
font-size:1.25em;
font-weight:600;
}
p.recrueth01:before, p.recrueth01:after {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 30px;
height: 2px;
background-color: black;
}

p.recrueth01:before {
left:0;
}
p.recrueth01:after {
right: 0;
}

.space80_box{
	display:block;
	width:100%;
	height:80px;
	}
	
	
.not_found_box{
	width:400px;
	margin:0 auto;
	}
	
.not_found_box img{
	width:100%;
	height:auto;
	}
	
/*--------------------------------------------------------------------------------------------------■■■■■■■■■■■■

タブレット

----------------------------------------------------------------------------------------------------■■■■■■■■■■■■*/


/* 600px?959px：タブレット */
@media screen and (min-width:480px) and (max-width:959px) {

#head_wrap .logo {
    float: left;
    width: 180px;
    height: 40px;
    margin: 20px 0 0 30px;
    background-image: url(/img/logo_whi.png);
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -9999px;
    image-rendering: -webkit-optimize-contrast;
}



#global-nav ul li {
    display: inline-block;
    padding: 0px 0px 0px 0px;
    margin: 0 5px 0 5px;
    text-align: center;
    width: auto;
    transition: 0.5s;
}

#global-nav ul li a {
width:auto;
line-height:100%;
text-align:center;
padding: 30px 5px 10px 5px;
transition: all .6s ease 0s;
box-sizing: border-box;
font-weight: bold;
display:inline-block;
font-size:0.8rem;
transition:0.5s;
color:#666;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
-moz-font-feature-settings: "palt";


}


.top_slide{
width:100%;
position:relative;
}


.top_slide {
display: block;
margin:0 auto;
margin-top:60px;
width: 80%;
height: 100vh;
background: url(/img/main_tab_01.png) no-repeat;
background-size: cover;
background-position: center;
}

.top_slide_img{
	display:none;
	}

}


/*--------------------------------------------------------------------------------------------------■■■■■■■■■■■■

スマホ

----------------------------------------------------------------------------------------------------■■■■■■■■■■■■*/

@media screen and (max-width: 780px) {


body{
font-size:0.92rem;
}

p {
font-size:0.92rem;
line-height:170%;
line-break: anywhere;
font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
-moz-font-feature-settings: "palt";
}

.disp_pc{
display:none!important;
}
.disp_sp{
display:block!important;
}
.pc_br{
display:none!important;
}
.sp_br{
display:inline-block!important;
}




#nav-toggle {
display: none;
position: absolute;
right: 0px;
top: 0px;
width: 27px;
height: 27px;
cursor: pointer;
z-index: 101;
}

#nav-toggle {
display: block;
background-color:#fff;
padding: 11px 10px 10px 10px;
}
#nav-toggle span {
display: block;
position: absolute;
height: 1px;
width: 100%;
background: #898989;
left: 0;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
top: 2px;
}
#nav-toggle span:nth-child(2) {
top: 8px;
width:50%;
}
#nav-toggle span:nth-child(3) {
top: 14px;
width:65%;
}


.open #nav-toggle span:nth-child(1) {
top: 0;
}
.open #nav-toggle span:nth-child(2) {
top: 6px;
width:100%;
}
.open #nav-toggle span:nth-child(3) {
top: 12px;
width:100%;
}

#nav-toggle span:nth-child(3)::after {
content:"Menu";/*3つ目の要素のafterにMenu表示を指定*/
position: absolute;
top:6px;
color: #898989;
font-size: 0.55rem;
text-transform: uppercase;
font-weight:bold;
}


.open #nav-toggle span:nth-child(1) {
top: 13px;
-webkit-transform: rotate(315deg);
-moz-transform: rotate(315deg);
transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
width: 0;
left: 50%;
}
.open #nav-toggle span:nth-child(3) {
top: 13px;
-webkit-transform: rotate(-315deg);
-moz-transform: rotate(-315deg);
transform: rotate(-315deg);
}

.open #nav-toggle span:nth-child(3)::after {
content:"";/*3つ目の要素のafterにClose表示を指定*/
transform: translateY(0) rotate(-45deg);
position: absolute;
top:10px;
left:11px;
color: #111;
font-size: 0.6rem;

}


#global-nav ul li.spmenu_title{
	display:block;
	font-size:1.25rem;
	color:#898989;
	font-weight:normal;
	border-bottom:solid 1px #ccc;
	}

#nav-mail {
display:block;
position: absolute;
right: 50px;
top: 0px;
width: 43px;
height: 43px;
cursor: pointer;
z-index: 101;
}
#nav-mail a {
box-sizing: border-box;
display: block;
background: #898989;
width: 48px;
height: 45x;
padding:16px 0 15px 0;
text-align: center;
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}

#nav-mail a img {
transition: .3s;
}
#nav-mail a img {
width: 20px;
vertical-align: top;
}





#site-content {
margin: 0px;
margin-top:-60px;
padding: 0px;
}

.usage_flow_box p {
padding: 0 20px 0 20px;
font-size:1.05rem;
font-feature-settings: "palt"!important;
font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
-moz-font-feature-settings: "palt";
}
.page_catch {
width:100%;
height:auto;
margin: 0 -1px;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;

align-items: center;
margin-top: 0px;
object-position: 0px 0px;
background-image: url(/img/catch_kaisou_bg.png);
}


.page_catch .page_catch_img {
width: 100%;
height:auto;
text-align: center;
position: absolute;
top: 0px;
left:0px;
z-index: 1;
}

.page_catch:before {
content: "";
display: block;
padding-top: 30%;
}

.page_catch img{
width:100%;
height:auto;
}


.page_catch .page_catch_direction {
display: inline-block;
text-align: center;
font-size: 1.8rem;
font-weight: normal;
letter-spacing: 0.05em;
color: #01B4ED;
position: absolute;
top: 18%;
z-index: 2;
}


#head_wrap {
top: 0px;
position: relative;
width: 100%;
margin: 0px auto 0;
line-height: 1;
z-index: 999;
height: 48px;
padding-top:0px;
text-decoration: none;

}

.hfixed {
background-color: #DD9EA8!important;

}

#mobile-head {
background-color: transparent;
width: 100%;
height: 60px;
z-index: 999;
position: relative;
/*box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.1);*/
}
#head_wrap.fixed .logo, #head_wrap .logo {
position: absolute;
left: 13px;
top: 13px;
color: #333;
font-size: 26px;
}
#global-nav {
position: absolute;
top: -832px;
background: rgba(255, 255, 255, 0.95);
width: 100%;
text-align: center;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}


#global-nav ul {
list-style: none;
font-size: 14px;
margin-right: 0px;
margin-left:0px;
padding-left:0px;
display:block;
}
#global-nav ul li {
float: none;
position: static;
display:block;
padding:20px 0 20px 0;
border-bottom:solid 1px #ccc;
}

#head_wrap #global-nav ul li a, #head_wrap.fixed #global-nav ul li a {
width: 100%;
display: block;
padding: 5px 0;
font-size: 1.1rem;
color:#D38190;
}

nav ul li a span img {
width: 105px!important;
height: auto;
text-align: center;
}




.open #global-nav {
-moz-transform: translateY(880px);
-webkit-transform: translateY(880px);
transform: translateY(880px);
height:100vh;
padding-top: 50px;
}


#global-nav ul li.nav_mail{
display:none;
}



#head_wrap.fixed .logo, #head_wrap h1{
margin:0;
}

#head_wrap.fixed .logo, #head_wrap .logo {
position: absolute;
top: 0px;
left:2px;
color: #333;
font-size: 26px;
width:50%;
}


#head_wrap .logo {
float: left;
width: 200px;
margin: 10px 0 0 10px;
background-image: url(/img/logo_whi.png)!important;
}

#head_wrap.fixed .logo, #head_wrap .logo img {
width:100%;
height:auto;
}


#head_wrap.hfixed .logo {
float: left;
width: 200px;
margin: 10px 0 0 10px;
background-image: url(/img/logo_whi_sp.png)!important;
}

.nain_contents {
width: 90%;
margin: 0 auto;
margin-top:55px;
padding-bottom: 30px;
box-sizing: border-box;
}

.nain_contents_top{
width: 90%;
margin: 0 auto;
margin-top: 0px;
padding-bottom: 30px;
box-sizing: border-box;
}
.nain_contents02 {
width: 94%;
margin: 0 auto;
padding-bottom: 20px;
box-sizing: border-box;
}


.nain_contents_sec{
width: 90%;
margin: 0 auto;
margin-top: 25px;
padding-bottom: 30px;
box-sizing: border-box;
}


.h_catch {
font-size: 1.6rem;
color: #595757;
font-weight:500;
line-height: 100%;
text-align: center;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
-moz-font-feature-settings: "palt";
margin-top: 0px;
padding: 0;
}

.h_main{
font-size:1.25rem;
color: #fff;
line-height:100%;
padding:8px 0 8px 0;
display:block;
position:relative;
margin:0 auto;
text-align:center;
}

.h_sub {
width: 80%;
font-size:1.25rem;
color: #595757;
line-height:100%;
text-align: center;
padding:8px 0 8px 0;
background: #fff;
border: solid 1px #595757;
color: #595757;
margin: 0 auto;
margin-top: 0px;
letter-spacing: 0.08em;
font-family: "M PLUS Rounded 1c", sans-serif;
font-weight: 300;
}

.h_main_p {
width: 80%;
font-size:1.25rem;
line-height:100%;
text-align: center;
padding:8px 0 8px 0;
background: #fff;
border: solid 1px #DD9EA8;
color: #DD9EA8;
margin: 0 auto;
margin-top: 0px;
letter-spacing: 0.08em;
font-family: "M PLUS Rounded 1c", sans-serif;
font-weight: 300;
}

.form_txt_items{
	font-size:1rem;
	font-weight:600;
	}

.foram_area {
    margin-top: 75px;
}


.nain_contents_topicspage {
    width: 86%;
    margin: 0 auto;
    margin-top: 60px;
    padding-bottom: 80px;
}

.news_contact {
    width: 80%;
    font-size: 1.8rem;
    text-align: center;
    padding: 0;
    color: #595757;
    margin: 0 auto;
    margin-top: 0px;
    letter-spacing: 0.01em;
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 300;
    line-height: 160%;
}



table.contact_from02 {
    border-collapse: collapse;
    border-spacing: 0;
    width:100%;
    margin: 0 auto;
    margin-top: 60px;
				margin-bottom: 60px;
    border-top: solid 1px #ccc;
    text-align: center;
}



.h_contact {
    width: 80%;
    font-size: 2.8rem;
    text-align: center;
    padding: 0;
    color: #595757;
    margin: 0 auto;
    margin-top: 0px;
    letter-spacing: 0.01em;
    font-family: "M PLUS Rounded 1c", sans-serif;
    font-weight: 300;
    line-height: 100%;
}


.txtl_catch_c_news {
padding: 0 !important;
margin-top: 60px;
color: #595757;
font-size: 1.7rem;
line-height: 1.5;
font-weight: 600;
text-align: center;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
-moz-font-feature-settings: "palt";
}

.h_catch_s {
font-size: 1.5rem;
color:#595757;
line-height:150%;
font-weight: 500;
text-align: center;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
-moz-font-feature-settings: "palt";
margin-top: 35px;
padding: 0;
}


.top_slide {
width: 100%;
position:relative;
background-image: url(/img/catch_sp.png);
background-position: center top 90px;
background-repeat: no-repeat;
background-size: contain;
height: 100vh;
/*height: 100dvh;*/
margin-bottom: 20px;

}

.top_slide a {
position: absolute;
left: 0;
right: 0;
bottom: 100px;
margin: auto;
width: 32px;

}


@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, .top_slide a {
position: absolute;
left: 0;
right: 0;
bottom: 115px;
margin: auto;
width: 32px;

}
  }



.top_slide a img {
width:100%;
height:auto;
opacity: 0.7;
}


.top_slide_title {
width: 40%;
max-width: 420px;
min-width: 310px;
position: absolute;
top: 5%;
left: calc(50% - 151px);
}

.top_slide_img {
	display:none;
	}


.second_slide {
display: block;
width: 100%;
height: 140px;
background: url(/img/chachi_sub_sp.png) no-repeat;
background-size: cover;
background-position: center;
position:relative;
}

.second_slide_title {
    display: block;
    width: 190px;
    height: auto;
    position: absolute;
    top: calc(50% - 5px);
    left: 2%;
}

.second_slide_title img{
	width:100%;
	height:auto;
	}







.sub_title {
    margin-top: 40px;
    text-align:left;
}


table.contact_from {
border-collapse: collapse;
border-spacing: 0;
width:100%;
margin-bottom: 30px;
margin: 0 auto;
margin-top: 40px;
border-top:none;
}

.contact_from td {
padding: 5px 12px 5px 12px;
color: #1D5C79;
font-size: 0.9em;
border-bottom:none;
border-right:none;
border-left:none;
display: block;
width: 100%;
box-sizing: border-box;
text-align: left;
}

.contact_from textarea {
padding: 10px;
border: solid 1px #aaa;
width: 94%;
font-size: 0.95rem;
}

.poly h2 {
margin-top: 40px;
margin-bottom: 30px;
font-size: 1.15rem;
border-bottom: solid 1px #069;
padding-bottom: 8px;
}

.footer_navi{
display:none;
}

.link_button {
margin: 0 auto;
margin-top: 0px;
width: 100%;
text-align: center;
box-sizing: border-box;
}


.two_colum_box {
width: 100%;
padding-top: 35px;
display:block;
}

.two_colum_box_l {
width: 100%;
}
.two_colum_box_r {
width: 100%;
}

.two_colum_box h3 {
font-size: 1.3rem;
color: #D38190;
display:block;
position: relative;
margin: 0 auto;
font-weight: normal;
text-align: center;
}



.txtl_catch_c {
padding: 0 !important;
margin-top: 60px;
font-size: 1.4rem;
line-height: 1.5;
font-weight: normal;
text-align: center;
color: #D38190;
}
.txtl_catch02_c {
padding: 0 !important;
margin-top: 20px;
font-size: 1.4rem;
line-height: 1.5;
font-weight: normal;
text-align: center;
color: #D38190;
}

.sst_flow01 {
display: block;
box-sizing: border-box;
margin-top: 50px;
width: 100%;
text-align: center;
padding:0 60px 0 60px;
}


.sst_flow02 {
box-sizing: border-box;
display: block;
margin-top: 70px;
width: 100%;
padding:0 60px 0 60px;
}


.sst_flow_list {
display: block;
margin: 0 auto;
width: 100%;
margin-top: 5px;
padding-left: 4%;
}

.usage_flow {
display:block;
margin-top: 80px;
justify-content: start;
}
.usage_flow_box {
width: 92%;
margin:0 auto;
margin-top:50px;
padding: 1px 0px 20px 0px;
border: 1px solid #ccc;
position: relative;
}
.usage_flow_box_img {
width: 160px;
margin: 0 auto;
display: block;
text-align: center;
padding: 0px 0 0px 0;
}

.access_box_l {
width: 100%;
float:none;
}
.access_box_r {
width: 100%;
float:none;
}

.toggle_title {
position: relative;
padding: 15px;
cursor: pointer;
font-size: 0.9rem;
font-weight: 600;
text-align: center;
line-height: 1;
color: #333;
background-color: #F3F3F3;
}
.contact_from td {

}


#global-nav ul li a span {
display:none;
}

.two_colum_box_r {
width: 100%;
padding:20px 10px 0 10px;
box-sizing: border-box;
}


.contact_from td p {
text-align: left;
margin-top: 5px;
margin-bottom: 2px;
font-size: 0.95rem;
color:#595757;
}

.toggle_contents dd {
display: none;
margin: 0;
}


.footer_info {
width: 80%;
margin: 0 auto;
}

.footer_inner {
display:block;
width: 100%;
justify-content: space-between;
text-align:center;
}
.footer_info_logo {
width: 100%;
margin-left: 0%;
text-align:center;
}
.footer_info_tel {
width: 100%;
text-align:center;
}

.footer_info_logo ul {
width: 100%;
margin: 40px 0 0 0;
padding: 0;
}
.footer_info_tel ul {
width: 100%;
margin: 0;
padding: 0;
}

.footer_info_logo ul li,.footer_info_tel ul li{
line-height:170%;
}


.recruitment_button {
display: inline-block;
width: 100%;
max-width: 350px;
color: #D38190;
border: 3px solid #D38190;
background: #fff;
padding:25px 0 15px 0;
font-weight: bold;
text-decoration: none;
text-align: center;
transition: 0.3s;
font-size: 2rem;
box-sizing: border-box;
letter-spacing: 0.32em;
line-height:100%;
}
.recruitment_button:hover {
color: #fff; /* 文字色 */
background: #D38190; /* 背景色 */
}
.recruitment_sub{
width:100%;
display:block;
font-size:0.9rem;
margin-top:10px;
color:#333;
line-height:100%;
letter-spacing: 0.01em;
}


ul.txt_kajyo li {
background: url(/img/list_ico01.png) no-repeat 0px 7px;
background-size: auto 11px;
padding-left: 17px;
line-height: 170%;
font-size:1.05rem;
}

.access_box iframe{
height:200px;
}
.access_box p{
width:100%;
text-align:center;
margin-top:10px;
}

.agree_box {
width: 100%;
text-align: center;
margin-top: 20px;
margin-bottom:15px;
}

.house_photo {
width: 100%;
text-align: center;
padding: 0px 0 0px 0;
background: url(/img/blue_bg.png);
}
.house_photo img{
width: 100%;
height:auto
}


.topics_list ul{
margin-left:0px;
padding-left:0px;
}

.pagetop {
display: none;
position: fixed;
width: 36px;
height: 36px;
bottom: 10px;
right: 7px;
background-color:#D38190;
}

.pagetop a {
display: block;
text-align: center;
color: #666;
text-decoration: none;
padding: 17px 10px;
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
transition:0.5s;
}
.pagetop a:hover {
display: block;
text-align: center;
color: #666;
text-decoration: none;
padding: 17px 10px;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}


.pagetop spane {
transition: opacity 0.2s ease;
color: #666;

}

.pagetop a:before {
transition: opacity 0.2s ease;
color: #fff;
font-size: 0.8rem;
line-height:100%;
}

.pagetop a:before {
content: '\eac3';
font-family: 'Material Icons';
display: block;
transform: rotate(90deg);
position: absolute;
top: calc(50% - 10px);
font-size: 1.2rem;
width: 40;
left: calc(50% - 10px);
text-align: center;
}


.footer_contact_area{
display:block;
width:100%;
margin-top:20px;
border-top: solid 1px #ccc;
border-bottom: solid 1px #ccc;
}

.footer_contact{
display:block;
width:100%;
margin:0 auto;
overflow:hidden;
}
.footer_contact_l{
display:block;
width:100%;
padding: 10px 0px 5px 0px;
float:none;
text-align:center;
border-left: solid 1px #ccc;
border-bottom: solid 1px #ccc;
}
.footer_contact_r{
display:block;
width:100%;
padding: 10px 0px 5px 0px;
float:none;
text-align:center;
border-left: solid 1px #ccc;
border-right: solid 1px #ccc;
}

.footer_contact_l a, .footer_contact_r a{
color:#595757;
transition: 0.5s;
}
.footer_contact_l a:hover, .footer_contact_r a:hover{
color:#D38190;
}


footer_info_logo ul li, .footer_info_tel ul li {
line-height: 170%;
}
.footer_info_telno {
font-size: 0.95rem;
}

.footer_info_telno a{
color:#595757;
font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}


.message_box {
display: flex;
flex-wrap: wrap;
justify-content: space-around;

width: 100%;
margin: 0px 0;
padding-top: 30px;
}
.message_item_l {
width:100%;
margin-bottom: 30px;
text-align: center;
order: 2;
}
.message_item_r {
width: 100%;
margin-bottom: 30px;
text-align: center;
padding-top:30px;
order: 1;
padding: 0 12% 0 12%;
}


.service_list_box{
width:100%;
margin-top:10px;
}

.service_list {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
width: 100%;
margin:0 auto;
padding-top: 30px;
padding-bottom: 30px;
border-bottom:dotted 1px #999;
}

.service_list:last-child {
border-bottom:none;
}

.service_list_l {
width:18%;
display:block;
position: relative;
}

.service_list_l .service_no{
position: absolute;
font-size:2.4rem;
line-height:100%;
width:100%;
padding:0;
margin:0;
font-family: "M PLUS Rounded 1c", sans-serif;
font-weight: 300;
color:#D38190;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}

.service_list_r {
width: 80%;
text-align: center;
padding-top:0px;
text-align:left;
}


.service_list_r h3{
color:#D38190;
font-size:1rem;

}
.service_list_r p{
margin:0;
}


.workflow_title{
	display:block;
	width:100%;
	text-align:center!important;
	color:#D38190;
	font-size:1.2rem;
	margin-top:40px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}


.workflow_box {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
width: 100%;
margin: 0px 0;
padding-top: 30px;
}
.workflow_item_l {
width:100%;
margin-bottom: 30px;
text-align: center;
order: 2;
}
.workflow_item_r {
width: 100%;
text-align: center;
padding-top:35px;
order: 1;
padding: 0 24% 0 20%;
}
.workflow_item_l p{
text-align:left;
}
.workflow_item_r img{
width: 100%;
height:auto;
}




.workflow_item_l ol{
counter-reset:list;
list-style-type:none;
font: 14px/1.6 'arial narrow', sans-serif;
padding:0;
overflow:hidden;
}
.workflow_item_l ol li{

position:relative;
margin: 10px 0 10px 0px;
padding:6px 0 6px 35px;
padding-left:30px;
font-weight:normal;
font-size:0.9rem;
height:50px;
line-height: 160%;
border: solid 1px #D38190;
border-radius:4px;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;
width:calc(100% - 33px);
float:none;
text-align:left;
vertical-align:middle;
background-color:#fff;
}

.workflow_item_l ol li span{
position: absolute;
top:50%;
padding:0 10px 0 10px;
transform:translateY(-50%);
}

.workflow_item_l ol li:nth-child(even){
margin-left:0px;
}

.workflow_item_l ol li:before{
counter-increment: list;
content: counter(list, decimal-leading-zero);
position: absolute;
left: 0px;
width: 40px;
height: 50px;
text-align: center;
font-size:1.3rem;
font-family: "M PLUS Rounded 1c", sans-serif;
font-weight: 300;
color: #D38190;
line-height:50px;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

#about_us .box {
    width: 100%;
    max-width:100%;
}
#about_us .box_wrap {
    display: block;
    justify-content: space-between;
    padding: 0px;
    margin-top: 60px;
}
#about_us .box dl {
    display:flex;
				width:100%;
				font-size:0.85rem;
    padding: 18px 0px 8px 0px;
    border-top: 1px solid #e2e2e2;
				-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#about_us .box dl dt {
    width: 26%;
				margin-left:5px;
}

#about_us .box dl dd {
    width: 85%;
    padding-left: 0px;
				margin-left:25px;
}



.link_button {
margin: 0 auto;
margin-top: 5px;
width: 100%;
text-align: center;
}
.design_button {
display: inline-block;
width: 80%;
max-width: 350px;
color: #DD9EA8;
border: 1px solid #DD9EA8;
background: #fff;
padding: 5px 0px 5px 0px;
font-weight: bold;
text-decoration: none;
text-align: center;
transition: 0.3s;
font-size: 0.95rem;
box-sizing: border-box;
}

.design_button:hover {
color: #fff; /* 文字色 */
background: #DD9EA8; /* 背景色 */
}


.design_button_not {
display: inline-block;
width: 80%;
max-width: 350px;
color:#898989;
border: 1px solid #DD9EA8;
background: #fff;
padding: 6px 0px 6px 0px;
font-weight: bold;
text-decoration: none;
text-align: center;
transition: 0.3s;
font-size: 0.9rem;
box-sizing: border-box;
}


.access_box {
    width: 100%;
    padding-top: 30px;
    overflow: hidden;
}

.footer_info_logo ul li a {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 0.8rem;
    width: 250px;
    height: 40px;
    margin: 0 auto;
    background-image: url(/img/logo_whi.png);
    background-size: contain;
    /* background-size: 250px auto; */
    background-repeat: no-repeat;
    text-indent: -9999px;
    image-rendering: high-quality;
}

.not_found_box{
	width:70%;
	margin:0 auto;
	}
	
.not_found_box img{
	width:100%;
	height:auto;
	}

/*Safariだけに適用される新型CSSハック
_::-webkit-full-page-media, _:future, :root .top_slide a {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 85px;
    margin: auto;
    width: 32px;
}
*/

/**/


}