/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
ul{list-style:none;}

q:before,q:after{content:'';}
object,embed{vertical-align:top;}
legend{display:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img,abbr,acronym,fieldset{border:0;}


html {
	scroll-behavior: smooth;
  }


body{
	font-family: "MS P明朝";
	font-weight: 300;
	-webkit-text-size-adjust:100%;
	overflow-x: hidden;
	color: #000000;
	background: #ffffff;
  width: 100%
  
}

a{
	color: #0066ff;
	text-decoration: none;
}

a:hover, .active{
  text-decoration: underline;
}

a:active, a:focus,input:active, input:focus{outline:0;}












/* 共通 */
.changeCard{
  margin-top: 70px;
}

.changeCard ul {
  padding: 0;
  list-style: none;
  border: none;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0;
  margin-top: 20px;
}
.changeItemTxt {
  width: 62%;
}
.changeItemTxt p.itemTitle {
  font-size: 2rem;
  line-height: 1.56;
  margin: 0;
  font-weight: bold;
  color: #313131;
  margin-bottom: 10px;
}
.changeItemTxt ul.itemTag {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.changeItemTxt ul.itemTag li {
  background: #f1f1f1;
  color: #707070;
  font-size: 0.7rem;
  padding: 2px 10px;
  position: relative;
}
.changeItemTxt ul.itemTag li:before {
  padding-right: 3px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1em;
  content: "\f02b";
  vertical-align: baseline;
  color: #aaa;
}
p.itemCat {
  position: absolute;
  left: 22px;
  top: 22px;
  background: #6bb6ff;
  color: #FFF;
  border-radius: 9999px;
  font-size: 0.7rem;
  display: inline-block;
  padding: 1px 12px 0px;
  z-index: 2;
}
/* 共通ここまで */

/* List */
li.changeItem.defaultList {
  width: 100%;
  padding: 0;
}
li.changeItem.defaultList a {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  border-radius: 2px;
  background: #fff;
  cursor: pointer;
  transition: 0.2s ease-in-out;
  padding: 15px;
  position: relative;
  align-items: center;
  text-decoration: none;
  border-top: solid 1px #eee;
  padding-right: 10px;
  cursor: pointer;
}
li.changeItem.defaultList:last-child a {
  border-bottom: solid 1px #EEE;
}
li.changeItem.defaultList a:hover {
  background: #fafafa;
}
li.changeItem.defaultList a img {
  width: 500px;
  height: 250px;
  object-fit: cover;
  margin-right: 3%;
}
.img01{
  object-position: 0 20%
}
.img02{
  object-position: 0 20%
}






@media screen and (max-width: 767px) {
/* （ここにモバイル用スタイルを記述） */
li.changeItem.defaultList a {
  flex-direction: column;
}
li.changeItem.defaultList a img {
  width: 100%;
  margin: 0 0 15px;
}
li.changeItem.defaultList a .changeItemTxt {
  width: 100%;
}
}