@charset "UTF-8";

*{
	padding: 0;
	margin: 0;
}

html{
  height: 100%;
}

body{
	color: #111;
	background-color: #dddddd;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	word-wrap: break-word;
	height: 100%;
	background-image: url(../toybox/bg_01.png);
}

.font_mincho{
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.font_garamond{
	font-family: 'Cormorant Garamond', serif;
}
.font_raleway{
	font-family: 'Raleway', sans-serif;
}

section,
article{
	display: block;
}

img{
	vertical-align: top;
}

a img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;

}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

li{
	list-style-type: none;
}

a{
	color: #3e687d;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
text-decoration: none;
}
a:hover{
	color: #305089;
	text-decoration: none;
}

table{
	border-collapse: collapse;
}
table td{
	border-collapse: collapse;
}

.clfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}


/*
ローダー------------------*/
.loader-wrap{
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	z-index: 10000;
	background-color: #000;
}


.loader{
	color: #888;
	font-size: 40px;
	text-indent: -9999em;
	overflow: hidden;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	margin: 72px auto;
	position: relative;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
	animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}

@-webkit-keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@-webkit-keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes round {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*------------------*/


/*
ヘッダー
-------------------------------------------*/
header{
	width: 100%;
	background-color: #fff;
	position: fixed;
	z-index: 300;
	color: #000;
}

header h1 a{
	color: #000;
font-size: 60%;
	       text-decoration: none;
}


header .h_btn a{
	display: block;
	text-align: center;
	position: absolute;
	text-decoration: none;
	color: #FFF;
	letter-spacing: 1px;
	border: 5px solid #fff;
	background-color: #00005d;
}


header .h_btn a:hover{
	color: #FFF;
	background-color: #00005d;
	border: 5px solid #00005d;
}
header .h_tel a{
	display: block;
	text-align: center;
	position: absolute;
	text-decoration: none;
	color : black;
	font-size: 20px;
	width: auto;
	font-weight: bold;
	letter-spacing: 1px;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

header .h_tel a strong{
	font-size: 130%;
}

header .h_btn a i,
header .h_tel a i{

padding-left: 5px;
	padding-right: 5px;	
}

#g_navi ul li a.ac_menu{
	cursor: pointer;
	overflow: hidden;
}

.pankuzu{
	background-color: #E0DDD8;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 30px;
	color: #555;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6D1CB;
}

.pankuzu ul{
	width: 96%;
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
}

.pankuzu li{
	display: inline-block;
}

.pankuzu li a{
	text-decoration: none;
	color: #999;
}

.pankuzu li::after {
	content: "\03e";
	padding-left: 10px;
	padding-right: 10px;
}

.pankuzu li a:hover{
	color: #111;
}

.pankuzu li i{
	padding-right: 5px;
}

.pankuzu li:last-child::after {
	display: none;
}


/*
/*
メインコンテンツ
-------------------------------------------*/
.visual{
	 width: 100%;
    height: 0;
    padding-top: 62.5%;
    background: url(toybox/slide/img_06.jpg) no-repeat center top;
height: 550px;
padding; 200px 50px 50px;
    background-position: center center;
box-sizing: border-box;
}

.content{
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;

}

.cont_wrap{
	max-width: 1200px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
font-size : 20px;
}



#top_slide{
	padding-top: 100px;
background-color: #14749c;
	padding-bottom: 10px;
	background-image: url(../toybox/bg_03.jpg);
}

#sub_top{
	background-color: #EEE;
	background-repeat: no-repeat;
	background-position: center center;
	height: 110px;
	line-height: 30px;
	padding-top: 230px;
	width: 100%;
	background-size: cover;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	color: #FFF;
	font-size : 25px;
	letter-spacing: 1em;
	-moz-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-webkit-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-ms-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	position: relative;
	overflow: hidden;
}

#sub_top span{
	position: relative;
	z-index: 150;
}

.content h2{
	font-size: 36px;
	line-height: 1.2;
	margin-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CBC8BE;
	letter-spacing: 2px;
	color: #1D1B2C;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	clear: both;
}

.content h2 span{
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	font-size: 40%;
	font-weight: normal;
}

.content h3{
	font-size: 20px;
	margin-bottom: 10px;
	letter-spacing: 2px;
	color: #1D1B2C;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 25px;
	clear: both;
}

.content h3 span{
	font-size: 16px;
	color: #888;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	padding-left: 15px;
}
.content h4{
	font-size: 20px;
	color: #00005d;
	letter-spacing: 0.1em;
	padding: 10px;
	font-weight: bold;
	clear: both;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 20px;
	margin-left: 30px;
}

.content h5{
	font-size: 20px;
	color: #00005d;
	letter-spacing: 0.1em;
	padding: 10px;
	font-weight: bold;
	clear: both;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 20px;
	margin-left: 30px;
}

.content p{
	font-size: 16px;
	line-height: 1.8;
	padding: 10px;
	margin-bottom: 30px;
	margin-top: 20px;
	margin-right: 30px;
	margin-left: 30px;
}

