@charset "UTF-8";

abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section.small{display:block}body{margin:0;padding:0;line-height:1}a img,img{border:0;vertical-align:bottom}blockquote,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,li,ol,p,pre,span,td,th,ul{margin:0;padding:0}abbr,acronym{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}caption,th{text-align:left}code,kbd,pre,samp,tt{font-family:monospace;line-height:100%}*+html code,kbd,pre,samp,tt{font-size:108%}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ol,ul{list-style:none}q:after,q:before{content:''}img{vertical-align:top;font-size:0;line-height:0}button,fieldset,form,input,label,legend,textarea{font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;vertical-align:baseline;margin:0;padding:0}table{font-size:100%;border-collapse:collapse}*,div{box-sizing:border-box}input,textarea{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;max-width:100%}input,textarea{-webkit-appearance:none;border-radius:0}
/*
* Common
*/

a {
    webkit-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

body {
    font-family: Arial, Roboto, "Droid Sans","Noto Sans CJK JP", sans-serif;
    color: #333;
 	-webkit-text-size-adjust: 100%;
	font-size:16px;
}




a {
    text-decoration: none;
    color: #333;
}

a:hover {

    opacity: 0.5;
}


/*
* PC
*/

.wrapper {
    min-width: 1200px;
}


/*
* Header
*/

.header {
	background-color:#fff;
    padding: 25px 0 25px;
}

.header__inner {
    margin: 0 auto;
    width: 1200px;
    display: flex;
    justify-content: space-between;
}

.header__logo {}

.header__logo > span {
    display: inline-block;
    font-size: 18px;
    margin-right: 14px;
}

.menu {
    display: none;
}

.menu-trigger,
.menu-trigger span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
}

.menu-trigger {
    position: relative;
    width: 30px;
    height: 30px;
}

.menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #333;
    border-radius: 3px;
}

.menu-trigger span:nth-of-type(1) {
    top: 0;
}

.menu-trigger span:nth-of-type(2) {
    top: 13px;
}

.menu-trigger span:nth-of-type(3) {
    bottom: 0;
}

.menu-trigger span:nth-of-type(2)::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 4px;
    background-color: #333;
    border-radius: 3px;
    transition: all 0.4s;
}

.menu-trigger.active span:nth-of-type(1) {
    transform: translateY(20px) scale(0);
}

.menu-trigger.active span:nth-of-type(2) {
    transform: rotate(-45deg);
}

.menu-trigger.active span:nth-of-type(2)::after {
    transform: rotate(90deg);
}

.menu-trigger.active span:nth-of-type(3) {
    transform: translateY(-20px) scale(0);
}

#sp-nav {
    display: none;
}

/*
* Nav
*/

.nav {
  background-color:#fff;
}

.nav__list {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    width: 1200px;
}

.nav__item {

	position:relative;
}

.nav__item:nth-child(1){
	padding-left:40px;
}

.nav__item:nth-child(2){
	padding-left:80px;
}

.nav__item:nth-child(3){
	padding-left:60px;
}

.nav__item:nth-child(4){
	padding-left:60px;
}

.nav__item:nth-child(5){
	padding-left:60px;
}
.nav__item:nth-child(6){
	padding-left:40px;
}

.nav__item:nth-child(1)::after {

content:'';
    background: url('../../common/images/member_icon/nav-icon-01.png') no-repeat;
	background-size:contain;
	width:30px;
	height:50px;
	position:absolute;
	top:-3px;
	left:0;
	display:block;
}

.nav__item:nth-child(2)::after {
	content:'';
    background: url('../../common/images/member_icon/nav-icon-02.png') no-repeat;
	background-size:contain;
	width:70px;
	height:50px;
	position:absolute;
	top:-5px;
	left:0;
	display:block;

}

.nav__item:nth-child(3)::after  {
    background: url('../../common/images/member_icon/nav-icon-03.png') no-repeat;
	content:'';
	background-size:contain;
	width:50px;
	height:50px;
	position:absolute;
	top:-5px;
	left:0;
	display:block;
}

.nav__item:nth-child(4)::after  {
    background: url('../../common/images/member_icon/nav-icon-04.png') no-repeat;
	content:'';
	background-size:contain;
	width:50px;
	height:50px;
	position:absolute;
	top:-5px;
	left:0;
	display:block;
}

.nav__item:nth-child(5)::after  {
    background: url('../../common/images/member_icon/nav-icon-05.png') no-repeat;
	content:'';
	background-size:contain;
	width:50px;
	height:50px;
	position:absolute;
	top:-5px;
	left:0;
	display:block;
}

.nav__item:nth-child(6)::after  {
    background: url('../../common/images/member_icon/nav-icon-06.png') no-repeat;
	content:'';
	background-size:contain;
	width:40px;
	height:50px;
	position:absolute;
	top:-5px;
	left:0;
	display:block;
}

.nav__item .hover > a {
    display: block;
    font-size: 18px;
    font-weight: 500;
    padding: 8px 0 20px;
    text-decoration: none;
    transition-duration: 0.6s;

}

.nav__item .hover a:hover {
    opacity: 0.6;
}

.nav__item .sub {
    position: absolute;
    background-color: #C7E7F4;
    width: 170px;
    margin-left: -30px;
    z-index: 1000;
    display: none;

}

.nav__item .sub a {
    display: block;
    font-size: 14px;
    padding: 10px;
    border-bottom: 1px dotted #666;
}

.nav__item .sub a:last-child {
    border-bottom: 0;
}

.nav__item .sub a:hover {
    text-decoration: none;
}

@media screen and (max-width: 768px) {
	body {
		font-size:14px;
	}


	.wrapper {
	    min-width: auto;
	    width: 100%;
	    overflow: hidden;
	}
 	#sp-nav {

        display: block;
        background-color: #C7E7F4;
        z-index: 99999;
        width: 100%;
        max-width: 300px;
        margin-left: -300px;
		height:100%;
		position:fixed;
		overflow-y: scroll;
    }

    #sp-nav a {
        display: block;
        padding: 12px 8px 12px 45px;

        font-size: 14px;
        text-decoration: none;

    }

    #sp-nav .sp-parent {
		border-top: 1px dotted #666;
		border-bottom: 1px dotted #666;
		display: block;
        padding: 15px 8px 15px 45px;
        font-weight: bold;
        line-height: 1;
		font-size: 16px;

    }

    #sp-nav .sp-parent.logout {
		border:0;
        color: #fff;
        background: url("../../common/images/icons/icon_link.png") no-repeat left 10px center;
		background-size:20px;
        background-color: #de6453;
    }

    #sp-nav .sp-parent.i01 {
		border:0;

        background: url("../../common/images/member_icon/nav-icon-01.png") no-repeat left 10px center;
		background-size:20px;
    }

    #sp-nav .sp-parent.i02 {
        background: url("../../common/images/member_icon/nav-icon-02.png") no-repeat left 10px center;
		background-size:30px;
    }

    #sp-nav .sp-parent.i03 {
        background: url("../../common/images/member_icon/nav-icon-03.png") no-repeat left 10px center;
		background-size:30px;
	}

    #sp-nav .sp-parent.i04{
        background: url("../../common/images/member_icon/nav-icon-04.png") no-repeat left 10px center;
		background-size:30px;
    }

    #sp-nav .sp-parent.i05{
        background: url("../../common/images/member_icon/nav-icon-05.png") no-repeat left 10px center;
		background-size:30px;
	}
    #sp-nav .sp-parent.i06{
        background: url("../../common/images/member_icon/nav-icon-06.png") no-repeat left 10px center;
		background-size:30px;
    }
	.header {
        padding: 20px 10px;
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 15;
    }

    .header__inner {
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;

    }

    .header__logo {}

    .header__logo img {
        width: 270px;
    }

    .menu {
        display: block;
    }

    .nav {
        padding: 0 20px;
        position: fixed;
        display: none;
        top: 71px;
        width: 100%;
        z-index: 10;
    }

    .nav__list {
        flex-direction: column;
        width: 100%;
    }
}
/*--------------------------------------------------------
* Home
--------------------------------------------------------*/

.main_visual {
    text-align: center;
}

.main_visual > img {
    max-width: 100%;
}


.main {
    background: #f4f4f4;
    padding-top: 30px;
	display:block;

}
@media screen and (max-width: 768px) {
    .main {
        padding: 20px 0px 0;
    }
  .main_visual {
        margin-top: 71px;
    }


  .prev-arrow {
   		left: 0px;
  }

  .next-arrow {
         right:0px;
   }

}
/*--------------------------------------------------------
* News
--------------------------------------------------------*/
#news {
    margin: auto;
    width: 1200px;
	padding-bottom:30px;
}

#news .title {
    background: url("../../common/images/member_icon/topics-icon.png") no-repeat left top;

    color: #333;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 20px;
    padding:5px 0 5px 40px;
}

#news .title a {
	letter-spacing:0.1em;
    background: url("../../common/images/member_icon/topics-arrow.png") no-repeat #DE6453 10px;
	background-size:7px;
    border-radius: 20px;
    color: white;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    margin-left: 15px;
    padding: 8px 15px 8px 25px;
    text-decoration: none;
}

#news .list.unslick {
	display:flex;
	justify-content: center;

}

#news .list .item {
    background: white;
    padding: 0px 0px 10px 0px;

    margin: 0 5px 0px 5px;
	min-height:450px;
	border:1px solid #ccc;
	overflow:hidden;

}

#news .list.unslick .item{
	width:24%;
}

#news .static .item {
	width:288px;


}
#news .item a {
    text-decoration: none;
}

#news .inner {
    padding: 12px 8px 8px 8px;
}

#news .img {
    display: block;
    width: 100%;
    height: 200px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;

}
#news .icons{
	display:flex;
	align-items: center;
	margin-bottom:8px;

}

#news .icons span{
	display: block;
	background-color: #de6453;
	font-size: 11px;
	color: #fff;
	padding: 3px 5px;
	margin: 0 5px;
	border-radius:3px;
}
#news .date {
    display: inline-block;
    font-size: 14px;

}

#news .sub-title {
    color: #579cab;
    font-size: 16px;
   line-height:1.6;
    margin-bottom: 8px;
    font-weight:bold;
}

#news .text {
    font-size: 14px;
    line-height: 1.7;
}

#news .slick-prev {
    left: 0px;
}

#news .slick-next {
    right: 0px;
}

#news .slide-arrow {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    z-index: 10;
    cursor: pointer;
    opacity: 50%;
    width: 40px;
}

#news .prev-arrow {
    left: -15px;
}

#news .next-arrow {
    right: -15px;
}
@media screen and (max-width: 768px) {
    #news {
        width: 100%;
    }

    #news .title {
        margin: 0 0 20px 20px;
    }
	#news .item {

		min-height:auto;

	}


	#news .prev-arrow {
	    left: -10px;
		width:30px;
	}

	#news .next-arrow {
	    right: -10px;
		width:30px;
	}


	#news .slick-slider {
		width:90%;
		margin:0 auto;

	}
}

#top-menu{
	background-color:#fff;
  	background-image:url("../../images/top_back.png"),url("../../images/top_back02.png");
    background-repeat:no-repeat,no-repeat;
  	background-position:center top,bottom 150px center;
	height:810px;

}
#top-menu .top-menu-inner{
	width:1120px;
	margin:0 auto;
	position:relative;
}
#top-menu .maru-wrap .maru{
	width:324px;
	height:324px;
	border:5px solid #eb6b82;
	position:absolute;
	background-color:#fff;
	border-radius:50%;
	top:-5px;
	left:-5px;
	background-image:url("../../images/top-menu01-icon.png");
	background-position:center top 20px;
	background-repeat:no-repeat;
}

#top-menu .maru-wrap{
	position:absolute;
	width:324px;
	height:324px;
	border-radius:50%;
	background-color:rgba(93,118,129,0.3);
}


#top-menu .maru-wrap.menu02 .maru{
	border:5px solid #21af6b;
	background-image:url("../../images/top-menu02-icon.png");
}

#top-menu .maru-wrap.menu03 .maru{
	border:5px solid #bb8b51;
	background-image:url("../../images/top-menu03-icon.png");
}

#top-menu .maru-wrap.menu04 .maru{
	border:5px solid #0085c1;
	background-image:url("../../images/top-menu04-icon.png");

}

#top-menu .maru-wrap.menu05 .maru{
	border:5px solid #58b431;
	background-image:url("../../images/top-menu05-icon.png");
}

