@charset "UTF-8";



/*======================================================================================================================
========================================================================================================================

frame_sp.css

全体フレーム・ヘッダー・フッター用（後半にスマホ用ソースあり）

========================================================================================================================
======================================================================================================================*/

/* PC表示限定スタイル
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:769px) {
    .bottom-sticky-nav.max768 {
        display: none!important;
    }
    .max768,
    .mohlaw_sp {
        display: none;
    }
    /* -- ヘッダー -- */
    .mohlaw_img {
        position: absolute;
        right: 145px;
        top: 33px;
    }
    .btn_inq {
        position: absolute;
        top: 2px;
        right: 102px;
    }
    .btn_guide {
        position: absolute;
        top: 2px;
        right: 200px;
    }
    #utility #header .btn_guide a,
    #utility #header .btn_inq a,
    #utility #header .btn_guide a:visited,
    #utility #header .btn_inq a:visited,
    #utility #header .btn_guide a:active,
    #utility #header .btn_inq a:active {
        text-decoration: none;
    }
    #header .btn_fontsize {
        width: 122px;
        position: absolute;
        top: 33px;
        right: 0;
    }
    #header .search {
        position: absolute;
        right: 0;
        top: 90px;
    }
}



/* スマホ用スタイル（上記PC用をすべてコピーし、調整）
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:768px) {
    .min769 {
        display: none;
    }

/* フレーム全体
-------------------------------------------------------------------------------------------------------- */
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	background: #f5f5f5;
}

#wrapper_bg {
	background-color: #FFF;
}
#wrapper {
	padding: 0px 0px 0px 0px;
	width:  100%;
	margin: 0px auto;
	text-align: left;
	clear: both;
}





/* ヘッダー
-------------------------------------------------------------------------------------------------------- */

/* スマホ用
-------------------------------------- */
.header_pc {
	display: none;
}
#header_sp {
	display: block;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
	position: relative;
}
#header_sp.fixed {
    position: fixed;
    top: 0;
    width: 100%;
}
#header_sp .logo {
	display: block;
	padding: 0px 0px 0px 10px;
	width: 80%;
}
#header_sp .logo img {
	height: auto;
}
#header_sp .logo p {
    font-size: 12px;
    letter-spacing: 0;
    margin-bottom: 5px;
    padding-top: 2px;
}
#header_sp .logo img.logotype {
    margin-right: 10px;
    width: 50%;
}
.mohlaw_sp,.mohlaw_img {
    display: inline-block;
    width: 40%;
}
.btn_guide a span {
    line-height: 0.6;
    margin-bottom: 7px;
}
#header_sp h1 {
    padding: 0;
    border-top: none;
    border-bottom: none;
    margin: 0px 0px 10px;
}

/* スマホユーティリティナビ
-------------------------------------- */
/* ボタン */
#header_sp .btn_un {
	display: block;
	position: absolute;
    top: 25px;
    right: 10px;
	z-index: 1;
    padding: 5px;
    background-color: #ffffff;
}
#header_sp .btn_un a {
	display: table-cell;
	width: 12vw;
	height: 12vw;
	vertical-align: middle;
	background: #ffffff;
	text-align: center;
    background: url(../img/btn_utility.svg) no-repeat center;
    background-size: 100%;
    background-color: #ffffff;
}
#header_sp .btn_un a.open {
   background: url(../img/btn_utility_open.svg) no-repeat center;
}
/*header_sp .btn_un a img {
	width: 50%;
}*/

/* フォントサイズ変更ボタン */
#header_sp .btn_fontsize {
	display: none;
}

/* ユーティリティナビ */
#header_sp .utility {
	position: relative;
    padding: 0 10px 0;
	z-index: 999;
	display: block;
	width: 100%;
    box-sizing: border-box;
    background-color: #FFFFFF;
}
#header_sp .utility .list_un {
	margin-bottom: 20px;
}
#header_sp .utility .list_un li {
	margin: 0px;
	padding: 0px;
	background: none;
	float: none;
	text-align: left;
	font-size: 14px;
}
#header_sp .utility .list_un li a {
	display: block;
	padding: 15px 20px;
	border-bottom: 1px solid #FFFFFF;	
}
#header_sp .utility .list_un li br {
	display: block;
}
#header_sp .utility .list_un .btn_en {
	width: 100%;
	position: relative;
}
#header_sp .utility .btn_en a {
	display: block;
	background: #EEEEEE;
	font-size: 14px;
	text-align: left;
	line-height: 1.2;
	padding: 0;
}
#header_sp .utility a {
	color: #000000 !important;
}
#header_sp .utility .navi_sp a {
	text-decoration: none !important;
}

.navi_sp {
    margin-bottom: 15px;
    padding-top: 10px;
}
.navi_sp li p {
    text-align: center;
    padding: 5px 0 4px;
    color: #FFFFFF;
    font-weight: bold;
    margin-bottom: 5px;
}
.navi_sp li.public p {
    background: #D65C6E;
}
.navi_sp li.pro p {
    background: #1679BA;
}
.navi_sp li.doc p {
    background: #84B202;
}