/*columページで使用css
-------------------------------------------*/
.wrap{
  overflow: hidden;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.main{
  float: left;
  width: 940px;
 margin-top: 60px;
margin-bottom: 60px;
  display: grid;
    grid-template-columns: 1fr 1fr ;
         gap: 15px;
}

.main p{
	line-height: 1.8;
	padding: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
}

.grid-item{
    text-align: left;
}

.main1{
  float: left;
  width: 940px;
 margin-top: 60px;
margin-bottom: 60px;
  display: grid;
    gap: 20px;
}

.main1 p{
	line-height: 1.8;
	padding: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
}



.side-menu{
  float: right;
  width: 210px;
margin-left: 50px;
 }

.side-menu li a{
  display: inline-block;
  height: 30px;
 font-weight: bold;
	font-size: 16px;
  text-decoration: none;
  color: #333;
  position: relative;
  overflow: hidden;
 }

.side-menu li a:after{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #333;
  transform: translate(-100%, 0);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  content: "";
}

.side-menu li a:hover:after {
  transform: translate(0, 0);
}


.under{
 display: inline-block;
  height: 30px;
 font-weight: bold;
	font-size: 16px;
  text-decoration: none;
  color: #333;
  position: relative;
  overflow: hidden;
  text-decoration : underline;
text-underline-offset:0.5em;
}


/*--------------------------------------
  お気に入りスペース文字飾り
--------------------------------------*/


.slash{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
 
.slash::before,
.slash::after {
  content: "";
  width: 25px;
  height: 1px;
  background-color: #000;
  margin: 0px 4px 4px;
}
 
.slash::before {
  transform: rotate(45deg);
}
 
.slash::after {
  transform: rotate(-45deg);
}
/*--------------------------------------
  カード型_05　背景グラデーション
--------------------------------------*/
.l-wrapper_05{
  margin: 1rem auto;
  width: 90%;
}

.l-wrapper_05:hover{
  transform: translateY(-5px);
  box-shadow: 0 7px 34px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
  transition: all .5s;
}
.card_05{
	background: -webkit-linear-gradient(65deg, #F13F79, #FFC778); 
  background: linear-gradient(25deg, #F13F79, #FFC778); 
  border-radius: 5px;
  box-shadow: 0 2px 5px #ccc;
}

.card-img_05{
  border-radius: 5px 5px 0 0;
  max-width: 100%;
  height: auto;
}
.card-content_05{
  padding: 8px 15px 10px;
}

.card-title_05{
  
  font-size: 1.6em;
  color: #333;
  font-weight: 700;
}

.card-text_05{


  color: #fff;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 0.2em;
}

.card-link_05{
	background: #fff;
border-top: 1px solid #eee;
  padding: 20px;
  font-size: 12px;
}

.card-link_05 a{
  text-decoration: none;
  color: #4f96f6;
  margin: 0 10px;
}

.card-link_05 a:hover{
  color: #6bb6ff;
}

.card-content_05 p{
  margin-bottom:0;
}

/*--------------------------------------
  カード型_06
--------------------------------------*/
.l-wrapper_06{
  margin: 1rem auto;
  width: 90%;

}

.l-wrapper_06:hover{
  transform: translateY(-5px);
  box-shadow: 0 7px 34px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
  transition: all .5s;
}
.card_06{
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 5px #ccc;
}

.card-img_06{
  border-radius: 5px 5px 0 0;
  max-width: 100%;
  height: auto;
}
.card-content_06{

  padding: 8px 15px 10px;
}
.card-title_06{
  font-size: 1.6em;
  color: #333;
  font-weight: 700;
}

.card-text_06{
  color: #777;
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 0.2em;
}
.card-link_06{
	border-top: 1px solid #eee;
  padding: 20px;
  font-size: 12px;
}
.card-link_06 a{
  text-decoration: none;
  color: #4f96f6;
  margin: 0 10px;
}

.card-link_06 a:hover{
  color: #6bb6ff;
}

.card-content_06 p{
  margin-bottom:0;
}

/*ieサイトで使用css
-------------------------------------------*/

.center{
  display: block;
  text-align: center;
}


.content .ul_news li{
	line-height: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	font-size: 16px;
	padding-right: 10px;
	padding-left: 10px;
}
.content .ul_news li span.news_date{
	color: #999;
	padding-right: 20px;
}

.content .ul_news li span.news_icon{
	color: #FFF;
	padding-left: 10px;
	display: inline-block;
	padding-right: 10px;
	background-color: #D11444;
	margin-right: 10px;
	font-weight: bold;
	font-size: 14px;
}

.content .ul_news li span.news_icon.cl_02{
	background-color: #00005d;
}

.img_center{
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}

.img_left{
	float: left;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 20px;
}

.img_right{
       float: right;
       z-index: 9999;
	padding-left: 30px;
	padding-bottom: 20px;
}

.content .img_left p{
	font-size: 12px;
	margin: 0px;
}



/*
お問い合わせ部分
-------------------------------------------*/

.box_contact{
	background-color: #ffffff;
	padding-bottom: 50px;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B4CACD;
}

.box_contact.only_tel{
	background-image: none;
}

.box_contact h3{
	color: #006384;
}

.box_contact p{
	margin-top: 10px;
	margin-bottom: 20px;
}

.box_contact .tel .btn1 a{
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	border: 5px solid #305089;
	text-decoration: none;
	display: block;
	width: 90%;
	background-color: #305089;
	margin-right: auto;
	margin-left: auto;
	line-height: 30px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	position: relative;
	max-width: 240px;
}
.box_contact .tel .btn1 a i{
	padding-right: 10px;
	font-size: 120%;
}
.box_contact .tel .btn1 a:hover{
	color: #fff;
	background-color: #3e687d;
	border-top-color: #3e687d;
	border-right-color: #3e687d;
	border-bottom-color: #3e687d;
	border-left-color: #3e687d;
}

.box_contact .tel a{
	font-size: 30px;
	font-weight: bold;
	color: #305089;
	text-decoration: none;
}
.box_contact .tel a strong{
	font-size: 150%;
}
.box_contact .tel a i{
	padding-right: 10px;
	font-size: 120%;
}

@media screen and (min-width:960px){
	
.box_contact .box_in{
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
.box_contact .btn{
	float: left;
	width: 50%;
}

.box_contact .tel{
	float: right;
	width: 50%;
}

.box_contact.only_tel .tel{
	float: none;
	width: 100%;
}

}

@media screen and (max-width:480px){
.box_contact .btn a{
	font-size: 18px;
}
.box_contact .tel a{
	font-size: 24px;
}

dl#faq dd{
	margin: 0 0 10px 0;
    padding: 0 0 0 0px;
}

}

/*-----トップへ戻るボタン------*/

.to_top{
	position: fixed;
	right: 0px;
	bottom: 0px;
	z-index: 200;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}
.to_top a{
	text-decoration: none;
	color: #FFF;
	text-align: center;
	display: block;
	font-size: 10px;
	background-color: #0F6689;
	padding: 15px;
	width: 26px;
	font-size: 26px;
	line-height: 30px;
}
.to_top a:hover{
	background-color: #009bc6;
}

/*
フッター
-------------------------------------------*/

footer{
	background-image: url(../toybox/bg_01.png);
	color: #000;
	clear: both;
	display: block;
	background-color: #ffffff;
	font-size: 12px;
max-width: 900px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

footer ul.f_bn{
	text-align: center;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #00005d;
	background-color: #00005d;
}
footer .f_bn li{
	display: inline;
}
footer .f_bn li a{
	display: inline-block;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 10px;
	text-decoration: none;
	color: #FFF;
	margin-left: 10px;
	font-weight: bold;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin-right: 10px;
}

footer .f_bn li a:hover{
	background-color: #fff;
color: #000;
}

footer .f_bn li a i{
	padding-right: 5px;
	font-size: 200%;
}


footer ul.f_list{
	display: block;
	width: 33.3%;
	float: left;
	padding-bottom: 20px;
	padding-top: 20px;
}

footer ul.f_list li a{
	text-decoration: none;
	color: #000;
	display: block;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
}

footer ul.f_list li li a{
	padding-left: 27px;
	position: relative;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 14px;
}

footer ul.f_list li a:hover{
	background-color: #dbedf0;
}

footer ul.f_list li li a::before {
	content:"\02022";
	position: absolute;
	top: 2px;
	left: 9px;
}

/*5clum-*/
.contents_5clum{
	margin: 0 0 35px 0;
	padding-bottom: 0px;
	overflow: hidden;
	width : 900px;
	border-bottom : 0px solid white;
}
.contents_5clum .section{
       font-family : メイリオ, HiraKakuProN-W3;
	float:left;
	width : 525px;
	margin : 0px 0px 30px 0px;
}


.contents_5clum .section1{
       font-family : メイリオ, HiraKakuProN-W3;
	float:left;
	width : 190px;
	margin : 0px 0px 30px 0px;
}
.contents_5clum .sectionlast{
       font-family : メイリオ, HiraKakuProN-W3;
	float:left;
	width : 160px;
	margin : 0px 0px 30px 0px;
}
.contents_5clum h3{
	font-weight: bold;
	margin-bottom: 5px;
}

footer p{
	float:left;
	margin-right : 0px;
}
footer p:fast-child{
	margin-left: 1px;
}
footer p:last-child{
	margin-right:0px;
}


address{
	font-size: 10px;
	font-style: normal;
	padding-top: 20px;
	padding-bottom: 20px;
	letter-spacing: 1px;
	text-align: center;
	display: block;
	clear: both;
	background-color: #ffffff;
	background-color: #ffffff;
}

footer .box_pr{
	clear: both;
	width: 100%;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 10px;
	color: #ffffff;
	background-color: #ffffff;
	background-color: #ffffff;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #ffffff;
	letter-spacing: 1px;
}

.box_pr ul li{
	display: inline;
	padding: 5px;
}

.box_pr ul li a{
	color: #ffffff;
}

/*
各種テーブル
-------------------------------------------*/
.main1 table.table_01{
	width: 96%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
       box-sizing: border-box;
}
.main1 table.table_01 th,
.main1 table.table_01 td{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #987;
	padding: 20px;
   vertical-align:middle;
}
.main1 table.table_01 th{
	font-size: 16px;
	white-space: nowrap;
	letter-spacing: 1px;
	width: 30%;
	text-align: left;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
}

.main1 table.table_01 th img{
   vertical-align:middle;
}

.main1 table.table_01 td{
	font-size: 14px;
	line-height: 30px;
	background-color: #F3F2F1;
}

.content table.table_02{
	width: 96%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	max-width: 820px;
}
.content table.table_02 th,
.content table.table_02 td{
	padding: 20px;
	border: 1px dotted #BAB4A9;
}
.content table.table_02 th{
	font-size: 18px;
	white-space: nowrap;
	letter-spacing: 1px;
	color: #222;
}
.content table.table_02 td{
	font-size: 16px;
	line-height: 30px;
	background-color: #F4F3F2;
}


.content table.table_02 .tr_gr th{
	background-color: #E0DDD8;
}
.content table.table_02 .tr_gr td{
	background-color: #EBE9E6;
}

.content table.table_02 td .price{
	font-size: 150%;
	white-space: nowrap;
	color: #006384;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
}


.small{
	font-size: 80%;
	color: #666;
}
.chui{
	color: #F00036;
}


.table_01 th span{
	font-size: 12px;
	color: #CCC;
}



/*
FAQ
-------------------------------------------*/

.content dl.faq{
	margin-bottom: 30px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.content dl.faq dt{
	font-size: 22px;
	line-height: 30px;
	position: relative;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 50px;
	background-color: #1E4262;
	color: #FFF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-image: url(../toybox/bg_03.png);
}
.content dl.faq dt span{
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	background-color: #169CC9;
	text-align: center;
	display: block;
	width: 50px;
	padding-top: 10px;
	height: 40px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	position: absolute;
	top: -20px;
	left: -10px;
	z-index: 10;
}
.content dl.faq dt span::before{
	content: "";
	position: absolute;
	bottom: -5px;
	right: -3px;
 	margin-left: -12px;
  border-right: 12px solid transparent;
  border-top: 20px solid #169C9C;
  border-left: 12px solid transparent;
 	z-index: 0;
	transform: rotate(-40deg);
}
.content dl.faq dd{
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	line-height: 1.6;
}


/*
実績一覧
-------------------------------------------*/
ul.works_list{
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	max-width: 1400px;
	padding: 30px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

ul.works_list li{
	width: 23%;
	position: relative;
	text-align: center;
	margin-bottom: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

ul.works_list li .works_icon{
	position: absolute;
	top: 5px;
	left: 5px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	color: #FFF;
	background-color: #D11444;
	z-index: 50;
}

ul.works_list li a{
	display: block;
	padding: 20px;
	background-color: #F4F3F0;
	text-decoration: none;
	color: #333;
	border: 1px solid #DDDAD5;
}
ul.works_list li a img{
	width: auto;
	width: 100%;
	height: 150px;
	object-fit: cover;
}

ul.works_list li a:hover img{
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	-webkit-filter:brightness(1.3);
    -moz-filter:brightness(1.3);
    -ms-filter:brightness(1.3);
    filter:brightness(1.3);
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

ul.works_list li a span{
	display: block;
	padding-top: 10px;
	font-size: 14px;
	letter-spacing: 1px;
}

ul.works_list li a span.mask{
	display: block;
	width: auto;
	width: 100%;
	height: 150px;
	overflow: hidden;
	padding-top: 0px;
}

ul.works_list li a:hover{
	color: #fff;
	background-color: #FFF;
}


/*
スライダー
-------------------------------------------*/

.sp-slide{
	opacity: 0.2;
	filter: alpha(opacity=20);
	-ms-filter: "alpha( opacity=20 )";
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	max-height: 800px;
	overflow: hidden;
}
.sp-slide.sp-selected{
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

.sp-thumbnail-container img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	object-fit: cover;
}

.sp-thumbnail-container img{
	height: 100% !important;
}

.sp-thumbnail-container:hover img,
.sp-thumbnail-container.sp-selected-thumbnail img{
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	cursor: pointer;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

.top_base{
	position: absolute;
	z-index: 100;
	mix-blend-mode: multiply;
	width: 500px;
	height: 500px;
	top: 50%;
	left: 50%;
	margin-left: -250px;
	margin-top: -250px;
}

#top_slide .top_catch{
	z-index: 200;
	font-size: 30px;
	line-height: 10;
	width: 100%;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	position: absolute;
	top: 44%;
	letter-spacing: 0.1em;
	-moz-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-webkit-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-ms-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#top_slide .top_catch span{
	font-size: 25%;
}


/*
トップピックアップバナー
-------------------------------------------*/

.pickup{
	background-color: #ffffff;
	padding-top: 60px;
	padding-bottom: 60px;
}

.pickup h2{
	font-size: 36px;
	line-height: 1.2;
	margin-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CBC8BE;
	letter-spacing: 2px;
	color: #1D1B2C;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	clear: both;
}

.pickup h2 span{
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	font-size: 40%;
	font-weight: normal;
}

.pickup ul{
	display: block;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	max-width: 1400px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.pickup ul li{
	width: 33%;
	position: relative;
}
.pickup ul li a{
	text-decoration: none;
	display: block;
}

.pickup ul li a:hover{
	background-color: #FFF;
}

.pickup ul li a .pu_icon{
	position: absolute;
	top: -5px;
	left: -5px;
	background-color: #305089
	color: #FFF;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
}

.pickup ul li a .pu_icon.cl_02{
	background-color: #305089;
}

.pickup ul li a .pu_title{
	display: block;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
	color: #111;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #DEDCD6;
	padding-top: 10px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A49F8E;
	padding-bottom: 10px;
}

.pickup ul li a:hover .pu_title{
	border-top-color: #f9e900;
}

.pickup ul li a p{
	color: #111;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.pickup ul li a img{
	-webkit-filter: brightness(0.8);
	-moz-filter: brightness(0.8);
	-ms-filter: brightness(0.8);
    filter:brightness(0.8);
  -webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;
	height: 50%;
	object-fit: cover;
}

.pickup ul li a:hover img{
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	-webkit-filter:brightness(1.2);
    -moz-filter:brightness(1.2);
    -ms-filter:brightness(1.2);
    filter:brightness(1.2);
}

/*
サンハウジングの家ピックアップ
-------------------------------------------*/

.mainimg{
  position: relative;
margin-bottom: 10px;
margin-top: 10px;
  }

.mainimg p{
  position: absolute;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  top: 50%;
  left: 50%;
 z-index: 200;
	font-size: 30px;
	line-height: 10;
	width: 100%;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	position: absolute;
	top: 44%;
	letter-spacing: 0.1em;
	-moz-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-webkit-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-ms-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
  margin:0;
  padding:0;
  /*文字の装飾は省略*/
  }

.mainimg a img{
	-webkit-filter: brightness(0.8);
	-moz-filter: brightness(0.8);
	-ms-filter: brightness(0.8);
    filter:brightness(0.8);
  -webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;
	height: 50%;
	object-fit: cover;
}

.mainimg a:hover img{
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	-webkit-filter:brightness(1.2);
    -moz-filter:brightness(1.2);
    -ms-filter:brightness(1.2);
    filter:brightness(1.2);
}

.pickup1{
	background-color: #ffffff;
	padding-top: 30px;
	padding-bottom: 30px;
background-image : url(../toybox/bg_03.jpg);
}

.pickup1 h2{
	font-size: 36px;
	line-height: 1.2;
	margin-bottom: 30px;
	letter-spacing: 2px;
	color: #1D1B2C;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	clear: both;
}

.pickup1 h2 span{
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	font-size: 40%;
	font-weight: normal;
}

.pickup1 ul{
	display: block;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	max-width: 1400px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.pickup1 ul li{
	width: 100%;
	position: relative;
}
.pickup1 ul li a{
	text-decoration: none;
	display: block;
}

.pickup1 ul li a:hover{
	background-color: #FFF;
}


.pickup1 ul li a p{
	color: #111;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.pickup1 ul li a img{
	-webkit-filter: brightness(0.8);
	-moz-filter: brightness(0.8);
	-ms-filter: brightness(0.8);
    filter:brightness(0.8);
  -webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;
	height: 50%;
	object-fit: cover;
}

.pickup1 ul li a:hover img{
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	-webkit-filter:brightness(1.2);
    -moz-filter:brightness(1.2);
    -ms-filter:brightness(1.2);
    filter:brightness(1.2);
}

@media screen and (min-width:960px){
body{
	font-size: 16px;
}
.sm-slider, .sm-slider::after {
	top: 100px !important;
}



/*
ヘッダー
-------------------------------------------*/

header{
	height: 140px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
	position: fixed;
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}


header h1 a{
	 text-decoration: none;
}

header .h_list ul{
	
	top: 7px;	
	line-height: 30px;
	padding-top: 2px;
	font-size: 12px;
	font-weight: bold;
       text-decoration: none;
}

header .h_list ul li{
	
float:left;
padding: 0 0.8em;
}

header .h_list ul li a{
	color: #fff;
text-decoration: none;
}

header .h_list ul li a:hover{
	text-decoration: underline;
}




header .h_btn a{
	width: 160px;
	top: 17px;
	right: 10px;
	line-height: 38px;
	padding-top: 2px;
	font-size: 14px;
	font-weight: bold;
}


header .h_tel a{
	top: 15px;
	right: 190px;
	line-height: 38px;
	padding-top: 4px;
}

header.fixed{
	height: 100px;
}

header.fixed h1 a img{
	height: 40px;
	top:5px;
}
header.fixed .h_btn a,
header.fixed .h_tel a{
	top: 5px;
	line-height: 30px;
}


.menu_btn,
.btn_close{
	display: none;
}

/*
PCグローバルナビ
-------------------------------------------*/
#g_navi{
	width: 98%;
	padding-left: 2%;
	display: block !important;
	height: 50px;
	position: absolute;
	z-index: 1000;
	left: 0px !important;
	bottom: 0px;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: bold;
}

#g_navi ul.navi_base{
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

#g_navi ul li{
	display: inline;
}

#g_navi li a{
	width: 16%;
	padding-top: 15px;
	height: 35px;
	display: block;
	color: #000;
	text-decoration: none;
	text-align: center;
	line-height: 20px;
	position: relative;
	float: left;
}

#g_navi li a::before {
	display: block;
	height: 2px;
	position: absolute;
	top: 2px;
	width: 50%;
	left: 25%;
	
}

#g_navi li a:hover::before {
	top:0px;
	width: 70%;
	left: 15%;
}

#g_navi li a:hover,
#g_navi li a.active,
#g_navi ul li:hover > a{
	color: #000;
}

#g_navi ul li:hover > a.ac_menu,
#g_navi li a:hover.ac_menu{
	position: relative;
}

#g_navi li a.ac_menu::after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 50%;
 	margin-left: -15px;
  border-right: 15px solid transparent;
  border-bottom: 20px solid #fff;
  border-left: 15px solid transparent;
 	z-index: 300;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}

#g_navi ul li:hover > a.ac_menu::after,
#g_navi li a.ac_menu:hover::after {
  border-bottom: 20px solid #345;
}

#g_navi ul li div{
	position: absolute;
	z-index: 2000;
	top: 50px;
	left: 0px;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	width: 100%;
	height: auto;
	background-color: #00005d;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
	padding-top: 15px;
	padding-bottom: 15px;
}
#g_navi ul li ul{
  width: 96%;
  padding-left: 2%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

#g_navi li ul li a{
	width: 25%;
	padding-left: 3%;
	padding-top: 14px;
	padding-bottom: 12px;
	line-height: 22px;
	height: auto;
	color: #FFF;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 1%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

}
#g_navi li ul li a::after {
	content: "+";
	color: #FFF;
	position: absolute;
	display: block;
	left: 15px;
	top: 14px;
	font-size: 9px;
}
#g_navi li ul li a:hover::after {
	color: #FFF;
}
#g_navi ul li ul li a:hover{
	color: #FFF;	
     text-decoration: underline;
}
#g_navi li li a::before {
	display: none;
}

