@charset"UTF-8";
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}
body {
	line-height: 1
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section {
	display: block
}
nav ul {
	list-style: none
}
blockquote,
q {
	quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
	content: none
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: 700
}
del {
	text-decoration: line-through
}
abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}
input,select {
	vertical-align: middle
}
/*!
style.css (C) Cosa-L Co.,Ltd.All Rights Reserved. http://www.cosa-l.co.jp/ Modified: 2016/2/29 10:11:39 Editor: Toshiyuki Hara */
body,html {
	height: 100%
}
form {
	margin: 0
}
input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],select,textarea {
	padding: 0 10px;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	border: 1px solid #ccc
}
select {
	padding: 0
}
textarea {
	padding: 8px 10px;
	font-size: 20px;
	font-size: 2rem;
	resize: vertical
}
[type=email],[type=number],[type=password],[type=search],[type=tel],[type=text],select {
	height: 40px;
	font-size: 20px;
	font-size: 2rem;
	border: 1px solid #bbb
}
[type=button],[type=submit] {
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle
}
address {
	font-style: normal
}
.resetStyle {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: 400
}
footer ol,footer ul,header ol,header ul {
	margin: 0;
	padding: 0;
	list-style: none
}
.mt0 { margin-top: 0!important }
.mb0 { margin-bottom: 0!important }
.mt5 { margin-top: 5px!important }
.mb5 { margin-bottom: 5px!important }
.mt10 { margin-top: 10px!important }
.mb10 { margin-bottom: 10px!important }
.mt15 { margin-top: 15px!important }
.mb15 { margin-bottom: 15px!important }
.mt20 { margin-top: 20px!important }
.mb20 { margin-bottom: 20px!important }
.mt25 { margin-top: 25px!important }
.mb25 { margin-bottom: 25px!important }
.mt30 { margin-top: 30px!important }
.mb30 { margin-bottom: 30px!important }
.mt35 { margin-top: 35px!important }
.mb35 { margin-bottom: 35px!important }
.mt40 { margin-top: 40px!important }
.mb40 { margin-bottom: 40px!important }
.mt45 { margin-top: 45px!important }
.mb45 { margin-bottom: 45px!important }
.small { font-size: 91%!important }
.large { font-size: 120%!important }
.bold { font-weight: 700!important }
.normal { font-weight: 400!important }
.center { text-align: center!important }
.left { text-align: left!important }
.right { text-align: right!important }
.att { color: red!important }
.borderNone { border: 0!important }
.none { display: none!important }
.block { display: block!important }
.show { visibility: visible!important }
.hide { visibility: hidden!important }
.disabled {
	cursor: default;
	pointer-events: none
}
@font-face {
	font-family: fontello;
	src: url("../font/fontello/fontello.eot");
	src: url("../font/fontello/fontello.eot?#iefix") format("embedded-opentype"), url(../font/fontello/fontello.eot) format("embedded-opentype"), url(../font/fontello/fontello.woff) format("woff"), url(../font/fontello/fontello.ttf) format("truetype"), url(../font/fontello/fontello.svg) format("svg")
}
html { font-size: 62.5% }
body {
	color: #000;
	font: 16px/1.65 "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #fff;
	font-size: 16px;
	font-size: 1.6rem
}
a {
	cursor: pointer;
	/* color: #000; */
	-webkit-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out
}
a:active,
a:focus,
a:visited {
	/* color: #000; */
}
a:hover {color: #f08200;}
.mincho {
	font-family: "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif
}
.seminarBox .seminarBox__head,.title.title--type6 .title__inr,.title.title--type7 .title__inr,.title.title--type8 .title__inr {
	font-family: "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif
}
.notice {
	font-weight: inherit;
	color: #ea0101
}
.brpc {display: block}
.brtb {display: none}
.brsp {display: none}
.box .box__inr,.caseList .caseList__item,.centerBox,.featureItem .featureItem__txt,.header .header__inr,.resolutionItem,.title .title__body {
	max-width: 950px;
	min-width: 320px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	box-sizing: border-box
}
.page {
	width: 100%;
	min-width: 320px;
	overflow: hidden
}
.no-mediaqueries .page {
	min-width: 980px
}
.header {
	background-color: #f16202
}
.header .header__body {
	width: 100%;
	height: 80px;
	box-sizing: border-box;
	display: table
}
.header .header__logo {
	width: 220px;
	display: table-cell;
	vertical-align: middle
}
.header .header__ttl {
	display: table-cell;
	line-height: 1.25;
	text-align: right;
	vertical-align: middle;
	color: #fff
}

#footer {
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	overflow: hidden;
	position: relative;
	display: block;
	padding: 0 20px;
}
@media screen and (max-width: 768px) {
	#footer {
	  width: 100%;
	  padding: 0;
	}
}
#footer a:active,
#footer a:focus,
#footer a:visited {
	color: #000;
}