#top-menu .maru-wrap.menu01{
	top:76px;
	left:0;


}
#top-menu .maru-wrap.menu02{
	top:76px;
	left:380px;


}
#top-menu .maru-wrap.menu03{
	top:76px;
	left:763px;
}
#top-menu .maru-wrap.menu04{
	top:405px;
	left:180px;
}
#top-menu .maru-wrap.menu05{
	top:405px;
	left:590px;
}


#top-menu .maru-wrap .img{
	position:absolute;
	bottom:40px;
	right:-30px;
	z-index:9999;
}
#top-menu .maru-wrap.menu04 .img{
	left:-55px;
}


#top-menu .maru-wrap .menu-title{

	margin-top:95px;
	text-align:center;
	font-weight:bold;
	font-size:24px;
	margin-bottom:15px;
}
#top-menu .links{
	width:180px;
	margin:0 auto;
	position:relative;
	z-index:9999;
}

#top-menu .links a{
	display:block;
	color:#eb6b82;
	margin-bottom:12px;
	background-image:url("../../images/top-menu01-mark.png");
	background-position:center left 0;
	background-repeat:no-repeat;
	background-size:15px;
	padding-left:15px;
	text-align:left;
}
#top-menu .links a:hover{
	text-decoration:underline;
}

#top-menu .links a:last-child{
	margin-bottom:0;
}
#top-menu .maru-wrap.menu02 .links a{
	background-image:url("../../images/top-menu02-mark.png");
	color:#21af6b;
}
#top-menu .maru-wrap.menu03 .links a{
	background-image:url("../../images/top-menu03-mark.png");
	color:#bb8b51;
}

#top-menu .maru-wrap.menu04 .links a{
	background-image:url("../../images/top-menu04-mark.png");
	color:#0085c1;
}
#top-menu .maru-wrap.menu05 .links a{
	background-image:url("../../images/top-menu05-mark.png");
	color:#58b431;
}
#attention{
	width:1200px;
	margin:0 auto;
	font-size:12px;
	line-height:1.6;
	padding:20px 0;
}
#attention .secom_box{
	display:flex;

	align-items:start;

}
#attention .secom_logo{
	margin-right:10px;
	min-width:130px;
}


#attention .secom_text{

}
#attention .secom_text .text{
	margin-bottom:5px;
}
#attention .ebook5{

}

@media screen and (max-width: 768px) {
	#top-menu{
		background-color:#fff;
	background-color:#fff;
  	background-image:url("../../images/top_back.png"),url("../../images/top_back02.png");
    background-repeat:no-repeat,no-repeat;
  	background-position:center top,bottom 0px center;
	height:auto;

		background-size:contain;
		height:auto;
		padding-top:70px;
		padding-bottom:50px;
	}
	#top-menu .top-menu-inner{
		width:100%;
		margin:0 auto;
		position:static;
	}

	#top-menu .maru-wrap{
		position:static;
		width:100%;
		height:auto;
		border-radius:0;
		background-color:rgba(93,118,129,0);
	}

	#top-menu .maru-wrap .maru{
		width:96%;
		height:auto;

		border-radius:0;
		position:static;
		background-color:#fff;
		background-image:none;
		background-repeat:no-repeat;
		padding:20px 0;
		margin:10px auto;
		text-align:center;
	}
	#top-menu .maru-wrap .menu-title {

	    margin-top:0;
	    font-size: 24px;
	    margin-bottom: 15px;

	}

	#top-menu .maru-wrap .img{
		display:none;
	}
	#top-menu .maru-wrap .maru{
		background-image:none;

		background-size:70px;
		background-position:bottom 10px left 10px;
	}

	#top-menu .maru-wrap.menu02 .maru{
		background-image:none;
		border:5px solid #21af6b;
		background-size:50px;

	}

	#top-menu .maru-wrap.menu03 .maru{
		border:5px solid #bb8b51;
		background-image:none;

	}

	#top-menu .maru-wrap.menu04 .maru{
		border:5px solid #0085c1;
		background-image:none;

	}

	#top-menu .maru-wrap.menu05 .maru{
		border:5px solid #58b431;
		background-image:none;

	}

	#top-menu .maru-wrap .menu-title {
		background-image:url("../../images/top-menu01-icon.png");
		background-size:30px;
		display:inline-block;
		padding-left:38px;
		background-repeat:no-repeat;
	}
	#top-menu .maru-wrap.menu02 .menu-title {
		background-image:url("../../images/top-menu02-icon.png");
	}
	#top-menu .maru-wrap.menu03 .menu-title {
		background-image:url("../../images/top-menu03-icon.png");
	}
	#top-menu .maru-wrap.menu04 .menu-title {
		background-image:url("../../images/top-menu04-icon.png");
	}
	#top-menu .maru-wrap.menu05 .menu-title {
		background-image:url("../../images/top-menu05-icon.png");
	}

	#attention{
		width:96%;
	}

}
/*--------------------------------------------------------
*  home-info
--------------------------------------------------------*/
#home-info {
    background: white;
    display: flex;
    justify-content: space-between;
    margin: 0 auto 0 auto;
    padding: 40px 30px 60px;
    width: 1200px;
}

#home-info .box {
    width: 207px;
}

#home-info .box .title {
    border-bottom: solid 2px #89A9BD;

    font-size: 18px;

    line-height: 1.2;
    margin-bottom: 16px;
    padding: 0 0 12px 40px;
}

#home-info .box:nth-of-type(1) .title {
    background: url('../../common/images/member_icon/nav-icon-01.png') no-repeat left top;
}

#home-info .box:nth-of-type(2) .title {
    background: url('../../common/images/member_icon/nav-icon-02.png') no-repeat left top;
}

#home-info .box:nth-of-type(3) .title {
    background: url('../../common/images/member_icon/nav-icon-03.png') no-repeat left top;
}

#home-info .box:nth-of-type(4) .title {
    background: url('../../common/images/member_icon/nav-icon-04.png') no-repeat left top;
}

#home-info .box:nth-of-type(5) .title {
    background: url('../../common/images/member_icon/nav-icon-05.png') no-repeat left top;
}

.home-info__item {
    list-style: disc;
    margin-left: 20px;
}

.home-info__item > a {
    color: #4C4948;
    font-size: 16px;

    line-height: 2;
    text-decoration: none;
    transition-duration: 0.6s;
}

.home-info__item > a:hover {
    opacity: 0.6;
}

/*
* home-banner
*/

#home-banner {
    background: #D6D6D6;
    padding: 18px 0 40px;
}

.home-banner__text {
    color: #4C4948;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 20px;
    text-align: center;
}

.home-banner__list {
    display: flex;
    justify-content: space-between;
    margin: auto;
    width: 1200px;
}

@media screen and (max-width: 768px) {
    #home-info {
        flex-direction: column;
        margin-bottom: 20px;
        padding: 20px 20px 0;
        width: 100%;
    }

    #home-info .box {
        margin-bottom: 20px;
        width: 100%;
    }

    #home-info .title {
        margin-bottom: 10px;
    }

    #home-banner {
        margin: 0 -20px;
        padding: 20px;
    }

    .home-banner__list {
        flex-direction: column;
        width: 100%;
    }

    .home-banner__item {
        margin-bottom: 20px;
    }

    .home-banner__item > a > img {
        width: 100%;
    }

}


/*
* pagetop
*/

.pagetop__box {
    display: none;
    position: fixed;
    bottom: 50px;
    right: 50px;
}

.pagetop__box > a {
    background: #7AA3AF;
    border-radius: 6px;
    color: white;
    display: block;
    height: 55px;
    text-align: center;
    transition-duration: 0.6s;
    width: 55px;
}

.pagetop__box > a:hover {
    opacity: 0.6;
}

.pagetop__box > a > i {
    margin-top: -5px;
}


/*--------------------------------------------------------
*  footer
--------------------------------------------------------*/
.footer {
    background: #C7E7F4;
	position:relative;
}

.footer__inner {
    display: flex;
    justify-content: space-between;
    margin: auto;
    padding: 20px 0 35px;
    width: 1200px;
}

.footer__title {
    margin-bottom:5px;

    position: relative;
	padding:3px 0 10px 30px;

}

footer .footer__title.icon01 {
    background: url('../../common/images/member_icon/nav-icon-01.png') no-repeat;
	background-size:20px;
}

footer .footer__title.icon02 {
    background: url('../../common/images/member_icon/nav-icon-02.png') no-repeat;
	background-size:30px;
	background-position:0px 3px;
	padding-left:35px;
}

footer .footer__title.icon03 {
    background: url('../../common/images/member_icon/nav-icon-03.png') no-repeat;
	background-size:25px;
}

footer .footer__title.icon04  {
    background: url('../../common/images/member_icon/nav-icon-04.png') no-repeat;
	background-size:25px;
}

footer .footer__title.icon05  {
    background: url('../../common/images/member_icon/nav-icon-05.png') no-repeat;
	background-size:25px;
}

footer .footer__title.icon06  {
    background: url('../../common/images/member_icon/nav-icon-06.png') no-repeat;
	background-size:25px;
}

.footer__title > a,
.footer__title > span {
    font-size: 16px;
	font-weight:bold;
    text-decoration: none;

}

.footer__title > a:hover {
    text-decoration: underline;
}

.footer__item {
    line-height: 1.7;

}
.footer__item:before{
    content: '\f105';
    font-family: "Font Awesome 5 Free";
    font-size: 12px;
    font-weight: 900;
	color: #42606b;
}
.footer__item > a {
    font-size: 14px;
	color: #42606b;

}

.footer__item > a:hover {

text-decoration: underline;
}

.footer__copyright {
    background: white;
    display: block;
    font-size: 13px;
    padding: 10px 0 16px;
    text-align: center;
    letter-spacing: 0.3px;
}
@media screen and (max-width: 768px) {
   .footer {
        padding: 0 20px;
    }

    .footer__inner {
        flex-flow: wrap;
        padding: 20px 0 10px;
        width: 100%;
    }

	.footer__title > a,
	.footer__title > span {
	    font-size: 14px;
		font-weight:bold;
	    text-decoration: none;

	}

    .footer__box {
        margin-bottom: 20px;
        width: 50%;
    }

    .footer__copyright {
        margin: 0 -20px;
    }


}
/*--------------------------------------------------------
* Helper　共通
--------------------------------------------------------*/
.mb20 {
    margin-bottom: 20px;
}

