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

* {
	margin: 0px;
	padding: 0px;
}
html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
html {
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
}
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
ul li {
	list-style: none;
}
body {
	font-family : 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', Yu Gothic Medium, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', HiraKakuProN-W3, 'TakaoExゴシック', TakaoExGothic, 'MotoyaLCedar', 'Droid Sans Japanese', sans-serif;
	color: #414141;
	font-size: 17px;
	line-height: 1.6;
	text-size-adjust: 100%;
	-webkit-print-color-adjust: exact;
	-webkit-font-smoothing: antialiased;
	font-feature-settings : "palt";
}
/*common
---------------------------------------------*/
/*link*/
a {
	color: #414141;
	outline: none !important;
	text-decoration: none;
}
a:hover, a:hover span {
	color: #166a6a;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.linkline {
	text-decoration: underline;
}
/*img*/
img {
	height: auto;
	max-width: 100%;
}
.sp_img, .sp_img_2 {
	display: none !important;
}
.tab_img {
	display: none !important;
}
* html img {
	display: block;
	width: auto !important;
	max-width: none;
}
.i_left {
	float: left;
	margin: 0 20px 5px 0;
}
.i_right {
	float: right;
	margin: 0 0 5px 20px;
}
.i_center {
	text-align: center;
	margin: 10px auto;
}
.clear {
	clear: both;
}
/*font-size*/
.fs75 {
	font-size: 75% !important;
}
.fs80 {
	font-size: 80% !important;
}
.fs85 {
	font-size: 85% !important;
}
.fs90 {
	font-size: 90% !important;
}
.fs95 {
	font-size: 95% !important;
}
.fs110 {
	font-size: 110% !important;
}
.fs120 {
	font-size: 120% !important;
}
.fs130 {
	font-size: 130% !important;
}
.fs200 {
	font-size: 200% !important;
}
.fs10px {
	font-size: 10px !important;
}
.fs20px {
	font-size: 20px !important;
}
.fs30px {
	font-size: 30px !important;
}
.fs40px {
	font-size: 40px !important;
}
.fs50px {
	font-size: 50px !important;
}
/*margin*/
.mt0 {
	margin-top: 0 !important;
}
.mt05 {
	margin-top: 0.5em !important;
}
.mt1 {
	margin-top: 1em !important;
}
.mt2 {
	margin-top: 2em !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt3 {
	margin-top: 3em !important;
}
.mt4 {
	margin-top: 4em !important;
}
.mt03 {
	margin-top: 3px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.mb0 {
	margin-bottom: 0 !important;
}
.mb1 {
	margin-bottom: 1em !important;
}
.mb2 {
	margin-bottom: 2em !important;
}
.ml0 {
	margin-left: 0 !important;
}
.ml1 {
	margin-left: 1em !important;
}
.ml2 {
	margin-left: 2em !important;
}
.mlr1 {
	margin-left: 1em !important;
	margin-right: 1em !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mrlauto {
	margin-left: auto;
	margin-right: auto;
}
/*padding*/
.plr25 {
	padding-left: 25px;
	padding-right: 25px;
}
.plr10 {
	padding-left: 10px;
	padding-right: 10px;
}
.pr1 {
	padding-right: 1em !important;
}
.ptb20 {
	padding-top: 20px;
	padding-bottom: 20px;
}
/*border*/
.bdrtb3 {
	border-top: 3px solid #f3f3f3;
	border-bottom: 3px solid #f3f3f3;
	padding: 15px 0;
}
.bdr1 {
	border: 1px solid #B2B2B2;
	padding: 15px;
}
.bnone {
	border: none !important;
}
/*text-align*/
.t_center {
	text-align: center !important;
}
.t_left {
	text-align: left !important;
}
.t_right {
	text-align: right !important;
}
/*btn*/
.btn_r {
	text-align: right;
	margin: 10px 0 15px 0;
}
.bdr .btn_r {
	text-align: right;
	margin: 10px 0 0 0;
}
/*強調*/
.strong {
	font-weight: 600 !important;
}
.bold {
	font-weight: bold !important;
}
/*indent*/
.ind1 {
	margin-left: 1em;
	text-indent: -1em;
	padding-left: 5px;
}
/*color*/
.org {
	color: #F26337;
}
.wht {
	color: #fff;
}
.red {
	color: #FA271D;
}
.blue {
	color: #50a2cf;
}
.brown {
	color: #663500;
}
.gray {
	color: #8c8c8c;
}
.crlpink {
	color: #FF6161;
}
.pink {
	color: #ff5bb2;
}
.green {
	color: #25a427;
}
.bg_red {
	background: #FA271D;
}
.bg_crlpink {
	background: #FF6161;
}
.bg_blue {
	background: #4496e5;
}
.bg_purple {
	background: #663898;
}
.new {
	background: #D0AF2D;
	color: #FFFFFF;
}
.small {
	padding: 0;
	font-size: 80%;
}
.marker {
	background: linear-gradient(transparent 70%, #ffeeee 30%);
	color: #ff1616;
}
.clear {
	clear: both !important;
}
.disc li {
	list-style: disc !important;
}
.lh0 {
	line-height: 0 !important;
}
.lh14 {
	line-height: 1.4 !important;
}
.clearn {
	clear: none !important;
}
.wauto {
	width: auto !important;
}
.w98p {
	width: 98% !important;
}
.w25p {
	width: 25% !important;
}
.w20p {
	width: 20% !important;
}
.w50p {
	width: 50% !important;
}
.w60p {
	width: 60% !important;
}
.w2em {
	width: 2em !important;
}
.w100 {
	width: 100px !important;
}
/*icon*/
.icon {
	margin: 0 5px 0 0;
	vertical-align: middle;
}
/*boxsizing*/
.boxs, .boxs * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/*img*/
.img_def {
	text-align: center;
	margin: 20px 10px;
}
.img_600 img {
	width: 600px;
}
/*縦書き*/
.text_vertically {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.hidden {
	display: none;
}
/*tgl_box
---------------------------------------------*/
.tgl_box {
	display: none;
}
/*common
---------------------------------------------*/
.cont_width {
	/*width:1000px;*/
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}
/*header
---------------------------------------------*/
header {
	position: relative;
	padding: 10px 0;
	background: #0066b3;
	width: 100%;
}
.hdr_tit_box {
	line-height: 1;
	display: inline-block;
	vertical-align: top;
}
/*.hdr_tit_box a {
	display: block;
	width: 296px;
	height: 62px;
	text-indent: -9999em;
	background: url(/media/images/e_catv/img/ecatv1.png) no-repeat 0 0;
}
.hdr_tit_box a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	background: url(/media/images/e_catv/img/ecatv3.png) no-repeat 0 0;
}
.hdr_tit_box a:active {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	background: url(/media/images/e_catv/img/ecatv2.png) no-repeat 0 0;
}*/
/*hdr_nav_box*/
.hdr_nav_box {
	display: inline-block;
	color: #fff;
	vertical-align: top;
}
/*main-nav*/
.mainnav__item {
	display: inline-block;
	vertical-align: top;
	/*padding: 0 6px;*/
	position: relative;
}
.mainnav__item:hover {
	cursor: pointer;
	/*background:#0f4d82;*/
	opacity: .8;
}
.mainnav__item--search img {
	width: 32px;
}
.hdr_tit_box {
	vertical-align: bottom;
}
.mainnav_box {
	margin: 0;
}
.mainnav__item {
	display: inline-block;
	vertical-align: bottom;
	position: relative;
	font-size: 0;
}
/*sub-nav*/
.subnav_box {
	background: #4496e5;
	position: absolute;
	top: 35px;
	left: -60px;
	white-space: nowrap;
	z-index: 100;
	font-size: 90%;
}
.subnav_box--right {
	left: inherit;
	right: -20px;
}
.subnav__item {
	text-align: left;
}
.subnav__item a {
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 3px 10px;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
.subnav__item a:hover {
	text-decoration: none;
	background: #0f4d82;
}
.subnav_col2 {
	width: 660px;
}
.subnav_col2 .subnav__item {
	width: 50%;
	float: left;
}
/*SP用メニュー*/
.fat-nav {
	background: #fff;
}
.fat-nav li, .fat-nav li a {
	color: #414141;
}
.fat-nav ul {
	display: block;
}
.fat-nav__wrapper {
	display: block;
	table-layout: inherit;
	transform: none !important;
}
.mainnav_sp__item {
	font-size: 20px !important;
}
.mainnav_sp_box {
	padding: 80px 0 !important;
}
.mainnav_sp__item::before {
	content: "＋";
	display: inline-block;
	margin-right: 1em;
}
.mainnav_sp__item.is-open::before {
	content: "－";
	display: inline-block;
	margin-right: 1em;
}
.subnav_sp__item {
	font-size: 16px !important;
}
/*.hamburger */
.hamburger__icon, .hamburger__icon:after, .hamburger__icon:before {
	background: #fff;
}
/*active*/
.hamburger {
	display: inline-block;
	background-color: rgba(255, 255, 255, 0);
	border-radius: 0;
	padding: 0;
}
.hamburger:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
.hamburger.active .hamburger__icon:after, .hamburger.active .hamburger__icon:before {
	background: #fff;
}
.hamburger__icon {
	margin-top: 11px;
}
.subnav_sp_box.hidden {
	display: none;
}
/*section
---------------------------------------------*/
.section_box {
	overflow: hidden;
	padding: 20px 0 50px 0;
}
.main_col2_box {
	width: 650px;
	float: left;
}
.aside_col2_box {
	width: 320px;
	float: right;
}
/*pagetop
---------------------------------------------*/
.pagetop {
	bottom: 20px;
	display: block;
	position: fixed;
	right: 20px;
	z-index: 100;
}
/*footer
---------------------------------------------*/
footer {
	/*padding:30px 0 80px 0;*/
	padding: 15px 0;
	background: #2f2e2e;
	color: #fff;
	font-size: 90%;
}
footer a {
	color: #fff;
}
.ftr_box {
	overflow: hidden;
}
.ftr_col1_box {
	width: 260px;
	text-align: center;
	float: left;
	/*margin-right:20px;*/
	padding-left: 10px;
}
.ftr_col2_box {
	margin-left: 300px;
	font-size: 80%;
}
.ftr_logo_box img {
	width: 256px;
}
.ftr_copy {
	text-align: right;
	font-size: 80%;
	clear: both;
}
/*パンクズ
---------------------------------------------*/
.pan_box {
	font-size: 12px;
	text-align: right;
	margin-bottom: 50px;
}
.pan_box li {
	display: inline-block;
}
.pan_box li a::after {
	content: "＞";
	padding: 0 0 0 10px;
}
.pan_box li a {
	text-decoration: none;
	color: #1E1E1E;
}
/*sp footer 検索
---------------------------------------------*/
/*.site_search_box {
	text-align: center;
	margin: 15px 0;
}
.site_search_input {
	font-size: 16px;
	border: 1px solid #ccc;
	width: 200px;
	padding: 5px 5px 5px 10px;
	border-radius: 15px 0 0 15px;
	outline: 0;
}
.site_search_submit {
	font-size: 14px;
	border: 1px solid #0066b3;
	padding: 6px 20px 6px 15px;
	border-radius: 0 15px 15px 0;
	outline: 0;
	vertical-align: top;
	background: #0066b3;
	color: #fff;
}
.site_search_submit:hover {
	cursor: pointer;
}*/


/*リニューアル追加変更　20190730*/
#global_nav.m_fixed {
	background-color: rgba(255, 255, 255, 0);
}
#global_nav.m_fixed .hdr_tit_box, #global_nav.m_fixed .mainnav__item.icon__customer, #global_nav.m_fixed .mainnav__item.icon__customer2, #global_nav.m_fixed .mainnav__item.icon__shop, #global_nav.m_fixed .mainnav__item.icon__mypage, #global_nav.m_fixed .mainnav__item.icon__mail, #global_nav.m_fixed .mainnav__item.icon__program, #global_nav.m_fixed .mainnav__item.icon__company, #global_nav.m_fixed .mainnav__item.icon__contact {
	display: none;
}
#global_nav.m_fixed .hamburger {
	background: rgba(61, 155, 232, 1);
	position: fixed;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	padding: 23px 0 0 0;
	left: inherit;
	right: 10px;
	top: 13px;
}
#global_nav.m_fixed .hamburger.active {
	padding: 26px 0 0 0;
}
#global_nav.m_fixed .hamburger:after {
	content: '';
}
.fs0 {
	font-size: 0!important;
}
.hdr_tit_box {
		width: 31%;
}
.hdr_nav_box {
	width: 69%;
}
.hdr_tit_box a {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 20.945%;
	text-indent: -9999em;
	background: url(/media/images/e_catv/img/ecatv1.png) no-repeat 0 0;
	background-size: cover;
}
.hdr_tit_box a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	background: url(/media/images/e_catv/img/ecatv3.png) no-repeat 0 0;
	background-size: cover;
}
.hdr_tit_box a:active {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	background: url(/media/images/e_catv/img/ecatv2.png) no-repeat 0 0;
	background-size: cover;
}
.hdr_nav_box {
	font-size: 0;
}
.mainnav__item a {
	color: #fff;
}
.mainnav__item {
	display: inline-block;
	vertical-align: text-bottom;
	width: 10%;
	position: relative;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	line-height: 1.1;
}
.mainnav__item.icon__mail {
	width: 12%;
	letter-spacing: -.25px;
}
.mainnav__item.icon__mypage {
	width: 10%;
	letter-spacing: -0.5px;
}
.mainnav__item:hover {
	cursor: pointer;
}
.mainnav__item a::before {
	content: '';
	display: block;
	width: 38px;
	height: 38px;
	margin: 0 auto;
	vertical-align: middle;
}
.mainnav__item.icon__customer a::before {
	padding-bottom: 3px;
	background: url(/media/images/e_catv/img/icon_customer.png) no-repeat;
	background-size: contain;
}
.mainnav__item.icon__customer2 a::before {
	background: url(/media/images/e_catv/img/icon_customer2.png) no-repeat;
	background-size: contain;
}
.mainnav__item.icon__shop a::before {
	padding-bottom: 12px;
	background: url(/media/images/e_catv/img/icon_shop.png) no-repeat;
	background-size: contain;
}
.mainnav__item.icon__mypage a::before {
	padding-bottom: 12px;
	background: url(/media/images/e_catv/img/icon_mypage.png) no-repeat;
	background-size: contain;
}
.mainnav__item.icon__mail a::before {
	padding-bottom: 12px;
	background: url(/media/images/e_catv/img/icon_mail.png) no-repeat;
	background-size: contain;
}
.mainnav__item.icon__program a::before {
	padding-bottom: 12px;
	background: url(/media/images/e_catv/img/icon_program.png) no-repeat;
	background-size: contain;
}
.mainnav__item.icon__company a::before {
	padding-bottom: 12px;
	background: url(/media/images/e_catv/img/icon_company.png) no-repeat;
	background-size: contain;
}
.mainnav__item.icon__contact a::before {
	background: url(/media/images/e_catv/img/icon_inquiry.png) no-repeat;
	background-size: contain;
	padding-bottom: 12px;
}
.mainnav__item.icon__search a::before {
	background: url(/media/images/e_catv/img/icon_search.png) no-repeat;
	background-size: contain;
	padding-bottom: 11px;
}
.mainnav__item.icon__contact {
	width: 13%;
	letter-spacing: -1px;
}
.mainnav__item.icon__search {
	width: 6%;
}
.mainnav_sp__item.arrow_icon__next {
	position: relative;
}
.mainnav_sp__item.arrow_icon__next::before {
	position: absolute;
	top: 1.25em;
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	border-top: solid 1px #414141;
	border-right: solid 1px #414141;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.mainnav_sp__item.arrow_icon__next a {
	margin-left: 1.25em;
}
.hamburger {
	position: relative;
	width: 9%;
	padding: .85% 0;
	vertical-align: bottom;
	text-align: center;
}
.hamburger:after {
	display: block;
	padding-top: 20px;
	content: "メニュー";
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	vertical-align: bottom;
}
.hamburger__icon:after {
	top: 10px;
}
.hamburger__icon:before {
	top: -10px;
}
.hamburger__icon, .hamburger__icon:after, .hamburger__icon:before {
	margin: 0 auto;
	height: 3px;
}
.hamburger__icon {
	margin-bottom: 5px;
}
.hamburger.active {
	background: rgba(61, 155, 232, 1);
	width: 40px;
	height: 40px;
	border-radius: 40px;
	padding: 22px 0px 0 1px;
}
.hamburger.active::after {
	content: '';
}
.hamburger.active .hamburger__icon:after, .hamburger.active .hamburger__icon:before {
	background-color: #fff;
}
.hamburger.active .hamburger__icon:before {
	transform: translateY(7px)rotate(45deg);
}
.hamburger.active .hamburger__icon:after {
	transform: translateY(-13px)rotate(-45deg);
}

