instructor-@charset "utf-8";

/* ========== すべて共通 ========== */
html, body {
	font-size: 14px;
	font-family:"游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ"," sans-serif";
	/*color: #323e4c;*/
	color: #002752;
	background: #ffffff;
    -webkit-transform: rotate(0.028deg);
    -moz-transform: rotate(0.028deg);
    -ms-transform: rotate(0.028deg);
    -o-transform: rotate(0.028deg);
    transform: rotate(0.028deg);
}

body{
		border-top:#405E80 5px solid;
			transform: rotate(0.001deg);
}


body, div, p, h1, h2, h3, h4, ul, figure {
	margin: 0;
	padding: 0;
}
p, td, th, li {
	line-height: 1.8;
}
img {
	width: 100%;
	height: auto;
}
a {
    color: #405E80;
}
a:hover {
	color: #F2F2F2;
}
a:active {
	color: #4b6700;
}
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}
.f9{
	font-size:9px;
}

.max1{
	max-width :300px;
    width:10%;
    margin: 0 auto;
}


/*横並び画像指定*/

[class^="img-flex-"] {
	margin-bottom: 30px;
	margin-top:30px ;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.img-flex-2 img { width: 49%; height: 49%; }
.img-flex-3 img { width: 31%; height: 31%; }
.img-flex-4 img { width: 24%; height: 24%; }

.img-flex-3-2 img { 
	width: 31%; 
	height: 31%;
	padding-right:10px;
	}




/* 共通の見出し */
main h1 {
	margin-bottom: 1rem;
	/*border-bottom: 1px dashed #c84040;*/
	font-weight: normal;
	font-size: 1.6rem;
}

.container {
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	max-width: 1000px;
}
@media screen and (min-width: 768px) {
	.container {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* Google web icon ルール */
/* Rules for sizing the icon. */
.material-icons.md-12 { font-size: 12px; }
.material-icons.md-13 { font-size: 13px; }
.material-icons.md-14 { font-size: 14px; }
.material-icons.md-16 { font-size: 16px; }
.material-icons.md-18 { 
font-size: 18px; 
padding-bottom: -2px;
}
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

.material-icons.orange600 { color: #FB8C00; }

.r{
	font-family: "リュウミン R-KL";
}
.wt{
	color:#FFF;
}
.red{
	color:#900;
	font-family: "リュウミン R-KL";
}
.green{
	color:#060;
	font-family: "リュウミン R-KL";
}
.gray{
	color:#666;
	margin-bottom:10px;
}
.mt15{margin-top:15px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.mb15{margin-bottom:15px;}
.mb30{margin-bottom:30px;}
.mb45{margin-bottom:-45px;}
.pa8{
	padding-left:8px;
	padding-right:8px;
}
.stron{
	font-weight:bold;
}
/* ========== ヘッダー ========== */
header {
	background: #FFF;
}

.header-inner {
	display: flex;
	justify-content: space-between;
	align-items:center;
}
.header-logo {
	padding: 10px 0;
	width: 140px;
	height: 50px;
	margin:auto;
}


/*.menu-btn {
	padding: 10px 0;
	border: 1px solid #CCC;
	border-radius: 4px;
	width: 100px;
	height:47px;
	background: url(../../images/onlineshop.png) no-repeat center center;
	background-size: contain;
}*/

@media screen and (min-width: 768px) {
	.header-logo {
		width: 200px;
		height: 54px;
	}
 	/*.menu-btn {
		display: none;
	}*/
}




@media screen and (max-width: 767px){
.home-keyvisual{ display: none;}
}
@media screen and (min-width: 767px) {
.home-keyvisual-sp { display: none;}
}

/* ========== パンくず ========== */
.breadcrumbs_list{
	background-color:#f3f3f3;
}
.breadcrumbs_list li {
	display: inline-block;
	font-family: "リュウミン R-KL";
	border-bottom:none;
	font-size:.8em;
}
.breadcrumbs_list li:first-child {
	margin-left: 0;
	padding-left: 0;
	background: none;
}
.breadcrumbs_list a{
text-decoration: none;
}

/* ========== ナビゲーション ========== */
nav {
	background: #FFFFFF;
}
.navbar {
	display: none;
	list-style-type: none;
}
.navbar a {
	display: block;
	padding: 0.6rem 0;
	color: #002752;
	text-decoration: none;
	font-family: "UD新ゴ コンデンス90 L";
	font-size:14px;
	letter-spacing:0.1em;

}
.navbar a:hover {
	background: #F2F2F2;
}

#dropmenu{
  list-style-type: none;
  width: 800px;
  height: 40px;
  margin: 30px auto 0px ;
  padding: 0;
  background-color:#FFF;
  border-radius: 3px 3px 0 0;
}
#dropmenu li{
  position: relative;
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
	font-family: "リュウミン B-KL";
}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #002752;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  background-color:#FFF;
 /*               filter:alpha(opacity=40);
    -moz-opacity: 0.9;
    opacity: 0.9;*/
}

#dropmenu li:hover > a{
	display : block ; 
  background: rgba(27,37,56,0.6);
  color: #FFF;
 /*               filter:alpha(opacity=30);
    -moz-opacity: 0.8;
    opacity: 0.8;*/

}
#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
  z-index:120;
}
#dropmenu li:last-child ul{
  left: -100%;
  width: 100%
}
#dropmenu li ul li{
  overflow: hidden;
  width: 200%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 13px 15px;
  background: rgba(27,37,56,0.6);
  text-align: left;
  font-size: 14px;
  color:#FFF;
  font-weight: normal;
}
#dropmenu li ul li a:hover{
	color:#add8e6;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}




.dropmenu-sp{
	margin:auto;
	border:#F00 solid 1px;
	color:#FFF;
	background-color:#F2F2F2;
	
}
#dropmenu-sp li{
	position: relative;
	float: left;
	width:100%;
	background: #405E80;
	background-image:url(../images/arrow.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-top:2px;
	padding-bottom:2px;
	border:#CDD8E4;
}
#dropmenu-sp li a{
	color: #FFF;
}
#dropmenu-sp li a:hover{
	color: #bcc4d6;
}

