@charset "utf-8";

/* ======================================
共通
====================================== */
.clearfix::after {
content: "";
display: block;
clear: both;
}
a:hover {
text-decoration: none;
opacity: 0.75;
}
.mt4{
margin-top:  4px;
}
.orange {
color: #EC8200;
font-weight: bold;
}

.blue {
color: #006DAF;
}

@media (max-width: 828px) {
img {
width: 100%;
height: auto;
}
}

/* ======================================
header
====================================== */
.header {
border-bottom: 1px solid #000000;
height: 120px;
width: 100%;
text-align: center;
position: relative;
}
.header img{
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}

@media (max-width: 828px) {
.header {
height: 95px;
}
.header img {
width: 74%;
}
}

/* ======================================
index-top
====================================== */
.main-top {
width: 960px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.main-title-black  {
font-size: 3.2rem;
line-height: 2.8rem;
font-weight: 600;
display: block;
margin-top: 130px;
margin-bottom: 110px;
text-align: center;
letter-spacing: 0.15em;
}

.content .zenki  {
display: block;
width: 48.5%;
height: 283px;
background-color: #E6F0FA;
text-align: center;
border-bottom: 12px solid #006DAF;
position: relative;
float: left;
}
.content .zenki .inner  {
position: absolute;
width: 84%;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
.content .zenki h3 {
display: block;
text-align: center;
letter-spacing: 0.1em;
font-size: 2.4rem;
line-height: 3.6rem;
margin-bottom: 23px;
margin-top: 20px;
}
.content .zenki .under {
margin-bottom: 23px;
}

.content .koki {
display: block;
width: 48.5%;
height: 283px;
background-color: #E6F0FA;
text-align: center;
border-bottom: 12px solid #006DAF;
position: relative;
float: right;
margin-bottom: 0px;
}
.content .koki .inner  {
position: absolute;
width: 84%;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
.content .koki h3 {
display: block;
text-align: center;
letter-spacing: 0.1em;
font-size: 2.4rem;
line-height: 3.6rem;
margin-bottom: 23px;
margin-top: 20px;
}
.content .koki .under {
margin-bottom: 23px;
}

.content .zenki2  {
display: block;
width: 100%;
height: 190px;
background-color: #fcf8e8;
text-align: center;
border-bottom: 12px solid #ec8200;
position: relative;
float: left;
clear: both;
margin-top: 30px;
margin-bottom: 280px;
}
.content .zenki2 .inner  {
position: absolute;
width: 84%;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
.content .zenki2 h3 {
display: block;
text-align: center;
letter-spacing: 0.1em;
font-size: 2.4rem;
line-height: 3.5rem;
margin-bottom: 25px;
margin-top: 20px;
}
.content .zenki2 .under {
margin-bottom: 20px;
}

@media (max-width: 828px) {
.main-top{
width: 92%;
}
.main-title-black  {
font-size: 2.2rem;
margin-top: 53px;
margin-bottom: 53px;
letter-spacing: 0em;
}
.content .zenki  {
display: block;
width: 100%;
height: 283px;
background-color: #E6F0FA;
text-align: center;
border-bottom: 12px solid #006DAF;
position: relative;
float: left;
margin-bottom: 25px;
}
.content .zenki .under img {
width: 30%;
margin-bottom: 23px;
}
.content .zenki .more img {
width: 50%;
margin-bottom: 23px;
}
.content .koki  {
display: block;
width: 100%;
height: 283px;
background-color: #E6F0FA;
text-align: center;
border-bottom: 12px solid #006DAF;
position: relative;
float: left;
margin-bottom: 25px;
}
.content .koki .under img {
width: 30%;
margin-bottom: 23px;
}
.content .koki .more img {
width: 50%;
margin-bottom: 23px;
}

.content .zenki2  {
display: block;
width: 100%;
height: 283px;
margin-top:5px;
margin-bottom: 280px;
}

.content .zenki2.under {
width: 30%;
margin-bottom: 23px;
}
.content .zenki2 .inner h3 img {
width: 36%;
margin-top: 23px;
padding-bottom: 20px;
margin-left: auto;
margin-right: auto;
}
.content .zenki2 .more img {
width: 50%;
margin-bottom: 23px;
}
}


/* ======================================
main
====================================== */
.main {
width: 960px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.main-title  {
font-size: 2.8rem;
line-height: 2.8rem;
font-weight: 600;
display: block;
margin-top: 130px;
text-align: center;
}
.tr  {
width: 40px;
height: 3px;
margin-left: auto;
margin-right: auto;
background-color: #000000;
display: block;
margin-top: 56px;
margin-bottom: 45px;
}
.main-sentents {
letter-spacing: 0.05em;
display: block;
}

@media (max-width: 828px) {
.main {
width: 92%;
}
.main-title  {
font-size: 2.0rem;
line-height: 3rem;
margin-top: 53px;
letter-spacing: 0em;
}
.tr  {
width: 35px;
margin-top: 26px;
margin-bottom: 26px;
}
}

/* ======================================
開催期間・定員・申込方法
====================================== */
.item-box {
width: 100%;
margin-top: 50px;
margin-bottom: 42px;
}

.item-box .item-period {
width: 62%;
height: 77px;
margin-right: 2%;
float: left;
margin-bottom: 15px;
}
.item-box .item-period .left {
border-top: 1px solid #006DAF;
border-bottom: 1px solid #006DAF;
float: left;
width: 19%;
height: 77px;
margin-right: 1%;
position: relative;
}
.item-box .item-period .left p {
font-size: 1.6rem;
width: 100%;
font-weight: bold;
display: block;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
.item-box .item-period .right {
background-color: #E6F0FA;
float: right;
width: 80%;
height: 79px;
position: relative;
}
.item-box .item-period .right p {
font-size: 1.6rem;
width: 100%;
line-height: 79px;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}

.item-box .item-period .left-o {
border-top: 1px solid #EC8200;
border-bottom: 1px solid #EC8200;
float: left;
width: 19%;
height: 77px;
margin-right: 1%;
position: relative;
}
.item-box .item-period .left-o p {
font-size: 1.6rem;
width: 100%;
font-weight: bold;
display: block;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
.item-box .item-period .right-o {
background-color: #fce6cd;
float: right;
width: 80%;
height: 79px;
position: relative;
}
.item-box .item-period .right-o p {
font-size: 1.6rem;
width: 100%;
line-height: 1.6;
text-align: left;
position: absolute;
top: 50%;
left: 52%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}

.item-box .item-person {
width: 36%;
height: 77px;
float: left;
margin-bottom: 15px;
}
.item-box .item-person .left {
border-top: 1px solid #006DAF;
border-bottom: 1px solid #006DAF;
float: left;
width: 33%;
height: 77px;
margin-right: 2%;
position: relative;
}
.item-box .item-person .left p {
font-size: 1.6rem;
width: 100%;
font-weight: bold;
display: block;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
.item-box .item-person .right {
background-color: #E6F0FA;
float: right;
width: 65%;
height: 79px;
position: relative;
}
.item-box .item-person .right p {
font-size: 1.6rem;
width: 100%;
line-height: 79px;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}

.item-box .item-person .left-o {
border-top: 1px solid #EC8200;
border-bottom: 1px solid #EC8200;
float: left;
width: 33%;
height: 77px;
margin-right: 2%;
position: relative;
}
.item-box .item-person .left-o p {
font-size: 1.6rem;
width: 100%;
font-weight: bold;
display: block;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
.item-box .item-person .right-o {
background-color: #fce6cd;
float: right;
width: 65%;
height: 79px;
position: relative;
}
.item-box .item-person .right-o p {
font-size: 1.6rem;
width: 100%;
line-height: 1.6;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}

.item-box .item-application {
width: 100%;
height: 77px;
float: left;
margin-bottom: 40px;
}
.item-box .item-application .left {
border-top: 1px solid #006DAF;
border-bottom: 1px solid #006DAF;
float: left;
width: 11.8%;
height: 77px;
margin-right: 0.7%;
position: relative;
}
.item-box .item-application .left p {
font-size: 1.6rem;
width: 100%;
font-weight: bold;
display: block;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
.item-box .item-application .right {
background-color: #E6F0FA;
float: right;
width: 87.5%;
height: 79px;
position: relative;
}
.item-box .item-application .right p {
font-size: 1.6rem;
width: 100%;
line-height: 1.5rem;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}

.item-box .item-application .left-o {
border-top: 1px solid #EC8200;
border-bottom: 1px solid #EC8200;
float: left;
width: 11.8%;
height: 77px;
margin-right: 0.7%;
position: relative;
}
.item-box .item-application .left-o p {
font-size: 1.6rem;
width: 100%;
font-weight: bold;
display: block;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
.item-box .item-application .right-o {
background-color: #fce6cd;
float: right;
width: 87.5%;
height: 79px;
position: relative;
}
.item-box .item-application .right-o p {
font-size: 1.6rem;
width: 100%;
line-height: 1.5rem;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}

@media (max-width: 828px) {
.item-box {
width: 100%;
margin-top: 20px;
margin-bottom: 27px;
}
.item-box .item-period {
width: 100%;
height: 62px;
margin-right: 0%;
}
.item-box .item-period .left {
width: 18%;
height:62px;
margin-right: 1%;
}
.item-box .item-period .left p {
font-size: 1.2rem;
line-height: 62px;
}
.item-box .item-period .left-o {
width: 18%;
height:62px;
margin-right: 1%;
}
.item-box .item-period .left-o p {
font-size: 1.2rem;
line-height: 62px;
}
.item-box .item-period .right {
width: 81%;
height: 62px;
}
.item-box .item-period .right p {
font-size: 1.2rem;
line-height: 1.8rem;
}
.item-box .item-period .right-o{
width: 81%;
height: 62px;
}
.item-box .item-period .right-o p {
font-size: 1.2rem;
line-height: 1.8rem;
}
.item-box .item-person {
width: 100%;
height: 62px;
margin-right: 0%;
}
.item-box .item-person .left {
width: 18%;
height:62px;
margin-right: 1%;
}
.item-box .item-person .left p {
font-size: 1.2rem;
line-height: 62px;
}
.item-box .item-person .left-o {
width: 18%;
height:62px;
margin-right: 1%;
}
.item-box .item-person .left-op {
font-size: 1.2rem;
line-height: 62px;
}
.item-box .item-person .right {
width: 81%;
height: 62px;
}
.item-box .item-person .right p {
font-size: 1.2rem;
line-height: 62px;
}
.item-box .item-person .right-o {
width: 81%;
height: 62px;
}
.item-box .item-person .right-o p {
font-size: 1.2rem;
line-height: 1.8rem;
}
.item-box .item-application {
width: 100%;
height: 62px;
margin-right: 0%;
}
.item-box .item-application .left {
width: 18%;
height:62px;
margin-right: 1%;
}
.item-box .item-application .left p {
font-size: 1.2rem;
line-height: 62px;
}
.item-box .item-application .left-o {
width: 18%;
height:62px;
margin-right: 1%;
}
.item-box .item-application .left-o p {
font-size: 1.2rem;
line-height: 62px;
}
.item-box .item-application .right {
width: 81%;
height: 62px;
text-align: left;
}
.item-box .item-application .right p {
font-size: 1.2rem;
line-height: 1.8rem;
letter-spacing: 0px;
}
.item-box .item-application .right-o {
width: 81%;
height: 62px;
text-align: left;
}
.item-box .item-application .right-o p {
font-size: 1.2rem;
line-height: 1.8rem;
letter-spacing: 0px;
}
}

/* ======================================
受講方法
====================================== */
.attendance {
width: 100%;
clear: both;
background-color: #FCF8E8;
padding-left: 6.5%;
padding-right: 6.5%;
position: relative;
padding-bottom: 40px;
}
.attendance .blue {
width: 100%;
display: block;
background-color: #006DAF;
height: 28px;
line-height: 28px;
text-align: center;
color: #FFFFFF;
left: 0px;
top: -27px;
font-size: 1.6rem;
position: absolute;
font-weight: bold;
}
.attendance .orange {
width: 100%;
display: block;
background-color: #EC8200;
height: 28px;
line-height: 28px;
text-align: center;
color: #FFFFFF;
left: 0px;
top: -27px;
font-size: 1.6rem;
position: absolute;
}
.attendance .orangemoji {
color: #EC8200;
}
.attendance .centents {
display: block;
width: 100%;
padding-top: 25px;
padding-bottom: 20px;
letter-spacing: 0.3px;
}
.attendance .figure-title {
font-size: 1.4rem;
padding-left: 6px;
border-left: 4px solid #006DAF;
line-height: 1.6rem;
margin-bottom: 5px;
font-weight: bold;
letter-spacing: 0px;
clear: both;
}
.attendance .figure-title-o {
font-size: 1.4rem;
padding-left: 6px;
border-left: 4px solid #EC8200;
line-height: 1.6rem;
margin-bottom: 5px;
font-weight: bold;
letter-spacing: 0px;
clear: both;
}
.attendance .small {
font-size: 1.2rem;
line-height: 2rem;
text-indent: -12px;
margin-left: 12px;
margin-bottom: 4px;
letter-spacing: 0.7px;
}


@media (max-width: 828px) {
.attendance {
padding-bottom: 30px;
}
.attendance h2 {
height: 26px;
line-height: 26px;
top: -25px;
font-size: 1.2rem;
}
.attendance .centents {
padding-top: 20px;
padding-bottom: 20px;
line-height: 2.5rem;
}
.attendance .figure-title {
font-size: 1.2rem;
line-height: 1rem;
}
.attendance .small {
font-size: 1.1rem;
}
}

.main .attendance-link-b {
width: 280px;
height: 40px;
position: relative;
text-align: center;
background-color: #006DAF;
margin-bottom: 30px;
display: block;
float: left;
}
.main .attendance-link-b img {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
width: 80%;
}
@media (max-width: 828px) {
.main .attendance-link-b {
width: 58%;
height: 38px;
margin-bottom: 30px;
}
.main .attendance-link-b img {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
width: 80%;
}
}


.main .attendance-link-o {
width: 280px;
height: 40px;
position: relative;
text-align: center;
background-color: #EC8200;
margin-bottom: 30px;
display: block;
float: left;
}
.main .attendance-link-o img {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
width: 80%;
}
@media (max-width: 828px) {
.main .attendance-link-o {
width: 58%;
height: 38px;
margin-bottom: 30px;
}
.main .attendance-link-o img {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
width: 80%;
}
}


.attendance2 {
width: 100%;
clear: both;
background-color: #FCF8E8;
padding-left: 6.5%;
padding-right: 6.5%;
position: relative;
margin-top: 70px;
padding-bottom: 53px;
margin-bottom: 125px;
}
.attendance2 h2 {
width: 100%;
display: block;
background-color: #006DAF;
height: 28px;
line-height: 28px;
text-align: center;
color: #FFFFFF;
left: 0px;
top: -28px;
font-size: 1.6rem;
position: absolute;
}
.attendance2 .mt45 {
padding-top: 45px;
}
.attendance2 .mt25 {
padding-top: 25px;
}
.attendance2 .mt10 {
display: block;
clear: both;
margin-top: 10px;
}
.attendance2 .line {
width: 100%;
border-bottom: 1px solid #006DAF;
border-top: 1px solid #006DAF;
padding-top: 15px;
padding-bottom: 13px;
margin-bottom: 15px;
}
.attendance2 .line .dashed {
border-bottom: 2px dotted #006DAF;
margin-bottom: 15px;
padding-bottom: 15px;
font-size: 1.8rem;
font-weight: bold;
letter-spacing: 0.2px;
}
.attendance2 .line p {
font-weight: bold;
font-size:  1.8rem;
letter-spacing: 0.2px;
}
.attendance2 .small {
font-size: 1.4rem;
line-height: 1.3rem;
text-indent: -12px;
margin-left: 12px;
margin-bottom: 25px;
display: block;
letter-spacing: 0px;
}
.attendance2 .small .bold {
font-weight: bold;
}
.attendance2 .box {
width: 100%;
margin-top: 20px;
text-align: center;
display: block;
height: auto;
}
.attendance2 .centents {
letter-spacing: 0.5px;
display: block;
}

@media (max-width: 828px) {
.attendance2 {
padding-bottom: 40px;
margin-bottom: 65px;
}
.attendance2 h2 {
height: 26px;
line-height: 26px;
top: -25px;
font-size:  1.2rem;
}
.attendance2 .mt45 {
padding-top: 25px;
}
.attendance2 .mt10 {
margin-top: 0px;
}
.attendance2 .line {
padding-top: 12px;
padding-bottom: 12px;
margin-bottom: 8px;
}
.attendance2 .mt45 .line .dashed {
margin-bottom: 10px;
padding-bottom: 10px;
font-size:  1.4rem;
line-height: 2rem;
}
.attendance2 .line p {
font-size: 1.4rem;
line-height: 2rem;
}
.attendance2 .small {
font-size: 1.0rem;
line-height: 2rem;
margin-bottom: 10px;
float: left;
width: 100%;
}
.attendance2 .box {
width: 100%;
margin-top: 20px;
}
.attendance2 .centents {
line-height: 2.3rem;
}
}








/* ======================================
開催要項
====================================== */
.requirements {
width: 100%;
margin-bottom: 175px;
}
.requirements .blue {
border-top: 1px solid #006DAF;
border-bottom: 1px solid #006DAF;
width: 100%;
margin-bottom: 25px;
display: block;
text-align: center;
font-size: 1.6rem;
line-height: 2.8rem;
font-weight: bold;
}
.requirements .orange {
border-top: 1px solid #EC8200;
border-bottom: 1px solid #EC8200;
width: 100%;
margin-bottom: 25px;
display: block;
text-align: center;
font-size: 1.6rem;
line-height: 2.8rem;
font-weight: bold;
margin-top: 125px;
}

/*ブルー　左 */
.requirements .link {
width: 49%;
height: 121px;
text-align: center;
background-color: #006DAF;
position: relative;
float: left;
display: block;
}
.requirements .link .box {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
/*ブルー　右 */
.requirements .info {
width: 49%;
height: 121px;
text-align: center;
background-color: #006DAF;
position: relative;
float: right;
display: block;
}
.requirements .info  .box {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}

/*オレンジ　左 */
.requirements .link-o {
	width: 49%;
	height: 121px;
	text-align: center;
    float: left;
	background-color: #EC8200;
	position: relative;
	display: block;
	margin-right: 2%;
 }
.requirements .link-o .box {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
/*オレンジ　前期　真ん中 */
.requirements .info-zenki {
width: 24%;
height: 121px;
text-align: center;
position: relative;
float: left;
display: block;
margin-right: 1%;
border: 1px solid #EC8200;
}
.requirements .info-zenki   .box {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
border-width: medium;
}
/*オレンジ　後期　右 */
.requirements .info-kouki  {
width: 24%;
height: 121px;
text-align: center;
background-color: #EC8200;
position: relative;
float: right;
display: block;
border-width: 0px;
}
.requirements .info-kouki  .box {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}

/*オレンジ　右 */
.requirements .info-o2 {
	width: 49%;
	height: 121px;
	text-align: center;
	position: relative;
	display: block;
	background-color: #EC8200;
	float: right;
}
.requirements .info-o2   .box {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
border-width: medium;
}


@media (max-width: 828px) {
.requirements {
margin-bottom: 65px;
}
.requirements h2 {
margin-bottom: 15px;
padding-top: 6px;
padding-bottom: 6px;
font-size: 1.2rem;
line-height: 1.5rem;
}
.requirements .orange {
margin-top: 60px;
}
.requirements .link {
width: 100%;
height: 65px;
margin-bottom: 10px;
}
.requirements .link  img{
width: 37%;
}
.requirements .info {
width: 100%;
height: 65px;
}
.requirements .info img{
width: 42%;
}
.requirements .link-o {
width: 100%;
height: 65px;
margin-bottom: 10px;
}
.requirements .link-o  img{
width: 37%;
}
.requirements .info-o {
width: 100%;
height: 65px;
}
.requirements .info-o img{
width: 42%;
}

.requirements .info-zenki {
width: 49%;
height:90px;
}
.requirements .info-zenki   .box {
width: 52%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
border-width: medium;
}
.requirements .info-kouki  {
width: 49%;
height: 90px;
}
.requirements .info-kouki  .box {
width: 52%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}

.requirements .info-o2 {
width: 100%;
height: 65px;
}
.requirements .info-o2 img{
width: 42%;
}

}

/* ======================================
お問合せ先
====================================== */
.toi-title  {
width: 960px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.toi-title h2 {
font-size: 1.8rem;
font-weight: bold;
line-height: 2rem;
}
.toi {
background-color: #E6F0FA;
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
margin-bottom: 310px;
}
.toi .wrapper {
width: 960px;
margin-left: auto;
margin-right: auto;
text-align: left;
padding-top: 60px;
padding-bottom: 60px;
}
.toi-o {
background-color: #fce6cd;
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
margin-bottom: 310px;
}
.toi-o .wrapper {
width: 960px;
margin-left: auto;
margin-right: auto;
text-align: left;
padding-top: 60px;
padding-bottom: 60px;
}
.toi .item-left {
width: 469px;
background-color: #FFFFFF;
border-bottom: 12px solid #0f6dad;
padding-left: 5%;
padding-right: 5%;
padding-top: 42px;
padding-bottom: 30px;
position: relative;
float: left;
margin-right: 22px;
}
.toi-o .item-left-o {
width: 469px;
background-color: #FFFFFF;
border-bottom: 12px solid #EC8200;
padding-left: 5%;
padding-right: 5%;
padding-top: 42px;
padding-bottom: 30px;
position: relative;
float: left;
margin-right: 22px;
}
.toi .item-left .blue {
position: absolute;
background-color: #006DAF;
width: 355px;
height: 28px;
display: block;
text-align: center;
color: #FFFFFF;
line-height: 28px;
font-size: 1.6rem;
letter-spacing: 0.5px;
top: -14px;
left: 50%;
transform: translateX(-50%);
-webkit- transform: translateX(-50%); 
}
.toi-o .item-left-o .orange {
position: absolute;
background-color: #EC8200;
width: 355px;
height: 28px;
display: block;
text-align: center;
color: #FFFFFF;
line-height: 28px;
font-size: 1.6rem;
letter-spacing: 0.5px;
top: -14px;
left: 50%;
transform: translateX(-50%);
-webkit- transform: translateX(-50%); 
}
.toi .item-left .under {
border-bottom: 1px solid #4D4D4D;
padding-bottom: 20px;
margin-bottom: 20px;
font-size: 1.8rem;
line-height: 3rem;
}
.toi-o .item-left-o .under {
border-bottom: 1px solid #4D4D4D;
padding-bottom: 20px;
margin-bottom: 20px;
font-size: 1.8rem;
line-height: 3rem;
}
.toi .item-left .ad {
font-size: 1.6rem;
line-height: 3rem;
letter-spacing: 0px;
}
.toi-o .item-left-o .ad {
font-size: 1.6rem;
line-height: 3rem;
letter-spacing: 0px;
}
.toi .item-right {
width: 469px;
background-color: #FFFFFF;
border-bottom: 12px solid #0f6dad;
padding-left: 5%;
padding-right: 5%;
padding-top: 42px;
padding-bottom: 30px;
position: relative;
float: left;
}
.toi-o .item-right-o {
width: 469px;
background-color: #FFFFFF;
border-bottom: 12px solid #EC8200;
padding-left: 5%;
padding-right: 5%;
padding-top: 42px;
padding-bottom: 30px;
position: relative;
float: left;
}
.toi .item-right .blue {
position: absolute;
background-color: #006DAF;
width: 355px;
height: 28px;
display: block;
text-align: center;
color: #FFFFFF;
line-height: 28px;
font-size: 1.6rem;
letter-spacing: 0.5px;
top: -14px;
left: 50%;
transform: translateX(-50%);
-webkit- transform: translateX(-50%); 
}
.toi-o .item-right-o .orange {
position: absolute;
background-color: #EC8200;
width: 355px;
height: 28px;
display: block;
text-align: center;
color: #FFFFFF;
line-height: 28px;
font-size: 1.6rem;
letter-spacing: 0.5px;
top: -14px;
left: 50%;
transform: translateX(-50%);
-webkit- transform: translateX(-50%); 
}
.toi .item-right .under {
border-bottom: 1px solid #4D4D4D;
padding-bottom: 38px;
margin-bottom: 20px;
padding-top: 10px;
font-size: 1.8rem;
line-height: 3rem;
}
.toi-o .item-right-o .under {
border-bottom: 1px solid #4D4D4D;
padding-bottom: 38px;
margin-bottom: 20px;
padding-top: 10px;
font-size: 1.8rem;
line-height: 3rem;
}
.toi .item-right .ad {
font-size: 1.6rem;
line-height: 3rem;
letter-spacing: 0px;
}
.toi-o .item-right-o .ad {
font-size: 1.6rem;
line-height: 3rem;
letter-spacing: 0px;
}
.ad a:hover {
font-size: 1.6rem;
opacity: 0.5;
}

@media (max-width: 828px) {
.toi-title  {
width: 100%;
}
.toi-title h2 {
font-size: 1.2rem;
}
.toi {
margin-bottom: 140px;
padding-top: 10px;
padding-bottom: 20px;
}
.toi .wrapper {
width: 86%;
padding-top: 35px;
padding-bottom: 15px;
}
.toi-o {
margin-bottom: 140px;
padding-top: 10px;
padding-bottom: 20px;
}
.toi-o .wrapper {
width: 86%;
padding-top: 35px;
padding-bottom: 15px;
}
.toi .item-left {
width: 100%;
padding-left: 8%;
padding-right: 8%;
padding-top: 26px;
padding-bottom: 21px;
margin-right: 0px;
margin-bottom: 40px;
}
.toi-o .item-left-o {
width: 100%;
padding-left: 8%;
padding-right: 8%;
padding-top: 26px;
padding-bottom: 21px;
margin-right: 0px;
margin-bottom: 40px;
}
.toi .item-left .blue {
width: 80%;
height: 20px;
line-height: 20px;
font-size: 1.2rem;
}
.toi-o .item-left-o .orange {
width: 80%;
height: 20px;
line-height: 20px;
font-size: 1.2rem;
}
.toi .item-left .under {
padding-bottom: 18px;
margin-bottom: 18px;
font-size: 1.3rem;
line-height: 2.4rem;
letter-spacing: 0px;
}
.toi-o .item-left-o .under {
padding-bottom: 18px;
margin-bottom: 18px;
font-size: 1.3rem;
line-height: 2.4rem;
letter-spacing: 0px;
}
.toi .item-left p {
font-size: 1.3rem;
line-height: 1.8rem;
}
.toi .item-left .ad {
font-size: 1.2rem;
line-height: 1.8rem;
letter-spacing: 0px;
}
.toi-o .item-left-o p {
font-size: 1.3rem;
line-height: 1.8rem;
}
.toi-o .item-left-o .ad {
font-size: 1.2rem;
line-height: 1.8rem;
letter-spacing: 0px;
}
.toi .item-right {
width: 100%;
padding-left: 8%;
padding-right: 8%;
padding-top: 26px;
padding-bottom: 21px;
position: relative;
float: left;
}
.toi-o .item-right-o {
width: 100%;
padding-left: 8%;
padding-right: 8%;
padding-top: 26px;
padding-bottom: 21px;
position: relative;
float: left;
}
.toi .item-right .blue {
width: 80%;
height: 20px;
line-height: 20px;
font-size: 1.2rem;
}
.toi-o .item-right-o .orange {
width: 80%;
height: 20px;
line-height: 20px;
font-size: 1.2rem;
}
.toi .item-right .under {
padding-bottom: 34px;
margin-bottom: 18px;
padding-top: 13px;
font-size: 1.3rem;
line-height: 2.4rem;
letter-spacing: 0px;
}
.toi-o .item-right-o .under {
padding-bottom: 34px;
margin-bottom: 18px;
padding-top: 13px;
font-size: 1.3rem;
line-height: 2.4rem;
letter-spacing: 0px;
}
.toi .item-right p {
font-size: 1.3rem;
line-height: 1.8rem;
}
.toi .item-right  .ad {
font-size: 1.2rem;
line-height: 1.8rem;
letter-spacing: 0px;
}
.toi-o .item-right-o p {
font-size: 1.3rem;
line-height: 1.8rem;
}
.toi-o .item-right-o  .ad {
font-size: 1.2rem;
line-height: 1.8rem;
letter-spacing: 0px;
}

.item-left .ad a:hover, .item-left .ad a:active {
font-size: 1.2rem;
line-height: 1.8rem;
letter-spacing: 0px;
}
.item-right .ad a:hover, .item-right .ad a:active {
font-size: 1.2rem;
line-height: 1.8rem;
letter-spacing: 0px;
}
.item-left-o .ad a:hover, .item-left-o .ad a:active {
font-size: 1.2rem;
line-height: 1.8rem;
letter-spacing: 0px;
}
.item-right-o .ad a:hover, .item-right-o .ad a:active {
font-size: 1.2rem;
line-height: 1.8rem;
letter-spacing: 0px;
}
}

/* ======================================
footer
====================================== */

.footer {
height: 130px;
width: 100%;
text-align: center;
position: relative;
background-color: #0f6dad;
}
.footer img {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}

@media (max-width: 828px) {
.footer {
height: 125px;
}
.footer img {
width: 50%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
}



/* ======================================
qualities-zenki
====================================== */




/* ======================================
スマホのみ
====================================== */
@media (min-width: 829px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}

.u_sp{display: none;}

@media only screen and (max-width:828px){
.u_pc{display: none;}
.u_sp{display: block;}

}