@charset "utf-8";


/* reset.css */
@charset "UTF-8";caption,td,th{text-align:left}dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,li,ol,p,table,th,tr,ul{margin:0;padding:0;font-size:100%}blockquote,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,li,ol,p,pre,span,td,th,ul{margin:0;padding:0}code,kbd,pre,samp,tt{font-family:monospace;line-height:100%}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ol,ul{list-style-type:none}q:after,q:before{content:''}button,fieldset,form,input,label,legend,select,textarea{margin:0;padding:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;vertical-align:baseline}table{border-collapse:collapse;border-spacing:0;font-size:100%}td,th{vertical-align:top}input[type=submit]::-moz-focus-inner{border:0}

a,body{color:#000000}a,a:hover{text-decoration:none}head{font-family:pc}html{overflow-y:scroll}img{-ms-interpolation-mode:bicubic;-webkit-user-drag:none;-khtml-user-drag:none}body{min-width:1024px;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;font-size:14px;font-size:75%\9;line-height:1.8;-webkit-text-size-adjust:100%;-moz-text-size-adjust:none;-ms-text-size-adjust:100%;text-size-adjust:100%}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){body{font-size:75%}}a{outline:0;-webkit-tap-highlight-color:transparent}a:hover{color:#153577}#Page{position:relative}#GlobalHeader{position:absolute;width:100%;z-index:30;border-bottom:1px solid #efefef;border-top:2px solid #C50912;box-shadow:1px 1px 1px rgba(251,251,251,.1)}#GlobalHeader.fixed{position:fixed}#GlobalHeader .inner{position:relative;max-width:100%;min-width:1024px;width:100%;height:90px;margin:0 auto}#GlobalHeader .logo{position:absolute;top:0;left:20px;padding-top:17px}#GlobalHeader #menuBtn{display:none}#GlobalHeader .global-navi{padding-top:24px;margin:0 0 0 335px}#GlobalHeader .global-navi .list{position:relative;width:16.666%;min-width:100px;float:left}#GlobalHeader .global-navi .list .gnavi{display:block;padding:17px 2px 0;line-height:1.2;text-align:center;transition:all .3s;border-left:1px solid #e7e7e7;font-size:108%;font-family:'Noto Sans Japanese',serif;height:36px}#GlobalHeader .global-navi .list:first-child .gnavi{border-left:none}#GlobalHeader .global-navi .list .gnavi.active span{color:#f69600;position:relative}#GlobalHeader .global-navi .list .gnavi.active span:after{content:'';position:absolute;width:100%;height:1px;bottom:-12px;left:0;background:#f69600}#GlobalHeader .global-navi .list .gnavi._blank span{padding-right:14px;transition:background .4s;}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){#GlobalHeader .global-navi .list .gnavi._blank span:not(:target){transition:background 1.5s;}}#GlobalHeader .sub-navi{position:absolute;left:50%;top:33px;width:588px;height:0;margin-left:-294px;overflow:hidden;z-index:9900}#GlobalHeader .sub-navi_recruit{position:absolute;left:inherit;right:0; top:33px;width:100%;max-width:260px;height:0;margin-left:0;overflow:hidden;z-index:9900}#GlobalHeader .sub-navi .inside{padding:12px 2px 2px;}#GlobalHeader .sub-navi_corporation .inside{padding:12px 2px 2px;}#GlobalHeader .sub-navi_about .inside{padding:12px 2px 2px;}#GlobalHeader .sub-navi_recruit .inside{padding:12px 2px 2px;}#GlobalHeader .sub-navi .inside dl{background:#004010;filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8;box-shadow:0 2px 1px 1px rgba(0,0,0,.1)}#GlobalHeader #individual dt{font-size:124%;border-bottom:2px solid #ffce90}#GlobalHeader #individual dt a{display:block;padding:15px 22px;color:#fff;font-family:'Noto Sans Japanese',serif;transition:all .3s;}#GlobalHeader #recruit dt a:not(:target),#GlobalHeader #about dt a:not(:target),#GlobalHeader #corporation dt a:not(:target),#GlobalHeader #individual dt a:not(:target){padding:19px 22px 11px\9}#GlobalHeader #recruit dd,#GlobalHeader #about dd,#GlobalHeader #corporation dd,#GlobalHeader #individual dd{padding:0;margin:0}#GlobalHeader #recruit ul,#GlobalHeader #about ul,#GlobalHeader #corporation ul,#GlobalHeader #individual ul{padding:0;margin:0;position:relative}#GlobalHeader #about li,#GlobalHeader #corporation li,#GlobalHeader #individual li{width:292px;float:left}#GlobalHeader #recruit li:first-child,#GlobalHeader #about li:first-child,#GlobalHeader #corporation li:first-child,#GlobalHeader #individual li:first-child{border-top:none;float:none;width:100%}#GlobalHeader #individual li a{position:relative;display:block;padding:13px 22px 12px;color:#fff;font-size:93%;background:#004010;transition:all .3s}#GlobalHeader #recruit li a:not(:target),#GlobalHeader #about li a:not(:target),#GlobalHeader #corporation li a:not(:target),#GlobalHeader #individual li a:not(:target){font-size:100%}@media all and (-ms-high-contrast:none){#GlobalHeader #individual dt a,::-ms-backdrop{padding:19px 22px 11px}#GlobalHeader #individual li a,::-ms-backdrop{font-size:100%}}#GlobalHeader #individual li a:hover{background:#004010;filter:alpha(opacity=95);-moz-opacity:.95;-khtml-opacity:.95;opacity:.95}#GlobalHeader #recruit li a:after,#GlobalHeader #about li a:after,#GlobalHeader #corporation li a:after,#GlobalHeader #individual li a:after{position:absolute;content:"\e928";top:50%;right:5px;margin-top:-19px;font-family:icomoon;font-size:22px;transition:all .3s}#GlobalHeader #recruit dt a,#GlobalHeader #about dt a,#GlobalHeader #corporation dt a,#GlobalHeader .contact a{display:block;color:#fff;transition:all .3s;font-family:'Noto Sans Japanese',serif}#GlobalHeader #recruit li a:hover:after,#GlobalHeader #about li a:hover:after,#GlobalHeader #corporation li a:hover:after,#GlobalHeader #individual li a:hover:after{right:1px}#GlobalHeader #corporation dt{font-size:124%;border-bottom:2px solid #112B60}#GlobalHeader #corporation dt a{padding:15px 22px;}#GlobalHeader #corporation li a{position:relative;display:block;padding:13px 22px 12px;color:#fff;font-size:93%;background:#112B60;transition:all .3s}@media all and (-ms-high-contrast:none){#GlobalHeader #corporation dt a,::-ms-backdrop{padding:19px 22px 11px}#GlobalHeader #corporation li a,::-ms-backdrop{font-size:100%}}#GlobalHeader #corporation li a:hover{background:#112B60;filter:alpha(opacity=95);-moz-opacity:.95;-khtml-opacity:.95;opacity:.95}#GlobalHeader #about dt{font-size:124%;border-bottom:2px solid #981212}#GlobalHeader #about dt a{padding:15px 22px;filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}#GlobalHeader #about li a{position:relative;display:block;padding:13px 22px 12px;color:#fff;font-size:93%;background:#981212;transition:all .3s}@media all and (-ms-high-contrast:none){#GlobalHeader #about dt a,::-ms-backdrop{padding:19px 22px 11px}#GlobalHeader #about li a,::-ms-backdrop{font-size:100%}}#GlobalHeader #about li a:hover{background:#981212;filter:alpha(opacity=95);-moz-opacity:.95;-khtml-opacity:.95;opacity:.95}#GlobalHeader #recruit dt{font-size:124%;border-bottom:2px solid #003040}#GlobalHeader #recruit dt a{padding:15px 22px;filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}#GlobalHeader #recruit li a{position:relative;display:block;padding:13px 22px 12px;color:#fff;font-size:93%;background:#003040;transition:all .3s}@media all and (-ms-high-contrast:none){#GlobalHeader #recruit dt a,::-ms-backdrop{padding:19px 22px 11px}#GlobalHeader #recruit li a,::-ms-backdrop{font-size:100%}}#GlobalHeader #recruit li a:hover{background:#003040;filter:alpha(opacity=95);-moz-opacity:.95;-khtml-opacity:.95;opacity:.95}#GlobalHeader .contact{position:absolute;top:16px;right:20px}#GlobalHeader .contact a{width:88px;padding:32px 0 8px;text-align:center;border-radius:3px;font-size:85%;}#GlobalHeader .contact a:not(:target){padding:34px 0 6px\9}@media all and (-ms-high-contrast:none){#GlobalHeader .contact a,::-ms-backdrop{padding:34px 0 6px}}#Main{margin-top:90px}#Main .wrap{width:960px;margin:0 auto}#Main .hide-hdg{display:none}.cf:after,.cf:before{content:"";display:table}.cf:after{clear:both}.cf{zoom:1}@media screen and (max-width:1023px){#GlobalHeader,#GlobalHeader.fixed{position:relative}#GlobalHeader .global-navi .list .gnavi:hover,a:hover{color:#494949}head{font-family:sp}body{min-width:100%;margin:0;padding:0}#GlobalHeader{border-top:3px solid #C50912;margin:0}#GlobalHeader .inner{min-width:320px;height:65px;margin:0}#GlobalHeader .logo{top:20px;left:10px;margin:0;padding:0;border-top:none}#GlobalHeader .logo img{width:300px;height:auto;top:-10px;position:absolute;left:0}#GlobalHeader #menuBtn{display:block;margin:0}#GlobalHeader .global-navi .list .gnavi.active span:after,#menuBg{display:none}#GlobalHeader #menuBtn a{position:absolute;right:10px;top:10px;width:45px;height:45px;text-indent:-9999px;background-size:45px}#GlobalHeader #menuBtn .open-flg{background-size:45px}#GlobalHeader #openMenu{display:none;position:absolute;top:66px;z-index:5;width:100%;background:#fff}#menuBg{position:absolute;width:100%;height:100%;top:0;left:0;background:#000;opacity:.7;z-index:4}#GlobalHeader .global-navi{margin:0;padding-top:0}#GlobalHeader .global-navi .list{width:100%;float:none}
#GlobalHeader .global-navi .list .gnavi{position:relative;padding:9px 20px;line-height:39px;text-align:left;border-left:none;border-bottom:1px solid #e7e7e7}#GlobalHeader .global-navi .list .gnavi:after{position:absolute;content:"\e928";top:0;right:12px;font-family:icomoon;font-size:22px;margin-top:9px}#GlobalHeader .global-navi .list.parent .gnavi:after{content:'';width:17px;height:100%;right:20px;background-size:17px 17px;top:0;margin-top:2px}#GlobalHeader .global-navi .list.parent .gnavi.open-flg:after{content:'';width:17px;height:100%;right:20px;background-size:17px 17px}#GlobalHeader .global-navi .list .gnavi._blank span,#GlobalHeader .global-navi .list .gnavi._blank:hover span{background:0 0}#GlobalHeader .global-navi .list .gnavi._blank:after{content:'';width:10px;height:55px;right:23px;background-size:10px 10px}#GlobalHeader .sub-navi{position:static;width:100%;margin-left:0;transition:all .3s;background:0 0;overflow:hidden}#GlobalHeader .sub-navi_recruit{max-width:inherit;transform:inherit;}#GlobalHeader .sub-navi .inside{padding:0 20px;background:#fafafa;border-bottom:1px solid #e7e7e7}#GlobalHeader .sub-navi .inside dl{background:0 0;box-shadow:none}#GlobalHeader #recruit dt,#GlobalHeader #about dt,#GlobalHeader #corporation dt,#GlobalHeader #individual dt{font-size:93%;border-bottom:none}#GlobalHeader #recruit dt a,#GlobalHeader #about dt a,#GlobalHeader #corporation dt a,#GlobalHeader #individual dt a{position:relative;padding:14px 5px 13px;color:#646464;font-family:'Noto Sans Japanese',serif;background:0 0}#GlobalHeader #recruit dt a:hover,#GlobalHeader #about dt a:hover,#GlobalHeader #recruit li a:hover,#GlobalHeader #about li a:hover,#GlobalHeader #corporation dt a:hover,#GlobalHeader #corporation li a:hover,#GlobalHeader #individual dt a:hover,#GlobalHeader #individual li a:hover{background:0 0}#GlobalHeader #recruit li,#GlobalHeader #about li,#GlobalHeader #corporation li,#GlobalHeader #individual li{border-top:none;float:none;width:100%}#GlobalHeader #individual li a{position:relative;padding:14px 5px 13px;color:#646464;font-size:85%;background:0 0;border-top:1px solid #e7e7e7}#GlobalHeader #recruit dt a:after,#GlobalHeader #recruit li a:after,#GlobalHeader #about dt a:after,#GlobalHeader #about li a:after,#GlobalHeader #corporation dt a:after,#GlobalHeader #corporation li a:after,#GlobalHeader #individual dt a:after,#GlobalHeader #individual li a:after{position:absolute;content:"\e928";top:50%;right:-5px;margin-top:-19px;font-family:icomoon;font-size:22px}#GlobalHeader #recruit li a:hover:after,#GlobalHeader #about li a:hover:after,#GlobalHeader #corporation li a:hover:after,#GlobalHeader #individual li a:hover:after{right:-5px}#GlobalHeader #recruit li a,#GlobalHeader #about li a,#GlobalHeader #corporation li a{position:relative;padding:14px 5px 13px;color:#646464;font-size:85%;background:0 0;border-top:1px solid #e7e7e7;width:100%;float:none}#GlobalHeader .contact{position:static;margin:20px;padding:0}#GlobalHeader .contact a{width:100%;text-indent:0;font-size:100%;font-weight:700;background:#fe9e1a;padding:15px 0 12px}#GlobalHeader .contact a span{padding-left:22px;padding-top:4px;background-size:16px 12px}#GlobalHeader .contact a:hover{background:#fe9e1a}#Main{margin-top:0}#Main .wrap{width:auto;margin:0 20px}}@media screen and (max-width:1000px){#GlobalHeader .global-navi .list .gnavi{font-size:100%}}@media screen and (max-width:480px){#GlobalHeader .logo img{width:240px;height:auto;top:-10px;position:absolute;left:0}}

.tel_txt{font-family:'Titillium Web', sans-serif;}
.size25{font-size:25px;}
.inline_kaigyou{display:inline-block;}
.red{color:#990000!important;}
*{margin:0;padding:0;}
section, nav, article, aside, hgroup, header, footer, figure, figcaption, summary{display:block;}
img{border:none;padding:0;margin:0;-ms-interpolation-mode:bicubic;}
#wrapper{min-width:900px;margin:0;padding:0;position:relative;}
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
.clearfix{min-height:1px;}
* html .clearfix{height:1px;}
.clear{clear:both;}
#tag{border-top:2px solid #000;font-size:10px;line-height:11px;margin:0 20px;padding:5px;}
#footer{font-size:11px;color:#fff;background-color:#000;margin:0;padding:10px 20px;clear:both;}
#footer small{margin:0;padding:0;clear:both;}
.font_11{font-size:11px;}
.font_14{font-size:14px;}
.font_30{font-size:30px!important;}

.font_bold{font-weight:bold;}
.img_left{float:left;padding:0 10px 10px 0;}
.img_right{float:left;padding:0 0 10px 10px;}
.bxslider li {
  display: none;
}
.bx-viewport .bxslider li {
  display: block !important;
}



/* フォント */

#lower .mincho{
font-family: 'Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
}

#lower .gothic{
	font-family: 'Noto Sans CJK JP','ヒラギノ角ゴ Pro','ヒラギノ角ゴ StdN','ヒラギノ角ゴ Std','ヒラギノ角ゴ ProN W3','HiraKakuProN-W3','游ゴシック','Yu Gothic','YuGothic','Hiragino kaku Gothic ProN','Hiragino Sans','Noto Sans CJK JP','Noto Sans JP',sans-serif;
}

