@charset "utf-8";
/* Global Styles */

body{
	font-size: calc(10pt + 0.25vw);
	font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	-webkit-text-size-adjust: 100%;
	margin:0;
	/*border-top:solid 25px #000;*/
	background:#e2dede;
}
p {
	font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
}
img {
    max-width: 100%;
    height: auto;
}
h1,h2{
	margin:0;
	padding:0;	
}
hr {
	background-color: rgba(208,207,207,1.00);
	height: 1px;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.mainContent{
	margin:0 auto;
	width: 92%;
	max-width: 960px;
	padding-left: 2.275%;
	padding-right: 2.275%;
	border-top:solid 10px #333;
	background:#fff;
}

/* Main Content sections */
.mainContent {
	display: block;
			
}
.mainphoto{
	margin:0 0;
}

.section2{
	padding:4% 4% 5%;
  	/*border-radius :	5px;
  box-shadow :0px 5px 5px silver;
	border:solid 1px #eee;
	text-align:center;
	background:#fcfcfc;*/
	
}

.section2 h2 {
  font-size: 30px;
  font-size: 3rem;
  position: relative;
  padding: 1.4rem;
  text-align: center;
  color:#000;
}

.section2 h2 span {
  font-size: 17px;
  font-size: 1.7rem;
  display: block;
}

.section2 h2:before {
  position: absolute;
  bottom: -0px;
  left: calc(50% - 100px);
  width: 200px;
  height: 5px;
  content: '';
  border-radius: 5px;
  background: #000000;

}


.section2 ul{
  padding:0 2%;
  list-style-type: none;
  text-align:left;
}

.section2 ul li{
  line-height: 1.4;
  padding: 0.4em 0.6em 1.8em 0.5em;
  list-style-type: none!important;/*ポチ消す*/
  position: relative;
}
.section2 ul li.midashi{
    padding: 0.2em 0em 0em;
    margin: 1.8em auto 0em;
	font-weight: 900;
	/*background:#003c83;
	color:#fff;*/
  	border-radius :5px;
	color:#004098;
}
.section2 ul li.sns1{
	color:#003c83;
	font-weight:900;
	padding: 1em 0.6em 0em 1.1em;
}
.section2 ul li div.sns2{
	font-weight:900;
	padding: 0.9em 0em 0.2em 0em;
}
.section2 ul li.list{
  padding: 0.1em 0.8em;
  text-indent:-1em;
  margin-left:1em;
  line-height: 1.3;

}

.section2 ul.SP_Flex_container{
 margin:0;
 padding:0 5px;
/* 印刷用
			display: flex;
			justify-content: space-around;
			justify-content: left;
*/
}

.section2 ul.SP_Flex_container li{
 display: block;
 padding: 0.5em 0.5em 0 0;
 text-align: center;
}

.section3{
	display: block;
	text-align:center;
	padding:15px 5% 3%;
	margin-top:10px;
}
.section3 .sectionContent{
	max-width: 610px;
	margin:0 auto;
	padding:5px 5% 18px;
	text-align:center;
	margin-top:0;
}
.section3 .sectionContent a{
	display: block;
	margin-top:4%;
}

.stretch {
	display:none;
}

/* Footer */
footer{
	margin-top:0px;
	border-top:solid 8px #555;
	padding:0.5em 0 0.3em;
	background:#333;
}
footer .copyright{
	color:#ffffff;
	font-size: calc(10px + 0.25vw);
	text-align:center;
	padding:5px 0 8px;
}

.footer-2 {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 25px 10px 10px;
    background-color: #cc181c;
	border-top:solid 5px #eb6263;
}

.footer-2__logo {
    width: 130px;
    margin:0.8em 0;
}

.footer-2__list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 1.5em;
    list-style-type: none;
    margin: 0 0 .5em;
    padding: .5em;
}

.footer-2__sns-icon {
    width: 35px;
    height: 35px;
}

.footer-2__copyright {
    margin: auto;
    color: #ffffffb3;
    font-weight: 200;
    font-size: 0.7em;
}




a.toform:hover img {
  opacity: 0.9;
  filter: alpha(opacity=90);
  -ms-filter: "alpha(opacity=90)";
}


/* Media query for Mobile devices*/
@media screen and (min-width:480px) { 
/*　画面サイズが480pxからはここを読み込む　*/
}
@media screen and (min-width:768px) and ( max-width:1024px) {
/*　画面サイズが768pxから1024pxまではここを読み込む　*/
}
@media screen and (min-width:1024px) {
 /*　画面サイズが1024pxからはここを読み込む　*/
   .section2 ul.SP_Flex_container{
			display: flex;
			justify-content: space-around;
			justify-content: left;
    }

	/*.section2 ul.SP_Flex_container li{
		 padding: 0.5em 0.5em 0 0;
	}*/

}