.mb10 {
    margin-bottom: 10px;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.text-left {
    text-align: left;
}

.text-nowrap {
    white-space: nowrap;
}


.text--center {
    text-align: center;
}

.text--left {
    text-align: left;
}

.text--nowrap {
    white-space: nowrap;
}

.w100 {
    width: 100%;
}

.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.flex_start {
    display: flex;
    align-items: center;
}
.flex_center {
	justify-content:center;
    display: flex;
    align-items: center;
}


.border-dotted {
    border-bottom: 1px dotted #666;
}

a.u {
	text-decoration:underline;
	color:#86A7BA;

}

a.btn_top {
    color: #FFF;
    background: url(../images/icons/icon_link.png) left 10px center no-repeat;
    background-color: #de6453;
    background-size: 15px;
    border-radius: 5px;
    padding: 12px 12px 12px 30px;
    display: inline-block;
    font-size: 14px;

}

a.btn_top:hover {
    text-decoration: none;
    opacity: 0.5;
}

a.btn_link {
 	text-decoration:underline;
	color: #86A7BA;
    background: url(../images/member_icon/icon-link.png);
	text-align:left;
    padding: 7px 0 7px 0px;
    display: inline-block;
	padding-left:20px;
    background-repeat: no-repeat;
    background-position: center left 0;
    background-size: 15px;


}

a.btn_link.external{
	background: url(../images/member_icon/icon-external.png);
	padding-left:20px;
    background-repeat: no-repeat;
    background-position: center left 0;
    background-size: 15px;
}

a.btn_link:last-child {
    margin-bottom: 0px;
}

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

.filelink-box {
    text-align: center;
}

a.btn_download {
    display: block;
    background-color: #de6453;
    color: #fff;
	font-size:16px;
    text-decoration: none;
    padding: 8px 0;
    border-radius: 3px;
    margin-bottom: 5px;
    min-width: 270px;
    background-image: url(../images/member_icon/icon-file.png);
    background-repeat: no-repeat;
    background-position: center left 10px;
    background-size: 25px;
    padding-left: 30px;
    text-align: center;
	line-height:1.6;


}

a.btn_download.word{
    background-image: url(../images/member_icon/icon-word.png);


}

a.btn_download.excel{
    background-image: url(../images/member_icon/icon-excel.png);

}

a.btn_download.pdf{
    background-image: url(../images/member_icon/icon-pdf.png);

}

a.btn_download.book{
background-color: #4169e1;
    background-image: url(../images/member_icon/icon-book.png);
	background-size: 30px;
	padding-left:40px;
	min-width: 240px;
	width:240px;
}

td.right {
    text-align: right;
}

ul.disc {
    list-style-type: disc;
    margin-left: 20px;
    margin-bottom: 20px;
}

ul.disc li {

    margin-bottom: 3px;
}

ul.half{
	display:flex;
	flex-wrap: wrap;
}

ul.half li {
	width:50%;
    margin-bottom: 3px;
}
ol.number{
list-style-type:decimal;
}

ol.number li{
margin-left:1.2em;
margin-bottom:5px;
}
.read {
    font-size: 18px;
    margin-bottom: 20px;
}

.read p{
	text-indent:1em;
}
.indent{
	text-indent:1em;
}
.bold {
    font-weight: bold;
}

.pc {
    display: block;
}
table.fixed {
  table-layout: fixed;
}
.table {
    border-collapse: collapse;
    width: 100%;
    font-size: 16px;

}

.table tr th,
.table tr td {
    border: solid 1px #ccc;
    vertical-align: middle;
}

.table tr  th {
    background: #E5E5E5;
    font-weight: bold;
    padding: 10px 15px;
    white-space: nowrap;
    text-align: center;
	word-wrap:break-word;
	word-break:break-all;
	width::auto;
}

.table tr  td {
    padding: 10px 15px;
	word-wrap:break-word;
	word-break:break-all;

}

.table tr  td.center {
    text-align: center;
}

.table tr  td.valign-top {
    vertical-align: top;
}

.table th.w200,
.table td.w200{
	width:200px;
}
.table th.w250,
.table td.w250{
	width:250px;
}


.table th.w300,
.table td.w300{
	width:300px;
}
.table th.w350,
.table td.w350{
	width:350px;
}
.table th.w400,
.table td.w400{
	width:400px;
}
.table th.w450,
.table td.w450{
	width:450px;
}
.table th.w500,
.table td.w500{
	width:500px;
}
.table th.w550,
.table td.w550{
	width:550px;
}
.table th.w600,
.table td.w600{
	width:600px;
}
span.pc,
img.pc,
br.pc {
    display: inline-block;
}

.sp {
    display: none;
}

strong{
	font-weight:bold;
}
.font-red{
	color:#de6453;
}
.flex.start{
  justify-content:flex-start;
}


.breadcrumbs{
display:flex;
font-size:14px;
margin-bottom:20px;
}

.breadcrumbs a{
color:##86A7BA;
text-decoration:underline;
}
.breadcrumbs li{
	font-size: 13px;
	background: url(../images/icons/icon_arrow_blue_right.png) right no-repeat;
	padding: 0 20px 0 7px;
	font-weight: bold;
	color: #8c8c8c;
}
.breadcrumbs li:last-child{
	background:none;

}
.tel,
.tel a{
	text-adecoration:none;
	color:#333;
	font-size:20px;
	font-weight:bold;

}

.icon_tel{
	line-height:1.4;
	padding-left:25px;
	background: url(../images/member_icon/icon-tel.png) left no-repeat;
	background-size:20px;
}
.icon_fax{
	line-height:1.4;
	padding-left:25px;
	background: url(../images/member_icon/icon-fax.png) left no-repeat;
	background-size:20px;
}
@media screen and (max-width: 768px) {

 	.pc {
        display: none !important;
    }

    .sp {
        display: block;
    }

    span.sp,
    img.sp,
    br.sp {
        display: inline-block;
    }

    img {
        width: 100%;
    }

    .read {

        font-size: 14px;
        margin-bottom: 20px;

    }

	.sp-scroll{
		width:100%;
		overflow-x:scroll;
	}



	.breadcrumbs{
		display:flex;
		margin-bottom:20px;
		flex-wrap: wrap;
	}

	.breadcrumbs a{
	color:##86A7BA;
	text-decoration:underline;
	}
	.breadcrumbs li{
		margin-bottom:10px;
		font-size: 10px;


	}

	.table {
	    border-collapse: collapse;
	    width:auto;
		min-width:600px;
	    font-size: 12px;

	}
	.table th,
	.table td {
		   font-size: 12px;
	}

	.flex.sp-block{
		display:block;
	}

	table.fixed {
	  table-layout:auto;
	}



	a.btn_download {
		font-size:14px;
	    background-size: 20px;
	}

	.tel,.tel a{
		font-size:14px;


	}

	.icon_tel{
		line-height:1.4;
		padding-left:20px;

		background-size:12px;
	}
	.icon_fax{
		line-height:1.4;
		padding-left:20px;
		background-size:12px;
	}
	a.btn_download.book{
		background-size: 30px;

	}

}









/*--------------------------------------------------------
* second共通
--------------------------------------------------------*/
.second-contents {
    margin: auto;
    width: 1200px;
    line-height: 1.6;
}

.second-contents > h2 {

    font-size: 24px;
    font-weight: bold;
    margin: 0 0 30px 0px;
    position: relative;
}

.second-contents__container {
    background: white;
    padding: 30px 30px 30px 30px;
}

.second-contents h3 {
    background: #86A7BA;
    border-bottom: solid 2px #BCBCBC;
    color: white;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 28px;
    padding: 15px 0 15px 41px;
    position: relative;
}

.second-contents h3::before {
    background: url('../../images/arrow-title.svg') no-repeat;
    background-size: cover;
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    margin-left: -30px;
    top: 50%;
	margin-top:-12px;
}

.second-contents h4 {
    border-left: solid 5px #86A7BA;
    color: #333;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.4;

    padding: 5px 0 5px 10px;
	margin-top:20px;
	margin-bottom:20px;
}

.second-contents h5 {
    color: #333;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom:10px;
	border-bottom:2px solid #86A7BA;

	padding-bottom:8px;
	margin-top:20px;


}
.second-contents h6 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;

	margin-bottom:10px;
}

.second-contents__box {
    padding: 0 20px 0 20px;
    padding-bottom: 40px;
}
.wp-pagenavi {
  font-size: 14px;
  text-align: center;
  margin-bottom:100px;
}


.wp-pagenavi:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.wp-pagenavi a,
.wp-pagenavi span {
  color: #000;
  background-color: #eee;
  border: solid 1px #eee;
  padding: 5px 15px;
  margin: 0 2px;
  white-space: nowrap;
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
}


.wp-pagenavi a:hover {
  color: #fff;
  background-color: #86A7BA;
  border-color:#947C34;
}
.wp-pagenavi span.current {
  background-color: #86A7BA;
  border-color: #86A7BA;
  color: #fff;
  font-weight: bold;
}
.pagetop{
    opacity:0;
    background: #86A7BA;
    cursor: pointer;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 100%;
    position: fixed;
    right:50px;
    bottom: 20px;

    text-decoration: underline;
	background-image:url("../images/icons/icon_pagetop_white_up.png");
	background-repeat:no-repeat;
	background-position:center center;
}

.pagetop.active{
	display: inline-block;
	opacity:1;
  	-webkit-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}


@media screen and (max-width: 768px) {
    .pagetop__box {
        bottom: 20px;
        right: 20px;
    }


	.pagetop{
	    width: 50px;
	    height: 50px;

	    right:10px;
	    bottom: 10px;
	}


    .second-contents {
        margin: 70px auto 0;
        width: 100%;
    }

    .second-contents__container {
        padding: 10px;
    }

    .overview__box {
        padding: 0;
    }

    .second-contents h2 {
        font-size: 20px;
        margin-bottom: 18px;
        padding-left: 10px;
    }

    .second-contents h3 {
        font-size: 18px;
        margin-bottom: 15px;
    }

	.second-contents h3 {

	    font-size: 18px;

	}


	.second-contents h4 {


	    font-size: 16px;

	}

	.second-contents h5 {

	    font-size: 16px;



	}


    .second-contents__box {
        padding: 0 10px 0 10px;
        padding-bottom: 40px;
    }


  .wp-pagenavi {
    font-size: 12px;
  }

  .wp-pagenavi a,
  .wp-pagenavi span {
    padding: 3px 10px;
  }
}



/*--------------------------------------------------------
* overview
--------------------------------------------------------*/
#overview .td_title_01 {
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
	text-align:center;
}

#overview .color_blue {
    color: #1A5BAA;
}

#overview .color_orange {
    color: #EE7625;
}

#overview .color_green {
    color: #84C024;
}

#overview .font_large {
    display: inline-block;
    font-size: 20px;
    /*    text-align: center;*/
}



#overview .td_text_right {
    display: block;
    font-size: 16px;
    text-align: right;
}

.overview__access {
    margin-bottom: 20px;
    text-align: center;
}

.overview__access_inner {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.overview__access_inner iframe:first-child {
    width: 690px;
}

.overview__access_inner iframe:last-child {
    width: 345px;
}

.btn__overview {
    background: #6AA9B7;
    border-radius: 7px;
    color: white;
    display: inline-block;
    font-size: 16px;
    line-height: 1.4;
    padding: 10px 48px 13px 18px;
    position: relative;
    text-decoration: none;
    transition-duration: 0.6s;
}

.btn__overview:hover {
    opacity: 0.8;
}

.btn__overview::after {
    content: '\f105';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 20px;
    margin-left: 20px;
    position: absolute;
}

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

    #overview table {
        display: block;

        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .overview__access {
        margin-bottom: 20px;
    }

    .overview__access_inner {
        flex-direction: column;
    }

    .overview__access_inner iframe:first-child {
        height: 300px;
        margin-bottom: 15px;
        width: 100%;
    }

    .overview__access_inner iframe:last-child {
        height: 300px;
        width: 100%;
    }


}



/*
* News Welfare Page
*/


#news-welfare .btn_download.book{

}

#news-welfare .news-welfare__inner{
display: flex;
flex-wrap: wrap;
align-items:start;
}
#news-welfare .news-welfare__inner--02 {

    display: flex;


}

#news-welfare .news-welfare__img {
    width:150px;


}
#news-welfare .news-welfare__img img{
	max-width:125px;
}
#news-welfare .news-welfare__img.w {
	width:250px;
}
#news-welfare .news-welfare__img.w img{
	max-width:216px;
}
#news-welfare .news-welfare__info{
width:400px;
}

#news-welfare .new .news-welfare__info{
width:auto;
}

#news-welfare .new_box {
    background-color: #f4f4f4;
    padding-bottom: 20px;


}

#news-welfare .second-contents__box {
    padding-bottom: 0;
}
#news-welfare .book_box_wrap{
	display:flex;
	align-items:start;
	justify-content: space-between;
	flex-wrap: wrap;
}
#news-welfare .second-contents__box .backnumber_title{
	font-size:24px;
	font-weight:bold;
	margin-bottom:10px;
	background: url(../images/member_icon/icon-book-title.png);
	padding-left:30px;
    background-repeat: no-repeat;
    background-position: center left 0;
    background-size: 24px;


}

#news-welfare .disc li {}


#news-welfare .book_box{
	width:48%;
	margin-bottom:30px;

}
@media screen and (max-width: 768px) {
	#news-welfare .second-contents__box .backnumber_title{
		font-size:20px;
	}
	#news-welfare .news-welfare__inner--02 {

	    display: block;


	}
	#news-welfare .book_box_wrap {

	    display: block;

	}
	#news-welfare .book_box {

	    width: 100%;
	    margin-bottom: 30px;

	}

	#news-welfare .news-welfare__img {

	    width: 150px;
		margin:0 auto 20px auto;

	}
    #news-welfare .disc li {
        font-size: 14px;
    }


	#news-welfare a.btn_download.book {
		width:100%;
		padding-left:0;
		text-align:center;
	}

	#news-welfare .news-welfare__info {
	    width: 100%;
	}
}

/*--------------------------------------------------------
* procedures
--------------------------------------------------------*/

#procedures .table_none tr th,
#procedures .table_none tr td {
    border: none;
    padding: 5px 20px 5px 0;
}

#procedures a.btn_link {
    min-width: 200px;
}

#procedures .download .flex {

    margin: 0 auto 0 auto;
    padding-bottom: 10px;

}

#procedures .download table {
    width: auto;
}

#procedures .ul-list{
	display:flex;
	flex-wrap: wrap;
	margin-top:10px;
	font-size:14px;

}
#procedures .ul-list li{
	width:50%;
	margin-bottom:5px;
}

