@charset "utf-8";

html{
	font-size: 100%;
	overflow-y:scroll;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	list-style: none;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	color: #000;
	text-decoration: none;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

* {-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box
  }
body {
width: 1250px;
overflow-x: visible !important;
overflow-y: visible !important;
		color: #000;
		line-height: 1.5;
		font-family: 'Noto Sans JP', sans-serif;
		-webkit-text-size-adjust: 100%;
		font-size: 80%;
		letter-spacing: 1px;
		margin: 0;
	}

header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 30px 0 40px;
height: 130px;
background: #fcf4e8;
}
header h1 a {
font-size: 200%;
color: #338751;
letter-spacing: 2px;
}
.hea_r {
display: flex;
}
.hea_r nav {
display: flex;
align-items: center;
}
		.h_btn ul {
		display: flex;
	}
	.h_btn ul li {
		margin: 0 20px;
	}
	.h_btn ul li.hov a {
		position: relative;
		display: inline-block;
		outline: none;
		text-decoration: none;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: 400;
		color: #dccf77;
		text-shadow: none;
		padding: 10px 0;
		font-size: 122%;
	}
	.h_btn ul li.hov a:hover, .h_btn ul li.hov a:focus {
		outline: none;
	}
	/* Effect 17: move up fade out, push border */
	.h_btn ul li.hov a::before {
	font-weight: 700;
		color: #338751;
		text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
		content: attr(data-hover);
		position: absolute;
		-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
		-moz-transition: -moz-transform 0.3s, opacity 0.3s;
		transition: transform 0.3s, opacity 0.3s;
		pointer-events: none;
	}
	.h_btn ul li.hov a::after {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 2px;
		background: #339224;
		opacity: 0;
		-webkit-transform: translateY(5px);
		-moz-transform: translateY(5px);
		transform: translateY(5px);
		-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
		-moz-transition: -moz-transform 0.3s, opacity 0.3s;
		transition: transform 0.3s, opacity 0.3s;
		pointer-events: none;
	}
	.h_btn ul li.hov a:hover::before, .h_btn ul li.hov a:focus::before {
		opacity: 0;
		-webkit-transform: translateY(-2px);
		-moz-transform: translateY(-2px);
		transform: translateY(-2px);
	}
	.h_btn ul li.hov a:hover::after, .h_btn ul li.hov a:focus::after {
		opacity: 1;
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
	}
	.h_btn ul li.rol a::after {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 2px;
		background: #339224;
	}
	.h_btn ul li.rol a {
		position: relative;
		display: inline-block;
		outline: none;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: 400;
		color: #dccf77;
		text-shadow: none;
		padding: 10px 0;
		font-size: 115%;
	}
.hea_r nav div {
padding-left: 40px;
}
.hea_r nav div a {
width: 160px;
background: #f05a24;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
height: 60px;
border-radius: 30px;
font-size: 120%;
font-weight: bold;
}
.hea_r nav div a:hover {
opacity: .7;
}
.isec_01 {
		position: relative;
background: #fcf4e8;
height: 650px;
}
  .isec_01 div.isec_01s {
    display: flex;
    align-items: center;
    height: 530px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
						background: #fff;
  }

  .isec_01m {
    display: flex;
    animation: loop-slide 150s infinite linear 1s both;
  }
  .isec_01m li {
    width: 2455px;
    height: 530px;
    margin: 0;
  }
  .isec_01m li img {
    object-fit: cover;
    width: 100%;
    height: 530px;
    line-height: 0;
  }
