@charset "utf-8";

/* 共通CSS 開始 */
* html .clearfix { height:1%; }
*, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box;border-collapse: collapse; }
.clearfix { display:block; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearboth{ clear:both; }

body {font-size:14px;}

.side{width:15%;min-width:150px;float:left;position: sticky;top:10px;}
.main{width:85%;min-width:350px;min-height:350px;float:right;}
.main2{width:100%;min-width:350px;min-height:350px;float:left;padding:0 0 0 20px;}
.mainfixed{color:#ffffff;position: sticky;top: 0px;background-color: #999999;background-clip:padding-box;padding:1px;}

a         { color:#0071BE; }
a:visited { color:#0071BE; }
a:hover   { color:#DC143C; }
a img     { text-decoration:none; }

p   { margin:0; padding:0; }
img { border:0; margin:0; padding:0; }
img { max-width:100%; height:auto; }
u   { color:#FF4500;text-decoration:none; }

.wid05{ width:50px; }
.wid10{ width:100px; }
.wid15{ width:150px; }
.wid20{ width:200px; }
.wid25{ width:250px; }
.wid30{ width:300px; }
.wid35{ width:350px; }
.wid40{ width:400px; }
.wid45{ width:450px; }
.wid50{ width:500px; }

.div05{ width:5%; }
.div15{ width:15%; }
.div25{ width:25%; }
.div35{ width:35%; }
.div45{ width:45%; }
.div55{ width:55%; }
.div65{ width:65%; }
.div75{ width:75%; }
.div85{ width:85%; }
.div95{ width:95%; }
.div10{ width:10%; }
.div20{ width:20%; }
.div30{ width:30%; }
.div40{ width:40%; }
.div50{ width:50%; }
.div60{ width:60%; }
.div70{ width:70%; }
.div80{ width:80%; }
.div90{ width:90%; }
.div00{ width:100%; }

.div33{ width:33%; }
.div06{ width:6%; }
.div07{ width:7%; }
.div08{ width:8%; }
.div09{ width:9%; }
.div11{ width:11%; }
.div12{ width:12%; }
.div13{ width:13%; }
.div14{ width:14%; }
.div16{ width:16%; }
.div17{ width:17%; }
.div18{ width:18%; }
.div19{ width:19%; }

.div05f{ float:left; width:5%; }
.div15f{ float:left; width:15%; }
.div25f{ float:left; width:25%; }
.div35f{ float:left; width:35%; }
.div45f{ float:left; width:45%; }
.div55f{ float:left; width:55%; }
.div65f{ float:left; width:65%; }
.div75f{ float:left; width:75%; }
.div85f{ float:left; width:85%; }
.div95f{ float:left; width:95%; }
.div10f{ float:left; width:10%; }
.div20f{ float:left; width:20%; }
.div30f{ float:left; width:30%; }
.div40f{ float:left; width:40%; }
.div50f{ float:left; width:50%; }
.div60f{ float:left; width:60%; }
.div70f{ float:left; width:70%; }
.div80f{ float:left; width:80%; }
.div90f{ float:left; width:90%; }
.div00f{ float:left; width:100%; }
.div33f{ float:left; width:33%; }

.div8m{ max-width:100%;width:800px; }
.div9m{ max-width:100%;width:900px; }
.div10m{ max-width:100%;width:1000px; }

.div8p{ max-width:100%;width:80%; }
.div9p{ max-width:100%;width:90%; }
.div10p{ max-width:100%;width:100%; }

.het30{ height:30px; }
.het60{ height:60px; }
.het90{ height:90px; }
.het120{ height:120px; }
.het150{ height:150px; }
.het180{ height:180px; }
.het210{ height:210px; }
.het240{ height:240px; }
.het270{ height:270px; }

.textleft  { text-align:left !important; }
.textright { text-align:right !important; }
.textcenter{ text-align:center !important; }
.whitespace{ white-space: nowrap; }

.borderbox{ border:1px solid #CCC; }


.mg_0   { margin:0; }
.mg_top_30 { margin-top:30px; }
.mg_top_20 { margin-top:20px; }
.mg_top_15 { margin-top:15px; }
.mg_top_10 { margin-top:10px; }
.mg_top_05 { margin-top:5px; }
.mg_btm_15 { margin-bottom:15px; }
.mg_lft_15 { margin-left:15px; }
.mg_rgt_15 { margin-right:15px; }
.mg_yko_15 { margin-left:15px; margin-right:15px; }
.mg_tte_15 { margin-top:15px; margin-bottom:15px; }
.mg_all_15 { margin:15px; }

.pt_0   { padding:0; }
.pt_top_20 { padding-top:20px; }
.pt_top_15 { padding-top:15px; }
.pt_top_10 { padding-top:10px; }
.pt_btm_20 { padding-bottom:20px; }
.pt_btm_15 { padding-bottom:15px; }
.pt_btm_10 { padding-bottom:10px; }
.pt_lft_15 { padding-left:15px; }
.pt_rgt_15 { padding-right:15px; }
.pt_yko_15 { padding-left:15px; padding-right:15px; }
.pt_tte_15 { padding-top:15px; padding-bottom:15px; }
.pt_yko_10 { padding-left:10px; padding-right:10px; }
.pt_tte_10 { padding-top:10px; padding-bottom:10px; }
.pt_all_15 { padding:15px; }
.pt_all_10 { padding:10px; }
.pt_all_05 { padding:5px; }

.bold { font-weight:bold; }
.red { color:red; font-weight:bold; }
.orange { color:#FF4500; font-weight:bold; }
.green { color:green; font-weight:bold; }
.crim { color:#DC143C; font-weight:bold; }
.blue { color:blue; font-weight:bold; }
.gold { color:gold; font-weight:bold; }
.gray { color:gray; font-weight:bold; }
.wheat { color:#333333; font-weight:bold; background-color:#F5DEB3; }
.yellow { color:#333333; font-weight:bold; background-color:#FFD700; }
.aqua { color:#333333; font-weight:bold; background-color:#00FFD7; }/* 00FFD7 */
.gyellow { color:#333333; font-weight:bold; background-color:#ABFF2F; }

.fsize06 { font-size:0.6em; }
.fsize07 { font-size:0.7em; }
.fsize08 { font-size:0.8em; }
.fsize09 { font-size:0.9em; }
.fsize10 { font-size:1.0em; }
.fsize11 { font-size:1.1em; }
.fsize12 { font-size:1.2em; }
.fsize13 { font-size:1.3em; }
.fsize14 { font-size:1.4em; }
.fsize15 { font-size:1.5em; }
.fsize16 { font-size:1.6em; }
.fsize17 { font-size:1.7em; }
.fsize18 { font-size:1.8em; }
.fsize19 { font-size:1.9em; }
.fsize20 { font-size:2.0em; }
.fsize24 { font-size:2.4em; }

.hline10 { line-height:1.0em; }
.hline11 { line-height:1.1em; }
.hline12 { line-height:1.2em; }
.hline13 { line-height:1.3em; }
.hline14 { line-height:1.4em; }
.hline15 { line-height:1.5em; }

.text_area { padding:5px;position:relative; }
.ipt_area { padding:5px; }
.err_area { border: 1.5px solid red; }



.btn1 {	width:150px;margin-right:5px;}
.btn2 {	width: 65px;margin-right:5px;}
.btn3 {	width:100px;margin-right:5px;}
.btn1, .btn2, .btn3 {
	border-radius: 2px; 
	padding: 5px;
	cursor: pointer;
	background-color: #60daf0;
	box-shadow: 0 4px #999999;/*2693b4*/
	border: none;
	outline: none;
}
.btn1:active, .btn2:active, .btn3:active {
    box-shadow: none;
    position: relative;
    top: 4px;
}
.bgc_today {background-color: #EEEEEE;}
.bgc_gray {background-color: #DDDDDD;}
.bgc_pink {background-color: #FFC0CB;}
.bgc_gren {background-color: #98FB98;}
.bgc_oran {background-color: #FFA500;}
.bgc_line {background-color: #EEEEEE;}
.bgc_line2 {background-color: #CCCCCC;}


/* table 対策*/
table td{
padding:5px;
height:55px;
text-align:center;
}
table th {
padding:5px 5px 5px 15px;
height:40px;
}
table tr {
border: solid 1px #999999;
}
table th.thline, table td.tdline{
border-right: solid 1px #999999;
}

/* select 対策*/
select{
  background:#FFFFFF;
}

/* iPhone 対策*/
input[type="submit"],
input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
}
input, select, textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
/* iPhone 対策*/

/* パスワード 対策*/
.field-icon {
    
    color: #666;
    font-size: 0.9em;
    float: right;
    margin-left: -20px;
    margin-top: 4px;
    position: absolute;/*relative*/
    z-index: 1;
}

/* パスワード 対策*/

/* ファイルアップロード*/
form.fileup {
    margin: 20px auto;
    max-width: 90%;
    width: 700px;
    height: 310px;
    box-shadow: 0 0 2px #3e3e3e;
    padding: 30px;
    text-align: center;
}

.upload-area {
    margin: auto;
    width: 95%;
    height: 200px;
    position: relative;
    border: 1px dotted rgba(0, 0, 0, .4);
}
.upload-area i {
    position: absolute;
    font-size: 120px;
    opacity: .1;
    width: 100%;
    left: 0;
    top: 30px;
}
.upload-area p {
    width: 100%;
    position: absolute;
    top: 150px;
    opacity: .8;
}

#input-files {
    top: 0;
    left: 0;
 /*   opacity: 0;*/
    position: absolute;
    width: 100%;
    height: 100%;
}

#submit-btn {
    font-weight: bold;
    margin-top: 15px;
    border-radius: 3px;
    width: 200px;
    height: 45px;
    background-color: rgba(108, 168, 255, .7);
    border: none;
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.6);
    opacity: .6;
    cursor: pointer;
}
#submit-btn:hover {
    background-color: rgba(108, 168, 255, 1.0);
}
#submit-btn:active {
    position: relative;
    top: 5px;
    box-shadow: none;
}

embed-pdf {
  width: 95%;
  height: 500px; /* default is 150px. */
  margin: 0 auto;
}
embed-pdf.h300 {
  width: 95%;
  height: 300px; /* default is 150px. */
  margin: 0 auto;
}
/* ファイルアップロード*/


/* 共通CSS 終了 */


/* スマホ用CSS 開始 */
@media screen and (max-width:799px){
	.only_pc { display:none !important; }
	.only_sp { }

	.div05, .div15, .div25, .div35, .div45,
	.div55, .div65, .div75, .div85, .div95,
	.div10, .div20, .div30, .div40, .div50,
	.div60, .div70, .div80, .div90, .div33,
	.div00 { width:100%; }

	.div05f, .div15f, .div25f, .div35f, .div45f,
	.div55f, .div65f, .div75f, .div85f, .div95f,
	.div10f, .div20f, .div30f, .div40f, .div50f,
	.div60f, .div70f, .div80f, .div90f, .div33f,
	.div00f { float:left; width:100% !important; }

	th.div05, td.div05{ width:5%; }
	th.div15, td.div15{ width:15%; }
	th.div25, td.div25{ width:25%; }
	th.div35, td.div35{ width:35%; }
	th.div45, td.div45{ width:45%; }
	th.div55, td.div55{ width:55%; }
	th.div65, td.div65{ width:65%; }
	th.div75, td.div75{ width:75%; }
	th.div85, td.div85{ width:85%; }
	th.div95, td.div95{ width:95%; }
	th.div10, td.div10{ width:10%; }
	th.div20, td.div20{ width:20%; }
	th.div30, td.div30{ width:30%; }
	th.div40, td.div40{ width:40%; }
	th.div50, td.div50{ width:50%; }
	th.div60, td.div60{ width:60%; }
	th.div70, td.div70{ width:70%; }
	th.div80, td.div80{ width:80%; }
	th.div90, td.div90{ width:90%; }
	th.div00, td.div00{ width:100%; }
	th.div33, td.div33{ width:33%; }
	th.div06, td.div06{ width:6%; }
	th.div07, td.div07{ width:7%; }
	th.div08, td.div08{ width:8%; }
	th.div09, td.div09{ width:9%; }
	th.div11, td.div11{ width:11%; }
	th.div12, td.div12{ width:12%; }
	th.div13, td.div13{ width:13%; }
	th.div14, td.div14{ width:14%; }
	th.div16, td.div16{ width:16%; }
	th.div17, td.div17{ width:17%; }
	th.div18, td.div18{ width:18%; }
	th.div19, td.div19{ width:19%; }

	.div8m, .div8p{ width:100%; }
	.div9m, .div9p{ width:100%; }
	.div10m, .div10p{ width:100%; }

	.side{width:100%;float:left;position: static;}
	.main, .main2{width:100%;float:left;}

}

/* スマホ用CSS 終了 */

/* PC・タブレット用CSS 開始 */
@media screen and (min-width:800px) {
	.only_pc { }
	.only_sp { display:none !important; }
}
/* PC・タブレット用CSS 終了 */


/* Contact Form7 */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
	width: 100%!important
}
.contact7 {
	max-width: 100%;
	box-sizing: border-box;
}
.contact7 dd {
	margin: 0 0 30px 0;
	background-color:
}
.contact7 dt {
	font-weight: bold;
}

/* 必須マーク */
.contact7 .must {
	background: #FF1A00;
}

/* 任意マーク */
.contact7 .optional {
	background: #999;
}

.contact7 .must,
.contact7 .optional {
	color: #FFF;
	border-radius: 3px;
	font-size: 10px;
	margin-left: 10px;
	padding: 5px 10px;
	letter-spacing: 2px;
}
.btn_contact7, .btn_contact7_y {
	text-align: center;
}
.btn_contact7 input {
	width: 70%;
	height:60px;
	background-color: #005513;
	color: #FFF;
	font-size:1.2em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #005513;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
.btn_contact7_y input {
	width: 70%;
	height:60px;
	background-color: #FFD700;
	color: #333;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #FFD700;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}
.btn_contact7 input:hover {
	background-color: #FFF;
	color: #005513; 
}
.btn_contact7_y input:hover {
	background-color: #FFF;
	color: #FFD700; 
}
.checkbox {
	display: none;
}
.checkbox-fontas {
	position: relative;
	vertical-align: middle;
	font-size: 21px;
}
.checkbox + .checkbox-fontas:before {
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	content: '\f058';
	color: #ccc;
}
.checkbox:checked + .checkbox-fontas:before {
	color: #2db29c;
}
.radiobutton {
	display: none;
}
label {
	display:block;
}
.radio-fontas {
	vertical-align: middle;
	font-size: 22px;
}
.radiobutton + .radio-fontas:before {
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	color: #ccc;
	content: '\f14a';
}
.radiobutton:checked + .radio-fontas:before {
	color: #2db29c;
}

@media screen and (min-width: 500px) {
.contact7 dt {
	float: left;
	clear: left;
	width: 35%;
	padding: 5px 10px 5px 0;
}
.contact7 dd {
	margin-left: 35%;
}

.btn_contact7 input {
	width: 80%;
	background-color: #005513;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #005513;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}
.btn_contact7_y input {
	width: 80%;
	background-color: #FFD700;/*FFD700;*/
	color: #333;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #FFD700;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}
.btn_contact7 input:hover {
	background-color: #FFF;
	color: #005513; 
}
.btn_contact7_y input:hover {
	background-color: #FFF;
	color: #FFD700; 
}
}
@media screen and (max-width: 499px) {
.contact7 dd {
	line-height: 45px;
	padding: 20px 0 10px 0;
}
}