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

/* トップページ */
#top { margin-top:-115px; padding-top:115px; }
@media screen and (min-width: 0px) and (max-width: 767px)  {
#top { margin-top:-55px; padding-top:55px; }
}


/* メインボックス */
#wrap01 { width:100%; }
@media screen and (min-width: 0px) and (max-width: 767px)  {
#wrap01 { width:100%; }
}
/* //メインボックス */


/* ヘッドイメージ */
#headimgbox01 { width:100%; margin:175px auto 0; padding:0 0 50px; }
#headimgbox02 { width:100%; margin:0 auto; }
#headimgbox03 { width:100%; margin:0 auto; position: relative; }
#k-headimgbox03 { width:100%; margin:0 auto; position: relative; }

#headimgtitlewrap01 { width: 100%; position: absolute; z-index: 1999; bottom: 0; }
#k-headimgtitlewrap01 { width: 100%; position: absolute; z-index: 1999; bottom: 0; }
#headimgtitleinner01 { width: 800px; margin: 0 auto; padding: 0 0 15px; background: #FFFFFF; }
#headimgtitle { text-align: center; }
#headimgtitle ul {
	display: table;
	margin: 0 auto;
	background: #667dac;
	color: #FFFFFF;
	padding: 1.5em 4em 0.5em;
}
#headimgtitle ul li { display: block; }
#headimgtitle ul li:nth-child(1) { font-size: 36px; font-weight: 600; letter-spacing: 0.04em; padding: 0 0 10px; }
#headimgtitle ul li:nth-child(2) { line-height: 140%; }

#slider { margin:0 auto; }
#slider .slider { width:100%; margin:0 auto; padding:0; }
#slider ul li { margin:0 !important; padding:0 !important; }

#slider li img {
	width: 100%;
	max-width: 100%;
	height: auto;
	margin:0 auto;
}
#k-headimgbox01 { width:1000px; margin:73px auto 0; padding:0 0 40px; }
@media screen and (min-width: 0px) and (max-width: 320px)  {
#headimgbox01 { width:100%; margin: 0 auto; padding:62px 0 0; }
#headimgbox02 { width:100%; margin:0 auto; }
#headimgbox03 { width:100%; margin:0 auto; position: relative; }
#k-headimgbox03 { width:100%; margin:0 auto; position: relative; }

#headimgtitlewrap01 { width: 100%; position: absolute; z-index: 1999; bottom: 0; }
#k-headimgtitlewrap01 { width: 100%; position: absolute; z-index: 1999; bottom: 0; }
#headimgtitleinner01 { width: 90%; margin: 0 auto; padding: 0 0 5px; background: #FFFFFF; }
#headimgtitle { text-align: center; }
#headimgtitle ul {
	display: table;
	margin: 0 auto;
	background: #667dac;
	color: #FFFFFF;
	padding: 0.2em 4em;
}
#headimgtitle ul li { display: block; }
#headimgtitle ul li:nth-child(1) { font-size: 8px; font-weight: 500; letter-spacing: 0.04em; padding: 0; }
#headimgtitle ul li:nth-child(2) { font-size: 8px; line-height: 160%; }

#slider { margin:0 auto; }
#slider .slider { width:100%; margin:0 auto; padding:0; }
#slider ul li { margin:0 !important; padding:0 !important; }

#slider li img {
	width: 100%;
	max-width: 100%;
	height: auto;
	margin:0 auto;
}
#k-headimgbox01 { width:96%; margin:0 auto; padding:0 0 20px; }
}
@media screen and (min-width: 321px) and (max-width: 768px)  {
#headimgbox01 { width:100%; margin: 0 auto; padding:62px 0 0; }
#headimgbox02 { width:100%; margin:0 auto; }
#headimgbox03 { width:100%; margin:0 auto; position: relative; }
#k-headimgbox03 { width:100%; margin:0 auto; position: relative; }

#headimgtitlewrap01 { width: 100%; position: absolute; z-index: 1999; bottom: 0; }
#k-headimgtitlewrap01 { width: 100%; position: absolute; z-index: 1999; bottom: 0; }
#headimgtitleinner01 { width: 90%; margin: 0 auto; padding: 0 0 5px; background: #FFFFFF; }
#headimgtitle { text-align: center; }
#headimgtitle ul {
	display: table;
	margin: 0 auto;
	background: #667dac;
	color: #FFFFFF;
	padding: 0.5em 4em;
}
#headimgtitle ul li { display: block; }
#headimgtitle ul li:nth-child(1) { font-size: 12px; font-weight: 500; letter-spacing: 0.04em; padding: 0; }
#headimgtitle ul li:nth-child(2) { font-size: 10px; line-height: 140%; }

#slider { margin:0 auto; }
#slider .slider { width:100%; margin:0 auto; padding:0; }
#slider ul li { margin:0 !important; padding:0 !important; }

#slider li img {
	width: 100%;
	max-width: 100%;
	height: auto;
	margin:0 auto;
}

#headsubimgbox01 { width: 30%; max-width: 30%; position: absolute; z-index: 6002; left: 2%; bottom: 0px; }
#k-headimgbox01 { width:96%; margin:0 auto; padding:0 0 20px }
}
/* //ヘッドイメージ */


/* メインコンテンツ */
#maincontentsbox01 { width:100%; padding:0; }
#k-maincontentsbox01 { width:100%; }
@media screen and (min-width: 0px) and (max-width: 767px)  {
#maincontentsbox01 { width:100%; padding:0; margin:0 auto; }
#k-maincontentsbox01 { width:100%; }
}
/* //メインコンテンツ */


/* メインキャッチ */
#maincatchwrap01 {
	width: 100%;
	padding: 15px 0 0;
}
#maincatchwrap01 ul { width: 100%; margin: 0 auto; text-align: center; }
#maincatchwrap01 ul li { display: block; font-size: 18px; }
#maincatchwrap01 ul li:nth-child(1) { font-size: 22px; font-weight: 600; padding: 0 0 10px; }
.maincatch-fontnormal01 { font-size: 18px !important; font-weight: 500 !important; }
@media screen and (min-width: 0px) and (max-width: 767px)  {
#maincatchwrap01 {
	width: 100%;
	padding: 10px 0 0;
}
#maincatchwrap01 ul { width: 96%; margin: 0 auto; text-align: left; }
#maincatchwrap01 ul li { display: block; font-size: 12px; }
#maincatchwrap01 ul li:nth-child(1) { font-size: 16px; font-weight: 800; padding: 0 0 10px; text-align: left; }
.maincatch-fontnormal01 { font-size: 12px !important; font-weight: 500 !important; }
}
/* //メインキャッチ */


/* トップ矢印キャッチ */
#toparrowcatchwrap01 { display: block; }
#toparrowcatchwrap01:after { content:""; display:block; clear:both; }