@media screen and (max-width: 768px) {
    #procedures table {
        display: block;

        white-space: nowrap;

    }

	#procedures .ul-list{
		display:flex;
		flex-wrap: wrap;
		margin-top:10px;
		font-size:12px;

	}


}

/*--------------------------------------------------------
* privercy
--------------------------------------------------------*/

#privercy {
    line-height: 1.8;
}

#privercy dl dt {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}

#privercy dl dd {
    padding: 0 10px;
    margin-bottom: 20px;
}

#privercy dl dd li {
    margin-bottom: 5px;
    position: relative;
    padding-left: 25px;
}

#privercy dl dd li i {
    font-style: normal;
    position: absolute;
    margin-left: -25px;

}



/*--------------------------------------------------------
* form
--------------------------------------------------------*/
#form .screen-reader-response{
	display:none;
}

#form .wpcf7-not-valid-tip{
	display:block;
	color:#B80000;
}


#form .table th{
	text-align:left;
	width:250px;
}
#form .table td.valign-top {
    vertical-align: top;
}

#form .table select,
#form .table input[type="text"],
#form .table input[type="email"] {
    border: solid 1px #aaa;
    padding: 8px;
}
#form .table input[type="text"]{
	width:250px;
}

#form .table select{
line-height:1.6;
}


#form .name{
display:flex;
}
#form .short input[type="text"]{
    width: 150px;
}

#form .short{
	display:flex;
	align-items: center;
 align-content:flex-start;

}

#form .short.name div{
margin-right:10px;
}
#form .table textarea {
    border: solid 1px #aaa;
	font-size:16px;
    height: 100px;
    padding: 5px;
    width: 500px;
}
#form .space{
	padding:0 5px;
}
#form .required {
    background: #B80000;
    border-radius: 4px;
    color: white;
    margin: 0 10px;
    padding: 3px 7px 3px;
	font-size:12px;
	line-height:1;
}

#form .btn input[type="submit"] {
    background: #5fa7b7;
    border: solid 1px #5fa7b7;
    border-radius: 4px;
    color: white;
    display: block;
    font-size: 16px;
    letter-spacing: 1rem;
	line-height:3;

    margin: auto;

    width: 300px;
}

#form .btn{
margin-top:20px;
}
#form .tel .inputbox{

}

#form .wpcf7-response-output{
	display:none;
}

@media screen and (max-width: 768px) {
	#form .table select,
	#form .table input[type="text"],
	#form .table input[type="email"] {
		width:100%;
	}
	#form .table{
	width:100%;
	min-width:auto;
	border-bottom:1px solid #ccc;
	}
	#form .table select{
		pdding:5px;
	   	-webkit-appearance: button;
	    appearance: button;
		position: relative;

	}
#form .table select{
	background-image:url(../images/icons/select_arrow.png);
	background-position:center right 10px;
	background-repeat:no-repeat;
	background-size:15px;
}
	@media screen and (-webkit-min-device-pixel-ratio:0) {


	}
	#form .table th {
		display:block;
	    text-align: left;
	    width: 100%;
		border-bottom:0;

	}
	#form .table td {
		display:block;
	    text-align: left;
	    width: 100%;
		border-bottom:0;

	}
	#form .table textarea {

	    border: solid 1px #aaa;
	    font-size: 16px;
	    height: 100px;
	    padding: 5px;
	    width: 100%;

	}
	#form .short div{
	 width: auto;
	}
	#form .short input[type="text"],
	#form .table input[type="email"]{

	    width:100%;

	}
	#form .short.zip div{
		justify-content: space-between;
		width:33%;
	}

	#form .short.zip input[type="text"],
	#form .short.zip input[type="email"]{
		width:82%;

	}

}

/*--------------------------------------------------------
* faq
--------------------------------------------------------*/

#faq .category-box{
    background: #C7E7F4;
    border-left: none;

    cursor: pointer;
    font-size: 18px;
    padding: 10px 10px 10px 35px;
    position: relative;
	margin-bottom:1px;

}

#faq .icon_toggle {
    background: url('../images/icons/icon_plus_gray.png') no-repeat;
    background-size: cover;
    top:50%;
    left: 9px;
    content: '';
    display: inline-block;
    height: 18px;
    position: absolute;
    width: 18px;
	margin-top:-9px;
}

#faq .active .icon_toggle {
    background: url('../images/icons/icon_minus_gray.png') no-repeat;
    background-size: cover;
}

#faq .box {
	background: #f4f4f4;
	padding:20px;
    display: none;
	margin-bottom:20px;

}
#faq .box .mark{
	position:absolute;
	left:0px;
}

#faq .second-contents__box .box {
    width: 100%;
    border: unset;
    padding: 20px;
    text-align: left;
    line-height: 1.6;
}


#faq .box .q{
	padding-left:20px;
	position:relative;
	font-weight:bold;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #666;
	position:relative;
}
#faq .box .q:before{
content:"Q.";
	position:absolute;
	left:0;


}
#faq .box .a{
	padding-left:20px;
	position:relative;
	margin-bottom:20px;
	position:relative;
}

#faq .box .a:before{
content:"A.";
	position:absolute;
	left:0;


}
@media screen and (max-width: 768px) {
	#faq .category-box {
		font-size: 14px;
	}

	#faq .box{
		font-size: 14px;
	}
}




/*--------------------------------------------------------
* 同好会
--------------------------------------------------------*/
#club .club-list{
	display:flex;
	flex-wrap:wrap;

}
#club .club-list li{
width:212px;
text-align:center;
padding:10px 0;
border: 5px solid #e6e9ee;
margin-right:10px;
margin-bottom:10px;
}
#club .club-list li:after{

}

#club .club-list li:nth-child(5n){
margin-right:0px;
}
#club .club-list li:last-child{
margin-right:0px;
}


#club .attention{
	border: 1px solid #86A7BA;
	margin-top:10px;
	padding:10px;
	text-align:center;

}


@media screen and (max-width: 768px) {
	#club .club-list{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}

	#club .club-list li{
		width:49%;
		text-align:center;
		padding:10px 0;
		border: 5px solid #e6e9ee;
		margin-right:0;
		margin-bottom:10px;
		font-size:12px;
	}

	#club .attention{
		font-size:14px;
		text-align:left;
	}

}


/*--------------------------------------------------------
* 職場交流活動支援
--------------------------------------------------------*/
#support .image div{
width:49%;
}
#support .image div img{
	width:100%;
}

#support th.w{
width:200px;
}

#support .btn_box{
text-align:center;

}

#support .btn_box .btn_download{
	width:450px;
	margin:10px auto;

}

@media screen and (max-width: 768px) {
	#support .btn_box .btn_download{
		width:380px;


	}
}
/*--------------------------------------------------------
* 同好会活動
--------------------------------------------------------*/
#club .flex{
	align-items: start;
}
#club .flex.r{
	flex-direction: row-reverse;
}
#club .flex .text{
padding-right:20px;
}

#club .flex.tennis_image{
	width:680px;
	justify-content:space-between;
	margin:0 auto;
}

@media screen and (max-width: 768px) {
#club .flex{
	display:block;


}
#club .flex .image{
margin-bottom:10px;
}
#club .flex .text{

padding-right:0;
}
#club .flex.tennis_image{
	width:100%;
	display:block;
	margin:0 auto;
}


}


/*--------------------------------------------------------
* 悩み事相談室
--------------------------------------------------------*/
#consultation .nayami{
	font-weight:bold;
	text-align:center;
	border:1px solid #de6453;
	padding:8px;
	color:#de6453;
	margin:15px 0;
}
#consultation .flow{
	display:flex;
	justify-content: space-between;
}

#consultation .flow .box{
	border:3px solid #86A7BA;
	padding:20px;
	width:32%;
	border-radius:0px;
	text-align:center;
	position:relative;

}
#consultation .flow .box .title{
	font-size:28px;
	text-align:center;
	font-weight:bold;
	margin-bottom:10px;
	color:#86A7BA;
	position:relative;
	display:inline-block;
	margin-left:30px;

}
#consultation .flow .title i{
	display:inline-block;
	font-style:normal;
	background-color: #86A7BA;
	color:#fff;
	width:28px;
	height:28px;
	text-align:center;
	border-radius:50%;
	line-height:28px;
	font-weight:bold;

	font-size:20px;
	position:absolute;
	left:-35px;
	top:8px;
}

#consultation .flow .uketsuke-tel{
	font-size:24px;
	font-weight:bold;
	text-align:center;
	padding-top:0px;
}
#consultation .flow .uketsuke-tel .font-red,
#consultation .flow .uketsuke-tel .font-red a{
font-size:40px;
color: #de6453;
}

#consultation .flow .text{
	text-align:left;
}

#consultation .flow .box::after {

    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0px 15px 15px;
    border-color: transparent transparent transparent #86A7BA;
    position: absolute;
    right: -22px;
    top: 50%;
    transform: translateY(-50%);

}
#consultation .flow .box:last-child::after{
	display:none;
}


#consultation .yazirushi{
	text-align:center;
}

#consultation .yazirushi img{
	padding:20px 0;
	width:30px;
}

#consultation .support .image{
	text-align:center;
	padding:20px 0;

}

#consultation .support .image img{
	width:80%;
	height:auto;
}

#consultation .image_room{
	display:flex;
	justify-content: space-between;
	margin:10px 0;
}

#consultation .image_room img{
	width:48%;
	height:auto;
}
@media screen and (max-width: 768px) {
	#consultation .flow {
	    width: 100%;
		display:block;
	}

	#consultation .flow .box{
		width: 100%;
		margin-bottom:20px;
	}

	#consultation .image_room img{
		width:48%;
		height:100%;
	}

	#consultation .flow .text{
		text-align:left;
	}

	#consultation .flow .box::after {

    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: #86A7BA transparent transparent transparent;
    position: absolute;
    right: 50%;
	margin-right:-15px;
    top: auto;
	bottom:-28px;
    transform: translateY(-50%);


	}

}

/*--------------------------------------------------------
* リフレッシュ事業
--------------------------------------------------------*/

#refresh h4 {
    margin-bottom: 20px;
}

#refresh .card_box{
    align-items: flex-start;
}

#refresh .card_box {
    margin-bottom: 40px;
}

#refresh .card_box .text p {
    margin-bottom: 10px;
}



#refresh .card_box .text .url_box{
	display:flex;
}
#refresh .card_box .text .url_box p {
    border-bottom: solid 1px #999;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

#refresh .card_box .image02 img,
#refresh .card_box .image01 img {
    flex-shrink: 0;
}



#refresh .image01 img{
	margin-left:10px;
}
#refresh .text{


}

#refresh .text.w{
	width:450px;
}

#refresh .text .pcsite{
margin-right:30px;
}

#refresh .text .spsite{
margin-right:20px;
}
#refresh .url_box a {
    display: inline-block;
    font-size: 18px;
    margin-bottom: 10px;
}

#refresh .url_box .samaple_box {
margin-bottom:20px;
}

#refresh .url_box .inputbox  {
    border: solid 1px #999;
    border-radius: 5px;
    color: #666;
    display: inline-block;
    padding: 3px 5px;
    text-align: left;
    width: 200px;

}

#refresh .url_box .submit {
    background: #eee;
    border: solid 1px #999;
    border-radius: 5px;
    margin-left: 10px;
    padding: 7px 20px;
	font-size:16px;
	line-height:1;
}

#refresh .guide {
    margin-bottom: 40px;
}

#refresh .guide .guide_box {
    background: #eee;

    padding: 15px;
    width: 50%;
}
#refresh .guide .guide_box img{
	width:250px;

}


#refresh .guide .guide_box:first-child {
    margin-right: 20px;
}

#refresh .guide .guide_box .guide_title {
    background: url(../../images/refresh_icon.png) no-repeat 0 7px;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-left: 20px;
}

#refresh .guide .guide_box .flex {
    align-items: stretch;

}

#refresh .guide .guide_box .flex div:first-child {
    margin-right: 20px;
}


#refresh .ticket > img {
    margin-bottom: 20px;
	width:100%;
}
#refresh .qr img{

	border:1px solid #999;
}
#refresh .title {
 	font-weight:bold;
    margin-bottom: 10px;
    text-align: center;
	font-size:24px;
	border-bottom:1px solid #999;
	color:#86A7BA;
}



#refresh .ticket_box {
    justify-content:space-between;
	display:flex;
}
#refresh .ticket_box02 {

	display:flex;
}
#refresh .url_box{
margin-right:30px;
}
#refresh .ticket_box p {
    margin-bottom: 20px;
	font-weight:bold;
	font-size:18px;

	padding-bottom:10px;

}

