@charset "utf-8";

/*
/* top/common.css では全ファイル共通パーツのデザインを設定 */
/*

/*---------------------------------------------------- 
 header
---------------------------------------------------- */
header {
	width: 100%;
	position: fixed;
	z-index: 999;
	background: #ffffff;
}
header .header_top {
	height: 70px;
	box-shadow: 0px 8px 15px -10px rgba(0, 0, 0, 0.5);/*横方向　下方向　ぼかし　広がり　色 */
	margin:0;
	padding:0;
}
header .header_top .logo01 {
	float: left;
	/*margin-top: 3px;*/
	margin-right: 20px;
}

header .header_top .logo-yubi {
	float: left;
	width:130px;
	margin-top:20px;
	margin-right:20px;
}

header .header_top p {
	float: right;
	font-size: 14px;
	margin: 30px 14px 0 0;
}
header .header_top p.runexy_logo {
	margin: 0px;
}

header .header_top p a {
	color: #cd2030;
}
header .header_top p a:hover {
	text-decoration: underline;
}
header .header_top .contents {
	margin-top:10px;
}

header .header_over {
	height: 30px;
	margin-bottom: 20px;
	margin-right: 10px;
}

.over_menu{
	/*display:none;*/
	font-size: 12px;
	text-align:right;
	color:#cd2030;
	/*padding-right:150px;*/
}
.over_menu a:visited,
.over_menu a:link{
	color:#fff;
}
@media only screen and (max-width: 740px){
	.header_over{
		display:none;
		margin: 0px;
	}

	header .header_top { box-shadow: none!important;}
	header .header_top .contents { margin-top:0; }
}

header .panel {
	float:left;
	position: relative;
}

@media only screen and (min-width: 741px) {
    .panel {
        display: block!important;
        margin-top: 27px;
    }
}

header .panel .menu {
	margin: 0 auto;
	font-size:1em;
}
header .panel ul.menu {
	padding-left:0px;
}
header .panel .menu li {
	float: left;
	margin-right: 20px;
	margin-bottom:0px;
	
}

header .panel .menu li a:hover {
	/*color: #cd2030!important;*/
}


@media only screen and (max-width: 740px) {
	header {
		height: 50px;
		width: 100%;
		position: fixed;
		z-index: 100;
		background-color: #FFFFFF;
		border-bottom: 1px solid #569d29;
	}
	header .header_top .logo01 {
		padding: 0 10px;
	}
	header .header_top .logo01 img {
		height: 45px;
	}
	header .header_top .logo02 {
		display: none;
	}
	header .header_top p {
		display: none;
	}
	header .menu {
		margin-left: 0;
	}

	/* menu */
	.d-menu {
		position: absolute;
		top: 5px;
		right: 5px;
	}


	header .panel {
		display: none;
		position: absolute;
		top: 50px;
		left: 0;
		width: 100%;
		z-index: 10;
	}
	header .panel .menu {
		width: 100%;
	}
	header .panel ul.menu li {
		width: 100%;
		height: auto;
		line-height: 50px;
		float: left;
		padding: 0;
		background: #569d29;
		border-bottom: 1px solid #FFF;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		text-align: left;
	}
	header .panel ul.menu li.close_btn {
		width: 100%;
		float: none;
		background-image: none;
	}
	header .panel ul.menu li a {
		font-size: 12px;
		display: block;
		color: #FFFFFF!important;
		font-weight: bold;
		line-height: inherit;
		text-decoration: none;
		padding: 0 10px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		border: none;
		position: relative;
	}
	header .panel ul.menu li a:after {
		position: absolute;
		top: 50%;
		right: 15px;
		margin-top: -25px;
		content: '>';
		font-size: 22px;
		color: #FFFFFF;
		font-weight: normal;
		font-stretch: extra-condensed;
	}
	header .panel ul.menu li ul li{
		padding:10px;
	}
	header .panel ul.menu li ul li a:after {
		margin-top: -12px;
	}
	header .panel ul.menu li ul li {
		background-color: #569d29;
	}
	header .panel ul.menu li ul li a {
		padding: 0 20px;
	}
	header .panel-btn{
		display: inline-block;
		position: relative;
		width: 38px;
		height: 38px;
		background: #569d29;
		border: 1px solid #fff;
	}
	header .panel-btn-icon{
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 20px;
		height: 2px;
		margin: -1px 0 0 -10px;
		background: #FFF;
		transition: .2s;
	}
	header .panel-btn-icon:before, .panel-btn-icon:after{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		width: 20px;
		height: 2px;
		background: #FFF;
		transition: .3s;
	}
	header .panel-btn-icon:before{
		margin-top: -8px;
	}
	header .panel-btn-icon:after{
		margin-top: 6px;
	}
	header .panel-btn .close{
		background: transparent;
	}
	header .panel-btn .close:before, .panel-btn .close:after{
		margin-top: 0;
	}
	header .panel-btn .close:before{
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}
	header .panel-btn .close:after{
		transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
	}
}