.navi_sp li ul li:first-child,
.navi_sp li ul li:nth-child(3) {
    float: left;    
}
.navi_sp li ul li:nth-child(2),
.navi_sp li ul li:nth-child(4) {
    float: right;
}
.navi_sp li ul li {
    text-align: center;
    padding: 8px 0 5px;
    width: 49.4%;
    margin-bottom: 5px;
}
.navi_sp li.public ul li {
    background: #F8E2E6;
}
.navi_sp li.pro ul li {
    background: #CFE4F1;
}
.navi_sp li.doc ul li {
    background: #EAF2D4;
}

.utility_left {
    float: left;
    width: 40%;
}

/* カスタム検索 */
#header_sp .search {
	border: 3px solid #EEEEEE;	
    float: right;
    width: 58%;
}
#header_sp form.gsc-search-box {
	margin-bottom: 0;	
}
#header_sp table.gsc-search-box {
	margin-bottom: 0;	
}

#header_sp #___gcse_0 {
    width: auto !important;
}
#header_sp .cse .gsc-control-cse, #header_sp .gsc-control-cse {
	padding: 0em !important;
	background: #EEEEEE !important;
	border: none !important;
}

#header_sp .gsc-results-wrapper-overlay {
	border: solid 1px #CCC !important;
}
#header_sp .gsc-thumbnail-inside {
	text-align: left !important;
	line-height: 190% !important;
}
#header_sp .gs-webResult.gs-result a.gs-title:link,
#header_sp .gs-webResult.gs-result a.gs-title:link b,
#header_sp .gs-imageResult a.gs-title:link,
#header_sp .gs-imageResult a.gs-title:link b {
	color: #03F !important;
	text-decoration: underline !important;
}
#header_sp .cse .gsc-search-button-v2,
#header_sp .gsc-search-button-v2 {
    height: 39px !important;
    width: 39px !important;
}


#header_sp .gsc-input td {
	padding: 0 0 0 5px !important;
}

#header_sp .gsc-input-box {
	height: 37px !important;
    border-radius: 0 !important;
    padding: 0 !important;
}
#header_sp .gsc-input input {
	padding: 6px 0 !important;
	
}

#header_sp .cse .gsc-search-button input.gsc-search-button-v2,
#header_sp input.gsc-search-button-v2 {
  width: 20px;
  height: 20px;
  padding: 10px 20px;
  min-width: 13px;
  margin-top: 2px;
}






/* グローバルナビエリア
-------------------------------------------------------------------------------------------------------- */

/* スマホグローバルナビ
-------------------------------------- */
#gnavi {
	display: block;
	padding: 0 10px 0;
	margin-bottom: 0px;
	height: auto;
}
#gnavi .navi {
	position: relative;
	width: 100%;
}
#gnavi .navi li.public a, #gnavi .navi li.pro a, #gnavi .navi li.doc a {
    font-size: 14px;
}

/* カテゴリー枠
-------------------------------------- */
#gnavi .navi li.public,
#gnavi .navi li.pro,
#gnavi .navi li.doc {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	margin-bottom: 5px;
	padding: 0;
	background-position: 0 -5.5em;
	background-repeat: no-repeat;
	overflow: hidden;
	text-align: center;
	float: none;
	z-index: 1;
}
#gnavi .navi li.public {
	background-color: #D75C6D;
	position: relative;
	z-index: 1;
}
#gnavi .navi li.pro {
	background-color: #1079BA;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
}
#gnavi .navi li.doc {
	background-color: #85b200;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
    margin-left: 0;
}

#public #gnavi .pro,
#public #gnavi .doc {
    display: none;
}

#pro #gnavi .public,
#pro #gnavi .doc {
    display: none;
}

#doc #gnavi .pro,
#doc #gnavi .public {
    display: none;
}

/* ナビ アクティブ時 */
#gnavi .navi li.public.gn_active,
#gnavi .navi li.pro.gn_active,
#gnavi .navi li.doc.gn_active {
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	position: relative;
}

/* サブナビ */
.gn_sub {
    padding: 0 10px;
    margin-bottom: 15px;
}
.gn_sub div ul li:first-child {
    display: none;
}
.gn_sub div ul li:nth-child(2), .gn_sub div ul li:nth-child(3), .gn_sub div ul li:nth-child(4) {
    margin-left: 0px;
}
.gn_sub div ul li ,
.gn_sub div ul li:last-child {
    width: 49.4%;
}
.gn_sub div ul li:nth-child(2),
.gn_sub div ul li:nth-child(4) {
    float: left;
}
.gn_sub div ul li:nth-child(3),
.gn_sub div ul li:last-child  {
    float: right;
}
.gn_sub div ul li:nth-child(2),
.gn_sub div ul li:nth-child(3) {
    margin-bottom: 5px;
}