#g_navi ul li:hover div{
  visibility: visible;
  opacity: 1;
}

#g_navi div.ac_list{
	display: block !important;
}


header.fixed #g_navi{
	height: 40px;
}

header.fixed #g_navi ul li div{
	top: 40px;
}

header.fixed #g_navi li a{
	padding-top: 10px;
	height: 30px;
}

header.fixed #g_navi li ul li a{
	padding-top: 9px;
	height: 22px;
}

/*
サブトップ
-------------------------------------------*/

.ie#sub_top{
	background-image : url(../toybox/sub_top_ie.jpg);
}


.buy#sub_top{
	background-image : url(../toybox/sub_top_buy.jpg);
}

.sell#sub_top{
	background-image : url(../toybox/sub_top_sell.jpg);
}





.no_pc{
	display: none;
}

}
/*(/960～)*/


@media screen and (min-width:1200px){
header .h_btn a{
	right: 50%;
	margin-right: -600px;
}
header .h_tel a{
	right: 50%;
	margin-right: -400px;
}
header h1 a img{
	left:50%;
	margin-left: -600px;
}

}
/*(/1200～)*/



@media screen and (min-width:1600px){
.sp-horizontal .sp-previous-arrow{
	left: 50% !important;
	margin-left: -750px;
}

.sp-horizontal .sp-next-arrow{
	right: 50% !important;
	margin-right: -750px;
}


}
/*(/1600～)*/

