@charset "UTF-8";
/* placeholder color */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@300;400;700&family=Questrial&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Sawarabi+Mincho&family=Shippori+Mincho&display=swap");


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

html {
  font-size: 62.5%; }

body {
  color: #333;
  line-height: 1.6;
  height: 100%;
  text-align: left; }
  @media (max-width: 750px) {
    body {
      font-size: 4.26vw; } }

#site-wrpper {
  font-size: 1.6rem;
  font-family: 'Shippori Mincho', sans-serif;
  font-weight: 400;
  overflow: hidden;
  letter-spacing: .1em; }
  @media (min-width: 751px) {
    /*#site-wrpper {
      min-width: 1280px; } */}
  @media (max-width: 750px) {
    #site-wrpper {
      font-size: 3.43vw; } }


/* common */
.inner {
  max-width: 1100px;
  margin: auto;
  position: relative;
  width: 90%; }
@media (max-width: 750px) {
    .inner {
      max-width: 90vw; } }

@media (min-width: 751px) {
  .fadelink {
    transition: .4s opacity; }
    .fadelink:hover {
      opacity: 0.6; } }


hr {
  display: none; }

img {
  border: none;
  vertical-align: bottom;
  max-width: 100%;
  height: auto; }

img[src$=".svg"] {
  width: 100%; }

div, dl, dt, dd, form, input, ul, ol, li, p, select, textarea, span, th, td {
  margin: 0;
  padding: 0;
  vertical-align: top;
  font-weight: inherit; }

address, caption, strong, dfn {
  font-style: normal; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  margin: 0;
  padding: 0;
  font-weight: 400;
  line-height: 1.6; }

input, select, textarea {
  font-size: 100%;
  font-family: inherit;
  font-weight: inherit; }

sup {
  vertical-align: text-top;
  font-size: 72%; }

sub {
  vertical-align: text-bottom;
  font-size: 72%; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
  font-size: inherit; }

caption {
  text-align: left; }

fieldset {
  border: 0; }

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

main {
  display: block;
  position: relative; }

a {
  text-decoration: none;
  color: inherit;
  transition: opacity .4s;
  display: inline; }
  a:hover {
    text-decoration: none; }
    @media (min-width: 751px) {
      a:hover {
        opacity: 0.5; } }

a:focus {
  outline: none; }

@media (min-width: 751px) {
  a[href^="tel:"] {
    pointer-events: none; } }

/* 上付き文字、下付き文字 */
sup,
sub {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  position: relative; }

sup {
  bottom: 1ex; }

sub {
  top: .5ex; }



body,
#site-wrpper,
#contents-wrpper
{ background-color: none;
 background-image: url("spacer.gif");

}
/**********************************************************************************************

　mame

**********************************************************************************************/

/* common */
.inner-top {
  max-width: 1100px;
  margin: auto;
  position: relative;
  width: 90%; }









/*---------------------------------------------
contact  page_titArea2.power1 {background-image: url("../images/common/bg_wabe-white.gif");position:relative;}
---------------------------------------------*/

.topics_area {
  padding: 25px 0;
	color: black;
/*border-bottom: 20px solid black;*/}
  @media (max-width: 750px) {
    .topics_area {
      padding: 10vw 0; } }

#topics_container {
	padding: 25px 2%;
}
#topics_container dt {
	width:28%;
	margin-right: 2%;
	display:inline-block;
	
}

#topics_container dt.gallery{padding-bottom: 80px;}
	@media (max-width: 750px) {
		.inner-top #topics_container dt.gallery{padding-bottom: 10px;}}
#topics_container dd {width:62%;display:inline-block;padding-bottom: 30px;}
	@media (max-width: 750px) {
	#topics_container dd {width:100%; display: block;}}

.inner-top #topics_container dt,
#topics_container dt{
	width:15%;
	margin-right: 5%;
	display:inline-block;
}@media (max-width: 750px) {
	.inner-top #topics_container dt {width:100%; display: block;}
	#topics_container dt {width:100%; display: block;}}

.inner-top #topics_container dd,
#topics_container dd{
	width:79%;
	display:inline-block;
	}@media (max-width: 750px) {
	.inner-top #topics_container dd {width:100%; display: block;padding-bottom: 10px;}
	#topics_container dd {width:100%; display: block;padding-bottom: 10px;}}

.inner-top #topics_container dl,
#topics_container dl {width: 100%;}
.inner-top #topics_container dl dt,
#topics_container dl dt{
	display: block;
	width: 100%;
	font-size: 125%;
	border-bottom: 2px solid black;
	font-family: 'Shippori Mincho', sans-serif;
}
#topics_container dl dt{font-size: 120%;}
.inner-top #topics_container dd dl dd,
#topics_container dd dl dd{
	display: block;
	width: 100%;
	padding-bottom: 70px;
}
.inner-top #topics_container dd dl dd span,
#topics_container dd dl dd span{display: block; text-align: right;padding: 5px 0 25px; font-size: 75%;}
#topics_container dd dl dd img { float: right;margin: 0 0 15px 15px;}


.next_box{
	text-align: center;
	width: 520px;
	margin: auto;
}

.next_box p{
	width:48%;
	margin: 0;
	padding: 0;
	display: inline-block;
}