/* カテゴリー枠リンクボタン
-------------------------------------- */
#gnavi .navi li.public a,
#gnavi .navi li.pro a,
#gnavi .navi li.doc a {
	display: block;
}
#gnavi .navi li .img_svg {
	margin: 4% 0;
	height: 5.5vw;
}
#gnavi .navi li.public a .img_svg {
	filter: drop-shadow(0px 0px 1px rgba(132,56,67,0.8));
}
#gnavi .navi li.pro a .img_svg {
	filter: drop-shadow(0px 0px 1px rgba(39,103,129,0.8));
}
#gnavi .navi li.doc a .img_svg {
	filter: drop-shadow(0px 0px 1px rgba(39,103,129,0.8));
}

/* ナビ アクティブ時 */
#gnavi .navi li.public.gn_active a.btn_toggle,
#gnavi .navi li.pro.gn_active a.btn_toggle,
#gnavi .navi li.doc.gn_active a.btn_toggle {
	padding: 6px 0;
	text-align: center;
}


/* プルダウン
-------------------------------------- */
#gnavi .navi li .gn_sub {
	display: none;
	padding: 0 10px;
}

#gnavi .navi li .gn_sub li {
	position: relative;
	width: 100%;
	height: 100%;
	margin-bottom: 1.5vw;
	text-align: center;
	border-radius: 5px;
	box-sizing: border-box;
	background-color: #EEEEEE;
	background: linear-gradient(#fefffe, #f0eff0);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
	float: none;
}
#gnavi .navi li .gn_sub li a {
	display: block;
	padding: 3.5% 0;
	text-decoration: none;
	color: #666666;
	font-size: 4vw;
	font-weight: bold;
}

/* ナビ アクティブ時 */
#gnavi .navi li.public.gn_active .gn_sub,
#gnavi .navi li.pro.gn_active .gn_sub,
#gnavi .navi li.doc.gn_active .gn_sub {
	display: block;
	padding: 0 10px;
}





/* コンテンツエリア （#contents #main #sub）
-------------------------------------------------------------------------------------------------------- */


/* コンテンツ全体枠
----------------------------- */
#contents {
	padding: 0px 20px 0px 20px; /* _______________________________スマホ*/
	background: #FFF;
	position: relative; /* _______________________________スマホ*/
}


/* メインエリア
----------------------------- */
#main {
	margin: 0px;
	padding: 0px 0px 30px 0px; /* _______________________________スマホ*/
	width: 100%; /* _______________________________スマホ*/
	float: none; /* _______________________________スマホ*/
}

#main img {
	margin:        0px;
	padding:       0px;
	border:        0px;
	line-height:   0;
	width: 100%; /* _______________________________スマホ*/
	height: auto; /* _______________________________スマホ*/
}

/* クイズページ画像 */
body.responsive #main img {
	margin:        0px;
	padding:       0px;
	border:        0px;
	line-height:   0;
	width: initial; /* _______________________________スマホ*/
	height: initial; /* _______________________________スマホ*/
}


/* サブナビゲーション
-------------------------------------------------------------------------------------------------------- */

/* エリア
----------------------------- */
#sub {
	width: 100%; /* _______________________________スマホ*/
	float: none; /* _______________________________スマホ*/
}

/* サブナビ全体 */
#sub ul.subnavi {
	border: solid 1px #CCC;
	border-left: none; /* _______________________________スマホ*/
	border-right: none; /* _______________________________スマホ*/
	border-width: 0px 1px 1px 1px;
	margin: 0 -20px 30px; /* _______________________________スマホ*/
}
#sub ul.subnavi li ul {
	border-width: 0px;
}
#sub ul.subnavi li ul li {
	border-width: 0px;
}
#sub ul.subnavi a {
	color: #666;
	text-decoration: none;
}

/* 1階層目 */
#sub ul.subnavi li a {
	display: block;
	padding: 15px 8px 15px 22px; /* _______________________________スマホ*/
	border: solid 1px #CCC;
	border-width: 1px 0px 0px 0px;
}
#public #sub ul.subnavi li a { background: #FDF7F8 url(../img/icon_arrow_public.gif) 10px center no-repeat; } /* _______________________________スマホ*/
#public #sub ul.subnavi li a:hover { background: #F9E7EA url(../img/icon_arrow_public.gif) 10px center no-repeat; } /* _______________________________スマホ*/
#pro #sub ul.subnavi li a { background: #F5FBFD url(../img/icon_arrow_pro.gif) 10px center no-repeat; } /* _______________________________スマホ*/
#pro #sub ul.subnavi li a:hover { background: #E3F3F9 url(../img/icon_arrow_pro.gif) 10px center no-repeat; } /* _______________________________スマホ*/
#doc #sub ul.subnavi li a { background: #F5FFED url(../img/icon_arrow_doc.gif) 10px center no-repeat; } /* _______________________________スマホ*/
#doc #sub ul.subnavi li a:hover { background: #E5F5DD url(../img/icon_arrow_doc.gif) 10px center no-repeat; } /* _______________________________スマホ*/
#utility #sub ul.subnavi li a { background: #F5F5F5 url(../img/icon_arrow_gray.gif) 10px center no-repeat; } /* _______________________________スマホ*/
#utility #sub ul.subnavi li a:hover { background: #EEE url(../img/icon_arrow_gray.gif) 10px center no-repeat; } /* _______________________________スマホ*/

