@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700|Oswald:300,400&display=swap);
@charset "UTF-8";
/* CSS Document */
/*====================================================================

common.css

=====================================================================*/
/* ========================================
 * foundation
 ======================================= */
/* html5reset-1.6.1.css */
html, 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, address, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin : 0;	padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; border-collapse : collapse; /* added */ -webkit-text-size-adjust : none;	/* added */}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display : block;}
address{ font-style : normal;}
nav ul{ list-style : none;}
ul li{ list-style : none;}
/* added */
ol li{ list-style : none;}
/* added */
blockquote, q{quotes : none;}
blockquote:before, blockquote:after, q:before, q:after{	content : ""; content : none;
}
a{
	margin : 0;
	padding : 0;
	font-size : 100%;
	vertical-align : middle;
	background : transparent;
}
/* change colours to suit your needs */
ins{
	background-color : #ff9;
	color : #000;
	text-decoration : none;
}
/* change colours to suit your needs */
mark{
	background-color : #ff9;
	color : #000;
	font-style : italic;
	font-weight : bold;
}
del{
	text-decoration : line-through;
}
abbr[title], dfn[title]{
	border-bottom : 1px dotted;
	cursor : help;
}
table{
	border-collapse : collapse;
	border-spacing : 0;
}
/* change border colour to suit your needs */
hr{
	display : block;
	height : 1px;
	border : 0;
	border-top : 1px solid #ccc;
	margin : 1em 0;
	padding : 0;
}
input, select{
	vertical-align : middle;
}
/*--------------------------------------------------------------------/
	format
/--------------------------------------------------------------------*/
*, *:before, *:after{
	box-sizing : border-box;
}
img{
	max-width : 100%;
	vertical-align : middle;
}

/*--------------------------------------------------------------------/
	body
/--------------------------------------------------------------------*/
html{
	font-size : 14px;
}
body{
	line-height : 1.75;
	letter-spacing : .08em;
	font-size : 14px;
	font-size : 1rem;
	font-family : Verdana,"Noto Sans JP","メイリオ", Meiryo,"游ゴシック",YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	color : #202020;
	-webkit-font-smoothing : antialiased;
	-moz-osx-font-smoothing : grayscale;
}
section:after, article:after{
	content : "";
	clear : both;
	display : block;
}

/* a
----------------------------------------------------------------*/
a{
	color : #333;
}
:link, :visited{
	text-decoration : underline;
}
:hover, :active{
	text-decoration : none;
	transition: .3s;
}
h3{
	font-size : 20px;
}
h4{
	font-size : 16px;
}

/*--------------------------------------------------------------------/
	component
/--------------------------------------------------------------------*/

/* box
----------------------------------------------------------------*/
.c-contbox:not(:last-child){
	margin-bottom : 56px;
	margin-bottom : 4rem;
}
.c-txtbox:not(:last-child){
	margin-bottom : 28px;
	margin-bottom : 2rem;
}
.c-txtbox__img{
	text-align : center;
}
.c-txtbox--rev:not(:last-child){
	margin-bottom : 28px;
	margin-bottom : 2rem;
}
.c-common_box{
	padding : 14px;
	padding : 1rem;
}

/* c-article
----------------------------------------------------------------*/
.c-article >a{
	display : inline-block;
	text-decoration : none;
	-webkit-transition : all .5s;
	        transition : all .5s;
}
.c-article__cont{
	padding-bottom : 3rem;
	height : 100%;
	position : relative;
}
.c-article__btn-wrap{
	position : absolute;
	bottom : 14px;
	bottom : 0;
	left : 0;
	width : 100%;
}
.c-article__img--left, .c-article__img--right{
	width : 30.41%;
}

/*.c-article__img{
	margin-bottom : 1rem;
}*/

/* c-gallery
----------------------------------------------------------------*/

/* c-list
----------------------------------------------------------------*/
.c-sidelist{
	letter-spacing : -.40em;
	font-size : 0;
}
.c-sidelist >*{
	display : inline-block;
	letter-spacing : normal;
	font-size : 14px;
	font-size : 1rem;
	vertical-align : top;
}
.c-sidelist li:not(:last-child){
	margin-right : 14px;
	margin-right : 1rem;
}

