@charset "utf-8";
/*----------------------------------------------------------------------------------------------------------
	スマホ用（～768px）
------------------------------------------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
	box-sizing: border-box;
}
html,body { height:100%;}
body {
	margin:0;
	font-size: 1rem;
	line-height: 175%;
	color: #1a1a1a;
	-webkit-text-size-adjust: 100%;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary { display:block;}

a			{color:#399536;	text-decoration: underline;}
a:hover		{color:#8ec54a;	text-decoration: none;}
ol,ul,li	{list-style:none;	margin:0;	padding:0;}
img			{border:0;	width: 100%;	height: auto;	vertical-align:bottom;}
p			{margin: 0 0 1rem 0;}
hr			{height: 0;	margin: 2rem 0;	padding: 0;	border:none;	border-top: 1px dotted rgba(0,0,0,0.50);	background:none;}
strong		{font-weight:bold;}
small		{font-size:0.88em;}
table		{border:0;	border-collapse:collapse;	margin-bottom:1rem;	width:100%;	line-height: 150%;}
table th,
table td	{padding: 10px 10px;	font-weight:normal;	text-align:left;	vertical-align: top;}
table caption{text-align:left;	font-weight:bold;	margin-bottom: 5px;}

.clearfix 		{zoom:1;/*for IE 5.5-7*/}
.clearfix:after {content:".";	display: block;	height:0px;	clear:both;	visibility:hidden;	font-size: 0.1em;	line-height:0;}
.clear 			{clear:both; margin:0;}