/*
共通
*/

.bl{
display: block;	
}
.in-bk{display: inline-block;}
a{transition: all 0.5s ease 0s;}
a:hover{opacity: 0.6;}

.sp-img{display: none;}
.sp_br{display: none;}	
.tb_br{display: none;}

.pink{color: #ce6c56;}
.blue{color: #29b3b9;}

img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

@media (max-width:1024px) {
.tb_br{
    display: block;
}	
}

@media (max-width:767px) {
    .pc-img{display: none;}
    .sp-img{display: block;}
    .sp_br{display: block;}	
	}





li {
	list-style-type:none;
}

body {
    -webkit-text-size-adjust: 100%;
	counter-reset: number;
    background: #fff;
    overflow: hidden;
}
body.iryou{
    line-height: 1.6;
    letter-spacing: 0.08em;
}

.clearfix::after {
  content: '.';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
button, input, select, textarea {
  min-height: 1.5em;
  background-color: transparent;
}
input[type="submit"], input[type="reset"] {
  cursor: pointer;
}
input:-webkit-autofill {
 -webkit-box-shadow: 0 0 0px 1000px transparent inset;
 box-shadow: 0 0 0px 1000px transparent inset;
}

.bold {
	font-weight: bold;
}
.underline {
	text-decoration: underline;
}
img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

a, body {
	color: #000;
}
li a {
	display: block;
}
p {
	text-align: justify;
	text-justify: inter-ideograph;
}
.iryou-wapper * {
	box-sizing: border-box;
}
a {  
	overflow:hidden;
	outline: none; 
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	text-decoration:none;
	margin:0;padding:0;border:0;
    vertical-align:baseline;
    cursor : pointer;
}
a:hover{
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
	-ms-transition: .3s;
	transition: .3s;
}
.iryou-wapper * h1, h2, h3, h4, h5, h6, p, pre,img,dl, dt, dd, ol, ul, li{
	margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;
}
.br{display: block;}
.in-bk{display: inline-block;}
a{transition: all 0.5s ease 0s;}
a:hover{opacity: 0.6;}
.sp-img{display: none;}
@media (max-width:767px) {
    .pc-img{display: none;}
    .sp-img{display: block;}
}

.serif {
	font-family: 'Shippori Mincho','Noto Serif CJK JP','Noto Serif JP',serif;
}



/*
mv_area
*/
#lower .mv_area{
    background: url("../images/office/mv_bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center top;
}

#lower .mv_area .flex{
display: flex;
justify-content: flex-end;
align-items: center;
padding-bottom: 5.5em;
}


#lower .mv_area .left_box{
width: 39%;
z-index: 2;
border-radius: 3px;
box-shadow: -14px 2px 33px 3px rgba(218, 148, 133, 0.17);
}


#lower .mv_area .left_box.utsunomiya{
width:42%;
}

