hero-text-boxtop-scroll@charset "UTF-8";
/* CSS Document */

@media screen and (max-width:499.98px) { 
    /*　画面サイズが480pxからはここを読み込む　*/

}
@media screen and (min-width:500px) and (max-width:767.98px) {
    /*　画面サイズが768pxから991pxまではここを読み込む　*/

}
@media screen and (min-width:768px) and (max-width:991.98px) {
    /*　画面サイズが992pxからはここを読み込む　*/

}
@media screen and (min-width:992px) and (max-width:1309.98px) {
    /*　画面サイズが992pxからはここを読み込む　*/

}
@media screen and (min-width:1310px) {
    /*　画面サイズが992pxからはここを読み込む　*/

}
@media screen and (min-width:1600px) {
    /*　画面サイズが992pxからはここを読み込む　*/

}
@media screen and (min-width:1920px) {
    /*　画面サイズが992pxからはここを読み込む　*/

}





/*==================================
共通
===================================*/
.infomation {
	
}.infomation h1 {
	display: none;
}



/*==================================
表示
===================================*/
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 767.98px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}






/*==================================
font
===================================*/
.bold {
    font-weight: bold;
}


.text-color-bl {
    color: #159dd1;
}

/*グレーアウト*/
.text-color-gy {
    color: #ddd;
}





/*==================================
text
===================================*/
.indent-1 {
	padding-left:1em;
	text-indent:-1em;
}
.underline {
	text-decoration: underline;
}
.underline:hover {
	text-decoration: underline;
}




/*==================================
layout
===================================*/
@media screen and (min-width:1200px) {
    .container-fullfluid {
    margin: 0;
    height: auto;
    overflow: hidden;
}
    .container-fluid {
    margin: 0 100px;
}
    .container-fluid_2 {
    margin: 0 80px;
}
    .container-fluid_3 {
    margin: 0 40px;
}
    .marginInner {
    margin: 0 30px;
    
}
}
@media screen and (min-width:992px) and (max-width:1198.98px) {
    .container-fullfluid {
    margin: 0;
    height: auto;
    overflow: hidden;
}
    .container-fluid {
    margin: 0 60px;
}
    .container-fluid_2 {
    margin: 0 40px;
}
    .container-fluid_3 {
    margin: 0 30px;
}
    .marginInner {
    margin: 0 20px;
    
}
}
@media screen and (min-width:768px) and (max-width:991.98px) {
    .container-fullfluid {
    margin: 0;
    height: auto;
    overflow: hidden;
}
    .container-fluid {
    margin: 0 40px;
}
    .container-fluid_2 {
    margin: 0 30px;
}
    .container-fluid_3 {
    margin: 0 15px;
}
    .marginInner {
    margin: 0 15px;
    
}
}
@media screen and (min-width:500px) and (max-width:767.98px) {
    .container-fullfluid {
    margin: 0 20px;
    height: auto;
    overflow: hidden;
}
    .container-fluid {
    /*margin: 0 50px;*/
    margin: 0 30px; 
}
    .container-fluid_2 {
    margin: 0 20px;
}
    .container-fluid_3 {
    margin: 0 10px;
}
    .marginInner {
    margin: 0 10px;
    
}
}

@media (max-width: 499.98px) {
    .container-fullfluid {
    margin: 0;
    height: auto;
    overflow: hidden;
}
    .container-fluid {
    margin: 0;
	padding: 0;
        
}
    .container-fluid_2 {
    margin: 0;
}
    .container-fluid_3 {
    margin: 0;    
}
}


.btn-center {
	text-align: center;
	margin: 0 auto;
}
.modal-content {
	
}

.margin-none {
    margin: 0;
}





hr.divider {
    /*border-top-color: #ccc;*/
    border-top-color: #fff;
}




/*==================================
button
===================================*/
.bl-btn {
    display: block;
    font-size: 14px;/*文字サイズ*/
    padding: 12px 36px;
    text-decoration: none;
    background: #499bcc;/*#fff;背景色*/
    /*color: rgba(26,156,232,1);;文字色*/
    color: #fff;/*文字色*/
    max-width: 500px;
    /*margin: 20px auto 0;
    text-align: center;*/
    /*border: solid 1px #1a9ce8;枠の色*/
    border: solid 1px #499bcc;/*枠の色*/
    transition: .3s;
    /*border-radius: 60px;*/
}
.bl-btn:hover{
    /*background: rgba(26,156,232,1);背景色*/
    /*background: rgba(113,185,163,1);背景色*/
    background: #70c4da;/*背景色*/
    /*border: solid 1px #1a9ce8;枠の色*/
    /*border: solid 1px #71b9a3;枠の色*/
    border: solid 1px #70c4da;/*枠の色*/
    color: #fff;/*文字色*/
}

.wh-btn {
    display: block;
    font-size: 14px;/*文字サイズ*/
    padding: 12px 36px;
    text-decoration: none;
    background: #fff;/*#fff;背景色*/
    /*color: rgba(26,156,232,1);;文字色*/
    color: #499bcc;/*文字色*/
    max-width: 500px;
    /*margin: 20px auto 0;
    text-align: center;*/
    /*border: solid 1px #1a9ce8;枠の色*/
    border: solid 1px #fff;/*枠の色*/
    transition: .3s;
    /*border-radius: 60px;*/
}
.wh-btn:hover{
    /*background: rgba(26,156,232,1);背景色*/
    /*background: rgba(113,185,163,1);背景色*/
    background: #d8eef4;/*背景色*/
    /*border: solid 1px #1a9ce8;枠の色*/
    /*border: solid 1px #71b9a3;枠の色*/
    border: solid 1px #d8eef4;/*枠の色*/
    color: #499bcc;/*文字色*/
}



.gy-btn {
    display: block;
    font-size: 14px;/*文字サイズ*/
    padding: 15px 30px;
    text-decoration: none;
    background: rgba(255,255,255,0);/*#fff;背景色*/
    background: #fff;
    /*color: rgba(26,156,232,1);;文字色*/
    color: rgba(74,84,93,1);/*文字色*/
    max-width: 500px;
    margin: 20px auto 0;
    /*text-align: center;*/
    /*border: solid 1px #1a9ce8;枠の色*/
    border: solid 1px #4a545d;/*枠の色*/
    transition: .3s;
    border-radius: 60px;
}
.gy-btn:hover{
    /*background: rgba(26,156,232,1);背景色*/
    /*background: rgba(113,185,163,1);背景色*/
    background: rgba(74,84,93,1);/*背景色*/
    /*border: solid 1px #1a9ce8;枠の色*/
    /*border: solid 1px #71b9a3;枠の色*/
    border: solid 1px #4a545d;/*枠の色*/
    color: #fff;/*文字色*/
}




.blog-submit-test2{
    display:flex;
    justify-content: center;
    align-items: center;
    width:250px;
    height:50px;
    background:#6495ED;
    color:#fff;
    border:none;
    font-size:20px;
    border-radius:5px;
    box-shadow:3px 3px 3px #aaa;
    transition:all 0.3s;
}
.blog-submit-test2:active{
    transform:translate(3px, 3px);
    box-shadow:none;
}
.blog-submit-test2:hover{
    filter:brightness(1.2);
}
.blog-submit-test2:disabled{
    filter:brightness(0.8);
    cursor:not-allowed;
    transform:translate(-3px, -3px);
    box-shadow:3px 3px 3px #aaa;
}

/*==================================
list
===================================*/

.list-group-01, .list-group-02, .list-group-011 {
    padding: 0 10px;
}

@media screen and (min-width:992px) {
    .list-group-01, .list-group-011 {
        border-right: #ccc solid 1px;
        margin-bottom: 30px;
    }
}
@media screen and (max-width:991.98px) {
    .list-group-01, .list-group-011 {
        padding-left: 20px;
        padding-bottom: 20px;
        margin-bottom: 40px;
        border-right: #fff solid 1px;
        border-bottom: #ccc solid 1px;
    }
    .list-group-02 {
        padding-left: 20px;
        padding-bottom: 20px;
    }
}
@media screen and (min-width:992px) and (max-width:1309.98px) {
    .list-group-011 {
        border-right: #fff solid 1px;
    }
}




/*==================================
box
===================================*/
.box-group-01, .box-group-02 {
    padding: 0 20px;
}

@media screen and (min-width:992px) {
    .box-group-01 {
        border-right: #ccc solid 1px;
    }
}
@media screen and (max-width:991.98px) {
    .box-group-01 {
        padding-left: 20px;
        padding-bottom: 5px;
        border-right: #fff solid 1px;
        border-bottom: #ccc solid 1px;
    }
    .box-group-02 {
        margin-top: 30px;
        padding-left: 20px;
    }
}




/*==================================
breadcrumb
===================================*/
.breadcrumb-box {
    width: 100%;
    margin-top: -25px;
    position:absolute;
    z-index: 0;
    right:0;
    /*border-top: #ccc solid 1px;*/
}
ol.breadcrumbs {
    text-align: right;
    width: 100%;
    height: 25px;
    line-height: 25px;
    padding-right: 40px;
    list-style: none;
    font-size: 11px;
    background: #f3f3f3;
}
ol.breadcrumbs li.breadcrumb-link {
    display: inline-block;
    padding: 0 10px;
}
ol.breadcrumbs li.breadcrumb-arrow {
    display: inline-block;
    padding: 0 5px;
    color: #848484;
}
ol.breadcrumbs li.breadcrumb-link-activ {
    display: inline-block;
    padding: 0 5px;
    /*color: #71b9a3;*/
    color: #159dd1;
    font-weight: bold;
}
@media screen and (max-width:767.98px) {
    ol.breadcrumbs {
    padding-right: 10px;
}
}




