@charset "UTF-8";


/*

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

/*----------------------------------------------------------------------*/
ol,
ul {

list-style: none;
}
a {
text-decoration: none;
color: inherit;
}
​
img {
width: 100%;
height: auto;
vertical-align: bottom;
display: block;
}
​
*,
*:before,
*:after {
box-sizing: border-box;
}

html {
box-sizing: border-box;
}

body{
margin:0px;
padding:0px;
font-family: 'Hiragino Kaku Gothic Pro', 'Meiryo', sans-serif;
font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
-moz-font-feature-settings: "palt";
}
/*----------------------------------------------------------------------*/

.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:#F08200!important;
}

body{
margin:0px;
padding:0px;
font-family: 'Hiragino Kaku Gothic Pro', 'Meiryo', sans-serif;
}

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

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

.mamemoji{
font-size:1.5rem;
}


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

#site-content{
margin:0px;
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;
}






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

animation-fill-mode: forwards;　
z-index: 999;
height: 66px;
}
@keyframes sample01 {
0% {
opacity: 0;
transform: translateY(-30px);
}
100%{
opacity: 1;
transform: translateY(0);
}

}





#head_wrap {
    top: 0px;
    position: relative;
    width: 100%;
    padding-top: 15px;
    margin: 0px auto 0;
    line-height: 1;
    z-index: 999;
    height: 75px;
    text-decoration: none;
    background-color: #fff;
    box-shadow: 0px -3px 6px 0px #aaa;
}

#head_wrap a {
text-decoration: none;
}
#head_wrap .inner {
width: 100%;
margin: 0 auto;
position: relative;
}
#head_wrap .inner:after {
content: "";
clear: both;
display: block;
}
#head_wrap .logo {
float: left;
width:260px;
margin: 13px 0 0 22px;
}
#head_wrap .logo img{
width:100%;
height:auto;
}
#global-nav {
position: absolute;
right: 0;
top: 0px;
width:66%;
}
#global-nav ul {
list-style: none;
font-size: 14px;
margin-right: 10px;
display: inline-flex;
}
#global-nav ul li {
display:inline;
padding: 0px 0px 5px 0px;
margin:0 0px 0 0px;
text-align:center;
width:auto;
border-right:solid 1px #ccc;
transition:0.5s;
}


.top_slide{
width:100%;
position:relative;
margin-bottom:45px;
}
.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;
}

#global-nav ul li:last-child {
border-right: none;
}
#global-nav ul li a {
width:auto;
text-align:center;
padding:0px;
transition: all .6s ease 0s;
box-sizing: border-box;
font-weight: bold;
display:inline-block;
font-size:0.8rem;
transition:0.5s;

}

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


#global-nav ul li a span{
width:100%;
margin:0 auto;
display:inline-block;
padding-bottom:6px;
}

#global-nav ul li a span img{
width:78px;
height:auto;
text-align:center;
}


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



.blue_bg{
background:url(/img/blue_bg.png);
position:relative;
padding-top: 1px 
}
.blue_bg:before {
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: 30px;
margin: auto;
background-image: url(/img/blue_upper_bg.png);
background-repeat: repeat-x;
content: "";
}

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

.white_bg:before {
position: absolute;
top: -1px;
left: 0;
width: 100%;
height: 40px;
margin: auto;
background-image: url(/img/white_upper_bg.png);
background-repeat: repeat-x;
content: "";
}


.white02_bg{
background:url(/img/white_bg.png);
position:relative;
padding-top: 1px 
}
.white02_bg:before {
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: 40px;
margin: auto;
background-image: url(/img/white_upper02_bg.png);
background-repeat: repeat-x;
content: "";
}

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


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

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

.title_box{
width:100%;
display:block;
text-align:center;
margin-top:70px;

}

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


.h_main{
font-size:2.3rem;
color:#01B4ED;
display:inline-block;
position:relative;
margin:0 auto;
font-weight:normal;
text-align:center;
}

.h_main::before {
content: url(/img/heading_dec_l.png);
vertical-align: middle;
position:absolute;
top:5px;
left:-40px;
}
.h_main::after {
content: url(/img/heading_dec_r.png);
vertical-align: middle;
padding-left: 10px;
position:absolute;
top:5px;
right:-40px;

}


.h_sub{
font-size:1.8rem;
color:#1E9ACA;
display:inline-block;
position:relative;
margin:0 auto;
font-weight:normal;
text-align:center;
}



.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:#F08200;
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.9rem;
color: #999;
}
.whatsnew dd {
line-height: 150%;
margin-top: 10px;
margin-left:0px;
font-size:1rem;
}

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

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

.txtl_catch_c {
padding: 0 !important;
margin-top: 60px;
font-size: 1.8rem;
line-height: 1.5;
font-weight:normal;
text-align: center;
color:#F08200;
}
.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: #F08200;
}

.txtl_catch_c_news {
padding: 0 !important;
margin-top: 60px;
font-size: 1.9rem;
line-height: 1.5;
font-weight:600;
text-align: center;
color:#F08200;
}
.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-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



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


.footer_info{
width:100%;

}


.footer_navi {
	margin-top:50px;
background: url(/img/blue_bg.png);
}
.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 18px 1px 18px;
transition: all .6s ease 0s;
box-sizing: border-box;
font-weight: bold;
font-family: Mplus!important;
display: inline-block;
font-size: 0.8rem;
transition: 0.5s;
text-decoration:none;
border-right: solid 1px #aaa;
}

