@charset "utf-8";
/* CSS Document */
.main_img-area.column{
    width: 100%;
    height: auto;
    display: flex;
}
.bg_pattern {
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #f5edce;
  z-index: -1;
}

.Paper_v2 {
  background-image:
    repeating-linear-gradient(to bottom,
      transparent 25px,
      #ffbc6b 26px,  #ffbc6b 26px,
      transparent 27px,  transparent 51px, 
      #ffbc6b 52px,  #ffbc6b 52px,
      transparent 53px,  transparent 77px, 
      #ffbc6b 78px,  #ffbc6b 78px,
      transparent 79px,  transparent 103px, 
      #ffbc6b 104px,  #ffbc6b 104px,
      transparent 105px,  transparent 129px, 
      #ffbc6b 130px,  #ffbc6b 130px),

    repeating-linear-gradient(to right,
      transparent 25px,
      #ffbc6b 26px,  #ffbc6b 26px,
      transparent 27px,  transparent 51px, 
      #ffbc6b 52px,  #ffbc6b 52px,
      transparent 53px,  transparent 77px, 
      #ffbc6b 78px,  #ffbc6b 78px,
      transparent 79px,  transparent 103px, 
      #ffbc6b 104px,  #ffbc6b 104px,
      transparent 105px,  transparent 129px, 
      #ffbc6b 130px,  #ffbc6b 130px);
}

.left_img-area {
    width:  50%;
    text-align: center;
    padding: 2em;
    
    
}
.column_ttl_img-area {
    position: relative;
}
.column_ttl_img-area img {
    position: absolute;
    width: auto;
    height: 100px;
    left: 15%;
    /* top: 15%; */
}
.column_ttl-area {
    text-align: left;
    line-height: 3em;
    background: #ffffff;
    padding: 1.5em 2em;
    border-radius: 7px;
    margin: 81px 0 0;
    box-shadow: 8px 8px 0px 0 rgb(25, 0, 60);
}
.column_ttl-area h1{
    font-size: 32px;
}



p.column-nmb{
    background: #eb5505;
    display: inline-block;
    padding: 0.3em 0.5em;
    color: #ffffff;
    font-size: 18px;
    line-height: 1em;
}

.right_img-area {
    width: 50%;
    text-align: center;
    padding: 2em 0;
    
}
.right_img-area img{
    width: auto;
    height: 258px;
    
}
.column-dis-wrapper section {
    margin-bottom: 64px;
}
.column-dis-wrapper {
    width: 800px;
    margin: 2em auto;
}

.mokuji-area {
    margin-bottom: 2em;
    border: solid 2px #cdd3e5;
    padding: 1em;
    border-radius: 7px;
    background: #f3f4f7;
}
.mokuji-area p{
    font-size: 1.3em;
    margin-bottom: 0.5em;
    color: #18003b;
    font-weight: 500;
    border-bottom: solid 2px #cdd3e5;
    padding-bottom: 0.3em;
}
.mokuji-area ul li{
    line-height: 2em;
    font-size: 16px;
}
summary::marker {
  content: none;
  content: "";
  
}
/*IOS用*/
summary::-webkit-details-marker {
  display:none;
  
}

summary{
	cursor: pointer;
	 }
.arrow::after {
	content: "";
	cursor: pointer;
	display: inline-block;
	width: 8px;
	height: 8px;
	border-top: 2px solid #18003b;
	border-right: 2px solid #18003b;
	transform: rotate(45deg);
	transition: all 0.3s;
	margin-left: 0.5em;
    float: right;
	}

.arrow.rotate::after  {
	transform: rotate(135deg);
	}

p.column-txt {
    margin-bottom: 2em;
    font-size: 16px;
    line-height: 1.5em;
}
ul.contents-insert {
  margin-left: 1em;
}
h2.column-ttl02{
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 1em;
  line-height: 1.5em;
}

.column-txt_img-area {
    margin-bottom: 2em;
    border: solid 1px #cccccc;
    width: 100%;
    text-align: center;
}
.column-txt_img-area.s-img img{
    width: 50%;
    
}
.column_point-area{
    background: #f5edce;
    padding: 1em;
    border-radius: 7px;
    font-size: 16px;
    margin-bottom: 2em;
    
}
.column_point-area p{
  font-size: 1.3em;
  font-weight: 500;
  margin-bottom: 0.5em;
}
.column_point-area p.nomal-txt{
  font-weight: unset;
  font-size: 16px;
  margin-bottom: unset;
  line-height: 1.5em;
}
.column_point-area ol li{
    list-style: none;
    margin-left: unset;
    line-height: 2em;
}
h3.column-ttl_03{
  font-size: 20px;
  font-weight:700;
  margin-bottom: 1em;
}
.column_item-area {
    text-align: center;
    width: 50%;
    margin: 1em auto;
}
.column_item-area p{
    font-weight: 700;
    font-size: 1.3em;
    
}

a.orange-btn {
    display: inline-block;
    color: #ffffff;
    padding: 0.3em 1em;
    background: #e43c00;
    margin: 1em 0;
    border-radius: 7px;
}
/*----特集・アーカイブ----*/
.column-img-area.bg_pattern.Paper_v2 {
    width: 100%;
    height: auto;
}
.column-img-area.bg_pattern.Paper_v2 img{
    width: 70%;
    height: auto;
    display: inline-block;
    margin: 3% 0;
}
.fukidashi span.bg-orange{
	background: #e43c00;
	padding: 0 0.3em;
	margin-right: 0.3em;
	color: #ffffff;
}

@media screen and (max-width: 480px) {
	.main_img-area.column{
    width: 100%;
    height: auto;
    display: block;
	}
	.left_img-area {
    width:  100%;
    text-align: center;
    padding: 2em;
	}
	.column_ttl_img-area {
    position: relative;
}
.column_ttl_img-area img {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0%;
}
	.column_ttl-area {
    line-height: 2em;
    background: #ffffff;
    margin: 70px 0 0;
}
	p.column-nmb{
    padding: 0.3em;
    font-size: 14px;
    line-height: 1em;
}
	.column_ttl-area h1{
    font-size: 18px;
}
	.right_img-area {
    width: 100%;
    text-align: center;
    padding: 0.5em 0 1em;
    
}
	.right_img-area img{
    width: 60%;
    height: auto;
   
}
	.column-dis-wrapper {
    width: 90%;
    margin: 2em auto;
}
	h2.column-ttl02{
  font-size: 18px;
}
	h3.column-ttl_03{
  font-size: 16px;
}
	p.column-txt {
    font-size: 14px;
}
	.column_point-area p{
  font-size: 14px;
  font-weight: 600;
}
	.column_point-area ol li{
    line-height: 1.5em;
	font-size: 14px;
}
	.mokuji-area p{
    font-size: 16px;
    font-weight: 600;
}
.mokuji-area ul li{
    line-height: 1.5em;
    font-size: 14px;
	padding:0.3em 0;
	border-bottom: dotted 1px #cdd3e5;
		
	}
	.fukidashi span.bg-orange{
	background: unset;
	color: #e43c00;
    font-weight: 700;
	padding: 0;
}
}