/*==================================
navigation
===================================*/
.navbar-brand .dark-logo, .navbar-brand .light-logo {
    width: 210px;
    padding-top: 8px;
    margin-left: 15px;
}

@media screen and (min-width:768px) and (max-width:991.98px) {
    .navbar-brand .dark-logo, .navbar-brand .light-logo {
        width: 190px;
        padding-top: 10px;
}
}
@media (max-width: 767.98px) {
    .navbar-brand .dark-logo, .navbar-brand .light-logo {
        width: 190px;
        
}
}

#menu0, #menu1, #menu2, #menu3, #menu4 {
    /*padding-top: 80px;
    margin-top: -80px;*/
}

li.nav-infobtn {
    display: inline-block;
  }
.nav-infobtn button.gr-btn {
    margin: 0;
    margin: 5px 0;
  }
@media (max-width: 499.98px) {
    .nav-infobtn button.btn {
    padding: 5px 20px;
}
}

@media screen and (min-width:768px) {
    ul.nav li.nav-infobtn {
        display: none;
    }  
}


#form, #phone {
    padding-top: 60px;
    margin-top:-60px;
}



/* サイドナビゲーション */
.widget-title {
	border-bottom: none;
}
.side-navi-box {
    margin-top: -377px;
    width: 200px;
}
.side-navi {
    padding-top: 100px;
}
.side-navi ul {
	margin-left: 5px;   
}
.side-navi ul li {
    padding: 5px 0;
    font-size: 0.9em;
}
.link-title {
    font-size: 1.2rem;
    color: #848484;
	margin-bottom: 10px;
}

.side-navi.fixed  {
    position:fixed;
    top: 0px;
}
@media screen and (max-width:767.98px) {
    .side-navi-box {
        display: none;
    } 
}



@media screen and (max-width:767.98px) {
    .side-navi-box {
        display: none;
    } 
}



/*==================================================
共通　横並びのための設定
===================================*/

.gnavi{
    display: flex;
    flex-wrap: wrap;/*スマホ表示折り返し用なのでPCのみなら不要*/
    margin:0;
    list-style: none;
}

.gnavi ul{
    
}

.gnavi li a {
    display: block;
    padding: 15px;
    text-decoration: none;
    /*color: #333;*/
    padding-bottom: 10px;
}

.gnavi li{
   
}



/*==================================================
　5-3-1 中心から外に線が伸びる（下部）
===================================*/
.gnavi {
    margin: 0;
}
.gnavi li a{
    /*線の基点とするためrelativeを指定*/
    position: relative;
}

.gnavi li.current a,
.gnavi li a:hover {
    color:#159dd1;
}

.gnavi li a::after {
    content: '';
    /*絶対配置で線の位置を決める*/
    position: absolute;
    bottom: 0;
    left: 10%;
    /*線の形状*/
    width: 80%;
    height: 2px;
    background:#159dd1;
    /*アニメーションの指定*/
    transition: all .3s;
    transform: scale(0, 1);/*X方向0、Y方向1*/
    transform-origin: center top;/*上部中央基点*/
}

/*現在地とhoverの設定*/
.gnavi li.current a::after,
.gnavi li a:hover::after {
    transform: scale(1, 1);/*X方向にスケール拡大*/
    color:#159dd1;
}

@media screen and (max-width:767.98px) {
    .gnavi {
    margin: 0;
}
.gnavi li a{
    /*線の基点とするためrelativeを指定*/
    position: relative;
}

.gnavi li.current a,
.gnavi li a:hover{
    color:#159dd1;
}

.gnavi li a::after {
    content: '';
    /*絶対配置で線の位置を決める*/
    position: absolute;
    bottom: 0;
    left: 25%;
    /*線の形状*/
    width: 50%;
    height: 2px;
    background:#159dd1;
    /*アニメーションの指定*/
    transition: all .3s;
    transform: scale(0, 1);/*X方向0、Y方向1*/
    transform-origin: center top;/*上部中央基点*/
}

/*現在地とhoverの設定*/
.gnavi li.current a::after,
.gnavi li a:hover::after {
    transform: scale(1, 1);/*X方向にスケール拡大*/
    color:#159dd1;
}
}


/*==================================
footer
===================================*/
#footer {
    margin-top: -40px;
	padding-right: 10px;
	padding-left: 10px;
    color: #fff;
}
#footer h1 {
	margin: 0;
    padding: 0;
    color: #fff;
}
#footer li, #footer p {
    font-size: 14px;
    
}
ul.companyBox {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.companyBox li {
    /*padding: 15px 0;*/
    font-size: 0.95em;
}
ul.companyBox h1 {
	font-size: 15px;
	padding-bottom: 5px;
}
#footer ul.usefulLinkBox {
    margin: 0;
    padding: 0;
    list-style: none;
    
}
#footer ul.usefulLinkBox li {
    padding: 6px 0;
    color: #fff;
}
#footer ul.usefulLinkBox li a {
    padding: 6px 0;
    color: #fff;
}
#footer ul.usefulLinkBox li a:hover, #footer ul.usefulLinkBox li a:focus {
    transition : all 0.3s;
	text-decoration: none;
    color: #71c5da;
	/*color: rgba(74,84,93,1);*/
	outline: 0;
}
#footer ul.usefulLinkBox h1 {
	font-size: 15px;
	padding-bottom: 5px;
}
.sub-main-ttl {
}
.sub-ttl {
	font-size: 11px;
	paddingx: 0;
	padding-left: 10px;
	/*color: #71b9a3;*/
    /*color: #e73a78;*/
    color: #fff;
	float: none;
}

@media screen and (max-width:767.98px) {/* 変更点。0.02引く。 */
    #footer ul.usefulLinkBox {
    }
}

ul.sns li {
    display: inline-block;
}
.copyright {
    text-align: right;
	font-size: 12px;
    color: #fff;
}
@media screen and (max-width:500px) {/* 変更点。0.02引く。 */
    .copyright {
        text-align: center;
        padding-left: 25px;
        font-size: 11px;
}
}




/*==================================
box
===================================*/
.post-entry {
    /*padding-bottom: 20px;*/
}


/*==================================
ページトップタイトル
===================================*/

@media screen and (max-width:499.98px) {
    .page-title {
        margin-top: 150px;
    }
    .header-title {
	font-size: 48px;
    /*border-bottom: #4a545d solid 1px;*/
    padding: 0 0 10px 0;
    margin: 0;
    margin-bottom: 20px;
    letter-spacing: 2px;
}
.header-title span {
	display: flex;
	align-items: center;
	/*color: #71b9a3;*/
    color: #e73a78;
	font-size: 16px;
	/*text-transform: uppercase;*/
    padding: 0 0 5px 0;
    letter-spacing: 0.9px;
}
.header-title span::before {
	content: '';
	display: inline-block;
	margin-right: -30px;
	width: 40px;
	height: 1px;
	/*background-color: #4a545d;*/
}
}
@media screen and (min-width:500px) and (max-width:767.98px) {
    .page-title {
        margin-top: 180px;
    }
    .header-title {
	font-size: 54px;
    /*border-bottom: #4a545d solid 1px;*/
    padding: 0 0 10px 0;
    margin: 0;
    letter-spacing: 2px;
}
.header-title span {
	display: flex;
	align-items: center;
	/*color: #71b9a3;*/
    color: #e73a78;
	font-size: 18px;
	/*text-transform: uppercase;*/
    padding: 0 0 5px 0;
    letter-spacing: 0.9px;
}
.header-title span::before {
	content: '';
	display: inline-block;
	margin-right: -30px;
	width: 40px;
	height: 1px;
	/*background-color: #4a545d;*/
}
}
@media screen and (min-width:768px) {
    .page-title {
        margin-top: 200px;
    }
    .header-title {
	font-size: 60px;
    /*border-bottom: #4a545d solid 1px;*/
    padding: 0 0 10px 0;
    margin: 0;
    letter-spacing: 2px;
}
.header-title span {
	display: flex;
	align-items: center;
	/*color: #71b9a3;*/
    color: #e73a78;
	font-size: 18px;
	/*text-transform: uppercase;*/
    padding: 0 0 5px 0;
    letter-spacing: 0.9px;
}
.header-title span::before {
	content: '';
	display: inline-block;
	margin-right: -30px;
	width: 40px;
	height: 1px;
	/*background-color: #4a545d;*/
}
}
    







/*==================================
見出し
===================================*/
/*大見出し*/
.midashi-img {
    width: 60px;
    float: left;
    margin-right: 8px;
}
.headingBox-h2 {
    height: 80px;
    line-height: 80px;
}
.heading {
    color: #499bcc;
    font-family: "fot-udkakugo-large-pr6n", sans-serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0;
}
.heading span {
    margin-top: 3px;
    color: #499bcc;
    font-weight: 300;
}