#lower .mv_area .right_box{
    width: 58%;
    /* margin: 0% 0%; */
    margin-left: -5%;
    margin-top: 12%;
    /*z-index: 1;*/
}

.mv_area h1{
font-size: 60px;
background: rgba(255,255,255,0.85);
padding: 0.95em 0.7em 0.95em 0.9em;
line-height: 1.6;
letter-spacing: 0.11em;
}

.mv_area h1.utsunomiya{
padding: 0.95em 0.4em 0.95em 0.9em;
letter-spacing: 2.5px;
}

.mv_area h1 .sub{
font-size: 20px;
font-weight: 600;
margin-bottom: 1.1em;
letter-spacing: 0.14em;
font-family: 'Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;	
}

    h1 .text-bg{
        font-size: 71px;
		font-weight: 500;
        padding: 0px 2px 0px 10px;
		background-color: #da9485;
		color: #fff;
    }
	    h1 .text-bg02{
        font-size: 76px;
		font-weight: 500;
		color: #d07865;
    }

 #lower .sp_mv{
     display: none;
    }


@media(max-width:1870px){
	
#lower .mv_area .flex{
padding-top: 1%;
}
	
  .mv_area h1{
        font-size: 3.1vw;
        padding: 0.95em 0.6em 0.95em 0.9em;
	  padding: 0.95em 0.1em 0.95em 0.9em;
    }
    h1 .text-bg{
        font-size: 3.9vw;
    }
	    h1 .text-bg02{
        font-size: 4.1vw;
		color: #d07865;
    }

	.mv_area h1 .sub {
    font-size: 1.2vw;
}			
}

@media(max-width:1319px) {
		
#lower .mv_area .flex{
padding-top: 3%;
}		
	
#lower .mv_area .left_box {
    width: 41%;
}	
	
  .mv_area h1{
     font-size: 3.1vw;
	 padding: 0.95em 0em 0.95em 0.9em;
    }
    h1 .text-bg{
        font-size: 4vw;
    }
	    h1 .text-bg02{
        font-size: 4.2vw;
		color: #da9485;
    }

	.mv_area h1 .sub {
   font-size: 1.2vw;
}	
	
h1 .text-bg {
 padding: 0px 1px 0px 5px;
}		
}
	
@media (max-width: 1024px){
	
#lower .mv_area .flex{
padding-top: 4.5em;
}			
	
#lower .mv_area .right_box {
    /* margin: 0% 0%; */
    margin-left: -7%;
}	
	
#lower .mv_area .left_box {
    width: 43%;
}	
	
h1 .text-bg02 {
    font-size: 4.4vw;
}
	
h1 .text-bg {
    font-size: 4.2vw;
}
	
.mv_area h1 {
    font-size: 3.6vw;
    padding: 0.95em 0em 0.95em 0.9em;
}

	
#lower .mv_area .right_box.utsunomiya {
    margin-left: -8%;
}	
	
#lower .mv_area .left_box.utsunomiya{
width:45%;
}	
	
#lower .mv_area h1.utsunomiya {
    letter-spacing: 2px;	
}				
}


@media(max-width:821px) {
    #lower .mv_area .left_box.utsunomiya {
        width: 46%;
    }
 }


@media(max-width:767px) {
 #lower .sp_mv{
        display: block;
        height: auto;
    }
	
 #lower .mv_area{
     display: none;
    }	
}

.section{
padding: 150px 0;
}

#lower .section h2{
font-size: 50px;
font-weight: 500;
line-height: 1.6;
letter-spacing: 3px;
text-align: center;
margin-bottom: 85px;
border-left:none;
padding: 0;
}

.section1 h3{
font-size: 30px;
font-weight: 500;
line-height: 1.7;
letter-spacing: 4px;
text-align: left;
margin-bottom: 50px;
position: relative;
}
#lower .section1 .iryokago h3, #lower .section1 .iryokago h3.long, #lower .section1 .iryokago h3.long2, #lower .section1 .iryokago h3.long2_osaka {
	margin-top: 0;
	font-size: 30px;
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 4px;
	text-align: left;
	position: relative;
	padding-left: 1.3em;
	padding-top: 0.3em;
}
#lower .section1 .iryokago h3.long {
	padding-top: 0.5em !important;
	margin-top: -1%; 
}
#lower .section1 .iryokago h3.long2, #lower .section1 .iryokago h3.long2_osaka {
	padding-top: 0.7em !important;
	margin-top: -1%; 
}

#lower .section1 .iryokago .br {
	display: inline-block;
}
.section1 .h3{
display: inline-block;
padding-left: 1.3em;
padding-top: 0.3em;
}
#lower .iryokago h3::before, #lower .iryokago h3.long::before, #lower .iryokago h3.long2::before, #lower .iryokago h3.long2_osaka::before {
	/*display: none;*/
	background-color: #d07865;
    border-radius: 5px;
    content: "";
    display: inline-block;
	height: 86%;
    /*height: 3.2em;*/
	/*height: 3.6em;*/
    vertical-align: middle;
    width: 6px;
    position: absolute;
    left: 0%;
    top: 10%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
	background-image: none;
}

#lower .iryokago h3.long::before {
	height: 86% !important;
}
#lower .iryokago h3.long2::before, #lower .iryokago h3.long2_osaka:before {
	height: 88% !important;
}


