@charset "utf-8";
/* CSS Document */

/* font
=========================================== */
@font-face {/*NotoSansJP*/
  font-family: 'NotoSansJP';
  src: url('../fonts/font/NotoSansJP-Regular.ttf');
  src:
  url('../fonts/font/NotoSansJP-Regular.woff2') format('woff2'),
  url('../fonts/font/NotoSansJP-Regular.woff') format('woff'),
  url('../fonts/font/NotoSansJP-Regular.ttf') format('truetype');
	font-weight: 400;
}
@font-face {/*NotoSansJP Thin*/
  font-family: 'NotoSansJP';
  src: url('../fonts/font/NotoSansJP-Thin.ttf');
  src:
  url('../fonts/font/NotoSansJP-Thin.woff2') format('woff2'),
  url('../fonts/font/NotoSansJP-Thin.woff') format('woff'),
  url('../fonts/font/NotoSansJP-Thin.ttf') format('truetype');
	font-weight: 100;
}
@font-face {/*NotoSansJPミディアム*/
  font-family: 'NotoSansJP';
  src: url('../fonts/font/NotoSansJP-Medium.ttf');
  src:
  url('../fonts/font/NotoSansJP-Medium.woff2') format('woff2'),
  url('../fonts/font/NotoSansJP-Medium.woff') format('woff'),
  url('../fonts/font/NotoSansJP-Medium.ttf') format('truetype');
	font-weight: 500;
}
@font-face {/*NotoSansJPボールド*/
  font-family: 'NotoSansJP';
  src: url('../fonts/font/NotoSansJP-Bold.ttf');
  src:
  url('../fonts/font/NotoSansJP-Bold.woff2') format('woff2'),
  url('../fonts/font/NotoSansJP-Bold.woff') format('woff'),
  url('../fonts/font/NotoSansJP-Bold.ttf') format('truetype');
	font-weight: 700;
}
@font-face {/*NotoSansJPエクストラボールド*/
  font-family: 'NotoSansJP';
  src: url('../fonts/font/NotoSansJP-ExtraBold.ttf');
  src:
  url('../fonts/font/NotoSansJP-ExtraBold.woff2') format('woff2'),
  url('../fonts/font/NotoSansJP-ExtraBold.woff') format('woff'),
  url('../fonts/font/NotoSansJP-ExtraBold.ttf') format('truetype');
	font-weight: 800;
}
@font-face {/*NotoSansJPブラック*/
  font-family: 'NotoSansJP';
  src: url('../fonts/font/NotoSansJP-Black.ttf');
  src:
  url('../fonts/font/NotoSansJP-Black.woff2') format('woff2'),
  url('../fonts/font/NotoSansJP-Black.woff') format('woff'),
  url('../fonts/font/NotoSansJP-Black.ttf') format('truetype');
	font-weight: 900;
}
@font-face {/*LINE Seed JP Thin*/
  font-family: "LINE Seed JP_TTF Thin";
  src: url('../fonts/font/LINESeedJP_TTF_Th.ttf');
  src:
  url('../fonts/font/LINESeedJP_TTF_Th.woff2') format('woff2'),
  url('../fonts/font/LINESeedJP_TTF_Th.woff') format('woff'),
  url('../fonts/font/LINESeedJP_TTF_Th.ttf') format('truetype');
	font-weight: 100;
}
@font-face {/*LINE Seed JPボールド*/
  font-family: "LINE Seed JP_TTF Bold";
  src: url('../fonts/font/LINESeedJP_TTF_Bd.ttf');
  src:
  url('../fonts/font/LINESeedJP_TTF_Bd.woff2') format('woff2'),
  url('../fonts/font/LINESeedJP_TTF_Bd.woff') format('woff'),
  url('../fonts/font/LINESeedJP_TTF_Bd.ttf') format('truetype');
	font-weight: 700;
}
@font-face {/*LINE Seed JPエクストラボールド*/
  font-family: "LINE Seed JP_TTF ExtraBold";
  src: url('../fonts/font/LINESeedJP_TTF_Eb.ttf');
  src:
  url('../fonts/font/LINESeedJP_TTF_Eb.woff2') format('woff2'),
  url('../fonts/font/LINESeedJP_TTF_Eb.woff') format('woff'),
  url('../fonts/font/LINESeedJP_TTF_Eb.ttf') format('truetype');
	font-weight: 800;
}

