@charset "UTF-8";
body{
	margin:0px;
	padding:0px;
	width:100%;
	min-height: 100vh;
	font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,'新丸ゴ R',sans-serif;
	font-size:16px;
	line-height:1.6em;
	color:rgb(0,0,0);
	background-color:#FFFFFF;
	overflow-x: hidden;
	}
.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }
.wf-sawarabigothic { font-family: "Sawarabi Gothic"; }
@media screen and (min-width: 768px) {
.for_sp {
	display: none!important;
	}}
@media screen and (max-width: 768px) {
.for_pc {
	display: none!important;
	}}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

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

.table_item{
  box-sizing: border-box;
  border-collapse:collapse;
  margin: 0 auto;
  text-align:left;
  width: 100%;
  border-bottom: 1px solid #9B9B9B;
}
.table_item th,
.table_item td{
  border-top: 1px solid #9B9B9B;
  padding: .5em 1em;
}
.table_item th{
  background: #E8E8E8;
  font-weight:normal;
  width:15%;
}

.table_item_box{ width:100%;}
.table_item_box_l{ float:left; width:20%;}
.table_item_box_l img{ width:85%;}
.table_item_box_r{ float:right; width:80%;}

@media (max-width: 650px) {
    .table_item th,
    .table_item td{
      display: block;
	  width:100%;
    }
	.table_item_box_l img{ width:80%;}
}


img  { border:0px; margin:0; padding:0; }
a:hover img{opacity: 0.6;filter: alpha(opacity=60);-moz-opacity:0.6;}
html { lang: ja; lang: ja-JP; overflow-y: scroll; height:100%; }
a    { text-decoration:none; color:rgb(000,000,000); }
p    { margin:0px; padding:0px; }
li   { margin:0px; padding:0px; }

* {
  margon: 0;
  padding: 0;
  list-style: none;
}

#container{ margin:0 auto;
	 position:relative;}
	