#footer .box-contact-01 + .footer-top {
	border-top: 1px solid #cccccc;
}
#footer .box-staff-02 {
	padding-top: 40px;
	border-top: 1px solid #cccccc;
}
@media screen and (max-width: 768px) {
	#footer .box-staff-02 {
		padding-top: 20px;
		padding-bottom: 23px;
		border-bottom: 1px solid #cccccc;
	}
}
#footer .footer-top {
	margin-bottom: 1em;
	padding-top: 45px;
}
@media screen and (max-width: 768px) {
	#footer .footer-top {
		padding: 20px 12px 0;
	}
}
  #footer .footer-top ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
  }
  @media screen and (max-width: 768px) {
	#footer .footer-top ul {
	  display: none;
	}
  }
  #footer .footer-top ul li:first-child a:before {
	display: none;
  }
  #footer .footer-top ul li:last-child a {
	padding-right: 0;
  }
  #footer .footer-top ul li a {
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
  }
  #footer .footer-top ul li a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	height: 80%;
	border-left: 1px solid #33333d;
  }
  #footer .copyright {
	display: block;
	margin-top: 45px;
	padding: 25px 0 27px;
	border-top: 2px solid #cccccc;
	font-size: 1.2rem;
	letter-spacing: 0.14em;
	text-align: center;
  }
  @media screen and (max-width: 768px) {
	#footer .copyright {
	  padding: 11px 0;
	  letter-spacing: 0;
	  font-size: 1.1rem;
	}
  }
  .copyright_inner {
	/* display: flex;
	justify-content: space-between; */
	align-items: center;
	margin: 0 auto;
	image-rendering: -webkit-optimize-contrast;
	/* text-align: center; ☆追記：マリノスロゴ復活の際は削除の事 */
  }
  .copyright_inner img {
	max-width: 100%;
	width: auto;
  }
  @media screen and (max-width: 768px) {
	.copyright_inner {
	  display: block;
	  image-rendering: initial;
	}
	.copyright_inner img {
	  padding: 20px 0 20px;
	  margin: 0 auto;
	  text-align: center;
	}
  }


.contents {
	padding-bottom: 60px
}

.att_cont{
    background: #f08202;
    color: #fff;
    padding: 15px;
	font-size: 20px;
    text-align: center;
    font-weight: bold;
}

.top_cont01{
	border-bottom: solid #ff7d00 6px;
	margin: 0 auto;
	padding: 20px 0;
}

.wrap_cont{
	max-width: 1040px;
	margin: 0 auto;
	padding: 0 20px;
}

.wrap_cont h1{
	color: #f08200;
	font-size: 36px;
	line-height: 1.4;
	text-align: center;
    margin-bottom: 45px !important;
}
.wrap_cont h1 sup{
	font-size: 18px;
}
.wrap_cont .h1cap{
    color: #f08200;
    text-align: right;
	font-size: 18px;
	margin-bottom: 30px;
    padding-right: 40px;
}
.wrap_cont h2{
	color: #333;
	font-size: 36px;
	line-height: 1.4;
	text-align: center;
	margin-bottom: 20px;
}
.wrap_cont h2 .sub{
    display: block;
	color: #f08200;
    font-weight: bold;
	font-size: 18px;
}

.wrap_cont .txt_area{
	border-radius: 10px;
	padding: 20px;
}
.wrap_cont .txt_area ul{
	color: #f08200;
    font-weight: bold;
    line-height: 180%;
    margin-bottom: 20px;
    font-size: 20px;
}
.wrap_cont .txt_area a.link_btn{
    display: block;
	max-width: 400px;
    margin: 50px auto 0;
    border: none;
    color: #fff;
    position: relative;
    cursor: pointer;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    border-radius: 50px;
    background-color: #fa8200;
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    padding: 20px;
    text-align: center;
    transition-duration: .2s;
}