@media screen and (max-width:499.98px) {
    .heading {
    min-width: 499px;
	font-size: 32px;
    /*border-bottom: #4a545d solid 1px;*/
    padding: 0;
    margin: 30px 0 10px 0;
}
.heading span {
	display: flex;
	align-items: center;
	/*color: #71b9a3;*/
    color: #499bcc;
	font-size: 13px;
	/*text-transform: uppercase;*/
    padding: 0 0 5px 0;
}
.heading span::before {
	content: '';
	display: inline-block;
	margin-right: -35px;
	width: 40px;
	height: 1px;
	/*background-color: #4a545d;*/
}
}

@media screen and (min-width:500px) and (max-width:767.98px) {
    .heading {
    min-width: 500px;
	font-size: 36px;
    /*border-bottom: #4a545d solid 1px;*/
    padding: 0;
    margin: 30px 0 10px 0;
}
.heading span {
	display: flex;
	align-items: center;
	/*color: #71b9a3;*/
    color: #499bcc;
	font-size: 13px;
	/*text-transform: uppercase;*/
    padding: 0 0 5px 0;
}
.heading span::before {
	content: '';
	display: inline-block;
	margin-right: -35px;
	width: 40px;
	height: 1px;
	/*background-color: #4a545d;*/
}
}

@media screen and (min-width:768px) {
    .heading {
	font-size: 40px;
    /*border-bottom: #4a545d solid 1px;*/
    padding: 0;
    margin: 30px 0 10px 0;
    padding-left: 2%;
}
.heading span {
	display: flex;
	align-items: center;
	/*color: #71b9a3;*/
    color: #499bcc;
	font-size: 13px;
	/*text-transform: uppercase;*/
    padding: 0 0 5px 0;
}
.heading span::before {
	content: '';
	display: inline-block;
	margin-right: -35px;
	width: 40px;
	height: 1px;
	/*background-color: #4a545d;*/
}
}


/*h2.heading {
    float: left;
    padding-right: 100px;
    
}*/




.heading2 {
    font-family: "fot-udkakugo-large-pr6n", sans-serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0;
    position: relative;
    padding: 1.5rem;
    text-align: center;
    color: #499bcc;
}
.heading2-wh {
    font-family: "fot-udkakugo-large-pr6n", sans-serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0;
    position: relative;
    padding: 1.5rem;
    text-align: center;
    color: #fff;
}
.heading2 span {
    font-family: "fot-udkakugo-large-pr6n", sans-serif;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 1.5px;
    color: #499bcc;
    display: block;
    padding-top: 8px;
}

.heading2-wh span {
    font-family: "fot-udkakugo-large-pr6n", sans-serif;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 1.5px;
    color: #fff;
    display: block;
    padding-top: 8px;
}
.heading2 span::before {
    position: absolute;
    bottom: -10px;
    left: calc(50% - 30px);
    width: 60px;
    height: 3px;
    content: '';
    background: #499bcc;
}
.heading2-wh span::before {
    position: absolute;
    bottom: -10px;
    left: calc(50% - 30px);
    width: 60px;
    height: 3px;
    content: '';
    background: #fff;
}

.heading2 span.model {
    font-size: 0.7em;
    padding-bottom: 10px;
    font-weight: bold;"
}
.heading2-wh span.model {
    font-size: 0.7em;
    padding-bottom: 10px;
    font-weight: bold;"
}

@media screen and (max-width:499.98px) {
    .heading2, .heading2-wh {
        font-size: 32px;   
}
    .heading2 span, .heading2-wh span {
        font-size: 16px;     
}
}

@media screen and (min-width:500px) and (max-width:767.98px) {
    .heading2, .heading2-wh {
        font-size: 36px;
}
    .heading2 span, .heading2-wh span {
        font-size: 17px;
}
}

@media screen and (min-width:768px) {
    .heading2, .heading2-wh {
        font-size: 38px;
}
    .heading2 span, .heading2-wh span {
        font-size: 18px;
}
}





.heading3 {
    font-family: "fot-udkakugo-large-pr6n", sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0;
    position: relative;
    padding: 1.5rem;
    text-align: center;
    color: #499bcc;
}

@media screen and (max-width:499.98px) {
    .heading3 {
        font-size: 24px;   
}
}

@media screen and (min-width:500px) and (max-width:767.98px) {
    .heading3 {
        font-size: 24px;
}
}

@media screen and (min-width:768px) {
    .heading3 {
        font-size: 30px;
}
}

.heading4 {
    font-family: "fot-udkakugo-large-pr6n", sans-serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 1px;
    position: relative;
    padding: 0 0 1.5rem 0;
    margin: 0;
    text-align: left;
    color: #499bcc;
}

@media screen and (max-width:499.98px) {
    .heading4 {
        font-size: 22px;   
}
}

@media screen and (min-width:500px) and (max-width:767.98px) {
    .heading4 {
        font-size: 22px;
}
}

@media screen and (min-width:768px) {
    .heading4 {
        font-size: 26px;
}
}






h3.heading_p {
	font-size: 24px;
    /*border-bottom: #FF4D77 solid 3px;*/
    padding: 0 0 10px 5px;
    margin: 0;
    margin-bottom: 20px;
    letter-spacing: 3px;
	color: #FF4D77;
}

h3.heading_p span {
	display: flex;
	align-items: center;
	color: #FF4D77;
	font-size: 13px;
	/*text-transform: uppercase;*/
    padding: 0 0 5px 0;
    letter-spacing: 1px;
}

h3.heading_p span::before {
	content: '';
	display: inline-block;
	margin-right: 20px;
	width: 40px;
	height: 1px;
	background-color: #FF4D77;
}

.heading-text {
    margin: -30px 0 40px 0;
}



/*中見出し*/
.sub-heading {
	font-size: 40px;
    /*border-bottom: #4a545d solid 1px;*/
    padding: 0 0 10px 0;
    margin: 0;
    margin-bottom: 30px;
    letter-spacing: 2px;
}
.sub-heading span {
	display: flex;
	align-items: center;
	/*color: #71b9a3;*/
    color: #e73a78;
	font-size: 12px;
	/*text-transform: uppercase;*/
    padding: 0 0 5px 0;
    letter-spacing: 0.9px;
}
.sub-heading span::before {e73a78
	content: '';
	display: inline-block;
	margin-right: 15px;
	width: 40px;
	height: 1px;
	/*background-color: #4a545d;*/
}

@media screen and (max-width:499.98px) {
    /*中見出し*/
.sub-heading {
	font-size: 36px;
    /*border-bottom: #4a545d solid 1px;*/
    padding: 0 0 10px 0;
    margin: 0;
    margin-bottom: 30px;
    letter-spacing: 2px;
}
.sub-heading span {
	display: flex;
	align-items: center;
	/*color: #71b9a3;*/
    color: #e73a78;
	font-size: 12px;
	/*text-transform: uppercase;*/
    padding: 0 0 5px 0;
    letter-spacing: 0.9px;
}
.sub-heading span::before {e73a78
	content: '';
	display: inline-block;
	margin-right: 15px;
	width: 40px;
	height: 1px;
	/*background-color: #4a545d;*/
}
}






h2.heading {
    float: left;
    padding-right: 100px;
    
}






/*小見出し*/
.sub-head {
    margin-top: 0px;
    font-size: 28px;
    padding: 0 0 20px 0;
    letter-spacing: 0.2rem;
}
/*小見出し　各色*/
.sub-head_pk {
    margin-top: 0px;
    font-size: 20px;
    padding: 0 0 40px 0;
    letter-spacing: 0.15rem;
    color: #e73a78;
}
.sub-head_pk-s {
    margin-top: 0px;
    font-size: 24px;
    padding: 0 0 20px 0;
    letter-spacing: 0.2rem;
    color: #e73a78;
}

@media screen and (max-width:499.98px) { 
    /*小見出し　各色*/
.sub-head_pk {
    margin-top: 0px;
    font-size: 22px;
    letter-spacing: 0.15rem;
    color: #e73a78;
}
.sub-head_pk-s {
    margin-top: 0px;
    font-size: 22px;
    padding: 0 0 20px 0;
    letter-spacing: 0.2rem;
    color: #e73a78;
}
}
@media screen and (min-width:500px) and (max-width:991.98px) { 
    /*小見出し　各色*/
.sub-head_pk {
    margin-top: 0px;
    font-size: 20px;
    letter-spacing: 0.15rem;
    color: #e73a78;
}
.sub-head_pk-s {
    margin-top: 0px;
    font-size: 22px;
    padding: 0 0 20px 0;
    letter-spacing: 0.2rem;
    color: #e73a78;
}
}


/*小小見出し*/
.sub-head-s {
    margin:  0;             /* デフォルトCSS打ち消し */
    font-size:  20px;       /* 文字サイズ指定 */
    padding-bottom:  2px;   /* 余白指定 */
    margin-bottom: 25px;    /* 周りの余白指定 */
    position:  relative;    /* 位置調整 */
    font-weight:  normal;   /* 文字の太さ調整 */
    color: #499bcc;
}
.sub-head-s:before {
    content:  '';           /* 空白の要素を作る */
    width: 50px;            /* 幅指定 */
    height: 1px;            /* 高さ指定 */
    /*background-color: #008cd7;*/ /* 背景色指定 */
    background-color: #499bcc; /* 背景色指定 */
    display:  block;        /* ブロック要素にする */
    position:  absolute;    /* 位置調整 */
    left:  0;               /* 位置調整 */
    bottom: -6px;           /* 位置調整 */
}



.contTitle-h2 {
    height: 90px;
}


.head_test {
    font-size: 1.6em;
}