@media screen and (max-width:960px){

body{
	font-size: 16px;
}

img{
	max-width: 100% !important;
	height: auto;
	width /***/:auto;
	margin-left:auto;
	margin-right:auto;
}

.content h4{
	margin-right: 10px;
	margin-left: 10px;
}

ul.works_list li{
	width: 32%;
}

#top_slide{
	padding-top: 50px;
}

#sub_top{
	height: 80px;
	padding-top: 100px;
	letter-spacing: 0.5em;
	font-size: 18px;
}

/*
メニューボタン
-------------------------------------------*/

.menu_btn{
	display: block;
	height: 30px;
	width: 40px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	position: fixed;
	z-index: 5000;
	top: 5px;
	right: 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.menu_btn:hover{
	cursor: pointer;
}

.menu_btn span{
	width: 28px;
	height: 2px;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -14px;
	background-color: #CCC;
}
.menu_btn span {
    transition: all 0.3s;
    transform: rotate(0deg);
	-webkit-transform: rotate(0deg);  
    -moz-transform: rotate(0deg);    
  }
.menu_btn span.top {
    transform: translateY(-8px);
	-webkit-transform: translateY(-8px);  
    -moz-transform: translateY(-8px);    
  }
.menu_btn span.bottom {
    transform: translateY(8px);
	-webkit-transform: translateY(8px);  
    -moz-transform: translateY(8px);    
}

.menu_btn:hover span.top {
    transform: translateY(-10px);
	-webkit-transform: translateY(-10px);  
    -moz-transform: translateY(-10px);    
}
.menu_btn:hover span.bottom {
    transform: translateY(10px);
	-webkit-transform: translateY(10px);  
    -moz-transform: translateY(10px);    
}

.menu_btn.opened span{
	background-color: #FFF;
}

.menu_btn.opened span.middle{
    background: rgba(255, 255, 255, 0);
	 transform: translateX(30px);
	 -webkit-transform: translateX(30px);  
    -moz-transform: translateX(30px);    
}
.menu_btn.opened  span.top {
    transform: rotate(-45deg) translateY(0px);
	-webkit-transform: rotate(-45deg) translateY(0px);  
    -moz-transform: rotate(-45deg) translateY(0px);    
}
.menu_btn.opened  span.bottom {
    transform: rotate(45deg) translateY(0px);
	-webkit-transform: rotate(45deg) translateY(0px);  
    -moz-transform: rotate(45deg) translateY(0px);    
}

/*
グローバルナビ
-------------------------------------------*/
#g_navi{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	display: none;
	padding-top: 50px;
	overflow: auto;
	z-index: 3000;
	background-color: #fff;
	background-image: url(../toybox/bg_02.png);
	font-size: 14px;
	letter-spacing: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#g_navi ul{
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
}