.right{
	float:left;
	width:50%;
}
.left{
	float:left;
	width:50%;
}

.clear-element {
  clear: both;
}

#dropmenu-sp ul .home-course li{
	color:#C06;
	z-index:120;
}


/* ========== スマホナビゲーション ========== */
.nav-sp {
  width: 100%;
  height: 40px;
  margin: 5px auto;
  padding: 0;
  display: flex;
}
.nav-sp li {
  position:relative;
  list-style: none;
  margin:auto;
  background: #CCC;
}
.nav-sp li a {
  display: block;
  width:250px;
  height: 40px;
  text-align: center;
  color: #002752;
  font-size: 14px;
  line-height: 2.8;
  background: #FFF;
  text-decoration: none;
  border: 1px solid #fff;
  box-sizing: border-box;
}

.nav-sp li.m-0 a {
    background: #fbfbfb;
	color:#002752;
    border: 1px solid #CDD8E4 ;
}
.nav-sp li.m-1 a {
    background: #ffeaea;
	color:#002752;
    border: 1px solid #CDD8E4 ;
}
.nav-sp li.m-2 a {
    background:#effff7;
	color:#002752;
	border: 1px solid #CDD8E4 ;
}
.nav-sp li.m-3 a {
    background:#5580aa;
	color:#dc4edc;
}
.nav-sp li.m-4 a {
    background: #476a8d;
	color:#FFF;
    border: 1px solid #CDD8E4 ;
}




.nav-sp > li:hover > a {/*layer-1*/
  color: #4682b4;
  background-color:#fff;
}
.nav-sp > li li:hover > a {/*layer-2*/
  color: #4682b4;
	background-color:#CDD8E4 ;
}
.nav-sp li ul {
  top: 40px;
  left:0px;
  position: absolute;
  z-index:120;
}
.nav-sp li ul li {
  overflow: hidden;
  height: 0;
}
.nav-sp li ul li a {
  border-top: 1px solid #eee;
}
.nav-sp li:hover > ul > li {
  overflow: visible;
  height: 40px;
}
  .nav-sp li ul li ul {
    top: 0;
    left: 110px;
  }
  .nav-sp li ul li ul:before {/*layer-2▷*/
    position: absolute;
    content: "";
    top: 15px;
    left: 30px;
    border: 5px solid transparent;
    border-left: 5px solid #fff;
  }
  .nav-sp li ul li ul li:hover > a {/*layer-3*/
    color: pink;
	background-color:#fff;
  }
  .nav-sp li ul li ul.left {
    top: 0;
    left: -190px;
  }
  .nav-sp li ul li ul.left:before,/*layer-2-left▷*/
  .nav-sp li ul li ul li ul.left:before {/*layer-3-left▷*/
    position: absolute;
    content: "";
    top: 15px;
    left: 190px;
    border: 5px solid transparent;
    border-right: 5px solid #fff;
  }
  .nav-sp li ul li ul.left li:hover > a {/*layer-2-left*/
    color: pink;
    background: #afc6e2;
  }
  .nav-sp li ul li ul li ul.left li:hover > a {/*layer-3-left*/
    color: purple;
	background-color:#fff;
  }
  /* ========== スマホナビゲーション ========== */






@media screen and (max-width: 767px){
#dropmenu { display: none;}
}
@media screen and (min-width: 767px) {
#dropmenu-sp { display: none;}
.nav-sp { display: none;}
.my-parts{ display: none;}
}


@media screen and (min-width: 768px) {
	.navbar {
		display: flex !important;
	}
	.navbar li {
		flex: 1 1 auto;
		text-align: center;
	}
	.navbar a.nav-current {
		background: #c84040;
	}
}
 
/* ========== メインエリア基本レイアウト ========== */
main {
	padding-top: 50px;
	padding-bottom: 50px;
	background: #ffffff;
}

@media screen and (min-width: 767px) {
	main {
		padding-left: 30px;
		padding-right: 30px;
	}
}

/* ========== フッター ========== */

footer {
	background: #002752;
	font-size: 0.8rem;
	color: #fff;
	clear: both;
	font-family: "UD新ゴ コンデンス90 L";
}


@media screen and (max-width: 767px){
	.box { display: none;}
	.box2 { display: none;}
}
@media screen and (min-width: 767px) {
	.footer_sp{display:none}
	font-family: "UD新ゴ コンデンス90 L";
	
}

.footer-container1 {
	width:30%;
	padding-top: 20px;
	padding-bottom: 20px;
}
.footer-container2 {
	width:30%;
	padding-top: 20px;
	padding-bottom: 20px;
}
.footer-container3 {
	width:38%;
	padding-top: 20px;
	padding-bottom: 20px;
}
.footer-nav {
	list-style-type: none;
}
.footer-nav li {
	padding: 0 1rem 0 0;
}
.footer-nav a {
	color: #fff;
	text-decoration: none;
}
.footer-nav a:hover {
	opacity: 0.5;
	color:#4682b4;
}
.footer-copyright
{
	width:100%;
	text-align:center;
	font-family: "リュウミン R-KL";
	clear: both;
	margin-top:30px;
}

.boxContainer {
	display: flex;
	display: -moz-flex;
	display: -o-flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-direction: row;
	-moz-flex-direction: row;
	-o-flex-direction: row;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
}
.box{
	width:20%;
	margin:30px 10px;
}
.box2{
	width:20%;
	margin:30px 10px;
	padding-left:15px;
	border-left:1px solid #2b4055;
}


.footer_sp{
	width:100%;
	margin-top:10px;
	margin-bottom:0px;
	text-align:center;
}




/* ========== index.html トップページ ========== */