.isec_01h {
position: absolute;
z-index: 10000;
width: 100%;
top: 0;
left: 0;
}
.isec_01hm {
width: 94%;
height: 650px;
margin: 0 auto;
max-width: 1200px;
position: relative;
}
.isec_01tx {
position: absolute;
top: 70px;
right: 10px;
}
.isec_01img {
position: absolute;
bottom: 0;
left: 10px;
}
.isec_02 {
background: #fcf4e8;
padding-bottom: 80px;
}
.isec_02m {
display: flex;
width: 94%;
max-width: 1080px;
justify-content: space-between;
margin: 0 auto;
}
.isec_02l {
width: 47%;
}
.isec_02r {
width: 49%;
}
.isec_02r img {
max-width: 100%;
text-align: center;
}
.isec_02l h2 {
font-size: 240%;
color: #338751;
margin-bottom: 40px;
line-height: 55px;
padding-top: 30px;
}
.isec_02 p {
font-size: 126%;
line-height: 36px;
}
.isec_02l h3 {
font-size: 240%;
color: #338751;
margin: 70px 0 40px;
line-height: 55px;
}
.isec_02 p span {
color: #009944;
}
.isec_03 {
background: url("../img/isec_03/isec_03bg.png") repeat-x bottom center;
}
.isec_03m {
display: flex;
width: 94%;
max-width: 1080px;
justify-content: space-between;
margin: 0 auto;
}
.isec_03l {
width: 48%;
max-width: 520px;
height: 300px;
border-radius: 32px;
background: #fefbf6;
border: 1px solid #009944;
display: flex;
padding-top: 40px;
}
.isec_03l dt {
width: 38%;
display: flex;
align-items: center;
}
.isec_03l dd {
width: 62%;
padding-right: 20px;
}
.isec_03l dd h5 {
font-size: 138%;
color: #009944;
margin-bottom: 25px;
}
.isec_03l dd h5 span {
display: inline-block;
padding-left: 20px;
color: #000;
font-weight: normal;
}
.isec_03l dd p {
font-size: 115%;
line-height: 25px;
}
.isec_03bt {
padding: 120px 0 150px;
}
.isec_03bt a {
width: 335px;
height: 64px;
border-radius: 32px;
border: 4px solid #fff;
background: #fefbf6;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
font-size: 125%;
color: #009944;
font-weight: bold;
}
.isec_03bt a:hover {
border: 4px solid #009944;
}
.isec_03bt a img {
display: inline-block;
padding-left: 10px;
}
.isec_04 {
width: 94%;
margin: 0 auto;
padding: 150px 0;
max-width: 1080px;
}
.isec_04 h3 {
width: 100%;
height: 70px;
border-radius: 20px;
background: #009944;
color: #fff;
font-size: 180%;
display: flex;
align-items: center;
padding-left: 50px;
letter-spacing: 2px;
margin-bottom: 30px;
}
.isec_04t {
border: 2px solid #009900;
width: 100%;
max-width: 1000px;
margin: 0 auto;
}
.isec_04t th {
border-top: 1px solid #009900;
border-bottom: 1px solid #009900;
border-left: 2px solid #009900;
border-right: 2px solid #009900;
padding: 5px;
background: #f5f4e4;
color: #009944;
font-weight: bold;
font-size: 125%;
}
.isec_04t td {
border-top: 1px solid #009900;
border-bottom: 1px solid #009900;
border-left: 2px solid #009900;
border-right: 2px solid #009900;
padding: 0;
width: 14%;
}
.isec_04t td dl dt {
padding: 3px 5px;
background: #fdfdd5;
}
.isec_04t td dl dd {
min-height: 50px;
padding: 3px 5px;
}
.isec_04t td dl dd a {
color: #008ed5;
text-decoration: underline;
}
.isec_04t td dl dd ul li {
position: relative;
padding-left: 15px;
}
.isec_04t td dl dd ul li::before {
position: absolute;
top: 8px;
left: 5px;
width: 5px;
height: 5px;
background: #009900;
border-radius: 3px;
content: "";
}
.isec_04btn {
display: flex;
flex-wrap: wrap;
width: 100%;
max-width: 1000px;
margin: 0 auto 20px;
}
.isec_04btn li {
padding: 0 10px 20px;
}
.isec_04btn li a {
display: flex;
justify-content: center;
align-items: center;
width: 208px;
height: 50px;
font-size: 130%;
font-weight: bold;
background: url("../img/isec_04/isec_04y.png") no-repeat 92% center #ff9900;
border-radius: 25px;
border: 2px solid #ff9900;
}
.isec_04btn li a:hover {
background: url("../img/isec_04/isec_04y.png") no-repeat 92% center #fff;
}


	.tab_wrap {
width: 100%;
max-width: 1000px;
margin: 0 auto 20px;
	}
	input[type=radio] {
		display: none;
	}
	.tab_area {
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 0 auto 20px;
	}
	.tab_area label {
display: flex;
justify-content: center;
align-items: center;
width: 208px;
height: 50px;
font-size: 130%;
font-weight: bold;
background: url("../img/isec_04/isec_04y.png") no-repeat 92% center #ff9900;
border-radius: 25px;
border: 2px solid #ff9900;
		cursor: pointer;
		transition: ease 0.2s opacity;
		margin: 0 20px 10px
	}
	.tab_panel {
		width: 100%;
		padding: 50px 0;
		display: none;
	}
	#tab1:checked ~ .tab_area .tab1_label {