#g_navi ul li{
	margin-bottom: 1px;
}

#g_navi ul li a{
	color: #FFF;
	text-decoration: none;
	display: block;
	padding-top: 16px;
	padding-right: 30px;
	padding-bottom: 14px;
	padding-left: 20px;
	line-height: 22px;
	vertical-align: middle;
	background-color: rgba(0, 0, 0, 0.1);
}
#g_navi ul li a:hover{
	background-color: rgba(0, 0, 0, 0);
}

body.fixed{
	overflow: hidden;
}

/*
アコーディオン
--------------------------------------------------*/


#g_navi ul li a.ac_menu{
	position: relative;
	background-image: none;
}
#g_navi ul li a.ac_menu::after {
	font-size: 11px;
	display: block;
	height: 20px;
	width: 20px;
	content: "\025bc";
	text-align: center;
	line-height: 20px;
	position: absolute;
	top: 16px;
	right: 10px;
	color: #FFF;
}
#g_navi ul li a.ac_menu.active{
	color: #DEF;
}
#g_navi ul li a.ac_menu.active::after {
	content: "\025b2";
}
#g_navi div.{
	display: none;
}

#g_navi ul li ul li a::before {
	content: "\02022";
	padding-right: 5px;
	color: #DEF;
}



/*
ヘッダー
-------------------------------------------*/
.sm-slider, .sm-slider::after {
	top: 50px !important;
}


header{
	width: 100%;
	background-color: #fff;
	position: fixed;
	z-index: 300;
	color: #FFF;
}

header h1 a img{
	display: block;
	position: absolute;
}

header .h_btn a{
	display: block;
	text-align: center;
	position: absolute;
	text-decoration: none;
	color: #FFF;
	letter-spacing: 1px;
	border: 5px solid #000;
	background-color: #0085B2;
}
header .h_btn a:hover{
	color: #FFF;
	background-color: #000;
	border: 5px solid #0085B2;
}
header .h_tel a{
	display: block;
	text-align: center;
	position: absolute;
	text-decoration: none;
	color: #DDD;
	font-size: 20px;
	width: auto;
	font-weight: bold;
	letter-spacing: 1px;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

header .h_tel a strong{
	font-size: 130%;
}

header .h_btn a i,
header .h_tel a i{
	padding-left: 5px;
	padding-right: 5px;
}

header .h_menu{
	display: none;
}

header #info{
	display: none;
}

/*
サブトップ
-------------------------------------------*/


.ie#sub_top{
	background-image: url(../toybox/sub_top_ie_sp.jpg);
}

.buy#sub_top{
	background-image: url(../toybox/sub_top_buy_sp.jpg);
}

.sell#sub_top{
	background-image: url(../toybox/sub_top_sell_sp.jpg);
}


#top_slide .top_catch{
	font-size: 40px;
}

.content h3{
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}

.no_sp{
	display: none;
}

}
/*(/～960)*/


@media screen and (max-width:640px){

dl#faq dd{
	margin: 0 0 10px 0;
    padding: 0 0 0 10px;
}

#top_slide .top_catch{
	font-size: 12px;
	top: 50%;
}

#top_slide .top_catch span{
	font-size: 20%;
}


#top_slide .slide_btn a{
	font-size: 14px;
	bottom: 20%;
	line-height: 30px;
	width: 220px;
	margin-left: -110px;
}
.pickup ul li{
	width: 100%;
	margin-bottom: 20px;
}
.pickup ul li a img{
	max-height: 100px;
	-webkit-filter: brightness(1.0);
	-moz-filter: brightness(1.0);
	-ms-filter: brightness(1.0);
    filter:brightness(1.0);
}
	