.point:before {
    background-color: #d07865;
    border-radius: 5px;
    content: "";
    display: inline-block;
    height: 2.8em;
    vertical-align: middle;
    width: 6px;
    position: absolute;
    left: 0%;
    top: 10%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.section1 .flex{
display: flex;	
}

.section1 .left_box{
 width: 41%;
 margin-top: 0.5%;
}
.section1 .right_box{
 width: 40%;
padding: 0 18% 0 100px;
}

.section1  p{
font-size: 18px;
font-weight: 500;
line-height: 2.2;
letter-spacing: 1px;
}

.section1  p + p{
 margin-top: 2em;
}

@media(max-width:1650px) {
	
.section1 h3{
font-size: 1.9vw;
}
	
.section1 .right_box {
    width: 43%;
    padding: 0 12% 0 100px;
}		
}
	
@media(max-width:1299px) {

.section{
padding: 14% 0;
}
	
#lower .section h2{
font-size: 3.5vw;
margin-bottom: 2.9em;
}	
	
.section1 h3{
font-size: 2.1vw;
margin-bottom: 1.3em;
}
	
.point:before {
 width: 5px;
}	
	
.section1 .left_box{
 width: 31%;
}		
.section1 .right_box {
  width: 50%;
  padding: 0 12% 0 7%;
}
	
.section1  p{
font-size: 15px;
}	
}

@media(max-width:1233px) {
	
#lower .section1 .iryokago h3.long2_osaka {
	/*padding-top: 0.7em !important;*/
	padding-top: 5% !important;
	margin-top: -4%; 
}
}
@media(max-width:1024px) {
#lower .section h2{
font-size: 4vw;
}
	
.point:before {
    height: 4.35em;
    width: 5px;
}	
		
.section1 h3{
font-size: 2.8vw;
}

#lower .section1 .iryokago h3, #lower .section1 .iryokago h3.long, #lower .section1 .iryokago h3.long2, #lower .section1 .iryokago h3.long2_osaka {
	font-size: 2.8vw;
}
#lower .iryokago h3::before {
    height: 3.0em;
}
#lower .iryokago h3.long::before {
	height: 86% !important;
}
}

@media(max-width:767px) {
#lower .section h2{
font-size: 5.6vw;
margin-bottom: 1.5em;
letter-spacing: 2px;
}	

.section1 .flex{
display: block;	
width: 90%;
margin: 0 auto;
}	
	
.section1 .left_box{
 width: 80%;
 margin-top: 0;
 margin: 0 auto 2.3em;
}
.section1 .right_box{
 width: 100%;
 padding: 0;
}
	
.section1 h3 {
font-size: 4.1vw;
margin-bottom: 1.3em;
letter-spacing: 1px;
line-height: 1.5;
}
	
.section1 .h3 {
/* padding-left: 1.2em; */
 padding-left: 0em;	
}
#lower .section1 .iryokago h3, #lower .section1 .iryokago h3.long, #lower .section1 .iryokago h3.long2, #lower .section1 .iryokago h3.long2_osaka {
	font-size: 4.4vw;
	/*font-size: 4.1vw;*/
	margin-top: 0.3em;
	/*margin-left: 1.3em;*/
	margin-bottom: 0.5em;
	letter-spacing: 1px;
	line-height: 1.5;
}
#lower .iryokago h3::before {
    /*height: 2.8em;*/
	height: 83% !important;
    width: 6px;
}
.point:before {
	height: 2.8em;
    left: 1%;
    top: 5%;
}		
}

@media(max-width:480px) {
#lower .section h2{
margin: 0px 0 2.2em 0;
}
#lower .section1 .iryokago h3, #lower .section1 .iryokago h3.long, #lower .section1 .iryokago h3.long2, #lower .section1 .iryokago h3.long2_osaka {
	font-size: 5.2vw;
	/*font-size: 4.9vw;*/
}
#lower .iryokago h3::before, #lower .iryokago h3.long::before, #lower .iryokago h3.long2::before, #lower .iryokago h3.long2_osaka::before {
    height: 86%;
	width: 4px;
}
#lower .section1 .iryokago p.text {
	font-size: 16px;
	font-weight: normal;
}
}

@media(max-width:400px) {
.section1 h3 {
font-size: 5.0vw;
}
}

/*
section2
*/

.section2 .section2-bg{
    background: url("../images/office/bg01.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position:center bottom;
    padding: 150px 0 160px;
}
.section2 .section2-bg{
    background-image: url("../images/office/bg01.jpg.webp");
}
#lower .section2 h2{
    text-shadow: 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fff, 0 0 25px #fff, 0 0 30px #fff, 0 0 40px #fff;
	font-size: 46px;
	font-weight: 500;
    line-height: 1.6;
    letter-spacing: 3px;
    text-align: center;
    margin-bottom: 0px;
	border-left: none;
	padding: 0;
}

.section2 .section2-list{
    max-width: 900px;
    width: 95%;
    margin: 0px auto 40px;
    display: flex;
    justify-content: space-between;
}
.section2 .section2-list li{
    background: url("../images/office/bg02.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position:center;
    width: 350px;
    height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-family: 'Zen Old Mincho','Shippori Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
    font-weight: bold;
    font-size: 17px;
}
.section2 .section2-list li{
    background-image: url("../images/office/bg02.png");
}
.section2 .section2-list li .count{
    line-height: 1;
}
.section2 .section2-list li .count .big{
    font-size: 70px;
    color: #d56f67;
    letter-spacing: 0;
    font-family: 'Shippori Mincho SemiBold','Noto Serif CJK JP','Noto Serif JP','メイリオ',serif;
}
#lower .section2 .section2-list li .note{
    font-size: 12px;
    font-family: 'Noto Sans CJK JP','Noto Sans JP','ヒラギノ角ゴ Std','ヒラギノ角ゴ StdN','ヒラギノ角ゴ Pro','ヒラギノ角ゴ ProN W3','HiraKakuProN-W3','游ゴシック','Yu Gothic','YuGothic','Hiragino kaku Gothic ProN','Hiragino Sans','A P-OTF A1ゴシック Std','A P-OTF A1ゴシック',sans-serif;
    text-align: center;
    font-weight: normal;
    margin-top: 10px;
}
.section2 .title{
font-size: 20px;	
}

.text-box{
    font-size: 18px;
    font-family: 'Noto Sans CJK JP','Noto Sans JP','ヒラギノ角ゴ Std','ヒラギノ角ゴ StdN','ヒラギノ角ゴ Pro','ヒラギノ角ゴ ProN W3','HiraKakuProN-W3','游ゴシック','Yu Gothic','YuGothic','Hiragino kaku Gothic ProN','Hiragino Sans','A P-OTF A1ゴシック Std','A P-OTF A1ゴシック',sans-serif;
    line-height: 1.8;
}


@media(max-width:1024px) and (min-width:768px){
	
  #lower  .section2 h2{
	font-size: 4vw;
}		
    .section2 .section2-bg{
        padding: 100px 0 150px;
    }
    .section2 .section2-list{
        max-width: 840px;
        width: 90%;
        margin: 30px auto;
    }
    .section2 .section2-list li{
        width: 300px;
        height: 300px;
        font-size: 16px;
    }
    .section2 .section2-list li .count .big{
        font-size: 57px;
    }
   #lower .section2 .section2-list li .note{
        font-size: 10px;
        margin-top: 8px;
        line-height: 1.4;
    }
    .section2 .title {
     font-size: 2.2vw;
}	
}

@media (max-width:767px) {
	
	#lower .section2 h2{
	font-size: 5.2vw;
}	
    .section2 .section2-bg{
        padding: 13% 0 15%;
    }
    .section2 .section2-list{
        max-width: none;
        width: 90%;
        margin: 5% auto;
    }
    .section2 .section2-list li{
        width: 30vw;
        height: 30vw;
        font-size: 2.5vw;
    }
    .section2 .section2-list li .count .big{
        font-size: 7.8vw;
    }
   #lower .section2 .section2-list li .note{
        font-size: 9px;
        margin-top: 5px;
    }
	
	.section2 .title {
     font-size: 2.3vw;
}	
}

