@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300|Noto+Serif+JP:200&display=swap&subset=japanese');

dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0;}
li{list-style:none;}

/*
BODY {
background:#ffffff;
background-image: url("image/foot_bk.gif");
background-repeat: repeat-x;
background-position: center bottom;
}
*/

/*画像はみ出し禁止*/
img {
	max-width: 100%;
	height: auto;
     }
.maru{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	text-align:center;
}
html { margin:0 auto; width: 480px;}
body { margin:0 auto; width: 480px;}
#wrapper {
	width: 480px;
	margin: 0 auto;
	text-align: center;
}
H1 {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 2px; COLOR: #ffffff; FONT-SIZE: 120%; FONT-WEIGHT: 800
}
H2 {
	MARGIN-TOP: 0px; MARGIN-bottom: 10px; padding-TOP: 5px; padding-BOTTOM: 5px; padding-left: 20px; COLOR: #664C00; FONT-SIZE: 140%; FONT-WEIGHT: 400; background-color: #D5C385; line-height:1.4em
}
H3 {
	MARGIN-TOP: 0px; FONT-WEIGHT: 400; FONT-SIZE: 110%; MARGIN-BOTTOM: 5px; COLOR: #468C00
}
H3 A:link {
	COLOR: #468C00
}
H3 A:visited {
	COLOR: #468C00
}
H4 {
	MARGIN-TOP: 10px; MARGIN-BOTTOM: 10px; COLOR: #333333; FONT-SIZE: 130%; FONT-WEIGHT: 800; line-height:1.8em
}
H4 A:link {
	COLOR: #333333
}
H4 A:visited {
	COLOR: #333333
}
H4 A {
	TEXT-DECORATION: none
}
H4 A:hover {
	COLOR: #333333
}
h5 {
FONT-WEIGHT: 100;font-size:16pt;COLOR: #EA6500; MARGIN-top: 15px; MARGIN-BOTTOM: 15px
}
H5 A:link {
	COLOR: #EA6500
}
H5 A:visited {
	COLOR: #EA6500
}
H5 A {
	TEXT-DECORATION: none
}
H5 A:hover {
	COLOR: #EA6500; TEXT-DECORATION: underline
}
H6 {
	MARGIN-TOP: 10px; MARGIN-BOTTOM: 10px; COLOR: #333333; FONT-SIZE: 110%; FONT-WEIGHT: 800
}
A:link {
	COLOR: #333333
}
A:visited {
	COLOR: #333333
}
A {
	TEXT-DECORATION: none
}
A:hover {
	COLOR: #666666
}
BODY {
	FONT-SIZE: 100%; line-height:1.4em; COLOR: #333333
}
TABLE {
	FONT-SIZE: 100%; line-height:1.4em; COLOR: #333333
}


.headlogo { font-family: 'Noto Serif JP', serif; margin:-10px 0 14px 0; font-weight:600; font-size:18px;
}

#midashi { font-family:'Noto Serif JP',serif; font-size:160%; line-height:2em;
}

#font_l {
	FONT-SIZE: 120%; line-height:1.2em
}
.font_ll {
	FONT-SIZE: 200%; line-height:1.2em;  COLOR: #ff9900;
}
.font_l {
	FONT-SIZE: 120%; line-height:1.2em
}
.font_l_468C00 {
	FONT-SIZE: 120%; line-height: 1.4em;  COLOR: #468C00;
}
#font_m {
	FONT-SIZE: 100%; line-height:1.2em
}
#font_s {
	FONT-SIZE: 80%; line-height:1.2em
}
.font_s {
	FONT-SIZE: 80%; line-height:1.2em
}
.font_ss {
	FONT-SIZE: 60%; line-height:1.2em
}
.font_w {
	COLOR: #ffffff
}
#copy {
	FONT-SIZE: 70%; line-height:1.2em; COLOR: #666666
}
#copy A:link {
	COLOR: #666666
}
#copy A:visited {
	COLOR: #666666
}
#copy A {
	TEXT-DECORATION: none
}
#copy A:hover {
	COLOR: #666666
}