/* アクティブ */
.public01 #sub ul.subnavi li a.public01,
.public02 #sub ul.subnavi li a.public02,
.public03 #sub ul.subnavi li a.public03,
.public04 #sub ul.subnavi li a.public04,
.public05 #sub ul.subnavi li a.public05 {
	color: #FFF;
	background: #CF445B url(../img/icon_arrow_public_sec.gif) 10px center no-repeat !important; /* _______________________________スマホ*/
}
.public01_2 #sub ul.subnavi li a.public01_2,
.public02_2 #sub ul.subnavi li a.public02_2,
.public03_2 #sub ul.subnavi li a.public03_2,
.public04_2 #sub ul.subnavi li a.public04_2,
.public05_2 #sub ul.subnavi li a.public05_2 {
	color: #FFF;
	background: #CF445B url(../img/icon_arrow_public_sec.gif) 10px center no-repeat !important; /* _______________________________スマホ*/
}
.pro01 #sub ul.subnavi li a.pro01,
.pro02 #sub ul.subnavi li a.pro02,
.pro03 #sub ul.subnavi li a.pro03,
.pro04 #sub ul.subnavi li a.pro04,
.pro05 #sub ul.subnavi li a.pro05 {
	color: #FFF;
	background: #1079BA url(../img/icon_arrow_pro_sec.gif) 10px center no-repeat !important; /* _______________________________スマホ*/
}

/* 2階層目 */
#sub ul.subnavi li ul li a {
	padding: 6px 8px 5px 37px;
	border: dashed 1px #DDD;
	border-width: 1px 0px 0px 0px;
}
#public #sub ul.subnavi li ul li a,
#pro #sub ul.subnavi li ul li a,
#doc #sub ul.subnavi li ul li a { 
	background: #FFF url(../img/icon_arrow_gray.gif) 25px center no-repeat; /* _______________________________スマホ*/
}
#public #sub ul.subnavi li ul li a:hover,
#pro #sub ul.subnavi li ul li a:hover,
#doc #sub ul.subnavi li ul li a:hover {
	background: #F5F5F5 url(../img/icon_arrow_gray.gif) 25px center no-repeat; /* _______________________________スマホ*/
}

/* アクティブ */
.public_c01 #sub ul.subnavi li ul li a.public_c01,
.public_c02 #sub ul.subnavi li ul li a.public_c02,
.public_c03 #sub ul.subnavi li ul li a.public_c03,
.public_c04 #sub ul.subnavi li ul li a.public_c04,
.public_c05 #sub ul.subnavi li ul li a.public_c05,
.public_c06 #sub ul.subnavi li ul li a.public_c06,
.public_c07 #sub ul.subnavi li ul li a.public_c07,
.public_c08 #sub ul.subnavi li ul li a.public_c08,
.public_c09 #sub ul.subnavi li ul li a.public_c09,
.public_c10 #sub ul.subnavi li ul li a.public_c10,
.public_c11 #sub ul.subnavi li ul li a.public_c11,
.public_c01_01 #sub ul.subnavi li ul li a.public_c01_01,
.public_c01_02 #sub ul.subnavi li ul li a.public_c01_02,
.public_c01_03 #sub ul.subnavi li ul li a.public_c01_03,
.public_c01_04 #sub ul.subnavi li ul li a.public_c01_04,
.public_c02_01 #sub ul.subnavi li ul li a.public_c02_01,
.public_c02_02 #sub ul.subnavi li ul li a.public_c02_02,
.public_c02_03 #sub ul.subnavi li ul li a.public_c02_03,
.public_c02_04 #sub ul.subnavi li ul li a.public_c02_04,
.public_c02_05 #sub ul.subnavi li ul li a.public_c02_05,
.public_c02_06 #sub ul.subnavi li ul li a.public_c02_06,
.public_c02_07 #sub ul.subnavi li ul li a.public_c02_07,
.public_c02_08 #sub ul.subnavi li ul li a.public_c02_08,
.public_c02_09 #sub ul.subnavi li ul li a.public_c02_09,
.public_c02_10 #sub ul.subnavi li ul li a.public_c02_10,
.public_c02_11 #sub ul.subnavi li ul li a.public_c02_11,
.public_c02_12 #sub ul.subnavi li ul li a.public_c02_12,
.public_c02_13 #sub ul.subnavi li ul li a.public_c02_13,
.public_c03_01 #sub ul.subnavi li ul li a.public_c03_01,
.public_c03_02 #sub ul.subnavi li ul li a.public_c03_02,
.public_c03_03 #sub ul.subnavi li ul li a.public_c03_03,
.public_c03_04 #sub ul.subnavi li ul li a.public_c03_04,
.public_c03_05 #sub ul.subnavi li ul li a.public_c03_05,
.public_c03_06 #sub ul.subnavi li ul li a.public_c03_06,
.public_c03_07 #sub ul.subnavi li ul li a.public_c03_07,
.public_c03_08 #sub ul.subnavi li ul li a.public_c03_08,
.public_c03_09 #sub ul.subnavi li ul li a.public_c03_09,
.public_c03_10 #sub ul.subnavi li ul li a.public_c03_10,
.public_c03_11 #sub ul.subnavi li ul li a.public_c03_11,
.public_c03_12 #sub ul.subnavi li ul li a.public_c03_12 {
	color: #FFF;
	background: #CF445B url(../img/icon_arrow_public_sec.gif) 25px center no-repeat !important; /* _______________________________スマホ*/
}
.public_c01_2 #sub ul.subnavi li ul li a.public_c01_2,
.public_c02_2 #sub ul.subnavi li ul li a.public_c02_2,
.public_c03_2 #sub ul.subnavi li ul li a.public_c03_2,
.public_c04_2 #sub ul.subnavi li ul li a.public_c04_2 {
	color: #FFF;
	background: #CF445B url(../img/icon_arrow_public_sec.gif) 25px center no-repeat !important; /* _______________________________スマホ*/
}