.ttl_line {
    margin:  0;                 /* デフォルトCSS打ち消し */
    font-size:  30px;           /* 文字サイズ指定 */
    /*border-bottom: #c1c1c1 solid 2px;*/   /* 線指定 */
    padding-bottom:  5px;       /* 余白指定 */
    padding-left:  30px;       /* 余白指定 */
    margin-bottom: 30px;        /* 周りの余白指定 */
    position:  relative;        /* 位置調整 */
    font-weight:  normal;       /* 文字の太さ調整 */
    position: relative;
}
.ttl_line::before {
    content: '';
    background-color: #159dd1;
    width: 1em;
    height: 3px;
    position: absolute;
    top: 30px;
    left: 0;
}


@media screen and (max-width:499.98px) { 
    .ttl_line {
    margin:  0;                 /* デフォルトCSS打ち消し */
    font-size:  30px;           /* 文字サイズ指定 */
    /*border-bottom: #c1c1c1 solid 2px;*/   /* 線指定 */
    padding-bottom:  5px;       /* 余白指定 */
    padding-left:  20px;       /* 余白指定 */
    margin-bottom: 30px;        /* 周りの余白指定 */
    position:  relative;        /* 位置調整 */
    font-weight:  normal;       /* 文字の太さ調整 */
    position: relative;
}
.ttl_line::before {
    content: '';
    background-color: #159dd1;
    width: 0.6em;
    height: 3px;
    position: absolute;
    top: 30px;
    left: 0;
}
}





.text-bgcolor-pk {
    background: #ee93b3;
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
}
.text-bgcolor-pk2 {
    background: #f1abc4;
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
}
.text-bgcolor-pk3 {
    background: #f2c2d3;
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
}
.text-bgcolor-pk4 {
    background: #f3dce4;
    color: #fff;
    padding: 5px 15px;
    border-radius: 5px;
}

h4.ttl {
    color: #ebaec4;
    font-weight: bold;
    font-size: 1.1em;
    padding-top: 0;
    margin-top: 0;
}

/*==================================
テキストサイズ
===================================*/
.txt-12 {
    font-size: 1.2em;
}




ul.no-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}



ul.list-box li {
    list-style-type: disc;
}

/*==================================
top page
===================================*/
/*:: スライダー画像 ::::::::::::::::*/
.toggle-pc { display: block; }
.toggle-tb { display: none; }
.toggle-sp { display: none; }

@media screen and (min-width:768px) and (max-width:1024px) and (orientation: portrait) {
  .toggle-tb { display: block; }
  .toggle-pc { display: none; }
  .toggle-sp { display: none; }
}

@media screen and (min-width:768px) and (max-width:991px) {
  .toggle-tb { display: block; }
  .toggle-pc { display: none; }
  .toggle-sp { display: none; }
}

@media only screen and (max-width: 767px) {
  .toggle-sp { display: block; }
  .toggle-pc { display: none; }
  .toggle-tb { display: none; }
}



#hero {
    position: relative;/* 位置指定 */
    z-index: 10; 
}


.hero-text-box {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /*color: #159dd1;*/
    color: #fff;
    margin: 0 auto;
    padding: 0;
    /*background:rgba(255,255,255,0.3);*/
    padding: 20px 30px;
}

ul.hero-text {
    font-family: "fot-udkakugo-large-pr6n", sans-serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0.1em;
    padding: 0;
    /*font-size: 43px;*/
    text-align: left;
}
ul.hero-text li {
    width: 100%;
    padding: 3px 0;
    line-height: 1.6em;
    list-style: none;
    
}
ul.hero-text li#one {
    display: flex;
    align-items: center;
    font-size: 0.5em;
    color: #159dd1;
}
ul.hero-text li#one:after {
    content: "";
    height: 2px;
    flex-grow: 1;
    background-color: #159dd1;
    margin-left: 1rem;
    animation: fadeIn 5s linear;
    animation-fill-mode: both;
}
ul.hero-text li.logomark {
    width: 300px;
    
}

@media screen and (max-width:499.98px) { 
    /*　画面サイズが480pxからはここを読み込む　*/
.hero-text-box {
    position: absolute;
    z-index: 100;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
}
ul.hero-text {
    font-size: 36px;
}
ul.hero-text li {
    width: 100%;
	letter-spacing: 0.1em;
}
    ul.hero-text li.logomark {
    width: 250px;
    
}
}
@media screen and (min-width:500px) and (max-width:767.98px) {
    /*　画面サイズが768pxから991pxまではここを読み込む　*/
.hero-text-box {
    position: absolute;
    z-index: 100;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
}
ul.hero-text {
    font-size: 38px;
}
ul.hero-text li {
    width: 600px;
	letter-spacing: 0.1em;
}
}
@media screen and (min-width:768px) and (max-width:991.98px) {
    /*　画面サイズが992pxからはここを読み込む　*/
.hero-text-box {
    position: absolute;
    z-index: 100;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
}
ul.hero-text {
    font-size: 47px;
}
ul.hero-text li {
    width: 760px;
	letter-spacing: 0.1em;
}
}
@media screen and (min-width:992px) and (max-width:1309.98px) {
    /*　画面サイズが992pxからはここを読み込む　*/
.hero-text-box {
    position: absolute;
    z-index: 100;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
}
ul.hero-text {
    font-size: 47px;
}
ul.hero-text li {
    width: 990px;
	letter-spacing: 0.15em;
}
}
@media screen and (min-width:1310px) and (max-width:1599.98px) {
    /*　画面サイズが992pxからはここを読み込む　*/
.hero-text-box {
    position: absolute;
    z-index: 100;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
}
ul.hero-text {
    font-size: 54px;
}
ul.hero-text li {
    width: 1200px;
	letter-spacing: 0.2em;
}
}
@media screen and (min-width:1600px) {
    /*　画面サイズが992pxからはここを読み込む　*/
.hero-text-box {
    position: absolute;
    z-index: 100;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
}
ul.hero-text {
    font-size: 60px;
}
ul.hero-text li {
    width: 1330px;
	letter-spacing: 0.2em;
}
}


.hero-text-box-2 {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    color: #159dd1;
    margin: 0 auto;
    padding: 0;
    /*background:rgba(255,255,255,0.3);*/
    text-align: center;
}
ul.hero-text-2 {
    font-family: "fot-udkakugo-large-pr6n", sans-serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0.1em;
    padding: 0;
    /*font-size: 43px;*/
    text-align: center;
}
ul.hero-text-2 li {
    width: 100%;
    padding: 3px 0;
    line-height: 1.6em;
    list-style: none;
    text-align: center;
}
@media screen and (max-width:499.98px) { 
    /*　画面サイズが480pxからはここを読み込む　*/
    .hero-text-box-2 {
        position: absolute;
        z-index: 100;
        bottom: 150px;
        left: 50%;
        transform: translateX(-50%);
    }
    ul.hero-text-2 {
		width: 400px;
        font-size: 36px;
    }
}
@media screen and (min-width:500px) and (max-width:767.98px) {
    /*　画面サイズが768pxから991pxまではここを読み込む　*/
    .hero-text-box-2 {
        position: absolute;
        z-index: 100;
        bottom: 150px;
        left: 50%;
        transform: translateX(-50%);
    }
    ul.hero-text-2 {
		width: 530px;
        font-size: 48px;
    }
}
@media screen and (min-width:768px) and (max-width:991.98px) {
    /*　画面サイズが992pxからはここを読み込む　*/
    .hero-text-box-2 {
        position: absolute;
        z-index: 100;
        bottom: 150px;
        left: 50%;
        transform: translateX(-50%);
    }
    ul.hero-text-2 {
		width: 580px;
        font-size: 53px;
    }
}
@media screen and (min-width:992px) and (max-width:1309.98px) {
    /*　画面サイズが992pxからはここを読み込む　*/
    .hero-text-box-2 {
        position: absolute;
        z-index: 100;
        bottom: 150px;
        left: 50%;
        transform: translateX(-50%);
    }
    ul.hero-text-2 {
		width: 580px;
        font-size: 53px;
    }
}
@media screen and (min-width:1310px) and (max-width:1599.98px) {
    /*　画面サイズが992pxからはここを読み込む　*/
    .hero-text-box-2 {
        position: absolute;
        z-index: 100;
        bottom: 150px;
        left: 50%;
        transform: translateX(-50%);
    }
    ul.hero-text-2 {
		width: 580px;
        font-size: 53px;
    }
}
@media screen and (min-width:1600px) {
    /*　画面サイズが992pxからはここを読み込む　*/
    .hero-text-box-2 {
        position: absolute;
        z-index: 100;
        bottom: 150px;
        left: 50%;
        transform: translateX(-50%);
    }
    ul.hero-text-2 {
		width: 580px;
        font-size: 53px;
    }
}






/*========= 光りながら出現させるためのCSS ===============*/
.glowAnime span{
    opacity: 0;
}