.home-entry{
	text-align:center;
}
/* キャッチコピー */
.home-maincopy {
	text-align: center;
	color:#FFF;
	font-size: 1.6rem;
	font-family: "リュウミン B-KL";
	margin-top:-150px;

}
.home-maincopy strong {
	color: #c84040;
}

@media screen and (min-width: 767px) {
	.home-maincopy {
	font-size: 2.4rem;
	color:#FFF;
	font-family: "リュウミン B-KL";
	margin-top:-180px;
	}
}



.home-maincopy-kaitori {
	text-align: right;
	color:#FFF;
	font-size: 3rem;
	font-family: "リュウミン B-KL";
	margin-top:-100px;


}
.home-maincopy-kaitori strong {
	color: #c84040;
}

@media screen and (min-width: 767px) {
	.home-maincopy-kaitori {
	font-size: 4.8rem;
	color:#FFF;
	font-family: "リュウミン B-KL";
	margin-top:-200px;
	}
}

.home-color1 {
	color: #f8b173;
}
.home-color2 {
	color: #74b9d9;
}
.home-color3 {
	color: #8bca85;
}
.home-color4 {
	color: #f8817e;
}

/* 見出し */
.home-h2 {
	margin:80px 0 12px 0;
	font-size: 1.5rem;
	font-family: "リュウミン B-KL";
	padding-top:1em;
	text-align:center;
	line-height:1.2em;
}
.home-h0{
	margin:10px 0 12px 0;
	font-size: 1.5rem;
	font-family: "リュウミン B-KL";
	padding-top:1em;
	text-align:center;
	line-height:1.2em;
}
.furi{
	font-size:0.8rem;
	font-family: "UD新ゴ コンデンス90 L";
}
/* お知らせ */
.home-news {
	padding: 30px;
	border-radius: 10px;
	background: #fff;
	border:1px solid #CCC;
}

/* コース一覧 */
/*.rse {
	display: flex;
	flex-flow: column;
}*/
.home-course {
	display: flex;
	flex-wrap:wrap;
	width:100%;
	margin:auto;
}
.home-course li {
	margin: 0px 2px 4px 2px;
	border: solid 1px #ccc;
	list-style-type: none;
	width:48%;
	background-color: #FFF;
	color: #666666;
}

.home-course li a{
	text-decoration:none;
}

.home-course3 {
	display: flex;
	flex-wrap:wrap;
	width:100%;
	margin:auto;
}
.home-course3 li {
	margin: 0px 2px 4px 10px;
	list-style-type: none;
	width:43%;
	background-color: #FFF;
	color: #002752;
    font-family: "リュウミン R-KL";
	font-size:0.8rem;
	
}

.home-course3 li a{
	text-decoration:none;
}



/* 画面幅が広い（タブレット・パソコン向け） */
@media screen and (min-width: 768px) {
.home-course {
		flex-flow: row;
	}
}

.home-course a {
	color: #002752;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.home-course figure:hover {
	opacity: 0.5;
}

.home-course figcaption {
	padding: 5px;
	font-size: 0.8rem;
	text-align: center;
	font-family: "UD新ゴ コンデンス90 L";
}

.home-course figcaption .text1 {
	padding: 8px 0;
	text-align: center;
	font-family: "UD新ゴ コンデンス90 L";
}




/*top entry*/
.entry{
	margin-top:3em;
	margin-left:auto;
	margin-right:auto;
}
.home-entry {
	display: flex;
	flex-wrap:wrap;
	width:100%;
	margin:auto;
	margin-top:5em;
	margin-bottom:5em;
}
.home-entry li {
	margin: 5px 5px;
	list-style-type: none;
	width:45%;
	background-color:#fff;
	color: #FFF;
		border:3px double #405E80 ;
		border-radius:5px; 

}
.home-entry li:hover{
	opacity: 0.8;
}
.entry-cap{
	font-size:1.1em;
	color:#002752;
}
.home-en-btn{
	margin-top:3.2em;
	margin-bottom:3.2em;
}
.home-en-btn2{
	margin-top:4em;
	margin-bottom:3em;
}

/* 画面幅が広い（タブレット・パソコン向け） */
@media screen and (min-width: 768px) {
.home-entry {
		flex-flow: row;
		margin-top:5em;
		margin-bottom:5em;
	}
.entry-cap{
	font-size:1.2em;
}
}

.home-entry a {
	color: #405E80;
	text-decoration: none;
	padding-left: 10px;
}

.home-entry figure:hover {
	opacity: 0.5;
}

.home-entry figcaption {
	margin-top:0.5em;
	font-size: 0.9rem;
	text-align: center;
	font-family: "リュウミン B-KL";
}