#refresh .ticket_box .tokuten {
margin-right:30px;
}
#refresh .ticket_box .tokuten p{
	position:relative;
	padding-left:70px;
}
#refresh .ticket .read02{
margin-bottom:20px;
text-align:center;
}

#refresh .ticket_box .tokuten .icon{
    background-color: #de6b71;
    border-radius: 3px;
    color: white;
    display: inline-block;
    margin: 0 10px 0 0px;
    padding: 3px 7px;
	font-weight:normal;
	position:absolute;
	left:0;

}

#refresh .text_red {
    color: #de6b71;
}

#refresh .ticket_box .ticket img{
 width:360px;
}

#refresh .ticket .flex .url_box a {
    font-size: 18px;
}

#refresh .ticket .use.flex {
    align-items: flex-start;
}

#refresh .ticket .step_box{
width:400px;
}
#refresh .ticket .s3{
	width:600px;
}
#refresh .ticket .s3 img{
	width:90%;
	border:1px solid #E5E5E5;
}
#refresh .ticket .use .image {
   padding:0 20px;
}

#refresh .ticket .use .step {
	font-size:18px;
	font-weight:bold;

    margin-bottom: 5px;
    padding:5px 10px;
	border:1px solid #86A7BA;
}

#refresh .ticket .use p {
    margin-bottom: 10px;
}

#refresh .ticket .use .login_box {
    background: #E5E5E5;

    color: #556;
    font-size: 18px;
    font-weight: bold;
    padding: 10px;
    text-align: center;
}

#refresh .ticket .use .login_box span {
    color: #de6b71;
}
#refresh .price_table th img{
	width:50px;
}
#refresh .price_table tr.gray td{
	background-color:#eee;
}

#refresh .price_table tr.child td{
	color:#de6b71;
}

#refresh .ticket .table_title {
    font-size: 20px;
    margin-bottom: 10px;
}

#refresh .ticket .table_title span {

}
#refresh .price_table th,
#refresh .price_table td{
	font-size:14px;
}
#refresh .ticket .table td {
font-size:16px;
}

#refresh .ticket .table td span {
    font-size: 14px;
}
#refresh .ticket .table td.price{
	font-weight:bold;
}

#refresh .ticket .table .w01{
	width:150px;
}
#refresh .ticket .buy{

}

#refresh .ticket .buy.flex {
    align-items: flex-start;
    margin: 20px 0;
}

#refresh .ticket .buy .table_box{

}
#refresh .ticket .buy .table_box p {
    margin-left: 20px;
}

#refresh .ticket .buy .table_box p span {
    margin-left: -20px;
}

#refresh .ticket .buy .table_box table {
    margin-bottom: 10px;
}

#refresh .ticket .buy .buy_box {
    background: #eee;

    padding: 20px 20px 20px 30px;
    width: 55%;
}
#refresh .ticket .buy .buy_box img{
	width:40px;
	margin-right:5px;
}
#refresh .ticket .buy .buy_box .buy_title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}

#refresh .ticket .buy .buy_box .buy_section {
    display: inline-block;
}

#refresh .ticket .buy .buy_box p {
    margin-bottom:5px;
}

#refresh .ticket .buy .buy_box p span {
    margin-left: -16px;
}

#refresh .contact_box {
    border: 3px solid #86A7BA;
    border-radius: 8px;
    font-weight: bold;
    margin-bottom: 40px;
    padding: 10px;
	font-size:18px;
	text-align:center;
}
#refresh .contact_box span{

}
#refresh .contact_box span:nth-child(1) {
    font-size: 20px;
	margin-right:5px;
}




#refresh .type {
    margin: 20px auto;
    align-items: stretch;
}

#refresh .type li {
    background: #eee;
	width:210px;
}

#refresh .type li img {
	width:100%;
}
#refresh .type .type_inner {
	padding:10px;
}
#refresh .type li .name{
    color: #de6b71;
    font-weight: bold;
    margin-bottom: 5px;
}

#refresh .flex.flex_clomun {
    margin: 20px 0;
    width: 100%
}

#refresh .flex.flex_clomun .url_box {
    width: 800px;
}

#refresh .flex .url_box p {
    border-bottom: solid 1px #999;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
#refresh .tomamu {
	width:800px;

}


#refresh .room {
    margin-bottom: 10px;
}

#refresh .room li {
    flex-basis: 30%;
}

#refresh .room li .name {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

#refresh .room li img {
    margin-bottom: 10px;
}

#refresh .room_text {
    margin-left: 20px;
}

#refresh .room_text span {
    margin-left: -20px;
}



/* room-sub 2020-06-16 Add */

#refresh .room-sub {
    margin: 40px 0;
}

#refresh .room-sub ul {
    align-items: flex-start;
}

#refresh .room-sub li {
    display: flex;
    flex-basis: 31%;
    flex-direction: column;
}


#refresh .room-sub li .name {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

#refresh .room-sub li .btn {
    text-decoration: underline;
    color: #86A7BA;
    background: url(../images/member_icon/icon-link.png);
    text-align: left;
    padding: 7px 0 7px 0px;
    display: inline-block;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: center left 0;
    background-size: 15px;
}


@media screen and (max-width: 768px) {
    .sp-block {
        display: block;
    }

    #refresh .room-sub li {
        margin-bottom: 20px;
    }
}




#refresh .price {
    margin-bottom: 10px;
}

#refresh .price_box {
    width: 49%;
}

#refresh .price_box h6 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

#refresh .attention {
    border: 2px solid #de6b71;
    border-radius: 5px;
    padding:15px;
    margin-top: 20px;
}

#refresh .attention p {
    margin-left: 20px;
}

#refresh .attention p span {
    margin-left: -20px;
}

#refresh .tomamu .url_box {

    width:100%;

}

#refresh .table.method th {
    width: 250px;
}

@media screen and (max-width: 768px) {
    #refresh .card_box.flex {
        display: block;

        width: 100%;
    }

    #refresh .image01.flex {
        display: block;

        width: 100%;
    }

    #refresh .image01 img {
        margin: 0 0 10px 0;
    }

    #refresh .text {
        padding-left: 0;
    }
    #refresh .text.w{
		width:100%;
	}

    #refresh .flex .url_box {
        align-items: flex-start;
        flex-direction: column;
        width: 100%;
    }


    #refresh .guide.flex {
        flex-direction: column;
        margin-bottom: 20px;
    }

    #refresh .guide .guide_box {
        margin-bottom: 10px;
        width: 100%;
    }

    #refresh .guide .guide_box:first-child {
        margin-right: 0;

    }

    #refresh .guide .guide_box .flex div:first-child {
        margin-right: 0;
    }
    #refresh .guide .guide_box .pic {
        text-align:center;
	}
    #refresh .guide .guide_box .flex {
        flex-direction: column;
    }

    #refresh .guide .guide_box .flex img {
        margin-bottom: 10px;
    }

    #refresh .guide .guide_box .flex p {
        margin-bottom: 10px;
    }

	#refresh .guide .guide_box a.btn_download.book {

    	width:100%;

	}

    #refresh .title::before {
        content: none;
        margin-right: 0;
    }

    #refresh .title::after {
        content: none;
        margin-left: 0;
    }
    #refresh .card_box .text .url_box {
    	display:block;
	}

	#refresh .tomamu {

	    width: 100%;

	}

	#refresh .qr{
		width:100%;
		text-align:center;
	}
	#refresh .qr img{
		width:100px;
		margin:0 auto;
	}

	#refresh .text .pcsite {

	    margin-right:0;

	}
	#refresh .text .spsite {

	    margin-right:0;

	}

    #refresh .ticket_box {
        align-items: flex-start;
        flex-direction: column;
    }

	#refresh .ticket_box02 {

	    display: block;

	}
	#refresh .ticket_box .tokuten {
		margin-right:0;
		font-size:14px;

	}
    #refresh .ticket_box .ticket img {

/*    width: 100%;*/

	}
    #refresh .sp_small {
        width: 100px;
    }

    #refresh .ticket .flex h5 {
        font-size: 18px;
    }

    #refresh .ticket .use.flex {
        display: block;
/*        flex-direction: column;*/
    }

    #refresh .ticket .use img {
        margin: 0 0 20px 0;
    }

    #refresh .table.section {
        width: 100%;
    }

	#refresh .ticket .step_box {

	    width: 100%;

	}
	#refresh .ticket .use .image {
		text-align:center;
	    padding: 0;
		width:100%;
	}

	#refresh .ticket .s3{
		width:100%;
	}
	#refresh .ticket .use img {
		width:40%;
	    margin: 0 0 20px 0;

	}


	#refresh .tomamu.flex{
		display:block;
	}

	#refresh .type li {

		width:100%;
	}

	#refresh .ticket_box .ticket img {

	    width: 100%;

	}

    #refresh .table.section th .flex {
        flex-direction: column;
    }

    #refresh .table.section td .flex {
        flex-direction: column;
    }

    #refresh .ticket .table td {
        font-size: 12px;
    }

    #refresh .ticket .buy.flex {
        flex-direction: column;
        margin: 20px 0;
    }

    #refresh .ticket .buy .table_box {
        margin-bottom: 20px;
        width: 100%;
    }

    #refresh .ticket .buy .buy_box {
        width: 100%;
		margin-bottom:10px;
    }

    #refresh .ticket .buy .buy_box p {
        margin: 0px 0px 10px 16px;
    }

    #refresh .ticket .buy .buy_box .buy_section {
        display: flex;
        flex-wrap: wrap;
    }

    #refresh .ticket .buy .buy_box .buy_section img {
        width: 18%;
    }

    #refresh .ticket .flex.contact_box {
        flex-direction: column;
        margin-bottom: 20px;
    }

    #refresh .ticket .contact_box p:nth-child(2) {
        font-size: 16px;
    }

    #refresh .type.flex {
        flex-direction: column;
    }

    #refresh .type li {
        margin-bottom: 10px;
    }

    #refresh .flex.flex_clomun {
        flex-direction: column;
    }

    #refresh .flex.flex_clomun .url_box {
        width: 100%;
    }

    #refresh .flex.flex_clomun .url_box .flex_form {
        flex-direction: column;
        margin-bottom: 10px;
    }

    #refresh .room.flex {
        display: block;
/*        flex-direction: column;*/
    }

    #refresh .price.flex {
        flex-direction: column;
    }

    #refresh .price_box {
        margin-bottom: 10px;
        width: 100%;
    }

    #refresh .table.method th {
        width: auto;
    }
}

/*--------------------------------------------------------
* お知らせ
--------------------------------------------------------*/
#member_news_list{

}
#member_news_list .second-contents__container{
	overflow:hidden;
}
#member_news_list .list,
#member_news_list .single{
	width:850px;
	float:right;
}


#member_news_list .list .item{
	display:flex;
	border-bottom: 1px solid #CCC;
	padding-bottom: 20px;
	margin-bottom: 20px;
	margin-bottom:30px;
}



#member_news_list .list .item .img{
	width:200px;
	display:block;
	height:140px;
	background-position:center center;
	background-size:cover;
}
#member_news_list .list .item .text{
	padding-left:20px;
	width:calc(100% - 250px);
}

#member_news_list .list .item .text .text_head{
	display:flex;
	align-items: center;
}

#member_news_list .list .item .text .text_head span{
	display:block;
	background-color:#de6453;
	font-size:11px;
	color:#fff;
	padding:3px 5px;
	margin:0 5px;
	border-radius:3px;

}

#member_news_list .list .item .title{
	font-size:20px;
	color:#86A7BA;
	margin-bottom:10px;
	font-weight:bold;
}



#member_news_list .cat_menu{
	width:250px;

	float:left;
	border:1px solid #86A7BA;


}
#member_news_list .cat_menu .head_title{
	color:#fff;
	background-color:#86A7BA;
	font-weight:bold;
	padding:10px;

	font-size:16px;
}

#member_news_list .cat_menu li a{
	display:block;
	padding:10px 10px 10px 20px;
	border-bottom:1px solid #86A7BA;
	color:#666;
	position:relative;
}
#member_news_list .cat_menu li a:hover{
background:#f4f4f4;
opacity:1;
}

#member_news_list .cat_menu li a::before {
	position:absolute;
	left:10px;
	top:50%;
	margin-top:-8px;
    content: '\f105';
    font-family: "Font Awesome 5 Free";
    font-size: 12px;
    font-weight: 900;
    color: #42606b;

}


#member_news_list .cat_menu li:last-child a{
	border-bottom:0;
}