@media (max-width:500px) {
    .section2 .section2-list{
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
		gap: 8px;
    }
    .section2 .section2-list li {
        background: url("../images/office/bg02.png");
        background-size: 110% auto;
        background-repeat: no-repeat;
        background-position:center;
        width: 45vw;
        height: 45vw;
        font-size: 3.5vw;
    }
    .webp .section2 .section2-list li {
        background-image: url("../images/office/bg02.png.webp");
    }
    .section2 .section2-list li:first-child{
        margin: 0 10% -6vw;
    }
   #lower .section2 .section2-list li .note{
        line-height: 1.1;
        letter-spacing: 0;
    }
    .section2 .section2-list li .count {
        margin-top: -1vw;
    }
    .section2 .section2-list li .count .big {
        font-size: 10vw;
    }
	.section2 .title {
     font-size: 3vw;
	 margin-bottom: 0.4em;
}	
}

@media (max-width:400px) {
    .section2 .section2-list li{
        background-size: 118% auto;
        width: 48vw;
        height: 48vw;
    }
   #lower .section2 .section2-list li .note{
        letter-spacing: -0.02em;
        text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fff;
    }
	
	.section2 .title {
     font-size: 3.3vw;
	 margin-bottom: 0.4em;
}	
	
.section2 .section2-list li:first-child,.section2 .section2-list li{
margin:10px auto!important;

}	
	.section2 .section2-list{
	    flex-direction: column;
	}
}

/*
section3
*/

#lower .section3{
background-color: #f3edea;		
}

#lower .section3 h2 {
  line-height: 1.5;
}

#lower .section3 h2 .pink{
background-color: #fff;
display: inline-block;
padding: 0 0.3em;
margin-top: 0.18em;
}



#lower .section3 .section3-list img{
    border-radius: 15px;
}

#lower .section3 .section3-list{
   max-width: 1200px;
   width: 90%;
   margin: 0 auto;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   gap: 60px 0px;
}

#lower .section3 .section3-list li{
   width: 30%;
   display: flex;
}

#lower .section3 .section3-list::after {
  content: "";
  display: block;
   width: 30%;
}


#lower .section3 .section3-list .box .post{
    font-size: 16px;
	font-weight: 500;
    font-family: 'Zen Old Mincho','Shippori Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
    text-align: center;
    line-height: 1.5;
    margin: 15px 0 10px;
}

#lower .section3 .section3-list .box .name{
    font-size: 34px;
	font-weight: 500;
    font-family: 'Zen Old Mincho','Shippori Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
    text-align: center;
    line-height: 1.2;
	position: relative;
}

#lower .section3 .section3-list .box .name::after {
    content: '';
    display: inline-block;
    width: 0.9em;
    height: 0.9em;
    background-image: url("../images/office/yaji.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-left: 15px;
	position:absolute;
    top: 0.2em;
}

@media(max-width:1166px) {
	
#lower .section3 .section3-list{
   max-width: 1200px;
   width: 90%;
   margin: 0 auto;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   gap: 50px 0px;
}		
	
#lower .section3 .section3-list .box .post{
    font-size: 15px;
}
	
#lower .section3 .section3-list .box .name {
    font-size: 25px;
}
}


@media (max-width:767px) {

#lower .section3 .section3-list li{
   width: 48%;
}		
	
#lower .section3 .section3-list {
    width: 90%;
    gap: 3em 0px;
}	
	
#lower .section3 .section3-list .box .post{
    font-size: 2.3vw;
    margin: 6% 0 4%;
}	
	
#lower .section3 .section3-list .box .name {
    font-size: 4vw;
}
	
#lower .section3 .section3-list .box .name::after {
    width: 0.8em;
    height: 0.8em;
    margin-left: 5px;
    top: 0.3em;
}
}

/*
section4
*/

.section.section4 {
  padding-bottom: 0;
}

.section4 .container{
   max-width: 1200px;
   width: 90%;
   margin: 0 auto;
/*   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   gap: 20px 20px;*/
}

.container .url-flex{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}
.container .url-flex a{
    width: 32%;
    height: 100px;
    margin-right: 2%;
    margin-bottom: 2.5%;;
    border-radius: 100px;
    color: #fff;
	background: rgb(244,173,134);
    background: linear-gradient(90deg, rgba(244,173,134,1) 0%, rgba(235,159,125,1) 25%, rgba(227,146,117,1) 49%, rgba(221,136,111,1) 78%, rgba(216,127,105,1) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 36px;
    font-family: 'Shippori Mincho','Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;	
}

.container .url-flex a:nth-child(3){
    margin-right: 0;
}
.container .url-flex a::after{
    content: "";
    background: url("../images/office/yaji02.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position:center;
    width: 0.7em;
    height: 0.7em;
    display: inline-block;
    margin-left: 10px;
    margin-top: 3px;
}

@media(max-width:1024px){

  .section4 .container {
    width: 100%;
    }
  .container .content{
        width: 90%;
        margin: 35px auto 0;
    }
  .container .btn-flex a{
        width: 49%;
        height: 150px;
        font-size: 4.2vw;
    }
   .container .btn-flex a::after{
        margin-left: 1vw;
        margin-top: 0.3vw;
    }
   .container .url-flex a{
        height: 80px;
        font-size: 3.2vw;
    }
    .container .url-flex a::after{
        margin-left: 1vw;
        margin-top: 0.3vw;
    }	
}

@media (max-width:767px) {
    .section4 .container {
        width: 100%;
    }
    .container{

    }
    .container .content{
        width: 90%;
        margin: 10% auto 0;
    }
    .container .btn-flex{
       display: block;
    }
    .container .btn-flex a{
        max-width: none;
        width: 100%;
        height: 20vw;
        font-size: 5.5vw;
        margin-bottom: 5%;
    }
    .container .url-flex{
        margin-top: 2%;
    }
    .container .url-flex a{
        width: 49%;
        height: 12vw;
        border-radius: 100px;
        font-size: 4.5vw;
    }
    .container .url-flex a:nth-child(3n){
        margin-right: 2%;
    }
    .container .url-flex a:nth-child(2n){
        margin-right: 0;
    }
    .container .url-flex a::after{
        margin-left: 1.5vw;
        margin-top: 0.3vw;
    }
}

/*
section5
*/

.section5 .content{
   max-width: 1200px;
   width: 90%;
   margin: 0 auto;
    }

#lower .section h2 .small{
    font-size: 34px;
}

.section5 .map_wrap{
  position:relative;
  text-align: center;
  margin-bottom: 80px;
}
.section5 .map_wrap iframe {
  width: 100%;
  display: block;
  margin: 0 auto;
}

.section5 .office_place{
   max-width: 1050px;
   width: 90%;
   margin: 0 auto;
}

.section5 .office_place.route{
   margin-bottom: 80px;
}

.section5 table th, table td{
font-size: 20px;	
font-weight: 600;
}

.section5 .office_place th {
    width: 35%;
    background-color: #f3f1ec;
    padding:  20px 0px 20px 40px;
    border-bottom: 2px solid #fff;
    text-align: left;
	font-family: 'Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;	
	vertical-align:middle;
}

.section5 .office_place td {
    padding:  20px;
	border-bottom: 2px solid #f3f1ec;
    border-right: 2px solid #f3f1ec;
    border-left: 2px solid #f3f1ec;
	font-family: 'Zen Old Mincho','ヒラギノ明朝 Std','ヒラギノ明朝 StdN','ヒラギノ明朝 ProN W6','HiraMinProN-W6','Noto Serif CJK JP','Noto Serif JP','游明朝','Yu Mincho','YuMincho','メイリオ',serif;
	width: 66%;
	text-align: left;
	vertical-align:middle;
}

.section5 .office_place td.top{
    border-top: 2px solid #f3f1ec;
}

@media(max-width:1024px){

.section5 .office_place{
   width: 100%;
}	
	
.section5 .office_place th {
    width: 35%;
    padding: 20px 3% 20px 3%;
}	
	
.section5 .office_place td {
    padding:  20px 3% 20px 3%;
}		
}

@media(max-width:767px){
		
#lower .section h2 .small{
    font-size: 4vw;
}
	
.section5 .map_wrap{
  margin-bottom: 4.5em;
  width: 100%;
}	
	
.section5 .map_wrap iframe {
  width: 90vw;
  height: 90vw;
}
	
table.route th, table.route td { display:block; 
}
	
.section5 table th, table td{
font-size: 16px;	
}	

.section5 .office_place.route {
	margin: 0 auto;
	margin-bottom: 4.5em;
}	
	
.section5 .office_place.route th {
    width: 100%;
    padding: 20px  ;
	font-size: 15px;
	box-sizing: border-box;
}
.section5 .office_place.route td {
  width: 100%;
  padding: 20px;
	box-sizing: border-box;
}	

.section5 .office_place td.top02 {
    border-top: none;
}	
}

