@charset "utf-8";

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


/* タブレット向けのスタイル：600px ～ 333px */
@media screen and (min-width: 900px) and (max-width: 1299px) {
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: none;
}
.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;
top: 250px;
left: 10px;
height: 400px;
}
.isec_01img img {
max-height: 100%;
}
.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: 100%;
}
.isec_02r {
display: none;
}
.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;
flex-direction: column;
align-items: center;
width: 94%;
max-width: 520px;
margin: 0 auto;
}
.isec_03l {
width: 100%;
max-width: 520px;
height: 300px;
border-radius: 32px;
background: #fefbf6;
border: 1px solid #009944;
display: flex;
padding-top: 40px;
margin-bottom: 30px;
}
.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: 30px 0 80px;
}
.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: 100px 0 50px;
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_04yw.png") no-repeat 92% center #008ed5;
border-radius: 25px;
border: 2px solid #008ed5;
		cursor: pointer;
		transition: ease 0.2s opacity;
		margin: 0 20px 10px;
		color: #fff;
	}
	.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;
color: #000;
}
	#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;
	color: #000;
}
	#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;
color: #000;
	}
	#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;
color: #000;
	}
	#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;
color: #000;
	}
	#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;
color: #000;
	}
	#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;
color: #000;
	}
	#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;
color: #000;
	}
	#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;
color: #000;
	}
	#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;
color: #000;
	}
	#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;
color: #000;
	}
	#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;
color: #000;
	}
	#tab12:checked ~ .panel_area #panel12 {
		display: block;
	}
.isec_05 {
padding: 0 0 100px;
}
.isec_05m {
display: flex;
width: 94%;
margin: 0 auto;
max-width: 1080px;
}
.isec_05l {
width: 200px;
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% - 200px);
}
.isec_05r dl.nedl {
padding: 30px 0;
border-bottom: 2px solid #009900;
width: 100%;
font-size: 120%;
}
.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.nedl dd {
width: 100%;
}
.isec_05r dl.nedl dd p {
width: 100%;
}
.isec_05r dl.nedl dd p a {
display: flex;
width: 100%;
}
.isec_05r dl.nedl dd p span.sp1 {
width: 195px;
display: block
}
.isec_05r dl.nedl 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_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;
}
nav.globalMenuSp {
    position: fixed;
    z-index: 2000000;
    top: 0;
    left: 0;
background:rgba(0,0,0,0.8);
    color: #000;
    text-align: center;
    transform: translateY(-100%);
    transition: all 0.6s;
    width: 100%;
				height: 100vh;
				display: flex;
				justify-content: center;
				align-items: center;
}
 
nav.globalMenuSp ul {
    margin: 0 auto;
    padding: 0;
    width: 100%;
				height: 100%;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
}
 
nav.globalMenuSp ul li {
    list-style-type: none;
    padding: 0;
    width: 100%;
}
 
nav.globalMenuSp ul li a {
    display: block;
    color: #fff;
    padding: 15px 20px;
				font-size: 120%;
				font-weight: bold;
}
nav.globalMenuSp ul li a:hover {
text-decoration: underline;
}
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
    transform: translateY(0%);
}
.navToggle {
    display: block;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    right: 15px;
    top: 35px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    z-index: 3000000;
background: linear-gradient(-20deg, #00b3ae 0%, #45a44f 100%);
text-align: center;
border-radius: 50%;
}
 
.navToggle span {
    display: block;
    position: absolute;    /* .navToggleに対して */
    width: 40px;
    border-bottom: solid 2px #eee;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 10px;
}
 
.navToggle span:nth-child(1) {
    top: 24px;
}
 
.navToggle span:nth-child(2) {
    top: 32px;
}

/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
    top: 28px;
    left: 10px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
 
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2) {
    top: 28px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
.kaiin_01 {
width: 100%;
position: relative;
background: #fcf4e8;
display: flex;
justify-content: flex-end;
}
.kaiin_01r {
width: 50%;
height: 300px;
display: flex;
justify-content: flex-end;
align-items: center;
}
.kaiin_01r img {
max-width: 100%;
}
.kaiin_01l {
position: absolute;
top: 0;
left: 0;
content: "";
width: 100%;
height: 300px;
}
.kaiin_01l h2 {
width: 94%;
margin: 0 auto;
max-width: 1080px;
font-size: 250%;
padding-top: 80px;
}
.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: 100%;
margin-bottom: 100px;
}
.kaiin_02r {
display: none;
}
.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;
}
.kaiin_03 img {
object-fit: cover;
object-position: center center;
width: 100%;
height: 100%;
}
.kaiin_04 {
width: 94%;
margin: 0 auto;
padding: 100px 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;
}
.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: 49%;
max-width: 230px;
border: 1px solid #338751;
height: 40px;
margin-bottom: 5px;
font-size: 105%;
}
.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: 100px 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 0;
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: 48%;
max-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;
}
.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%;
}

.top {
    display: block;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    right: 15px;
    bottom: 35px;
    width: 60px;
    height: 60px;
    cursor: pointer;
text-align: center;
}

.kat_hea .kaiin_01l {
position: absolute;
top: 0;
left: 0;
content: "";
width: 100%;
height: 400px;
}























}