strong.strong_red01{color: #D30816;	font-size: 1.06rem;}
.center		{text-align: center;}
.center_02	{margin: 0 auto;}
.right		{text-align: right;}
.left		{text-align: left;}
.inline		{padding: 0 0 0 1rem;}
.sp_none	{display: none;}
.pc_none	{display: block;}
.txt_red01	{color: #d30816;}


/*ヘッダー（スマホ）
*************************************************/
header{
	background: #fff;
	height: 70px;

}
header a{text-decoration: none;}
h1.h1_logo01{
	position: absolute;
	width: 160px;
	top: 7px;
	left: 10px;
}

/*コンテンツ（スマホ）
*************************************************/
.inner01,
.inner02{
	width:100%;
	margin: 0 auto;
	padding: 0 1rem;
}

section{padding: 0 0 2rem 0;}
.inner01::after,
.inner02::after,
section::after{content:".";	display: block;	height:0px;	clear:both;	visibility:hidden;	font-size: 0.1em;	line-height:0;}

/*タイトル、文章*/

h3.h3_com01{
	text-align: center;
	font-size: 1.375rem;
	font-weight: normal;
	text-shadow: 3px 2px 1px rgba(0,0,0,0.10);
	background: url("image/img_line01.png") no-repeat center bottom;
	background-size: 54px;
	padding: 0 0 12px 0;
	margin: 0 0 1.15rem 0;
}
h3.h3_com02{
	font-size: 1.125rem;
	line-height: 130%;
	border-bottom: 2px dotted rgba(0,0,0,0.30);
	padding: 6px 0 3px 0;
	margin: 0 0 1rem 0;
}


h3.h3_com03{
	position: relative;
	font-size: 1.06rem;
	line-height: 130%;
	background: #399536;
	color: #fff;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.20);
	box-shadow: 0px 0px 0px 2px #399536;
	outline: 1px solid #fff;
	outline-offset: -2px;
	/*padding: 10px 12px;*/
	padding: 8px 10px;
	margin: 0 0 1rem 0;
}

h4.h4_com01{
	font-size: 1.06rem;
	color: #ed6c00;
	position: relative;
	padding: 0 0 0 18px;
	margin: 0 0 0.5rem 0;
}
h4.h4_com01:before{
	position: absolute;
	content: '';
	top: 7px;
	left: 0px;
	width: 12px;
	height: 12px;
	background: #ed6c00;
}

/*ボタン、リンク*/
a.link_pdf01{
	background: url("image/icn_pdf01.png") no-repeat 0% 50%;
	background-size: 16px;
	padding: 0 0 0 22px;
}
a.link_external01{
	background: url("image/icn_externalLink01.png") no-repeat 0% 50%;
	background-size: 16px;
	padding: 0 0 0 22px;
}
a.link_arrow01{
	background: url("image/icn_arrow04.png") no-repeat 0% 50%;
	background-size: 16px;
	padding: 0 0 0 22px;
}
a.btn_com02{
	display: block;
	width: 100%;
	max-width: 360px;
	height: 60px;
	line-height: 60px;
	border-radius: 30px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	transition: 0.3s;
	background: #399536 url("image/icn_arrow02.png") no-repeat right 20px top 50%;
	background-size: 10px;
}
a.btn_com01{
	display: inline-block;
	height: 36px;
	line-height: 36px;
	border-radius: 18px;
	color: #fff;
	text-decoration: none;
	transition: 0.3s;
	background: #399536 url("image/icn_arrow01.png") no-repeat right 10px top 50%;
	background-size: 7px;
	padding: 0 30px 0 20px
}
a.btn_com02:hover,a.btn_com01:hover{
	opacity: 0.6;
	color: #fff;
}
/*リスト*/
ol.ol_com01{margin: 0 0 1rem 1.25rem;}
ol.ol_com01 li{list-style: decimal;}
ul.ul_com01{margin: 0 0 1rem 0;}
ul.ul_com01 li{
	position: relative;
	padding: 0 0 0.25rem 1rem;
}
ul.ul_com01 li:before{
	position: absolute;
	content: '';
	top: 11px;
	left: 4px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #1a1a1a;
}

/*テーブル*/
.table_scroll{
	overflow: auto;/*tableをスクロールさせる*/
	white-space: nowrap;/*tableのセル内にある文字の折り返しを禁止*/
	margin-bottom:1rem;
}
.table_scroll::-webkit-scrollbar{height: 5px;} 
.table_scroll::-webkit-scrollbar-track{background: #F1F1F1;}
.table_scroll::-webkit-scrollbar-thumb {background: #BCBCBC;}

table.table_com01 td{
	display: block;
	padding: 10px 10px 16px 10px;
}
table.table_com01 th{
	display: block;
	background: #e0e0e0;
	font-weight: bold;
	padding: 7px 10px;
}
table.table_com01 td ul{margin-bottom: 0;}

/*画像*/
img.img_originalSize01,img.img_originalSize02{
	width: auto;
	max-width: 100%;
	margin: 0 0 1rem 0;
}
img.img_center01,img.img_center02{
	display: block;
	width: auto;
	max-width: 100%;
	margin: 0 auto 1rem auto;
}
img.img_originalSize01,
img.img_center01{
	border-radius: 20px;
}
img.img_right_w280,
img.img_right_w330{
	display: block;
	max-width: 280px;
	border-radius: 20px;
	margin: 0 auto 1rem auto;
}
img.img_right_w330{max-width: 330px;}

.imgBox_right_w280,
.imgBox_right_w330{
	display: block;
	max-width: 280px;
	text-align: center;
	font-size: 0.88rem;
	color: #808080;
	margin: 0 auto 1rem auto;
}
.imgBox_right_w330{max-width: 330px;}
.imgBox_right_w280 img,
.imgBox_right_w330 img{
	border-radius: 20px;
	margin-bottom: 2px;
}

/*フッター（スマホ）
*************************************************/
footer{
	background: #ddecc3;
}
#footer_01{}

.copyright{
	clear: both;
	width: 100%;
	padding: 1rem 0 1rem 0;
	font-size: 0.81rem;
	text-align: center;
}
/*-------------------------------------------------------------------------------------------------------------------------------
	タブレット用（768px～）
---------------------------------------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width:768px){

.sp_none	{display: block;}
.pc_none	{display: none;}

/*ヘッダー（タブレット）
*************************************************/
header{height: 150px;text-align: center;}
h1.h1_logo01{
    width: 300px;
    position:relative;
	margin: 0rem auto;
	top: 16px;
}


/*コンテンツ（タブレット）
*************************************************/
.inner01{/*pc:1000+32+32=1064px*/
	max-width: 1064px;
	padding: 0 2rem;
}
.inner02{/*pc:1100+32+32=1164px*/
	max-width: 1164px;
	padding: 0 2rem;
}

/*タイトル、文章*/
h3.h3_com01{
	font-size: 1.5rem;
	padding: 0 0 15px 0;
	margin: 0 0 1.25rem 0;
}

/*テーブル*/
table.table_com01 th{
	display: table-cell;
	padding: 16px 5px;
	width: 180px;
	background: none;
	border-bottom: 1px solid rgba(0,0,0,0.20);
	position: relative;
}
table.table_com01 th::after{
	position: absolute;
	content: "";
	bottom: -1px;
	left: 0px;
	width: 100px;
	height: 1px;
	background: #1a1a1a;
}
table.table_com01 td{
	display: table-cell;
	padding: 16px 5px;
	border-bottom: 1px solid rgba(0,0,0,0.20);
}

/*画像*/
img.img_right_w280,
.imgBox_right_w280{
	float: right;
	margin: 0 0 1rem 2rem;
}
img.img_right_w330,
.imgBox_right_w330{
	float: right;
	margin: 0 0 1rem 2rem;
}

/********/
}




/*-------------------------------------------------------------------------------------------------------------------------------
	PC用（1100px～）
---------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1100px){
/*ヘッダー（PC）
*************************************************/
header{
height: 300px;
}

h1.h1_logo01{
	width: 640px;
}

/*コンテンツ（PC）
*************************************************/

section{padding: 0 0 3rem 0;}

/*タイトル、文章*/

h3.h3_com01{
	font-size: 1.875rem;
	padding: 0 0 18px 0;
	margin: 0 0 1.5rem 0;
}
h3.h3_com02{
	font-size: 1.50rem;
	line-height: 130%;
	padding: 8px 0 4px 0;
	margin: 0 0 1.15rem 0;
}

h3.h3_com02::first-letter{
	font-size: 1.85rem;
}
h3.h3_com03{
	font-size: 1.19rem;
	/*padding: 13px 12px 12px 18px;*/
	padding: 11px 10px 10px 16px;
	margin: 0 0 1.15rem 0;
}

/*ボタン*/
a.btn_com02{font-size: 1.125rem;}


/*画像*/
img.img_originalSize01,
img.img_center01{
	border-radius: 30px;
}
img.img_right_w280,
img.img_right_w330,
.imgBox_right_w280,
.imgBox_right_w330{
	border-radius: 30px;
	margin: 0 0 1rem 3rem;
}
.imgBox_right_w280 img,
.imgBox_right_w330 img{
	border-radius: 30px;
}

}