/* 左側 */
.toparrowcatchinner01 { width: 49%; background: #8c1b11; color: #FFFFFF; font-weight: 500; float: left; text-align: right; }
.toparrowcatchinner01 ul { display: block; }
.toparrowcatchinner01 ul li { display: block; line-height: 120%; }
.toparrowcatchinner01 ul li:nth-child(1) { font-size: 26px; padding: 0.6em 3.0em 0.6em 0; color: #da908a; }
.toparrowcatchinner01 ul li:nth-child(2) { font-size: 36px; background: #af6059; margin: 0 20px 0 0; }
.toparrowcatchinner01 ul li:nth-child(2):after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 27px 0 27px 20px;
	border-color: transparent transparent transparent #af6059;
	vertical-align: middle;
	position: absolute;
}
.toparrowcatchinner01 ul li:nth-child(3) { font-size: 18px; padding: 0 6.4em 0 0; }
.toparrowcatchinner01 ul li p { display: inline-block; padding: 15px; }
.toparrowcatchinner01 ul li:nth-child(2) p { padding: 5px 0.4em 6px 10px; }

/* 右側 */
.toparrowcatchinner02 { width: 49%; background: #38844e; color: #FFFFFF; font-weight: 500; float: right; text-align: left; }
.toparrowcatchinner02 ul { display: block; }
.toparrowcatchinner02 ul li { display: block; line-height: 120%; }
.toparrowcatchinner02 ul li:nth-child(1) { font-size: 26px; padding: 0 0 0 -0.0em; margin: 0 0 0 -0.0em; letter-spacing: 0.1em; text-align: left; color: #f6f300; }
.toparrowcatchinner02 ul li:nth-child(2) { font-size: 36px; background: #74a984; margin: 0 0 0 20px; }
.toparrowcatchinner02 ul li:nth-child(2):before {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 27px 20px 27px 0;
	border-color: transparent #74a984 transparent transparent;
	vertical-align: middle;
	position: absolute;
	margin: 0 0 0 -20px;
}
.toparrowcatchinner02 ul li:nth-child(3) { font-size: 18px; padding: 0 0 0 4.4em; }
.toparrowcatchinner02 ul li p { display: inline-block; padding: 15px; }
.toparrowcatchinner02 ul li:nth-child(2) p { padding: 5px 10px 6px 10px; }

/* 全体 */
.topcatchinner01 { width: 100%; background: #38844e; color: #FFFFFF; font-weight: 500; text-align: center; }
.topcatchinner01 ul { display: block; }
.topcatchinner01 ul li { display: block; line-height: 120%; }
.topcatchinner01 ul li:nth-child(1) { font-size: 26px; padding: 0 0 0 -0.0em; margin: 0 0 0 -0.0em; letter-spacing: 0.1em; color: #f6f300; }
.topcatchinner01 ul li:nth-child(2) { font-size: 36px; background: #74a984; margin: 0; }
.topcatchinner01 ul li:nth-child(3) { font-size: 18px; padding: 0; }
.topcatchinner01 ul li p { display: inline-block; padding: 15px; }
.topcatchinner01 ul li:nth-child(2) p { padding: 5px 10px 6px 10px; }
@media screen and (min-width: 0px) and (max-width: 767px)  {
#toparrowcatchwrap01 { display: block; }
#toparrowcatchwrap01:after { content:""; display:block; clear:both; }

/* 左側 */
.toparrowcatchinner01 { width: 100%; background: #8c1b11; color: #FFFFFF; font-weight: 500; float: none; text-align: center; margin: 0 0 15px; }
.toparrowcatchinner01 ul { display: block; }
.toparrowcatchinner01 ul li { display: block; line-height: 120%; }
.toparrowcatchinner01 ul li:nth-child(1) { font-size: 14px; padding: 0; color: #da908a; }
.toparrowcatchinner01 ul li:nth-child(2) { font-size: 16px; background: #af6059; margin: 0; }
.toparrowcatchinner01 ul li:nth-child(2):after {
	content: "";
	display: none;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 27px 0 27px 20px;
	border-color: transparent transparent transparent #af6059;
	vertical-align: middle;
	position: absolute;
}
.toparrowcatchinner01 ul li:nth-child(3) { font-size: 12px; padding: 0; }
.toparrowcatchinner01 ul li p { display: inline-block; padding: 2%; }
.toparrowcatchinner01 ul li:nth-child(2) p { padding: 2%; }

/* 右側 */
.toparrowcatchinner02 { width: 100%; background: #38844e; color: #FFFFFF; font-weight: 500; float: none; text-align: center; }
.toparrowcatchinner02 ul { display: block; }
.toparrowcatchinner02 ul li { display: block; line-height: 120%; }
.toparrowcatchinner02 ul li:nth-child(1) { font-size: 14px; padding: 0; margin: 0; letter-spacing: 0.1em; color: #f6f300; text-align: center; }
.toparrowcatchinner02 ul li:nth-child(2) { font-size: 16px; background: #74a984; margin: 0; }
.toparrowcatchinner02 ul li:nth-child(2):before {
	content: "";
	display: none;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 27px 20px 27px 0;
	border-color: transparent #74a984 transparent transparent;
	vertical-align: middle;
	position: absolute;
	margin: 0 0 0 -20px;
}
.toparrowcatchinner02 ul li:nth-child(3) { font-size: 12px; padding: 0; }
.toparrowcatchinner02 ul li p { display: inline-block; padding: 2%; }
.toparrowcatchinner02 ul li:nth-child(2) p { padding: 2%; }

/* 全体 */
.topcatchinner01 { width: 100%; background: #38844e; color: #FFFFFF; font-weight: 500; text-align: center; }
.topcatchinner01 ul { display: block; }
.topcatchinner01 ul li { display: block; line-height: 120%; }
.topcatchinner01 ul li:nth-child(1) { font-size: 14px; padding: 0 0 0 -0.0em; margin: 0 0 0 -0.0em; letter-spacing: 0.1em; color: #f6f300; }
.topcatchinner01 ul li:nth-child(2) { font-size: 16px; background: #74a984; margin: 0; }
.topcatchinner01 ul li:nth-child(3) { font-size: 12px; padding: 0; }
.topcatchinner01 ul li p { display: inline-block; padding: 2%; }
.topcatchinner01 ul li:nth-child(2) p { padding: 2%; }
}
/* //トップ矢印キャッチ */


/* コンテンツボックス */
.contentsbox01 { margin-bottom:70px; }

.contentsinner01 { width:930px; margin:0 auto 55px; }
.contentsinner01:last-child { margin:0 auto; }
.contentsinner01:after { content:""; display:block; clear:both; }

.contentsinner02 { width:890px; margin:0 auto 55px; }
.contentsinner02:last-child { margin:0 auto; }
.contentsinner02:after { content:""; display:block; clear:both; }

.contentsinner03 { display: block; padding: 0 0 30px; }
.contentsinner03:last-child { padding: 0; }
.contentsinner03:after { content:""; display:block; clear:both; }

.contentsdetailwrap01 { width: 48%; float: left; }
.contentsdetailwrap01:nth-child(2) { float: right; }

.contentsdetailwrap02 { width: 48%; float: left; }
.contentsdetailwrap02:nth-child(2) { float: right; }

.detailbuttonwrap01 { width: 554px; margin: 0 auto; text-align: center; font-size: 20px; }
@media screen and (min-width: 0px) and (max-width: 767px)  {
.contentsbox01 { margin-bottom:30px; }

.contentsinner01 { width:98%; margin:0 auto 20px; }
.contentsinner01:last-child { margin:0 auto; }
.contentsinner01:after { content:""; display:block; clear:both; }

.contentsinner02 { width:98%; margin:0 auto 20px; }
.contentsinner02:last-child { margin:0 auto; }
.contentsinner02:after { content:""; display:block; clear:both; }

.contentsinner03 { display: block; padding: 0 0 20px; }
.contentsinner03:last-child { padding: 0; }
.contentsinner03:after { content:""; display:block; clear:both; }

.contentsdetailwrap01 { width: 100%; float: none; padding: 0 0 15px; }
.contentsdetailwrap01:nth-child(2) { float: none; padding: 0; }

.contentsdetailwrap02 { width: 48%; float: left; }
.contentsdetailwrap02:nth-child(2) { float: right; }

.detailbuttonwrap01 { width: 70%; margin: 0 auto; text-align: center; font-size: 12px; }
}
/* //コンテンツボックス */


/* トップオーバーレイバナー */
.topoverlaybannerwrap01 { width: 100%; margin: 0 auto 40px; }
.topoverlaybannerwrap01:last-child { width: 100%; margin: 0 auto; }
.topoverlaybannerwrap01:after { content:""; display:block; clear:both; }

.topoverlaybannerleftwrap01 { width: 49%; font-weight: 500; float: left; }
.topoverlaybannerleftwrap01:after { content:""; display:block; clear:both; }
.topoverlaybannerrightwrap01 { width: 49%; font-weight: 500; float: right; }
.topoverlaybannerrightwrap01:after { content:""; display:block; clear:both; }

.topoverlaybannerinner01 { width: 450px; }
.topoverlaybannerleftwrap01 .topoverlaybannerinner01 { float: right; position:relative; }
.topoverlaybannerrightwrap01 .topoverlaybannerinner01 { float: left; position:relative; }

.topoverlaybannerimgwrap01 { display: block; position: relative; overflow: hidden; }
.topoverlaybannertitlewrap01 { width: 100%; position: absolute; z-index: 1999; bottom: 0; }
.topoverlaybannertitleinner01 { width: 74%; margin: 0 auto; padding: 0 0.5em 5px; background: #FFFFFF; text-align: center; }
.topoverlaybannertitleinner01 p { font-size: 20px; border-bottom: 4px solid #1b1b1b; padding: 1.0em 0.5em; }
.topoverlaybannertitleinner01 p.twoline { padding: 0.3em 0.5em; }
.topoverlaybannerdetailwrap01 { width: 74%; margin: 0 auto; padding: 5px 0.5em 5px; }

.linkoverlay {
	background-color: rgba(0,0,0,0.4);
	position:absolute;
	z-index: 2000;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	transition: 0.8s;
	opacity:0;
}
.linkoverlay:hover {
	opacity:1;
	transition: 1.0s;
}
.linkoverlay img { width: 170px !important; height: 38px !important; margin: 0 auto; position: absolute; top: 0; left: 18%; right: 18%; }

.linkoverlay a:link { width: 100%; height: 100%; display: block; }

.scale_up img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.scale_up:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.scale_up:hover .linkoverlay img {
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
}
@media screen and (min-width: 0px) and (max-width: 767px)  {
.topoverlaybannerwrap01 { width: 100%; margin: 0 auto 20px; }
.topoverlaybannerwrap01:last-child { width: 100%; margin: 0 auto; }
.topoverlaybannerwrap01:after { content:""; display:block; clear:both; }

.topoverlaybannerleftwrap01 { width: 100%; font-weight: 500; float: none !important; padding: 0 0 20px; }
.topoverlaybannerleftwrap01:after { content:""; display:block; clear:both; }
.topoverlaybannerrightwrap01 { width: 100%; font-weight: 500; float: none !important; }
.topoverlaybannerrightwrap01:after { content:""; display:block; clear:both; }

.topoverlaybannerinner01 { width: 100%; }
.topoverlaybannerleftwrap01 .topoverlaybannerinner01 { float: none !important; position:relative; }
.topoverlaybannerrightwrap01 .topoverlaybannerinner01 { float: none !important; position:relative; }

.topoverlaybannerimgwrap01 { display: block; position: relative; overflow: hidden; }
.topoverlaybannertitlewrap01 { width: 100%; position: absolute; z-index: 1999; bottom: 0; }
.topoverlaybannertitleinner01 { width: 74%; margin: 0 auto; padding: 0 0.5em 5px; background: #FFFFFF; text-align: center; }
.topoverlaybannertitleinner01 p { font-size: 14px; border-bottom: 4px solid #1b1b1b; padding: 0.3em 0.5em; }
.topoverlaybannertitleinner01 p.twoline { padding: 0.3em 0.5em; }
.topoverlaybannerdetailwrap01 { width: 74%; margin: 0 auto; padding: 5px 0.5em 5px; }

.linkoverlay {
	background-color: rgba(0,0,0,0.4);
	position:absolute;
	z-index: 2000;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	transition: 0.8s;
	opacity:0;
}
.linkoverlay:hover {
	opacity:1;
	transition: 1.0s;
}
.linkoverlay img { width: 170px !important; height: 38px !important; margin: 0 auto; position: absolute; top: 0; left: 18%; right: 18%; }

.linkoverlay a:link { width: 100%; height: 100%; display: block; }

.scale_up img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
}
.scale_up:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.scale_up:hover .linkoverlay img {
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
}
}
/* //トップオーバーレイバナー */


/* コンテンツタイトル */
.contentstitle01 { font-size: 28px; font-weight: 600; letter-spacing: -0.02em; padding: 0 0 10px; margin: 0 0 40px; text-align: center; border-bottom: 4px solid #1b1b1b; position: relative; }

.contentstitleiconwrap01 { width: 100px; position: absolute; bottom: 5px; left: 20px; }
.contentstitleiconwrap01 img { padding: 0 0 5px; }
.contentstitleiconwrap01 img:last-child { padding: 0; }

.contentsdetailtitle01 { font-weight: 600; letter-spacing: -0.02em; padding: 0 0 5px; margin: 0 0 15px; border-bottom: 2px solid #1b1b1b; }
@media screen and (min-width: 0px) and (max-width: 767px)  {
.contentstitle01 { font-size: 16px; font-weight: 600; letter-spacing: 0.1em; padding: 0 0 5px; margin: 0 0 20px; text-align: center; border-bottom: 4px solid #1b1b1b; position: relative; }

.contentstitleiconwrap01 { width: 40px; position: absolute; bottom: 3px; left: 2%; }
.contentstitleiconwrap01 img { padding: 0 0 3px !important; }
.contentstitleiconwrap01 img:last-child { padding: 0; }

.contentsdetailtitle01 { font-weight: 600; letter-spacing: -0.02em; padding: 0 0 5px; margin: 0 0 10px; border-bottom: 2px solid #1b1b1b; }
}
/* //コンテンツタイトル */


/* お知らせ */
#newsbox01 { display: block; width:100%; margin:0 auto 20px; min-height:120px; max-height:200px; padding-bottom:10px; line-height:140%; background: #FFFFFF; }
#newsbox02 { width:96%; margin:0 auto; padding:15px 0; line-height:140%; }
#newsbox02 iframe { display: block; width:100%; height:200px; }
@media screen and (min-width: 0px) and (max-width: 767px)  {
#newsbox01 { width:100%; margin:0 auto 10px; background:#FFFFFF; height:auto; min-height:200px; max-height:300px; overflow:auto; -webkit-overflow-scrolling: touch; font-size:10px !important; }
#newsbox02 { width:96%; margin:0 auto; padding:10px 0; line-height:140%; }
#newsbox02 iframe { display: block; width:100%; height:300px; }
}
@media screen and (max-device-width: 1024px) {
#newsbox01 { width:100%; margin:0 auto 10px; background:#FFFFFF; height:auto; min-height:200px; max-height:300px; overflow:auto; -webkit-overflow-scrolling: touch; font-size:10px !important; }
}
/* //お知らせ */


/* コロナウイルスについて */
ul#corona { display: block; border: 1px solid #000000; padding: 30px; text-align: center; }
ul#corona li { display: block; }
ul#corona li:nth-child(1) { font-size: 20px; text-decoration: underline; padding: 0 0 20px; }
@media screen and (min-width: 0px) and (max-width: 767px)  {
ul#corona { display: block; border: 1px solid #000000; padding: 2%; text-align: center; }
ul#corona li { display: block; }
ul#corona li:nth-child(1) { font-size: 16px; text-decoration: underline; padding: 0 0 15px; }
}
/* //コロナウイルスについて */


/* トップバナー */
.bannerwrap01 { width: 962px; margin: 0 auto 30px; }
@media screen and (min-width: 0px) and (max-width: 767px)  {
.bannerwrap01 { width: 96%; margin: 0 auto 15px; }
}
/* //トップバナー */


/* 会社概要ページ */
ul.companylist01 { display: block; padding: 0 0 1em 1em; }
ul.companylist01:last-child { padding: 0 0 0 1em; }
ul.companylist01 li { display: block; padding: 0 0 0 1em; }
ul.companylist01 li p:before { content: "-"; display: inline-block; padding: 0 0 0 1em; vertical-align: top; }
ul.companylist01 li:first-child { display: block; padding: 0; font-weight: 600; }
@media screen and (min-width: 0px) and (max-width: 767px)  {
ul.companylist01 { display: block; padding: 0 0 1em 1em; }
ul.companylist01:last-child { padding: 0 0 0 1em; }
ul.companylist01 li { display: block; padding: 0 0 0 1em; }
ul.companylist01 li p:before { content: "-"; display: inline-block; padding: 0 0 0 1em; vertical-align: top; }
ul.companylist01 li:first-child { display: block; padding: 0; font-weight: 600; }
}
/* //会社概要ページ */


/* 共通リスト */
table.tablelist01 { width: 100%; }
table.tablelist01 tr { border-bottom: 1px solid #d4d4d4; }
table.tablelist01 tr:first-child { border-top: 1px solid #d4d4d4; }
table.tablelist01 td { padding: 1.5em 2em; vertical-align: middle; }
table.tablelist01 td:nth-child(1) { width: 28%; background: #ededed; font-weight: 700; text-align: center; }
table.tablelist01 td:nth-child(2) { width: auto; font-size: 16px; }

table.tablelist02 { width: 100%; }
table.tablelist02 tr { border-bottom: 1px solid #d4d4d4; }
table.tablelist02 tr:first-child { border-top: 1px solid #d4d4d4; }
table.tablelist02 tr:nth-child(1n) { background: #FFFFFF; }
table.tablelist02 tr:nth-child(2n) { background: #ededed; }
table.tablelist02 td { padding: 1.5em 2em; vertical-align: middle; }
table.tablelist02 td:nth-child(1) { width: 28%; font-weight: 700; text-align: left; }
table.tablelist02 td:nth-child(2) { width: auto; font-size: 16px; }

table.tablelist03 { width: 100%; }
table.tablelist03 tr { border-bottom: 1px solid #d4d4d4; }
table.tablelist03 tr:first-child { border-top: 1px solid #d4d4d4; }
table.tablelist03 td { padding: 1.5em 2em; vertical-align: middle; }
table.tablelist03 td:nth-child(1) { width: 32%; background: #ededed; font-weight: 700; text-align: center; }
table.tablelist03 td:nth-child(2) { width: auto; border-right: 1px solid #d4d4d4; }
table.tablelist03 td:last-child { width: auto; border-right: none; }

.textspace01 { padding: 0 0 0 3em; }

.tablelistunderwrap01 { width: 80%; margin: 30px auto 0; }

.listwrap01 { width: 100%; padding: 30px 0 0; }
.listwrap01 ul { width: 100%; display: table; }
.listwrap01 ul li { width: 31.33333333333333%; padding: 2%; display: table-cell; }
@media screen and (min-width: 0px) and (max-width: 767px)  {
table.tablelist01 { width: 100%; }
table.tablelist01 tr { border-bottom: none; }
table.tablelist01 tr:first-child { border-top: none; }
table.tablelist01 td { display: block; padding: 0.5em 1em; vertical-align: top; }
table.tablelist01 td:nth-child(1) { width: auto; margin: 0 0 10px; background: #ededed; font-weight: 700; text-align: center; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }
table.tablelist01 td:nth-child(2) { width: auto; margin: 0 0 10px; font-size: 12px; }

table.tablelist02 { width: 100%; }
table.tablelist02 tr { border-bottom: 1px solid #d4d4d4; }
table.tablelist02 tr:first-child { border-top: 1px solid #d4d4d4; }
table.tablelist02 tr:nth-child(1n) { background: #FFFFFF; }
table.tablelist02 tr:nth-child(2n) { background: #ededed; }
table.tablelist02 td { padding: 1.5em 2em; vertical-align: middle; }
table.tablelist02 td:nth-child(1) { width: 40%; font-weight: 700; text-align: left; }
table.tablelist02 td:nth-child(2) { width: auto; font-size: 12px; }

table.tablelist03 { width: 100%; }
table.tablelist03 tr { border-bottom: none; }
table.tablelist03 tr:first-child { border-top: none; }
table.tablelist03 td { display: block; padding: 0.5em 1em; vertical-align: top; }
table.tablelist03 td:nth-child(1) { width: auto; margin: 0 0 10px; background: #ededed; font-weight: 700; text-align: center; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }
table.tablelist03 td:nth-child(2) { width: auto; margin: 0; padding: 0 1em; border-right: none; }
table.tablelist03 td:nth-child(3) { margin: 0; padding: 0 1em 10px; }
table.tablelist03 td:last-child { border-right: none; padding: 0 1em 10px; }
table.tablelist03 tr:last-child td:nth-child(3) { margin: 0; padding: 0 1em; }

.textspace01 { padding: 0 0 0 3em; }

.listwrap01 { width: 100%; padding: 15px 0 0; }
.listwrap01 ul { width: 100%; display: table; }
.listwrap01 ul li { width: 31.33333333333333%; padding: 2%; display: table-cell; }
}
/* //共通リスト */


/* 横浜メディカルセンタービルページ */
.logo01 { width: 381px; height: auto; }
.logo03 { width: 418px; height: auto; }
.logo04 { width: 423px; height: auto; }
.logo05 { width: 423px; height: auto; }
.logo06 { width: 460px; height: auto; }

ul.contactlist01 { width: 100%; display: table; padding: 0 0 10px; }
ul.contactlist01:last-child { padding: 0; }
ul.contactlist01 li { width: auto; display: table-cell; vertical-align: middle; }
ul.contactlist01 li:nth-child(1) { width: 50px; padding: 0 10px 0 0; }
.telnumber { display: block; font-size: 42px; line-height: 110%; }
ul.contactlist01 li.linkbutton01 { width: 100%; padding: 0; }
ul.contactlist01 li.linkbutton01 img { width: 100%; }

.medical-center07-01 { display: block; }
@media screen and (min-width: 0px) and (max-width: 767px)  {
.logo01 { width: 50%; height: auto; }
.logo03 { width: 50%; height: auto; }
.logo04 { width: 50%; height: auto; }
.logo05 { width: 50%; height: auto; }
.logo06 { width: 50%; height: auto; }

ul.contactlist01 { width: 100%; display: table; padding: 0 0 10px; }
ul.contactlist01:last-child { padding: 0; }
ul.contactlist01 li { width: auto; display: table-cell; vertical-align: middle; }
ul.contactlist01 li:nth-child(1) { width: 30px; padding: 0 1% 0 0; }
.telnumber { display: block; font-size: 20px; line-height: 110%; }
ul.contactlist01 li.linkbutton01 { width: 100%; padding: 0; }
ul.contactlist01 li.linkbutton01 img { width: 48%; }

.medical-center07-01 { display: block; width: 48%; }
}
/* //横浜メディカルセンタービルページ */


/* トランクルームIDトランク横浜台町ページ */
ul.trunklinkbanner01 { display: table; margin: 0 auto; padding: 0 0 30px; }
ul.trunklinkbanner01 li { width: 150px; display: table-cell; padding: 0 7px; }

.trunktitle01 { font-size: 32px; font-weight: 600; letter-spacing: -0.02em; margin: 0 auto 40px; text-align: center; }
.trunkredtitle01 { font-size: 40px; color: #ce0000; }

.marker::after {
	display: block;
	content: '';
	height: 0;
	padding: 0 0 4px;
}
.underline01 {
	padding: 0 0.3em;
	background-image: -webkit-linear-gradient(left, transparent 50%, rgb(44, 103, 58) 50%);
	background-image: -moz-linear-gradient(left, transparent 50%, rgb(44, 103, 58) 50%);
	background-image: -ms-linear-gradient(left, transparent 50%, rgb(44, 103, 58) 50%);
	background-image: -o-linear-gradient(left, transparent 50%, rgb(44, 103, 58) 50%);
	background-image: linear-gradient(left, transparent 50%, rgb(44, 103, 58) 50%);
	background-repeat: repeat-x;
	background-size: 200% 10px;
	background-position: 0 bottom;
	transition: all 2s ease;
}
.underline01.active {
	background-position: -100% bottom;
}
.underline02 {
	padding: 0 0.3em;
	background-image: -webkit-linear-gradient(left, transparent 50%, rgb(222, 94, 0) 50%);
	background-image: -moz-linear-gradient(left, transparent 50%, rgb(222, 94, 0) 50%);
	background-image: -ms-linear-gradient(left, transparent 50%, rgb(222, 94, 0) 50%);
	background-image: -o-linear-gradient(left, transparent 50%, rgb(222, 94, 0) 50%);
	background-image: linear-gradient(left, transparent 50%, rgb(222, 94, 0) 50%);
	background-repeat: repeat-x;
	background-size: 200% 100%;
	background-position: 0 bottom;
	transition: all 2s ease;
}
.underline02.active {
	background-position: -100% bottom;
}
.underline03 {
	padding: 0 0.3em;
	background-image: -webkit-linear-gradient(left, transparent 50%, rgb(249, 234, 0) 50%);
	background-image: -moz-linear-gradient(left, transparent 50%, rgb(249, 234, 0) 50%);
	background-image: -ms-linear-gradient(left, transparent 50%, rgb(249, 234, 0) 50%);
	background-image: -o-linear-gradient(left, transparent 50%, rgb(249, 234, 0) 50%);
	background-image: linear-gradient(left, transparent 50%, rgb(249, 234, 0) 50%);
	background-repeat: repeat-x;
	background-size: 200% 10px;
	background-position: 0 bottom;
	transition: all 2s ease;
}
.underline03.active {
	background-position: -100% bottom;
}

ul.trunkattention01 { display: table; margin: 0 auto; text-align: center; font-size: 22px; }
ul.trunkattention01 li { display: block; margin: 0 auto 0.5em; padding: 0.2em; color: #FFFFFF; /*background: #de5e00;*/ }
ul.trunkattention01 li:last-child { margin: 0 auto; }

ul.attentiontext01 { width: 96%; margin: 30px auto 0; }
ul.attentiontext02 { width: 96%; margin: 0 auto; }

ul.trunkmaplist01 { display: block; text-align: center; }
ul.trunkmaplist01 li { display: block; }
ul.trunkmaplist01 li:nth-child(1) { width: 335px; margin: 0 auto 10px; }
ul.trunkmaplist01 li:nth-child(2) { margin: 0 0 15px; }
ul.trunkmaplist01 li:nth-child(3) { width: 735px; margin: 0 auto 15px; }

.address01 { font-size: 24px; }

/* Google Map */
#googlemap { width: 100%; }
#googlemap iframe { width: 100%; height: 380px; }
/* //Google Map */

.trunkdetailwrap01 { }
.contentsinner03:nth-child(1n) .trunkdetailwrap01:nth-child(1) { width: 450px; float: right; }
.contentsinner03:nth-child(1n) .trunkdetailwrap01:nth-child(2) { width: 410px; float: left; }
.contentsinner03:nth-child(2n) .trunkdetailwrap01:nth-child(1) { width: 450px; float: left; }
.contentsinner03:nth-child(2n) .trunkdetailwrap01:nth-child(2) { width: 410px; float: right; }

.trunkdetailwrap01 img { padding: 0 0 20px; }
.trunkdetailwrap01 img:last-child { padding: 0; }

.pointtitlewrap01 { padding: 0 0 20px; }
.pointtitlewrap01:after { content:""; display:block; clear:both; }
.pointtitlewrap01 ul { display: block; }
.contentsinner03:nth-child(1n) .pointtitlewrap01 ul { float: right; }
.contentsinner03:nth-child(2n) .pointtitlewrap01 ul { float: left; }
.pointtitlewrap01 ul li { display: block; text-align: center; }
.pointtitlewrap01 ul li:nth-child(1) { font-size: 16px; font-weight: 600; color: #2d2d2d; margin: 0; }
.pointtitlewrap01 ul li:nth-child(2) img { width: 76px; height: auto; padding: 0 0 5px; }
.pointtitlewrap01 ul li:nth-child(3) { font-size: 30px; font-weight: 600; color: #de5e00; }
.pointsubtitlewrap01 { font-size: 20px; padding: 0 0 10px; }

.applicationbuttonwrap01 { width: 790px; margin: 0 auto; }
.applicationbuttonwrap02:after { content:""; display:block; clear:both; }
.applicationbuttoninner01 { width: 380px; }
.applicationbuttoninner01:nth-child(1) { float: left; }
.applicationbuttoninner01:nth-child(2) { float: right; }
.applicationbuttoninner01 a:nth-child(1) img { margin: 0 0 4px; }
.applicationbuttoninner01 a:nth-child(2) img { margin: 0; }

#slidewrap01 { width: 100%; overflow: hidden; }

ul.sliderwrap01 { width: 100%; margin: 0 auto; text-align: center; }
ul.sliderwrap01 li { display: inline-block; }
ul.sliderwrap01 li img { width: 90%; padding: 0 5%; }

.slick-arrow {
  z-index:20; /* 矢印画像を最前面へ */
}
.slide-arrow {
  display:block;
  width: 80px !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.slide-arrow img { display: block; width: 100%; height: auto; transition: 1.0s; }
.slide-arrow img:hover { opacity:0.6; transition: 1.0s; cursor: pointer; }
.prev-arrow {
  left: 30px;
}
.next-arrow {
  right: 30px;
}

ul.voicewrap01 { display: block; }
ul.voicewrap01 li { display: block; }
ul.voicewrap01 li:nth-child(1) { text-align: center; font-size: 20px; padding: 0 0 10px; }
ul.voicewrap01 li:nth-child(2) img { width: 100%; height: auto; padding: 0 0 10px; }
ul.voicewrap01 li:nth-child(3) { text-align: center; font-size: 24px; color: #2c673a; padding: 0 0 10px; }

ul.flowwrap01 { display: table; margin: 0 auto; text-align: center; }
ul.flowwrap01 li { display: block; font-size: 30px; line-height: 160%; }
.flowstrong01 { font-size: 48px; font-weight: 600; }

ul.faqwrap01 { display: block; padding: 0 0 30px; }
ul.faqwrap01:last-child { padding: 0; }
ul.faqwrap01 li { display: block; text-align: center; margin: 0 0 20px; }
ul.faqwrap01 li:nth-child(1) { font-size: 18px; color: #FFFFFF; text-align: center; line-height: 140%; padding: 0.2em; }
ul.faqwrap01:nth-child(1n) li:nth-child(1) { background: #2c673a; }
ul.faqwrap01:nth-child(2n) li:nth-child(1) { background: #6b9475; }
ul.faqwrap01 li:nth-child(2) { width: 98%; margin: 0 auto; font-size: 20px; text-align: center; line-height: 160%; }

#floatbannerwrap01 { position: fixed; top: 25%; right: 6%; z-index: 6003; }
#floatbannerwrap01:after { content:""; display:block; clear:both; }
#floatbannerwrap01 a { width: 50px; float: left; }
#floatbannerwrap01 a:nth-child(1) { margin: 0 4px 0 0; }
.blinking{
	-webkit-animation:blink 1.0s ease-in-out infinite alternate;
    -moz-animation:blink 1.0s ease-in-out infinite alternate;
    animation:blink 1.0s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1.0;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1.0;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1.0;}
}
@media screen and (min-width: 0px) and (max-width: 767px)  {
ul.trunklinkbanner01 { display: table; margin: 0 auto; padding: 0 0 30px; }
ul.trunklinkbanner01 li { width: 29.333333333333333%; display: inline-block; padding: 0 2% 2% 2%; }
ul.trunklinkbanner01 li:nth-last-child(3) { padding: 0 2%; }
ul.trunklinkbanner01 li:nth-last-child(2) { padding: 0 2%; }
ul.trunklinkbanner01 li:nth-last-child(1) { padding: 0 2%; }

.trunktitle01 { font-size: 16px; font-weight: 600; letter-spacing: 0.1em; margin: 0 auto 20px; text-align: center; }
.trunkredtitle01 { font-size: 20px; color: #ce0000; }

.marker::after {
	display: block;
	content: '';
	height: 0;
	padding: 0 0 4px;
}
.underline01 {
	padding: 0 0.3em;
	background-image: -webkit-linear-gradient(left, transparent 50%, rgb(44, 103, 58) 50%);
	background-image: -moz-linear-gradient(left, transparent 50%, rgb(44, 103, 58) 50%);
	background-image: -ms-linear-gradient(left, transparent 50%, rgb(44, 103, 58) 50%);
	background-image: -o-linear-gradient(left, transparent 50%, rgb(44, 103, 58) 50%);
	background-image: linear-gradient(left, transparent 50%, rgb(44, 103, 58) 50%);
	background-repeat: repeat-x;
	background-size: 200% 8px;
	background-position: 0 bottom;
	transition: all 2s ease;
}
.underline01.active {
	background-position: -100% bottom;
}
.underline02 {
	padding: 0 0.3em;
	background-image: -webkit-linear-gradient(left, transparent 50%, rgb(222, 94, 0) 50%);
	background-image: -moz-linear-gradient(left, transparent 50%, rgb(222, 94, 0) 50%);
	background-image: -ms-linear-gradient(left, transparent 50%, rgb(222, 94, 0) 50%);
	background-image: -o-linear-gradient(left, transparent 50%, rgb(222, 94, 0) 50%);
	background-image: linear-gradient(left, transparent 50%, rgb(222, 94, 0) 50%);
	background-repeat: repeat-x;
	background-size: 200% 100%;
	background-position: 0 bottom;
	transition: all 2s ease;
}
.underline02.active {
	background-position: -100% bottom;
}
.underline03 {
	padding: 0 0.3em;
	background-image: -webkit-linear-gradient(left, transparent 50%, rgb(249, 234, 0) 50%);
	background-image: -moz-linear-gradient(left, transparent 50%, rgb(249, 234, 0) 50%);
	background-image: -ms-linear-gradient(left, transparent 50%, rgb(249, 234, 0) 50%);
	background-image: -o-linear-gradient(left, transparent 50%, rgb(249, 234, 0) 50%);
	background-image: linear-gradient(left, transparent 50%, rgb(249, 234, 0) 50%);
	background-repeat: repeat-x;
	background-size: 200% 8px;
	background-position: 0 bottom;
	transition: all 2s ease;
}
.underline03.active {
	background-position: -100% bottom;
}

ul.trunkattention01 { display: table; margin: 0 auto; text-align: center; font-size: 16px; }
ul.trunkattention01 li { display: block; margin: 0 auto 0.5em; padding: 0.2em; color: #FFFFFF; /*background: #de5e00;*/ }
ul.trunkattention01 li:last-child { margin: 0 auto; }

ul.attentiontext01 { width: 96%; margin: 15px auto 0; }
ul.attentiontext02 { width: 96%; margin: 0 auto; }

ul.trunkmaplist01 { display: block; text-align: center; }
ul.trunkmaplist01 li { display: block; }
ul.trunkmaplist01 li:nth-child(1) { width: 50%; margin: 0 auto 10px; }
ul.trunkmaplist01 li:nth-child(2) { margin: 0 0 10px; }
ul.trunkmaplist01 li:nth-child(3) { width: 70%; margin: 0 auto 10px; }

.address01 { font-size: 16px; }

/* Google Map */
#googlemap { width: 100%; }
#googlemap iframe { width: 100%; height: 300px; }
/* //Google Map */

.trunkdetailwrap01 { }
.contentsinner03:nth-child(1n) .trunkdetailwrap01:nth-child(1) { width: 100%; float: none; padding: 0 0 20px; }
.contentsinner03:nth-child(1n) .trunkdetailwrap01:nth-child(2) { width: 100%; float: none; }
.contentsinner03:nth-child(2n) .trunkdetailwrap01:nth-child(1) { width: 100%; float: none; padding: 0 0 20px; }
.contentsinner03:nth-child(2n) .trunkdetailwrap01:nth-child(2) { width: 100%; float: none; }

.trunkdetailwrap01 img { padding: 0 0 20px; }
.trunkdetailwrap01 img:last-child { padding: 0; }

.pointtitlewrap01 { padding: 0 0 20px; }
.pointtitlewrap01:after { content:""; display:block; clear:both; }
.pointtitlewrap01 ul { display: block; }
.contentsinner03:nth-child(1n) .pointtitlewrap01 ul { float: none; display: table; margin: 0 auto; }
.contentsinner03:nth-child(2n) .pointtitlewrap01 ul { float: none; display: table; margin: 0 auto; }
.pointtitlewrap01 ul li { display: block; text-align: center; }
.pointtitlewrap01 ul li:nth-child(1) { font-size: 12px; font-weight: 600; color: #2d2d2d; margin: 0; }
.pointtitlewrap01 ul li:nth-child(2) img { width: 76px; height: auto; padding: 0 0 5px; }
.pointtitlewrap01 ul li:nth-child(3) { font-size: 18px; font-weight: 600; color: #de5e00; }
.pointsubtitlewrap01 { font-size: 14px; padding: 0 0 5px; }

.applicationbuttonwrap01 { width: 100%; margin: 0 auto; }
.applicationbuttonwrap02:after { content:""; display:block; clear:both; }
.applicationbuttoninner01 { width: 48%; }
.applicationbuttoninner01:nth-child(1) { float: left; }
.applicationbuttoninner01:nth-child(2) { float: right; }
.applicationbuttoninner01 a:nth-child(1) img { margin: 0 0 1%; }
.applicationbuttoninner01 a:nth-child(2) img { margin: 0; }

#slidewrap01 { width: 100%; overflow: hidden; }

ul.sliderwrap01 { width: 100%; margin: 0 auto; text-align: center; }
ul.sliderwrap01 li { display: inline-block; }
ul.sliderwrap01 li img { width: 90%; padding: 0 5%; }

.slick-arrow {
  z-index:20; /* 矢印画像を最前面へ */
}
.slide-arrow {
  display:block;
  width: 50px !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.slide-arrow img { display: block; width: 100%; height: auto; transition: 1.0s; }
.slide-arrow img:hover { opacity:0.6; transition: 1.0s; cursor: pointer; }
.prev-arrow {
  left: 10px;
}
.next-arrow {
  right: 10px;
}

ul.voicewrap01 { display: block; }
ul.voicewrap01 li { display: block; }
ul.voicewrap01 li:nth-child(1) { text-align: center; font-size: 16px; padding: 0 0 10px; }
ul.voicewrap01 li:nth-child(2) img { width: 100%; height: auto; padding: 0 0 10px; }
ul.voicewrap01 li:nth-child(3) { text-align: center; font-size: 20px; color: #2c673a; padding: 0 0 10px; }

ul.flowwrap01 { display: table; margin: 0 auto; text-align: center; }
ul.flowwrap01 li { display: block; font-size: 14px; line-height: 160%; }
.flowstrong01 { font-size: 20px; font-weight: 600; }

ul.faqwrap01 { display: block; padding: 0 0 15px; }
ul.faqwrap01:last-child { padding: 0; }
ul.faqwrap01 li { display: block; text-align: center; margin: 0 0 15px; }
ul.faqwrap01 li:nth-child(1) { font-size: 14px; color: #FFFFFF; text-align: center; line-height: 140%; padding: 0.2em; }
ul.faqwrap01:nth-child(1n) li:nth-child(1) { background: #2c673a; }
ul.faqwrap01:nth-child(2n) li:nth-child(1) { background: #6b9475; }
ul.faqwrap01 li:nth-child(2) { width: 98%; margin: 0 auto; font-size: 14px; text-align: left; line-height: 160%; }

#floatbannerwrap01 { width: 64px; position: fixed; top: 85px; right: 3%; z-index: 6003; }
#floatbannerwrap01:after { content:""; display:block; clear:both; }
#floatbannerwrap01 a { width: 30px; float: left; }
#floatbannerwrap01 a:nth-child(1) { margin: 0 4px 0 0; }
}
/* //トランクルームIDトランク横浜台町ページ */


/* お問い合わせ */
.contactbuttonwrap01 { width: 824px; margin: 0 auto; padding: 0 0 56px; }
.contactbuttonwrap01:after { content:""; display:block; clear:both; }
.contactbuttoninner01 { width: 392px; float: left; }
.contactbuttoninner01:nth-child(2) { float: right; }

.contactattentionwrap01 { width: 85%; margin: 0 auto; padding: 30px 0 0; }

.formcontentsinner01 p.requisite { color: #FFFFFF; background: #ff3100; padding: 2px; }
.formcontentsinner01 p.optional { color: #464646; background: #d8d8d8; padding: 2px; }

.formwrap01 { display: block; padding: 0 0 50px; }

.formlist01 { display: table-cell; width: 7em; }
.formlist01:nth-child(2) { width: auto; }

ul.formlist02 li { display: block; margin: 0 0 10px; }
ul.formlist02 li:last-child { margin: 0; }

p.selectlist01 { width: auto; display: inline-block; padding: 0 1em 0 0; }
p.selectlist02 { width: 15%; display: inline-block; }
p.dateselect01 { padding: 0 0 5px 10px; }
p.dateselect01:last-child { padding: 0 0 0 10px; }
p.dateselect02 { padding: 0; }

.formattention01 { text-align: center; padding: 0 0 30px; }

.formattentionwrap01 { display: block; border: 1px solid #d8d8d8; background: #FFFFFF; font-size: 11px; line-height: 180%; }

.formattentioninner01 { display: block; overflow-y: auto; min-height: 100px; max-height: 150px; padding: 2%; }
.formattentioninner02 { display: block; padding: 0 0 20px; }
.formattentioninner02:last-child { padding: 0; }

input { width:98%; padding:5px 1%; margin:0; border:1px solid #d8d8d8; }
input.textbox01 { width:50%; padding:8px 1%; margin:0; border:1px solid #d8d8d8; }
select { width:20%; padding:8px 1%; margin:0; border:1px solid #d8d8d8; }
select.date { width:22%; padding:8px 1%; margin:0 0 0 2%; border:1px solid #d8d8d8; }
input.namebox { width:90%; padding:8px 1%; border:1px solid #d8d8d8; }
input#zip { width:18%; padding:8px 1%; border:1px solid #d8d8d8; }
input.addr { width:50%; padding:8px 1%; border:1px solid #d8d8d8; }
.number01 { width:3em; padding:8px 1%; border:1px solid #d8d8d8; display: inline-block; }
.number02 { width:100px !important; padding:8px 1%; border:1px solid #d8d8d8; display: inline-block; }
textarea { width:98%; height:200px; padding:8px 1%; margin:0; border:1px solid #d8d8d8; }
textarea.freetext01 { width:98%; height:30px; padding:8px 1%; margin:0; border:1px solid #d8d8d8; }
.ex { display:inline-block; }

input.checkbox{
	display: none;
}
label{
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin: 3px 0 0;
	text-indent: 0;
	padding:0 0 0 25px;
	border-radius: 1%;
	font-size: 16px;
	text-align: left;
	line-height: 1.3;
	vertical-align:top;
}
label:before{
	position: absolute;
	content: "";
	top: 10px;
	left: 0;
	width: 16px;
	height: 16px;
	margin-top: -10px;
	background: #ffffff;
	border-radius: 5%;
	border:1px solid #d8d8d8;
}
input[type="radio"]:checked + label:after {
	content: "";
	display: block;
	position: absolute;
	top: -1px;
	left: 5px;
	width: 6px;
	height: 12px;
	transform: rotate(40deg);
	border-bottom: 3px solid #667dac;
	border-right: 3px solid #667dac;
}

input[type="checkbox"]:checked + label:after {
	content: "";
	display: block;
	position: absolute;
	top: -1px;
	left: 5px;
	width: 6px;
	height: 12px;
	transform: rotate(40deg);
	border-bottom: 3px solid #667dac;
	border-right: 3px solid #667dac;
}
label[for="email_1"]{
	display: inline-block;
	position: relative;
	cursor: auto;
	margin-left: 0;
	text-indent: 0;
	padding:0;
	border-radius: 1%;
	font-size: 14px;
	text-align: left;
	line-height: 1.3;
	vertical-align:top;
}
label[for="email_1"]:before{
	display: none;
	position: absolute;
	content: "";
	top: 9px;
	left: 0;
	width: 16px;
	height: 16px;
	margin-top: -10px;
	background: #ffffff;
	border-radius: 5%;
	border:1px solid #d8d8d8;
}
label[for="emailConfirm_1"]{
	display: inline-block;
	position: relative;
	cursor: auto;
	margin-left: 0;
	text-indent: 0;
	padding:0;
	border-radius: 1%;
	font-size: 14px;
	text-align: left;
	line-height: 1.3;
	vertical-align:top;
}
label[for="emailConfirm_1"]:before{
	display: none;
	position: absolute;
	content: "";
	top: 9px;
	left: 0;
	width: 16px;
	height: 16px;
	margin-top: -10px;
	background: #ffffff;
	border-radius: 5%;
	border:1px solid #d8d8d8;
}
.pplist01 { padding: 0 0 0 1em; }
ul.check01 { width:100%; display:block; text-align: center; padding: 30px 0 15px; }
ul.check01 li {
	width:100%;
	display:block;
	background: #ededed;
	padding: 0.5em 0 1em;
	margin: 0;
}
ul.check02 { width:100%; display:block; text-align: left; }
ul.check02 li {
	width:auto;
	display:inline-block;
	padding: 0 1em 0 0;
}
ul.check03 { width:100%; display:block; text-align: left; }
ul.check03 li {
	width:auto;
	display:inline-block;
	padding: 0 1em 0 0;
}
label[for=consent01] {
	display: block;
	font-size: 16px;
	width: 55%;
	text-align: center;
	margin: 15px auto 0;
}
.ppattentiontext01 { width: 100%; display: block; font-size: 14px; line-height: 160%; margin: 0 auto; /*color: #d70000;*/ }

#privacywrap01 { display: block; border: 1px solid #ededed; padding: 20px; margin: 30px 0 0; }
#privacywrap02 { display: block; height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
#privacywrap02 ul { display: block; padding: 0 1em 1em; }
#privacywrap02 ul:last-child { padding: 0 1em; }
@media all and (-ms-high-contrast: none) {
label{
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-left: 0;
	text-indent: 0;
	padding:0 0 0 25px;
	border-radius: 1%;
	font-size: 14px;
	text-align: left;
	line-height: 1.3;
	vertical-align:top;
}
label:before{
	position: absolute;
	content: "";
	top: 7px;
	left: 0;
	width: 16px;
	height: 16px;
	margin-top: -10px;
	background: #ffffff;
	border-radius: 5%;
	border:1px solid #d8d8d8;
}
input[type="radio"]:checked + label:after {
	position: absolute;
	content: "";
	top: -3px;
	left: 5px;
	width: 6px;
	height: 12px;
	transform: rotate(40deg);
	border-bottom: 3px solid #667dac;
	border-right: 3px solid #667dac;
}

input[type="checkbox"]:checked + label:after {
	content: "";
	display: block;
	position: absolute;
	top: -3px;
	left: 5px;
	width: 6px;
	height: 12px;
	transform: rotate(40deg);
	border-bottom: 3px solid #667dac;
	border-right: 3px solid #667dac;
}
}

#attentionbox01 {
	font-size:24px;
	font-weight:600;
	margin: 0 auto 50px;
	display: block;
	text-align: center;
	line-height: 140%;
	color: #437820;
}

#attentionbox02 {
	width: 98%;
	font-size:20px;
	font-weight:bold;
	margin: 0 auto 50px;
	display: block;
	text-align: center;
	line-height: 140%;
}

#attentionbox03 {
	width: 98%;
	font-size:20px;
	font-weight:bold;
	margin: 0 auto 50px;
	display: block;
	text-align: center;
	line-height: 140%;
	color: #e60012;
}

.buttonbox01 { width:392px; margin:0 auto; padding:15px 0 0 0; }
.buttonbox01 img { width:100%; height:auto; }
.buttonbox01 input { width:392px; height:auto; padding:0; margin:0; border:none; }
.buttonbox02 { width:804px; margin:0 auto; padding:15px 0 0 0; zoom:1; }
.buttonbox02:after { content:""; display:block; clear:both; }
.buttonbox02 img { width:100%; height:auto; }
.buttonbox03 { width:392px; float:left; }
.buttonbox03:nth-child(2) { width:392px; float:right; }
.buttonbox03 input { width:392px; height:auto; padding:0; margin:0; border:none; }

input.button { border:none; padding:0; margin:0; }

/* 項目調整用 */
.listitem01 { letter-spacing:3em; }
.listitem02 { letter-spacing:1em; }
@media screen and (min-width: 0px) and (max-width: 767px)  {
.contactbuttonwrap01 { width: 100%; margin: 0 auto; padding: 0 0 15px; }
.contactbuttonwrap01:after { content:""; display:block; clear:both; }
.contactbuttoninner01 { width: 100%; float: none; padding: 0 0 15px; }
.contactbuttoninner01:nth-child(2) { float: none; padding: 0; }

.contactattentionwrap01 { width: 98%; margin: 0 auto; padding: 15px 0 0; }

.formwrap01 { display: block; padding: 0 0 20px; }

.formlist01 { display: table-cell; width: 7em; }
.formlist01:nth-child(2) { width: auto; }

.formcontentsinner01 p.requisite { color: #FFFFFF; background: #ff3100; padding: 2px; }
.formcontentsinner01 p.optional { color: #464646; background: #d8d8d8; padding: 2px; }

.formcontentsinner01 p.selectlist { width: 100%; display: block; }

.formattention01 { text-align: center; padding: 0 0 15px; }

.formattentionwrap01 { display: block; border: 1px solid #d8d8d8; background: #FFFFFF; font-size: 11px; }

.formattentioninner01 { display: block; overflow-y: auto; min-height: 100px; max-height: 150px; padding: 2%; }
.formattentioninner02 { display: block; padding: 0 0 20px; }
.formattentioninner02:last-child { padding: 0; }

p.selectlist01 { width: 100%; display: block; }
p.selectlist02 { width: 100%; display: block; }
p.dateselect01 { width: 100%; padding: 0 0 5px 10px; }
p.dateselect01:last-child { padding: 0 0 0 10px; }
p.dateselect02 { padding: 0; }

input { width:98%; display:block; padding:6px 1%; margin:0; border:1px solid #d8d8d8; }
input.textbox01 { width:50%; padding:6px 1%; margin:0; border:1px solid #d8d8d8; }
select { width:25%; display:block; padding:6px 1%; margin:0; border:1px solid #d8d8d8; }
select.date { width:22%; padding:8px 1%; margin:0 0 0 2%; border:1px solid #d8d8d8; display: inline-block; }
input#zip { width:20%; padding:6px 1%; border:1px solid #d8d8d8; }
input.addr { width:50%; padding:6px 1%; border:1px solid #d8d8d8; }
.number01 { width:3em; padding:8px 1%; border:1px solid #d8d8d8; display: inline-block; }
.number02 { width:25%; padding:8px 1%; border:1px solid #d8d8d8; display: inline-block; }
textarea { width:98%; height:200px; padding:6px 1%; margin:0; border:1px solid #d8d8d8; }
textarea.freetext01 { width:98%; height:30px; padding:6px 1%; margin:0; border:1px solid #d8d8d8; }
.ex { display:block; }


input.checkbox{
	display: none;
}
label{
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin: 0;
	text-indent: 0;
	padding:0 0 0 25px;
	border-radius: 1%;
	font-size: 12px;
	text-align: left;
	line-height: 1.3;
	vertical-align:middle;
}
label:before{
	position: absolute;
	content: "";
	top: 9px;
	left: 0;
	width: 16px;
	height: 16px;
	margin-top: -10px;
	background: #ffffff;
	border-radius: 5%;
	border:1px solid #d8d8d8;
}
input[type="radio"]:checked + label:after {
	position: absolute;
	content: "";
	top: 50%;
	left: 6px;
	width: 6px;
	height: 6px;
	margin-top: -4px;
	border-radius: 50%;
	background: #dd747d;
}

input[type="checkbox"]:checked + label:after {
	content: "";
	display: block;
	position: absolute;
	top: -1px;
	left: 5px;
	width: 6px;
	height: 12px;
	transform: rotate(40deg);
	border-bottom: 3px solid #dd747d;
	border-right: 3px solid #dd747d;
}
label[for="email_1"]{
	display: inline-block;
	position: relative;
	cursor: auto;
	margin-left: 0;
	text-indent: 0;
	padding:0;
	border-radius: 1%;
	font-size: 14px;
	text-align: left;
	line-height: 1.3;
	vertical-align:top;
}
label[for="email_1"]:before{
	display: none;
	position: absolute;
	content: "";
	top: 9px;
	left: 0;
	width: 16px;
	height: 16px;
	margin-top: -10px;
	background: #ffffff;
	border-radius: 5%;
	border:1px solid #d8d8d8;
}
label[for="emailConfirm_1"]{
	display: inline-block;
	position: relative;
	cursor: auto;
	margin-left: 0;
	text-indent: 0;
	padding:0;
	border-radius: 1%;
	font-size: 14px;
	text-align: left;
	line-height: 1.3;
	vertical-align:top;
}
label[for="emailConfirm_1"]:before{
	display: none;
	position: absolute;
	content: "";
	top: 9px;
	left: 0;
	width: 16px;
	height: 16px;
	margin-top: -10px;
	background: #ffffff;
	border-radius: 5%;
	border:1px solid #d8d8d8;
}
.pplist01 { padding: 0 0 0 1em; }
ul.check01 { width:100%; display:block; text-align: center; padding: 15px 0; }
ul.check01 li {
	width:100%;
	display:block;
	background: #ededed;
	padding: 0.5em 0 1em;
	margin: 0;
}
ul.check02 { width:100%; display:block; text-align: left; }
ul.check02 li {
	width:auto;
	display:block;
	padding: 0;
}
ul.check03 { width:100%; display:block; text-align: left; }
ul.check03 li {
	width:auto;
	display:inline-block;
	padding: 0 1em 0 0;
}
label[for=consent01] {
	display: block;
	font-size: 12px;
	width: 84%;
	text-align: center;
	margin: 15px auto 0;
}
.ppattentiontext01 { width: 98%; display: block; font-size: 12px; line-height: 160%; margin: 0 auto; /*color: #d70000;*/ }

#privacywrap01 { display: block; border: 1px solid #ededed; padding: 20px; margin: 30px 0 0; }
#privacywrap02 { display: block; height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
#privacywrap02 ul { display: block; padding: 0 1em 1em; }
#privacywrap02 ul:last-child { padding: 0 1em; }


#attentionbox01 {
	font-size:16px;
	font-weight:600;
	margin: 0 auto 15px;
	display: block;
	text-align: center;
	line-height: 140%;
	color: #437820;
}

#attentionbox02 {
	width:94%;
	font-size:14px;
	font-weight:bold;
	margin: 0 auto 15px;
	display: block;
	text-align: center;
	line-height: 140%;
}

#attentionbox03 {
	width:94%;
	font-size:14px;
	font-weight:bold;
	margin: 0 auto 15px;
	display: block;
	text-align: center;
	line-height: 140%;
	color: #e60012;
}

.buttonbox01 { width:40%; height:auto; margin:0 auto; padding:10px 0 0 0; text-align:center; }
.buttonbox01 img { width:100%; height:auto; }
.buttonbox01 input { width:100%; height:auto; padding:0; margin:0; border:none; }
.buttonbox02 { width:100%; margin:0 auto; padding:10px 0 0 0; text-align:center; }
.buttonbox02 img { width:100%; height:auto; }
.buttonbox03 { width:40%; height:auto; margin:0 auto 15px; display:block; float:none; text-align:center; }
.buttonbox03:nth-child(2) { width:40%; height:auto; margin:0 auto; display:block; float:none; }
.buttonbox03 img { width:100%; height:auto; }
.buttonbox03 input { width:100%; height:auto; padding:0; margin:0; border:none; }

.button { width:100%; height:auto; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; padding:0 !important; }

/* 項目調整用 */
.listitem01 { letter-spacing:3em; }
.listitem02 { letter-spacing:1em; }
}
/* //お問い合わせ */