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

#contents #kasou .p-mos h2 { color:#fff; background: none; border-bottom: none; }

.mos_btn1 { text-align: center; padding-bottom: 45px; }

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

.mos_tit1 { background: #d95858 !important; color: #fff; font-size: 177.5% !important; font-weight: bold; line-height: 140%; text-align: center; padding: 18px 0 !important; position: relative; margin-bottom: 40px; }
.mos_tit1:after { display: block; content: ""; position: absolute; bottom: -20px; left: 50%; margin-left: -22px; border-top: 21px solid #d95858; border-left: 22px solid transparent; border-right: 22px solid transparent; }

.mos_txt1 { text-align: center; font-size: 137.5% !important; 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: 24px!important; font-weight: bold; }
.p-mos0__top ul { padding:10px 0; }
.p-mos0__top ul li { float:left; padding-right: 40px; line-height: 200%; }
.p-mos0__top ul li:last-child { padding-right: 0; }
.p-mos0__top ul li a { font-size:17px!important; color:#fff; font-weight: bold; }

.p-mos1 { margin: 28px 0; }
.p-mos1 h2 { text-align: center;}

.p-mos1__block1 { text-align: center; }
.p-mos1__block1 span { font-size: 218.7% !important; font-weight: bold; line-height: 140%; margin-bottom: 26px; }
.p-mos1__block1 span { display: inline-block; border-bottom: 5px solid #f8e80d; padding: 0 55px; }
.p-mos1__block1 li { display: inline-block; vertical-align: top; margin: 0 43px; }
/*
.p-mos1__block2 li {
    background-color: #ffddd5;
	display: inline-block;
	vertical-align: middle;
	padding: 10px 0;
	width: 326px;
	height: 30px;
	margin: 10px 6px 10px 0;
    position: relative;
}
.p-mos1__block2 li a {
	display: inline-block;
	color: #333333;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
	line-height: 99%;
	padding: 0 10px 0 60px;
}
.p-mos1__block2 li:nth-child(3n) { margin-right: 0; }
.p-mos1__block2 li span {
	display: inline-block;
	width: 50px;
	height: 50px;
	background-color: #d95858;
	position: absolute;
    left: 0;
	top: 0;
}
*/
.p-mos1__block3 li {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	margin-right: 8px;
}
.p-mos1__block3 li a {
	display: inline-block;
    background-color: #d95858;
	color: #FFF;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
	line-height: 1.2;
	padding: 10px;
	width: 220px;
}
.p-mos1__block3 li:last-child {
	margin-right: 0;
}
.p-mos1__block3 li a:hover { background: #cc4545; }
.p-mos1__block3 li span.ttl {
	font-size: 170%;
}
.p-mos1__block3 li ul {
	display: none;
	position: absolute;
}
.p-mos1__block3 li ul li {
	display: block;
	margin-right: 0;
}
.p-mos1__block3 li ul li a {
    background-color: #e28181;
    font-size: 15px;
	border-bottom: 1px solid #fff;
}

.p-mos2__block1 { background: #e5e5e5; padding-top: 29px; }
.p-mos2__block1 .txt1 { float: left; width: 300px; padding-top: 24px; padding-left: 35px; }
.p-mos2__block1 .txt1 img { margin-bottom: 25px; }
.p-mos2__block1 .txt1 p { font-size: 125% !important; font-weight: bold; line-height: 150%; }
.p-mos2__block1 .img1 { float: right; width: 553px; margin-right: -40px; }

.p-mos2__block2 { background: #f69797; padding: 40px 0; position: relative; margin-bottom: 100px; }
.p-mos2__block2:before { display: block; content: ""; position: absolute; top: 0; left: 50%; margin-left: -22px; z-index: 9; border-top: 21px solid #fff; border-left: 22px solid transparent; border-right: 22px solid transparent; }
.p-mos2__block2 h2 { font-size: 218.7% !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 55px 8px; }
.p-mos2__block2--box1 { background: #fff; padding: 25px; }
.p-mos2__block2 .box1 { float: left; margin-right: 36px; }
.p-mos2__block2 .box2 { float: right; }
.p-mos2__block2 .box1, .p-mos2__block2 .box2 { width: 246px; }
.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: 51px; }
.p-mos2__block2 .box1 .txt1, .p-mos2__block2 .box2 .txt1 { margin-left: 62px; padding-top: 2p.5x; }
.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%; margin-bottom: 12px; }
.p-mos2__block2 .box1 .txt1 p, .p-mos2__block2 .box2 .txt1 p { font-size: 82.5% !important; color: #4b4b4b; line-height: 160%; margin-bottom: 8px; }
.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: 10px; }
.p-mos2__block2 .box1 .txt2 li:last-child, .p-mos2__block2 .box2 .txt2 li:last-child { margin-right: 0; }
.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: 6px; text-align: center; }
.p-mos2__block3 table { width: 100%; border-collapse: separate; border-spacing: 6px; }
.p-mos2__block3 thead th { background: #d85757; font-size: 100% !important; font-weight: bold; text-align: center; padding: 18px 0; color: #fff; width: 150px; }
.p-mos2__block3 thead th:first-child { width: 220px; }
.p-mos2__block3 tbody th { background: #d7d7d7; padding: 12px 20px; vertical-align: middle; font-weight: normal; text-align: left; }
.p-mos2__block3 tbody th h4 { font-size: 125% !important; font-weight: bold; margin-bottom: 5px; }
.p-mos2__block3 tbody th p { font-size: 93.7% !important; line-height: 140%; }
.p-mos2__block3 tbody td { background: #d7d7d7; padding: 18px 0; vertical-align: middle; font-size: 125% !important; text-align: center; }
.p-mos2__block3 tbody td span { display: block; font-size: 68.7% !important; }

.p-mos3 { margin-bottom: 100px; }
.p-mos3__block1 { background: #d7d7d7; padding: 10px; padding-bottom: 1px; border-radius: 5px; margin-bottom: 50px; }
.p-mos3__block1 ul { position: relative; margin-left: -12px; }
.p-mos3__block1 li { float: left; width: 246px; padding: 12px 13px 10px; margin: 0 0 12px 12px; background: #fff; box-sizing: unset; }
.p-mos3__block1 li:nth-child(3n+1) { clear: both; }
.p-mos3__block1 li:after { display: block; content: ""; clear: both; }
.p-mos3__block1 li .img1 { float: left; text-align: center; }
.p-mos3__block1 li .img2 { text-align: center; }
.p-mos3__block1 li .txt1 { float: right; width: 130px; padding-top: 8px; }
.p-mos3__block1 li .txt1 p { font-size: 87.5% !important; line-height: 140%; margin-bottom: 10px; }
.p-mos3__block1 li .txt2 { clear: both; text-align: center; padding-top: 0; }
.p-mos3__block1 li.li2 { padding-top: 0; padding-bottom: 4px; text-align: center; }
.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: 120% !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: #000; background: #e9e9e9; }
.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; padding-left: 60px; }
.p-mos3__block2 table tbody th, .p-mos3__block2 table tbody td { padding: 15px 20px; }

.p-mos4 { margin-bottom: 100px; }
.p-mos4__block1 { background: #137DB4; color: #fff; }
.p-mos4__block1 .c-wrap2 { background: url(/mos/images/mos4_img1.gif) no-repeat right bottom; padding: 45px 0 42px; }
.p-mos4__block1 h2 { font-size: 250% !important; font-weight: normal; color: #fff; margin-bottom: 30px; }
.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: 45px 0 42px; }
.p-mos4__block2 h2 { font-size: 250% !important; font-weight: normal; color: #fff; margin-bottom: 30px; }
.p-mos4__block2 h3 { margin-top: 15px; }
.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: 45px 0 42px; }
.p-mos4__block3 h2 { font-size: 250%; font-weight: normal; color: #fff; margin-bottom: 30px; }
.p-mos4__block3 h3 { margin-top: 15px; }
.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: 4px 12px; vertical-align: middle; }
.p-mos4__block3 tbody td.txt1 { width: 32%; text-align: center; }

.p-mos4__block4 { background: #568c2d; color: #fff; }
.p-mos4__block4 .c-wrap2 { padding: 45px 0 42px; }
.p-mos4__block4 h2 { font-size: 250%; font-weight: normal; color: #fff; margin-bottom: 30px; }
.p-mos4__block4 h3 { margin-top: 15px; }
.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: 100px; }
.p-mos5__block1 { background: #eeeded; }
.p-mos5__block1 .c-wrap2 { background: url(/mos/images/mos5_img1.jpg) no-repeat right center; background-size: contain; padding: 40px 0 50px; }
.p-mos5__block1 .box1 h2 { font-size: 300%; font-weight: normal; margin-bottom: 30px; color: #0c7bb2; }
.p-mos5__block1 .box1 p { font-size: 125% !important; line-height: 200%; font-weight: normal; max-width: 640px; }
.p-mos5__block1 .box1 p em { font-style: normal; font-weight: bold; }

.p-mos5__block2 { padding: 28px 0; }
.p-mos5__block2 .box1 { margin-bottom: 22px; }
.p-mos5__block2 .box1 .img1 { float: left; width: 91px; }
.p-mos5__block2 .box1 .txt1 { margin-left: 118px; padding-top: 8px; font-weight: bold; line-height: 250%; color: #fff; }
.p-mos5__block2 .box1 .txt1 h3 { font-size: 200% !important; }
.p-mos5__block2 .box1 .txt1 a { color: #fff; }
.p-mos5__block2 .box2 { clear: both; margin-left: 130px; }
.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: 28px 0; }
.p-mos5__block3 .box1 { margin-bottom: 22px; }
.p-mos5__block3 .box1 .img1 { float: left; width: 91px; }
.p-mos5__block3 .box1 .txt1 { margin-left: 118px; padding-top: 8px; font-weight: bold; line-height: 250%; color: #fff; }
.p-mos5__block3 .box1 .txt1 h3 { font-size: 200% !important; }
.p-mos5__block3 .box1 .txt1 a { color: #fff; }
.p-mos5__block3 .box2 { clear: both; margin-left: 130px; }
.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: 28px 0 40px; margin-bottom:60px;}
.p-mos5__block4 h3 { font-size: 218.7% !important; font-weight: bold; color: #fff; margin-bottom: 25px; }
.p-mos5__block4 p { font-size: 120% !important; line-height: 160%; font-weight: normal; color: #fff; }
.p-mos5__block4 p em { font-style: normal; font-weight: bold; color: #fff; }

.p-mos6 { padding-bottom: 50px; }
.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 {
	float: left;
	width: 224px;
}
.p-mos6__block1 li .txt1 {
	float: right;
	width: 570px;
}
.p-mos6__block1 li .txt1 p {
	border-top: 3px dotted #ec871d;
	padding-top:10px;
}
.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;
}

.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: 17px !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;
	margin-bottom: 30px;
}
.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: 48%;
 	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;
}
.p-mos8__block1 li .ttl1 h3 {
	float: right;
	width: 615px;
	margin: 5px 0 0 15px;
}
.p-mos8__block1 li .img1 {
	float: right;
	text-align: center;
}
.p-mos8__block1 li .txt1 {
	float: left;
	width: 550px;
}
.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-mos8__block1 li .ttl1 img {
	float: left;
	width: 180px;
	margin-top: -20px;
}

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


#contents {width: 100% !important;padding: 0 !important;}
#contents #kasou {padding: 0 !important;}
#main {width: 100%; float:none; margin: 0 auto;}
.c-wrap { width: 1000px; margin-left: auto; margin-right: auto; }
.c-wrap2 { width: 860px; margin-left: auto; margin-right: auto; }