/* c-attention
----------------------------------------------------------------*/
.c-caution li:before{
	content : false;
	font-family : "icomoon";
	font-weight : normal;
	line-height : 1;
	position : relative;
	color : #000;
	top : 0;
	margin-right : .5em;
}

/* c-privacy
----------------------------------------------------------------*/
.c-privacy{
	padding : 14px;
	padding : 1rem;
	height : 140px;
	height : 10rem;
	overflow : auto;
}
.c-privacy__name{
	text-align : right;
}
#page-confirm .c-privacy, #page-sending .c-privacy{
	display : none;
}

/* c-formtxt
----------------------------------------------------------------*/
#page-confirm .c-formtxt, #page-sending .c-formtxt{
	display : none;
}

/* googlemap
----------------------------------------------------------------*/
.googlemap{
	position : relative;
	padding : 0 0 40%;
	margin-bottom: 1rem;
	height : 0;
	overflow : hidden;
	background-color : #fff;
}
.googlemap iframe{
	position : absolute;
	top : 0;
	left : 0;
	width : 100% !important;
	height : 100% !important;
}

/* font
----------------------------------------------------------------*/
@font-face{
	font-family : "icomoon";
	src : url("../font/icomoon.eot?euebto");
	src : url("../font/icomoon.eot?euebto#iefix") format("embedded-opentype"), url("../font/icomoon.ttf?euebto") format("truetype"), url("../font/icomoon.woff?euebto") format("woff"), url("../font/icomoon.svg?euebto#icomoon") format("svg");
	font-weight : normal;
	font-style : normal;
	font-display: swap;
}
[class^="icon-"], [class*=" icon-"]{
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family : "icomoon" !important;
	speak : none;
	font-style : normal;
	font-weight : normal;
	font-variant : normal;
	text-transform : none;
	line-height : 1;
	/* Enable Ligatures ================ */
	letter-spacing : 0;
	-webkit-font-feature-settings : "liga";
	    -ms-font-feature-settings : "liga" 1;
	        font-feature-settings : "liga";
	-webkit-font-variant-ligatures : discretionary-ligatures;
	        font-variant-ligatures : discretionary-ligatures;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing : antialiased;
	-moz-osx-font-smoothing : grayscale;
}
.icon-arrow4:before{
	content : "\e900";
}
.icon-tel2:before{
	content : "\e901";
}
.icon-checkbox:before{
	content : "\e902";
}
.icon-mail:before{
	content : "\e903";
}
.icon-arrow3:before{
	content : "\e904";
}
.icon-tel:before{
	content : "\e905";
}
.icon-mail2:before{
	content : "\e906";
}
.icon-freedial:before{
	content : "\e907";
}
.icon-bubble:before{
	content : "\e908";
}
.icon-star:before{
	content : "\e909";
}
.icon-warning:before{
	content : "\e90b";
}
.icon-notification:before{
	content : "\e90c";
}
.icon-plus:before{
	content : "\e90d";
}
.icon-minus:before{
	content : "\e90e";
}
.icon-cross:before{
	content : "\e90f";
}
.icon-checkmark:before{
	content : "\e910";
}
.icon-checkmark2:before{
	content : "\e911";
}
.icon-arrow-up:before{
	content : "\e912";
}
.icon-arrow:before{
	content : "\e913";
}
.icon-arrow-down:before{
	content : "\e914";
}
.icon-arrow-left:before{
	content : "\e915";
}
.icon-arrow-up2:before{
	content : "\e916";
}
.icon-arrow2:before{
	content : "\e917";
}
.icon-arrow-down2:before{
	content : "\e918";
}
.icon-arrow-left2:before{
	content : "\e919";
}
.icon-arrow-up3:before{
	content : "\e91a";
}
.icon-arrow-down3:before{
	content : "\e91b";
}
.icon-arrow-left3:before{
	content : "\e91c";
}
.icon-checkbox2:before{
	content : "\e91d";
}
.icon-search:before{
	content : "\e91e";
}
.icon-link:before{
	content : "\e91f";
}
.tel-link{
	text-decoration : none;
	display : inline-block;
}

/* link
----------------------------------------------------------------*/
.tel a{
	vertical-align : top;
}
.tel__txt{
	font-size : 16px;
}