/*---------------------------------------------------- 
 虫眼鏡検索
---------------------------------------------------- */
.screen-reader-text {
    display: none;
}
#s {
    width: 105px;
    border: 1px solid #000;
    padding: 2px;
    height: 23px;
}
#searchsubmit {
    border: 1px solid #000;
    padding: 1px;
    margin-left: -6px;
    font-size: 12px;
    height: 23px;
    width: 45px;
}
#searchform {
    float: right;
}
#searchform > div {
    padding: 11px 0px 0px;
}

#searchform div{
    line-height: 34px;
    z-index: 20;
    letter-spacing: 0px;
    font-size: 12px;
    padding: 0;
    padding-right: 10px !important;
    margin: 0 0px;
    float: right;
    position: relative;
}
#searchform div label{
    display:none;
}

#slideout {
    float: right;
    display: block;
    margin-right: -193px;
    width: 223px;
	position: absolute;
	top: 3px;
	right: 0;
	padding: 2px;
	background-color: #FFF;
    box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
    -webkit-border-radius: 3px 0 0 3px / 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px / 3px 0 0 3px;
	border-radius: 3px 0 0 3px / 3px 0 0 3px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
}
#slideout:hover {
    margin-right: 0px;
}
#slideout.active {
    margin-right: 0px;
}
#slideout img {
	float: left;
	padding: 0 2px;
}
#slideout label {
    display: none;
}
#slideout input {
	float: left;
	margin: 1px 0;
}
#slideout input[type=text] {
    width: 150px;
    height: 23px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 0 3px 0 3px;
	margin: 1px 3px;
    border: #cacaca solid 1px;
    box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
    display: inline-block;
    font-family: Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3″, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
#slideout input[type=submit] {
    width: 34px;
    height: 23px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 0;
	margin: 1px 0;
    border: #cacaca solid 1px;
    box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
    display: inline-block;
    font-family: Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3″, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

@media only screen and (max-width: 740px) {
	#slideout {
		display: none;
	}
}




/*---------------------------------------------------- 
 menu_bn
---------------------------------------------------- */
.menu_bn {
	padding: 26px 0;
	background-color: #e1e4e5;
}

.menu_bn.content{
	padding:20px;
}

.menu_bn .contents{
	margin-bottom:0px;
}

.menu_bn ul {
	margin-left: -13px;
}
.menu_bn ul li {
	float: left;
	margin-left: 13px;
	margin-bottom: 0px;
}

.menu_bn ul li img {
	border-radius:5px;
}


@media only screen and (max-width: 1050px) {
	.menu_bn.content { padding:20px 0; }
	.menu_bn ul li img {
		max-width: 100%;
	}
}

@media only screen and (max-width: 740px) {
	.menu_bn ul {
		margin-left: -2%;
	}
	.menu_bn ul li {
		width: 48%;
		margin: 1%;
	}
	.menu_bn ul li img {
		width: 100%;
	}
}



/*---------------------------------------------------- 
news
---------------------------------------------------- */
.news dl {
	width: 100%;
    min-height: 2em;
    padding: 10px 0;
    border-bottom: 1px dashed #ccc;
}