#member_news_list .single .title{
	color: #579cab;
	font-size: 20px;
	line-height: 1.6;
	margin-bottom: 8px;
	font-weight: bold;
}
#member_news_list .single .head{
	display:flex;
	margin-bottom:15px;
}


/*詳細*/
#member_news_list .single .head span{
	display: block;
	background-color: #de6453;
	font-size: 14px;
	color: #fff;
	padding: 2px 5px;
	margin: 0 5px;
	border-radius:3px;

}


#member_news_list .single .image_box{
	text-align:center;
	margin-bottom:20px;
}
#member_news_list .single .image_box img{
	max-width:700px;
	height:auto;

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

	#member_news_list .list,
	#member_news_list .single{
		width:100%;
		float:none;
		margin-bottom:20px;
	}

	#member_news_list .list .item {
		display:block;
	}

	#member_news_list .list .item .img {

	    width: 100%;
	    display: block;
		margin-bottom:10px;

	}

	#member_news_list .list .item .text {

	    padding-left: 0;
	    width:100%;

	}
	#member_news_list .cat_menu{
		width:100%;

		float:none;
		border:1px solid #86A7BA;
		border-radius: 10px 10px 0 0;

	}

	#member_news_list .single .image_box img{
		max-width:100%;
		height:auto;

	}

	#member_news_list .cat_menu .head_title {
	    font-size: 16px;

	}

}


	#member_news .blog-body .image img{
	width:100%;
	}



	#member_news_single{

	}

	#member_news_single .link_box{
		display:flex;
		justify-content:center;
		margin:30px 0 0 0;
	}

	#member_news_single .link_box a{
	display:block;
	padding:7px 30px;
	background-color:#86A7BA;
	color:#fff;
	border-radius:5px;
	}
	#member_news_single .link_box a.prev{

	}
	#member_news_single .link_box a.all{
	margin:0 30px;
	}


}

/*
* benefit
*/

#benefit .w250{
	width:250px;
}
#benefit .w400{
	width:400px;
}


#benefit .second-contents__container > p {
    margin-bottom: 20px;
}

#benefit .btn_box .btn_download {
    width: 470px;
    margin: 10px auto;
}

#benefit .mark {
    margin-left: 16px;
}

#benefit .mark span {
    margin-left: -16px;
}

#benefit .list-num {
    list-style-type: decimal;
    margin-left: 10px;
}

#benefit .text-under {
    text-decoration: underline;
}

#benefit .flex-end {
    align-items: flex-end;
}

#benefit .w400.btn_download {
    width: 360px;
    margin: 10px auto;
}

#benefit .list-num {

}
#benefit .price{
	font-size:18px;
	font-weight:bold;
}
@media screen and (max-width: 768px) {
    #benefit .w400.btn_download {
        width: 300px;
        margin: 10px auto;
    }
	#benefit .w250{
		width:auto;
	}
	#benefit .w400{
		width:auto;
	}

}

/*
* dock
*/

#dock .second-contents__container > p {
    margin-bottom: 20px;
}
#dock h5 span{
	display:inline-block;
	background-color:red;
	color:#fff;
	font-size:16px;
	padding:5px 5px;
	line-height:1;
	margin-right:10px;
}
#dock h4 {
    line-height: 1.7;
}

#dock h4 span {
    background: #de6b71;
    border-radius: 5px;
    color: white;
    font-size: 18px;
    font-weight: 500;
    margin-right: 10px;
    padding: 5px;
}

#dock .title {
    color: orange;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}

#dock .flex {
    align-items: flex-start;
}

#dock .flex .box {
    background: #eee;
    border-radius: 5px;

    margin: 15px 0;
    padding: 10px;
    text-align: center;
}

#dock .flex img {
    margin-left: 20px;
}

#dock .mark {
    margin-left: 16px;
}

#dock .mark span {
    margin-left: -16px;
}

#dock .list li {
    align-items: center;
}

#dock .list li .circle {
    background: #86A7BA;
    border-radius: 20px;
    color: white;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    margin-right: 20px;
    padding: 10px 14px;
}

#dock .list li .box {
    align-items: center;
    border: solid 3px #86A7BA;
    border-radius: 5px;
    line-height: 1;
    padding: 10px 14px;
    width: 100%;
}

#dock .list li .box .title {
    color: #86A7BA;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 0;
}

#dock .list li .box .text {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 5px;
    text-align: left;
    width: 800px;
}

#dock .list li .box .btn_download {
   margin:0 auto;
    width: 300px;
}

@media screen and (max-width: 768px) {
    #dock .flex {
        flex-direction: column;
    }

    #dock h4 span {
        font-size: 14px;
    }

    #dock .title {
        font-size: 16px;
        margin-bottom: 10px;
    }

    #dock .flex img {
        margin: 0 auto 10px;
        width: 200px;
    }

    #dock .list li .circle {
        margin-right: 0;
    }

    #dock .list li .box .title {
        font-size: 16px;
        margin-bottom: 5px;
    }

    #dock .list li .box .text {
        font-size: 14px;
        width: 100%;
    }

    #dock .list li .box .btn_download {
        font-size: 14px;
        width: 100%;
    }
}

/*
* other
*/

#other .box {
    background: #eee;

    margin: 15px 0 40px;
    padding: 15px;
}

#other .second-contents__box .title {
    margin-bottom: 20px;
}

#other .mark {
    margin-left: 16px;
}

#other .mark span {
    margin-left: -16px;
}

#other .list-num {
    list-style-type: decimal;
    margin-left: 16px;
}

@media screen and (max-width: 768px) {
    #other .box {
        font-size: 14px;
        line-height: 1.6;
        margin: 10px 0 30px;
    }
}

/*
* loan
*/

#loan .second-contents__container > p {
    margin-bottom: 20px;
}
#loan .box .flex_start{
	justify-content:center;
	margin-bottom:10px;
}
#loan .box {
    border: solid 3px #de6453;
    border-radius: 7px;
    line-height: 1;
    margin: 0 auto 20px;
    padding: 15px;
    text-align: center;
    width: 520px;
}

#loan .box .hokuyo_text {

    font-weight: bold;
    line-height: 1.4;
	font-size:18px;
	margin-right:10px;

}
#loan .box .hokuyo_percent {

    font-size: 40px;
	font-weight: bold;
}

#loan .box .hokuyo_percent .red{
	color:#de6453;
}
#loan .box .hokuyo_percent .num {
font-size: 44px;
}
#loan .mark {
    margin-left: 16px;
}

#loan .mark span {
    margin-left: -16px;
}

#loan .text {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
}

#loan .box_tel {
	width:300px;



	margin:0 auto 10px auto;
}
#loan .box_tel div {
   display:flex;
	margin-bottom:5px;
}
#loan .box_tel div span{
   display:block;
}
#loan .box_tel div span.tel{

}

#loan .box_tel div span.shiten{
	width:120px;
}


#loan a.btn_download {
	width:320px;
	margin:0 auto;

}
@media screen and (max-width: 768px) {
    #loan .box {
        width: 100%;
    }

    #loan .box .flex {
        display: block;
    }

    #loan .box p span {

        font-size: 24px;
        margin-left: 10px;
    }

    #loan .box_tel {
        width: 100%;
    }

    #loan .box_tel p {

    }

	#loan .box .flex p:first-child{
		width:100%;
		text-align:center;
	}

    #loan .text {
        font-size: 14px;
        margin-bottom: 10px;
        text-align: center;
    }
}

/*
* jcb
*/


#jcb .box {
    align-items: flex-start;
    margin-bottom: 20px;
}

#jcb .box  img {
    margin-left: 20px;
}

#jcb .mark {
    margin-left: 16px;
}

#jcb .mark span {
    margin-left: -16px;
}

#jcb .list li {
    margin-bottom: 10px;
}

#jcb .list li span {
    background: #de6b71;
    color: white;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    margin-right: 5px;
    padding: 5px 7px;
}

#jcb .btn_download {
    margin: auto;
    width: 430px;
}

#jcb .box02 {
    margin-bottom: 20px;
}

#jcb .box02 .text01 {
   align-items:center;
	display:flex;
    font-size: 18px;

    margin-bottom: 15px;
}
#jcb .box02 .text01 a:first-child{
	margin-right:10px;
}
#jcb .box02 .text01 span {
    border: solid 1px #aaa;
    border-radius: 3px;
    color: #444;
    margin-left: 20px;
    padding: 2px;
    text-align: center;
    width: 200px;
	display:inline-block;
}

#jcb .box02 .text01 .btn {
    background: #999;
    border-radius: 4px;
    color: white;
    font-size: 16px;
    margin-left: 10px;
    padding: 4px 20px;
    text-align: center;
	width: 100px;
}

#jcb .box02 .text01 > img {
    display: inline-block;
    margin-left: 15px;
}

#jcb .list02 {
    margin-bottom: 40px;
}

#jcb .list02 li {
    margin: 0 0 10px 0;
}

#jcb .list02 li span {
    font-weight: bold;
}

#jcb .ml16 {
    margin-left: 16px;
}

#jcb .box03 {
	display:flex;
    margin-bottom: 20px;
}

#jcb .list03 {
    background: url("../../images/jcb_img10.png") no-repeat 0 7px;
    padding-left: 110px;
}

#jcb .list03 li {

    font-size: 16px;
}

@media screen and (max-width: 768px) {
    #jcb .box {
        flex-direction: column;
    }

    #jcb .box  img {
        margin: 0 auto;
        width: 200px;
    }
    #jcb .box .card{
			text-align:center:
	}
    #jcb .btn_download {
        font-size: 14px;
        width: 100%;
    }

    #jcb .box02 {
        flex-direction: column;
    }

    #jcb .box02 > img {
        width: 200px;
    }

    #jcb .box02 .text01 {
        flex-direction: column;
    }

    #jcb .box02 .text01 span {
        margin: 10px 0;
    }

    #jcb .box02 .text01 > img {
        margin: 10px 0;
        width: 200px;
    }
	#jcb .box02 .appbox{
		display:flex;
		align-items:center;
		justify-content: space-between;
	}
	#jcb .box02 .appbox a{
		width:49%;
		display:block;
	}
    #jcb .box02 .appbox a img{
		width:100%;
	}
    #jcb .box03 {
        display:flex;
		flex-wrap:wrap
    }

    #jcb .box03  img {
        width: 33%;
    }
	#jcb .list li span {
    display:block;
	}

    /*
    * jcb sp table layout
    */
    #jcb .sp-table-wrap {
        position: relative;
        padding: 0 10px 0 10px;
    }

    #jcb .jcb-table-layout {
        display: block;
        width: 100%;
        white-space: normal;
        min-width: 100%;
        position: relative;
    }

    #jcb .jcb-table-layout tbody {
        width: 100%;
        position: relative;
        display: block;
    }

    #jcb .jcb-table-layout tbody tr {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    #jcb .jcb-table-layout tbody tr th {
        width: 100%;
        display: block;
    }

    #jcb .jcb-table-layout tbody tr td {
        width: 100%;
        display: block;
    }





}

/*
* facility
*/

#facility .box {
    justify-content: flex-start;
    margin: 10px 0 0;
}
#facility .pic-wrap{
	width:682px;
	margin:0 auto;
}

#facility .pic{
	display:flex;
	justify-content: space-between;
}

#facility .list {
    list-style-type: decimal;
    margin-left: 16px;
}

#facility .list li {
    margin-bottom: 20px;
}

#facility .mark {
    margin-left: 16px;
}

#facility .mark span {
    margin-left: -16px;
}

#facility .box02 {
    justify-content: flex-start;
    margin: 10px 0 40px;
}

#facility .box02 > div {
    margin-right: 20px;
}

#facility .box02 > div img {
    margin-bottom: 10px;
}

#facility .box03 {
	align-items:start;
    margin-bottom: 20px;
}

#facility .box03 .info {
    margin-right: 20px;
	width:600px;
}
#facility .time{
display:flex;
}
#facility .time > p {
    background: #eee;

    padding: 10px 15px;
    margin-right: 10px;
}
#facility .btn_download.w{
	width:520px;
	margin:0 auto;
	margin-top:10px;

}
#facility .flex_center.pic02{
	margin:10px 0;
}
#facility .flex_center.pic02 div:first-child{
	margin-right: 20px;
}
#facility img.w{
	width:450px;
}