background: url("../img/isec_04/isec_04y.png") no-repeat 92% center #fff;
}
	#tab1:checked ~ .panel_area #panel1 {
		display: block;
	}
	#tab2:checked ~ .tab_area .tab2_label {
background: url("../img/isec_04/isec_04y.png") no-repeat 92% center #fff;
	}
	#tab2:checked ~ .panel_area #panel2 {
		display: block;
	}
	#tab3:checked ~ .tab_area .tab3_label {
background: url("../img/isec_04/isec_04y.png") no-repeat 92% center #fff;
	}
	#tab3:checked ~ .panel_area #panel3 {
		display: block;
	}
	#tab4:checked ~ .tab_area .tab4_label {
background: url("../img/isec_04/isec_04y.png") no-repeat 92% center #fff;
	}
	#tab4:checked ~ .panel_area #panel4 {
		display: block;
	}
	#tab5:checked ~ .tab_area .tab5_label {
background: url("../img/isec_04/isec_04y.png") no-repeat 92% center #fff;
	}
	#tab5:checked ~ .panel_area #panel5 {
		display: block;
	}
	#tab6:checked ~ .tab_area .tab6_label {
background: url("../img/isec_04/isec_04y.png") no-repeat 92% center #fff;
	}
	#tab6:checked ~ .panel_area #panel6 {
		display: block;
	}
		#tab7:checked ~ .tab_area .tab7_label {
background: url("../img/isec_04/isec_04y.png") no-repeat 92% center #fff;
	}
	#tab7:checked ~ .panel_area #panel7 {
		display: block;
	}
	#tab8:checked ~ .tab_area .tab8_label {
background: url("../img/isec_04/isec_04y.png") no-repeat 92% center #fff;
	}
	#tab8:checked ~ .panel_area #panel8 {
		display: block;
	}
	#tab9:checked ~ .tab_area .tab9_label {
background: url("../img/isec_04/isec_04y.png") no-repeat 92% center #fff;
	}
	#tab9:checked ~ .panel_area #panel9 {
		display: block;
	}
	#tab10:checked ~ .tab_area .tab10_label {
background: url("../img/isec_04/isec_04y.png") no-repeat 92% center #fff;
	}
	#tab10:checked ~ .panel_area #panel10 {
		display: block;
	}
	#tab11:checked ~ .tab_area .tab11_label {
background: url("../img/isec_04/isec_04y.png") no-repeat 92% center #fff;
	}
	#tab11:checked ~ .panel_area #panel11 {
		display: block;
	}
	#tab12:checked ~ .tab_area .tab12_label {
background: url("../img/isec_04/isec_04y.png") no-repeat 92% center #fff;
	}
	#tab12:checked ~ .panel_area #panel12 {
		display: block;
	}