#sp_contact_box {
	position: relative;
}
#sp_contact_box .box__wrap {
	position: fixed;
    width: 210px;
    height: 72px;
    bottom: 20px;
    left: 20px;
    padding: 10px;
    background-color: #0087c9;
    border-radius: 5px;
    font-size: 0;
    box-sizing: border-box;
}

#sp_contact_box .box__wrap.trigger_open {
	width: 40px;
}

#sp_contact_box .list__wrap {
	display: inline-block;
	vertical-align: middle;
	width: 85%;
	font-size: 0;
}
#sp_contact_box .list__wrap a {
	display: inline-block;
	width: 33.333%;
	padding-right: 7%;
	box-sizing: border-box;
}
#sp_contact_box .list__wrap img {
	width: 100%;
}
#sp_contact_box .sp_arrow {
	width: 13%;
	margin-left: 2%;
	box-sizing: border-box;
	padding-left: 10%;
	position: relative;
	display: inline-block;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
}
#sp_contact_box .sp_arrow::before, #sp_contact_box .sp_arrow::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
#sp_contact_box .sp_arrow::before {
	box-sizing: border-box;
	width: 20px;
	height: 20px;
	border: 1px solid #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
#sp_contact_box .sp_arrow::after {
	width: 6px;
	height: 6px;
	left: 7px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#sp_contact_box .sp_arrow.sp_arrow__close {
	top: 50%;
}
#sp_contact_box .sp_arrow.sp_arrow__close::after {
	width: 6px;
	height: 6px;
	left: 4px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	border-left: none;
	border-bottom: none;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#sp_contact_box .list__wrap.list_hidden {
	display: none;
}