.footer_navi ul li:last-child a {
border-right:none;
}



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


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

}

.footer_info_logo{
width:55%;
margin-left:7%;
}
.footer_info_tel{
width:40%;
}

.footer_info_logo ul{
width:290px;
margin: 0;
padding: 0;
}
.footer_info_logo ul li{
width:100%;
display:block;
text-align:center;
}

.footer_info_logo ul li img{
width:94%;
height:auto;
}

.footer_info_tel ul{
width:290px;
margin: 0;
padding: 0;
}


.footer_info_add{
font-size:0.85rem;
}

.footer_info_telno{
font-size:1.8rem;
color:#01B4ED;
}
.footer_info_telno a{
color:#01B4ED;
}

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


.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:#01B4ED;
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: #F08200;
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;
	}

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



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


.contact_from input{
	font-size:1rem;
border:0;
outline:0;
padding:10px;
border:solid 1px #aaa;
width:94%;
margin-bottom:4px;
}


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

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

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


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


.contact_from th	{
border-bottom: 2px solid #1D5C79;
}
.contact_from td	{
padding: 20px 20px 20px 20px;
color: #1D5C79;
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: 1.1rem;
}

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

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

.contact_from input[type="submit"] {
width: 240px;
height: 45px;
font-size: 15px;
border: 0;
outline: 0;
padding: 4px;

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

table.contact_from02{
border-collapse: collapse;	border-spacing: 0;
width: 720px;
margin-bottom: 30px;
margin:0 auto;
margin-top:40px;
border-top:solid 3px #999;
}

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: #2AA738;
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: 1rem;
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: 1rem;
}
.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;
}

.recruitment_button {
    display: inline-block;
    width: 100%;
    max-width: 550px;
    color: #F08200;
    border: 3px solid #F08200;
    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%;
				margin-top:50px;
				font-family: Mplus!important;
}
.recruitment_button:hover {
color: #fff; /* 文字色 */
background: #F08200; /* 背景色 */
}
.recruitment_button .recruitment_sub{
	width:100%;
	display:block;
	font-size:0.9rem;
	margin-top:10px;
	color:#333;
	line-height:100%;
	letter-spacing: 0.01em;
	}

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

.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:#333;
	}
.topics_list a:hover{
	color:#01B4ED;
	}

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


.house_photo img{
vertical-align:top;
}

.pagetop {
display: none;
position: fixed;
width: 50px;
height: 50px;
bottom: 10px;
right: 7px;
border:solid 1px #ccc;
border-radius: 100%;
background-color:#fff;
}

.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 span{
	display:block;
    transition: opacity 0.2s ease;
    color: #666;
    font-size: 11px;
				margin-top:2px;
				line-height:130%!important;
}

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

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


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



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

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


body{
font-size:108%;
}

p {
font-size:1.05rem;
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;
}

.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: 58px;
padding-top:0px;
text-decoration: none;
}


#mobile-head {
background: rgba(255, 255, 255, 0.9);
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: -835px;
background: rgba(255, 255, 255, 0.9);
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;
margin:20px 0 30px 0;
}

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

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

#nav-toggle {
display: block;
background-color:#023894;
padding: 4px 4px 5px 4px;
}
#nav-toggle span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #fff;
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: 0;
}
#nav-toggle span:nth-child(2) {
top: 6px;
width:50%;
}
#nav-toggle span:nth-child(3) {
top: 12px;
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:7px;
color: #fff;
font-size: 0.55rem;
text-transform: uppercase;
}


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

}


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

#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: 16px 0 0 12px;
}

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

.nain_contents {
width: 90%;
margin: 0 auto;
box-sizing: border-box;
}


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

.h_main{
font-size:1.6rem;
display:inline-block;
position:relative;
margin:0 auto;
text-align:center;
}

.h_main::before {
content: url(/img/heading_dec_l.png);
vertical-align: middle;
position:absolute;
top:-7px;
left:-30px;
transform: scale(0.8);
}
.h_main::after {
content: url(/img/heading_dec_r.png);
vertical-align: middle;
padding-left: 10px;
position:absolute;
top:-6px;
right:-35px;
transform: scale(0.8);

}


.top_slide {
width: 100%;
height: 690px;
background-image: url(/img/catch_sp.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
margin-bottom: 20px;
}

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


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

.contact_from td {
padding: 5px 12px 5px 12px;
color: #1D5C79;
font-size: 0.9em;
border-bottom: 1px solid #DDD;
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: 1rem;
}

.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: #F08200;
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: #F08200;
}
.txtl_catch02_c {
padding: 0 !important;
margin-top: 20px;
font-size: 1.4rem;
line-height: 1.5;
font-weight: normal;
text-align: center;
color: #F08200;
}

.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: 7px;
    font-size: 1.1rem;
}

.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: #F08200;
    border: 3px solid #F08200;
    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: #F08200; /* 背景色 */
}
.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: 50px;
height: 50px;
bottom: 10px;
right: 7px;
border:solid 1px #ccc;
border-radius: 100%;
background-color:#fff;
}

.pagetop a {
display: block;
text-align: center;
color: #111;
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: #111;
text-decoration: none;
padding: 17px 10px;
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}


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

}


.pagetop span{
	display:block;
    transition: opacity 0.2s ease;
    color: #111;
    font-size: 11px;
				margin-top:2px;
				line-height:130%!important;
}

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

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

/**/


}