/*
section6
*/

.section.section6{
background-color: #faf7f5;
}

.section6 .container .url-flex {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}

.section6 .content{
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
}
#lower .section6 h2{
    margin: 130px 0 55px;
    font-size: 50px;
}
.section6 .section6-list{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.section6 .section6-list li{
    max-width: 590px;
    width: 49%;
    height: 100px;
    margin-bottom: 25px;
	
}
.section6 .section6-list li a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    border-radius: 100px;
    background-color: #29b3b9;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
	text-align: center;
    letter-spacing: 0.1em;
    line-height: 1.2;
    font-family: 'Noto Sans CJK JP','Noto Sans JP','ヒラギノ角ゴ Std','ヒラギノ角ゴ StdN','ヒラギノ角ゴ Pro','ヒラギノ角ゴ ProN W3','HiraKakuProN-W3','游ゴシック','Yu Gothic','YuGothic','Hiragino kaku Gothic ProN','Hiragino Sans','A P-OTF A1ゴシック Std','A P-OTF A1ゴシック',sans-serif;
    position: relative;
}
.section6 .section6-list li a::before{
    content: "";
    background:#fff;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    position: absolute;
    top:50%;
    right: 15px;
    transform: translateY(-50%);
}
.section6 .section6-list li a::after{
    content: "";
	background: url("../images/office/yaji03.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position:center;
    width: 46px;
    height: 46px;
    position: absolute;
    top:50%;
    right: 28px;
    transform: translateY(-50%);
}
.section6 .section6-list li a .br{
    width: 100%;
    text-align: center;
}
@media(max-width:1024px) and (min-width:768px){
    .section6{
        padding: 15% 0;
    }
    .section6 .content{
        width: 90%;
    }
    .section6 .section6-list{
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .section6 .section6-list li{
        width: 49.5%;
        height: 10vw;
        margin-bottom: 20px;
    }
    .section6 .section6-list li a{
        font-size: 2vw;
    }
    .section6 .section6-list li a::before{
        width: 7vw;
        height: 7vw;
        right: 1.5vw;
    }
    .section6 .section6-list li a::after{
        width: 5vw;
        height: 5vw;
        right: 2.5vw;
    } 
}

@media (max-width:767px) {

    .section6 .content{
        width: 90%;
    }
    #lower .section6 h2{
        margin: 10% 0 5%;
        font-size: 6vw;
    }
    .section6 .section6-list{
        width: 100%;
    }
    .section6 .section6-list li{
        max-width: none;
        width: 100%;
        height: 14vw;
        margin-bottom: 3%;
    }
    .section6 .section6-list li a{
        font-size: 4vw;
    }
    .section6 .section6-list li a::after{
        width: 10vw;
        height: 10vw;
        right: 10px;
    }
    .section6 .section6-list li a::before{
        width: 10vw;
        height: 10vw;
        right: 2vw;
    }
    .section6 .section6-list li a::after {
        width: 8vw;
        height: 8vw;
        right: 3vw;
    }
}

/*
section_jirei
*/


#lower .section_jirei h2{
font-size: 50px;
    font-weight: 500;
    letter-spacing: 3px;
    border-left: none;
	padding: 0;
	
}

@media (max-width:767px) {

 #lower .section_jirei h2{
        text-align: center;
	    font-size: 5.6vw;
	    margin-top: 0;
        padding-top: 1em;
    }
}



