@charset "UTF-8";

/**archive**/
#main #case .contents > p {
	margin:0 0 2em;;
	text-align:center;
}
#main #case .contents > p span {
	font-size:1.2em;
	font-weight:600;
	color:#FF0000;
}
#case .link {
	max-width:640px;
	margin:0 auto;
}
#case .link ul {
	width:100%;
}
#case .link li {
	width:calc(100%/3 - 4px);
	margin-right:6px;
	margin-bottom:6px;
}
#case .link li a {
	display:block;
	width:100%;
	font-size:1.6rem;
	text-align:center;
	font-weight:600;
	color:#FFFFFF;
	background:#ff9900;
	line-height:1;
	box-sizing:border-box;
	padding:1.5em 0;
	border-radius:6px;
	transition:.3s;
}
#case .link li a:hover {
	background:#ff6600;
}
#case .link li a .svg-inline--fa {
	margin-left:.2em;
}
#case .link li:nth-child(3n) {
    margin-right:0;
}

/**tax**/
#case .submenu {
	margin-bottom:30px;
}
#case .submenu .fbox {
	width:100%;
}
#case .submenu .fbox li:first-child {
	border-left:1px solid #666666;
}
#case .submenu .fbox li {
	box-sizing:border-box;
	padding:0 .5em;
	margin-bottom:.5em;
	line-height:1;
	border-right:1px solid #666666;
}
#case .submenu .fbox li.current a {
	color:#ff6600;
}

.casebox {
	text-align:left;
}
.casebox > .cbox {
	padding-top:30px;
}
.casebox > .fbox {
	width:100%;
}
.casebox > .fbox > img {
	width:25%;
}
.casebox > .fbox > .textbox {
    width:calc(75% - 50px);
}
.casebox > .fbox > .textbox.w100 {
	width:100%;
}
#main .casebox > .fbox > .textbox p {
	margin:0 0 .5em;
	line-height:1.8;
}
#main .casebox > .fbox > .textbox p.att {
	display:inline-block;
	box-sizing:border-box;
	line-height:1.6;
	padding:.5em;
	margin:0;
	background:#EFEFEF;
	border:2px solid #7C879B;
	border-radius:10px;
}
.casebox ul {
	padding-top:30px;
}
.casebox li {
	margin:0 10px 15px;
	text-align:center;
}
.casebox li img {
	max-width:120px;
	margin-bottom:10px;
}
#main .casebox li p {
	font-size:1.6rem;
	text-align:center;
	line-height:1.3;
}
#main .casebox li p span {
	display:block;
	font-size:0.9em;
}

/**single**/
#case.single .contents > .textbox {
	box-sizing:border-box;
	border:4px solid #FFBA00;
	box-sizing:border-box;
	padding:15px;
	border-radius:12px;
	margin-bottom:45px;
}
#main #case.single .contents > .textbox p:last-child {
	margin-bottom:0;
}
#case.single .contbox {
	width:100%;
	margin-bottom:60px;
	box-sizing:border-box;
	/*padding:15px;
	background:#EFEFEF;*/
	border-radius:8px;
}
#main #case.single .contbox p:last-child {
	margin-bottom:0;
}
#case.single .contbox ul {
}
#case.single .contbox li {
	padding-left:1.2em;
	line-height:1.8;
	font-size:1.8rem;
	position:relative;
}

#case.single .contbox li::before {
	content:'';
	display:block;
	width:6px;
	height:6px;
	border-radius:50%;
	background:#FFBA00;
	position:absolute;
	left:.3em;
	top:.8em;
}

#case.single .contbox .img {
	width:30%;
}
#case.single .cbox .contbox .img img {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
#case.single .cbox .contbox .img img:not(:last-child) {
	margin-bottom:15px;
}
#case.single .contbox .textbox {
	width:calc(70% - 30px);
}
#case.single .contbox .textbox.w100 {
	width:100%;
}

#case.single .cbox .contbox .img.w20 {
	width:20%;
}
#case.single .cbox .contbox .img.w20 + .textbox {
	width:calc(80% - 30px);
}
#case.single .cbox .contbox .img.w30 {
	width:30%;
}
#case.single .cbox .contbox .img.w30 + .textbox {
	width:calc(70% - 30px);
}
#case.single .cbox .contbox .img.w40 {
	width:40%;
}
#case.single .cbox .contbox .img.w40 + .textbox {
	width:calc(60% - 30px);
}
#case.single .cbox .contbox .img.w50 {
	width:50%;
}
#case.single .cbox .contbox .img.w50 + .textbox {
	width:calc(50% - 30px);
}
#case.single .cbox .contbox .img.w100 {
	width:100%;
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 2;
	order: 2;
}
#case.single .cbox .contbox .img.w100 + .textbox {
	width:100%;
	margin-bottom:15px;
}
#case.single .cbox .contbox .img.w100.fbox img {
	max-width:30%;
	margin:0 1% 15px;
}

#case.single .contbox .link  {
	padding:15px 15px;
	width:100%;
	max-width:100%;
}
#case.single .contbox .link a {
	font-size:1.6rem;
	text-align:center;
	background:#FFBA00;
	color:#ffffff;
	font-weight:500;
	border:3px solid #FFBA00;
	line-height:1;
	box-sizing:border-box;
	padding:.5em;
	transition:.3s;
	border-radius:6px;
	display:block;
}
#case.single .contbox .link a .svg-inline--fa {
	margin-left:.3em;
}
#case.single .contbox .link a:hover {
	color:#FFBA00;
	background:#ffffff;
}

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

}

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

}

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

/**archive**/
#main #case .contents > p {
	text-align:left;
	margin-bottom:1em;
}
#case .contents > .fbox > .link {
	padding-right:0;
}
#case .link li {
	width:calc(100%/2 - 7px);
}
#case .link li a {
	font-size:1.5rem;
	padding:1em 0;
}
#case .link li:nth-child(3n) {
	margin-right:6px;
}
#case .link li:nth-child(2n) {
    margin-right:0;
}


/**tax**/
.casebox > .fbox > img {
	width:100%;
	max-width:240px;
	margin:0 auto 15px;
}
.casebox > .cbox {
	padding-top:20px;
}
.casebox > .fbox > .textbox {
	width:100%;
}
#main .casebox > .fbox > .textbox p {
	line-height:1.6;
}
#main .casebox > .fbox > .textbox p.att {
	line-height:1.3;
}
.casebox ul {
	padding-top:20px;
}
.casebox li {
	margin:0 5px 10px;
}
.casebox li img {
	max-width:100px;
	margin-bottom:10px;
}
#main .casebox li p {
	font-size:1.4rem;
}

#case.single .cbox .contbox .img,
#case.single .cbox .contbox .img[class*="w"] {
	width:100%;
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 2;
	order: 2;
}
#case.single .cbox .contbox .img img:not(:last-child) {
	margin-bottom:10px;
}
#case.single .cbox .contbox .textbox,
#case.single .cbox .contbox .img[class*="w"] + .textbox {
	width:100%;
	margin-bottom:15px;
}
#case.single .cbox .contbox .img.w100.fbox img {
    max-width: 100%;
    margin: 0 auto 15px;
}
#case.single .contbox .link a {
    font-size: 1.4rem;
}

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

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

#case.single .contbox .link a {
    font-size: 3.8vw;
}
	
}