main{
max-width:800px;
margin: 0 auto;
}
/*PCのみ*/
@media screen and (min-width:641px){

h1.title{
	background:#5ab4bd;
	color:#fff;
	font-size:18px;
	padding:7px 0 5px 12px;
	position:relative;
}

ul.faqbn{
	margin:20px auto 50px;
	width:90%;
}
ul.faqbn li{
	background:#e8e2e2;
	color:#565656;
	margin-bottom:8px;
	font-weight:bold;
	font-size:16px;
	position:relative;
    list-style: none;
}
ul.faqbn li::before{
	content:"";
	position:absolute;
	top:30%;
	right:40px;
	font-family: "Font Awesome 5 Free";
    content: "\f138";
    font-weight: 900;
    font-size:20px;
}
ul.faqbn li span{
	display:block;
	font-size:13px;
	font-weight:normal;
	padding-top:4px;
}
ul.faqbn li a{
	background:#e1f3f5;
	color:#4a4a4a;
	border-radius:3px;
	padding:10px 10px 8px 30px;
	display:block;
}
ul.faqbn li a:hover{
	background:#568b90;
	color:#fff;
	border-radius:3px;
	padding:10px 10px 8px 30px;
	display:block;
}
h2.subPtitle{
	font-size:18px;
	border-bottom:1px solid #606060;
	padding:0 0 3px 21px;
	position:relative;
	color:#333943;
}
.noborder{
	border:none !important;
}
h2.subPtitle:after {
    content: '';
    height: 6px;
    width: 11px;
    display: block;
    background: #172030;
    position: absolute;
    top: 11px;
    left: 2px;
}
h3.grayback{
	background: #eee;
    font-size: 15px;
    padding: 8px 0 6px 10px;
    border-radius: 3px;
	margin:15px 0 18px;
	color:#403d3d;
	letter-spacing:1px;
}
.faq{
  width: 93%;
  margin: 0px auto 70px;
  padding-top: 10px;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "游ゴシック体", "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
}
.faq dt{ 
  cursor: pointer;
  font-size: 15px;
  position: relative;
  border-bottom:1px dashed #b5b5b5;
  padding-left:47px;
  font-weight:bold;
  padding-top:22px;
  padding-bottom:5px;
}
.faq dt:hover{
	background:#edf4f5;
	border-radius:5px 5px 0px 0px;
}
.faq dt:before{ 
  content: "Q";
  font-size: 24px;
  font-weight:bold;
  color: #3c3c3c;
  position: absolute;
  border-radius: 3px;
  left: 11px;
  top:13px;
}
.faq dt:after{ 
  font-size: 18px;
  color: #a6a098;
  text-align:center;
  position: absolute;
  right: 30px;
  top: 16px;
  font-family: "Font Awesome 5 Free";
    content: "\f107";
    font-weight: 900;
}
.faq dt.active{
  content: "Q";
}
.faq dt.active:after{
  font-family: "Font Awesome 5 Free";
    content: "\f068";
    font-weight: 900;
  font-size: 18px;
  text-align:center;
}
.faq dd{ 
  font-size: 14px;
  position: relative;
  padding-left: 45px;
  padding-right:30px;
  padding-top:10px;
  display: none;
  margin-bottom: 34px;
  padding-bottom:15px;
  border:1px dotted #d7d7d7;
  margin-top:12px;
  color:#262626;
  margin: 0;
}
.faq dd:before{ 
  content: "A";
  font-size: 16px;
  color: #fff;
  background: #5ab4bc;
  padding: 1px 7px 0;
  position: absolute;
  border-radius: 3px;
  left: 7px;
  top:16px;
}
ul.number{
	margin:20px 0;
}
ul.number li{
	list-style-type: decimal;
	margin-left:30px;
	margin-bottom:12px;
}
ul.dot{
	margin:20px 0;
}
ul.dot li{
	list-style-type:disc;
	margin-left:30px;
	margin-bottom:12px;
}

.faq dd a{
	color:#035b92;
	text-decoration:underline;
}
.faq dd a:hover{
	color:#7a858b;
	text-decoration:underline;
}
.bluelink a{
	color:#035b92;
	text-decoration:underline;
}
.bluelink a:hover{
	color:#7a858b;
	text-decoration:underline;
}
.guideflowbox{
	border:1px solid #ababab;
	margin:30px auto;
	width:88%;
}
.exchangetitle{
	margin:50px auto -30px;
	width:88%;
	background:#f2ede4;
	color:#202020;
	font-weight:bold;
	text-align:center;
	padding:8px 0 5px;
	border:1px solid #ababab;
	border-bottom:none;
}
.guideflowbox .title{
	background:#faf6ec;
	color:#525252;
	padding:8px 10px 6px 12px;
	font-weight:bold;
	margin:0;
}
.guideflowbox .title span{
	font-size:13px;
	font-weight:normal;
	padding-left:25px;
}
.guideflowbox p{
	padding:0 15px 15px;
	margin-top:15px;
}
.guideflowbox ul{
	margin:15px 25px 0 15px;
}
ul.flow{
	overflow:hidden;
	margin:20px 0px 15px;
	padding:0 15px 20px;
	border-bottom:1px dashed #a3a3a3;
}
ul.flow li{
	float:left;
}
ul.flow li span{
	display:block;
}
ul.flow li:nth-child(2n){
	width:50px;
	text-align:center;
	margin-top:11px;
}
.th04 {
    margin-bottom: 30px;
}
.th04 th {
    width: 140px;
    padding-top: 6px;
    font-size: 15px;
    text-align: left;
}
table.guidetable {
    width: 88%;
    margin: 30px auto 50px;
    border-top:1px solid #c8c8c8;
    border-left:1px solid #c8c8c8;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
}
.guidetable th {
	background:#faf6ec;
	color:#525252;
	padding:8px 10px 6px 12px;
	font-weight:bold;
	text-align:left;
	font-size: 14px;
    border-right:1px solid #c8c8c8;
    border-bottom:1px solid #c8c8c8;
}
.guidetable td {
    font-size: 14px;
    border-right:1px solid #a9a9a9;
    border-bottom:1px solid #a9a9a9;
    padding:15px 10px 10px 15px;
}
.guidetable td.wd30{
	width:30%;
}
.guidetable td.wd20{
	width:20%;
}
#guideP h4{
	font-size:17px;
	border-bottom:1px dashed #aeaeae;
	margin:50px 0 10px;
}
.cautionbox{
	background:#faf6ec;
	padding:15px 15px 13px;
	color:#0f0f0f;
}
table.th03 {
    width: 88%;
    margin: 0px auto 20px;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
}
.th03 th {
	padding:5px 0px 3px 0px;
	font-weight:bold;
	text-align:center;
	font-size: 13px;
}
.th03 td {
    font-size: 13px;
    padding:5px 5px 3px 5px;
}
.title-sub{
	font-weight:bold;
	font-size:15px;
	margin:0 0 15px;
}
.guidemenu h2{
	font-size:15px;
	padding:5px 0 3px 10px;
	background: #172030;
    color: #fff;
    border-radius:4px 4px 0 0;
}
.guidemenu ul{
	margin:0 0 30px;
}
.guidemenu ul li{
	border-bottom:1px dotted #9f9f9f;
	font-size:13px;
	position:relative;
}
.guidemenu ul li a{
	padding:13px 0 6px 28px;
	display:block;
}
.guidemenu ul li a:hover{
	padding:13px 0 6px 28px;
	background:#ebedf4;
	color:#181818;
}
.guidemenu ul li::before{
	font-family: "Font Awesome 5 Free";
    content: "\f105";
    font-weight: 900;
    font-size:11px;
    top:38%;
    left:10px;
    position:absolute;
    color:#7b7b7b;
}