.news dl:first-child {
	border-top: 1px dashed #ccc;
}
	
.news dt {
	padding-bottom: 5px;
	margin-right:10px;
}
@media screen and (max-width: 768px) {
	.news dt  { padding-bottom: 0px; }
}

.date {
	display: block;
	float:left;
	margin-right:10px;
}

.tags a{
	border-radius: 4px;
    font-size: 0.7em;
    width: 100px;
    display: block;
    float: left;
    text-align: center;
    color: #FFF;
}

@media screen and (min-width: 768px) {
	.news dt { float: left;}
}
@media screen and (max-width: 768px) {
	.tags a { float:left; }
}

/* news category color */
.tags a.case_tag {background-color: #46bfab;}
.tags a.oshirase_tag {background-color: #2279b1;}
.tags a.press_tag {background-color: #DE4F3C;}
.tags a.webinar_tag {background-color: #b44c97;}
.tags a.blog_tag {background-color: #F0CA4D;}
.tags a.event_tag {background-color: #f4a544;}

.newmark {
	font-size:0.8em;
	font-weight:bold;
	background:#e50003;
	color:#fff;
	padding:2px 10px;
	margin-left:5px;
	border-radius:3px;
}

.news_content_block { margin-left: 220px; }

@media screen and (max-width: 768px) {
	.news_content_block { margin-left: 0; }
}


/*---------------------------------------------------- 
 wp-paginate
---------------------------------------------------- */

ol.wp-paginate{
	text-align: center;
    margin-top: 30px;
}
.wp-paginate .current {
	background:#569d29;
	border:1px solid #569d29;
}




/*---------------------------------------------------- 
 bread
---------------------------------------------------- */
div#bread {
    width: 100%;
    margin-left: 10px;
    margin-bottom:40px;
    text-align: left;
    color: #000;
}
div#bread br { display:none; }
li.topicpath {
	list-style: none;
    font-size: 0.8em;
    margin: 0 0.3em 0;
    float: left;
	line-height: 1.8em;
}
div#bread-block{
	padding-top: 90px;
}

@media screen and (max-width:999px) { 
	div#bread-block,
    div#bread{
        width:100%;
		margin-left: 0;
    }
}

@media only screen and (max-width: 740px) {
	div#bread-block{
		width:100%;
		text-align:center;
		margin-bottom:10px;
		padding-top: 50px;
	}
	
	div#bread{
		width:100%;
		margin-left:10px;
		text-align:left;
		color:#000;
	}
}



/*---------------------------------------------------- 
 contents
---------------------------------------------------- */
.contents {
	width: 1000px;
	margin: 0 auto;
	/*margin-bottom:60px;*/
	text-align:left;
}


@media only screen and (max-width: 740px) {
	.contents {
		width: 94%;
		margin: 0 auto;
	}
}



/*---------------------------------------------------- 
 footer
---------------------------------------------------- */
footer {
	width: 100%;
	/*background: url(/images/wrapp_bg_b.webp);*/
	background-color:#2f3331;
 	background-attachment: fixed;
	background-size: cover;
	color:#fff;
}
footer .footer_menu {
	padding: 20px 0 0;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	
}

footer .contents {
    width: 1000px;
    margin: 0 auto;
}
footer .footer_menu ul li::before { 
    content: "■ ";
    margin-right: 5px;
    color: #569d29;
}
footer .footer_menu ul li ul li::before { content:"・ "; }
footer .footer_menu ul li ul { margin-left:1em; }
footer .footer_menu ul li ul li {
	margin-left:1em;
	text-indent: -1.6em;
	font-size:14px;
}

/*footer .footer_menu ul{
	font-size: 16px;
	text-align: center;
    margin-top: 20px;
    margin-bottom: 60px;
}

footer .footer_menu ul li{
	display: inline;
    padding: 10px;
}*/
/*----------flex footer------------*/
.flex-footer {
    display: flex;              /* フレックスボックスにする */
    justify-content:center;
    flex-wrap: wrap;             /*折り返し指定 */
    text-align: left;
    margin-top:20px;
    margin-bottom:30px;
}
 
.flex-footer-item1 {            /* 文字色 */
    margin:  5px;              /* 外側の余白 */
    padding:5px;
    border-radius:  5px;        /* 角丸指定 */
    width: 260px;                 /* 幅指定 */
}
.flex-footer-item2 {            /* 文字色 */
    margin:  5px;              /* 外側の余白 */
    padding:5px;
    border-radius:  5px;        /* 角丸指定 */
    width: 250px;                 /* 幅指定 */
}
.flex-footer-item3 {            /* 文字色 */
    margin:  5px;              /* 外側の余白 */
    padding:5px;
    border-radius:  5px;        /* 角丸指定 */
    width: 250px;                 /* 幅指定 */
}
.flex-footer-item4 {            /* 文字色 */
    margin:  5px;              /* 外側の余白 */
    padding:5px;
    border-radius:  5px;        /* 角丸指定 */
    width: 220px;                 /* 幅指定 */
}

@media screen and (max-width: 896px) {
	footer .footer_menu ul li{
		display: block;
		margin: 0px;
		padding: 0px;
	}
}


footer .footer_menu ul li a{
	color:#fff;
}

footer .footer_logo {
	display: block;
	margin: 0 auto;
}
footer .footer_copy {
	margin-top:14px;
	font-size: 14px;
	text-align: center;
	padding: 3px 0 30px;
}
footer .footer_copy .contents{
	text-align:center;
}

@media screen and (min-width:741px) and (max-width:999px) {
	footer div.footer_menu div.contents { width:100%; }
	footer div.footer_copy div.contents { width:100%; }
	footer div.contents { width:100%; }
}

@media only screen and (max-width: 740px) {
	footer .footer_menu {
		padding: 30px 0 20px;
	}
	footer .footer_menu {
		padding: 30px 0;
	}
	footer .footer_menu .menu_blc {
		float: none;
		width: 100%;
		margin-left: 0;
	}
	footer .footer_copy {
		font-size: 12px;
	}
}


/*---------------------------------------------------- 
TOPへ戻るボタン
---------------------------------------------------- */
#re-top {
	position:fixed; /*画面に固定*/
	bottom:3%; /*画面下へ*/
	right:2%; /*画面右へ*/
	z-index:10; /*レイヤー順序を上に*/
	background-color:transparent; /*領域の背景色（透明）*/
}
#re-top a { color:#005243; }
#re-top a:hover {text-decoration: none; }