.home-entry figcaption .text1 {
	text-align: center;
	font-family: "UD新ゴ コンデンス90 L";
}
.course-button:hover {
	/*background-color:rgba(64,94,128,0.2) ;*/
			background: linear-gradient(0deg, #536e8c, #667e99);
	color: #405E80;

}


/* 魅力 */
.home-course2 {
	display: flex;
	flex-wrap:wrap;
	width:100%;
	margin:auto;
}
.home-course2 li {
	margin: 0px 2px 4px 2px;
	border: solid 1px #FFF;
	padding:4px;
	list-style-type: none;
	width:100%;
	background-color: #FFF;
}

.home-course2 li.miryoku{
	margin:5px 20px;
	font-family: "リュウミン R-KL";
}
.m-001{
	width:100%;
	margin:auto;
	font-size:2.8em;
	font-family: "リュウミン B-KL";
	color:#D9B94A;
	padding-left:10px;
}

.m-002{
	font-size:1.6em;
	text-align: center;
	font-family: "リュウミン B-KL";
	padding-left:10px;
}
.m-004{
	font-size:0.9em;
	font-family: "リュウミン R-KL";
	color:#D9B94A;
	padding-left:5px;
}

.m-hr{
	background-color:#D9B94A;
	border: none;
	height:1px;
}

/* 画面幅が広い（タブレット・パソコン向け） */
@media screen and (min-width: 768px) {
.home-course2 {
		flex-flow: row;
	}
}

.home-course2 a {
	color: #002752;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}

.home-course2 figure:hover {
	opacity: 0.5;
}

.home-course2 figcaption {
	padding: 8px 0;
	font-size: 0.9rem;
	text-align: center;
	font-family: "リュウミン B-KL";
}


.rabel1 {
  position: relative;
  }

.rabel1 p {
  position: absolute;
  top: 0;/*画像の左上に配置*/
  left: 0;
  margin:30px 0 0 0; /*余計な隙間を除く*/
  color: white;/*文字を白に*/
  background: rgba(153,0,0,0.7);/*背景色*/
  font-size: 15px;
  line-height: 1;/*行高は1に*/
  padding: 5px 10px;/*文字周りの余白*/
  }
  
    .rabel1 .ravel-used{
  position: absolute;
  top: 0;/*画像の左上に配置*/
  right: 0;
  margin:95% 0 0 0; /*余計な隙間を除く*/
  color: white;/*文字を白に*/
  background: rgba(105,105,105,0.7);/*背景色*/
  font-size: 14px;
  line-height: 1;/*行高は1に*/
  padding: 5px 10px;/*文字周りの余白*/
  }

.rabel1 img {
  width: 100%;
  }
  


.rabel2 {
  position: relative;
  }

.rabel2 p {
  position: absolute;/*絶対配置*/
  color: #09C;/*文字は白に*/
  top: 0;
  left: 0;
  }

.rabel2 img {
  width: 100%;
  }



  
 /* 商品に見立てた枠 */
.triangle {
    background: #fafafa;
  width: 100%;
    border: #eee 1px solid;
    margin: 0 auto;
    position: relative;
}

/* ラベル部分 左上に表示 */
.triangle::before {
    content: "";
    top: 0;
    left: 0;
    border-bottom: 5em solid transparent;
    border-left: 5em solid #db7093; /* ラベルの色はここで変更 */
    position: absolute;
    z-index: 100;

}
.triangle::after {
    content: "買取強化";
    display: block;
    top: 15px;
    transform: rotate(-45deg);
    color: #fff; /* 文字色はここで変更 */
    left: 0;
    position: absolute;
    z-index: 101;
} 




.buy_1{
	font-size: 0.9rem;
}
.buy_2{
	font-size: 0.9rem;
	color:#900;
}
.buy_3{
	font-size: 0.9rem;
	color:#002752;
	font-family: "リュウミン B-KL";
	}
.text_align01{
	text-align:center;
}


/* ========== course コンセプト ========== */
/* コンセプト */
.course-container {
	display: flex;
	flex-flow: column;
	margin-top:30px;
}

@media screen and (min-width: 768px) {
	.course-container {
		flex-flow: row;
		margin-top:15px;
	}
	.course-image {
		flex: 1 1 400px;    
		margin-right: 50px;
	}
	.course-image2 {
		flex: 1 1 250px;    
		margin-right: 50px;
	}

	.course-text {
		flex: 1 1 580px;
		margin:10px;
	}
}

.course-image img {
	border-radius: 5px;
}
.course-h2 {
	font-size: 1.6em;
	margin-bottom: 1.8em;
	font-family: "リュウミン B-KL";
}
.course-h23 {
	font-size: 1.4em;
	margin-bottom: 1.5em;
	margin-top:2em;
	font-family: "リュウミン B-KL";
	color:#002752;
	padding-left:10px;
}
.course-h23 a{
		text-decoration:none;
}

.course-h24 {
	font-size: 1.6rem;
	color:#FFF;
	background-color:#666;
	margin-bottom: 2.2rem;
	margin-top:2.2em;
	padding:10px auto 5px 20px;
	font-family:"游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.course-sub {
	font-family: "リュウミン R-KL";
	font-size: 1em;
	line-height:1.7rem;
	color:#002752;
		padding-left:10px;
		margin-top:15px;
}
.course-sub a {
	text-decoration:none;
}
.course-text {
	font-family: "リュウミン R-KL";
	color:#002752;
	padding-left:10px;
}
.course-spec {
	list-style-type: none;
}
.course-label {
	display: inline-block;
	padding: 0.1rem 0.5rem;
	margin-right: 0.1rem;
	border-radius: 3px;
	background: #c84040;
	font-size: 0.7rem;
	color: #fff;
}

/* コース説明 */
.course-h3 {
	font-family: "リュウミン R-KL";
	margin: 20px 0 20px 0;
	color: #002752;
	border-bottom: 1px dashed #405E80;
}
.course-description {
	font-family: "リュウミン R-KL";
	font-size:0.9rem;
	margin-top:8px;
	padding: 20px;
	/*background: #fff url(../images/point.png) no-repeat;*/
	background-size: 50px 50px;
	/*border-radius: 10px;*/
	text-decoration: none;
}
.course-h3-2 {
	font-family: "リュウミン R-KL";
	margin: 10px 0 0 0;
	color: #002752;
	border-bottom: 1px dashed #405E80;
}
.kodawari-p {
	font-size:1em;
	margin-top:25px;
	padding: 5px;
	/*background: #fff url(../images/point.png) no-repeat;*/
	/*background-size: 50px 50px;*/
	/*border-radius: 10px;*/
	text-decoration: none;
}
.kodawari-p a{
	text-decoration: none;
}
.course-description a{
	text-decoration: none;
}


/* スケジュール（テーブル） */
.course-schedule {
	border-collapse: collapse;
}
.course-schedule td, .course-schedule th {
	padding: 0.5em 1em;
	border-bottom: 1px dotted #aeaeae;
}

/* 講師プロフィール */
.course-instructor {
	overflow: hidden;
}
.course-instructor img {
	float: left;
	margin-right: 20px;
	border-radius: 50%;
	width: 20%;
}
.course-instructor-name {
	font-size: 1em;
	font-weight: bold;
	padding: 1rem 0 0.5rem 0;
	font-family: "リュウミン R-KL";
}

.message{
	font-family: "リュウミン R-KL";
	font-size:1em;
}


.course-li {
	font-family: "リュウミン R-KL";
	color: #002752;
	padding-right:-10px;
	border-bottom: 1px dashed #405E80;
	font-size: 1.2rem;
}


/* お申込みボタン */

/*.course-button {
	display: block;
	width: 300px;
	margin: 20px auto;
	padding: 1rem 0;
	background-color: #FFF;
	border-radius: 45px;
	text-align: center;
	text-decoration: none;
	color: #405E80;
	font-size: 0.9rem;
	font-family: "リュウミン B-KL";
	border:#CCC solid 1px;
}
.course-button:hover {
	background-color:rgba(64,94,128,0.2) ;
	color: #405E80;
	border:#CCC solid 1px;
}*/


.course-button {
	display: block;
	width: 300px;
	margin: 20px auto;
	padding: 1rem 0;
  background: linear-gradient(#798ea6 0%, #405E80 100%);
  /*text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);*/
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
	/*background: linear-gradient(0deg, #405E80, #536e8c);*/
	border-radius: 45px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-size: 1rem;
}
.course-button:hover {
	background-color: #95cd00;
		/*background: linear-gradient(0deg, #536e8c, #667e99);*/
	color: #fff;
}
.course-button2 {
	display: block;
	width: 300px;
	margin: 20px auto;
	padding: 1rem 0;
  background: linear-gradient(#96CC00 0%, #709a00 100%);
	/*background: linear-gradient(0deg, #405E80, #536e8c);*/
	border-radius: 45px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-size: 1rem;
}
.course-button2:hover {
	background-color: #95cd00;
		/*background: linear-gradient(0deg, #536e8c, #667e99);*/
	color: #fff;
}
.course-button3 {
	display: block;
	width: 300px;
	margin: 20px auto;
	padding: 1rem 0;
  background: linear-gradient(#798ea6 0%, #405E80 100%);
  /*text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);*/
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
	/*background: linear-gradient(0deg, #405E80, #536e8c);*/
	border-radius: 45px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-size: 1rem;
}
.course-button3:hover {
	background-color: #95cd00;
		/*background: linear-gradient(0deg, #536e8c, #667e99);*/
	color: #fff;
}

/* 折り畳み続きを読むボタン */

.grad-btn {
    display: inline-block; 
	width:100px;
	border: solid 1px #CCC;
	border-radius: 25px;
	padding:4px 0;
    text-decoration: none;
    transition: .4s;
	font-size:0.8em;
	margin:0.8em;
	text-align:center;
    float: right;
}

/*
.grad-btn {
    display: inline-block; 
    padding: 0.3em 1em;
    text-decoration: none;
    color: #CCC;
    border: solid 1px #CCC;
    border-radius: 25px;
    transition: .4s;
	margin:10px auto 10px;
	font-size:0.8em;
}*/

.grad-btn_btn:hover {
	background-color: #67c5ff;
    color: white;
}
.grad-btn::before {
  content: "続きを読む";
}
.grad-item {
  position: relative;
  overflow: hidden;
  height: 50px; /*隠した状態の高さ*/
  clear:right;
}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px; /*グラーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  content: "";
}
.grad-trigger {
  display: none; /*チェックボックスは常に非表示*/
}
.grad-trigger:checked ~ .grad-btn::before {
  content: "× 閉じる" /*チェックされていたら、文言を変更する*/
}
.grad-trigger:checked ~ .grad-item {
  height: auto; /*チェックされていたら、高さを戻す*/
}
.grad-trigger:checked ~ .grad-item::before {
  display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}
/*.grad-wrap{
	text-align : center ;
}*/
.next{
	margin-top:-20px;
}


.hr_g{
	width:100%;
	border:solid 0.5px #2b4055;
	background-color:#2b4055;
}

.form-p{
		font-family: "リュウミン R-KL";
		font-size:1.1em;
		marsgin:1.5em 1em;
}



/* ========== qanda よくある質問 ========== */
.q-and-a {
	margin-top: 1em;
	padding: 8px 0 0 50px;
	font-family: "リュウミン R-KL";
	font-size:1.1rem;
}
.question {
	font-weight: bold;
	color: #002753;
	background: url(../../images/q.png) no-repeat left top;
	background-size: 40px 40px;
}
.answer {
	margin-bottom: 2em;
	background: url(../../images/a.png) no-repeat left top;
	background-size: 40px 40px;
}


.cp_qa *, .cp_qa *:after, .cp_qa *:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_qa .cp_actab {
position: relative;
overflow: hidden;
width: 100%;
margin: 0 0 1em 0;
color: #1b2538;
}
.cp_qa .cp_actab input {
position: absolute;
opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
font-family: "リュウミン B-KL";
font-size: 1.2em;
line-height: 1.6em;
position: relative;
display: block;
margin: 0 0 0 0;
padding: 0.8em 2em 1em 1em;
cursor: pointer;
text-indent: 1em;
background: #CCC;

}
.cp_qa .cp_actab label::before {

font-size: 2em;
margin-left: -1em;
padding-right: 0.5em;
content: '';
}
.cp_qa .cp_actab label:hover {
transition: all 0.3s;
color: #bcc4d6;
}
/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {
font-size: 1.7em;
font-weight: bold;
line-height: 2em;
position: absolute;
top: 0;
right: 0;
content: '\2b';
display: inline-block;
width: 2em;
height: 2em;
-webkit-transition: transform 0.4s;
transition: transform 0.4s;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
position: relative;
overflow: hidden;
max-height: 0;
padding: 0 0 0 2.5em;
-webkit-transition: max-height 0.2s;
transition: max-height 0.2s;
/*border-radius: 0 0 0.2em 0.2em;*/
}
/* 答えリンク */
.cp_qa .cp_actab .cp_actab-content a{
text-decoration:none;
color: #002753;
}
/* 答えリンク */
.cp_qa .cp_actab .cp_actab-content a:hover{
color: #00838f;
}
.cp_qa .cp_actab .cp_actab-content::before {
	font-family: "リュウミン B-KL";
font-size: 1.5em;
position: absolute;
margin: 0.4em 0 0 -1em;
padding: 0;
content: '';
}
.cp_qa .cp_actab .cp_actab-content p {
margin: 1em 1em 1em 0;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */	
.cp_qa .cp_actab input:checked ~ .cp_actab-content {			
max-height: 100%;			
border: 10px solid #CCC;			
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked ~ label {
color: #00838f;
/*border-radius: 0.2em 0.2em 0 0;*/
}
/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}



.cp_qa2 *, .cp_qa2 *:after, .cp_qa2 *:before {
	font-family:"游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_qa2 {
	margin-bottom:10px;
border:#CCC solid 1px;
padding: 1em 1em 0.5em 1em;
background: #ffffff;
}

.cp_qa2 a{		
	text-decoration:none;	
}


/*.cp_qa2 h1 {
font-size: 1.2em;
position: relative;
margin-right: 1em;
margin-left: -26px;
padding: 0.3em;
color: #ffffff;
background-color: #42a5f5;
box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.cp_qa2 h1::after {
position: absolute;
bottom: -10px;
left: 0;
display: inline-block;
width: 0;
height: 0;
content: '';
border-width: 0 10px 10px 0;
border-style: solid;
border-color: transparent #1976d2 transparent transparent;
}
*/
.cp_qa2 h2 {			
font-size: 1.2em;			
text-align:center;			
color: #1b2538;			
border-bottom:#CCC 1px solid;			
background: rgba(27,37,56,0.1);			
margin:-1em;			
margin-bottom:1em;			
padding:1em;			
}	
.cp_qa2 dl {
margin: 0;
}
.cp_qa2 dt {
margin-bottom: 0.5em;
padding: 0.2em 0.5em 0.5em 0em;
border-radius: 0.2em;
background: #FFFFFF;
border-bottom:#CCC dashed 1px;
line-height:1.7em;			
font-size:1em;
}

.ans{			
	font-size:1em;		
}			
.ans2{			
	font-size:1em;		
}			
.li-q-and-a{			
		margin-top:10px;
		margin-bottom:10px;
        line-height:1.7em;			
		font-family: "リュウミン R-KL";	
		font-size:0.9em;	
			
}			
.li-q-and-a a{			
	text-decoration: none;		
			color:#C90;
}			
			
.li-q-and-b{			
	background-color:#fff;		
	border:#666 solid 1px;		
	color:#FFF;		
	font-weight:bold;		
	padding:5px 40px;		
	margin-top:15px;		
}			
.li-q-and-b a{			
	text-decoration: none;		
}	
.cp_qa2 dd {			
margin-bottom: 1em;			
margin-left: 0;			
padding: 0.5em 1em 1.5em 0em;			
line-height:1.7em;			
font-size:1em;			
font-family:"游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;		
}
/* QAアイコン */
.cp_qa2 dt::before,.cp_qa dd::before{
font-size: 1.2em;
color: #ffffff;
}
.cp_qa2 dd::before,.cp_qa dd::before{
font-size: 1.2em;
color: #ffffff;
}
/*
.cp_qa2 dt::before {
margin: 0.3em 0.3em 0 -1em;
content: 'Q';
}
*/


.cp_qa2 dt::before {
margin: 0 0.5em 0.8em 0.2em;
padding: 0.2em 0.4em;
content: 'Q';
/*border-radius: 45em;*/
background: #405e80;
}
.cp_qa2 dd::before {
margin: 0 0.5em 0.8em 0.2em;
padding: 0.2em 0.4em;
content: 'A';
/*border-radius: 45em;*/
background: #c0c0c0;
}




.cp_qa3 *, .cp_qa3 *:after, .cp_qa3 *:before {
	font-family:"游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_qa3 {
	margin-bottom:10px;
border:#CCC solid 1px;
padding: 1em 1em 0.5em 1em;
background: #FFF;
}
.cp_qa3 h2 {
font-family: "リュウミン B-KL";
font-size: 1.2em;
color: #1b2538;
border-bottom:#CCC 1px solid;
background: rgba(27,37,56,0.1);
margin:-1em;
margin-bottom:1em;
padding:1em;
}
.cp_qa3 dl {
margin: 0;
}
.cp_qa3 dt {
	font-weight:bold;
margin-bottom: 0.5em;
padding: 0.2em 0.5em 0.5em 0em;
border-radius: 0.2em;
background: #FFFFFF;
border-bottom:#CCC dashed 1px;
font-family: "リュウミン R-KL";
font-size:1em;
}
.cp_qa3 dd {
margin-bottom: 1em;
margin-left: 0;
padding: 0.5em 1em 0.5em 0em;
font-family: "リュウミン R-KL";
}

.cp_qa3 a {			
	text-decoration:none;		
	font-family: "リュウミン R-KL";		
	color:#4682b4;		
}	
/* QAアイコン */
.cp_qa3 dt::before,.cp_qa dd::before{
font-size: 1.8em;
color: #ffffff;
}
.cp_qa3 dd::before,.cp_qa dd::before{
font-size: 1.8em;
color: #ffffff;
}
/* 画面幅が広い（タブレット・パソコン向け） */
@media screen and (min-width: 768px) {
.cp_qa3 img {
	width:450px;
}
}
/*
.cp_qa2 dt::before {
margin: 0.3em 0.3em 0 -1em;
content: 'Q';
}
*/


/*.cp_qa3 dt::before {
margin: 0 0.5em 0 0.2em;
padding: 0.2em 0.4em;
content: 'Q';
border-radius: 45em;
background: #405e80;
}*/
/*
.cp_qa3 dd::before {
margin: 0 0.5em 0 0.2em;
padding: 0.2em 0.4em;
content: 'A';
border-radius: 45em;
background: #c0c0c0;
}*/


/*ページトップ*/
.page-top {
  position: fixed;
  bottom: 4px;
  right: 15px;
}
.page-top i {

  padding:6px 10px 6px 2px;
}
.page-top a {
  display: block;
  z-index: 999;
  padding: 8px 0 0 8px;
  border-radius: 30px;
  width: 45px;
  height: 45px;
background: rgba(0,39,83,0.6);
border:#FFF 2px solid;
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
.page-top a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.first{
background: #eff7ff;
padding:1em;
margin-top:1em;
}
.first h2{
font-family: "リュウミン B-KL";
font-size: 1.2em;
color: #1b2538;
line-height:1.8em;
margin-bottom:5px;
}
.first p{
	line-height:1.8em;
}
.bun{
	font-family: "リュウミン R-KL";
	font-size:0.9rem;
}

.news{
	margin-bottom:1em;
}
.news p{
	line-height:1.8em;
		font-family: "リュウミン R-KL";
}

.date{
font-family: "リュウミン B-KL";
color:#C90;
font-size:1em;
margin-bottom:0.4em;
}
.date-2{			
font-family: "リュウミン B-KL";			
color:#2a82a3;			
font-size:1.2em;			
margin-bottom:0.2em;			
margin-top:1em;			
}

.green{			
color:#066;			
}		
.yellow{			
color:#C90;			
}			
.topic{			
	margin-bottom:1em;		
	font-size:1em;		
}			
.topic-2{			
	margin-bottom:1em;		
	font-size:0.9rem;		
}			
.news-border{			
	border:#CCC 1px solid;		
	padding:15px 18px 0px 18px;		
	border-radius: 0.5em;		
}			
			
.nagare{			
	padding:5px 10px;		
	border:#CCC 1px solid;		
	border-radius: 0.5em;		
	margin-top:10px;		
	margin-bottom:-40px;		
}			
.nagare-date{			
font-family: "リュウミン B-KL";			
color:#C90;			
font-size:1em;			
}			
.nagare-topic{			
	font-size:1.1em;		
	line-height:1.8em;		
	font-family: "リュウミン R-KL";		
}			
.nagare-topic a{			
	text-decoration:none;		
}			
			
/* 画面幅が広い（タブレット・パソコン向け） */
@media screen and (min-width: 768px) {
.date{
font-family: "リュウミン B-KL";
color:#C90;
font-size:1.3em;
margin-bottom:0.5em;
}
.topic{
	margin-bottom:2em;
	font-size:1rem;	
}
.news-border{
	border:#CCC 1px solid;
	padding:30px 40px 0px 40px;
	border-radius: 0.5em;	
}
}


	



	
.sikaku{
	background-color:#405E80;
	border:#666 solid 1px;
	padding:5px 10px;
	width:200px;
	margin:10px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
}

.sikaku2{			
	background-color:#405E80;		
	border:#666 solid 1px;		
padding:1em;			
margin-top:1em;			
	text-align:center;		
	color:#FFF;		
	font-weight:bold;		
}	
.sikaku3{			
background-color:#405E80;			
padding:0.95em;				
margin-left:-16px;
	text-align:center;
	
	color:#FFF;		
	font-weight:bold;	
	font-size:1.2em;
}	
.sikaku4{			
background-color:#405E80;			
padding:0.1em 0.5em;	

	text-align:center;
	
	color:#FFF;		
	font-weight:bold;	
	font-size:1.2em;
}



/*買取目安表*/
table.meyasu {
	width:100%;
	margin-top:10px;
		font-size:0.8rem;
	font-family: "UD新ゴ コンデンス90 L";

	
}
table.meyasu , td, th {
	border: 1px solid #CCC;
	border-collapse: collapse;
}
.meyasu td, th {
	width: 30px;
	height: 25px;
}

.meyasu th {
background: rgba(27,37,56,0.1);
}
.even {
	background: #fbf8f0;
}
.odd {
	background: #fefcf9;
}
/*お問い合わせフレーム*/
.contact-frame{
	margin-top:40px;
}

/*買取基準リスト*/
.brand-list{
	margin-left:10px;
	margin-bottom:40px;
	font-family: "UD新ゴ コンデンス90 L";
	font-size:0.8em;
	}


.brand-list li{
	list-style-type: none!important;
    padding: 0;
	margin-bottom:2px;    
	float: left;
    width: 50%;
}
/* 画面幅が広い（タブレット・パソコン向け） */
@media screen and (min-width: 768px) {
.brand-list li{
	list-style-type: none!important;
    padding: 0;
	margin-bottom:2px;    
	float: left;
    width: 25%;
}
}
.brand-list li a{
	text-decoration:none;
}

.bl1
{
	color:#900;
}
.btn-flow{
	display: inline-block;
	width:100%;
	color:#FFF;
	background-color:#2E8B57	;
	padding:10px auto;
	text-align:center;
	border-top:#2E8B57 double 3px;
}

.btn-flow a{
	color:#FFF;
	margin-left:-5px;
}
.btn-flow a:hover{
	color:#add8e6;;
}

/*会社概要*/
.kaisha {
width: 100%;
height:100%;

}
.kaisha th,
.kaisha td {
border: 1px solid #ccc;
padding: 10px 20px;
}
.kaisha th {
background-color: #dedede; 
font-family: "リュウミン B-KL";
width:auto;
}
@media screen and (max-width: 767px) {
.kaisha th,
.kaisha td {
	font-size:0.8em;
	padding: 10px 5px;
}
}


.kaisha2 {
width: 100%;
margin:5px 10px 5px 0;
}
.kaisha2 th,
.kaisha2 td {
border: 1px solid #ccc;
padding: 10px 20px;
}
.kaisha2 th {
background-color: #dedede; 
font-family: "リュウミン B-KL";
width:auto;
}
@media screen and (max-width: 767px) {
.kaisha2,
.kaisha2 tr,
.kaisha2 td,
.kaisha2 th {display:block;}
.kaisha2 th {width:auto; height:auto;}
}
.company-h3{
		font-family: "リュウミン R-KL";
		font-size:1.4em;
		margin-top:10px;
		margin-bottom:20px;
}
	
.company-p{
	line-height:2em;
	font-family: "リュウミン R-KL";
	margin-top:1.5em;
}

.cd-fixed-bg {		
    min-height: 100%;		
    background-size: cover;		
    background-attachment: fixed;		
    background-repeat: no-repeat;		
    background-position: center center;		
}		
  		
.cd-fixed-bg.cd-bg-1 {		
  background-image: url("../img/cd-background-1.jpg");		
}		
.cd-fixed-bg.cd-bg-2 {		
  background-image: url("../img/cd-background-2.jpg");		
}		
.cd-fixed-bg.cd-bg-3 {		
  background-image: url("../img/cd-background-3.jpg");		
}		
.cd-fixed-bg.cd-bg-4 {		
  background-image: url("../img/cd-background-4.jpg");		
}		
  		
.cd-scrolling-bg {		
    min-height: 100%;		
}		
		
/*ブランドリスト*/		
.brand-l {		
	display: flex;	
	flex-wrap:wrap;	
	width:100%;	
	margin:auto;	
}		
.brand-l li {		
	margin: 0px 2px 4px 2px;	
	border: solid 1px #ccc;	
	list-style-type: none;	
	width:48%;	
	background-color: #FFF;	
	color: #666666;	
}		
		
		
		
		


/* 画面幅が広い（タブレット・パソコン向け） */
@media screen and (min-width: 768px) {
.brand-l {
		flex-flow: row;
	}
}

.brand-l a {
	color: #002752;
	text-decoration: none;
}

.brand-l figcaption {
	font-size: 0.9rem;
	text-align: center;
	font-family: "リュウミン B-KL";
}

/* 査定フォーム */
.entry-ul li{
	margin-left:10px;
	list-style:none;
}
	
/* 買取実績 */
.jisseki h3 {
  position: relative;
  padding-bottom:5px;
  margin-bottom:15px;
  font-size:1.2em;
  	font-family: "リュウミン R-KL";
}

.jisseki h3:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #CDD8E4 , #CDD8E4  2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #CDD8E4  , #CDD8E4  2px, #fff 2px, #fff 4px);
}

.jisseki p{
	line-height:1.7em;
	padding-bottom:1.8em;}
	
.jisseki ul li{
	list-style:none;
	font-size:1.2em;
	  	font-family: "リュウミン R-KL";
}
.jisseki .name{
	color:#C90;
}

#jisseki_navi ul.pageNav01{
	margin: 0 0 10px;
	padding: 12px;
	background: #f3f3f3;
	text-align: center;
}

#jisseki_navi ul.pageNav01 li {
	display: inline;
	margin: 5px 1px;
	padding: 0;
}

#jisseki_navi ul.pageNav01 li span,
#jisseki_navi ul.pageNav01 li a {
	display: inline-block;
	padding: 1px 8px;
	background: #fff;
	border: 1px solid #ccc;
	vertical-align: middle;
	text-decoration: none;
}

#jisseki_navi ul.pageNav01 li a:hover {
	background: #efefef;
}
#jisseki_navi ul.pageNav01 li span,
#jisseki_navi ul.pageNav01 li a .ichi {
	display: inline-block;
	padding: 1px 8px;
	margin-top:5px;
	vertical-align: middle;
	text-decoration: none;
}
.jisseki_left{
	width:50%;
	float:left;
}
.jisseki_right{
	width:30%;
	float:right;
}
.jisseki_right img{
	width:120px;
}
a.cp_btn {
	display: block;
	position: relative;
	width: 160px;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #455A64;
	border:1px solid #fff;
	overflow: hidden;
}
a.cp_btn:after {
	content:"";
	position: absolute;
	top: -100%;
	left: -100%;
	height: 100%;
	width: 160px;
	background : #fff;
	opacity: 0.3;
	transition: .4s;
}
a.cp_btn:hover:after {
	top: 0;
	left: 0;
}
.ichi a{
	text-decoration: none;
	color:#FFF;
}
.relay_navi{
	margin:auto;
	margin-top:30px;
	width:90%;
}