/* Link
=========================================== */

a:link, a:visited {
	color: #000000;text-decoration: none;
}
a:hover, a:active {
	color: #000000;text-decoration: underline;
}
a {
	outline: none;transition: 0.3s;
}
a img {transition: 0.3s;}

:focus { outline: none;}

/* LAYOUT
=========================================== */
html.showPage,
html.showPage body{min-width: 1200px;margin: 0 auto;}

body {
	color: #000000;
	background: #FFFFFF;
	font-size:16px;
	line-height:1.5;
	font-family: YakuHanJP,'NotoSansJP',"メイリオ","Mayryo ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight: 400;
    font-style: normal;
	max-width:1920px;
	overflow: hidden;
	margin:0 auto;
}

h1,h2,h3,h4,h5,h6 {font-weight:800;}
body,li,th,td,p,dt,dd{}
body#tinymce{min-width:inherit!important;}

p {}
.wrap {width: 1100px;margin:0 auto;position:relative;}
table {width:100%;}
img {max-width:100%;height:auto;}

/*共通設定*/
.btn01 {width: 492px;height: 100px;margin: 40px auto 0;}
.btn01 a {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;padding: 30px 57px 30px 27px;box-sizing: border-box;position: relative;background: #E6FE52;border: 3px solid #16203E;border-radius: 50px;box-shadow: 0 10px 0 #16203E;top: 0;}
.btn01 a .btn-text {font-size: 22px;font-weight: 900;color: #16203E;}
.btn01 a .arrow {width: 37px;height: 37px;background: #16203E;border-radius: 50%;position: absolute;top: 50%;right: 18px;transform: translateY(-50%);}
.btn01 a .arrow::before {content: "";display: block;width: 10px;height: 16px;background: url("../img/common/btn_arrow.svg") no-repeat center;background-size: contain;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.btn01 a:hover {text-decoration: none;top: 10px;box-shadow: none;}

.btn01.contact_btn {width: 320px;}
.btn01.contact_btn a .icon {width: 40px;height: 40px;background: #16203E;border-radius: 50%;position: absolute;top: 50%;left: 17px;transform: translateY(-50%);}
.btn01.contact_btn a .icon::before {content: "";display: block;width: 16px;height: 16px;background: url("../img/common/icon_contact.svg") no-repeat center;background-size: contain;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.btn01.contact_btn a {padding: 20px 37px 25px 67px;}
.btn01.contact_btn a .btn-text {text-align: center;}
.btn01.contact_btn a .btn-text .mini {display: block;font-size: 12px;}

.top-title01 {color: #16203E;font-weight: 800;text-align: center;margin-bottom: 40px;}
.top-title01 .title {display: block;font-size:56px;line-height:1.45;}
.top-title01 .sub01 {display: inline-block;padding: 0 10px 24px 27px;box-sizing: border-box;font-size: 24px;line-height: 1.46;position: relative;margin-bottom: 6px;}
.top-title01 .sub01::before {content: "";display: block;width: 100%;height: 100%;background: url("../img/common/title_sub.svg") no-repeat left bottom;background-size: cover;position: absolute;bottom: 0;left: 0;}
.top-title01 .sub02 {display: block;}
.top-title01 .sub02 span {display: inline-block;font-size: 20px;line-height: 1.4;padding-bottom: 8px;margin-bottom: 20px;position: relative;}
.top-title01 .sub02 span::before {content: "";display: block;width: 100%;height: 2px;background: #F7658A;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}

.top-title01.shiro .sub01::before {background: url("../img/common/title_sub_shiro.svg") no-repeat left bottom;background-size: cover;}

.title02 {font-size: 46px;font-weight: 800;line-height: 1.43;color: #16203E;text-align: center;margin-bottom: 40px;}

.tel_box {display: inline-block;padding-left: 44px;box-sizing: border-box;position: relative;}
.tel_box::before {content: "";display: block;width: 36px;height: 36px;background: url("../img/common/icon_tel.svg") no-repeat center, #16203E;background-size: 16px;border-radius: 50%;position: absolute;top: 6px;left: 0;}
.tel_box .tel {}
.tel_box .tel .num {font-size: 20px;line-height: 1.6;}
.tel_box .tel-text {font-size: 11px;line-height: 1.6;margin-top: -6px;}

.common_text-bg {display: inline;background: #16203E;padding: 0 5px 3px;border-radius: 4px;color: #fff;line-height: 1;-webkit-box-decoration-break: clone;box-decoration-break: clone;}
.common_text-bg02 {display: inline-block;padding: 2px 8px 4px;box-sizing: border-box;background: #16203E;border-radius: 4px;color: #fff;margin-bottom: 4px;}
.common_text-bg02:last-child {margin-bottom: 0;}

.sns-icon-list {display: inline-flex;align-items: center;}
.sns-icon-list .icon {width: 30px;margin-right: 16px;}
.sns-icon-list .icon:last-child {margin-right: 0;}
.sns-icon-list .icon a {display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: contain;}
.sns-icon-list .icon a:hover {text-decoration: none;opacity: 0.7;}
.sns-icon-list .icon.icon-fa {height: 30px;}
.sns-icon-list .icon.icon-fa a {background-image: url("../img/common/icon_fa.png");}
.sns-icon-list .icon.icon-yt {height: 23px;}
.sns-icon-list .icon.icon-yt a {background-image: url("../img/common/icon_yt.png");}

.under-cont > section {padding: 100px 0;border-bottom: 2px solid #16203E;}
.under-cont > section::first-child {padding-top: 96px;}

section.bg-gray {background: #EFEFEF;}
section.bg-yellow {background: #FFEEBA;}

.box-shadow {background: #FFFFFF;border: 3px solid #16203E;box-shadow: 0 4px 0 #16203E;border-radius: 10px;}

/*ウェブフォント*/
.thin{font-weight: 100;}
.normal{font-weight: 400;}
.medium {font-weight: 500;}
.bold{font-weight: 700;}
.eBold{font-weight: 800;}
.black{font-weight: 900;}

.common_text {line-height: 1.625;}

.tcenter {text-align: center;}
.tleft {text-align: left;}
.tright {text-align: right;}

.uLine {text-decoration: underline;}

.lineSeed_Th {font-family: "LINE Seed JP_TTF Thin";font-weight: 100;}
.lineSeed_Bd {font-family: "LINE Seed JP_TTF Bold";font-weight: 700;}
.lineSeed_Eb {font-family: "LINE Seed JP_TTF ExtraBold";font-weight: 800;}

.tate {writing-mode: vertical-rl;white-space: pre;letter-spacing: -0.3em;}
.safari .tate {letter-spacing: 0.1em;}
@-moz-document url-prefix(){
    .tate {letter-spacing: 0.1em;}
}

/*色*/
.shiro {color:#fff;}
.kon {color: #16203E;}
.yellow01 {color: #E6FE52;}
.yellow02 {color: #E5FE52;}
.pink {color: #F7658A;}

.flex{width: 100%;
    margin: 0 ;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* header */
/*-------------------------------------------*/
#header {width:100%;height: 70px;min-width:1100px;max-width: 1920px;position:fixed;transition: 0.3s;left:0;right: 0;top:0;margin: auto;z-index: 100;}
.fixed #header {background: #fff;}
#header .header_inner {height: 100%;justify-content: space-between;align-items: flex-start;flex-wrap: nowrap;}
#header .header_inner .logo_box {width: 230px;position: relative;z-index: 1;}
#header .header_inner .logo {width: 100%;}
#header .header_inner .logo a {display: block;width: 100%;height: 90px;background: #FFFFFF;border-bottom-right-radius: 10px;position: relative;}
#header .header_inner .logo a img {display: block;width: 168px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#header .header_inner .logo a:hover {text-decoration: none;opacity: 0.7;}

#header .header_inner .right {width: calc(100% - 230px);height: 100%;justify-content: flex-end;align-items: flex-start;}
#header .header_inner .right .right_top {width: 470px;height: 60px;justify-content: space-between;margin-left: 18px;}
#header .header_inner .right .right_top .tel_box {margin-top: 9px;}
#header .header_inner .right .right_top .tel_box .tel-text {margin-top: 0;}
#header .header_inner .right .right_top .btn01.contact_btn {width: 240px;height: 100%;margin: 0;}
#header .header_inner .right .right_top .btn01.contact_btn a {padding: 11px 20px 12px 70px;background: #16203E;border: none;border-radius: 0 0 0 10px;box-shadow: none;}
#header .header_inner .right .right_top .btn01.contact_btn a .icon {width: 36px;height: 36px;background: #E6FE52;left: 22px;}
#header .header_inner .right .right_top .btn01.contact_btn a .icon::before {background: url("../img/common/icon_contact02.svg") no-repeat center;background-size: contain;}
#header .header_inner .right .right_top .btn01.contact_btn a .btn-text {font-size: 16px;text-align: left;color:#fff;}
#header .header_inner .right .right_top .btn01.contact_btn a .btn-text .mini {display: block;font-size: 11px;margin-bottom: -3px;}
#header .header_inner .right .right_top .btn01.contact_btn a:hover {top: 0;opacity: 0.7;}

/*gnav*/
.gnav {width: 880px;height: 60px;padding: 22px 36px 20px;box-sizing: border-box;background: rgba(255, 255, 255, 0.5);border-radius: 100px;margin-top: 5px;}
.gnav > ul.flex {width:auto;height: 100%;flex-wrap: nowrap;}
.gnav > ul > li {margin-right: 30px;}
.gnav > ul > li:last-child {margin-right: 0;}
.gnav > ul > li > a {display: flex;flex-wrap: nowrap;height: 100%;justify-content: center;width: auto;max-width: 100%;}
.gnav > ul > li > a > span {font-size: 15px;line-height: 19px;font-weight: 700;transition: 0.3s;white-space: nowrap;}
.gnav > ul > li > a:hover {text-decoration: none;opacity: 0.7;}

/* CTA */
#fixed-box {width: 327px;display: flex;position: fixed;bottom: 20px;right: -327px;z-index: 10;transition: 0.3s;}
.fixed #fixed-box {right: 10px;}
.fixed #fixed-box .close-btn {height: 93px;}
.fixed #fixed-box .close-btn span {color: #FFFFFF;}
.fixed #fixed-box .close-btn span::before {opacity: 0;}
.fixed #fixed-box.is-closed {right: -307px;}
#fixed-box .close-btn {width: 20px;background: #16203E;border-radius: 10px 0 0 10px;cursor: pointer;position: relative;transition: 0.3s;}
#fixed-box .close-btn span {font-size: 11px;line-height: 20px;text-align: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);transition: 0.3s;writing-mode: vertical-rl;white-space: pre;letter-spacing: -0.3em;margin-left: 1px;}
#fixed-box .close-btn span::before {content:"";width: 16px;height: 10px;background:url("../img/common/fixed_arrow.svg") no-repeat center;background-size: contain;position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(-90deg);transition: 0.3s;}
#fixed-box.is-closed .close-btn {height: auto;}
#fixed-box.is-closed .close-btn span {color: transparent;}
#fixed-box.is-closed .close-btn span::before {opacity: 1;}
#fixed-box .close-btn:hover {opacity: 0.7;}

#fixed-box .box_in {width: 307px;padding: 19px;box-sizing: border-box;background: #FFFFFF;border: 3px solid #16203E;border-radius: 0 10px 10px 10px; position: relative;}
#fixed-box .box_in .midashi {width: 140px;margin-bottom: 2px;font-size: 14px;line-height: 1.57;}
#fixed-box .box_in .midashi em {display: block;font-size: 26px;margin-top: -3px;}
#fixed-box .box_in .sub_text {font-size: 14px;line-height: 1.57;}
#fixed-box .box_in .btn01.contact_btn {width: 240px;height: 60px;margin: 14px 0 0;}
#fixed-box .box_in .btn01.contact_btn a {padding: 15px 35px 16px 53px;border: 2px solid #16203E;box-shadow: 0 4px 0 #16203E;}
#fixed-box .box_in .btn01.contact_btn a .icon {width: 30px;height: 30px;left: 13px;}
#fixed-box .box_in .btn01.contact_btn a .icon::before {width: 14px;height: 14px;}
#fixed-box .box_in .btn01.contact_btn a .btn-text {font-size: 16px;text-align: left;}
#fixed-box .box_in .btn01.contact_btn a:hover {top: 4px;box-shadow: none;}
#fixed-box .box_in .img {width:169px;position: absolute;bottom: 0;right: 0;}

/* main */
/*-------------------------------------------*/
#main.home_main {width: 100%; height: 830px;padding-top: 155px;box-sizing: border-box;background: url("../img/main/main_bg.jpg") no-repeat center;background-size: cover;position: relative;}
#main.home_main .text_box {width: 610px;text-align: center;margin: 0 auto;}
#main.home_main .text_box .main_title {font-size: 40px;line-height: 1.6;}
#main.home_main .text_box .main_title em {display: block;font-size: 84px;}
#main.home_main .text_box .main_title em .dots {background-image: radial-gradient(circle at center, #16203E 12%, transparent 13%);background-position: top right;background-repeat: repeat-x;background-size: 1em 0.3em;padding-top: 5px;}
#main.home_main .text_box .main_title em .mini {font-size: 84px;}
#main.home_main .text_box .btn01.contact_btn {margin-top: 20px;}
#main.home_main .text_box .text {margin-top: 60px;}
#main.home_main .text_box .text p {font-size: 18px;line-height: 1.63;margin-bottom: 29px;}
#main.home_main .text_box .text p .mini {font-size: 12px;}
#main.home_main .text_box .text p:last-child {margin-bottom: 0;}
#main.home_main .main_img.main_img_left {width: 435px;position: absolute;top: 0;left: -204px;}
#main.home_main .main_img.main_img_right {width: 519px;position: absolute;top: 8px;right: -317px;}

/* 下層 main */
/*-------------------------------------------*/
#main.kasou {width: 100%;height: 312px;padding-top: 141px;box-sizing: border-box;background: url("../img/main/main_kasou.jpg") no-repeat center;background-size: cover;border-bottom: 2px solid #16203E;}
#main.kasou h1 {font-size: 36px;line-height: 2.4;text-align: center;color: #16203E;}

/*パンくず*/
div#bread {width: 100%;padding-top: 8px;}
ul.bread-list {font-size:13px;justify-content: flex-start;}
ul.bread-list li {line-height: 16px;}
ul.bread-list li a {text-decoration:none;line-height: 16px;}
ul.bread-list li a:hover {text-decoration:underline;}
ul.bread-list li::after{content:"＞";margin: 0 8px;}
ul.bread-list li:last-child::after{display: none;}

/* TOPへ戻る・追従 */
/*-------------------------------------------*/
#fixed_trigger {position: absolute;left: 0;top:116px;z-index: -100;}

/* footer */
/*-------------------------------------------*/
#trial-sec {padding: 100px 0;background: #FFDDE2;}
#trial-sec .wrap {text-align: center;z-index: 1;}
#trial-sec .wrap::before {content: "";display: block;width: 905px;height: 533px;background: url("../img/common/trial_img_bg.png") no-repeat center bottom;background-size: contain;position: absolute;bottom: -100px;left: -130px;z-index: -1;}
#trial-sec .title {font-size: 40px;line-height: 1.6;margin-bottom: 20px;}
#trial-sec .title em {display: block;font-size: 90px;line-height: 1.6;margin-top: -20px;padding-left: 15px;box-sizing: border-box;}
#trial-sec .title + p.common_text {font-size: 18px;line-height: 2;}
#trial-sec .tel_box {margin-top: 25px;}
#trial-sec .img01 {width: 420px;position: absolute;bottom: -101px;right: -147px;}
#trial-sec .img02 {width: 277px;position: absolute;bottom: -38px;left: 46px;}

#access-sec {padding: 100px 0;background: url("../img/common/access_bg.jpg") no-repeat center;background-size: cover;}
#access-sec .top-title01 {margin-bottom: 60px;}
#access-sec .cnt {justify-content: space-between;align-items: flex-start;}
#access-sec .cnt .access-table {width: 600px;}
#access-sec .cnt .access-table tr {background-image: repeating-linear-gradient(90deg, #ffffff, #ffffff 3px, transparent 3px, transparent 10px);background-position: left bottom;background-repeat: repeat-x;background-size: 100% 2px;}
#access-sec .cnt .access-table tr th, #access-sec .cnt .access-table tr td {padding: 20px 0;box-sizing: border-box;}
#access-sec .cnt .access-table tr th {width: 120px;padding-left: 20px;}
#access-sec .cnt .access-table tr:first-child th, #access-sec .cnt .access-table tr:first-child td {padding-top: 0;}
#access-sec .cnt .img_box {width: 440px;}
#access-sec .btn01 {margin-top: 60px;}

#map-sec {width: 100%;height: 460px;position: relative;}
#map-sec iframe {width: 100%;height: 460px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

#footer {padding: 80px 0 50px;}
#footer .alert_box {padding: 48px 38px 38px;box-sizing: border-box;background: #FFF3F5;border: 2px solid #F7658A;border-radius: 10px;position: relative;}
#footer .alert_box .midashi {display: inline-block;padding: 12px 30px 12px 66px;box-sizing: border-box;background: #F7658A;border-radius: 100px;font-size: 20px;line-height: 1.45;white-space: nowrap;position: absolute;top: -26px;left: 50%;transform: translateX(-50%);}
#footer .alert_box .midashi::before {content: "";display: block;width: 30px;height: 27px;background: url("../img/common/icon_alert.png") no-repeat center;background-size: contain;position: absolute;top: 50%;left: 30px;transform: translateY(-50%);}
#footer .alert_box .ex-link {display: inline-block;padding-right: 23px;box-sizing: border-box;color: #F7658A;margin-top: 14px;position: relative;}
#footer .alert_box .ex-link::after {content: "";display: block;width: 16px;height: 16px;background: url("../img/common/icon_link.svg") no-repeat center;background-size: contain;position: absolute;top: 3px;right: 0;}

#footer .footer_box {justify-content: space-between;flex-wrap: nowrap;margin-top: 60px;}
#footer .footer_box .logo {display: flex;align-items: flex-start;justify-content: space-between;width: 480px;}
#footer .footer_box .logo a {display: block;width: 168px;}
#footer .footer_box .logo .logo-text {font-size: 11px;margin-top: 15px;font-weight: 400;}
#footer .footer_box .logo a:hover {text-decoration: none;opacity: 0.7;}

#footer .footer_box .right {width: calc(100% - 480px);justify-content: flex-end;align-items: center;}
#footer .footer_box .right .fax-num {font-size: 12px;line-height: 1.6;margin-left: 10px;}
#footer .footer_box .right .sns-icon-list {width: auto;margin-left: 40px;}

#footer .navs-list {margin-top: 60px;}
.navs-list > ul.navs-list00 {display:flex;justify-content: center;width: 100%;}
.navs-list > ul.navs-list00 > li {font-size: 15px;line-height: 1.4;font-weight: 500;margin-right: 40px;}
.navs-list > ul.navs-list00 > li:last-child {margin-right:0;}

#footer .bottom_box {align-items: flex-end;justify-content: space-between;padding-top: 40px;position: relative;margin-top: 60px;}
#footer .bottom_box::before {content: "";display: block;width: 100vw;height: 2px;background: #16203E;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
#footer .bottom_box .left {width: 705px;justify-content: space-between;align-items: flex-start;}
#footer .bottom_box .left .designation_box {width: 356px;}
#footer .bottom_box .left .designation_box div.flex {justify-content: space-between;align-items: flex-start;}
#footer .bottom_box .left .designation_box div.flex img {width: 172px;}
#footer .bottom_box .left .designation_box p {font-size: 11px;margin-top: 10px;}
#footer .bottom_box .left .system_box {width: 310px;margin-top: 11px;}
#footer .bottom_box .left .system_box a {display: block;width: 100%;}
#footer .bottom_box .left .system_box a .sub {font-size: 12px;line-height: 1.6;margin-bottom: -4px;}
#footer .bottom_box .left .system_box a .title {font-size: 16px;line-height: 49px;}
#footer .bottom_box .left .system_box a .title em {display: inline-block;font-size: 30px;margin-right: 5px;}
#footer .bottom_box .left .system_box a:hover {text-decoration: none;opacity: 0.7;}

#footer .bottom_box .right {width: 220px;text-align: right;}
#footer .bottom_box .right .link_list {width: auto;}
#footer .bottom_box .right .link_list li {font-size: 12px;line-height: 1.42;margin-right: 14px;}
#footer .bottom_box .right .link_list li:last-child {margin-right: 0;}
#footer .bottom_box .right .copyright {font-size: 11px;line-height: 1.45;margin-top: 20px;}

/* wideWrap
=========================================== */
section{width:100%;}

aside,footer{position:relative;}

/* CLEARFIX
=========================================== */

.cf:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	overflow: hidden;
	font-size: 0.1em;
	line-height: 0;
}
.cf {
	min-height: 1px;
}
* html .cf {
	height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.no-pc{display: inline-block;pointer-events: none;text-decoration: none!important;}

.sp{display:none!important;}
.view_pc { display: inline; }
.view_sp { display: none; }