.pickup1 ul li{
	width: 45%;
	margin: 5px 10px 20px 10px;
}
.pickup1 ul li a img{
	max-height: 150px;
	-webkit-filter: brightness(1.0);
	-moz-filter: brightness(1.0);
	-ms-filter: brightness(1.0);
    filter:brightness(1.0);
}

header h1 a img{
	top:5px;
	height: 30px;
}

header .h_list ul{
	
	top: 7px;	
	line-height: 30px;
	padding-top: 2px;
	font-size: 12px;
	font-weight: bold;
}

header .h_list ul li{
	
float:left;
padding: 0 0.8em;
}

header .h_btn a{
	width: 50px;
	top: 10px;
	right: 50px;
	font-size: 18px;
	border-top-style: none !important;
	border-bottom-style: none !important;
	border-right-style: none !important;
	border-left-style: none !important;
}
header .h_tel a{
	width: 0px;
	font-size: 0px;
	right: 0px;
}
header .h_tel a span,
header .h_btn a span{
	display: none;
}


.content{
	padding-top: 20px;
	padding-bottom: 20px;
}

.content p{
	margin-bottom: 20px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
}

ul.works_list{
	padding: 10px;
}

ul.works_list li{
	width: 48%;
}

ul.works_list li a{
	padding: 10px;
}

.img_left,
.img_right{
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
}

.box_contact p{
	font-size: 14px;
}

footer .f_bn{
	height: 1px;
}

ul.f_bn li a span{
	display: none;
}

footer .f_bn li a i{
	padding-right: 0px;
}

footer .cont_wrap{
	display: none;
}
/*columページ640以下*/
.wrap{
    width: 100%;
  }
  .main{
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
  }
  .main1{
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
  }
  .side-menu{
    /* floatを解除 */
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
/*(/～640)*/

@media screen and (max-width:460px){

input,
textarea{
	max-width: 300px !important;
}

dl#faq dd{
	margin: 0 0 10px 0;
    padding: 0 0 0 10px;
}

.content table.table_01 th,
.content table.table_01 td{
	width: 100% !important;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.content table.table_01 th{
	background-color: #F6F6F6;
}


#sub_top{
	height: 60px;
	padding-top: 80px;
	font-size: 14px;
}

.content h2{
	font-size: 24px;
}


header h1 a{
	      display: none;
}

.main p{
	line-height: 1.8;
	padding: 7px;	
       margin: 0;
}

.l-wrapper_06 {
　margin: 0;
　}
.card_06 p{
	font-size: 12px;
}

.card-content_06{
  padding: 0;
}

.l-wrapper_05 {
　margin: 0;
　}

.card_05 p{
	font-size: 12px;
}

.card-content_05{
  padding: 0;
}

.card-link_05{
	display: none;
}

.card-link_06{
	display: none;
}


/* サイドメニューをタグ風に */
.side-menu{
	clear: both;
overflow: hidden;
}
.side-menu li{
	float: left;
}
/* category css */
.side-menu li{
	float: left;
list-style-type: none;
margin: 0 2px 2px;
padding: 7px;
background-color: #F6F6F6; /* 背景色 */
text-decoration: none;
border-radius: 10px 10px 10px 5px
;
}
.side-menu li a{
	color: #696969; /* 文字色 */
}

.contents_5clum{
	display: none;
}

}

	

/*
エフェクト
-------------------------------------------*/
.effect {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
	transform: translateY(20px);
	-webkit-transform: translateY(20px);  
    -moz-transform: translateY(20px); 
	-webkit-transition: 1.0s ease-out;
	-moz-transition: 1.0s ease-out;
	transition: 1.0s ease-out;
}

.effect.d_02 {
transition-delay:0.2s;
-webkit-transition-delay:0.2s;
}

.effect.d_04 {
transition-delay:0.4s;
-webkit-transition-delay:0.4s;
}
.effect.d_06 {
transition-delay:0.6s;
-webkit-transition-delay:0.6s;
}
.effect.d_08 {
transition-delay:0.8s;
-webkit-transition-delay:0.8s;
}
.effect.start {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	transform: translateY(0px);
	-webkit-transform: translateY(0px);  
    -moz-transform: translateY(0px);    
}


.content p.check{
	color: #F00036;
}
.content p.p_st{
	font-size: 20px;
	color: #d2d200;
}

.arrow_tbm{
	text-align: center;
	margin-top: -1px;
	padding-bottom: 10px;
}


.h_sns{
	padding: 5px;
	position: fixed;
	top: 130px;
	right: 0px;
	background-color: rgba(255,215,0,0.8);
	border-radius: 8px 0px 0px 8px;
	-webkit-border-radius: 8px 0px 0px 8px;
	-moz-border-radius: 8px 0px 0px 8px;
}
.h_sns li a{
	display: block;
	padding: 10px;
	color: #FFF;
	line-height: 30px;
	width: 30px;
	text-align: center;
	text-decoration: none;
	font-size: 18px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.h_sns li a:hover{
	background-color: #ffd700;
}

/* よくある質問と回答リスト */
dl#faq{
	padding:0 20px;
	margin-bottom:30px;
  font-size : 18px;
}

dl#faq h3{
	border : 0px solid #fff;
	background-color : #00437c;
	color : #ffffff;
	padding : 10px 10px 10px;
	text-align: left;
}

/* よくある質問と回答リスト　：　質問リスト部分 */
dl#faq dt h3{
	font-weight: bold;
    border-bottom: 1px dotted #90392C;
    font-size: 120%;
    height: 16px;
    margin-bottom: 10px;
    padding: 12px 0 6px 36px;
    cursor:pointer;
}

/* よくある質問と回答リスト　：　質問リスト部分のhover時 */
dl#faq dt:hover h3{
	color:#990000;
}

/* よくある質問と回答リスト　：　回答部分は通常非表示に */
dl#faq dd{
	display: none;
}

/* よくある質問と回答リスト　：　回答部分 */
dl#faq dd{
	margin: 0 0 20px 0;
    padding: 0 0 0 36px;
}


dl#faq a:link{
	color:#bb0000;
	font-weight:bold;
}
dl#faq a:visited{
	color:#bb0000;
	font-weight:bold;
}
dl#faq dt{
	color : #808080;
font-size : 14px;
}
dl#faq dt:hover{
	color:#00437c;
	text-decoration:underline;
	cursor:pointer;
}



.hidden{
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.heading6{
	position:relative;
	padding-left:30px;
	font-weight: bold;
	font-size: 20px;
	line-height: 38px;
}
 
.heading6:before{
	content:''; 
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px; 
	height:12px; 
	width:12px; 
	display:block; 
	position:absolute; 
	top:14px; 
	left:7px; 
	background-color:#476464;
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity:0.50;
	z-index: 1;
}
 
.heading6:after{
	content:''; 
	border-radius:30px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px; 
	height:15px; 
	width:15px; 
	display:block; 
	position:absolute; 
	top:7px; 
	left:2px; 
	background-color:#A59E6E;
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset
;
}

/*記事を読むボタン使用*/

a.btn-radius-solid{
  border: 1px solid #ccc;
  background: #f1e767;
 width:200px;
font-size: 95%;
	color: #000;/* 文字の太さをboldに指定 */
	
     * 横方向に30pxの余白を指定 */
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	  background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
  -webkit-box-shadow: inset 1px 1px 1px #fff;
  box-shadow: inset 1px 1px 1px #fff;
}

a:hover.btn-radius-solid{
  background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%);
}