.re-topB {
	position: relative;
	background: rgb(255 255 255 / 70%);
    display: block;
    color: #005243;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 30px;
    border-radius: 30px;
    padding-top: 24px;
    padding-left: 2px;
    box-sizing: border-box;
    border: solid 2px #005243;
}

.re-topB:before {
	content: '\25B4';
    position: absolute;
    top: 6px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 20px;
}

  

/*---------------------------------------------------- 
 Hタグ
---------------------------------------------------- */

h1 {
    font-size: 32px;  /* IE8以下とAndroid4.3以下用フォールバック */
    font-size: calc(2rem + ((1vw - 0.64rem) * 2.1429));  /* 24px~36pxで可変*/
    line-height: 1.8;
}

h2 {
    font-size: 24px;  /* IE8以下とAndroid4.3以下用フォールバック */
    font-size: calc(2rem + ((1vw - 0.64rem) * 0.7143));  /* 20px~24pxで可変*/
    line-height: 1.3;
}
h3 {
    font-size: 20px;  /* IE8以下とAndroid4.3以下用フォールバック */
    font-size: calc(1.8rem + ((1vw - 0.64rem) * 0.5143));  
    line-height: 1.3;
}
h4 {
    font-size: 18px;  /* IE8以下とAndroid4.3以下用フォールバック */
    font-size: calc(1.6rem + ((1vw - 0.64rem) * 0.3143));  
    line-height: 1.3;
}
h5 {
    font-size: 16px;  /* IE8以下とAndroid4.3以下用フォールバック */
    font-size: calc(1.5rem + ((1vw - 0.64rem) * 0.2143));  
    line-height: 1.3;
}
h6 {
    font-size: 16px;  /* IE8以下とAndroid4.3以下用フォールバック */
    font-size: calc(1.5rem + ((1vw - 0.64rem) * 0.2143));  
    line-height: 1.3;
}