/*アニメーションで透過を0から1に変化させtext-shadowをつける*/
.glowAnime.glow span{
    animation:glow_anime_on 1s ease-out forwards;
}
.glowAnime p.text-back {
    /*text-shadow: #fff 0 0 3px,#fff 0 0 3px,#fff 0 0 3px,#fff 0 0 3px,#fff 0 0 3px,#fff 0 0 3px;*/
}
@keyframes glow_anime_on{
  /*0% { opacity:0; text-shadow: 0 0 0 #159dd1,0 0 0 #fff;}
  50% { opacity:1;text-shadow: 0 0 10px #159dd1,0 0 15px #fff; }
  100% { opacity:1; text-shadow: 0 0 0 #159dd1,0 0 6px #fff;}*/
  0% { opacity:0; text-shadow: 0 0 0 0,0 0 0 0;}
  50% { opacity:1;text-shadow: 0 0 10px 0,0 0 15px 0; }
  100% { opacity:1; text-shadow: 0 0 0 0,0 0 6px 0;}
}



#sns {
    bottom:0px;
	height:auto;
	left:0px;
	position:absolute;
	width:100%;
	z-index:1000;
	color: #fff;
    background: linear-gradient(to right, #2a5daf, #71c5da);
}
.snsLinkBox {
    width: 100%;
    height: 64px;
    line-height: 64px;
    text-align: center;
}
.snsLinkBox-inner {
    width: 100%;
    height: 64px;
    margin: 0;
    padding: 0;
}

.snsLinkBox-inner li {
    display: inline-block;
    color: #fff;
    line-height: 64px;
}
.snsLinkBox-inner li i {
    color: #fff;
    height: 64px;
    line-height: 64px;
}
#follow img {
    width: 80%;
    margin-top: -20px;
    
}



.model-box {
    padding: 0 50px;
}
.model-box-inner {
    padding: 0 30px;
}
.model-box h2 {
    text-align: center;
    font-size: 1.4em;
    margin: 0;
    font-weight: bold;
}
.model-box h2 span.model {
    font-size: 0.7em;
    font-weight: bold;
    background: #bbb;
    padding: 5px 20px;
    color: #fff;
}
.chart-box {
    font-size: 0.9em;
}
.chart-box .chart-img {
    padding: 10px 50px;
}
.chart-box h2 {
    text-align: center;
    font-size: 1.2em;
    margin: 0;
}


@media screen and (max-width:499.98px) { 
    /*　画面サイズが480pxからはここを読み込む　*/
    .model-box {
    padding: 0 35px;
}
    .model-box-inner {
    padding: 0;
}

}
















.boxAreaWrap_Top {
    width: 230px;
    height: 385px;
    background-color:rgba(255,255,255,0.8);
    border-radius: 10px 0 0 10px / 10px 0 0 10px; 
    position: absolute;
    top: -650px;
    right: 0;
    z-index: 10;
    margin-bottom: -280px;
}
.boxAreaWrap_indexTop {
    width: 230px;
    height: 385px;
    background-color:rgba(255,255,255,0.8);
    border-radius: 10px 0 0 10px / 10px 0 0 10px; 
    position: absolute;
    top: -630px;
    right: 0;
    z-index: 10;
}

.boxArea_indexTop {
    width: 230px;
    height: 90px;
	border-bottom: #bbb solid 1px;
    padding: 15px;

}
.boxArea_indexTop img {
    width: 45px;
    margin: 0;
    padding: 0;
}

.boxAreaInner_indexTop a {
    width: 201px;
    height: 60px;
    display: block;
}
.boxAreaInner_indexTop a:hover {
    width: 201px;
    height: 60px;
    background-color: rgba(80,188,162,0.6);
    border-radius: 6px / 6px;
}

.boxAreaInner_indexTop h3 {
    position: relative;
    display: inline-block;
    padding: 0 0 0 5px;
    text-align: left;
    font-size: 1.0em;
    color: #4a545d;
}
.boxAreaInner_indexTop h3:before {
    position: absolute;
    /*top: calc(50% - 3px);*/
    /*top: calc(50%);*/
    /*width: 100px;*/
    height: 6px;
    content: '';
    /*border-top: solid 3px #d23337;*/
    /*border-bottom: solid 2px #000;*/
}
.boxAreaInner_indexTop h3:before {
    left: 0;
}
.boxAreaInner_indexTop h3:after {
    right: 0;
}


.boxArea_indexTop-btm {
    width: 112px;
    height: 115px;
    padding: 12px;
    text-align: center;
    position: relative;
    display: inline-block; 
}
.boxArea_indexTop-btm img {
    width: 45px;
    margin: 0;
    padding: 0;
    margin-top: 5px
}
.boxAreaInner_indexTop-btm {
    width: 85px;
    height: 100px;
    display: block;
    margin: 0;
    padding: 0;
}
.boxAreaInner_indexTop-btm a {
    width: 85px;
    height: 88px;
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
}
.boxAreaInner_indexTop-btm a:hover {
    width: 85px;
    height: 88px;
    background-color: rgba(80,188,162,0.6);
    border-radius: 6px / 6px;
    margin: 0;
    padding: 0;
}

.boxAreaInner_indexTop-btm h3 {
    position: relative;
    display: inline-block;
    /*padding: 0 0 0 5px;*/
    text-align: left;
    font-size: 1.0em;
    color: #4a545d;
    text-align: center;
    margin-top: 10px;
}
.boxAreaInner_indexTop-btm h3:before {
    position: absolute;
    /*top: calc(50% - 3px);*/
    /*top: calc(50%);*/
    /*width: 100px;*/
    height: 6px;
    content: '';
    /*border-top: solid 3px #d23337;*/
    /*border-bottom: solid 2px #000;*/
}
.boxAreaInner_indexTop-btm h3:before {
    left: 0;
}
.boxAreaInner_indexTop-btm h3:after {
    right: 0;
}

.border-right {
    border-right: #bbb solid 1px;
}


@media screen and (max-width:767px) {
    .boxAreaWrap_indexTop, .boxAreaWrap_Top {
    display: none;
    }
}




#top-scroll {
	width: 100px;
	height: 100px;
	
}
#top-scroll a {
  padding: 3%;
  display: block;
	
}
#top-scroll a:hover {
  background-color: #fff;
}


/*スクロールダウン全体の場所*/
.scrolldown {
    /*描画位置※位置は適宜調整してください*/
	position:absolute;
    z-index: 20;
	bottom:60px;
	left:50%;
}
/*@media screen and (max-width:991.98px) {
    .scrolldown {
        bottom:100px;
    }
}*/
/*Scrollテキストの描写*/
.scrolldown span{
    /*描画位置*/
	position: absolute;
	left:10px;
	bottom:10px;
    /*テキストの形状*/
	color: #eee;
	font-size: 1.2rem;
	letter-spacing: 0.05em;
	/*縦書き設定*/
	-ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

/* 丸の描写 */
.scrolldown:before {
    content: "";
    /*描画位置*/
    position: absolute;
    bottom:0;
    left:-4px;
    /*丸の形状*/
	width:10px;
	height:10px;
	border-radius: 50%;
	background:#eee;
    /*丸の動き1.6秒かけて透過し、永遠にループ*/
	animation:
		circlemove 1.6s ease-in-out infinite,
		cirlemovehide 1.6s ease-out infinite;
}

/*下からの距離が変化して丸の全体が上から下に動く*/
@keyframes circlemove{
      0%{bottom:45px;}
     100%{bottom:-5px;}
 }

/*上から下にかけて丸が透過→不透明→透過する*/
@keyframes cirlemovehide{
      0%{opacity:0}
     50%{opacity:1;}
    80%{opacity:0.9;}
	100%{opacity:0;}
 }

/* 線の描写 */
.scrolldown:after{
	content:"";
    /*描画位置*/
	position: absolute;
	bottom:0;
	left:0;
    /*線の形状*/
	width:2px;
	height: 50px;
	background:#eee;
}


#openingContent {
    background: url("../images/index/alphaN-img_01@2x.png") no-repeat center;
    background-size: cover;
}
#openingContent_2 {
    background: linear-gradient(to top right, #2a5daf, #71c5da);
    background-size: cover;
    color: #fff;
}
#openingContent_3 {
    background: url("../images/index/alphaN-img_03@2x.png") no-repeat center;
    background-size: cover;
    color: #fff;
}

/*500px以下の見た目*/
@media screen and (max-width:499.98px) {
    #openingContent {
        background: url("../images/index/content-bg-img_SP@2x.png") no-repeat right;
        background-size: cover;
        }
    #openingContent_2 {
    padding: 100px 0 200px 0; 
}
}
@media screen and (min-width:500px) and (max-width:767.98px) {
    #openingContent_2 {
        padding: 100px 0 200px 0;
    }

}
@media screen and (min-width:768px) and (max-width:991.98px) {
    #openingContent_2 {
        padding: 120px 0 240px 0;
    }

}
@media screen and (min-width:992px) and (max-width:1198.98px) {
    #openingContent_2 {
        padding: 150px 0 300px 0;
    }

}
@media screen and (min-width:1200px)and (max-width:1309.98px) {
    #openingContent_2 {
        padding: 200px 0 400px 0;
    }

}


.openingContent-text {
    font-size: 64px;
    line-height: 1.2em;
    color: #71c5da;
}
.openingContent-subtext {
    color: #71c5da;
    letter-spacing: 0.4em;
    padding-bottom: 10px;
}
@media screen and (min-width:768px) and (max-width:991.98px) {
    .openingContent-text {
    font-size: 56px;
    line-height: 1.2em;
    /*color: #eae6fb;*/
    color: #71c5da;   
}  
}
@media screen and (min-width:500px) and (max-width:767.98px) {
    .openingContent-text {
    font-size: 48px;
    line-height: 1.2em;
    /*color: #eae6fb;*/
    color: #71c5da;   
}  
}
@media screen and (max-width:499.98px) {/* 変更点。0.02引く。 */
    .openingContent-text {
    font-size: 44px;
    line-height: 1.2em;
    /*color: #eae6fb;*/
    color: #71c5da;   
}
	.openingContent-subtext {
    color: #71c5da;
    letter-spacing: 0.15em;
    padding-bottom: 10px;
}
}