/*
columサイトで使用　お客様の声------------------*/
a.btn-border{
  width:200px;
padding:1em;
display:block;
  border:#ddd 2px solid;
  margin:1em 0;
  line-height:30px;
  background:#fff;
  color:#00005d;
  border-radius:25px;
  text-decoration:none;
 display:inline-block;
}

a:hover.btn-border{
  color: #fff;
  background: #00005d;
}

a.btn-border-bottom{
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.25em 0;
  text-decoration: none;
  color: #67c5ff; 
}

a.btn-border-bottom:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 4px;
  top:100%;
  left: 0;
  border-radius: 3px;
  background:#67c5ff;
  transition: .2s;
}

a.btn-border-bottom:hover:before {
  top: -webkit-calc(100% - 3px);
  top: calc(100% - 3px);
}


@media screen and (max-width:640px){
.h_sns{
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	top: auto;
	bottom: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

.h_sns li{
	width: 100%;
}
.h_sns li a{
	width: 100%;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.to_top{
	bottom: 60px;
}

footer{
	padding-bottom: 50px;
}


}


/*続きを見る*/

.read-more-4{
    position: relative;
}

.read-more-4 p{
    display: -webkit-box;
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5; /* 開く前に見せたい行数を指定 */
}

.read-more-4:has(:checked) p{
    display: block;
}

.read-more-4 p::after {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .9) 50%, hsla(0, 0%, 100%, .9) 0, #f3f2f1);
    content: '';
}

.read-more-4:has(:checked) p::after {
    content: none;
}

.read-more-4 label{
    display: flex;
    align-items: center;
    gap: 0 4px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: .4em 1.2em;
    border-radius: 1px;
    background-color: #00005d;
    color: #fff;
    font-size: .9.5em;
}

.read-more-4 label:hover{
    border:1px solid #00005d;
    background-color: #fff;
    color: #00005d;
    cursor: pointer;
}

.read-more-4:has(:checked) label{
    display: none;
}

.read-more-4 label::after {
    display: inline-block;
    width: 10px;
    height: 5px;
    background-color: #fff;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}

.read-more-4 label:hover::after{
    background-color: #00005d;
}

.read-more-4 input{
    display: none;
}


/*アコーディオンメニュー*/
.accordion-006{
    max-width: 850px;
    margin-bottom: 7px;
    background-color: #ffffff;
    border-radius: 5px;
}

.accordion-006 summary{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #f50f0f;
    font-weight: 800;
    cursor: pointer;
    font-size:15px;
}

.accordion-006 summary::-webkit-details-marker {
    display: none;
}

.accordion-006 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #cfcfcf;
    border-right: 3px solid #cfcfcf;
    content: '';
    transition: transform .3s;
}

.accordion-006[open] summary::after {
    transform: rotate(225deg);
}

.accordion-006 p{
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-006[open] p {
    transform: none;
    opacity: 1;
}


/*吹き出し*/
.balloon-009 {
    display: flex;
    justify-content: center;
    align-items: start;
    gap: 0 22px;
}

.balloon-009 img{
    max-width: 70px;
    height: 100%;
    border: 3px solid #ffffff;
    border-radius: 50%;
}

.balloon-009 p{
    position: relative;
    max-width: 300px;
    margin: 3px 0 0;
    padding: .8em 1em;
    border-radius: 5px;
    background-color: #ffffff;
    color: #333333;
}

.balloon-009 p::before {
    position: absolute;
    left: -15px;
    width: 15px;
    height: 30px;
    background-color: #ffffff;
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
    content: '';
}



/*アコーディオン▶を消す*/
summary{
	list-style:none;
}


/*アコーディオン項目*/
.accordion-003{
    max-width: 850px;
    margin-bottom: 7px;
}

.accordion-003 summary{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 0em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
    font-size:16px;
}

.accordion-003 summary::-webkit-details-marker {
    display: none;
}

.accordion-003 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .3s;
}

.accordion-003[open] summary::after {
    transform: rotate(225deg);
}

.accordion-003 p{
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-003[open] p{
    transform: none;
    opacity: 1;
    background-color:#ffffff;
}


/*青文字*/
.font_blue{
  color:#00005d;
  font-weight:600;
}

/*会員特典見出し*/
.hitokoto{
  background: #ccccff;
  margin: 2em 0;
  padding: 25px;
  border-radius: 10px;
}

.hitokoto-circle1{
  font-size: 16px;
  line-height: 1.5;
  position: absolute;
  margin-top: -37px;
  font-weight: bold;
  color: #fff;
  background-color:#00005d;
  border-radius: 50%;
  text-align: center;
  width: 24px;
  height: 24px;
}

.hitokoto-circle1:after{
  content: "典";
  position: absolute;
  margin-top: .2em;
  font-weight: bold;
  color: #fff;
  background-color:#00005d;
  border-radius: 50%;
  text-align: center;
  width: 24px;
  height: 24px;
}

.hitokoto-circle2:before{
  content: "";
  position: absolute;
  top: 100%;
  margin-left: -12px;
  border: 5px solid transparent;
  border-top: 10px solid #00005d;
  -ms-transform: rotate(-20deg);
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg);
}

.hitokoto-circle2{
  position: absolute;
  font-size: 16px;
  line-height: 1.5;
  margin-top: -37px;
  margin-left: 40px;
  font-weight: bold;
  color: #fff;
  background-color:#00005d;
  border-radius: 50%;
  text-align: center;
  width: 24px;
  height: 24px;
}


.hitokoto p{
  margin: 0;
  padding: 0;
}


/*Q&A*/
.qa-6{
    max-width: 950px;
    margin-bottom: 5px;
    border-bottom: 2px solid #d6dde3;
}

.qa-6 summary{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em 1em 3em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}

.qa-6 summary::before,
.qa-6 p::before {
    position: absolute;
    left: 1em;
    font-weight: 600;
    font-size: 1.3em;
}

.qa-6 summary::before {
    color: #6699B7;
    content: "Q";
}

.qa-6 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .5s;
}

.qa-6[open] summary::after {
    transform: rotate(225deg);
}

.qa-6 p{
    position: relative;
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 3em 1.5em;
    color: #333;
    transition: transform .5s, opacity .5s;
}

.qa-6[open] p {
    transform: none;
    opacity: 1;
}

.qa-6 p::before {
    color: #D65556;
    line-height: 1.2;
    content: "A";
}


/*用語集アコーディオン*/
.accordion-003{
    max-width: 100％;
    margin-bottom: 7px;
    border-bottom: 2px solid #d0d0d0;
}

.accordion-003 summary{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}

.accordion-003 summary::-webkit-details-marker {
    display: none;
}

.accordion-003 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .3s;
}

.accordion-003[open] summary::after {
    transform: rotate(225deg);
}