.isec_05 {
padding: 0 0 200px;
}
.isec_05m {
display: flex;
width: 94%;
margin: 0 auto;
max-width: 1080px;
}
.isec_05l {
width: 260px;
padding-top: 30px;
}
.isec_05l h3 {
color: #009944;
font-size: 260%;
}
.isec_05l h3 span {
display: block;
font-size: 14px;
padding-bottom: 15px;
}
.isec_05r {
width: calc(100% - 260px);
font-size: 120%;
}
.isec_05r dl {
padding: 30px 0;
border-bottom: 2px solid #009900;
width: 100%;
}
.isec_05ul {
display: flex;
margin-bottom: 20px;
}
.isec_05ul li.bl {
background: #008ed5;
width: 195px;
height: 30px;
border-radius: 15px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 90%;
}
.isec_05ul li.re {
background: #ec6e76;
width: 195px;
height: 30px;
border-radius: 15px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 90%;
}
.isec_05r dl dd {
width: 100%;
}
.isec_05r dl dd p {
width: 100%;
}
.isec_05r dl dd p a {
display: flex;
width: 100%;
}
.isec_05r dl dd p span.sp1 {
width: 195px;
display: block
}
.isec_05r dl dd p span.sp2 {
width: calc(100% - 195px);
display: block;
}
.isec_05bt {
display: flex;
padding-top: 30px;
}
.isec_05bt li:nth-child(1) a {
display: inline-block;
padding: 15px 40px 0 30px;
background: url("../img/isec_05/isec_05y.png") 94% center no-repeat #008ed5;
height: 50px;
border-radius: 25px;
color: #fff;
font-size: 85%;
margin-right: 20px;
}
.isec_05bt li:nth-child(2) a {
display: inline-block;
padding: 15px 40px 0 30px;
background: url("../img/isec_05/isec_05y.png") 94% center no-repeat #ec6e76;
height: 50px;
border-radius: 25px;
color: #fff;
font-size: 85%;
margin-right: 20px;
}
.isec_06 {
padding: 100px 0 0;
background: url("../img/isec_06/isec_06bg.jpg") repeat-x center top #fcf4e8;
}
.isec_06 h3 {
color: #009944;
text-align: center;
font-size: 250%;
padding-bottom: 50px;
}
.isec_06m {
width: 94%;
margin: 0 auto;
max-width: 1080px;
display: flex;
justify-content: space-around;
margin-bottom: 100px;
}
.isec_06m a:hover {
opacity: .8;
}
.isec_06b {
width: 94%;
margin: 0 auto;
max-width: 1080px;
display: flex;
justify-content: center;
}
.isec_06b a:hover {
opacity: .8;
}
footer {
background: url("../img/footer/under_obi.jpg") repeat-x center top #009944;
padding: 300px 0 50px;
width: 100%;
}
.foo_m {
width: 94%;
margin: 0 auto;
max-width: 1080px;
display: flex;
justify-content: space-between;
padding-bottom: 50px;
}
.foo_ml h5 {
color: #fff;
font-size: 200%;
padding-bottom: 50px;
}
.foo_ml p {
color: #fff;
font-size: 118%;
line-height: 30px;
}
.foo_mr {
display: flex;
padding-top: 15px;
}
.foo_mr li {
padding: 0 20px;
}
.foo_mr li:first-child {
display: none;
}
.foo_mr li:nth-last-child(2) {
padding: 0 0 0 20px;
}
.foo_mr li:last-child {
display: none;
}
.foo_mr li a {
color: #fff;
font-size: 118%;
}
.foo_mr li a:hover {
text-decoration: underline;
}
.foo_b {
width: 94%;
margin: 0 auto;
max-width: 1080px;
display: flex;
justify-content: space-between;
}
.foo_b a {
color: #fff;
}
.foo_b p {
color: #fff;
}
.foo_b a:hover {
text-decoration: underline;
}
.navToggle {
display: none;
}
.kaiin_01 {
width: 100%;
position: relative;
background: #fcf4e8;
}
.kaiin_01r {
width: 100%;
height: 530px;
display: flex;
justify-content: flex-end;
align-items: center;
}
.kaiin_01l {
position: absolute;
top: 0;
left: 0;
content: "";
width: 100%;
height: 530px;
}
.kaiin_01l h2 {
width: 94%;
margin: 0 auto;
max-width: 1080px;
font-size: 250%;
padding-top: 120px;
}
.kaiin_01l h2 span {
color: #f65110;
display: block;
font-size: 15px;
padding-top: 10px;
}
.kaiin_02 {
background: #fcf4e8;
}
.kaiin_02m {
display: flex;
width: 94%;
max-width: 1080px;
justify-content: space-between;
margin: 0 auto;
}
.kaiin_02l {
width: 47%;
}
.kaiin_02r {
width: 49%;
z-index: 100;
}
.kaiin_02r img {
max-width: 100%;
text-align: center;
}
.kaiin_02l h2 {
font-size: 240%;
color: #338751;
margin-bottom: 40px;
line-height: 55px;
padding-top: 30px;
}
.kaiin_02 p {
font-size: 126%;
line-height: 36px;
}
.kaiin_03 {
width: 100%;
height: 500px;
margin-top: -100px;
}
.kaiin_03 img {
object-fit: cover;
object-position: center center;
width: 100%;
height: 100%;
}
.kaiin_04 {
width: 94%;
margin: 0 auto;
padding: 200px 0;
max-width: 1080px;
}
.kaiin_04 h3 {
width: 100%;
height: 70px;
border-radius: 20px;
background: #009944;
color: #fff;
font-size: 180%;
display: flex;
align-items: center;
padding-left: 50px;
letter-spacing: 2px;
margin-bottom: 70px;
}
.kaiin_04m {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding-bottom: 130px;
}
.kaiin_04m div {
width: 48%;
max-width: 480px;
height: 500px;
border-radius: 20px;
overflow: hidden;
margin-bottom: 80px;
}
.kaiin_04m div h4 {
width: 100%;
height: 70px;
display: flex;
justify-content: center;
align-items: center;
background: #dced22;
font-size: 180%;
}
.kaiin_04m div dl {
width: 100%;
}
.kaiin_04m div dl dt {
width: 100%;
height: 260px;
}
.kaiin_04m div dl dt img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
line-height: 0;
}
.kaiin_04m div dl dd {
background: #f5f4ea;
padding: 25px;
line-height: 28px;
font-size: 115%;
height: 170px;
}
.kaiin_05 {
width: 100%;
max-width: 1000px;
margin: 0 auto 20px;
background: #f5f4ea;
border-radius: 45px;
}