.doc_c01 #sub ul.subnavi li ul li a.doc_c01,
.doc_c02 #sub ul.subnavi li ul li a.doc_c02,
.doc_c03 #sub ul.subnavi li ul li a.doc_c03,
.doc_c04 #sub ul.subnavi li ul li a.doc_c04,
.doc_c05 #sub ul.subnavi li ul li a.doc_c05,
.doc_c06 #sub ul.subnavi li ul li a.doc_c06,
.doc_c07 #sub ul.subnavi li ul li a.doc_c07,
.doc_c08 #sub ul.subnavi li ul li a.doc_c08,
.doc_c09 #sub ul.subnavi li ul li a.doc_c09,
.doc_c10 #sub ul.subnavi li ul li a.doc_c10,
.doc_c11 #sub ul.subnavi li ul li a.doc_c11,
.doc_c12 #sub ul.subnavi li ul li a.doc_c12,
.doc_c13 #sub ul.subnavi li ul li a.doc_c13,
.doc_c14 #sub ul.subnavi li ul li a.doc_c14,
.doc_c15 #sub ul.subnavi li ul li a.doc_c15,
.doc_c16 #sub ul.subnavi li ul li a.doc_c16,
.doc_c17 #sub ul.subnavi li ul li a.doc_c17,
.doc_c18 #sub ul.subnavi li ul li a.doc_c18,
.doc_c19 #sub ul.subnavi li ul li a.doc_c19,
.doc_c20 #sub ul.subnavi li ul li a.doc_c20,
.doc_c21 #sub ul.subnavi li ul li a.doc_c21,
.doc_c22 #sub ul.subnavi li ul li a.doc_c22,
.doc_c23 #sub ul.subnavi li ul li a.doc_c23,
.doc_c24 #sub ul.subnavi li ul li a.doc_c24,
.doc_c25 #sub ul.subnavi li ul li a.doc_c25,
.doc_c26 #sub ul.subnavi li ul li a.doc_c26,
.doc_c27 #sub ul.subnavi li ul li a.doc_c27,
.doc_c28 #sub ul.subnavi li ul li a.doc_c28,
.doc_e01 #sub ul.subnavi li ul li a.doc_e01,
.doc_e02 #sub ul.subnavi li ul li a.doc_e02,
.doc_e03 #sub ul.subnavi li ul li a.doc_e03,
.doc_e05 #sub ul.subnavi li ul li a.doc_e05{
	color: #FFF;
	background: #85B200 url(../img/icon_arrow_doc_sec.gif) 25px center no-repeat !important; /* _______________________________スマホ*/
}		
.pro_c01_01 #sub ul.subnavi li ul li a.pro_c01_01,
.pro_c02_01 #sub ul.subnavi li ul li a.pro_c02_01,
.pro_c02_02 #sub ul.subnavi li ul li a.pro_c02_02,
.pro_c02_03 #sub ul.subnavi li ul li a.pro_c02_03,
.pro_c02_04 #sub ul.subnavi li ul li a.pro_c02_04,
.pro_c02_05 #sub ul.subnavi li ul li a.pro_c02_05,
.pro_c02_06 #sub ul.subnavi li ul li a.pro_c02_06,
.pro_c02_07 #sub ul.subnavi li ul li a.pro_c02_07,
.pro_c02_08 #sub ul.subnavi li ul li a.pro_c02_08,
.pro_c02_09 #sub ul.subnavi li ul li a.pro_c02_09,
.pro_c02_10 #sub ul.subnavi li ul li a.pro_c02_10,
.pro_c02_11 #sub ul.subnavi li ul li a.pro_c02_11,
.pro_c02_12 #sub ul.subnavi li ul li a.pro_c02_12,
.pro_c02_13 #sub ul.subnavi li ul li a.pro_c02_13,
.pro_c03_01 #sub ul.subnavi li ul li a.pro_c03_01,
.pro_c03_02 #sub ul.subnavi li ul li a.pro_c03_02,
.pro_c03_03 #sub ul.subnavi li ul li a.pro_c03_03,
.pro_c03_04 #sub ul.subnavi li ul li a.pro_c03_04,
.pro_c03_05 #sub ul.subnavi li ul li a.pro_c03_05,
.pro_c03_06 #sub ul.subnavi li ul li a.pro_c03_06,
.pro_c03_07 #sub ul.subnavi li ul li a.pro_c03_07,
.pro_c03_08 #sub ul.subnavi li ul li a.pro_c03_08,
.pro_c03_09 #sub ul.subnavi li ul li a.pro_c03_09,
.pro_c03_10 #sub ul.subnavi li ul li a.pro_c03_10,
.pro_c03_11 #sub ul.subnavi li ul li a.pro_c03_11,
.pro_c03_12 #sub ul.subnavi li ul li a.pro_c03_12,
.pro_c03_13 #sub ul.subnavi li ul li a.pro_c03_13,
.pro_c03_14 #sub ul.subnavi li ul li a.pro_c03_14,
.pro_c03_15 #sub ul.subnavi li ul li a.pro_c03_15,
.pro_c03_16 #sub ul.subnavi li ul li a.pro_c03_16,
.pro_c03_17 #sub ul.subnavi li ul li a.pro_c03_17,
.pro_c03_18 #sub ul.subnavi li ul li a.pro_c03_18,
.pro_c03_19 #sub ul.subnavi li ul li a.pro_c03_19,
.pro_c03_20 #sub ul.subnavi li ul li a.pro_c03_20,
.pro_c03_21 #sub ul.subnavi li ul li a.pro_c03_21,
.pro_c03_22 #sub ul.subnavi li ul li a.pro_c03_22,
.pro_c03_23 #sub ul.subnavi li ul li a.pro_c03_23,
.pro_c03_24 #sub ul.subnavi li ul li a.pro_c03_24,
.pro_c03_25 #sub ul.subnavi li ul li a.pro_c03_25,
.pro_c03_26 #sub ul.subnavi li ul li a.pro_c03_26,
.pro_c04_01 #sub ul.subnavi li ul li a.pro_c04_01,
.pro_c04_02 #sub ul.subnavi li ul li a.pro_c04_02,
.pro_c04_03 #sub ul.subnavi li ul li a.pro_c04_03,
.pro_c04_04 #sub ul.subnavi li ul li a.pro_c04_04,
.pro_c04_05 #sub ul.subnavi li ul li a.pro_c04_05,
.pro_c04_06 #sub ul.subnavi li ul li a.pro_c04_06,
.pro_c04_07 #sub ul.subnavi li ul li a.pro_c04_07,
.pro_c04_08 #sub ul.subnavi li ul li a.pro_c04_08,
.pro_c04_09 #sub ul.subnavi li ul li a.pro_c04_09,
.pro_c04_10 #sub ul.subnavi li ul li a.pro_c04_10,
.pro_c04_11 #sub ul.subnavi li ul li a.pro_c04_11,
.pro_c04_12 #sub ul.subnavi li ul li a.pro_c04_12,
.pro_c04_13 #sub ul.subnavi li ul li a.pro_c04_13,
.pro_c04_14 #sub ul.subnavi li ul li a.pro_c04_14,
.pro_c04_15 #sub ul.subnavi li ul li a.pro_c04_15,
.pro_c04_16 #sub ul.subnavi li ul li a.pro_c04_16,
.pro_c04_17 #sub ul.subnavi li ul li a.pro_c04_17,
.pro_c04_18 #sub ul.subnavi li ul li a.pro_c04_18,
.pro_c04_19 #sub ul.subnavi li ul li a.pro_c04_19,
.pro_c04_20 #sub ul.subnavi li ul li a.pro_c04_20,
.pro_c04_21 #sub ul.subnavi li ul li a.pro_c04_21,
.pro_c04_22 #sub ul.subnavi li ul li a.pro_c04_22,
.pro_c04_23 #sub ul.subnavi li ul li a.pro_c04_23,
.pro_c04_24 #sub ul.subnavi li ul li a.pro_c04_24,
.pro_c04_25 #sub ul.subnavi li ul li a.pro_c04_25,
.pro_c04_26 #sub ul.subnavi li ul li a.pro_c04_26,
.pro_c04_27 #sub ul.subnavi li ul li a.pro_c04_27,
.pro_c04_28 #sub ul.subnavi li ul li a.pro_c04_28,
.pro_c04_29 #sub ul.subnavi li ul li a.pro_c04_29,
.pro_c04_30 #sub ul.subnavi li ul li a.pro_c04_30,
.pro_c04_31 #sub ul.subnavi li ul li a.pro_c04_31,
.pro_c04_32 #sub ul.subnavi li ul li a.pro_c04_32,
.pro_c04_33 #sub ul.subnavi li ul li a.pro_c04_33,
.pro_c04_34 #sub ul.subnavi li ul li a.pro_c04_34,
.pro_c04_35 #sub ul.subnavi li ul li a.pro_c04_35,
.pro_c04_36 #sub ul.subnavi li ul li a.pro_c04_36,
.pro_c04_37 #sub ul.subnavi li ul li a.pro_c04_37,
.pro_c04_38 #sub ul.subnavi li ul li a.pro_c04_38,
.pro_c04_39 #sub ul.subnavi li ul li a.pro_c04_39,
.pro_c04_40 #sub ul.subnavi li ul li a.pro_c04_40,
.pro_c04_41 #sub ul.subnavi li ul li a.pro_c04_41,
.pro_c04_42 #sub ul.subnavi li ul li a.pro_c04_42,
.pro_c04_43 #sub ul.subnavi li ul li a.pro_c04_43,
.pro_c04_44 #sub ul.subnavi li ul li a.pro_c04_44,
.pro_c04_45 #sub ul.subnavi li ul li a.pro_c04_45,
.pro_c04_46 #sub ul.subnavi li ul li a.pro_c04_46,
.pro_c04_47 #sub ul.subnavi li ul li a.pro_c04_47,
.pro_c04_48 #sub ul.subnavi li ul li a.pro_c04_48,
.pro_c04_49 #sub ul.subnavi li ul li a.pro_c04_49,
.pro_c04_50 #sub ul.subnavi li ul li a.pro_c04_50,
.pro_c05_01 #sub ul.subnavi li ul li a.pro_c05_01,
.pro_c05_02 #sub ul.subnavi li ul li a.pro_c05_02,
.pro_c05_03 #sub ul.subnavi li ul li a.pro_c05_03 {
	color: #FFF;
	background: #1079BA url(../img/icon_arrow_pro_sec.gif) 25px center no-repeat !important; /* _______________________________スマホ*/
}