/*
.section2
*/
.iryou-wapper .section_jirei .gray-bg{
    background-color: #fbfbfb;
    padding-top: -50px;
    padding-bottom: 200px;
}
.iryou-wapper .section_jirei .gray-bg .title-flex{
    max-width: 1000px;
    width: 95%;
    margin: 0 auto 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.iryou-wapper .section_jirei .gray-bg .title-flex h2{
    font-size: 54px;
    font-family: 'Shippori Mincho Medium','Noto Serif CJK JP','Noto Serif JP','メイリオ',serif;
    letter-spacing: 0.1em;
}
.iryou-wapper .url-box{
    width: 500px;
    height: 90px;
    border-radius: 100px;
    background-color: #ce6c56;
    color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-family: 'Noto Sans CJK JP','Noto Sans JP','ヒラギノ角ゴ Std','ヒラギノ角ゴ StdN','ヒラギノ角ゴ Pro','ヒラギノ角ゴ ProN W3','HiraKakuProN-W3','游ゴシック','Yu Gothic','YuGothic','Hiragino kaku Gothic ProN','Hiragino Sans','A P-OTF A1ゴシック Std','A P-OTF A1ゴシック',sans-serif;
}
.iryou-wapper .url-box::after{
    content: "";
    background: url("../images/office/arrow_right_wh.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position:center;
    width: 1em;
    height: 1em;
    display: inline-block;
    margin-left: 5px;
    margin-top: 3px;
}
.iryou-wapper .gray-list-box{
    overflow: hidden;
    padding: 20px 0 50px;
}
.iryou-wapper .gray-list-box .list{
    width: 100%;
}

.iryou-wapper .gray-list-box .list .box{
    /*max-width: 1000px;*/
    width: 95%;
    background-color: #fff;
    /*padding: 80px 0;*/
    padding: 40px 0;
    min-height: 500px;
    margin: 0 80px;
    border-radius: 10px;
    box-shadow: 0 0 15px 5px rgb(0, 0, 0, 10%);
}
.iryou-wapper .gray-list-box .list .box .content{
    max-width: 700px;
    width: 95%;
    margin: 0 auto;
    display: block;
}
.iryou-wapper .gray-list-box .list .category{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 35px;
}
.iryou-wapper .gray-list-box .list .category li{
    font-size: 14px;
    color: #29b3b9;
    position: relative;
    border: 2px solid #29b3b9;
    border-radius: 5px;
    /*margin-right: 10px;*/
    font-family: 'Noto Sans CJK JP','Noto Sans JP','ヒラギノ角ゴ Std','ヒラギノ角ゴ StdN','ヒラギノ角ゴ Pro','ヒラギノ角ゴ ProN W3','HiraKakuProN-W3','游ゴシック','Yu Gothic','YuGothic','Hiragino kaku Gothic ProN','Hiragino Sans','A P-OTF A1ゴシック Std','A P-OTF A1ゴシック',sans-serif;
    padding: 2px 5px;
    font-weight: bold;
    line-height: 1.3;
}
.iryou-wapper .gray-list-box .list .category li::before{
    content: "";
    background: url("../images/office/check_green.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position:center;
    width: 13px;
    height: 13px;
    display: inline-block;
    margin-right: 5px;
}
.webp .iryou-wapper .gray-list-box .list .category li::before{
    background-image: url("../images/office/check_green.png.webp");
}
.iryou-wapper .gray-list-box .list .li-flex{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.iryou-wapper .gray-list-box .list .li-flex .l-box{
    max-width: 340px;
    width: 45%;
}
.iryou-wapper .gray-list-box .list .li-flex .r-box{
    max-width: 420px;
    width: 51%;
    font-size: 18px;
    font-family: 'Noto Sans CJK JP','Noto Sans JP','ヒラギノ角ゴ Std','ヒラギノ角ゴ StdN','ヒラギノ角ゴ Pro','ヒラギノ角ゴ ProN W3','HiraKakuProN-W3','游ゴシック','Yu Gothic','YuGothic','Hiragino kaku Gothic ProN','Hiragino Sans','A P-OTF A1ゴシック Std','A P-OTF A1ゴシック',sans-serif;
    font-weight: bold;
    margin-top: -10px;
}
.iryou-wapper .gray-list-box .list .li-urlbox{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.iryou-wapper .gray-list-box .list .li-urlbox a{
    max-width: 380px;
    width: 48%;
    height: 60px;
    border-radius: 100px;
    background-color: #ce6c56;
    color: #fff;
    position: relative;
    font-size: 24px;
    font-family: 'Noto Sans CJK JP','Noto Sans JP','ヒラギノ角ゴ Std','ヒラギノ角ゴ StdN','ヒラギノ角ゴ Pro','ヒラギノ角ゴ ProN W3','HiraKakuProN-W3','游ゴシック','Yu Gothic','YuGothic','Hiragino kaku Gothic ProN','Hiragino Sans','A P-OTF A1ゴシック Std','A P-OTF A1ゴシック',sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
}
.iryou-wapper .gray-list-box .list .li-urlbox a::before{
    content: "";
    background: url("../images/office/icon_url01.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position:center;
    width: 1em;
    height: 1em;
    display: inline-block;
    margin-right: 5px;
}
.iryou-wapper .gray-list-box .list .li-urlbox a.r-url{
    background-color: #29b3b9;
}
.iryou-wapper .gray-list-box .list .li-urlbox a.r-url::before{
    background-image: url("../images/office/icon_url02.svg");
}
.iryou-wapper .gray-list-box .list .slick-list{
    padding: 0 !important;
}
.iryou-wapper .gray-list-box .slick-dots{
    bottom: -50px;
}

.iryou-wapper .section_jirei .slider .slide-arrow{
    width: 50px;
    height: 50px;
    opacity: 0;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    z-index: 8000;
    cursor: pointer;
}
.iryou-wapper .section_jirei .slider .prev-arrow {
    left: -20px;
}
.iryou-wapper .section_jirei .slider .next-arrow {
    right: -20px;
}
.iryou-wapper .section_jirei .slider .slide-arrow:hover{
    opacity: 0;
}
.iryou-wapper .section_jirei .slider{
    position: relative;
    width: 90%;
    max-width: 1024px;
    margin: 0 auto;
}
.iryou-wapper .section_jirei .slider .slick-list {
    overflow: visible;
}
.iryou-wapper .section_jirei .slider .slick-slide {
    width: 90%;
    transition: all ease-in-out .3s;
}
.iryou-wapper .section_jirei .slider::before{
    content: "";
    background: url("../images/office/arrow_left_red.svg"),#fff;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position:center;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    top:50%;
    left: -20px;
    transform: translateY(-50%);
    margin-top: 10px;
    /*z-index: 1;*/
}
.iryou-wapper .section_jirei .slider::after{
    content: "";
    background: url("../images/office/arrow_right_red.svg"),#fff;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position:center;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    top:50%;
    right: -20px;
    transform: translateY(-50%);
    margin-top: 10px;
    /*z-index: 1;*/
}
.iryou-wapper .section_jirei .text-bg{
    background-color: #f8e7e4;
    padding: 0 5px;
}

.iryou-wapper .news-wrapper ul{
    padding: 0;
    max-width: 1000px;
    margin-top: 30px;
    width: 95%;
}
.iryou-wapper .field_tag {
    background-color: #2185b2;
    /* background-color: #dc8f30; */
    color: #fff;
    padding: 6px 10px;
    font-size: 12px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 3px;
    display: inline-block;
}
.iryou-wapper .symptom_tag {
    background-color: #3251ba;
    color: #fff;
    padding: 6px 10px;
    font-size: 12px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 3px;
    display: inline-block;
}
.iryou-wapper .symptom_tag {
    background-color: #3251ba;
    color: #fff;
    padding: 6px 10px;
    font-size: 12px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 3px;
    display: inline-block;
}
.iryou-wapper .taiou_tag {
    background-color: #0b4fb2;
    color: #fff;
    padding: 6px 10px;
    font-size: 12px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 3px;
    display: inline-block;
}
.iryou-wapper .kekka_tag {
    background-color: #1e438e;
    color: #fff;
    padding: 6px 10px;
    font-size: 12px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 3px;
    display: inline-block;
}
.iryou-wapper .treatment_tag {
    background-color: #3a9180;
    color: #fff;
    padding: 6px 10px;
    font-size: 12px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 3px;
    display: inline-block;
}
.iryou-wapper .cause_tag {
    background-color: #0a72c7;
    color: #fff;
    padding: 6px 10px;
    font-size: 12px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 3px;
    display: inline-block;
}
.iryou-wapper .medicine_tag {
    background-color: #1f758d;
    color: #fff;
    padding: 6px 10px;
    font-size: 12px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 3px;
    display: inline-block;
}
.iryou-wapper .patient_tag {
    background-color: #2a997f;
    color: #fff;
    padding: 6px 10px;
    font-size: 12px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 3px;
    display: inline-block;
}
.iryou-wapper .news-wrapper .jirei-syosai {
    background-color: #ce6c56;
    text-align: center;
    margin-top: 3px;
    max-width: 200px;
    float: unset;
    padding: 8px 40px 5px;
    font-size: 13px;
    margin-left: auto;
}
.iryou-wapper .news-wrapper .jirei-syosai::after{
    content: "";
    background: url("../images/office/arrow_right_wh.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    width: 1.2em;
    height: 1.2em;
    margin-left: 0;
    margin-top: 0;
    top:50%;
    transform:translateY(-50%);
}

@media(max-width:1024px) and (min-width:768px){
    .iryou-wapper .section_jirei .gray-bg{
        padding-top: -30px;
        padding-bottom: 100px;
    }
    .iryou-wapper .section_jirei .gray-bg .title-flex{
        width: 80%;
        margin: 0 auto 40px;
    }
    .iryou-wapper .section_jirei .gray-bg .title-flex h2{
        font-size: 5vw;
    }
    .iryou-wapper .url-box{
        width: 50vw;
        height: 70px;
        font-size: 2.4vw;
    }
    .iryou-wapper .url-box::after{
        margin-left: 5px;
        margin-top: 0.3vw;
    }
    .iryou-wapper .gray-list-box{
        padding: 20px 0 50px;
    }
    
    .iryou-wapper .gray-list-box .list .box{
        width: 95%;
        padding: 40px 0;
        margin: 0 60px;
    }
    .iryou-wapper .gray-list-box .list .box .content{
        width: 94%;
    }
    .iryou-wapper .gray-list-box .list .category{
        flex-wrap: wrap;
        margin-bottom: 25px;
    }
    .iryou-wapper .gray-list-box .list .category li{
        font-size: 13px;
        /*margin-right: 8px;*/
        padding: 2px 4px;
        line-height: 1.3;
    }
    .iryou-wapper .gray-list-box .list .category li::before{
        width: 11px;
        height: 11px;
        margin-right: 3px;
    }
    .iryou-wapper .gray-list-box .list .li-flex{
        margin-bottom: 30px;
    }
    .iryou-wapper .gray-list-box .list .li-flex .l-box{
        width: 45%;
    }
    .iryou-wapper .gray-list-box .list .li-flex .r-box{
        width: 53%;
        font-size: 16px;
        margin-top: -8px;
    }
    .iryou-wapper .gray-list-box .list .li-urlbox a{
        width: 48%;
        height: 50px;
        font-size: 20px;
    }
    .iryou-wapper .gray-list-box .slick-dots{
        bottom: -50px;
    }
    .iryou-wapper .section_jirei .slider .slide-arrow{
        width: 40px;
        height: 40px;
        margin-top: -15px;
    }
    .iryou-wapper .section_jirei .slider .prev-arrow {
        left: 15px;
    }
    .iryou-wapper .section_jirei .slider .next-arrow {
        right: 15px;
    }
    .iryou-wapper .section_jirei .slider{
        width: 100%;
    }
    .iryou-wapper .section_jirei .slider .slick-slide {
        width: 90%;
        transition: all ease-in-out .3s;
    }
    .iryou-wapper .section_jirei .slider::before{
        width: 40px;
        height: 40px;
        left: 15px;
        margin-top: 10px;
    }
    .iryou-wapper .section_jirei .slider::after{
        width: 40px;
        height: 40px;
        right: 15px;
        margin-top: 10px;
    }
}
@media (max-width:767px) {
    .iryou-wapper .section_jirei .gray-bg{
        padding-top: -5vw;
        padding-bottom: 15%;
    }
    .iryou-wapper .section_jirei .gray-bg .title-flex{
        width: 70%;
        margin: 0 auto 10%;
        display: block;
    }
    .iryou-wapper .section_jirei .gray-bg .title-flex h2{
        font-size: 7vw;
        margin-bottom: 5%;
    }
    .iryou-wapper .url-box{
        width: 100%;
        height: 10vw;
        font-size: 4vw;
    }
    .iryou-wapper .url-box::after{
        margin-left: 0.5vw;
        margin-top: 0.3vw;
    }
    .iryou-wapper .gray-list-box{
        padding: 4vw 0 10vw;
    }
    .iryou-wapper .gray-list-box .list{
        width: 100%;
    }
    
    .iryou-wapper .gray-list-box .list .box{
        width: 95%;
        /*padding: 4vw 0;*/
        padding: 30px 0;
        min-height: 280px;
        margin: 0 40px;
        box-shadow: 0 0 10px 5px rgb(0, 0, 0, 10%);
    }
    .iryou-wapper .gray-list-box .list .box .content{
        width: 92%;
    }
    .iryou-wapper .gray-list-box .list .category{
        flex-wrap: wrap;
        gap: 5px;
        margin-bottom: 10px;
    }
    .iryou-wapper .gray-list-box .list .category li{
        font-size: 12px;
        margin-right: 4px;
        padding: 2px 4px;
        margin-bottom: 5px;
    }
    .iryou-wapper .gray-list-box .list .category li::before{
        width: 10px;
        height: 10px;
        margin-right: 3px;
    }
    .iryou-wapper .gray-list-box .list .li-flex{
        display: block;
        margin-bottom: 20px;
    }
    .iryou-wapper .gray-list-box .list .li-flex .l-box{
        max-width: none;
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }
    .iryou-wapper .gray-list-box .list .li-flex .r-box{
        max-width: none;
        width: 100%;
        font-size: 14px;
        margin-top: 0;
    }
    .iryou-wapper .gray-list-box .list .li-urlbox{
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .iryou-wapper .gray-list-box .list .li-urlbox a{
        width: 49.5%;
        height: 30px;
        font-size: 3vw;
    }
    .iryou-wapper .gray-list-box .list .li-urlbox a::before{
        margin-right: 3px;
    }
    .iryou-wapper .gray-list-box .slick-dots{
        bottom: -10vw;
    }
    
    .iryou-wapper .section_jirei .slider .slide-arrow{
        width: 40px;
        height: 40px;
        opacity: 0;
        position: absolute;
        top: 50%;
        margin-top: -15px;
        z-index: 8000;
    }
    .iryou-wapper .section_jirei .slider .prev-arrow {
        left: 1vw;
    }
    .iryou-wapper .section_jirei .slider .next-arrow {
        right: 1vw;
    }
    .iryou-wapper .section_jirei .slider .slick-slide {
        width: 90%;
        transition: all ease-in-out .3s;
    }
    .iryou-wapper .section_jirei .slider::before{
        width: 40px;
        height: 40px;
        left: 1vw;
        margin-top: 5px;
    }
    .iryou-wapper .section_jirei .slider::after{
        width: 40px;
        height: 40px;
        right: 1vw;
        margin-top: 5px;
    }
}
@media (max-width:500px) {
    .iryou-wapper .gray-list-box .list .box{
        min-height: 360px;
    }
    .iryou-wapper .gray-list-box .list .li-urlbox{
        display: block;
    }
    .iryou-wapper .gray-list-box .list .li-urlbox a{
        width: 100%;
        margin-bottom: 3vw;
        height: 36px;
        font-size: 16px;
    }
    .iryou-wapper .gray-list-box .list .li-urlbox a:last-child{
        margin-bottom: 0;
    }
}
@media (max-width:430px) {
    .iryou-wapper .gray-list-box .list .box{
        min-height: 380px;
    }
}
@media (max-width:400px) {
    .iryou-wapper .gray-list-box .list .box{
        min-height: 400px;
    }
}
@media (max-width:360px) {
    .iryou-wapper .gray-list-box .list .box{
        min-height: 430px;
    }
}




.iryou-wapper .section_jirei .slider::before{
	z-index:1!important;
}




/*
	section.books #books_area .slider .slick-slide
==================================== */
section.books #books_area .slider .slick-slide{
	width: 90%;
	transition: all ease-in-out .3s;
	opacity: .3;
}
/*
	section.books #books_area .slider .slick-active
==================================== */
section.books #books_area .slider .slick-active {
    opacity: 1;
}
/*
	section.books #books_area .slider .slick-current
==================================== */
section.books #books_area .slider .slick-current{
	opacity: 1;
}
/*
	section.books #books_area .slider .slick-list
==================================== */
section.books #books_area .slider .slick-list{
	overflow: visible;
}
/*
	section.books #books_area .slider li .book_img
==================================== */
section.books #books_area .slider li .book_img{
	width: 60%;
	margin: 0 auto;
}
section.books #books_area .slider li .book_img img{
	width: auto;
	height: 200px;
	margin: 0 auto;
}
/*
	section.books #books_area .slider li .book_text
==================================== */
section.books #books_area .slider li .book_text{
	margin-top: 30px;
}
/* h3 -------- */
section.books #books_area .slider li .book_text h3{
	color: #900;
	font-size: 1.2rem;
    font-weight: bold;
	line-height: 1.6;
	text-align: left;
}
/* p -------- */
section.books #books_area .slider li .book_text p{
	margin-top: 10px;
	font-size:0.9rem;
	line-height: 1.9;
}
/*
	section.books #books_area .slide-arrow
==================================== */
section.books #books_area .slide-arrow{
	position: absolute;
	width: 30px;
	height: 30px;
	top: 50%;
	margin-top: -15px;
	opacity: .95;
	z-index: 8000;
}
section.books #books_area .slide-arrow:hover{
	cursor: pointer;
	opacity: .6;
}