.kaiin_05 summary {
  position: relative;
  display: flex;
		align-items: center;
		font-size: 120%;
  cursor: pointer;
		width: 100%;
		height: 90px;
		font-weight: bold;
		padding: 0 50px;
}
.kaiin_05 summary dl {
display: flex;
align-items: center;
}
.kaiin_05 summary dt {
		font-size: 180%;
		width: 100px;
		color: #ff0000;
}
details summary::-webkit-details-marker {
  display: none;
}
details summary .ico {
  position: absolute;
  top: 38%;
  right: 30px;
  display: block;
}

details[open] summary .ico {
  transform: rotate(180deg);
}

details .inner {
		padding: 0 50px;
}

.kaiin_05 .inner dl {
display: flex;
font-size: 115%;
}
.kaiin_05 .inner dt {
		font-size: 180%;
		width: 100px;
		color: #338751;
		font-weight: bold;
		padding: 30px 0 40px 3px;
}
.kaiin_05 .inner dd {
		padding: 30px 0 40px;
		border-top: 1px solid #ccc;
width: calc(100% - 130px);
}

.kaiin_05 .inner dd a {
color: #008ed5;
text-decoration: underline;
}
.kaiin_05 .inner dd ul li {
position: relative;
padding-left: 15px;
}
.kaiin_05 .inner dd ul li::before {
position: absolute;
top: 8px;
left: 5px;
width: 5px;
height: 5px;
background: #009900;
border-radius: 3px;
content: "";
}

