@charset "utf-8";

.Secondbody #Side02 a dt.yel { background:#FFF3C4 !important;}
.Secondbody #Side02 a:hover dt.yel { opacity: 0.7;}

#Contents-flex h2 {
	background:url("/original_toshocard/common/images/h2_oriTosho_bg.gif") no-repeat top left;
	height: 54px;
	font-family:'Lucida Grande', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	padding-left: 80px;
	padding-top: 10px;
	font-size: 174%;
	font-weight:normal;
}

@media screen and (max-width:400px) {
#Contents-flex h2 {	font-size: 118% !important;}
}
@media screen and (max-width:375px) {
#Contents-flex h2 {	font-size: 110% !important;}
}
	
.entry {
	margin:0 10px;
}

@media screen and (min-width:769px) {
header article#sp,
section#cntLink,
.SP {display: none;}

/*-- header --*/
header {
	position: sticky;
	top: 0;
	z-index: 1500;
}
header article#pc {
	border-bottom:none;
	width: 100%;
	padding:0;
	background:none;
}

header article#pc .headerCnt {
	box-shadow: 0 3px 6px rgba(0,0,0,.16);
	display: flex;
	justify-content:space-between;
	flex-direction:row; 
	gap:1.5em;
	align-items: center;
	background: #fff;
	margin: 0 auto;	
	border-radius: 0px 0px 20px 20px;
	padding: 15px 25px 17px 25px;
	width:93%;
	max-width:1080px;
}
	
header article#pc .headerCnt .logoarea {
    width: 14%;
    max-width: 105px;
    padding-top: 5px;
}
header article#pc .headerCnt .logoarea img {
	width:100%;
}
header article#pc .headerCnt nav {
	width:auto;
	text-align: right;
}
header article#pc .headerCnt nav ul,
header article#pc .headerCnt nav ul.icon {
	display: flex;
	flex-direction:row; 
	justify-content: space-around;
	font-weight: 600;
	font-size:95%;
	align-items: center;
}
header article#pc .headerCnt nav ul {gap:1.8em;}
header article#pc .headerCnt nav ul.icon {gap:0.2em; margin-bottom:0.3em;}
header article#pc .headerCnt nav ul.icon img {width:90%;}
header article#pc .headerCnt nav ul.icon img:hover {opacity:75%;}

header article#pc .headerCnt nav ul a {text-decoration: none;}
header article#pc .headerCnt nav ul.icon a.toOrder {background: #F99BCC; border-radius: 20px; padding:8px 10px; color:#FFF; margin-right:5px;}
header article#pc .headerCnt nav ul.icon a.toOrder:hover {background: #45B9DA;}
header article#pc .headerCnt nav ul.icon a.toOrder::after {
  content: url("/original_toshocard/common/images/header/icon_arroworder.png");
  margin: 15px 0 15px 5px;
  position: relative;
  top: 3px;
}
header article#pc .headerCnt nav ul.icon a.toOrder:hover::after {content: url("/original_toshocard/common/images/header/icon_arroworderH.png");}

header article#pc .headerCnt nav ul.icon a.wgentei {background: #5F4C3F; border-radius: 20px; padding:8px 10px; color:#FFF; margin-right:5px;}
header article#pc .headerCnt nav ul.icon a.wgentei:hover {background: #B09548;}
header article#pc .headerCnt nav ul.icon a.wgentei::after {
  content: url(/original_toshocard/common/images/header/icon_arrowgen.png);
  margin: 15px 0 15px 5px;
  position: relative;
  top: 3px;
}
header article#pc .headerCnt nav ul.icon a.wgentei:hover::after {content: url("/original_toshocard/common/images/header/icon_arrowgenH.png");}

@media screen and (min-width:792px) and (max-width:872px) {	
	
header article#pc .headerCnt nav ul.icon a.toOrder,
header article#pc .headerCnt nav ul.icon a.wgentei {font-size:85%;}

}

@media screen and (min-width:769px) and (max-width:791px) {	
	
header article#pc .headerCnt nav ul.icon a.toOrder,
header article#pc .headerCnt nav ul.icon a.wgentei {font-size:80%;}

}

/*-- body --*/
	
.main {}
h1 {background:none;}
.topic-path {width: 100%;}
.topic-path span {font-size: 100%;}


.mainCnt {
	position: relative;
	max-width:1140px;
	margin: 0 auto;
	overflow: visible;
	padding-bottom: 100px;
}
.mainCnt section {
	width:75% !important;
	margin-right:0;
}
	
.mainCnt .subMenu {
	position: sticky;
	top: 150px;
	z-index: 100;
	width:20%;
}
	
.mainCnt .subMenu ul {
	position: absolute;
	box-shadow: 0 3px 6px rgba(0,0,0,.16);
	border-radius: 20px;
	background:#FFF;
	padding:1.5em 1.2em;
}
.mainCnt .subMenu ul li {
	font-weight: 600;
	margin-bottom: 0.75em;
	padding-left:20px;
	position: relative;
}
.mainCnt .subMenu ul li a {
	text-decoration: none;
}
.mainCnt .subMenu ul li::before {
  display: block;
  content: " ";
  width: 7px;
  height: 7px;
  transform: rotate(-45deg);
  left: 0;
  top: 5px;
  position: absolute;
  border-right: 2px solid #45B9DA;
  border-bottom: 2px solid #45B9DA;
}
.mainCnt .subMenu ul li:last-child {margin-bottom: 0;}
.btn_cnttop02w {margin-left: 7%; padding-top:0.5em !important;}
.btn_cnttop {max-width:1120px;}
.flink {
  padding-top:20px !important; 
  padding-bottom:20px !important;
  display: flex;
  justify-content: center;
}
.flink span{
  text-align: center;
}
.flink span .ppol {
  margin-left: 20px;
}
}

@media screen and (max-width:768px) {
header article#pc,
.mainCnt .subMenu,
.PC {display: none;}
}

header article img.logo {width: 30%;}

.pink { color:#FD4CA5; }

.info-cs {
	font-size:85%;
	clear:both;
	line-height:160%;
	padding:10px;
	border:1px solid #FCC6E2;
	margin:40px 10px 10px 10px;
}

.info-cs strong {
	color:#AE1000;
	font-size:120%;
}

.info-cs span.orange { color:#D29624; }
.info-cs a.email {display: inline-flex;vertical-align: text-bottom;}
.info-cs p {margin-bottom: 5px;}
.info-cs p span {font-size: 120%;font-weight: 700;}


.contact-box {
	line-height:160%;
	background-image: url("/original/images/bg_tokkun.png") ;
	background-repeat: no-repeat;
	background-position: top right;
	background-color: #F5F5F5;
	border-radius: 10px;
	padding:30px 40px;
	margin-top:40px;
	margin-bottom:6em;
}

.contact-box strong { display: block;  margin-bottom:0.5em; font-size:120%; }

.copyright {
    margin-top: 3em;
    color: #35318F;
    font-size: 12px;
    text-align: center;
}

@media screen and (max-width: 639px) {
    .copyright {
        margin-top: 5em !important;
        font-size: 10px !important;
    }
	.contact-box { padding:15px; background-size:70%; margin-top:80px; }
}
