@charset "UTF-8";

/* ///////////////////////////////////////////////////////////////////

SP

/////////////////////////////////////////////////////////////////// */

@media screen and (max-width: 750px) {
#contents h1 {
	background: #0095d6;
	color: #fff;
	padding: 0.5em 0;
	font-size : 1.4em;
	font-weight: normal;
}
#contents #intro {
	padding: 0 0 6em;
}
#contents #intro .catch {
	color: #0095d6;
	font-size: 1.6em;
	font-weight: bold;
	padding: 1.5em 0;
}
#contents #intro .lead {
	width: 86%;
	text-align: justify;
}
#contents #intro .off {
    color: #0095d6;
    font-weight: bold;
}
#contents #intro .right {
    width: 86%;
    padding-top: 0;
}
#contents #outline .list dl dt {
	color: #0095d6;
	text-align: left;
    padding-left: 2%;
}
 #contents #intro #btns .case li more btn{
	width: 20%;
}
#contents #outline .list dl dd {
	text-align: left;
    padding-left: 2%;
}    
#contents #outline .list2 {
	text-align: left;
    padding-left: 2%;
}  
#contents #outline .list2 ul li{
    padding-bottom: 0;
    }    
}
/* ///////////////////////////////////////////////////////////////////

PC

/////////////////////////////////////////////////////////////////// */

@media screen and (min-width: 750px) {
#contents h1 {
	background: #0095d6;
	color: #fff;
	padding: 0.5em 0;
	font-size :1.4em;
	font-weight: normal;
}
/* =========================================================
intro
========================================================= */
#contents #intro {
	padding: 0 0 3em;
}
#contents #intro .catch {
	color: #0095d6;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0.2em;
	padding: 2em 0;
}
#contents #intro .lead {
    width: 800px;
}
#contents #intro .off {
    color: #0095d6;
    font-weight: bold;
}
#contents #intro .right {
    width: 1000px;
    text-align: right;
    padding-top: 2em;
}

/* =========================================================
outline
========================================================= */
#contents #outline {
}
#contents #outline h2 {
}
#contents #outline .list {
	width: 70%;
	padding: 0 0 1em;
}
#contents #outline .list dl {
	width: 80%;
	text-align: left;
	padding: 0 0 0.8em 0em;
}
#contents #outline .list dl:after {
	content: "";
	display: block;
	clear: both;
}
#contents #outline .list dl dt {
	color: #0095d6;
	width: 100%;
	font-size: 1.1em;
	padding: 0 0 10px 0;
}
#contents #outline .list dl dd {
	width: 80%;
    padding-left: 2%;
	text-align: left;
    }
#contents #outline .lead {
	width: 90%;
	padding-top: 30px;
	line-height: 2.5;
}
#contents #outline .list2 {
    width: 60%;
	text-align: left;
    padding-left: 3%;
}   
#contents #outline .list2 ul li{
    padding-bottom: 0;
    }
    
/* =========================================================
pr
========================================================= */
#contents #pr {
	width: 50%;
    }
#contents #pr .bln {
	width: 75%;
	height: 90px;
	background-color: #ffffff;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 80px;}
    a, a:hover, a:visited, a:link, a:active {
color: #0097d7;
}
#contents #pr .case {
	padding: 1em 0 0 0;
    
}
#contents #pr .case li {
	width: 100%;
	background-color: #ffffff;
	color: #fff;
	padding: 0;
	margin: 0 0 1em;
}

#contents #pr .lead {
    padding:  0;
    line-height: 2;
    text-align: justify;
}
#contents #pr .frm {
    color: #ffffff;
    border: #ffffff 1px solid;
    padding: 1.2em;
    line-height: 2;
    text-align: justify;
}
#contents #pr .catch {
	color: #ffffff;
	font-weight: bold;
	font-size: 1.4em;
	padding: 1.5em 0;
	text-align: justify;
}
.bd-business2 #contents #pr {
	border-top: 2px solid #0097d7; 
}
.bd-business3 #contents #pr .case li {
	height: 5.5em;
}

.bd-business3 #contents #pr .case li {
	line-height: 3.5;
}
    
    
#contents #list section .wrap .more a {
	width: 80%x;
	margin: 3em 0 0;
	border-radius: 30px;
	padding: 0.5em 0;
}
    
    
    
#contents #btns {
	width: 86%;
}    
    
    
    

/* ///////////////////////////////////////////////////////////////////

PC

/////////////////////////////////////////////////////////////////// */

@media screen and (min-width: 750px) {
/* =========================================================
contents
========================================================= */
#contents {
}
    
 #contents #btns .case li{
	width: 20%;
}