/* 3階層目 */
#sub ul.subnavi li ul li ul li a {
	padding: 6px 8px 5px 47px;
	border: dashed 1px #DDD;
	border-width: 1px 0px 0px 0px;
}
#public #sub ul.subnavi li ul li ul li a,
#pro #sub ul.subnavi li ul li ul li a,
#doc #sub ul.subnavi li ul li ul li a { 
	background: #FFF url(../img/icon_arrow_sec.gif) 35px center no-repeat; /* _______________________________スマホ*/
}
#public #sub ul.subnavi li ul li ul li a:hover,
#pro #sub ul.subnavi li ul li ul li a:hover,
#doc #sub ul.subnavi li ul li ul li a:hover {
	background: #F5F5F5 url(../img/icon_arrow_sec.gif) 35px center no-repeat; /* _______________________________スマホ*/
}

.doc_y01 #sub ul.subnavi li ul li ul li a.doc_y01,
.doc_y02 #sub ul.subnavi li ul li ul li a.doc_y02,
.doc_y03 #sub ul.subnavi li ul li ul li a.doc_y03,
.doc_y04 #sub ul.subnavi li ul li ul li a.doc_y04,
.doc_y05 #sub ul.subnavi li ul li ul li a.doc_y05,
.doc_y06 #sub ul.subnavi li ul li ul li a.doc_y06,
.doc_y07 #sub ul.subnavi li ul li ul li a.doc_y07,
.doc_y08 #sub ul.subnavi li ul li ul li a.doc_y08,
.doc_y09 #sub ul.subnavi li ul li ul li a.doc_y09,
.doc_y10 #sub ul.subnavi li ul li ul li a.doc_y10,
.doc_y11 #sub ul.subnavi li ul li ul li a.doc_y11,
.doc_y12 #sub ul.subnavi li ul li ul li a.doc_y12,
.doc_y13 #sub ul.subnavi li ul li ul li a.doc_y13,
.doc_y14 #sub ul.subnavi li ul li ul li a.doc_y14,
.doc_y15 #sub ul.subnavi li ul li ul li a.doc_y15 {
	color: #FFF;
	background: #85B200 url(../img/icon_arrow_doc_sec.gif) 35px center no-repeat !important; /* _______________________________スマホ*/
}