/*size:1024px以下共通
----------------------------------------------------*/
@media screen and (max-width:1024px) {
.tab_img {
	display: block !important;
}
/*common
---------------------------------------------*/
.cont_width {
	width: 98%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
/*section
---------------------------------------------*/
.main_col2_box {
	width: 67%;
}
.aside_col2_box {
	width: 30%;
}
/*SP用メニュー*/
/*.hamburger {
	display: inline-block;
}*/

}

/*size:794px以下 リニューアル追加変更　20190730
----------------------------------------------------*/
@media screen and (max-width:794px) {
.mainnav__item a, .hamburger:after {
	font-size: 11px;
}
}

/*size:768px以下 リニューアル追加変更　20190730
----------------------------------------------------*/
@media screen and (max-width:768px) {
.hdr_tit_box {
	width: 45%;
	margin-right: 5%;
}
.hdr_nav_box {
	width: 45%;
}
.mainnav__item.icon__mypage, .mainnav__item.icon__mail {
	letter-spacing: inherit;
}
.mainnav__item.icon__customer, .mainnav__item.icon__customer2, .mainnav__item.icon__shop, .mainnav__item.icon__program, .mainnav__item.icon__contact,.mainnav__item.icon__search {
	display: none;
}
.mainnav__item.icon__mypage, .mainnav__item.icon__mail, .mainnav__item.icon__company, .hamburger {
	width: 25%;
}
.mainnav__item.icon__mypage::before, .mainnav__item.icon__mail::before, .mainnav__item.icon__company::before {
	width: 50%;
	height: 0;
	padding-top: 50%;
	padding-bottom: 5px;
}
.hamburger {
	top: 7px;
	padding: 0;
}
.hamburger.active {
	top: 0;
}
.sp_img_2 {
	display: block !important;
}
footer {
	padding: 15px 0 96px;
}
}

/*size:767px以下共通
----------------------------------------------------*/
@media screen and (max-width:767px) {
body {
	font-size: 14px;
}
.pc_img {
	display: none !important;
}
.sp_img {
	display: block !important;
}
.tgl_box {
	display: none;
}
table.w50p {
	width: 100% !important;
}
table.wauto {
	width: 100% !important;
}
.i_left, .i_right {
	float: none;
	margin: 10px 0;
	text-align: center;
}
/*common
---------------------------------------------*/
.cont_width {
	width: 96%;
}
/*header
---------------------------------------------*/
.hdr_tit_box img {
	width: 220px;
}
.hamburger {
	right: 10px;/*top: 13px;*/
}
/*section
---------------------------------------------*/
.section_box {
	padding: 20px 0 30px 0;
}
.main_col2_box {
	float: none;
	width: 100%;
	margin: 0 0 30px 0;
}
.aside_col2_box {
	float: none;
	width: 100%;
}
/*footer
---------------------------------------------*/
.ftr_col1_box {
	width: auto;
	float: none;
	margin: 0 0 20px 0;
}
.ftr_col2_box {
	margin-left: 0;
}
.ftr_logo_box img {
	width: 220px;
}
.ftr_copy {
	text-align: center;
}
}

/*size:529px以下  リニューアル追加変更　20190730
----------------------------------------------------*/
@media screen and (max-width: 529px) {
.hdr_nav_box {
	width: 50%;
}
}

/*size:477px以下  リニューアル追加変更　20190730
----------------------------------------------------*/
@media screen and (max-width: 477px) {
.hdr_tit_box {
	margin-right: 3%;
}
.hdr_nav_box {
	width: 52%;
}
}

/*size:457px以下  リニューアル追加変更　20190730
----------------------------------------------------*/
@media screen and (max-width: 457px) {
.hdr_tit_box {
	margin-right: 1%;
}
.hdr_nav_box {
	width: 54%;
}
}

/*size:441px以下  リニューアル追加変更　20190730
----------------------------------------------------*/
@media screen and (max-width: 441px) {
.mainnav__item a, .hamburger:after {
	font-size: 10px;
}
}

/*size:422px以下  リニューアル追加変更　20190730
----------------------------------------------------*/
@media screen and (max-width: 422px) {
.mainnav__item.icon__mail {
	letter-spacing: -1px;
}
}

/*size:374px以下  リニューアル追加変更　20190730
----------------------------------------------------*/
@media screen and (max-width: 374px) {
.hdr_tit_box {
	margin-right: 0%;
	width: 44%;
}
.hdr_nav_box {
	width: 56%;
}
}

/*size:372px以下  リニューアル追加変更　20190730
----------------------------------------------------*/
@media screen and (max-width: 372px) {
.hdr_tit_box {
	width: 41%;
}
.hdr_nav_box {
	width: 59%;
}
}

/*size:355px以下  リニューアル追加変更　20190730
----------------------------------------------------*/
@media screen and (max-width: 355px) {
.hdr_tit_box {
	width: 41%;
}
.hdr_nav_box {
	width: 59%;
}
}

/*size:326px以下  リニューアル追加変更　20190730
----------------------------------------------------*/
@media screen and (max-width: 326px) {
.hamburger, .mainnav__item.icon__company {
	width: 23%;
}
.mainnav__item.icon__mail, .mainnav__item.icon__mypage {
	width: 27%;
}
}