/*--------------------------------------------------------------------/
	header
/--------------------------------------------------------------------*/
#wrapper{
	position : relative;
	margin : 0 auto;
}
header{
	position : relative;
}
header:after{
	display : block;
	content : "";
	clear : both;
}
h1{
	letter-spacing : 0;
	line-height : 1.1;
	position : absolute;
	font-size : 10px;
	top : 4px;
	left : 0;
	font-weight : normal;
}
.header__logo a{
	display: block;
}
.header__info .tel-link{
	line-height : 1;
}

.header__submenu{
	letter-spacing : -.40em;
	font-size : 0;
	text-align : right;
	margin-bottom : .5rem;
}
.header__submenu >*{
	display : inline-block;
	letter-spacing : normal;
	font-size : 1rem;
	vertical-align : top;
}
.header__submenu li{
	line-height : 1;
	padding : 0 .5rem;
}

/*--------------------------------------------------------------------/
	nav global
/--------------------------------------------------------------------*/
#sp_gnav {
	display: none;
}
#global{
	z-index : 1;
	position : relative;
	width : 100%;
}
#global:after{
	display : block;
	content : "";
	clear : both;
}
#global .global__items{
	display: flex;
	justify-content: space-around;
	width: 100%;
}
#global .global__items >li{
	position : relative;
	height : 30px;
	text-align : center;
	flex-basis:20%;
}
#global .global__items >li a{
	display : inline-block;
	width : 100%;
	padding-bottom : 5px;
	text-decoration : none;
	line-height : 1.3;
	font-size : 16px;
}
#global .global__items >li:hover li{
	overflow : visible;
	height : 60px;
}

.js-fixed #global .sub-menu{
	top : 30px;
}

#global .global__items >li a:not(:target){
	height : 100%\9;
}
_:-ms-lang(x), _::-webkit-meter-bar, #global .sub-menu li a {
	height: 100% !important;
}

/*--------------------------------------------------------------------/
	main
/--------------------------------------------------------------------*/
main{
	margin : 0 auto;
	display: block;
}
main:after{
	display : block;
	content : "";
	clear : both;
}


/*--------------------------------------------------------------------/
	aside
/--------------------------------------------------------------------*/
aside{
	position : relative;
}
aside:after{
	display : block;
	content : "";
	clear : both;
}
.aside__bnrbox:not(:last-child){
	margin-bottom : 12px;
}
.aside__bnrbox img{
	margin : 0 auto;
}
.common-bnr{
	clear: both;
}
*:not(.l-blog) > .common-bnr{
	clear : both;
}
.common-bnr__item a{
	display : block;
	width : 100%;
	text-decoration : none;
	position : relative;
}
.common-bnr__item a:before{
	position : absolute;
	content : "";
	-webkit-transition : .5s all;
	        transition : .5s all;
	background-color : rgba(255, 255, 255, 0);
	top : 0;
	left : 0;
	right : 0;
	bottom : 0;
}
.common-bnr__item a:hover:before{
	content : "";
	background-color : rgba(255, 255, 255, .5);
}

.common-contact:after{
	display : block;
	content : "";
	clear : both;
}
.common-contact__info{
	font-weight : normal;
}



/*--------------------------------------------------------------------/
	footer
/--------------------------------------------------------------------*/
.footer__copy{
	clear : both;
	letter-spacing : 1px;
	font-size : 10px;
	position : relative;
	text-align : center;
	padding : 4px;
}
.footer__copy:after{
	display : block;
	content : "";
	clear : both;
}

/* list
--------------------------------------------------------------------*/
.f-nav{
	display : none;
}
.f-nav__items >li{
	position : relative;
	margin-bottom : 4px;
	list-style-type : none;
}
.f-nav__items{
	float : left;
}
.f-nav__items:not(:last-child){
	margin-right : 5rem;
}
.f-nav__items:only-child >li{
	float : left;
	padding-right : 1em;
}
.f-nav__items a{
	text-decoration : none;
}
.f-nav__items a:hover{
	text-decoration : underline;
}
.f-nav__items >li{
	position : relative;
}
.f-nav__items--lv2{
	display : block;
	padding-left : .5rem;
}