/************************/
/*                      */
/*      body背景CSS     */
/*                      */
/************************/
.back_brown{background-color: #f7f0e4;}
.back_white{background-color: #fff;}
.back_gray{ background-color: #f0f0f0;}
/************************/
/*                      */
/*     テキスト下線     */
/*                      */
/************************/

.white_line {border-bottom: solid 1px #fff;}
.yellow_line {border-bottom: solid 5px rgb(199,101,22);}
.red_line {border-bottom: solid 1px rgb(206,0,0);}
.line_b_dotte { width:700px; height:40px; border-bottom:dotted 2px rgb(165,144,156); }
.line_b_dotte_mdl { width:464px; height:30px; border-bottom:dotted 2px rgb(165,144,156); }

.hasen{
  border-top: 1px dashed #141414;
}



/************************/
/*                      */
/*         汎用         */
/*                      */
/************************/

.reg { font-size:70%; vertical-align:top;line-height:1em; }

.hidden { overflow:hidden; }
.float  { float:left; }
.clear  { clear:both; }
.clear hr { display:none; } 

.center { text-align:center; }
.left   { text-align:left; }
.right  { text-align:right; }


.bold { font-weight:bold; }

.line_b_dotte { width:700px; height:40px; border-bottom:dotted 2px rgb(165,144,156); }
.line_b_dotte_mdl { width:464px; height:30px; border-bottom:dotted 2px rgb(165,144,156); }

.hai{
	line-height: 150%;
}

/******フォント*******/
.mincho{ font-family:'リュウミンR-KL'; }
.goshiku{ font-family:'新ゴ R'; }
.maru_go{ font-family:'新丸ゴ R'; }



/****** 汎用font-size ******/

.fz8 { font-size:8px; }
.fz9 { font-size:9px; }
.fz10 { font-size:10px; }
.fz12 { font-size:12px; }
.fz13 { font-size:13px; }
.fz14 { font-size:14px; }
.fz16 { font-size:16px; }
.fz17 { font-size:17px; }
.fz18 { font-size:18px; }
.fz19 { font-size:19px; }
.fz20 { font-size:20px; }
.fz21 { font-size:21px; }
.fz23 { font-size:23px; }
.fz24 { font-size:24px; }
.fz30 { font-size:30px; }
.fz36 { font-size:36px; }
.fz40 { font-size:40px; }

.em07 { font-size:0.7em; }
.em10 { font-size:1.0em; }
.em11 { font-size:1.1em; }
.em12 { font-size:1.2em; }
.em15 { font-size:1.5em; }
.em20 { font-size:2.0em; }

/****** 汎用 font-color ******/
.brown{
	color: #9F661B;
}

.brown a{
	color: #9F661B;
}

.yellow{
	color: rgb(199,101,22);
}

.green{
	color: rgb(75,128,36);
}
.blue{color: rgb(87,133,158);}
.blue a{color: rgb(87,133,158);}
.red{
	color: rgb(193,39,45);
}

.light_blue{color: rgb(173,220,229);}
.white{
	color: rgb(255,255,255);
}
.orange{color: rgb(199,101,22);}
.orange a{color: rgb(239,95,0);}
.enji{color: rgb(101,24,60);}
.beige{color: rgb(219,182,120);}
.gray{color: rgb(145,145,145);}

.black{ color:#000000;}
.black a{ color:#000000;}

/****** 汎用 テーブルカラー ******/

.b_t_01{ background-color:rgb(240,235,220);}
.b_t_02{ background-color:rgb(215,204,166);}

/****** 汎用 囲み文字 ******/
.purple_box { margin:0; padding: 5px; background-color:rgb(120,98,139); color:#FFFFFF; width:150px; text-align:center;}
.ctg_1 { margin:0; padding: 5px; background-color:rgb(120,98,139); color:#FFFFFF; width:150px; text-align:center;}
.green_box { margin:0; padding: 5px; background-color:rgb(101,117,53); color:#FFFFFF; width:150px; text-align:center;}
.ctg_4 { margin:0; padding: 5px; background-color:rgb(101,117,53); color:#FFFFFF; width:150px; text-align:center;}
.pink_box { margin:0; padding: 5px; background-color:rgb(217,132,138); color:#FFFFFF; width:150px; text-align:center;}
.ctg_2 { margin:0; padding: 5px; background-color:rgb(217,132,138); color:#FFFFFF; width:150px; text-align:center;}
.light_blue_box { margin:0; padding: 5px; background-color:rgb(121,189,191); color:#FFFFFF; width:150px; text-align:center;}
.ctg_5 { margin:0; padding: 5px; background-color:rgb(121,189,191); color:#FFFFFF; width:150px; text-align:center;}
.blue_box { margin:0; padding: 5px; background-color:rgb(95,120,155); color:#FFFFFF; width:150px; text-align:center;}
.ctg_3  { margin:0; padding: 5px; background-color:rgb(95,120,155); color:#FFFFFF; width:150px; text-align:center;}
.orange_box { margin:0; padding: 5px; background-color:rgb(199,101,22); color:#FFFFFF; width:150px; text-align:center;}
.ctg_6 { margin:0; padding: 5px; background-color:rgb(199,101,22); color:#FFFFFF; width:150px; text-align:center;}

.gray_box {
  border: solid 3px #E6E6E6;/*線色*/
	padding: 0.5em;/*文字周りの余白*/}

.border2 {
	border: 1px solid #cfd2c6;
	margin: 12px 0;
	padding: 12px;
	width:712px;
}

.border3 { border: 1px solid #cfd2c6; margin: 12px 0; padding: 12px; background-color:rgb(255,247,231); width:450px;}
.border4 { border: 1px solid #CCCCCC; margin: 12px 0; padding: 12px; background-color:rgb(255,247,231); width:450px;}

@media screen and (max-width: 748px) {
.ctg_1 { margin:0; padding: 5px; background-color:rgb(120,98,139); color:#FFFFFF; width:80px; text-align:center;}	
.ctg_4 { margin:0; padding: 5px; background-color:rgb(101,117,53); color:#FFFFFF; width:80px; text-align:center;}
.ctg_2 { margin:0; padding: 5px; background-color:rgb(217,132,138); color:#FFFFFF; width:80px; text-align:center;}
.ctg_5 { margin:0; padding: 5px; background-color:rgb(121,189,191); color:#FFFFFF; width:80px; text-align:center;}
.ctg_3  { margin:0; padding: 5px; background-color:rgb(95,120,155); color:#FFFFFF; width:80px; text-align:center;}
.ctg_6 { margin:0; padding: 5px; background-color:rgb(199,101,22); color:#FFFFFF; width:80px; text-align:center;}
	}

/****** 汎用margin ******/
.mgt-7 { margin-top:-7px; }
.mgt-16 { margin-top:-16px; }
.mgt-30 { margin-top:-30px; }
.mgt-32 { margin-top:-32px; }
.mgt5 { margin-top:5px; }
.mgt7 { margin-top:7px; }
.mgt8 { margin-top:8px; }
.mgt10 {
	margin-top: 10px;
}
.mgt20 { margin-top:20px; }
.mgt30 { margin-top:30px; }
.mgt35 { margin-top:35px; }
.mgt40 { margin-top:40px; }
.mgt50 { margin-top:50px; }
.mgt60 { margin-top:60px; }
.mgt70 { margin-top:70px; }
.mgt80 { margin-top:80px; }
.mgt100 { margin-top:100px; }
.mgt150 { margin-top:150px; }

.mgl04 { margin-left:4px; }
.mgl05 { margin-left:5px; }
.mgl06 { margin-left:6px; }
.mgl10 { margin-left:10px; }
.mgl15 { margin-left:15px; }
.mgl20 { margin-left:20px; }
.mgl25 { margin-left:25px; }
.mgl30 { margin-left:30px; }
.mgl40 { margin-left:40px; }
.mgl50 { margin-left:50px; }
.mgl60 { margin-left:60px; }
.mgl70 { margin-left:70px; }
.mgl80 { margin-left:80px; }
.mgl90 { margin-left:90px; }
.mgl93 { margin-left:93px; }
.mgl100 { margin-left:100px; }
.mgl105 { margin-left:105px; }
.mgl110 { margin-left:110px; }
.mgl150 { margin-left:150px; }
.mgl200 { margin-left:200px; }
.mgl250 { margin-left:250px; }
.mgl335 { margin-left:335px; }
.mgl350 { margin-left:350px; }

.mgr05 { margin-right:5px; }
.mgr10 { margin-right:10px; }
.mgr20 { margin-right:20px; }
.mgr30 { margin-right:30px; }
.mgr40 { margin-right:40px; }
.mgr60 { margin-right:60px; }
.mgr70 { margin-right:70px; }
.mgr80 { margin-right:80px; }
.mgr90 { margin-right:90px; }
.mgr100 { margin-right:100px; }
.mgr200 { margin-right:200px; }

.mgb05 { margin-bottom:5px; }
.mgb10 { margin-bottom:10px; }
.mgb20 { margin-bottom:20px; }
.mgb30 { margin-bottom:30px; }
.mgb40 { margin-bottom:40px; }
.mgb80 { margin-bottom:80px; }
.mgb100 { margin-bottom:100px; }

.m20{ margin:20px;}

/****** 画像透過50% ******/

a img.alpha_05 { background:none!important; }
a:hover img.alpha_05{
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	background:none!important;
	}

/****** 画像透過60% ******/

a img.alpha_06 { background:none!important; }
a:hover img.alpha_06{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:none!important;
	}

/****** 画像透過80% ******/

a img.alpha_08 { background:none!important; }
a:hover img.alpha_08{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background:none!important;
	}
	

/* 囲み */
.box_gray {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #333333;
    /*background: #cccccc;*//*背景色*/
}
.box_gray p{position: relative;
  padding: 0.1rem;
  text-align: center; font-size: 16px;}
.box_gray p a{color: #333333;}
.box_gray p a:hover{color: #333333;} 

.box_gray p:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
  width: 60px;
  height: 2px;
  content: '';
  border-radius: 0px;
  background: #333333;
}


/** 横並びボックス2個 **/
.box_02{ width:1200px; margin:0 auto;}
.box_02_left{ float:left; width:41%;}
.box_02_right{ float:right; width:59%;}

/** 横並びボックス2個 **/
.box_02_02{ max-width:1200px; margin:0 auto;}
.box_02_02_left{ float:left; width:52%;}
.box_02_02_right{ float:right; width:48%;}

/** 横並びボックス2個 **/
.box_02_50{ width:1200px; margin:0 auto;}
.box_02_50_left{ float:left; width:48%; margin-left:28px;}
.box_02_50_right{ float:right; width:48%; margin-right:2px;}

/** 横並びボックス2個 **/
.box_02_50p{ width:1200px; margin:0 auto; margin-top:50px;}
.box_02_50p_left{ float:left; width:50%;}
.box_02_50p_right{ float:right; width:50%;}


/**横並びボックス3個**/
.box_03{ width:1200px; margin:0 auto;}
.box_03_left{ float:left; width:66%;}
.box_03_left_l{ float:left; width:49%;}
.box_03_left_r{ float:right;width:49%;}
.box_03_right{ float:right;width:33%;}

@media (max-width: 650px) {
/**横並びボックス2個**/
.box_02{ width:100%; margin:0 auto;}
.box_02_left{ float:left;width:100%;}
.box_02_right{ float:left;width:100%;}

/**横並びボックス2個**/
.box_02_02{ width:100%; margin:0 auto;}
.box_02_02_left{ float:left;width:100%;}
.box_02_02_right{ float:left;width:100%;}

/**横並びボックス2個**/
.box_02_50{ width:100%; margin:0 auto;}
.box_02_50_left{ float:left; width:48%; margin-left:5px;}
.box_02_50_right{ float:right; width:48%;}

/**横並びボックス2個**/
.box_02_50p{ width:100%; margin:0 auto; margin-top:50px;}
.box_02_50p_left{ float:left;}
.box_02_50p_right{ float:left;}

/**横並びボックス3個**/
.box_03{ width:100%; margin:0 auto;}
.box_03_left{ float:left;width:100%;}
.box_03_left_l{ float:left;width:96%; margin: 2%;}
.box_03_left_r{ float:left;width:96%; margin: 2%;}
.box_03_right{ float:left;width:96%; margin: 2%;}	
}