.katt_01 {
width: 100%;
padding: 150px 0;
}
.katt_01m {
width: 94%;
margin: 0 auto;
max-width: 1080px;
display: flex;
justify-content: space-around;
}
.katt_01 h3 {
width: 94%;
max-width: 1080px;
margin: 0 auto;
height: 70px;
border-radius: 20px;
background: #009944;
color: #fff;
font-size: 180%;
display: flex;
align-items: center;
padding-left: 50px;
letter-spacing: 2px;
margin-bottom: 70px;
}
.katt_01l {
width: 48%;

}
.katt_01l img {
max-width: 100%
}
.katt_01r {
width: 48%;
max-width: 480px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.katt_01r .m {
display: flex;
width: 230px;
border: 1px solid #338751;
height: 40px;
margin-bottom: 5px;
font-size: 115%;
}
.katt_01r .m1 {
width: 101px;
height: 100%;
border-right: 1px solid #338751;
display: flex;
justify-content: center;
align-items: center;
}
.katt_01r .m2 {
width: 26px;
height: 100%;
border-right: 1px solid #338751;
display: flex;
justify-content: center;
align-items: center;
}
.katt_01r .m3 {
width: 101px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}



.katt_01r .kc1 {
background: #fffbc4;
}
.katt_01r .kc2 {
background: #e8f5fa;
}
.katt_01r .kc3 {
background: #fce9f2;
}
.katt_01r .kc4 {
background: #e8f0c5;
}
.katt_01r .kc5 {
background: #e2dfef;
}
.katt_01r .kc6 {
background: #f6f5ec;
}
.katt_01r .kc7 {
background: #fef0d8;
}
.katt_01r .kc8 {
background: #edf7fd;
}
.katt_01r .kc9 {
background: #fffeec;
}
.katt_01r .kc10 {
background: #eef2dd;
}
.katt_01r .kc11 {
background: #e0f0eb;
}
.katt_01r .kc12 {
background: #c1e1c4;
}


.katt_01r a {
color: #008ed5;
text-decoration: underline;
}

.kan_01 {
width: 100%;
height: 500px;
}
.kan_01 img {
object-fit: cover;
object-position: center center;
width: 100%;
height: 100%;
}
.kan_02 {
width: 94%;
margin: 0 auto;
padding: 200px 0;
max-width: 1080px;
}
.kan_02 h3 {
width: 100%;
height: 70px;
border-radius: 20px;
background: #009944;
color: #fff;
font-size: 180%;
display: flex;
align-items: center;
padding-left: 50px;
letter-spacing: 2px;
margin-bottom: 50px;
}
.kan_02m {
width: 100%;
margin: 0 auto;
padding: 0 0 50px;
max-width: 1000px;
font-size: 115%;
}
.kan_02m p {
margin-bottom: 30px;
}

.kan_02m .k {
display: flex;
background: #f5f4ea;
border: 1px solid #ccc;
font-weight: bold;
margin-bottom: 30px;
}
.kan_02m .k2 {
width: 150px;
padding: 12px 10px;
border-right: 1px solid #ccc;
text-align: center;
}
.kan_02m .k3 {
width: 200px;
border-right: 1px solid #ccc;
text-align: center;
padding: 12px 10px;
}
.kan_02m .k4 {
width: calc(100% - 350px);
text-align: center;
padding: 12px 10px;
}
.kan_02m h4 {
font-size: 150%;
padding: 20px 10px 20px 40px;
background: #dced22;
margin-top: 30px;
border: 1px solid #ccc;
}
.kan_02m .k00 a {
display: flex;
width: 100%;
background: url("../img/katudou-naiyou/kan_04y.png") 97% center no-repeat;
text-decoration: underline;
}
.kan_02m .k00 a:hover {
background: url("../img/katudou-naiyou/kan_04y.png") 98% center no-repeat #f5f4ea;
}

.kan_02m .k00 {
display: block;
width: 100%;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.kan_02m .k01 {
background: #f5f4ea;
border-right: 1px solid #ccc;
width: 30px;
font-weight: bold;
display: flex;
justify-content: center;
align-items: center;
}
.kan_02m .k02 {
width: 120px;
padding: 12px 12px;
border-right: 1px solid #ccc;
display: flex;
justify-content: center;
align-items: center;
}
.kan_02m .k03 {
width: 200px;
border-right: 1px solid #ccc;
padding: 12px 12px;
display: flex;
align-items: center;
}
.kan_02m .k04 {
width: calc(100% - 350px);
padding: 12px 40px 12px 12px;
display: flex;
align-items: center;
}

.tis_01 {
width: 94%;
margin: 0 auto;
padding: 100px 0;
max-width: 1080px;
}
.tis_01 h3 {
width: 100%;
height: 70px;
border-radius: 20px;
background: #009944;
color: #fff;
font-size: 180%;
display: flex;
align-items: center;
padding-left: 50px;
letter-spacing: 2px;
margin-bottom: 50px;
}
.tis_01m {
width: 100%;
margin: 0 auto;
padding: 0 0 100px 0;
max-width: 1000px;
}
.tis_01li {
display: flex;
}
.tis_01li li {
display: flex;
justify-content: center;
align-items: center;
padding: 0 20px;
height: 40px;
border-radius: 20px;
font-size: 115%;
font-weight: bold;
margin-right: 10px;
}
.tis_01li li.gl {
border: 3px solid #dced22
}
.tis_01li li.re {
border: 3px solid #ed83b8
}
.tis_01li li.bl {
border: 3px solid #00b3e6
}
.tis_01m dl {
display: flex;
justify-content: space-between;
padding: 50px 0 80px;
}
.tis_01m dl dt {
width: calc(100% - 390px);
}
.tis_01m dl dt h5 {
font-size: 150%;
padding-bottom: 10px;
}
.tis_01m dl dt h4 {
font-size: 220%;
padding-bottom: 10px;
border-bottom: 3px solid #338751;
color: #338751;
}


.tis_01m dl dd {
width: 330px;
height: 250px;
}
.tis_01m dl dd img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.tis_01m dl dt p {
font-size: 115%;
line-height: 30px;
padding-top: 20px;
}
.tis_02m {
width: 100%;
border-top: 1px solid #ccc;
}
.tis_02 {
display: flex;
font-size: 115%;
border-bottom: 1px solid #ccc;
}
.tis_02l {
width: 230px;
padding: 20px 30px;
background: #f5f4ea;
color: #338751;
font-weight: 600;
}
.tis_02r {
width: calc(100% - 230px);
padding: 20px 30px;
}
.tis_btn {
width: 210px;
padding-top: 80px;
margin: 0 auto;
}
.tis_btn a {
display: flex;
justify-content: center;
align-items: center;
font-size: 125%;
font-weight: 700;
border-radius: 25px;
height: 50px;
width: 100%;
background: url("../img/tiiki/tiiki_y.png") no-repeat 7% center #f5f4ea;
}
.news_01 {
display: flex;
}
.news_01l {
width: 250px;
}
.news_01r {
width: calc(100% - 250px);
}
.news_01l ul {
width: 210px;
}
.news_01l ul li{
width: 100%;
margin-bottom: 3px;
}
.news_01l ul li a{
width: 210px;
height: 50px;
display: flex;
align-items: center;
padding-left: 20px;
font-weight: 700;
font-size: 110%;
border-radius: 25px;
background: url("../img/tiiki/tiiki_yr.png") no-repeat 95% center #f5f4ea;
}
.news_01l ul li a:hover {
background: url("../img/tiiki/tiiki_yr.png") no-repeat 95% center #dced22;
}
.news_01l ul li a.rol {
background: url("../img/tiiki/tiiki_yr.png") no-repeat 95% center #dced22;
}
.news_01rm {
border: 1px solid #ccc;
margin-bottom: 30px;
}
.news_01rm h4 {
font-size: 160%;
background: #dced22;
padding: 20px 30px;
}
.news_01rm h4 span {
font-weight: normal;
font-size: 75%;
display: block;
padding-bottom: 10px;
}
.news_01rm p {
font-size: 115%;
line-height: 30px;
padding: 30px;
}
.news_01rt {
padding: 0 30px 0;
width: 100%;
}
.news_01rt dl {
width: 100%;
border-bottom: 1px solid #ccc;
display: flex;
font-size: 115%;
}
.news_01rt dl.new_01dls {
border-top: 1px solid #ccc!important;
}
.news_01rt dl dt {
width: 200px;
padding: 20px 30px;
background: #f5f4ea;
color: #338751;
font-weight: 600;
}
.news_01rt dl dd {
width: calc(100% - 200px);
padding: 20px 30px;
}
.news_01rm p.news_01pr {
padding: 30px 0;
text-align: right;
}
.news_01rt dl dd a {
color: #008ed5;
text-decoration: underline;
}

.news_01rt dl dd ul li {
position: relative;
padding-left: 15px;
}
.news_01rt dl dd ul li::before {
position: absolute;
top: 8px;
left: 5px;
width: 5px;
height: 5px;
background: #009900;
border-radius: 3px;
content: "";
}
.news_01img {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
padding-bottom: 30px;
}

.news_01img div {
width: 330px;
height: 250px;
margin-bottom: 20px;
}
.news_01img div img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.lin_01 {
width: 100%;
max-width: 1000px;
margin: 30px auto;
}
.lin_01m {
width: 100%;
margin-bottom: 20px;
}
.lin_01m a {
display: block;
background: url("../img/link/link.png") no-repeat 95% 17% #f5f4ea;
border-radius: 40px;
padding: 30px 50px 0 50px;
height: 210px;
}
.lin_01m a:hover {
background: url("../img/link/link.png") no-repeat 95% 17% #fff;
}
.lin_01m a div {
padding-bottom: 7px;
}
.lin_01m a h4 {
font-size: 180%;
padding-bottom: 7px;
}
.lin_01m a p {
font-size: 115%;
}



.cfm {
width: 100%;
max-width: 840px;
margin: 0 auto 50px;
padding: 0 0;
}
.cfm p {
font-size: 115%;
line-height: 30px;
margin-bottom: 50px;
}
.cfm p span {
color: red;
}
.c1 {
margin-bottom: 45px;
}
	.c1 input {
		width: 100%;
		height: 70px;
		text-indent: 1em;
		background: #fafaf0;
		border: 1px solid #ccc;
		border-radius: 10px;
	}
.c2 {
margin-bottom: 50px;
}
	.c2 textarea {
		width: 100%;
		height: 200px;
		padding: 10px;
		line-height: 1.5;
  font-family: "Noto Sans JP", sans-serif;
		-webkit-text-size-adjust: 100%;
		letter-spacing: 1px;
		font-size: 95%;
		border: 1px solid #ccc;
		background: #fafaf0;
		border-radius: 10px;
	}
	.cfm h4 {
	font-size: 120%;
	font-weight: normal;
	margin-bottom: 4px;
	
	}
.cfm h4 span.red {
color: red;
display: inline-block;
padding-left: 20px;
}

.c3 {
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
font-size: 115%;
margin: 20px 0 50px;
}

	/* 元々のチェックボックス（非表示） */
	.c3 input[type="checkbox"] {
		display: none;
	}
	/* チェックボックスの代わりを成すラベル */
	.c3 input[type="checkbox"] + label {
		cursor: pointer;
		display: inline-block;
		position: relative;
		padding-left: 10px;
		padding-right: 10px;
		margin-right: 7px;
	}
	/* ラベルの左に表示させる正方形のボックス□ */
	.c3 input[type="checkbox"] + label::before {
		content: "";
		position: absolute;
		display: block;
		box-sizing: border-box;
		width: 20px;
		height: 20px;
		margin-top: -14px;
		left: 0;
		top: 50%;
		border: 1px solid;
		border-color: #ccc; /* 枠の色変更 お好きな色を */
		background-color: #fff; /* 背景の色変更 お好きな色を */
		border-radius: 3px;
	}
	/* チェックが入った時のレ点 */
	.c3 input[type="checkbox"]:checked + label::after {
		content: "";
		position: absolute;
		display: block;
		box-sizing: border-box;
		width: 18px;
		height: 9px;
		margin-top: -11px;
		top: 50%;
		left: 3px;
		transform: rotate(-45deg);
		border-bottom: 3px solid;
		border-left: 3px solid;
		border-color: #d73333; /* チェックの色変更 お好きな色を */
	}

.c4 {
width: 222px;
margin: 0 auto;
}
.c4 input[type="submit"] {
    border: 1px solid #000;
    width:222px;
    height:52px;
				border-radius: 26px;
    background: url("../img/contact/con_y.png") 94% center no-repeat;
				text-align: left;
				padding-left: 30px;
				font-weight: bold;
				font-size: 120%;
				  appearance: none;
  -webkit-appearance: none;
				color: #000;
    cursor: pointer;
				}
.c4 input[type="submit"]:hover {
    opacity:0.5;
}

.pri {
width: 100%;
max-width: 1000px;
margin: 0 auto;
}
.pri h4 {
font-size: 160%;
color: #009944;
padding-bottom: 10px;
}
.pri p {
font-size: 115%;
line-height: 28px;
padding-bottom: 80px;
}
.pri h5 {
font-size: 125%;
padding-bottom: 8px;
}


.c5 {
font-size: 115%;
margin: 20px 0 50px;
}
.c5 div {
margin-bottom: 5px;
}

	/* 元々のチェックボックス（非表示） */
	.c5 input[type="checkbox"] {
		display: none;
	}
	/* チェックボックスの代わりを成すラベル */
	.c5 input[type="checkbox"] + label {
		cursor: pointer;
		display: inline-block;
		position: relative;
		padding-left: 25px;
	}
	/* ラベルの左に表示させる正方形のボックス□ */
	.c5 input[type="checkbox"] + label::before {
		content: "";
		position: absolute;
		display: block;
		box-sizing: border-box;
		width: 20px;
		height: 20px;
		margin-top: -10px;
		left: 0;
		top: 50%;
		border: 1px solid;
		border-color: #ccc; /* 枠の色変更 お好きな色を */
		background-color: #fff; /* 背景の色変更 お好きな色を */
		border-radius: 3px;
	}
	/* チェックが入った時のレ点 */
	.c5 input[type="checkbox"]:checked + label::after {
		content: "";
		position: absolute;
		display: block;
		box-sizing: border-box;
		width: 18px;
		height: 9px;
		margin-top: -8px;
		top: 50%;
		left: 3px;
		transform: rotate(-45deg);
		border-bottom: 3px solid;
		border-left: 3px solid;
		border-color: #d73333; /* チェックの色変更 お好きな色を */
	}
.cfm p.fm {
font-size: 115%;
line-height: 30px;
margin-bottom: 20px;
}
.news_01bigimg {
width: 100%;
}
.news_01bigimg img {
max-width: 100%;
}