@media screen and (max-width: 768px) {
    #facility .box {
        flex-direction: column;
    }

    #facility .box > img {
        margin: 0 0 10px;
        width: 200px;
    }

	#facility .pic-wrap{
		width:100%;
	}

	#facility .pic img{
		width:49%;
	}


    #facility .box02 {
        flex-direction: column;
    }

    #facility .box03 {
        flex-direction: column;
    }

    #facility .box03 .info {
        margin: 0 0 10px;
    }

    #facility img.w{
        margin: auto;
        width: 200px;
    }

    #facility .time {
        flex-direction: column;
    }

    #facility .time p {
        margin: 10px 0 0;
        text-align: center;
        width: 200px;
    }
}


/*
* insurance
*/

#insurance .list01 {
    align-items: flex-start;
    margin-bottom: 20px;
}

#insurance .list01 li {
    width: 32%;
	border:3px solid #de6453;
	padding:10px 15px;
	min-height:350px;
	border-radius:10px;

}

#insurance .list01 li .title {

   font-size:20px;
	font-weight:bold;

    margin-bottom: 10px;
    padding: 5px 10px;
    text-align: center;
}
#insurance .list01 li .title p{
	color:#de6453;
   font-size:24px;
}
#insurance .list01 li img {
    margin-bottom: 10px;
    max-width: 100%;
}

#insurance .list01 li .text {
    text-align: left;
}

#insurance .box01 {
    align-items: flex-start;
}

#insurance .box01 div {
    width: 49%;
}

#insurance .box01 .right {
    border: solid 3px #de6453;
    border-radius: 5px;
    padding: 10px;
}

#insurance .box01 .right .text01 {
    margin-bottom: 10px;
	text-align:center;
}

#insurance .box01 .right .text02 {
    color: #de6453;
    font-size: 46px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}
#insurance .box01 .right .text02 .num{
    font-size: 50px;
}
#insurance .list02 {
    align-items: stretch;
    margin-bottom: 20px;
}

#insurance .list02 li {
    width: 23%;
}

#insurance .list02 .box_red {
    border: solid 3px #de6453;
    border-radius: 5px;
    margin-right: 27px;
    padding: 10px;
    position: relative;
}

#insurance .list02 .box_red::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    border-color: transparent transparent transparent #5fa7b7;
    position: absolute;
    right: -27px;
    top: 50%;
    transform: translateY(-50%);
}

#insurance .list02 .box_black {
    border: solid 3px #888;
    border-radius: 5px;
    margin-right: 23px;
    padding: 10px;
    position: relative;
}

#insurance .list02 .box_black::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 15px;
    border-color: transparent transparent transparent #5fa7b7;
    position: absolute;
    right: -23px;
    top: 50%;
    transform: translateY(-50%);
}

#insurance .list02 .box_black:last-child {
    margin-right: 0;
}


#insurance .list02 .box_black:last-child::after {
    border: none;
}

#insurance .list02 .box_red .title {
    color: #de6453;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

#insurance .list02 .box_black .title {
    color: #555;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

#insurance .list02 .text01 {
    margin-bottom: 10px;
    text-align: center;
}

#insurance .mark {
    margin-left: 16px;
}

#insurance .mark span {
    margin-left: -16px;
}

#insurance .box02 {
    align-items: stretch;

    flex-wrap: wrap;
    margin:0 auto;
    padding: 20px 20px 20px;
	width:900px;
}
#insurance .box02 .box02-inner{
	width:300px;
	margin:0 auto;
}
#insurance .box02 div.left,
#insurance .box02 div.right {
    width:400px;
	text-align:center;
	border:1px solid #86A7BA;
	padding:20px 0;

}
#insurance .box02 div.left.mb,
#insurance .box02 div.right.mb{
	margin-bottom:40px;
}

#insurance .box02 div img {
    flex-shrink: 0;
    width:100%;
}

#insurance .box02 div.left .title,
#insurance .box02 div.right .title  {
    font-size: 16px;
    font-weight: bold;
    margin: 0px 0 10px;
}

#insurance .box02 div .title.height {
    height: 55px;
}

#insurance a.btn_download.book {
   	width:100%;
    margin: 15px 0 10px;
}

#insurance .w600.btn_download {
    width: 600px;
    margin: 10px auto;
}

#insurance .box03 {
	margin-top:30px;
    margin-right: auto;
    text-align: center;
    width: 400px;
	border:1px solid #86A7BA;
	padding:20px 0;
}

#insurance .box03 img {
    width: 100%;
}
#insurance .box03 .box03-inner{
	width:300px;
	margin:0 auto;
}
#insuraance .box03 div.left,
#insuraance .box03 div.right {
    width:400px;
	text-align:center;
	border:1px solid #86A7BA;
	padding:20px 0;
}
#insurance .table p span {

}

#insurance .table .box04 {
    flex-wrap: wrap;
}

#insurance .table .box04 p {
   width:25%;
}

#insurance .box05 {
    margin-bottom: 10px;
    align-items: stretch;
}

#insurance .box05 div {
    border: solid 3px #de6453;
    border-radius: 5px;
    padding: 10px 20px;
    width: 48%;

}

#insurance .box05 div .text01 {
    margin-bottom: 10px;
}

#insurance .box05 div .text01 span {
    background: #de6453;
    color: white;
    padding: 4px;
	margin-right:5px;
}

#insurance .box05 div .text02 {

    font-size: 50px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
}
#insurance .box05 div .text02 span.num{
	font-size: 60px;
}
#insurance .box05 div .text02 span.small {
    font-size: 22px;
}
#insurance .box05 .left.plus{
	position:relative;
}


#insurance .box05 .left.plus::after {
	content:"+";
	font-weight:bold;
	font-size:45px;
	line-height:1;
	position:absolute;
	top:38px;
	right:-38px;
	color:#de6453;
}

#insurance .box06 {
    background: #eee;
    border-radius: 5px;
    margin: 10px 0 0;
    padding: 10px 20px 10px;
}

#insurance .w200 {
    width: 200px;
}

#insurance .merit {
    align-items: flex-start;
    margin-bottom: 20px;
}

#insurance .merit li {
    width: 32%;
	border:3px solid #de6453;
	padding:10px 15px;
	min-height:290px;
	border-radius:10px;

}

#insurance .merit li .title {

   font-size:20px;
	font-weight:bold;

    margin-bottom: 10px;
    padding: 5px 10px;
    text-align: center;
}
#insurance .merit li .title p{
	color:#de6453;
   font-size:24px;
}
#insurance .merit li img {
    margin-bottom: 10px;
    max-width: 100%;
}

#insurance .merit li .text {
    text-align: left;
}

@media screen and (max-width: 768px) {
    #insurance .w200 {
        width: 150px;
    }
    #insurance .list01 {
        display: block;
    }

    #insurance .list01 li {
        margin-bottom: 20px;
        width: 100%;
    }

    #insurance .box01 {
        display: block;
    }

    #insurance .box01 div {
        margin-bottom: 10px;
        width: 100%;
    }

    #insurance .box01 .right .text02 {
        font-size: 24px;
    }

    #insurance .list02 {
        display: block;
    }

    #insurance .list02 li {
        margin-bottom: 10px;
        width: 100%;
    }
    #insurance .box02{
		width:90%;
		padding: 20px 0 20px;
	}
    #insurance .box02 img{
  		width:100%;
    }
	#insurance .box02 .left{
		margin-bottom:20px;
	}
    #insurance .box02 .box02-inner {
		width:90%;
		margin:0 auto;
	}
    #insurance .box02 div .title {
        font-size: 16px;
        margin: 10px 0;
    }
	#insurance .box02 div .title.height {

	    height: auto;

	}
    #insurance .box02 div .title.h55 {
        height: auto;
    }
    #insurance .box02.flex{
		display:block;
	}

	#insurance .box02 div.left, #insurance .box02 div.right {
		width:100%;

	}
	#insurance .box02 div.left.mb, #insurance .box02 div.right.mb {

	    margin-bottom: 20px;

	}

    #insurance .box03{
		width:90%;
		margin:0 auto;
	}

   #insurance .box03 .box03-inner{
		width:90%;
		margin:0 auto;
	}
    #insurance .box03 img{
  		width:100%;
    }

    #insurance a.btn_pamphlet {
        font-size: 12px;
    }

    #insurance a.btn_pamphlet::after {
        margin-left: 3px;
    }

    #insurance .list02 .box_black .title,
    #insurance .list02 .box_red .title {
        font-size: 18px;
    }

    #insurance .list02 .box_black,
    #insurance .list02 .box_red {
        margin-bottom: 32px;
        margin-right: 0;
    }

    #insurance .list02 .box_black::after,
    #insurance .list02 .box_red::after {
        left: 50%;
        top: 100%;
        transform: rotate(90deg) translateY(25%);
    }

    #insurance .list02 .text01 {
        font-size: 14px;
        margin-bottom: 5px;
    }

    #insurance .list02 .text02 {
        font-size: 14px;
    }

    #insurance .w600.btn_download {
        font-size: 14px;
        width: 100%;
    }


    #insurance .table p span {
        font-size: 16px;
    }



	#insurance .box05 {
	    margin-bottom: 10px;
	    align-items: stretch;
	}

	#insurance .box05 div {
	    border: solid 3px #de6453;
	    border-radius: 5px;
	    padding: 10px 10px;
	    width: 45%;

	}

	#insurance .box05 div .text01 {
	    margin-bottom: 10px;
	}


	#insurance .box05 div .text02 {

	    font-size: 20px;
	    font-weight: bold;
	    line-height: 1;
	    text-align: center;
	}
	#insurance .box05 div .text02 span.num{
		font-size: 24px;
	}
	#insurance .box05 div .text02 span.small {
	    font-size: 22px;
	}



	#insurance .box05 .left.plus::after {

		top:50%;
		margin-top:-20px;
		right:-35px;

	}

	#insurance .merit {
	    display:block;
	}

	#insurance .merit li{
		width: 100%;
		min-height:auto;
		margin-bottom:20px;
	}
}

/*--------------------------------------------------------
* タイムアウト
--------------------------------------------------------*/
#timeout{ min-height:500px;}

#timeout .box01{
	width:800px;
	margin:0 auto;
	padding:50px 0 50px 0;
	background-color:#fff;
	border-radius:10px;

}

#timeout .box01 p{
	line-height:1.8;

}

#timeout .box01 .btn{
	margin-top:30px;
	color: #FFF;
	width:300px;
	background: url(../images/icons/icon_arrow_white_right.png) right 10px center no-repeat;

	background-color: #5fa7b7;
	border-radius: 3px;
	padding:20px 30px 20px 15px;

	display: inline-block;


}

@media screen and (max-width: 768px) {
	#timeout{
				min-height:auto;
				padding:50px 0 50px 0;
				margin-top:50px;
	}

	#timeout .box01{
		width:90%;
		margin:0 auto;
		padding:50px 20px 50px 20px;
		background-color:#fff;
		border-radius:10px;

	}
	#timeout .box01 .btn{
		width:100%;

	}

}

/* add_style_20210203 */
@media screen and (max-width: 768px) {
    #overview .td_text_right {
        font-size: 12px;
    }
}

#procedures table.table01 th,#procedures table.table04 th {
    width: 200px;
}
#procedures .table.table01 td:nth-child(3) {
    width: 350px;
}
#procedures table.table02 th {
    width: 200px;
}
#procedures .table.table02 td:nth-child(3) {
    width: 300px;
}
#procedures table.table03 th {
    width: 130px;
}
#procedures table.table03 td:last-child,#procedures table.table03 td:nth-child(3) {
    width: 200px !important;
}
#procedures .table05 {
    margin-left: auto;
    margin-right: auto;
}
#procedures .table05 tr {
    display: flex;
    align-items: center;
    justify-content: center;
}
#procedures .table05 tr td {
    border: none;
    width: 300px;
}
#procedures .table05 tr td:nth-child(1) {
    width: 255px;
    text-align: right;
}
@media screen and (max-width: 768px) {
    #procedures .table.table01,#procedures .table.table02,#procedures .table.table03,#procedures .table.table04,#procedures .table.table05 {
        min-width: auto;
        width: 100%;
        white-space: normal !important;
    }
    #procedures .table.table01 tr,#procedures .table.table02 tr,#procedures .table.table03 tr,#procedures .table.table04 tr,#procedures .table.table05 tr {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    #procedures .table.table01 td,#procedures .table.table02 td,#procedures .table.table03 td,#procedures .table.table04 td,#procedures .table.table05 td {
        width: 100%;
        position: relative;
    }
    #procedures .table.table01 td:last-child {
        top: -1px;
    }
    #procedures table.table01 th,#procedures table.table02 th,#procedures table.table03 th,#procedures table.table04 th {
        width: 100%;
        position: relative;
    }
    #procedures .table.table01 td,#procedures .table.table02 td,#procedures .table.table03 td {
        top: -1px;
        width: 100%;
    }
    #procedures .table.table01 td:nth-child(3),#procedures .table.table02 td:nth-child(3) {
        width: 100%;
        top: -2px;
    }
    #procedures table.table03 td,#procedures .table.table02 tr td.center {
        text-align: left;
    }
    #procedures table.table03 td:last-child,#procedures table.table03 td:nth-child(3) {
        width: 100% !important;
        top: -2px !important;
    }
    #procedures table.table01 td a.btn_download {
        min-width: 230px;
    }
    #procedures table.table05 td a.btn_download {
        min-width: 200px;
    }
    #procedures .table05 tr td {
        padding: 10px 0 5px;
    }
    #procedures .table05 tr td:last-child {
        padding: 0;
    }
    #procedures .table05 tr td:nth-child(1) {
        width: 100%;
        text-align: left;
    }
}