table.company {
    width: 88%;
    margin: 30px auto 50px;
    border-top:1px solid #c8c8c8;
    border-left:1px solid #c8c8c8;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
}
.company th {
	font-size: 14px;
	font-weight:normal;
    text-align: center;
    border-right:1px solid #c8c8c8;
    border-bottom:1px solid #c8c8c8;
    background-color:#f0efee;
    padding:15px 0 10px;
    width:200px;
}
.company td {
    font-size: 14px;
    border-right:1px solid #a9a9a9;
    border-bottom:1px solid #a9a9a9;
    padding:15px 10px 10px 15px;
}
.opening{
	overflow:hidden;
	margin:30px auto;
	width:88%;
}
.opening .leftbox{
	float:left;
	width:270px;
}
.opening .rightbox{
	float:right;
	width:375px;
}
table.time {
    width: 100%;
    margin: 0px auto 35px;
    border-top:1px solid #c8c8c8;
    border-left:1px solid #c8c8c8;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
}
.time th {
	font-size: 14px;
	font-weight:normal;
    text-align: center;
    border-right:1px solid #c8c8c8;
    border-bottom:1px solid #c8c8c8;
    background-color:#e6e6e6;
    padding:8px 0 6px;
    width:80px;
}
.time td {
    font-size: 14px;
    border-right:1px solid #a9a9a9;
    border-bottom:1px solid #a9a9a9;
    padding:8px 20px 6px;
}
.time td.bggr{
	background-color:#e6e6e6;
}
.opening ul.dot li{
	margin-bottom:3px;
	margin-left:19px;
}
.aboutinner{
	width:88%;
	margin:20px auto 80px;
}
.abouttext{
	margin-top:30px;
	padding-top:30px;
	border-top:1px dashed #2d2d2d;
}




}/*PCここまで*/