#text_area_w {
	padding-TOP: 10px; padding-BOTTOM: 10px; padding-LEFT: 10px; padding-RIGHT: 10px; COLOR: #333333; FONT-SIZE: 100%; background-color: #ffffff;
}
#contents {
	margin: 10px
}
.float {
	float: left;
	margin-right: 1em;
}
.floatclear {
	clear: both;
}
#foot {
	COLOR: #333333
}
#foot A:link {
	COLOR: #333333
}
#foot A:visited {
	COLOR: #333333
}
#foot A {
	TEXT-DECORATION: none
}
#foot A:hover {
	COLOR: #333333
}

.head_txt_cc {
	height:100px;
	line-height:38px;
	color:#333333;
	font-size:140%;
	margin:10px 0px 0px 0px;
	font-family:"游明朝", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
}
.head_txt_cc A:link {
	COLOR: #663300
}
.head_txt_cc A:visited {
	COLOR: #663300
}



/* ヘッダーの右にメニュー */
.header1{
 background: -webkit-gradient(linear, left top, left bottom, from(#ececec),to(#fff));　
 background: linear-gradient(#ececec, #fff);
 background-size: 100% 100%;
 height: 50px;
 border-bottom: 1px solid #dadada;
}
 .header1 h1{
 display: block;
 height: 50px;
 width: 118px;
 line-height: 50px;
 font-weight: bold;
 margin-left: 5px;
 float: left;
 }
 .header1 nav{
 float: right;
 }
 .header1 nav li{
 float: left;
 }
 .header1 nav li>a{
 display: block;
 height: 33px;
 width: 90px;
 color: #fff;
 line-height: 30px;
 background: -webkit-gradient(linear, left top, left bottom, from(#fff),to(#ececec));
 background: linear-gradient(#fff #ececec);
 text-align: center;
 text-decoration: none;
 border: 1px solid #dadada;
 margin-top: 7px;
 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6),-1px -1px 1px rgba(255, 255, 255, 0.5);
 font-weight:bold;
 }
 .header1 nav li:first-child>a{
 border-radius: 4px 0 0 4px;
 }
 .header1 nav li:last-child>a{
 border-radius: 0 4px 4px 0;
 border-left: none;
 margin-right: 5px;
 }

/* 矢印つきリスト */
.list1 ul{
	border-bottom: 1px solid #ccc;
	list-style:none;
	}
	.list1 ul li{
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
		background: linear-gradient(#fff, #f0f0f0);
		border-bottom: 1px solid white;
		border-top: 1px solid #ccc;
		height: 44px;
		margin: 0;
	}
	.list1 ul li a{
		color: #333;
		display: block;
		height: 44px;
		margin: 0;
		padding: 0 0 0 10px;
		overflow: hidden;
		text-overflow: ellipsis;
		text-decoration: none;
		font-weight: bold;
		white-space: nowrap;
		line-height: 44px;
	}
	.list1 ul li a::after{
		content: url(../image/list_mark1.png);
		float: right;
	}

/* フォーム */
input[type="text"],
textarea {
    padding: 0.8em;
    outline: none;
    border: 1px solid #DDD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
}

input[type="text"]:focus,
texture:focus {
    box-shadow: 0 0 7px #3498db;
    border: 1px solid #3498db;
}


input.sysNextSubmit {
    border-radius: 0;   
    background: -moz-linear-gradient(top, #FFF 0%, #EEE);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
    border: 1px solid #DDD;
    color: #111;
    padding: 10px 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
input.sysNextSubmit:hover {
    background: -moz-linear-gradient(top, #EFEFEF 0%, #EEE);
    background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#EEE));
}

input[type=checkbox] {
  transform: scale(1.5);
}

select{
    padding: 0.8em;
    outline: none;
    border: 1px solid #DDD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
}

/* 埋め込みレスポンシブ */
.video_container{
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.video_container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.step {
	position: relative;
	display: inline-block;
	margin: 0 10px 10px 0;
	padding: 0 5px;
 	width: 80px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	text-align: center;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	background: #666600;
	border-radius: 10%;
	box-sizing: border-box;
}