#refresh .ticket_box .tokuten {
    position: relative;
    padding-left: 65px;
    font-weight: bold;
    line-height: 1.8;
}
#refresh .room {
    align-items: flex-start;
}
#refresh .contact_box {
    margin-top: 30px;
}
#refresh .price {
    flex-wrap: wrap;
    align-items: flex-start;
}
#refresh a.btn_link:last-child {
    display: block;
}
#refresh .ticket_btn {
    margin: 30px auto 5px;
    max-width: 600px;
}
@media screen and (max-width: 768px) {
    #refresh p.table_child_ttl:before {
        width: 12px;
    }
}

#club .club-list li {
    display: flex;
    align-items: center;
    justify-content: center;
}

#benefit table.table02 th {
    width: 200px;
}
#benefit .table.table02 td:nth-child(2) {
    width: 400px;
}
@media screen and (max-width: 768px) {
    #benefit .table.table01,#benefit .table.table02 {
        min-width: auto;
        width: 100%;
    }
    #benefit .table.table01 tr,#benefit .table.table02 tr {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    #benefit .table.table01 td,#benefit .table.table02 td {
        width: 100%;
        position: relative;
    }
    #benefit .table.table01 td:last-child {
        top: -1px;
    }
    #benefit table.table02 th {
        width: 100%;
        position: relative;
    }
    #benefit .table.table02 td {
        top: -1px;
        width: 100%;
    }
    #benefit .table.table02 td:nth-child(2) {
        width: 100%;
    }
}

#dock table.table01 th {
    width: 180px;
}
@media screen and (max-width: 768px) {
    #dock .table.table01 {
        min-width: auto;
        width: 100%;
        white-space: normal !important;
    }
    #dock .table.table01 tr {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    #dock .table.table01 td {
        width: 100%;
        position: relative;
    }
    #dock table.table01 th {
        width: 100%;
        position: relative;
    }
    #dock .table.table01 td:nth-child(2) {
        top: -1px;
    }
    #dock .table.table01 td:nth-child(3) {
        top: -2px;
    }
    #dock .table.table01 td:nth-child(4) {
        top: -3px;
    }
}

#insurance p.table_child_ttl {
    padding-left: 1.25rem;
    font-weight: bold;
    position: relative;
}
#insurance p.table_child_ttl:before {
    content: '';
    background: #333;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 5px;
}
#insurance p.table_child_text {
    padding-left: 1.25rem;
}
#insurance table.table01 td:first-child,#insurance table.table01 th {
    width: 200px;
}
#insurance .box02.tokusyu{
    padding: 20px 0px 20px;
    width: 100%;
}
#insurance .box02.tokusyu div.left, #insurance .box02.tokusyu div.right {
    max-width: 400px;
    width: 32%;
}
@media screen and (max-width: 768px) {
    #insurance p.table_child_ttl:before {
        width: 12px;
        height: 12px;
        top: 2.5px;
    }
    #insurance .table.table01,#insurance .table.table02 {
        min-width: auto;
        width: 100%;
        white-space: normal !important;
    }
    #insurance .table.table01 tr,#insurance .table.table02 tr {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    #insurance .table.table01 td,#insurance table.table01 th,#insurance .table.table02 td,#insurance table.table02 th {
        width: 100%;
        position: relative;
    }
    #insurance table.table01 td:first-child,#insurance table.table02 td:first-child {
        width: 100%;
        position: relative;
    }
    #insurance .table.table01 td:nth-child(2),#insurance .table.table02 td:nth-child(2) {
        top: -1px;
    }
    #insurance .box02.tokusyu {
        padding: 20px 0px 20px;
        width: 90%;
    }
    #insurance .box02.tokusyu div.left, #insurance .box02.tokusyu div.right {
        max-width: 100%;
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    #facility .table {
        min-width: auto;
        width: 100%;
        table-layout: fixed;
    }
    #facility .table tr {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    #facility .table td,#facility .table th {
        min-width: auto;
        width: 100%;
    }
    #facility .btn_download.w {
        width: 100%;
    }
    #facility .table td:last-child {
        top: -1px;
    }
    #facility .table td {
        width: 100%;
        position: relative;
    }
}

#form .select_wrap select {
    background: #FFF;
}
#form input[type="radio"] {
    -webkit-appearance: radio;
    position: relative;
}
#form .radio_box {
    margin: 10px 0 0;
}
#form .radio_box span.wpcf7-list-item-label {
    padding: 0 10px 0 5px;
}
@media screen and (max-width: 375px) {
    #form input[type="radio"] {
        top: 2.1px;
    }
}


/*20210415更新分*/
/*20210415更新分*/
@media screen and (max-width: 768px) {
  #club .club-list li {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #benefit .table.table02 td:last-child {
    top: -2px;
  }
}
@media screen and (max-width: 768px) {
  #facility .pic02.onelines {
    flex-wrap: wrap;
  }
  #facility .pic02.onelines .onelinesbox {
    width: 100%;
    margin-right: 0 !important;
    margin-bottom: 20px;
  }
  #facility .pic02.onelines .onelinesbox.box01 {

  }
  #facility .time.custom span {
    display: block;
    text-align: center;
    margin: 10px auto 0;
    padding: 5px 0 3px;
    background: #e5e5e5;
    width: 90%;
  }
}

@media screen and (max-width: 768px) {
  #loan .non_scroll_table01 {
    width: 100%;
    min-width: 100%;
  }
  #loan .non_scroll_table01 tr {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  #loan .non_scroll_table01 tr th {
    width: 100%;
  }
  #loan .non_scroll_table01 tr td {
    width: 100%;
    position: relative;
    top: -1px;
  }
  #loan a.btn_download {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  #support .onelinesimages {
    flex-wrap: wrap;
  }
  #support .onelinesimages div {
    width: 100% !important;
    margin: 0 0 10px;
  }
  #support .non_scroll_table01 {
    width: 100%;
    min-width: 100%;
  }
  #support .non_scroll_table01 tr {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  #support .non_scroll_table01 tr th {
    width: 100%;
  }
  #support .non_scroll_table01 tr td {
    width: 100%;
    position: relative;
    top: -1px;
  }
  #support .btn_box .btn_download {
    width: 100%;
    font-size: 13px;
  }
  #support .non_scroll_table01 tr th.w {
    width: 100%;
  }
  #support .non_scroll_table02 {
    width: 100%;
    min-width: 100%;
    border-top: solid 1px #ccc;
  }
  #support .non_scroll_table02 tr {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border: solid 1px #ccc;
    border-top: none;
    border-right: none;
  }
  #support .non_scroll_table02 tr th {
    width: calc(100% / 3);
    border-top: none;
    border-left: none;
    border-bottom: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #support .non_scroll_table02 tr th:nth-child(1) {
    width: 40%;
  }
  #support .non_scroll_table02 tr th:nth-child(2) {
    width: 20%;
  }
  #support .non_scroll_table02 tr th:nth-child(3) {
    width: 40%;
  }
  #support .non_scroll_table02 tr td {
    width: calc(100% / 3);
    top: 0px;
    border-top: none;
    border-left: none;
    border-bottom: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #support .non_scroll_table02 tr td:nth-child(1) {
    width: 40%;
  }
  #support .non_scroll_table02 tr td:nth-child(2) {
    width: 20%;
  }
  #support .non_scroll_table02 tr td:nth-child(3) {
    width: 40%;
  }
}

@media screen and (max-width: 768px) {
  #insurance .box05 div {
    width: 100%;
  }
  #insurance .box05 div {
    width: 100%;
  }
  #insurance .box05 .left.plus::after {
    top: calc(100% + 10px);
    margin-top: -15px;
    right: calc(50% - 13px);
  }
  #insurance .box05 {
    flex-wrap: wrap;
  }
  #insurance .box05 .left.plus {
    margin: 0 auto 30px;
  }
  #insurance .sp_hide_contents {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  #other .non_scroll_table01 {
    width: 100%;
    min-width: 100%;
  }
  #other .non_scroll_table01 tr {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  #other .non_scroll_table01 tr th {
    width: 100% !important;
  }
  #other .non_scroll_table01 tr td {
    width: 100%;
    position: relative;
    top: -1px;
  }
}

#refresh .mt10 {
  margin-top: 10px;
}
#refresh .guide .guide_box .flex.eraberu_box {
  align-items: flex-end;
}
@media screen and (max-width: 768px) {
  #refresh .guide .guide_box .flex.eraberu_box {
    align-items: stretch;
  }
  #refresh .ticket .title {
    font-size: 16px;
  }
  #refresh .ticket .use .s3 img {
    width: 100%;
  }
  #refresh .table_nonsc01 {
    width: 100%;
    min-width: 100%;
  }
  #refresh .non_scroll_table01 {
    width: 100%;
    min-width: 100%;
  }
  #refresh .non_scroll_table01 tr {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  #refresh .table.method.non_scroll_table01 tr th {
    width: 100%;
  }
  #refresh .non_scroll_table01 tr td {
    width: 100%;
    position: relative;
    top: -1px;
  }
}

@media screen and (max-width: 768px) {
  #overview .non_scroll_table01 {
    width: 100%;
    min-width: 100%;
    white-space: normal !important;
  }
  #overview .non_scroll_table01 tr {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  #overview .non_scroll_table01 tr th,.non_scroll_table01 tr th.w200,.non_scroll_table01 tr th.w300 {
    width: 100% !important;
  }
  #overview .non_scroll_table01 tr td {
    width: 100% !important;
    position: relative;
    top: -1px;
  }
  #overview .non_scroll_table01 tr td:last-child {
    top: -2px;
  }
  #overview .non_scroll_table01.type2 tr td:last-child {
    top: -1px;
  }
  #overview .sp_disnone_block {
    display: none !important;
  }
  #overview .non_scroll_table02 {
    width: 100%;
    min-width: 100%;
    white-space: normal !important;
  }
  #overview .non_scroll_table02 tr {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  #overview .non_scroll_table02 tr th {
    width: 100% !important;
  }
  #overview .non_scroll_table02 tr td {
    width: 100% !important;
    position: relative;
    top: -1px;
  }
  #overview .non_scroll_table02 tr td:nth-child(3) {
    top: -2px;
  }
  #overview .non_scroll_table02 tr td:nth-child(4) {
    top: -3px;
  }

  #overview .non_scroll_table02 tr.type2 td:nth-child(1) {
    top: 0px;
  }
  #overview .non_scroll_table02 tr.type2 td:nth-child(2) {
    top: -1px;
  }
  #overview .non_scroll_table02 tr.type2 td:nth-child(3) {
    top: -2px;
  }

  #overview .non_scroll_table02 tr.type3 td:nth-child(1) {
    top: 0px;
  }
  #overview .non_scroll_table02 tr.type3 td:nth-child(2) {
    top: -1px;
  }
}

@media screen and (max-width: 768px) {
    #procedures .table03 td {
       border-top: none;
    }
    #procedures .sp_none {
        display: none;
    }
}

@media screen and (max-width: 768px) {
  #consultation .image_room {
    flex-wrap: wrap;
    margin: 0 0 10px;
  }
  #consultation .image_room img {
    width: 100%;
    margin: 10px 0 0;
  }
  #consultation .flow .box .title {
    font-size: 18px;
    margin-left: 25px;
  }
  #consultation .flow .title i {
    font-size: 18px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    left: -30px;
    top: 2px;
  }
  #consultation .flow .uketsuke-tel {
    font-size: 18px;
  }
  #consultation .flow .uketsuke-tel .font-red {
    font-size: 28px;
  }
}

@media screen and (max-width: 768px) {
  #jcb .btn_download {
    font-size: 13px;
  }
  #jcb .box .card {
    margin: 15px 0 5px;
  }
}