.block_1{
	margin-top:30px;
	margin-bottom:30px;
}

.nayami li{
	list-style:none;
	text-align:center;
	margin-top:35px;
	}
h3.guide-h3{
	margin-top:30px;
}
.guide-p{
	font-size:0.9em;
	  	font-family: "リュウミン R-KL";
}

article {
	display: flex;
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 5px;
	box-sizing: border-box;
	box-shadow: 0 0 1px #999;
}
article figure {
		margin-right: 20px;
		width: 100px;
		height: 100px;
	}
article figure img {
		min-width: 100px;
		max-width: 100%;
		vertical-align:top;
	}
article h4{
		font-size:1.4em;
		font-family: "リュウミン R-KL";
     	color: #002752;
}
article p{
		font-size:0.8em;
		font-family: "リュウミン R-KL";
     	color: #002752;
}

/* スマホ横並びメニュ */
.my-parts ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.my-parts ul::after {
	content: "";
	display: block;
	clear: both;
}
.my-parts ul li {
	float: left;
	width: 25%;
	box-sizing: border-box;
}
.my-parts ul li a {
	display: block;
	padding: .8em .1em;
	margin-right: 1px;
	text-decoration: none;
	color: #333;
	border:#FFF solid px;
	background: #CDD8E4 ;
	text-align: center;
	font-size:.6em;
}
.my-parts ul li a:hover {
	background: #eee;
}
.my-parts ul li span {
	display: block;
	font-size: 0.5em;
}

.mark{
	font-weight:bold;
	color:#C00;
}