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

html,body { height:100%; }

main,section {display:block;}

*,#marchat_area *:before, *:after {
	word-break: break-all;
	
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
			margin:0;
			padding:0px;
}
img {
	vertical-align:top;
	max-width:100%;
	aspect-ratio: attr(width) / attr(height);
	height: auto;
}

.clear {clear:both;}
.clearfix:after {
	content:"";
	display:block;
	clear:both;
}
.ta-c {text-align:center !important;}
.ta-j {text-align:justify !important;}
.ta-l {text-align:left !important;}
.ta-r {text-align:right !important;}

.tc-red {color:#F00 !important;}
.tc-blue {color:#00F !important;}
.tc-black {color:#000 !important;}
.tc-brown {color:#5E2B20 !important;}

.font-b {font-weight:bold !important;}
.font-s {font-size:90% !important;}
.font-ss {font-size:80% !important;}
.font-sss {font-size:70% !important;}
.font-l {font-size:110% !important;}
.font-ll {font-size:120% !important;}
.font-lll {font-size:130% !important;}

.bg-white { background-color:#FFF !important;}

.t-indent {text-indent:-1em; padding-left:1em;}

.no_disp {display:none;}

.w100p { width: 100%;}
.w90p { width: 90%;}
.w80p { width: 80%;}

.mt00 {margin-top:0px !important;}
.mt02 {margin-top:2px !important;}
.mt04 {margin-top:4px !important;}
.mt05 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}

.mb00 {margin-bottom:0px !important;}

.pt00 {padding-top:0px !important;}
.pb00 {padding-bottom:0px !important;}

.pl30 { padding-left:30px !important;}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#ccc;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#ccc;
}
::placeholder{ /* Others */
 color:#ccc
}

a:hover {
	transition:.3s;
	animation: mouseOverfade 0.7s ease 0s 1 normal;
	-webkit-animation: mouseOverfade 0.7s ease 0s 1 normal;
}
@keyframes mouseOverfade {
    0% {opacity: 0.3}
    100% {opacity: 1}
}

@-webkit-keyframes mouseOverfade {
    0% {opacity: 0.3}
    100% {opacity: 1}
}


@media print, screen and (min-width: 769px){
	.sp-only{display:none !important;}
}
@media print, screen and (max-width: 768px){
	.pc-only{display:none !important;}
}

section {
	display:block;
	position:relative;
	padding:0px 0 80px;
	margin-bottom:60px;
	background-image:url(../images/note-ring.png);
	background-repeat:repeat-x;
	background-position:bottom;
}
section.noline {
	background-image:none;
	padding-bottom:20px;
	margin-bottom:20px;
}
@media print, screen and (max-width: 768px){
	section {
		padding:0px 0 100px;
		margin-top:10px;
		margin-bottom:30px;
	}
	section.noline {
		padding-bottom:0px;
	}
}
.def_width {
	width:100%;
	max-width:1024px;
	margin-left:auto;
	margin-right:auto;
}

.orikaesi {word-break: break-all;}

a.btn1 {
	display:inline-block;
	padding:10px 13px;
	color:#111111 !important;
	line-height:1.3;
	position:relative;
	background-color: #FFF9F2;
}
a.btn1::before {
	content: "";
	background-image: linear-gradient(to right, #DF9541, #DF9541 3px, transparent 3px, transparent 8px),
	linear-gradient(to right, #DF9541, #DF9541 3px, transparent 3px, transparent 8px),
	linear-gradient(to bottom, #DF9541, #DF9541 3px, transparent 3px, transparent 8px),
	linear-gradient(to bottom, #DF9541, #DF9541 3px, transparent 3px, transparent 8px);
	background-size: 8px 2px, 8px 2px, 2px 8px, 2px 8px;
	background-position: left top, left bottom, left top, right top;
	background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	pointer-events: none;
}

a.btn1:hover {
	background-color:#DF9541;
	color:#FFF !important;
	text-decoration:none;
}
a.btn2 {
	display:inline-block;
	padding:3px 5px;
	background-color:#DF9541;
	border:dotted 1px #DF9541;
	color:#ffffff !important;
	line-height:1.3;
}
a.btn3 {
	display:inline-block;
	padding:3px 15px;
	background-color:#FFF8DF;
	border:solid 1px #D6C37F;
	border-radius:20px;
	color:#111111 !important;
	line-height:1.3;
	font-weight:normal !important;
}
a.btn3:hover {
	text-decoration:none;
}
a.btn4 {
	display:block;
	width:70%;
	margin:0 auto;
	padding:10px 0;
	text-align:center;
	background-color:#DF9541;
	border:dotted 1px #DF9541;
	color:#ffffff !important;
	line-height:1.3;
	border-radius:5px;
	font-size:30px;
}
a.btn4:hover {
	text-decoration:none;
}
@media print, screen and (max-width: 768px){
	a.btn4 {
		width:100%;
		font-size:20px;
	}
}



.btn_toukyu {
	padding:15px 20px 15px 50px;
	display:inline-block;
	border-radius:5px;
	color:#FFF !important;
	background-color:#E8831C;
	background-image:url(../images/kouisyou/kis-cts-img8-1-2.png);
	background-position:10px 10px;
	background-repeat:no-repeat;
	background-size:30px auto;
}
.btn_toukyu:hover {
	text-decoration:none;
}

.fc-blue {
	color:#3598DB;
}
.fc-red {
	color:#E03E2D;
}
.fc-gray {
	color:#707070;
}

.fl-l {float:left;}
.fl-r {float:right;}

.box_5050:after {
	content:"";
	display:block;
	clear:both;
}
.box_5050.fl-l {
	width:50%;
	padding-right:10px;
}
.box_5050.fl-r {
	width:50%;
	padding-left:10px;
}
@media print, screen and (max-width: 768px){
	.box_50.fl-l,
	.box_50.fl-r {
		float:none;
		width:100%;
	}
}

img.fl-l { margin-right:10px;}
img.fl-r { margin-left:10px;}
@media print, screen and (max-width: 768px){
	img.fl-l { float:none; display:block; margin:20px auto;}
	img.fl-r { float:none; display:block; margin:20px auto;}
}

.img_right1 {
	max-width:30%;
	float:right;
	margin:0 0 10px 10px;
}
@media print, screen and (max-width: 768px){
	.img_right1 {
		max-width:100%;
		float:none;
		margin:0 0 10px 0;
	}
}

.obj_fit_cover {
	object-fit: cover;
    object-position: 50% 50%;
    font-family: 'object-fit: cover; object-position: 50% 50%;';
}

.flex-space {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	list-style:none;
}
.flex-between {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style:none;
}
.flex-center {
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	list-style:none;
}
.flex-center li {
	margin-left:10px;
	margin-right:10px;
}
.col2 li {
	width:calc(100% / 2 - 21px);
	position:relative;
}
.col3 li {
	width:calc(100% / 3 - 21px);
	position:relative;
}
.col4 li {
	width:calc(100% / 4 - 21px);
	position:relative;
}


.img_box {
	position:relative;
	width:100%;
	height:100%;
}
.img_box img {
	position:absolute;
	min-width:100%;
	min-height:100%;
	top:50%;
	left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.img_box img.yoko {
	max-width:none !important;
	height:100%;
}


 input[type="text"]
,input[type="number"]
,input[type="password"]
,input[type="email"]
,input[type="tel"]
,textarea {
	padding:5px 7px;
	border:solid 1px #999999;
	border-radius:3px;
	font-size:20px;
}
@media print, screen and (max-width: 768px){
	 input[type="text"]
	,input[type="number"]
	,input[type="password"]
	,input[type="email"]
	,textarea {
		font-size:18px;
	}
}
textarea {
	width:90%;
	height:40px;
}
input[type="file"] {
	height:30.4px;
}
select {
	padding:5px 8px;
	border:solid 1px #999999;
	border-radius:3px;
	font-size:20px;
}
@media print, screen and (max-width: 768px){
	select {
		font-size:18px;
	}
}
label {
	display:inline-block;
	line-height:30.4px;
	margin-right:15px;
}
label input[type="radio"]
,label input[type="checkbox"] {
	margin-right:3px;
	width:17px;
	height:17px;
	vertical-align:middle;
}