.openingContent-text_2 {
    font-size: 52px;
    /*color: #eae6fb;*/
    color: #fff;
}
@media screen and (max-width:499.98px) {/* 変更点。0.02引く。 */
    .openingContent-text_2 {
    font-size: 44px;
    line-height: 1.2em;
    letter-spacing: 0.3em;    
    /*color: #eae6fb;*/
    color: #fff;   
}
}







#aboutContent {
    
}





.box {
    width: 100%;
}
/*.box a {
    display: block;
    width: 100%;
    height: 100%;
}*/


.img_container{
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.img_container img:nth-child(2){
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
    transition: all 0.6s ease 0s;
}
.img_container:hover img:nth-child(2){
  opacity: 0;
  transition: all 0.6s ease 0s;
}





.hero-content {
    position: relative;
    z-index: 1000;
    /*margin-left: 60px;*/
}
.hero-content-box {
    
}
/*992px以上の見た目　※1行のままにしたい場合は不要*/
@media (min-width: 992px) {
    .hero-content {
        margin-top: -10px;
    }
    .hero-content-box {
        margin-bottom: 60px;
    }
    img.hero-content-img {
        width: 50%;
    }
}
/*992px以下の見た目*/
@media screen and (max-width:991.98px) {
    .hero-content {
        margin-top: -20px;
        margin-left: 0;
    }
    .hero-content-box {
        margin-bottom: 30px;
        padding: 10px;
    }
    img.hero-content-img {
        width: 35%;
        float: left;
    } 
}



/*ニュース1行の周りの余白*/
#hero-space, #hero-space-index {
    
}
#hero-space-index {
    margin: 0px;
    padding: 0;
}
/*500px以下の見た目*/
@media screen and (max-width:499.98px) {
    #hero-space-index {
    margin-left: -20px;
}
    #hero-space-box .slider a, #sub-hero-space-box .slider a {
    font-size: 0.9em;
}
}
#sub-hero-space-box {
    margin-top: 10px;

}
#hero-space-index {
    padding-bottom: 0px;    
    }
#hero-space, #sub-hero-space-box {
    padding-bottom: 0px;    
    }
#hero-space-box, #sub-hero-space-box {
    background-color: #fff;
    }
#hero-space-box .slider a, #sub-hero-space-box .slider a {
    display: block;
    padding: 20px 0;
    line-height: 20px;
}

#hero-space-box .slider span.day {
    display:inline-block;
    font-size: 1.1rem;
    margin-right: 12px;
    color: #717b7d;
}



/*992px以上の見た目　※1行のままにしたい場合は不要*/
@media (min-width: 992px) {
    #hero-space-box {
        position: absolute;
        z-index: 100;
        top: -60px;
        right: 55%;
        height: 60px;
        width: 100%;
        background-color: #fff;
        border-top-right-radius: 10px;
    }
    #hero-space-box ul.slider {
        position: absolute;
        left: 55%;
    }
    #hero-space-box ul.slider a {
        margin-left: -20px;
    }
    #hero-space-box .slider span.day {
    border-right: #ccc solid 1px;
    padding-right: 12px;
    }
    
}
/*992px以下の見た目*/
@media screen and (max-width:991.98px) {
    #hero-space-box {
        position: absolute;
        z-index: 100;
        top: -90px;
        right: 5%;
        height: 90px;
        width: 100%;
        padding: 0;
        /*border-bottom: #ccc solid 1px;*/
        border-top-right-radius: 10px;
    }
    #hero-space-box .slider {
        position: absolute;
        left: 5%;
    }
    #hero-space-box .slider a {
        /*border-bottom:1px dashed #ccc;*/
        margin-left: -10px;
    }
    #hero-space-box .slider li:last-child {
        border-bottom: none;
    }
    #hero-space-box .slider span.day {
        display: block;
        padding-bottom: 5px;
    }
    
}


@media screen and (min-width:1310px)  {
    #sub-hero-space-box {
        position: absolute;
        z-index: 100;
        top: -120px;
        right: 79%;
        height: 120px;
        width: 100%;
        background-color: #fff;
        border-top-right-radius: 10px;
    }

}
@media screen and (min-width:1200px) and (max-width:1309.98px) {
    #sub-hero-space-box {
        position: absolute;
        z-index: 100;
        top: -120px;
        right: 76%;
        height: 120px;
        width: 100%;
        background-color: #fff;
        border-top-right-radius: 10px;
    }

}
@media screen and (min-width:992px) and (max-width:1199.98px) {
    #sub-hero-space-box {
        position: absolute;
        z-index: 100;
        top: -120px;
        right: 75%;
        height: 120px;
        width: 100%;
        background-color: #fff;
        border-top-right-radius: 10px;
    }

}
@media screen and (min-width:768px) and (max-width:991.98px) {
    #sub-hero-space-box {
        position: absolute;
        z-index: 100;
        top: -120px;
        right: 72%;
        height: 120px;
        width: 100%;
        background-color: #fff;
        border-top-right-radius: 10px;
    }

}




.hero-content {
    padding: 0 20px;
}

@media screen and (min-width:768px) and (max-width:1199.98px) {
    .hero-content {
    margin: 0 20px;
    }
}
@media screen and (min-width:1200px) {
    .hero-content {
    margin: 0 50px;
    }
}

/*矢印が右に移動する*/
.btnarrow {
    /*矢印と下線の基点とするためrelativeを指定*/
	position: relative;
    /*形状*/
    display: inline-block;
	padding: 0 35px;
    color: #aaa;
    text-decoration: none;
    outline: none;
}

/*矢印と下線の形状*/
.btnarrow::before{
    content: '';
    /*絶対配置で下線の位置を決める*/
	position: absolute;
    bottom: 5px;
    left: 92%;
    /*下線の形状*/    
    width: 8%;
    height: 1.5px;
	background: #4a545d;
    /*アニメーションの指定*/
    transition: all .2s;
}

.btnarrow::after{
    content: '';
    /*絶対配置で矢印の位置を決める*/
	position: absolute;
    bottom: 8px;
    right: 0;
    /*矢印の形状*/    
    width: 10px;
    height: 1.5px;
	background: #4a545d;
    transform: rotate(35deg);
    /*アニメーションの指定*/
    transition: all .2s;
}

/*hoverした際の移動*/
.btnarrow:hover::before{
    left: 94%;
}

.btnarrow:hover::after{
    right: -2%;
}

/*矢印が右に移動する*/
.btnarrow_2{
    /*矢印と下線の基点とするためrelativeを指定*/
	position: relative;
    /*形状*/
    display: inline-block;
	padding: 0 35px;
    text-decoration: none;
    outline: none;
    color: rgba(17, 17, 17, 0.55);
}

/*矢印と下線の形状*/
.btnarrow_2::before{
    content: '';
    /*絶対配置で下線の位置を決める*/
	position: absolute;
    bottom: 5px;
    left: 80%;
    /*下線の形状*/    
    width: 20%;
    height: 1.5px;
	background: #4a545d;
    /*アニメーションの指定*/
    transition: all .2s;
}

.btnarrow_2::after{
    content: '';
    /*絶対配置で矢印の位置を決める*/
	position: absolute;
    bottom: 8px;
    right: 0;
    /*矢印の形状*/    
    width: 10px;
    height: 1.5px;
	background: #4a545d;
    transform: rotate(35deg);
    /*アニメーションの指定*/
    transition: all .2s;
}

/*hoverした際の移動*/
.btnarrow_2:hover::before{
    left: 85%;
}
.btnarrow_2:hover::after{
    right: -5%;
}
.btnarrow_2:hover {
	color: rgba(106,215,180,1);
}




@media screen and (min-width:768px) {
    .hero-border-right {
        border-right: #cccccc solid 1px;
    }
    .hero-border-right-w {
        border-right: #cccccc solid 1px;
    }
    .hero-border-right-ww {
        border-right: #cccccc solid 1px;
    }
    .hero-border-right-wb {
        border-right: #fff solid 1px;
    }

}
@media screen and (max-width:767.98px) {/* 変更点。0.02引く。 */
    .hero-border-right {
        border-right: #cccccc solid 1px;
        border-bottom: none;
        /*padding: 20px 0;*/
    }
	.hero-border-right-w, .hero-border-right-wb {
        border-right: none;
        border-bottom: none;
        /*padding: 20px 0;*/
    }
    .hero-border-right-ww {
        border-right: none;
        border-bottom: #cccccc solid 1px;
        /*padding: 20px 0;*/
    }
}
@media screen and (min-width:500px) and (max-width:991.98px) {/* 変更点。0.02引く。 */
    .hero-border-right-ww {
        border-right: #fff solid 1px;
        border-bottom: #cccccc solid 1px;
    }
    
}
@media screen and (min-width:768px) and (max-width:991.98px) {/* 変更点。0.02引く。 */
    .hero-border-right-w {
        border-right: #fff solid 1px;
    }
    
}
@media screen and (min-width:500px) and (max-width:1309.98px) {/* 変更点。0.02引く。 */
    .hero-border-right-w2 {
        border-right: #fff solid 1px;
    }
}
@media screen and (min-width:1300px) {/* 変更点。0.02引く。 */
    .hero-border-right-w2 {
        border-right: #cccccc solid 1px;
        border-bottom: none;
        /*padding: 20px 0;*/
    }
}