/* pagetop
--------------------------------------------------------------------*/
#pagetop{
	display : block;
	position : fixed;
	z-index : 9999;
	bottom : 20px;
	right : 10px;
}
#pagetop img{
	float : right;
	width : 50%;
}

/*--------------------------------------------------------------------/
	others
/--------------------------------------------------------------------*/
/* helper css
----------------------------------------------------------------*/
.clear{
	clear : both;
}

.clearfix:after{
	display : block;
	content : "";
	clear : both;
}

.w-280 {
	max-width: 280px;
	margin-left: auto;
	margin-right:auto;
}
/* print css
----------------------------------------------------------------*/

@media print, screen and (min-width: 481px){
/*====================================================================/
/*------------------タブレットスタイル----------------
/====================================================================*/
	html{
		width : 100%;
	}
	.c-article__img--left{
		float : left;
		margin-right : 1.5rem;
	}
	/*.c-article__img--right{
		float : right;
		margin-left : 1.5rem;
	}*/
	header{
		padding : 0 1% 2%;
	}
	#pagetop img{
		width : 100%;
	}
}

@media print, screen and (min-width: 768px){
/*====================================================================/
/*-------------------小さいPCスタイル----------------
/====================================================================*/
	html{
		width : 100%;
	}

	h3{
		font-size : 1.57rem;
	}
	h4{
		font-size : 1.29rem;
	}
	.l-col4{
		list-style : none;
		letter-spacing : -.40em;
		font-size : 0;
	}
	.l-col4 >*{
		display : inline-block;
		letter-spacing : normal;
		font-size : 1rem;
		vertical-align : top;
	}
	.l-col4 >*{
		height : auto;
		width : 22.8175%;
	}
	.l-col4 >*:not(:nth-child(4n)){
		margin-right : 2.91%;
	}
	.l-col4 >*:not(:nth-last-child(-n+4)){
		margin-bottom : 1.5rem;
	}
	.l-col4-2{
		list-style : none;
		letter-spacing : -.40em;
		font-size : 0;
	}
	.l-col4-2 >*{
		display : inline-block;
		letter-spacing : normal;
		font-size : 1rem;
		vertical-align : top;
	}
	.l-col4-2 >*{
		height : auto;
		width : 22.8175%;
	}
	.l-col4-2 >*:not(:nth-child(4n)){
		margin-right : 2.91%;
	}
	.l-col4-2 >*:not(:nth-last-child(-n+4)){
		margin-bottom : 1.5rem;
	}
	.l-col3{
		list-style : none;
		letter-spacing : -.40em;
		font-size : 0;
	}
	.l-col3 >*{
		display : inline-block;
		letter-spacing : normal;
		font-size : 1rem;
		vertical-align : top;
	}
	.l-col3 >*{
		height : auto;
		width : 31.39333%;
	}
	.l-col3 >*:not(:nth-child(3n)){
		margin-right : 2.91%;
	}
	.l-col3 >*:not(:nth-last-child(-n+3)){
		margin-bottom : 1.5rem;
	}
	.l-col2{
		list-style : none;
		letter-spacing : -.40em;
		font-size : 0;
	}
	.l-col2 >*{
		display : inline-block;
		letter-spacing : normal;
		font-size : 1rem;
		vertical-align : top;
	}
	.l-col2 >*{
		height : auto;
		width : 48.545%;
	}
	.l-col2 >*:not(:nth-child(2n)){
		margin-right : 2.91%;
	}
	.l-col2 >*:not(:nth-last-child(-n+2)){
		margin-bottom : 2rem;
	}
	.c-txtbox__img{
		float : left;
		width : 38.75%;
	}
	.c-txtbox .txt{
		float : right;
		width : 55.41%;
	}
	.c-txtbox--rev .c-txtbox__img{
		float : right;
	}
	.c-txtbox--rev .txt{
		float : left;
		width : 55.41%;
	}
	.c-gallery{
		list-style : none;
		letter-spacing : -.40em;
		font-size : 0;
	}
	.c-gallery >*{
		display : inline-block;
		letter-spacing : normal;
		font-size : 1rem;
		vertical-align : top;
	}
	.c-gallery >*{
		height : auto;
		width : 22.8175%;
	}
	.c-gallery >*:not(:nth-child(4n)){
		margin-right : 2.91%;
	}
	.c-gallery >*:not(:nth-last-child(-n+4)){
		margin-bottom : 1.5rem;
	}
	*[id*="pagelink"]{
		padding-top : 111px;
		margin-top : -111px;
	}
	header{
		padding : .5rem 3% 0;
		margin : 0 auto;
	}

	.header__logo{
		/*padding-top : 1.5rem;
		float : left;
		margin-right : 9%;*/
		position: absolute;
		top:.7rem;
		left: 0;
	}
	.header__info{
		float : right;
		padding-top : .5rem;
	}
	.js-fixed{
		position : fixed;
		z-index : 999;
		width : 100%;
		left : 0;
		top : 0;
		background-color : #fff;
		border-bottom : 1px solid #ddd;
	}
	.js-fixed header{
		margin : 0 auto;
		padding-top : 8px;
		padding-bottom : 0;
	}
	.js-fixed .header__logo{
		padding-top : 10px;
	}
	.js-fixed .header__logo img{
		width : 80%;
	}
	.js-fixed .header__tel{
		font-size : 1.29rem;
	}
	.js-fixed h1{
		display : none;
	}
	#gnav-sp{
		display : none;
	}
	.slicknav_menu{
		display : none;
	}
	#global{
		display : block;
		margin : 0 auto;
	}
	#global .global__items{
		width : 100%;
	}
	#global .global__items .sp{
		display : none;
	}
	#global .sub-menu{
		list-style : none;
		position : absolute;
		z-index : 9999;
		top : 40px;
		left : 0;
		width : 100%;
	}
	#global .sub-menu li{
		overflow : hidden;
		height : 0;
		-webkit-transition : .2s;
		        transition : .2s;
	}
	#global .sub-menu li a{
		position : relative;
		display : block;
		text-decoration : none;
		font-size : .79rem;
		padding : 1rem .25rem;
		text-align : center;
		height : 61px;
	}
	.l-blog{
		padding : 2rem 4%;
	}
	.l-blog:after{
		content : "";
		clear : both;
		display : block;
	}

	.l-blog #contents{
		float : right;
		width : 71.87%;
		padding : 0 0 4rem;
	}
	aside{
		display : block;
		float : left;
	}
	.aside__bnrbox:not(:last-child){
		margin-bottom : 2rem;
	}
	.aside__bnrbox li:not(:last-child){
		margin-bottom : 1.3rem;
	}
	.common-bnr{
		padding-top : 3rem;
		padding-bottom : 3.5rem;
	}

	.footer-widget{
		padding-top : 4rem;
		padding-bottom : 4rem;
	}
	.f-nav{
		display : block;
		float: left;
	}
	.f-nav:after{
		display : block;
		content : "";
		clear : both;
	}
	.f-info{
		float : right;
	}
	.f-info__tit{
		width : 30%;
		margin : 0 auto;
	}