/* prev-arrow -------- */
section.books #books_area .prev-arrow{
	left: 0;
}
section.books #books_area .next-arrow{
	right: 0;
}
/*
	section.books #books_area .slick-dots
==================================== */
section.books #books_area .slick-dots{
	bottom: -50px;
}
/* ============================================
	tablet～PC
============================================ */
@media screen and (min-width: 768px) {
	section.books #books_area .slider li .book_img img{
		height: 250px;
	}
}
/* ============================================
	PC small
============================================ */
@media screen and (min-width: 1024px) {
	section.books #books_area .slider li .inner{
		display: table;
		width: 100%;
		max-width: 1024px;
	}
	/*
	section.books #books_area .slider li .book_img
	==================================== */
	section.books #books_area .slider li .book_img{
		display: table-cell;
		width: 40%;
		margin: 0;
	}
	section.books #books_area .slider li .book_img img{
		height: 280px;
	}
	/*
	section.books #books_area .slider li .book_text
	==================================== */
	section.books #books_area .slider li .book_text{
		display: table-cell;
		width: 60%;
		vertical-align: middle;
	}

}

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

section.books #books_area .slider li .book_text p {
	text-align: center;
}
section.books #books_area .slider li .book_text h3 {
	text-align: center;
}
}



@media screen and (max-width: 480x) {
	section.books #books_area {
		margin: 10px auto 0;
	}
}


/* ----------------------
slick.css
---------------------- */

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
/*
.slick-slider .slick-track{
    width: 8036px !important;
}
*/

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/* --------------------
slick-theme.css
---------------------- */


/* @charset 'UTF-8'; */
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
_:-ms-fullscreen, :root .slick-prev,
_:-ms-fullscreen, :root .slick-next {
	width: 44px;
	height: 34px;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -30px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
	font-size: 1.8rem;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #0E2C47;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}