h3.info-title {
    text-align: center;
    font-weight: bold;
    color: #FF4D77;
    margin: 0;
    padding: 7px 0 15px 0;
}
.table-info th, .table-info td {
    background-color: #f9e0e4;
    color: #FF4D77;
    border-top: none;
}
.table-info tr {
    border-bottom: #fdefef solid 5px;
    
}

.table-info td {

}
.table-info td a {
	color: rgba(255,77,119,1);
}

.table-info td a:hover, .table-info td a:focus {
	text-decoration: none;
	color: rgba(255,77,119,0.55);
	outline: 0;
} {

}

@media screen and (max-width:499.98px) {/* 変更点。0.02引く。 */
    .table-info th {
        width: 25%;
    }
}
@media screen and (min-width:500px) and (max-width:767.98px) {/*　画面サイズが500pxから767.98pxまではここを読み込む　*/
    .table-info th {
        width: 35%;
    }
}
@media screen and (min-width:768px) and (max-width:991.98px) {/* 変更点。0.02引く。 */
    .table-info th {
        width: 30%;
    }
}
@media screen and (min-width:992px) and (max-width:1309.98px) {/* 変更点。0.02引く。 */
    .table-info th {
        width: 25%;
    }
}
@media screen and (min-width:1310px) {
    .table-info th {
        width: 20%;
    }
}


.hero-content-title-0 {
	margin: 0;
}
.hero-content-title-0 a {
	color: #4a545d;
}
.hero-content-link-0 a {
	color: rgba(17, 17, 17, 0.55);
}
.hero-content-title-0 a:hover, .hero-content-link-0 a:hover {
	color: rgba(113,185,163,1);
}

.hero-content-title-1 {
	margin: 0;
}
.hero-content-title-1 a {
	color: #4a545d;
}
.hero-content-link-1 a {
	color: rgba(17, 17, 17, 0.55);
}
.hero-content-title-1 a:hover, .hero-content-link-1 a:hover {
	color: rgba(80,188,162,1);
}

.hero-content-title-2 {
	margin: 0;
}
.hero-content-title-2 a {
	color: #4a545d;
}
.hero-content-link-2 a {
	color: rgba(17, 17, 17, 0.55);
}
.hero-content-title-2 a:hover, .hero-content-link-2 a:hover {
	color: rgba(127,158,215,1);
}

.hero-content-title-3 {
	margin: 0;
}
.hero-content-title-3 a {
	color: #4a545d;
}
.hero-content-link-3 a {
	color: rgba(17, 17, 17, 0.55);
}
.hero-content-title-3 a:hover, .hero-content-link-3 a:hover {
	color: rgba(191,149,223,1);
}

.hero-content-title-4 {
	margin: 0;
}
.hero-content-title-4 a {
	color: #4a545d;
}
.hero-content-link-4 a {
	color: rgba(17, 17, 17, 0.55);
}
.hero-content-title-4 a:hover, .hero-content-link-4 a:hover {
	color: rgba(255,171,213,1);
}

.hero-content-link-1, .hero-content-link-2, .hero-content-link-3, .hero-content-link-4 {
	font-size: 12px;
}

.color-01 {
    color: rgba(113,185,163,1);
}
.color-02 {
    color: rgba(244,193,66,1);
}
.color-03 {
    color: rgba(242,182,181,1);
}
.color-04 {
    color: rgba(131,189,230,1);
}





.link-bnr, .link-bnr-btm {
    border: #717b7d solid 3px;
    border-radius: 10px;
    padding: 0px 12px 10px 12px;
}
img.link-bnr-img {
    width: 23%;
    padding: 0 10px 0 0;
    transform: translate(0%,-20%);
    float: left;
}
@media screen and (max-width:767.98px) {/* 変更点。0.02引く。 */
    .link-bnr {
        margin-bottom: 60px;
    }
    .link-bnr-btm {
        margin-bottom: 0px;
    }
}






.column-bg {
    background: #eeeeee;
    padding: 5px 20px;
}
@media screen and (max-width:499.98px) {/* 変更点。0.02引く。 */
    .column-bg {
    background: #eeeeee;
    padding: 5px 20px;
}
}
.column-tn {
    width:180px;
    
}

#content-bg-wrap {
    /*background-image: url("../images/index/content-bg-img@2x.jpg");
    background-position: 80% 50%;
    background-size:contain;
    background-repeat: no-repeat;*/
}














/*==================================
sub page
===================================*/
/* メイン画像 */
/*　WebP対応の場合　*/
.webp .headerImg_access {
    background: url("../images/index/slider/cover01.webp");
}
/*　WebP非対応の場合　*/
.no-webp .headerImg_access {
    background: url("../images/index/slider/cover01.jpg");
}

@media screen and (max-width:499.98px) {
    .headerImg {
        height: 500px;
        margin: 0;
        /*margin-top: 90px;*/  
}
    
}
@media screen and (min-width:500px) and (max-width:767.98px) {
    .headerImg {
        height: 540px;
        margin: 0;
        /*margin-top: 90px;*/
}
    
}
@media screen and (min-width:768px) and (max-width:991.98px) {
    .headerImg {
        height: 580px;
        margin: 0;
        /*margin-top: 95px;*/
}
    
}
@media screen and (min-width:992px) {
    .headerImg {
        height: 680px;
        margin: 0;
        /*margin-top: 100px;*/
}
    
}


/* メイン画像 （アクセス）*/
#hdImg {
	background: url("../images/index/") center center;
	background-size: cover;
}
#hdImg_products {
	background: url("../images/hdImg/hdImg_products@2x.jpg") center center;
	background-size: cover;
}
#hdImg_about {
	background: url("../images/hdImg/hdImg_about@2x.jpg") center center;
	background-size: cover;
}
#hdImg_access {
	background: url("../images/hdImg/hdImg_access@2x.jpg") center center;
	background-size: cover;
}
#hdImg_care {
	background: url("../images/hdImg/hdImg_care@2x.jpg") center center;
	background-size: cover;
}
#hdImg_day {
	background: url("../images/hdImg/hdImg_day@2x.jpg") center center;
	background-size: cover;
}
#hdImg_disabilities {
	background: url("../images/hdImg/hdImg_disabilities@2x.jpg") center center;
	background-size: cover;
}
#hdImg_recruit {
	background: url("../images/hdImg/hdImg_recruit@2x.jpg") center center;
	background-size: cover;
}
#hdImg_visit {
	background: url("../images/hdImg/hdImg_visit@2x.jpg") center center;
	background-size: cover;
}







/* メイン画像 ページタイトル */
.heroPageTitle {
    position: absolute;
    z-index: 100;
    width: 370px;
    margin: 0;
    padding: 0;
    margin-right: 5%;
    top: 60%;
    right: 0px;
}
.heroPageTitle-box {
    width: 90%;
    float: right;
    text-align: center;
    
}
.heroPageTitle-box img {
    width: 180px;
    padding: 30px 30px 0 30px;
}
.heroPageTitle-box h2 {
	text-shadow: 1px 2px 3px rgba(0,0,0,0.3);
}

@media screen and (max-width:767.98px) {
    .heroPageTitle {
        position: absolute;
        z-index: 100;
        width: 300px;
        margin: 0;
        padding: 0;
        margin-right: 10%;
        text-align: right;
        top: 60%;
        right: 0px;
    }
    .heroPageTitle-box {
        width: 100%;
    }
    .heroPageTitle-box img {
        width: 180px;
        padding: 30px 30px 0 30px;
    }
    .heroPageTitle-box h2 {
        /*text-align: left;*/
    }
    
}
@media screen and (max-width:499.98px) {
    .heroPageTitle {
        z-index: 100;
        width: 340px;
        margin: 0;
        padding: 0;
        text-align: center;
        position: absolute;
        top: 70%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }
    .heroPageTitle-box {
        width: 100%;
    }
    .heroPageTitle-box img {
        width: 160px;
        padding: 30px 30px 0 30px;
    }
    .heroPageTitle-box h2 {
        font-size: 1em;

    }
    
}
@media screen and (min-width:768px) {
    .heroPageTitle {
        display: none;
    } 
}




/* ページタイトル */
.pageTitle {
    position: absolute;
    z-index: 100;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 0;
    margin-top: -290px;
    margin-bottom: 60px;
}
.pageTitle-box {
    width: 100%;
}
.pageTitle-box img {
    width: 150px;
}
.pageTitle-box h2 {
    text-align: left;
}





@media screen and (max-width:767.98px) {
    .pageTitle {
        display: none;
    }
    #hero-space {
        display: none;
    }
    
}

@media screen and (max-width:499.98px) {
    #contentsWrap {
    padding-bottom: 60px;
}
}









.main-content {
    
    /*margin-top: -80px;*/
    /*margin-top: -59px;*/
    /*overflow: hidden;*/
    }
/* メインコンテンツ */
@media screen and (min-width:768px) {
    .main-content {
		/*padding-left: 40px;*/
    }
}
@media screen and (max-width:767.98px) {
    .main-content {
        /*margin-top: -100px;*/
    }
}