/* ヨガサブメニュー */
#doc #sub ul.subnavi .doc_e03_y {
	display: none;
}
#doc.yoga #sub ul.subnavi .doc_e03_y {
	display: block;
}

/* コンテンツ下 サブナビゲーション
-------------------------------------------------------------------------------------------------------- */
/* コンテンツ下 サブナビ全体 */
ul.btm_subnavi_3c li,
ul.btm_subnavi_4c li{
    width: 100%;
    table-layout: fixed;
    display: table;
    box-sizing: border-box;
}
.btm_subnavi_cat ul,
.btm_subnavi_relation ul {
    width: 95%;
    margin: 0 auto;
}
#doc .btm_subnavi_cat .navi_arrow ul li a:visited, #doc .btm_subnavi_cat .navi_arrow ul li a:link {
    display: inline;
}
#doc .btm_subnavi_cat .navi_arrow ul li {
    height: 30px;
}

/* ページトップ
-------------------------------------------------------------------------------------------------------- */

/* PC用非表示
-------------------------------------- */
#pagetop {
	display: none; /* _______________________________スマホ*/
}
header_sp .min769,
.min769 {
    display: none;
}
.max768 {
    display: block;
}



/* スマホ用
-------------------------------------- */
#pagetop_sp {
	display: block;
	font-size: 4vw;
    margin-bottom: 70px;
}
#pagetop_sp a {
	display: block;
	background: #000000 url(../img/icon_pagetop.png) 33% 50% no-repeat;
	text-decoration: none;
	padding: 20px 0px 20px 0px;
	text-align: center;
}
#public #pagetop_sp a,
#pro #pagetop_sp a,
#utility #pagetop_sp a,
#doc #pagetop_sp a {
	color: #fff;
	text-decoration: none;
}