.accordion-003 p{
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-003[open] p {
    transform: none;
    opacity: 1;
}


/*文字の右に画像*/
.float{
    float: right;
    margin-left: 20px;
    margin-bottom: 15px;
}

/*文字の左に画像*/
.floatleft{
    float: left;
    margin-right: 20px;
    margin-bottom: 15px;
}


.button-2{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    margin:20px auto;
    padding: .9em 2em;
    border: none;
    border-radius: 5px;
    background-color: #00005d;
    color: #fff;
    font-weight: 600;
    font-size: 1em;
}

.button-2:hover{
    background-color: #00004d;
}





/*吹き出し*/
.balloon-009{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 0 22px;
    margin: 50px 20px 50px 20px;
}

.balloon-009 img{
    width: 70px;
    height: 100%;
    border: 3px solid #f2f2f2;
    border-radius: 50%;
}

.balloon-009 p{
    position: relative;
    max-width: 750px;
    margin: 3px 0 0;
    padding: .8em 1em;
    border-radius: 5px;
    background-color: #f2f2f2;
    color: #333333;
    font-weight: bold;
}

.balloon-009 p::before {
    position: absolute;
    left: -15px;
    width: 15px;
    height: 30px;
    background-color: #f2f2f2;
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
    content: '';
}


/*リスト*/
.list-7{
    list-style-type: none;
    padding: 1em;
    border: 2px solid #00005d;
    margin: 0px 10px;
}

.list-7 li{
    display: flex;
    align-items: center;
    gap: 0 10px;
    padding: .3em;
    font-weight: bold;
}

.list-7 li::before {
    transform: rotate(-45deg);
    width: .4em;
    height: .4em;
    border-bottom: 3px solid #00005d;
    border-right: 3px solid #00005d;
    content: '';
}



/*LINE風吹き出し*/
.balloon-012{
    display: grid;
    gap: 1em 0;
    padding: 25px 15px;
}

.balloon-012__section {
    display: flex;
    align-items: center;
    gap: 0 15px;
}

.balloon-012__img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.balloon-012__p{
    display: inline-block;
    position: relative;
    max-width: 80%;
    margin: 0 ;
    padding: .4em .8em;
    border-radius: 20px;
    color: #333;
    font-size: 16px;
    font-weight: bold;
}

.balloon-012__p.left{
    background-color: #f2f2f2;
}

.balloon-012__p.right{
    background-color: #ccccff;
    margin-left: auto;
}

.balloon-012__p::before {
    position: absolute;
    top: -15px;
    width: 20px;
    height: 30px;
    content: '';
}

.balloon-012__p.left::before {
    left: -10px;
    border-radius: 0 0 0 15px;
    box-shadow: -3px -15px 0 -7px #f2f2f2 inset;
}

.balloon-012__p.right::before {
    right: -10px;
    border-radius: 0 0 15px 0;
    box-shadow: 3px -15px 0 -7px #ccccff inset;
}

/*番号付き見出し*/
.heading-24{
    position: relative;
    padding-top: 1.5em;
    color: #274b66;
}

.heading-24::before {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    color: #d9f4ff;
    font-size: 3em;
    line-height: 1;
    content: attr(data-number);
    pointer-events: none;
}


/*サイトマップ目次*/
.toc-005{
    margin-bottom: 30px;
    border-radius: 3px;
    background-color: #ffffff;
}

.toc-005 div{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 10px 0;
    background-color: #555555;
    color: #fff;
    font-weight: 600;
    font-size: 1.1em;
}

.toc-005 div::before {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 4H21V6H8V4ZM3 3.5H6V6.5H3V3.5ZM3 10.5H6V13.5H3V10.5ZM3 17.5H6V20.5H3V17.5ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
    content: '';
}

.toc-005 ol{
    list-style-type: disc;
    margin: 0;
    overflow: hidden;
}

.toc-005 > ol{
    padding: 1em 1em 1em 3em;
}

.toc-005 ol ol{
    margin-top: 5px;
    padding-left: 1.1em;
}


.toc-005 li{
    padding: 25px 0 10px 0;
    font-weight: 700;
}

.toc-005 ol ol li{
    font-weight: 500;
    font-size: 1em;
    padding: 10px 0;
}

.toc-005 a{
    color: #333;
    text-decoration: none;
}


/*注意ボックス*/
.box-004{
    display: flex;
    grid-gap: 0 .7em;
    margin: 0px 10px;
    padding: 1em;
    border-radius: 5px;
    background-color: #ffebee;
    color: #333333;
}

.box-004::before {
    width: 50px;
    height: 50px;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.8659 3.00017L22.3922 19.5002C22.6684 19.9785 22.5045 20.5901 22.0262 20.8662C21.8742 20.954 21.7017 21.0002 21.5262 21.0002H2.47363C1.92135 21.0002 1.47363 20.5525 1.47363 20.0002C1.47363 19.8246 1.51984 19.6522 1.60761 19.5002L11.1339 3.00017C11.41 2.52187 12.0216 2.358 12.4999 2.63414C12.6519 2.72191 12.7782 2.84815 12.8659 3.00017ZM10.9999 16.0002V18.0002H12.9999V16.0002H10.9999ZM10.9999 9.00017V14.0002H12.9999V9.00017H10.9999Z' fill='%23f06060'%3E%3C/path%3E%3C/svg%3E");}

.box-004 p{
    margin: 0;
    padding: 0 0 0 .7em;
    border-left: 1px solid #f06060;
}


/*番号付きリスト*/
.list-2{
    list-style-type: none;
    padding: 1em;
    border: 2px solid #333333;
    counter-reset: li;
    margin: 10px 10px;
}

.list-2 li{
    display: flex;
    align-items: center;
    padding: .3em;
    margin: 10px 10px;
}

.list-2 li::before {
    display: inline-block;
    min-width: 1.7em;
    margin-right: 5px;
    border-radius: 50%;
    background-color: #333333;
    color: #fff;
    font-weight: bold;
    font-size: .75em;
    line-height: 1.7em;
    text-align: center;
    content: counter(li);
    counter-increment: li;
}


/*ページネーション*/
.pagination-2{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 8px;
    list-style-type: none;
    padding: 0;
    margin-top: 80px;
}

.pagination-2 a{
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2em;
    height: 2em;
    border-radius: 1px;
    background-color: #f2f2f2;
    color: #00005d;
}

.pagination-2 a:not(:hover){
    text-decoration: none;
}

.pagination-2 .current a{
    background-color: #00005d;
    color: #fff;
    pointer-events: none;
}


/*見出し（左線＆背景色）*/
.heading-41{
    display: flex;
    align-items: center;
    padding: .5em .7em;
    background-color: #f2f2f2;
    color: #333333;
    margin: 50px 10px 10px 10px;
}

.heading-41::before {
    display: inline-block;
    width: 5px;
    height: 1.5em;
    margin-right: .5em;
    background-color: #2589d0;
    content: '';
}

/*マンガ画像余白*/

.comic{
 margin: 10px;
}

.comic img{
  margin: 20px 0px;
  pointer-events: none;
}