@media (min-width: 1200px) {/* 1200px以上*/
    h1 {font-size: 3.0rem; /* 30px*/}
    h2 {font-size: 2.4rem;/* 24px*/}
	h3 {font-size: 2.0rem;/* 20px*/}
	h4 {font-size: 1.7rem;/* 18px*/}
	h5 {font-size: 1.6rem;/* 16px*/}
	h6 {font-size: 1.6rem;/* 16px*/}
}
@media screen and (max-width: 640px) {/* 640px以下*/
    /*body{line-height: 2;}*/
    h1{font-size: 2.4rem; /* 24px*/}
    h2 {
	font-size: 2.0rem; /* 20px*/
	padding:15px 0;
	}
	h3 {font-size: 1.8rem; /* 18px*/}
	h4 {font-size: 1.6rem; /* 16px*/}
	h5 {font-size: 1.6rem; /* 16px*/}
	H6 {font-size: 1.6rem; /* 16px*/}
}
/* h, font-size */

/* hデザイン*/

/*H1*/
h1 {
	width:auto;
	height:auto;
	text-align: center;
	position: relative;
 	color: #333;
	/*background-image: url(/images/h1_bk.png);*/
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 5rem 0.8rem 3rem;
	margin: 20px 0px 70px;
	text-shadow: 1px 1px 0px #ffffff, -1px 1px 0px #ffffff, 1px -1px 0px #ffffff, -1px -1px 0px #ffffff, 1px 0px 0px #ffffff, 0px 1px 0px #ffffff, -1px 0px 0px #ffffff, 0px -1px 0px #ffffff;
 }

 h1:before {
	content: '';
	position: absolute;
	bottom: -15px;
	display: inline-block;
	width: 60px;
	height: 5px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #76B93D;
	border-radius: 2px;
 }

 @media screen and (max-width: 740px) {
	h1{padding: 3rem 0.8rem 2rem;}
 }


 /*H2*/
 h2 {
	text-align: center;
	color:#333333;
	display: flex;
	align-items: center;/* 縦位置の調整 */
	justify-content: center;/* 横位置の調整 */
	margin-top: 100px;
	margin-bottom: 50px;
	font-weight: bolder;
}
h2::before,
h2::after {
	content: '';
	flex-grow: 0.5;/* 少数にする */
	height: 3px;
	background: #174460;
}
  /* 見出しの文字と横棒の間隔を開ける */
h2::before {margin-right: 20px;}
h2::after {margin-left: 20px;}

@media only screen and (max-width: 740px) {
	h2 {margin-bottom:30px;}
}