.wrap_cont .image-grid{
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 10px;
    background: #eee;
    padding: 10px;
}
.wrap_cont .image-item img {
    width: 100%;
    height: auto;
}


.wrap_cont .img_area figure{
	text-align: center;
}

.wrap_cont .tbl_01{
	margin: 0 auto 20px;
}
.wrap_cont .tbl_01 td{
	border: #333 dotted 1px;
	padding: 5px;
}

.contact_box {
	padding: 20px;
	width: 90%;
	max-width: 688px;
	background: #fffaee;
	border: 2px solid #e5d6c9;
	text-align: center;
	margin: 20px auto;
}


/* 汎用 */
.list_disc li,.jp-ast {
	text-indent: -1em;
	padding-left: 1em;
}
p.jp-ast_num,ul.jp-ast_num li {
	text-indent: -2em;
	padding-left: 2em;
}

/* .jp-ast::before {
	content: "※";
} */

.spv {
	display: none !important;
}

.scroll img{
	max-width: 900px;
	width: 100%;
}

@media only screen and (max-width: 768px) {
	.scroll{
		overflow: auto;
		white-space: nowrap;
	}
	.scroll::-webkit-scrollbar-track{background: #F1F1F1;}
	.scroll::-webkit-scrollbar-thumb{background: #BCBCBC;}
	.scroll img{
		max-width: 750px;
		width: 750px;
	}
}

@media screen and (max-width: 768px) {
	/* =============================================================================
  style base
  ========================================================================== */
	/* -----------------------------------------------
  header
  ----------------------------------------------- */
	header {
	}
  
	#wrap_header {
	  border-top: 4px solid #ff7d00;
	}
  
	#wrap_header .wrap_header_inner {
	}
  
	/* -----------------------------------------------
  logo_range
  */
	#wrap_header .logo_range {
	  width: 93.75%;
	  margin: 0 auto;
	}
  
	#wrap_header .logo_range .inner_range {
	  padding: 14px 0 10px 0;
	}
  
	#wrap_header .logo_range .inner_range:after {
	  content: ".";
	  display: block;
	  height: 0;
	  clear: both;
	  visibility: hidden;
	  /* footer under gap resolution */
	  overflow: hidden;
	}
  
	#wrap_header .logo_range .lt {
	  float: left;
	  display: inline-block;
	  width: 58%;
	  padding: 0 0 0 0;
	}
  
	#wrap_header .logo_range .rt {
	  float: right;
	  display: inline-block;
	  padding: 2px 0 0 0;
	}
  
	#wrap_header .logo_range .rt p {
	  font-size: 12px;
	}
  
	/* -----------------------------------------------
  footer
  ----------------------------------------------- */
	footer {
	}
  
	#wrap_footer {
	}
  
	/* -----------------------------------------------
  link_range
  */
	#wrap_footer .link_range {
	  margin: 0 0 0 0;
	  padding: 15px 0 30px 0;
	  background-color: #ffffff;
	}
  
	#wrap_footer .link_range ul {
	  width: 93.75%;
	  margin: 0 auto;
	}
  
	#wrap_footer .link_range li {
	  margin: 0 0 15px 0;
	  font-size: 13px;
	}
  
	#wrap_footer .link_range li:before {
	  content: ">";
	  margin: 0 1px 0 0;
	  vertical-align: 1px;
	}
  
	#wrap_footer .link_range li a {
	  text-decoration: underline;
	}
  
	#wrap_footer .link_range li a:hover {
	  text-decoration: none;
	}

/* ☆ */
	.top_cont01{
		/* border-width: 4px 0; */
		border-bottom-width: 4px;
	}
	.wrap_cont h2{
		font-size: 22px;
	}
	.wrap_cont .txt_area{
		padding: 20px 0;
	}
/* -----------------------------------------------
  copyright
  */
	#wrap_footer .copyright {
		padding: 8px 0 170px 0;
		background-color: #878787;
		color: #ffffff;
		font-size: 11px;
		text-align: center;
	}

	.pcv { display: none !important; }
	.spv { display: block !important; }
  
	/* =============================================================================
  contents base
  ========================================================================== */
	/* -----------------------------------------------
  layout_mesh
  ----------------------------------------------- */
	.layout_mesh {
	  width: 100%;
	  height: 13px;
	  background: url("../../img/page/layout_mesh_bg_01.png") repeat scroll 0 0;
	}
  
	/* =============================================================================
  end sp
  ========================================================================== */
}