/*.content-block {
    margin-bottom: 100px;
}*/

.author-bio {
    width: 100%;
    height: 100%;
    padding: 5px 0 0 0;
}

#owner-name {
    text-align: right;
}
#owner {
    /*font-family: kazuraki-sp2n, serif;*/
    font-family: a-otf-ryumin-pr6n, serif;
    font-weight: 300;
    font-style: normal;
    font-size: 3rem;
    padding-left: 25px;
    letter-spacing: 2px;
}

@media screen and (min-width:1310px) {/*　画面サイズが500pxから767.98pxまではここを読み込む　*/
    #owner-img {
        width: 55%;
    }
}
@media screen and (min-width:1200px) and (max-width:1309.98px) {/*　画面サイズが500pxから767.98pxまではここを読み込む　*/
    #owner-img {
        width: 90%;
    }
}
@media screen and (min-width:992px) and (max-width:1198.98px) {/*　画面サイズが500pxから767.98pxまではここを読み込む　*/
    #owner-img {
        width: 90%;
    }
}
@media screen and (min-width:768px) and (max-width:991.98px) {/*　画面サイズが500pxから767.98pxまではここを読み込む　*/
    #owner-img {
        width: 90%;
    }
}
@media screen and (max-width:767.98px) {/* 変更点。0.02引く。 */
    #owner-img {
        width: 50%;
    }
}



ul.houshin {
    padding: 0 20px;
    line-height: 4rem;
    list-style: none;
}
.ul.houshin li {
    
}

ul.jyouhou {
    list-style: none;
    text-align: left;
    margin: 0;
    padding: 0;
	margin-top: -35px;
    margin-left: 20px;
}
ul.jyouhou li {
    display: inline-block;
	margin: 0 10px 5px 10px;
    padding: 0;
}


#services-price {
    margin-top: 0;
    padding: 10px 0;
}


.image-source-link {
	color: #98C3D1;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}

.hover-img {
   transition: 0.2s;
    
}
.hover-img:hover {
   opacity: 0.7;
}


#googlemap iframe {
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
}

.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

.tel-number a {
    font-size: 28px;
    /*letter-spacing: 2px;*/
    /*color: #71b9a3;*/
    color: #e73a78;
    text-decoration:none;
    }


.usageflow {
    margin-top: -20px;
    padding-bottom: 30px;
    border-bottom: #ccc solid 1px;
    mar
}
.triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 20px 0 20px;
    /*border-color: #71b9a3 transparent transparent transparent;*/
    border-color: #ee93b3 transparent transparent transparent;
    text-align: center;
    margin: 5px auto;
    padding-bottom: 20px;
}




.flow_design03 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
}

.flow_design03 ul {
  padding: 0;
}

.flow_design03 li {
  list-style-type: none;
}

.flow_design03 dd {
  margin-left: 0;
}

.flow03 {
  position: relative;
}

.flow03::before {
  content: "";
  width: 15px;
  height: 100%;
  background: #eee;
  margin-left: -129px;
  display: block;
  position: absolute;
  top: 0;
  left: 120px;
  border-radius: 20px;
}

.flow03 > li {
  position: relative;
}

.flow03 > li:not(:last-child) {
  margin-bottom: 60px;
}

.flow03 > li .icon03 {
  font-size: 0.8em;
  width: 2em;
  height: 2em;
  line-height: 2;
  text-align: center;
  font-weight: bold;
  border-radius: 100vh;
  color: #fff;
  background: #e73a78;
  display: inline-block;
  margin-right: 0.3em;
}

.flow03 > li dl {
  padding-left: 70px;
  position: relative;
}

.flow03 > li dl::before,
.flow03 > li dl::after {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
}

.flow03 > li dl::before {
  width: 7px;
  height: 7px;
  margin-top: -3px;
  background: #e73a78;
  border-radius: 50%;
  left: -4px;
}

.flow03 > li dl::after {
  width: 50px;
  border-bottom: 1px dashed #999;
  position: absolute;
  left: 5px;
}

.flow03 > li dl dt {
  font-size: 1.3em;
  font-weight: 600;
  color: #e73a78;
  margin-bottom: 0.5em;
  display: flex;
  align-items: center;
}







/*ショッピングリハビリ*/
.midashi-box {
    height: 100%;
}
.midashi-gr h3 {
    
}
.circle_number {
  width: 80px;
  height: 80px;
  padding-top: 23px;
    margin: 30px 20px 30px 0;
    font-size: 24px;
  /*border: 1px solid black;*/
    background-color: #90b895;
  border-radius: 50%;
  text-align: center;
  box-sizing: border-box;
    color: #fff;
    float: left;
}
.midashi-gr p {
    font-size: 1.3em;
    color: #016D0F;
}
.shopriha-box {
    margin-bottom: 30px;
}
.imgtxt-shopriha {
    margin: 0;
    padding-bottom: 20px;
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;
    color: #FFA200;
}

.caremanager-voice {
    background-color: #75cc99;
    font-weight: bold;
    padding: 10px 15px 20px 15px;
}
.caremanager-voice h3 {
    font-size: 1.3em;
}
.caremanager-voice p {
    font-size: 1.2em;
}
.caremanager-img {
    padding: 0px 0px 0px 30px;
}

@media screen and (max-width: 499.98px) {
    .caremanager-voice {
    padding: 5px 15px 15px 15px;
    }
    .caremanager-voice p {
    font-size: 1.2em;
    }
    .caremanager-img {
    padding: 30px 0px 0px 120px;
    }
}

@media screen and (min-width:500px) and (max-width:767.98px) {
    .caremanager-voice {
    padding: 5px 15px 20px 15px;
    }
    .caremanager-voice p {
    font-size: 1.2em;
    }
    .caremanager-img {
    padding: 30px 0px 0px 300px;
    }
}
    


.shisetsu-box-01, .shisetsu-box-02 {
    padding: 0;
}
@media screen and (max-width: 991.98px) {
    .shisetsu-box-01 {
        margin-bottom: 20px;
}
}
@media screen and (max-width: 767.98px) {
    .shisetsu-box-01 {
        margin-bottom: 40px;
}
}




.ownername-box {
    text-align: right;
    letter-spacing: 0.3em;
}
#ownername {
    font-family: hot-gyoshokk, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2em;
}



.concept-text {
    background-color: #ee93b3;
    border-radius: 6px;
    font-weight: bold;
    margin-top: 40px;
    padding: 15px;
    color: #fff;
    font-size: 1.1em;
}



.contmenu-box img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    
}
.contmenu-box p {
    text-align: center;
    background-color: #ee93b3;
    color: #fff;
    font-size: 0.85em;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
}

.contmenu-box {
    margin-bottom: 30px;
    border: #ee93b3 solid 3px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}





/*製品情報*/
.product-box {
	background: #f6f6f6;
	padding: 0 20px 20px 20px;
}
.productText {
    height: auto;
    padding: 30px 0 10px 0;
}
.productText p {
	line-height: 1.6em;
}
.productText ul {
    line-height: 1.6em;
    font-weight: bold;
	list-style: none;
    margin: 0;
    padding: 20px 0 0 0;
}
.productPrice {
    text-align: right;
    padding: 10px 0;
    
}
.productPrice .zeikomi {
	font-size: 1.5em;
    letter-spacing: -0.03em;
    padding: 0 10px 0 0;
    font-weight: bold;
}
.productPrice .zeibetsu {
	font-size: 0.9em;
    letter-spacing: -0.01em;
}
.productAdapt {
    font-weight: bold;
    font-size: 1.2em;
    padding: 15px 0 0 0;
}

.module-subtitle-bl {
    color: #499bcc;
    font-family: "fot-udkakugo-large-pr6n", sans-serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 0;
	color:#499bcc;
	font-size: 1.5em;
	font-weight:bold;
	border-bottom: #499bcc solid 1px;
	padding: 0 0 5px 5px;
	}

@media screen and (max-width:768.98px) {
    .product-box {
        padding: 10px;
    }
    .module-subtitle-bl {
         margin: 10px;
	}
}


/*製品について*/
.comit-box {
    background: #fff;
    padding: 30px;
    margin: 10px 0;
    padding: 25px;
}
.comitTitle-box {
    width: 75%;
    height: auto;
    padding: 5px 10px 15px 5px;
    background: #fff;
    border: #499bcc solid 8px;
    margin: 30px auto;
    letter-spacing: 0;
}
.comitTitle-box h2 {
    font-size: 1.6em;
    font-weight: bold;
    text-align: center;
    color: #499bcc;
    word-break: break-all;
}
.comit-box h3 {
    font-size: 1.3em;
    color: #499bcc;
    text-align: center;
}

video {
  width: 100%; /* 動画をレスポンシブ化 */
  max-width: 800px; /* 動画の最大幅 */
    padding: 0 20px 30px 20px;
}


/*会社案内*/
.distributor {
    width: 100%;
    height: 100%;
    background: #f6f6f6;
    text-align: center;
    padding: 40px 20px 20px 20px;
    border: #ddd solid 10px;
    margin-bottom: 40px;
}
.distributor-add {
    background: #fff;
}
.distributor-add h3 {
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 42px;
    margin-bottom: 2px;
    padding-top: 15px;
    text-align: left;
}
.distributor-add ul {
    text-align: left;
    list-style: none;
    padding: 0 20px 15px 20px;
    line-height: 1.8em;
    
}
.distributor-add ul li {
    
}