/*H3*/
h3 {
	text-shadow: 1px 1px 0px #ffffff, -1px 1px 0px #ffffff, 1px -1px 0px #ffffff, -1px -1px 0px #ffffff, 1px 0px 0px #ffffff, 0px 1px 0px #ffffff, -1px 0px 0px #ffffff, 0px -1px 0px #ffffff;
    margin-bottom: 40px;
    margin-top: 20px;
    color: #333333;
    text-align: center;
    padding: 0.4em;
    border-top: solid 1px #333333;
    border-bottom: solid 1px #333333;
	background: -webkit-repeating-linear-gradient(-45deg,  #f2f2f2, #f2f2f2 3px,#eaeaea 3px, #eaeaea 7px);
	background: repeating-linear-gradient(-45deg,  #f2f2f2, #f2f2f2 3px,#eaeaea 3px, #eaeaea 7px);
}

/*H4*/
h4 {
    position: relative;
    /*margin-top: 30px;*/
    margin-bottom: 30px;
    padding: 1.5rem 1rem 1.5rem 1rem;
}
h4:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 12px;
	content: '';
	background-image: -webkit-repeating-linear-gradient(135deg, #888, #888 1px, transparent 1px, transparent 5px);
	background-image: repeating-linear-gradient(-45deg, #888, #888 1px, transparent 1px, transparent 5px);
	background-size: 7px 7px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}




/*H5*/
h5 {
	position: relative;
    font-weight: bold;
	padding: 3px 3px 3px 24px;
	margin-bottom: 30px;
	margin-top: 30px;
	border-bottom: 1px dashed #555555;

}
h5:before {
	font-family: "Font Awesome 5 Free";
	content: "\f009";/*アイコンのユニコード*/
	font-weight: 900;
	/*font: var(--fa-font-Regular);*/
	position: absolute;/*絶対位置*/
	font-size: 1em;/*サイズ*/
	left: 0;/*アイコンの位置*/
	top: 3px;/*アイコンの位置*/
	color: #df0025;
  }

/*H6*/
h6{
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
	padding-left: 1.4em;/*アイコン分のスペース*/
	line-height: 1.4;
}
h6:before {
	font-family: "Font Awesome 5 Free";
	content: "\f101";/*アイコンのユニコード*/
	font-weight: 900;
	position: absolute;/*絶対位置*/
	font-size: 1em;/*サイズ*/
	left: 0;/*アイコンの位置*/
	top: 0;/*アイコンの位置*/
	color: #df0025;
  }







/*---------------------------------------------------- 
 nextpage
---------------------------------------------------- */
.nextpage {
	font-size: 0.9em;
	text-align:right;
	margin-top: 20px;
	background-image:  url(/images/icon-yajirushi.png);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 60px;
}




.one-half{	
	width: 48%;
    margin-bottom: 20px;
	margin-left: 2%;
	float: left;
}
@media screen and (max-width: 768px) {
	.one-half{width:100%;}
}

.one-half li {
	width: 450px;
	max-width: 90%;
	float: left;
	margin: 0 auto 20px;
}

.one-half li img {
	width: 100%;
}



.centerImg > *:nth-child(2n + 1) {
	margin-left:0;
}




.centerImg{
	text-align:center;
}
.centerImg img{
	max-width:100%;
}
.onebox{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.one-half{
	width:46%;
	margin-left:1%;
	margin-right:1%;
}

.one-half img{
	width:100%;
}

@media screen and (max-width: 768px){
	.one-half{width:100%;}
}

/*
.one-half li img {
	width: 100%;
}
*/


/*----------------------------------
TOPページ:endpoint
----------------------------------*/
.endpoint{
    background-color: #fff;
	box-shadow: 0px 0px 15px -5px #777777;
}


span.material-icons-outlined { vertical-align: middle; }

/*----------資料請求固定------------*/
/*ボタンの領域*/
#siryo-kotei {
	position:fixed; /*画面に固定*/
	bottom:33%; /*画面下へ*/
	right:0%; /*画面右へ*/
	z-index:10; /*レイヤー順序を上に*/
	background-color:transparent; /*領域の背景色（透明）*/
}
/*丸ボタン*/
.siryo-koteiB {
	position:relative;
	display:block; 
	background-color:rgba(255,255,255,0.7); /*丸ボタンの色*/
	border:2px solid rgba(223,0,36,0.7);
	border-right:none;
	color:rgb(223,0,36); /*三角と文字色*/
	text-decoration:none;
	font-weight:bold;
	font-size:1.1em;
	width:60px;
	height:190px;
	text-align:center;
	line-height:24px;
	box-sizing:border-box;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	padding-right:15px;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
#siryo-kotei a { color:rgb(223,0,36); }
#siryo-kotei a:hover {
	text-decoration:none;
	background-color:rgb(223,0,36);
	color:#fff;
}
/*--------------- 画面いっぱい -----------------*/
.fullsize {
	padding: 8px calc(50vw - 50% + 8px)!important;
	margin: 0 calc(50% - 50vw)!important;
	width: 100vw!important;
}
.full-visi {
	overflow: visible;
}