/* table
------------------------------------------------------------*/
	.tablepress tbody td.column-1 {
	    vertical-align: middle !important;
	    text-align: center;
	    width: 25%;
	}



}

@media print, screen and (min-width: 980px){
/*====================================================================/
/*-------------------PCスタイル-------------------
/====================================================================*/
	html{
		width : 100%;
	}
	header{
		padding : .5rem 0 0rem;
	}

	.l-blog {
		margin-left: auto;
		margin-right: auto;
		width: 960px;
		padding-left : 0;
		padding-right : 0;
	}
	*:not(.l-blog) > .common-bnr{
		padding-left : 0;
		padding-right : 0;
		width : 100%;
	}
	.common-contact{
		padding-left : 0;
		padding-right : 0;
		width : 100%;
	}
	*:not(.l-blog) > .footer-widget{
		clear: both;
		padding-left : 0;
		padding-right : 0;
		width : 100%;
	}
	.f-nav{
		float : left;
	}
	.f-info{
		text-align : right;
	}
	.f-info__tit{
		width : 100%;
		margin : 0;
	}
}

@media screen and (max-width: 767px){
/*====================================================================/
/*------------------スマホタブレット共通スタイル---------
/====================================================================*/
	html{
		width : 100%;
	}
	/*sp_gnav*/
	#sp_gnav {
		display: block;
		position: fixed;
		height: 43px;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 9999;
	}
	#sp_gnav ul.menu01 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}
	#sp_gnav ul.menu01 li {
		float: left;
		width: 25%;
		line-height: 43px;
		text-align: center;
		font-weight: bold;
		font-size: 1.2rem;
		box-sizing: border-box;
		display: table-cell;
	}
	#sp_gnav ul.menu01 li:last-child {
	}
	#sp_gnav ul.menu01 li a:link,
	#sp_gnav ul.menu01 li a:visited {
		display: block;
		color: #fff;
		text-decoration: none;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all  0.2s ease;
	}
	.l-col4-2{
		list-style : none;
		letter-spacing : -.40em;
		font-size : 0;
	}
	.l-col4-2 >*{
		display : inline-block;
		letter-spacing : normal;
		font-size : 1rem;
		vertical-align : top;
	}
	.l-col4-2 >*{
		height : auto;
		width : 48.545%;
	}
	.l-col4-2 >*:not(:nth-child(2n)){
		margin-right : 2.91%;
	}
	.l-col4-2 >*:not(:nth-last-child(-n+2)){
		margin-bottom : 1rem;
	}
	.c-txtbox--rev .c-txtbox__img{
		margin-bottom : 1rem;
	}
	.c-article >a:not(:last-child){
		margin-bottom : 2.5rem;
	}
	.c-gallery{
		list-style : none;
		letter-spacing : -.40em;
		font-size : 0;
	}
	.c-gallery >*{
		display : inline-block;
		letter-spacing : normal;
		font-size : 1rem;
		vertical-align : top;
	}
	.c-gallery >*{
		height : auto;
		width : 48.545%;
	}
	.c-gallery >*:not(:nth-child(2n)){
		margin-right : 2.91%;
	}
	.c-gallery >*:not(:nth-last-child(-n+2)){
		margin-bottom : 1.5rem;
	}
	header{
		margin-top : 43px;
		padding-top : .5rem;
	}
	.header__logo{
		width : 50%;
	}
	.header__info{
		display : none;
	}
	#global{
		display : none;
	}
	.aside__bnrbox{
		list-style : none;
		letter-spacing : -.40em;
		font-size : 0;
	}
	.aside__bnrbox >*{
		display : inline-block;
		letter-spacing : normal;
		font-size : 1rem;
		vertical-align : top;
	}
	.aside__bnrbox >*{
		height : auto;
		width : 48.545%;
	}
	.aside__bnrbox >*:not(:nth-child(2n)){
		margin-right : 2.91%;
	}
	.aside__bnrbox >*:not(:nth-last-child(-n+2)){
		margin-bottom : .5rem;
	}
	.common-bnr{
		padding-top : 2rem;
		padding-bottom : 2.5rem;
	}
	.footer-widget{
		padding-top : 1rem;
	}
	.footer-widget{
		padding-bottom : 2rem;
	}
	.footer-widget .widget:not(:last-child){
		margin-bottom : 1rem;
	}
	.f-info{
		float : left;
		width : 100%;
	}
	.f-info__tit{
		width : 60%;
		margin : 0 auto;
	}
	#pagetop{
		bottom : 10px;
		right : 0;
		padding : 5px;
	}

	.l-blog #contents{
		padding-left : 4%;
		padding-right : 4%;
	}

	.l-blog > .footer-widget{
	padding-left : 4%;
	padding-right : 4%;
	}

	.l-blog > .common-bnr{
	clear : both;
	padding-left : 4%;
	padding-right : 4%;
}

}

@media screen and (max-width: 480px){
/*====================================================================/
/*------------------スマホのみスタイル----------------
/====================================================================*/
	html{
		width : 100%;
	}
	.c-article__img--left, .c-article__img--right{
		width : 100%;
		margin-bottom : 1rem;
	}
}

@media all and (-ms-high-contrast: none){
	*::-ms-backdrop, #global .global__items >li a{
		height : 100%;
	}
}

@media print{
	header{
		display : none;
	}
	nav#global{
		display : none;
	}
	footer{
		display : none;
	}
}
