@charset "UTF-8";

html {
    scroll-behavior: smooth;
}

body{
	margin:0px;
	padding:0px;
	width:100%;
	min-height: 100vh;
	flex-direction: column;
	font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,'新丸ゴ R', sans-serif;
	/*font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;*/
	font-size:17px;
	line-height:1.6em;
	color:rgb(0,0,0);
	background-color:#FFFFFF;
	overflow-x: hidden;
	}

/*#content{margin-top: 130px; max-width: 1100px;}*/
/*@media screen and (max-width: 768px) {#content{margin-top: 70px;}}*/

/*パンくず*/
#breadcrumbs{font-size: 0.7em;padding: 10px 0 20px 0; text-align: right;}

@media screen and (min-width: 769px) {
.for_sp {
	display: none!important;
	}

	.pc_box{margin: 0 auto; width: 55%;}}
@media screen and (max-width: 768px) {.pc_box{margin: 0 auto; padding: 20px;}}
@media screen and (max-width: 768px) {
.for_pc {
	display: none!important;}
	}
#page{ margin: 0 auto; max-width: 1200px; padding-top:0px;}
@media screen and (max-width: 1000px) {#page{padding-top:0px;}}
@media screen and (max-width: 800px) {
	#page{ margin: 0 auto; width: 100%;padding-top:0;
	}}
/*詳細ページ画像PCサイズ*/
@media screen and (min-width: 769px) {.pc_350_350{width: 350px;height: 350px;}
}
@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.9;filter: alpha(opacity=60);-moz-opacity:0.9;}
html { overflow-y: scroll; height:100%; }
a    { text-decoration:none; color:rgb(000,000,000); }
p    { margin:0px; padding:0px; }
li   { margin:0px; padding:0px; }

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

#container01{ margin:0 auto;
	 position:relative;}
	
/************************/
/*                      */
/*      body背景CSS     */
/*                      */
/************************/

.back_gray{ background-color: #E6E6E6;}
.back_blue{background-color: #EDF7FD;}
.back_blue02{background-color: #0071BC;}
.back_green{ background-color: #90EE90;}
.back_purple{ background-color: rgb(226,214,225);}
.back_pan{ background-color:#fcf9f4;}

/************************/
/*                      */
/*     テキスト下線     */
/*                      */
/************************/

.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;
}

.purple_line {
border-bottom:solid;
border-color:rgb(81,50,143);
border-width:5px;/*5ピクセルの太さにする*/
}

.orange_line {
  position: relative;
  padding: 1.5rem 1rem;
}

.orange_line:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #f18c1a, #f18c1a 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #f18c1a, #f18c1a 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/************************/
/*                      */
/*         汎用         */
/*                      */
/************************/

.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: 230%;
}
.hai_160{
	line-height: 160%;
}
.hai_120{
	line-height: 120%;
}

/******フォント*******/
.mincho{ font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; }
.goshiku{ font-family:'新ゴ R'; }
.maru_go{ font-family:'新丸ゴ R'; }
.Trocchi{font-family: 'Trocchi', serif;}


/****** 汎用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; }
.em09 { font-size:0.9em; }
.em10 { font-size:1.0em; }
.em12 { font-size:1.2em; }
.em15 { font-size:1.5em; }
.em20 { font-size:2.0em; }
.em30 { font-size:3.0em; }

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

.brown a{color: #462323;}

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

.purple{color:rgb(81,50,143);}

.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_02{
	color: rgb(255,255,255);
}
.white_02 a{
	color: rgb(255,255,255);
}
.orange{color: #e78821;}
.orange a{color: #e78821;}
.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;}
.f_pink{ color: #ec76a1;}

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

.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(81,50,143); color:#FFFFFF; width:200px; text-align:center;}
.purple_box_03 { margin:0; padding: 5px; background-color:rgb(81,50,143); color:#FFFFFF; width:60%; 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:#fff; color:#80a6cd; max-width:500px; text-align:center;border: solid 1px #80a6cd; font-weight: bold;font-size: 1.2em; margin-bottom:20px; }

.light_blue_box_02 { margin:0; padding: 5px; background-color:#fff; color:#80a6cd; max-width:500px; border: solid 1px #80a6cd; font-weight: bold;font-size: 1.2em; margin-bottom:20px; }

.light_blue_box_03 { margin:0; padding: 20px; background-color:#fff; border: solid 3px #80a6cd;margin-bottom:20px; }

.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-top:2px; padding:0 2px 1px 1px; background-color:#fad7a7; color:#4a2727;border-radius: 5px;}
.orange_box02 { margin:8px 0 0 10px; padding:0 2px 1px 1px; background-color:#e78821; color:#FFF;border-radius: 20px; padding: 5px; font-size:0.9em;display:inline-block;}
.ctg_6 { margin:0; padding: 5px; background-color:rgb(199,101,22); color:#FFFFFF; width:150px; text-align:center;}

.purple_box_02 {
  border: solid 2px rgb(133,68,148);/*線色*/
	padding: 0.5em;/*文字周りの余白*/}

.border2 {
	display: inline-block;
	border: 1px solid #f3e0ba;
	background-color:#fcfaf5;
	margin: 0 auto;
	padding: 12px;
	width:90%;text-align: left;
}
@media (max-width: 650px) {
	.border2 {width:100%;}
}

.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; }
.mgt45 { margin-top:48px; }
.mgt50 { margin-top:50px; }
.mgt60 { margin-top:60px; }
.mgt70 { margin-top:70px; }
.mgt80 { margin-top:80px; }
.mgt100 { margin-top:100px; }
.mgt120 { margin-top:120px; }
.mgt150 { margin-top:150px; }
.mgt220 { margin-top:220px; }

.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; }
@media screen and (max-width: 821px) {.mgl80 { margin-left:0px; }}
.mgl90 { margin-left:90px; }
.mgl93 { margin-left:93px; }
.mgl100 { margin-left:100px; }
.mgl105 { margin-left:105px; }
.mgl110 { margin-left:110px; }
.mgl150 { margin-left:150px; }
.mgl180 { margin-left:180px; }

.mgl200 { margin-left:200px; }
.mgl250 { margin-left:250px; }
.mgl335 { margin-left:335px; }
.mgl350 { margin-left:350px; }

.mgr05 { margin-right:5px; }
.mgr10 { margin-right:10px; }
.mgr15 { margin-right:15px; }
.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;
	}

@media (max-width: 769px) {
	.img_100{ width: 100%;}
	.img_95{ width: 90%;}
	.img_80{ width: 80%;}
	.img_60{ width: 60%;}
}

/* 囲み */
.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_50p{ max-width:1200px; margin:0 auto; margin-top:0px;}
.box_02_50p_left{ float:left; width:20%;}
.box_02_50p_right{ float:right; width:80%; text-align: right;}

.box_02_50{ max-width:100%; margin:0 auto; margin-top:0px;}
.box_02_50_left{ float:left; width:50%;}
.box_02_50_right{ float:right; width:50%;}