/*これ残す？？*/
.wrapper{
background: white;
margin:0 auto;
}
hr{
width: 90%;
margin: 3em auto;
}



/*スマホのみ*/
@media screen and (max-width:640px){

/* 下層ページ */
h1.title{
	background:#5ab4bd;
	color:#fff;
	font-size:16px;
	padding:7px 0 5px 12px;
	position:relative;
}

ul.faqbn{
	margin:20px auto 50px;
	width:92%;
    padding:0px;
}
ul.faqbn li{
	background:#e8e2e2;
	color:#545454;
	margin-bottom:8px;
	font-weight:bold;
	font-size:14px;
	position:relative;
    list-style: none;
}
ul.faqbn li::before{
	content:"";
	position:absolute;
	top:33%;
	left:10px;
	font-family: "Font Awesome 5 Free";
    content: "\f138";
    font-weight: 900;
    font-size:17px;
}
ul.faqbn li span{
	display:block;
	font-size:12px;
	font-weight:normal;
	padding-top:4px;
}
ul.faqbn li a{
	background:#e1f3f5;
	color:#4a4a4a;
	border-radius:3px;
	padding:10px 10px 8px 36px;
	display:block;
}
ul.faqbn li a:hover{
	background:#568b90;
	color:#fff;
	border-radius:3px;
	padding:10px 10px 8px 36px;
	display:block;
}

.faq{
  width: 91%;
  margin: 0px auto 70px;
  padding-top: 10px;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "游ゴシック体", "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
}
.faq .spcenter{
	text-align:center;
	margin:0 auto;
}
.faq dt{ 
  cursor: pointer;
  font-size: 13px;
  position: relative;
  border-bottom:1px dashed #b5b5b5;
  padding-left:30px;
  font-weight:bold;
  padding-top:16px;
  padding-bottom:7px;
}
.faq dt:hover{
	background:#edf4f5;
	border-radius:5px 5px 0px 0px;
}
.faq dt:before{ 
  content: "Q";
  font-size: 20px;
  font-weight:bold;
  color:#3c3c3c;
  position: absolute;
  border-radius: 3px;
  left: 5px;
  top:32%;
}
.faq dt:after{ 
  font-size: 12px;
  color: #dedcd9;
  text-align:center;
  position: absolute;
  right: 49%;
  bottom: -5px;
  font-family: "Font Awesome 5 Free";
    content: "\f107";
    font-weight: 900;
}
.faq dt.active{
  content: "Q";
}
.faq dt.active:after{
  font-family: "Font Awesome 5 Free";
    content: "\f068";
    font-weight: 900;
  font-size: 12px;
  text-align:center;
}
.faq dd{ 
  font-size: 13px;
  position: relative;
  padding-left: 15px;
  padding-right:15px;
  padding-top:42px;
  display: none;
  margin-bottom: 34px;
  padding-bottom:15px;
  border:1px dotted #d7d7d7;
  margin-top:12px;
  color:#262626;
  margin: 0;
}
.faq dd:before{ 
  content: "A";
  font-size: 16px;
  color: #fff;
  background: #5ab4bc;
  padding: 1px 7px 0;
  position: absolute;
  border-radius: 3px;
  left: 15px;
  top:8px;
}
ul.number{
	margin:20px 0;
}
ul.number li{
	list-style-type: decimal;
	margin-left:25px;
	margin-bottom:18px;
}
ul.dot{
	margin:20px 0;
}
ul.dot li{
	list-style-type: disc;
	margin-left:25px;
	margin-bottom:18px;
}
.faq dd a{
	color:#035b92;
	text-decoration:underline;
}
.faq dd a:hover{
	color:#7a858b;
	text-decoration:underline;
}





h2.subPtitle{
	font-size:18px;
	border-bottom:1px solid #606060;
	padding:0 0 3px 28px;
	position:relative;
	color:#333943;
}
.noborder{
	border:none !important;
}
h2.subPtitle:after {
    content: '';
    height: 6px;
    width: 10px;
    display: block;
    background: #172030;
    position: absolute;
    top: 12px;
    left: 12px;
}
h3.grayback{
	background: #eee;
    font-size: 15px;
    padding: 8px 10px 6px 10px;
    border-radius: 3px;
	margin:10px 0 15px;
	color:#403d3d;
	letter-spacing:1px;
}
.guideinner{
	width:93%;
	margin:0 auto;
}
#guideP .imgleft{
	float:left;
	margin-right:18px;
}
#guideP .mgt60{
	margin-top:40px !important;
}
#guideP .mgt100{
	margin-top:60px !important;
}
.bluelink a{
	color:#035b92;
	text-decoration:underline;
}
.bluelink a:hover{
	color:#7a858b;
	text-decoration:underline;
}
.guideflowbox{
	border:1px solid #ababab;
	margin:30px auto;
}
.exchangetitle{
	margin:50px auto -30px;
	background:#f2ede4;
	color:#202020;
	font-weight:bold;
	text-align:center;
	padding:8px 0 5px;
	border:1px solid #ababab;
	border-bottom:none;
}
.guideflowbox .title{
	background:#faf6ec;
	color:#525252;
	padding:8px 10px 6px 12px;
	font-weight:bold;
	margin:0;
}
.guideflowbox .title span{
	font-size:13px;
	font-weight:normal;
	padding-left:25px;
}
.guideflowbox p{
	padding:0 15px 15px;
	margin-top:15px;
}
.guideflowbox ul{
	margin:15px 25px 0 15px;
}
ul.flow{
	overflow:hidden;
	margin:20px 0px 15px;
	padding:0 15px 20px;
	border-bottom:1px dashed #a3a3a3;
}
ul.flow li{
	text-align:center;
}
ul.flow li span{
}
ul.flow li:nth-child(2n){
	text-align:center;
	-moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.th04 {
    margin-bottom: 30px;
    color:#1e1e1e;
}
.th04 th {
    width: 115px;
    padding-top: 6px;
    font-size: 15px;
    text-align: left;
}
.th04 td {
    padding-top: 6px;
}
table.guidetable {
    margin: 30px auto 30px;
    border-top:1px solid #c8c8c8;
    border-left:1px solid #c8c8c8;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
}
.guidetable th {
	background:#faf6ec;
	color:#525252;
	padding:8px 10px 6px 12px;
	font-weight:bold;
	text-align:left;
	font-size: 14px;
    border-right:1px solid #c8c8c8;
    border-bottom:1px solid #c8c8c8;
    width:28%;
}
.guidetable td {
    font-size: 14px;
    border-right:1px solid #a9a9a9;
    border-bottom:1px solid #a9a9a9;
    padding:15px 10px 10px 10px;
}
.guidetable td.wd30{
	width:10%;
}
.guidetable td.wd20{
	width:7%;
}
#guideP h4{
	font-size:15px;
	border-bottom:1px dashed #aeaeae;
	margin:50px 0 10px;
}
.cautionbox{
	background:#faf6ec;
	padding:15px 15px 13px;
	color:#0f0f0f;
}
table.th03 {
    width: 88%;
    margin: 0px auto 20px;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
}
.th03 th {
	padding:5px 0px 3px 0px;
	font-weight:bold;
	text-align:center;
	font-size: 13px;
}
.th03 td {
    font-size: 13px;
    padding:5px 5px 3px 5px;
}
.title-sub{
	font-weight:bold;
	font-size:15px;
	margin:0 0 15px;
}
.guidemenu h2{
	font-size:15px;
	padding:5px 0 3px 10px;
	background: #172030;
    color: #fff;
    border-radius:4px 4px 0 0;
}
.guidemenu ul{
	margin:0 0 30px;
}
.guidemenu ul li{
	border-bottom:1px dotted #9f9f9f;
	font-size:13px;
	position:relative;
}
.guidemenu ul li a{
	padding:13px 0 6px 28px;
	display:block;
}
.guidemenu ul li a:hover{
	padding:13px 0 6px 28px;
	background:#ebedf4;
	color:#181818;
}
.guidemenu ul li::before{
	font-family: "Font Awesome 5 Free";
    content: "\f105";
    font-weight: 900;
    font-size:11px;
    top:38%;
    left:10px;
    position:absolute;
    color:#7b7b7b;
}
table.company {
    width: 92%;
    margin: 30px auto 20px;
    border-top:1px solid #c8c8c8;
    border-left:1px solid #c8c8c8;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
}
.company th {
	font-size: 14px;
	font-weight:normal;
    text-align: center;
    border-right:1px solid #c8c8c8;
    border-bottom:1px solid #c8c8c8;
    background-color:#f0efee;
    padding:15px 0 10px;
    width:200px;
}
.company td {
    font-size: 14px;
    border-right:1px solid #a9a9a9;
    border-bottom:1px solid #a9a9a9;
    padding:15px 10px 10px 15px;
}
.opening{
	overflow:hidden;
	margin:30px auto;
	width:92%;
}
.opening .leftbox{
	width:270px;
	margin:0 auto 30px;
}
.opening .rightbox{
}
table.time {
    width: 100%;
    margin: 0px auto 20px;
    border-top:1px solid #c8c8c8;
    border-left:1px solid #c8c8c8;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
}
.time th {
	font-size: 14px;
	font-weight:normal;
    text-align: center;
    border-right:1px solid #c8c8c8;
    border-bottom:1px solid #c8c8c8;
    background-color:#e6e6e6;
    padding:6px 0 4px;
    width:80px;
}
.time td {
    font-size: 14px;
    border-right:1px solid #a9a9a9;
    border-bottom:1px solid #a9a9a9;
    padding:6px 20px 4px;
}
.time td.bggr{
	background-color:#e6e6e6;
}
.opening ul.dot li{
	margin-bottom:3px;
	margin-left:19px;
}
.aboutinner{
	width:92%;
	margin:20px auto 60px;
}
.map{
	margin:20px auto 60px;
}
.map iframe{
	height:240px;
}
.abouttext{
	margin-top:30px;
	padding-top:30px;
	border-top:1px dashed #2d2d2d;
}
.wd92{
	width:92%;
	margin:0 auto;
}
h1#nonocular{
	margin-top:60px !important;
}





}