@charset "UTF-8";
/* MOS資格対策講座 */
.p-mos { background: #fff; }

#contents #kasou .p-mos h2 {color:#fff; background: none; border-bottom: none; padding: 0; font-size: 17px; overflow: visible;}

.c-wrap, .c-wrap2 { margin-left: 10px; margin-right: 10px; }

.mos_btn1 { text-align: center; padding: 20px 10px 40px; }

a.mos_btn2 { display: inline-block; border: 1px solid #1d69b2; border-radius: 5px; text-align: center; font-size: 75% !important; line-height: 140%; padding: 6px 0; text-decoration: none; width: 274px; }
a.mos_btn2:hover { background: #1d69b2; color: #fff; }

.mos_tit1 { background: #d95858 !important; color: #fff; font-size: 150% !important; font-weight: bold; line-height: 140%; text-align: center; padding: 12px 5px !important; position: relative; margin-bottom: 30px; }
.mos_tit1:after { display: block; content: ""; position: absolute; bottom: -9px; left: 50%; margin-left: -10px; border-top: 10px solid #d95858; border-left: 10px solid transparent; border-right: 10px solid transparent; }

.mos_txt1 { text-align: center; font-size: 125%; font-weight: normal; line-height: 150%; margin-bottom: 20px; }

.u-right { text-align: right !important; }

.p-mos0 { background-color: #66c042; background-image: url("https://www.transparenttextures.com/patterns/45-degree-fabric-dark.png");}
.p-mos0__top { text-align: center; }
.p-mos0__top h2 { font-size: 20px!important; font-weight: bold; }


.p-mos1 { margin: 10px 0; }
.p-mos1 h2 { text-align: center; margin-bottom: 26px; }
.p-mos1__block1 { text-align: center; }
.p-mos1__block1 span { font-size: 150% !important; font-weight: bold; line-height: 140%; margin-bottom: 18px; }
.p-mos1__block1 span { display: inline-block; *display: inline; *zoom: 1; border-bottom: 5px solid #f8e80d; padding: 0 0 8px; }
.p-mos1__block1 ul { position: relative; margin-left: -1%; }
.p-mos1__block1 li { float: left; width: 32.3%; margin-left: 1%; }

.p-mos1__block2 li {
    background-color: #ffddd5;
	display: inline-block;
	vertical-align: middle;
	padding: 10px 0;
	width: 100%;
	height: 22px;
	margin: 3px 0;
    position: relative;
}
.p-mos1__block2 li a {
	display: inline-block;
	color: #333333;
    font-size: 15.5px;
    font-weight: bold;
    text-decoration: none;
	line-height: 99%;
	padding: 0 10px 0 50px;
}
.p-mos1__block2 li span {
	display: inline-block;
	width: 42px;
	height: 42px;
	background-color: #d95858;
	position: absolute;
    left: 0;
	top: 0;
}

.p-mos1__block3 li {
    background-color: #d95858;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	padding: 10px 0;
	width: 100%;
	height: 44px;
	margin-bottom: 10px;
    position: relative;
}
.p-mos1__block3 li a {
	display: inline-block;
	color: #FFF;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
	line-height: 1.2;
	padding: 0 10px;
}
.p-mos1__block3 li:last-child {
	margin-bottom: 0;
}
.p-mos1__block3 li span.ttl {
	font-size: 160%;
}

.p-mos2__block1 { background: #e5e5e5; }
.p-mos2__block1 .txt1 { padding: 10px 15px 0; margin-bottom: 15px; text-align: center;  }
.p-mos2__block1 .txt1 img { margin: 10px 0 20px !important; }
.p-mos2__block1 .txt1 p { font-size: 125% !important; font-weight: bold; line-height: 150%; text-align: center; }
.p-mos2__block1 .img1 { text-align: center; }

.p-mos2__block2 { background: #f69797; padding: 20px 0; position: relative; margin-bottom: 40px; }
.p-mos2__block2:before { display: block; content: ""; position: absolute; top: 0; left: 50%; margin-left: -10px; z-index: 9; border-top: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; }
.p-mos2__block2 h2 { font-size: 150% !important; font-weight: bold; margin-bottom: 22px; text-align: center; color: #fff; }
.p-mos2__block2 h2 span { display: inline-block; border-bottom: 5px solid #f8e80d; padding: 0 0 8px; }
.p-mos2__block2--box1 { background: #fff; padding: 15px; }
.p-mos2__block2 .box1 { margin-bottom: 20px; }
.p-mos2__block2 .box1 > h4, .p-mos2__block2 .box2 > h4 { font-size: 106.2% !important; font-weight: bold; margin-bottom: 12px; }
.p-mos2__block2 .box1 .img1, .p-mos2__block2 .box2 .img1 { float: left; width: 64px; }
.p-mos2__block2 .box1 .txt1 h4, .p-mos2__block2 .box2 .txt1 h4 { font-size: 137.5% !important; font-weight: bold; color: #4b4b4b; line-height: 100%; }
.p-mos2__block2 .box1 .txt1 p, .p-mos2__block2 .box2 .txt1 p { font-size: 90.5% !important; color: #4b4b4b; }
.p-mos2__block2 .box1 .txt2, .p-mos2__block2 .box2 .txt2 { margin-top: 13px; }
.p-mos2__block2 .box1 .txt2 li, .p-mos2__block2 .box2 .txt2 li { float: left; width: 75px; background: #4c4c4b; color: #fff; text-align: center; margin-right: 12px; font-size: 81.2% !important; }
.p-mos2__block2 .box1 .btn1, .p-mos2__block2 .box2 .btn1 { padding-top: 16px; }
.p-mos2__block3 { padding-bottom: 20px; }
.p-mos2__block3 h4 { color: #1f5faa; font-size: 150% !important; font-weight: bold; line-height: 150%; margin-bottom: 3px; text-align: center; }
.p-mos2__block3 table { width: 100%; border-collapse: separate; border-spacing: 6px; }
.p-mos2__block3 th { background: #d85757; font-size: 100% !important; font-weight: bold; text-align: center; padding: 10px 0; color: #fff; width: 50%; }
.p-mos2__block3 td { background: #d7d7d7; vertical-align: middle; font-size: 100% !important; text-align: center; padding: 10px; }
.p-mos2__block3 td span { display: block; font-size: 68.7% !important; }
.p-mos2__block3 td.heading h4 { font-size: 112.5% !important; font-weight: bold; margin-bottom: 5px; }
.p-mos2__block3 td.heading p { font-size: 87.5% !important; line-height: 140%; }
.p-mos2__block3 td.heading br { display: none; }

.p-mos3 { margin-bottom: 40px; }
.p-mos3__block1 { background: #d7d7d7; padding: 10px; padding-bottom: 5px; border-radius: 5px; margin-bottom: 30px; }
.p-mos3__block1 ul { position: relative; margin-left: -2%; }
.p-mos3__block1 li { float: left; width: 48%; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 2% 2%; background: #fff; }
.p-mos3__block1 li:nth-child(2n+1) { clear: both; }
.p-mos3__block1 li:after { display: block; content: ""; clear: both; }
.p-mos3__block1 li .img1 { text-align: center; }
.p-mos3__block1 li .img2 { text-align: center; }
.p-mos3__block1 li .txt1 { padding-top: 8px; }
.p-mos3__block1 li .txt1 p { font-size: 87.5% !important; line-height: 140%; text-align: center; }
.p-mos3__block1 li .txt2 { text-align: center; padding-top: 0; }
.p-mos3__block1 li.li2 { padding-top: 36px; text-align: center; }
.p-mos3__block1 li.li2 img { width: 117px; }
.p-mos3__block1 li h3 {
	color: #1f5faa;
	font-size: 150% !important;
	font-weight: bold;
	margin-bottom: 8px;
}
.mos_txt1 h3 { font-weight: normal!important; font-size: 100%; }
.p-mos3__block2 table { line-height:1.7em; border-collapse: separate; border-spacing: 3px; table-layout: fixed; width: 100%; margin-bottom: 10px; }
.p-mos3__block2 table th { vertical-align: middle; color: #fff; background: #9E9E9F; font-size: 131.2% !important; font-weight: bold; text-align: center; padding: 10px;}
.p-mos3__block2 table thead th.pc4353 { background: #d95858; color: #fff; }
.p-mos3__block2 table tbody th { font-weight: bold; text-align: left; font-size: 106.2% !important; vertical-align: middle; color: #fff; background: #9e9e9e; }
.p-mos3__block2 table tbody td { background: #e9e9e9; vertical-align: middle; font-size: 106.2% !important; }
.p-mos3__block2 table tbody td.pc4353 { background: #ffddd5; }
.p-mos3__block2 table tbody td.pc4353 p { background: url(/images/overview/ico-maru.png) no-repeat left center; background-size: 80%; }
.p-mos3__block2 table tbody th, .p-mos3__block2 table tbody td { padding: 10px; }

.p-mos4 { margin-bottom: 40px; }
.p-mos4__block1 { background: #137DB4; color: #fff; }
.p-mos4__block1 .c-wrap2 { background: url(/mos/images/mos4_img1.gif) no-repeat right bottom; padding: 35px 0; }
.p-mos4__block1 h2 { font-size: 200% !important; font-weight: normal; color: #fff; margin-bottom: 15px; }
.p-mos4__block1 p { font-size: 106.2% !important; line-height: 200%; font-weight: normal; color: #fff; }
.p-mos4__block1 p em { font-style: normal; font-weight: bold; color: #fff; }

.p-mos4__block2 { background: #EB8518; color: #fff; }
.p-mos4__block2 .c-wrap2 { background: url(/mos/images/mos4_img2.gif) no-repeat right bottom; padding: 35px 0; }
.p-mos4__block2 h2 { font-size: 200% !important; font-weight: normal; color: #fff; margin-bottom: 15px; }
.p-mos4__block2 h3 { font-size: 127.5%; margin-top: 10px; }
.p-mos4__block2 p { font-size: 106.2% !important; line-height: 200%; font-weight: normal; color: #fff; }
.p-mos4__block2 p em { font-style: normal; font-weight: bold; color: #fff; }
.p-mos4__block2 p a { color:#FFF; font-weight: bold; }

.p-mos4__block3 { background: #d95858; color: #fff; }
.p-mos4__block3 .c-wrap2 { padding: 35px 0; }
.p-mos4__block3 h2 { font-size: 200% !important; font-weight: normal; color: #fff; margin-bottom: 15px; }
.p-mos4__block3 h3 { font-size: 127.5%; margin-top: 10px; }
.p-mos4__block3 p { font-size: 106.2% !important; line-height: 200%; font-weight: normal; color: #fff; }
.p-mos4__block3 p em { font-style: normal; font-weight: bold; color: #fff; }
.p-mos4__block3 table { width: 100%; border-collapse: separate; border-spacing: 3px; margin-top: 10px; }
.p-mos4__block3 thead th { background: #fff; color: #d85757; }
.p-mos4__block3 tbody td { background: #e28181; padding: 3px 8px; vertical-align: middle; }
.p-mos4__block3 tbody td.txt1 { width: 28%; text-align: center; }

.p-mos4__block4 { background: #568c2d; color: #fff; }
.p-mos4__block4 .c-wrap2 { padding: 35px 0; }
.p-mos4__block4 h2 { font-size: 200% !important; font-weight: normal; color: #fff; margin-bottom: 15px; }
.p-mos4__block4 h3 { font-size: 127.5%; margin-top: 10px; }
.p-mos4__block4 p { font-size: 106.2% !important; line-height: 200%; font-weight: normal; color: #fff; }
.p-mos4__block4 p em { font-style: normal; font-weight: bold; color: #fff; }

.p-mos5 { margin-bottom: 40px; }
.p-mos5__block1 { background: #eeeded; }
.p-mos5__block1 .c-wrap2 { background: url(/mos/images/mos5_img1.jpg) no-repeat right center; background-size: 84%; padding: 20px 75px 25px 0; }
.p-mos5__block1 .box1 h2 { font-size: 200% !important; font-weight: normal; margin-bottom: 15px; color: #0c7bb2; }
.p-mos5__block1 .box1 p { font-size: 115% !important; line-height: 200%; font-weight: normal; }
.p-mos5__block1 .box1 p em { font-style: normal; font-weight: bold; }

.p-mos5__block2 { padding: 15px 0; }
.p-mos5__block2 .box1 { margin-bottom: 22px; }
.p-mos5__block2 .box1 .img1 { text-align: center; margin-bottom: 10px; }
.p-mos5__block2 .box1 .img1 img { width: 40px; }
.p-mos5__block2 .box1 .txt1 { text-align: center; font-weight: bold; line-height: 200%; color: #fff; }
.p-mos5__block2 .box1 .txt1 h3 { font-size: 180% !important; }
.p-mos5__block2 .box1 .txt1 a { color: #fff; }
.p-mos5__block2 .box2 { clear: both; margin-left: 20px; }
.p-mos5__block2 .box2 ul { line-height: 140%; }
.p-mos5__block2 .box2 ul li { list-style: disc !important; color: #fff; }
.p-mos5__block2.word { background: #1f5faa; }
.p-mos5__block2.excel { background: #568c2d; }

.p-mos5__block3 { padding: 15px 0; }
.p-mos5__block3 .box1 { margin-bottom: 22px; }
.p-mos5__block3 .box1 .img1 { text-align: center; margin-bottom: 10px; }
.p-mos5__block3 .box1 .img1 img { width: 40px; }
.p-mos5__block3 .box1 .txt1 { text-align: center; font-weight: bold; line-height: 200%; color: #fff; }
.p-mos5__block3 .box1 .txt1 h3 { font-size: 180% !important; }
.p-mos5__block3 .box1 .txt1 a { color: #fff; }
.p-mos5__block3 .box2 { clear: both; margin-left: 20px; }
.p-mos5__block3 .box2 ul { line-height: 140%; }
.p-mos5__block3 .box2 ul li { list-style: disc !important; color: #fff; }
.p-mos5__block3.powerpoint { background: #ec871d; }

.p-mos5__block4 { background: #d95858; padding: 20px 0 30px; margin-bottom:30px; }
.p-mos5__block4 h3 { text-align: center; font-size: 180% !important; font-weight: bold; margin-bottom: 15px; color: #fff; }
.p-mos5__block4 p { font-size: 106.2% !important; line-height: 175%; font-weight: normal; color: #fff; }
.p-mos5__block4 p em { font-style: normal; font-weight: bold; color: #fff; }

.p-mos6 { padding-bottom: 40px; }
.p-mos6__block1 {
	background: #d7d7d7;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 20px;
}
.p-mos6__block1 li {
	padding: 15px;
	margin-bottom: 12px;
	background: #fff;
}
.p-mos6__block1 li:last-child {
	margin-bottom: 0;
}
.p-mos6__block1 li:after {
	display: block;
	content: "";
	clear: both;
}
.p-mos6__block1 li .img1 {
	text-align: center;
	margin-bottom: 12px;
}
.p-mos6__block1 li .txt1 p { 
	border-top: 3px dotted #ec871d; padding-top:10px;
	font-size: 106.2% !important;
}
.p-mos6__block1 li h3 {
	color: #1f5faa;
	font-size: 150% !important;
	font-weight: bold;
	margin-bottom: 12px;
}
.p-mos6__block1 li dl dt {
	padding: 2px 5px;
	width: 150px;
	text-align: center;
	background: #d95858;
	color: #fff;
	font-weight: bold;
}
.p-mos6__block1 li dl dd {
	margin: 0 0 10px 0;
	font-size: 106.2% !important;
	line-height: 185%;
}

.p-mos7 { padding-bottom: 50px; }
.p-mos7__block1 {
	background: #d7d7d7;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 20px;
}
.p-mos7__block1 li {
	padding: 15px;
	margin-bottom: 12px;
	background: #fff;
}
.p-mos7__block1 li:last-child {
	margin-bottom: 0;
}
.p-mos7__block1 li:after {
	display: block;
	content: "";
	clear: both;
}
.p-mos7__block1 dt {
	font-weight: bold;
	font-size: 15px !important;
	padding: 10px;
}
.p-mos7__block1 dd {
	margin: 0 0 20px;
	background: #F2F2F2;
	padding: 10px;
}
.p-mos7__block1 dt:before, .p-mos7__block1 dd:before  {
	display: inline-block;
	margin-right: 5px;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	font-size: 18px !important;
	border-radius: 4px;
}
.p-mos7__block1 dt:before {
	content: 'Q';
	background-color: #2580b7;
}
.p-mos7__block1 dd:before {
	content: 'A';
	background-color: #eb6100;
}

.p-mos8 { padding-bottom: 50px; }
.p-mos8__block1 ul {
	background: #d7d7d7;
	padding: 10px;
	border-radius: 5px;
}
.p-mos8__block1 li {
	margin-bottom: 30px;
}
.p-mos8__block1 li:last-child {
	margin-bottom: 0;
}
.p-mos8__block1 li:after {
	display: block;
	content: "";
	clear: both;
	position: absolute;
	left: 45%;
 	border-top: 21px solid #fff;
 	border-left: 22px solid transparent;
 	border-right: 22px solid transparent;
}
.p-mos8__block1 li:last-child::after {
	border: none;
}
.p-mos8__block1 li .box1, .p-mos8__block1 li .box2 {
	background: #fff;
	padding: 15px;
}
.p-mos8__block1 li .ttl1 {
	margin: 15px 0;
	text-align: center;
}
.p-mos8__block1 li .ttl1 img {
	width: 130px;
	margin-top: -25px;
	margin-bottom: 10px;
}
.p-mos8__block1 li .img1 {
	text-align: center;
}
.p-mos8__block1 li .txt1 p {
	font-size: 106% !important;
	line-height: 170%;
	margin-bottom: 10px;
}
.p-mos8__block1 h3 {
	color: #1f5faa;
	font-size: 150% !important;
	font-weight: bold;
	line-height: 150%;
}

.p-mos9 { margin-bottom: 40px; }
.p-mos9 h3 {
	font-size: 110%;
}



/* 横向き */
@media (min-width: 480px) and (orientation: landscape) {

	.p-mos2__block2 .box1,
	.p-mos2__block2 .box2 {width: 48%; margin-bottom: 0;}
	.p-mos2__block2 .box1 {float: left;}
	.p-mos2__block2 .box1:first-child {margin: 0 25px 20px 0;}
	.p-mos2__block2 .box1 > h4,
	.p-mos2__block2 .box2 > h4 {font-size: 100% !important;}
	.p-mos2__block2 .box1 .txt2 li, .p-mos2__block2 .box2 .txt2 li {width: 65px;}

	.p-mos5__block2 .box1, .p-mos5__block3 .box1 {padding: 1em 0 0 1em; margin-bottom: 12px;}
	.p-mos5__block2 .box1 .img1, .p-mos5__block3 .box1 .img1 {float: left; width: 60px;}
	.p-mos5__block2 .box1 .img1 img, .p-mos5__block3 .box1 .img1 img {width: 100%;}
	.p-mos5__block2 .box1 .txt1, .p-mos5__block3 .box1 .txt1 {margin-left: 80px;}

}