/* パンクズリスト
-------------------------------------------------------------------------------------------------------- */
#topicpath {
	margin: 0px 0px 20px 0px;
	padding: 0px 20px 0px 20px;
	font-size: 85%;
}
#topicpath span {
	color: #999;
}

#topicpath li {
	float: left;
	margin: 0px 10px 0px 0px;
}
#topicpath li.arrow {
	padding: 0px 15px 0px 0px;
	background: url(../img/icon_arrow_gray.gif) 100% 50% no-repeat;
}





/* フッター
-------------------------------------------------------------------------------------------------------- */
#footer {
	padding: 0px 20px 20px 20px; /* _______________________________スマホ*/
}
#footer .inner {
	padding: 20px 0px 0px 0px; /* _______________________________スマホ*/
	width: 100%; /* _______________________________スマホ*/
	margin: 0px; /* _______________________________スマホ*/
	color: #666666;
	text-align: left;
}

#footer .footerR {
	width: 100%; /* _______________________________スマホ*/
	float: none; /* _______________________________スマホ*/
	margin-bottom: 10px;
}
.mhlw_img {
	width: 15%;
	float: left;
}
.mhlw_img img {
	width: 100%;
	height: auto;
}
.mhlw_text {
	width: 80%;
	float: right;
	font-size: 77%;
	line-height: 150%;
}

#footer .footerL {
	width: 100%;
	float: none;
}

#footer .fn {
	font-size: 85%;
	margin: 0px 0px 10px 0px;
}
#footer .copyright {
	font-size: 77%;
}




/* フッター　ボトムナビゲーション
-------------------------------------------------------------------------------------------------------- */
.bottom-sticky-nav {
    height: 70px;
    position: fixed;
    display: block;
    background: #C3BAB0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
}
.bottom-sticky-nav.scrolling {
}
.bottom-sticky-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}
.bottom-sticky-nav ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.bottom-sticky-nav ul li {
    border-left: #ffffff 1px solid;
    border-right: #ffffff 1px solid;
}
#public .bottom-sticky-nav ul li a,
#pro .bottom-sticky-nav ul li a,
#doc .bottom-sticky-nav ul li a,
#utility .bottom-sticky-nav ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    padding: 11px 3px 10px 3px;
    color: #ffffff;
    text-decoration: none;
}
#doc .bottom-sticky-nav ul li.l1_btnnv a.li_oneline {
    padding-top: 12px;
}
#public .bottom-sticky-nav ul li a i:before,
#utility .bottom-sticky-nav ul li a i:before {
    padding-bottom: 2px;
    display: block;
}
#pro .bottom-sticky-nav ul li a i:before,
#doc .bottom-sticky-nav ul li a i:before {
    padding-bottom: 4px;
    display: block;
    font-size: 15px;
}
#public .bottom-sticky-nav ul li.l1_btnnv a,
#pro .bottom-sticky-nav ul li.l1_btnnv a,
#doc .bottom-sticky-nav ul li.l1_btnnv a,
#utility .bottom-sticky-nav ul li.l1_btnnv a {
    padding-top: 28px;
}
.bottom-sticky-nav ul li a:hover,
.bottom-sticky-nav ul li a:focus {
    text-decoration: none;
}
.bottom-sticky-nav ul li a.is-active {
    background: #00587a;
    color: #ffffff;
}
.bottom-sticky-nav ul li a i {
    font-size: 18px;
}
.bottom-sticky-nav ul li a span {
    font-size: 13px;
    line-height: 1.3;
}
#pro .bottom-sticky-nav ul li a span,
#doc .bottom-sticky-nav ul li a span {
    font-size: 10px;
    line-height: 1.3;
}
footer {
    margin-bottom: 50px;
}


/* SNSボタン
-------------------------------------- */	
.sns_button {
    position:fixed;
    top: auto;
    bottom: 90px;
    width: 150px;
    height: 40px;
    margin-left: 0px;
}
.sns_button img {
    float: left;
    margin-right: 10px;
    margin-bottom: 0px;
}
  
}