@charset "utf-8";
/*
Theme Name: 日本ISO診断協会
Author: masa
Author URI: https://www.masa-cr.com/
Description: 日本ISO診断協会のテーマ
Version: 1.0
*/
/* ===============================
=====================  初期設定  */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap');
html {
	line-height: 1.75;
	font-size:16px;
	font-family: 'Open Sans', 'Droid Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
	color:#222;
	background-color:transparent;
}
blockquote {border:dotted 1px #999}
dl {border:solid 1px #ddd}
table {border-top:solid 1px #ddd}
caption {background: #999;color: #fff}
th {background: #f6f6f6;border-bottom:solid 1px #ddd}
td {background:#fff;border-bottom:solid 1px #ddd}
hr {color:#ccc;background-color:#ccc}
fieldset {border:1px solid #ccc}
a {text-decoration:underline;color:#00a99d}
a:visited {}
a:hover {text-decoration:none}
a:active {text-decoration:underline}
h1,h2,h3,h4,h5,h6 {font-family: 'Noto Sans JP', sans-serif;}

/* ===============================
=====================  ボックス  */
/***** レスポンシブbox *****/
@media screen and (min-width: 800px), print {
	.box2-a, .box2-b {width:47.5%}/* 2等分 */
	.box3-a, .box3-b, .box3-c {width:30%}/* 3等分 */
	.box4-a, .box4-b, .box4-c, .box4-d {width:21.25%}/* 4等分 */
	.box64-a, .box46-b {width:57%}/* 6:4の6 */
	.box64-b, .box46-a {width:38%}/* 6:4の4 */
	.box73-a, .box37-b {width:66.5%}/* 7:3の7 */
	.box73-b, .box37-a {width:28.5%}/* 7:3の3 */
	.box2-a,
	.box3-a, .box3-b,
	.box4-a, .box4-b, .box4-c,
	.box64-a,
	.box46-a,
	.box73-a,
	.box37-a {float:left}
	.box2-b,
	.box3-c,
	.box4-d,
	.box64-b,
	.box46-b,
	.box73-b,
	.box37-b {float:right}
	.box3-a,
	.box4-a, .box4-b {margin-right:5%}
}

/***** grid *****/
.grid01, .grid02, .grid03, .grid04, .grid05, .grid06, .grid07, .grid08, .grid09, .grid10, .grid11 {
	float:left;
	margin:0;
	padding:0;
}
.grid01 {width:8.333%}
.grid02 {width:16.666%}
.grid03 {width:25%}
.grid04 {width:33.333%}
.grid05 {width:41.666%}
.grid06 {width:50%}
.grid07 {width:58.333%}
.grid08 {width:66.666%}
.grid09 {width:75%}
.grid10 {width:83.333%}
.grid11 {width:91.666%}
.gridFirst {margin-left:0;clear:left}



/* ===============================
=====================  共通設定  */
/***** フォントサイズ *****/
.fs_5l {font-size:1.5em}/* 24 */
.fs_4l {font-size:1.25em}/* 20 */
.fs_3l {font-size:1.1875em}/* 19 */
.fs_2l {font-size:1.125em}/* 18 */
.fs_l {font-size:1.0625em}/* 17 */
.fs_m {font-size:1em}/* 16 */
.fs_s {font-size:.9375em}/* 15 */
.fs_2s {font-size:.875em}/* 14 */
.fs_3s {font-size:.8125em}/* 13 */
.fs_4s {font-size:.75em}/* 12 */
@media screen and (min-width: 560px), print {
    .fs_5l {font-size:2em}/* 32 */
    .fs_4l {font-size:1.875em}/* 30 */
    .fs_3l {font-size:1.5em}/* 24 */
    .fs_2l {font-size:1.25em}/* 20 */
    .fs_l {font-size:1.125em}/* 18 */
}

/***** 文字色 *****/
.txc_01,a.txc_01 {color:#00a99d}/* 緑 */
.txc_02,a.txc_02 {}/*  */
.txc_03,a.txc_03 {}/*  */

/***** 背景 *****/
.bgc_01 {}/*  */
.bgc_02 {}/*  */
.bgc_03 {}/*  */

/***** 見出し *****/
.h_01 {
    border-left:solid 3px #00a99d;
    background:#f0f0f0;
    color:#00a99d;
    padding:1em .6em;
    font-weight:400;
}
.h_02 {
    border-left:solid 6px #00a99d;
    padding:1em .6em;
    background:url('./images/back_01.png');
    color:#444;
}
.h_03 {
    background:#f0f0f0;
    padding:.5em .75em;
}

/***** ボタン *****/
.btn_01 a, a.btn_01,
.btn_02 a, a.btn_02,
.btn_03 a, a.btn_03 {
    display:inline-block;
    text-decoration:none;
    line-height:1.4;
    position:relative;
}
.btn_01 a, a.btn_01 {
    position:relative;
    padding-left:16px;
    color:#222;
    text-decoration:none;
}
.btn_01 a:hover, a.btn_01:hover {
    text-decoration:underline;
}
.btn_01 a:before, a.btn_01:before {
    content:url('./images/icon_link.png');
    position:absolute;
    left:0;
    top:0;
}
.btn_02 a, a.btn_02 {}
.btn_03 a, a.btn_03 {}

/***** リスト *****/
.list_01 {}
.list_02 {}
.list_03 {}

/***** その他 *****/
.box_01 {
    padding:1em 5%;
    border: double 10px #ddd;
    background:#fcfcfc;
}


/* ===============================
====================  レイアウト  */
#container {
    max-width:1920px;
    margin-left:auto;
    margin-right:auto;
}
.sec.mxw {
    max-width:1100px;
    margin-left:auto;
    margin-right:auto;
}
.sec.pdLR {
    padding-left:4%;
    padding-right:4%;
}
.sec.pdB {
    padding-bottom:3em;
}
#header {
    position:relative;
}
#mainsubWrap {
    margin-top:2em;
}
#footer {
    padding-top:2em;
}
#copyright {
    margin-top:2em;
    padding:.8em;
}
@media screen and (min-width: 560px), print {
    .sec.pdB {
        padding-bottom:4em;
    }
}
@media screen and (min-width: 800px), print {
    .sec.pdB {
        padding-bottom:5em;
    }
    #mainsubWrap {
        margin-top:4em;
    }
    #mainWrap {
        width: 100%;
        float: left;
        margin-right: -240px;
    }
    #main {
        margin-right: 240px;
    }
    #sub {
        width: 200px;
        float: right;
    }
    #footer {
        padding-top:4em;
    }
    #copyright {
        margin-top:4em;
    }
}
@media print {
    #container {
        width:1000px;
    }
}

/* ===============================
======================  header  */
.headerLogo {
    margin:1em 0;
    font-size:1em;
    text-align:center;
}
.headerLogo img {
    width:200px;
    margin-right:44px;
}
.headerContact {
    display:none;
}
#headerNav {
    border-bottom:solid 1px #ddd;
}
.nav-button {
  display: none;
}
.nav {
    margin:0;
    padding:0;
    border-bottom:solid 1px #ddd;
    list-style:none;
    overflow:hidden;
    font-size:.875em;
    box-shadow:0 5px 5px rgba(0,0,0,.1);
}
.nav li {
    margin:0;
    padding:0;
}
.nav li a,
.nav li .parent {
    display:block;
    background:#fff;
    color:#222;
    text-decoration:none;
    padding:.75em 5%;
    border-top:solid 1px #ddd;
    position:relative;
}
.nav li .parent {
    cursor:default;
}
.nav li a:after,
.nav li .parent:after {
    content:"\f054";
    font-family:"FontAwesome";
    color:#ccc;
    position:absolute;
    line-height:1;
    height:1em;
    margin:auto;
    top:0;
    bottom:0;
    right:5%;
}
.nav li .parent:after {
    content:"\f078";
}
.nav ul {
    margin:0;
    padding:0;
    list-style:none;
}
.nav ul a {
    padding-left:10%;
    border-top:dashed 1px #ddd;
}

/*メニューボタンのエフェクト*/
/*.nav-button*/
.nav-button {
    z-index: 20;
    position: absolute;
    width: 32px;
    height: 28px;
    top:6px;
    right:12px;
}
.nav-button.active {
    position:absolute;
}
.nav-button span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
    position: absolute;
    left: 3px;
    width: 26px;
    height: 2px;
    background:#666;
}
.nav-button span:nth-of-type(1) {
    top: 4px;
}
.nav-button span:nth-of-type(2) {
    top: 13px;
}
.nav-button span:nth-of-type(3) {
    bottom: 4px;
}
.nav-button.active span:nth-of-type(1) {
    -webkit-transform: translateY(9px) rotate(-45deg);
    transform: translateY(9px) rotate(-45deg);
}
.nav-button.active span:nth-of-type(2) {
    opacity: 0;
}
.nav-button.active span:nth-of-type(3) {
    -webkit-transform: translateY(-9px) rotate(45deg);
    transform: translateY(-9px) rotate(45deg);
}
.breadcrumbWrap {
    color:#666;
    border-bottom:solid 1px #f0f0f0;
}
.breadcrumb {
    margin:0 auto;
    max-width:1100px;
    padding:.3em 1em;
    list-style:none;
    font-size:.75em;
    text-align:right;
}
.breadcrumb li {
    display:inline-block;
    margin:0 ;
}
.breadcrumb li:before {
    content:"｜";
    margin:0 .5em;
}
.breadcrumb li:first-child:before {
    content:none;
}
@media screen and (min-width: 560px), print {
    .headerLogo {
        margin:1.5em 0;
        width:240px;
        float:left;
    }
    .headerLogo img {
        width:240px;
        margin-right:0;
    }
    .headerContact {
        display:block;
        float:right;
        width:180px;
        margin:1.5em 0 0;
    }
    .headerContact img:first-child {
        margin-bottom:.2em;
    }
    .nav-wrap {
        display:block !important;
        border-top:solid 1px #ddd;
        /*border-bottom:solid 1px #ddd;*/
        position:relative;
    }
    .nav {
        margin:0;
        border:none;
        box-shadow:none;
    }
    .nav li {
        width:17%;
        float:left;
    }
    .nav>li:first-child {
        width:15%;
    }
    .nav li a,
    .nav li .parent {
        background:#fff;
        color:#222;
        padding:1.4em 0;
        border-top:none;
        border-right:solid 1px #ddd;
        text-align:center;
    }
    .nav>li>a:after,
    .nav>li>.parent:after {
      position: absolute;
        top:auto;
      bottom: 3px;
      left: 0;
      content: '';
      width: 100%;
      height: 3px;
      background: #00a99d;
      opacity: 0;
      visibility: hidden;
      transition: .3s;
    }
    .nav>li>a:hover:after,
    .nav>li>.parent:hover:after {
      bottom: 0;
      opacity: 1;
      visibility: visible;
    }
    .nav>li>.parent:before {
        content:"\f078";
        font-family:"FontAwesome";
        color:#ccc;
        font-size:.875em;
        position:absolute;
        display:block;
        width:1em;
        height:1em;
        line-height:1em;
        margin:auto;
        left:0;
        right:0;
        bottom:.7em;;
    }
    .nav>li:first-child>a {
        border-left:solid 1px #ddd;
    }
    .nav ul {
        display:none;
        position:absolute;
        left:0;
        z-index:10;
        width:70%;
        background:#00a99d;
        background:rgba(0,169,157,.666);
        padding:1.5em 15%;
        text-align:center;
    }
    .nav ul li {
        width:auto;
        float:none;
        border-bottom:solid 1px #ddd;
    }
    .nav ul a {
        padding:1em 6%;
    }
    .nav ul a:hover,
    .nav ul a:hover:after {
        color:#00a99d;
    }
}
@media screen and (min-width: 800px), print {
    .headerLogo {
        margin:1.5em 0;
        width:300px;
        float:left;
    }
    .headerLogo img {
        width:300px;
    }
    .headerContact {
        width:224px;
    }
    .headerContact img:first-child {
        margin-bottom:.5em;
    }
    .nav {
        font-size:1em;
    }
}
@media screen and (max-width: 559px) {
    .nav-button {
        display: block;
        cursor: pointer;
    }
    .nav-wrap {
        position: absolute;
        width:100%;
        display: none;
        z-index:10;
    }
}

/* ===============================
======================  content */
.pageTitle {
    margin:0 0 1.6em;
    padding:1em .5em 1em 1.4em;
    border:solid 1px #00a99d;
    color:#00a99d;
    position:relative;
}
.pageTitle:before {
    content:"";
    display:block;
    width:8px;
    height:2em;
    background:url('./images/back_02.png');
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    left:.75em;
}
.postsList {
    padding:.5em 3%;
    border-left:solid 3px #00a99d;
    margin-bottom:2em;
}
/***** ページネーション *****/
.pagination {
    margin:2em 0;
}
.nav-links {
    font-size:0;
}
.navigation .screen-reader-text {
    display:none;
}
.navigation .nav-links {
    text-align:center;
    font-size:13px;
}
.navigation .nav-links .page-numbers {
    display:inline-block;
    margin:1px;
    padding:.5em 1em;
    background:#fff;
}
.navigation .nav-links a.page-numbers:hover {
    background:#00a99d;
    color:#fff;
}
@media screen and (min-width: 560px), print {
    .navigation .nav-links {
        font-size:16px;
    }
}



/* ===============================
==========================  sub */
.widget-sidebar {
    font-size:.875em;
    margin-bottom:2em;
}
.widget-sidebar .widget-title {
    margin-top:0;
    font-size:1.2em;
    border-left:solid 3px #00a99d;
    background:#f0f0f0;
    color:#00a99d;
    padding:1em .6em;
    font-weight:400;
}
.widget-sidebar .newPostList {
    padding:0;
    list-style:none;
}
.widget-sidebar .newPostList li {
    margin:0;
    padding:.5em 0;
    border-bottom:solid 1px #ddd;
}
.widget-sidebar .newPostList li:first-child {
    border-top:solid 1px #ddd;
}
.widget-sidebar .newPostList a {
    color:#222;
    text-decoration:none;
}
.widget-sidebar .newPostList a:hover {
    text-decoration:underline;
}

/* ===============================
======================  footer  */
#footer {
    border-top:solid 1px #ddd;
}
.footerLogo {
    margin-bottom:2em;
    width:260px;
}
.footerNav ul {
    margin:0;
    padding:0;
    list-style:none;
    font-size:.9375em;
}
.footerNav li {
    position:relative;
    padding-left:20px;
}
.footerNav li:before {
    content:url('./images/icon_link.png');
    position:absolute;
    left:0;
    top:0;
}
.footerNav a {
    color:#222;
    text-decoration:none;
}
.footerNav a:hover {
    text-decoration:underline;
}
#copyright {
    background:#00a99d;
    color:#fff;
    text-align:center;
    font-size:.75em;
}
@media screen and (min-width: 560px), print {
    .footerNav .fnav1 {
        width:35%;
        float:left;
    }
    .footerNav .fnav2 {
        margin-left:40%;
    }
    #copyright {
        font-size:.8125em;
    }
}
@media screen and (min-width: 800px), print {
    .footerLogo {
        width:35%;
        float:left;
    }
    .footerNav {
        margin-left:40%;
    }
}

/* ===============================
==================  page-index  */
#page-index .keyvisualLogo {
    height:400px;
    background:url('./images/index_eyecatch.jpg') no-repeat center center;
    background-size:cover;
    position:relative;
    border-bottom:solid 120px #fff;
}
#page-index .keyvisualLogo img {
    position:absolute;
    top:286px;
    left:0;
    right:0;
    margin:auto;
    width:300px;
}
.bussinessList {
    margin:0;
    padding:0;
    list-style:none;
}
.bussinessList li {
    position:relative;
}
.bussinessList li:before {
    content:"00";
    font-family:'Roboto', sans-serif;
    font-size:90px;
    font-weight:700;
    line-height:1;
    position:absolute;
    top:10px;
    left:20px;
    color:#5cc6be;
    color:rgba(92,198,190,.5);
}
.bussinessList a {
    display:block;
    padding:9em 0 2em 25px;
    background-color:#eee;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    text-decoration:none;
}
.bussinessList a:hover {
    -moz-opacity: 0.70;
    -khtml-opacity: 0.70;
    opacity: 0.70;
    filter: alpha(opacity=70);/* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";
}
.bussinessList a h3 {
    display:block;
    background:#00a99d;
    color:#fff;
    margin:0;
    padding:.6em 2.5em .6em 1.2em;
    position:relative;
    font-size:1.25em;
    line-height:1.4;
}
.bussinessList a h3:after {
    content:"\f054";
    font-family:"FontAwesome";
    position:absolute;
    display:block;
    line-height:1;
    height:1em;
    right:1em;
    top:0;
    bottom:0;
    margin:auto;
    font-weight:400;
}
.bussinessList a h3+div {
    background:#fff;
    background:rgba(255,255,255,.9);
    color:#222;
    padding:.1em 1.5em;
}
.bussinessList li.no01:before {
    content:"01";
}
.bussinessList .no01 a {
    background-image:url('./images/index_service_back_01.jpg');
}
.bussinessList li.no02:before {
    content:"02";
}
.bussinessList .no02 a {
    background-image:url('./images/index_service_back_02.jpg');
}
.bussinessList li.no03:before {
    content:"03";
}
.bussinessList .no03 a {
    background-image:url('./images/index_service_back_03.jpg');
}
.bussinessList li.no04:before {
    content:"04";
}
.bussinessList .no04 a {
    background-image:url('./images/index_service_back_04.jpg');
}
@media screen and (min-width: 560px), print {
    .bussinessList li:before {
        font-size:112px;
    }
    .bussinessList a {
        padding:9em 0 2em 30%;
    }
}

::-webkit-input-placeholder {color:#999}
:-moz-placeholder {color:#999}
.formArea table {
    border-collapse:collapse;
    width:100%;
}
.formArea tr {
    border-bottom:solid 1px #ddd;
}
.formArea th,
.formArea td {
    vertical-align:middle;
    text-align:left;
    margin:0;
    padding:1em 0;
    border:none;
}
.formArea th {
    font-weight:bold;
    width:10em;
    background:#fff;
}
.formArea input[type="text"],
.formArea input[type="password"],
.formArea input[type="email"],
.formArea select,
.formArea textarea {
    border:solid 1px #ccc;
    background:#fff;
    color:#222;
    padding:.6em .2em;
}
.formArea input[type="text"],
.formArea input[type="password"],
.formArea input[type="email"],
.formArea textarea {
    box-sizing:border-box;
    width:100%;
    max-width:100%;
}
.formArea .mwform-tel-field input[type="text"] {
    width:auto;
}
.formArea button,
.formArea input[type="submit"],
.formArea input[type="reset"],
.formArea input[type="button"] {
    padding:.8em 1.2em;
    border:none;
    border-radius:.2em;
    background:#ddd;
    color:#222;
}
.formArea button:hover,
.formArea input[type="reset"]:hover,
.formArea input[type="button"]:hover {
    background:#ccc;
    color:#000;
}
@media screen and (max-width: 799px) {
    .formArea th,
    .formArea td {
        display:block;
    }
    .formArea th {
        width:100%;
        padding-bottom:0;
    }
}
/***** MW WP Form *****/
.formArea .submitBtn input[type="submit"] {
    background:#0b3;
    color:#fff;
}
.formArea .submitBtn input[type="submit"]:hover {
    background:#0d3;
}
.mw_wp_form_confirm .confirmNone {
    display:none;
}
.mw_wp_form .error {
    color:#e00;
}


/* ===============================
================  その他のページ  */
.kochikuFlowList {
    margin:1.5em 5%;
    padding:0;
    list-style:none;
}
.kochikuFlowList li {
    margin:0;
}
.kochikuFlowList li:before {
    display:block;
    content:"\f0d7";
    font-family:"FontAwesome";
    font-size:1.5em;
    text-align:center;
    color:#00a99d;
    line-height:1;
    margin-bottom:.3em;
    clear:both;
}
.kochikuFlowList li:first-child:before {
    content:none;
}
.kochikuFlowList li div:first-child {
    background:#fff;
    border:solid 2px #00a99d;
    color:#00a99d;
    padding:.5em;
    font-weight:700;
    border-radius:8px;
    text-align:center;
    margin-bottom:.5em;
}
#page-ms-kochiku .hentry {
    padding-bottom:360px;
    background:url('./images/back_ms-kochiku.jpg') no-repeat center bottom;
}
#page-ms-kakuzuke .hentry {
    padding-bottom:360px;
    background:url('./images/back_ms-kakuzuke.jpg') no-repeat center bottom;
}
#page-shindan-support .hentry {
    padding-bottom:360px;
    background:url('./images/back_shindan-support.jpg') no-repeat center bottom;
}
#page-ikusei .hentry {
    padding-bottom:360px;
    background:url('./images/back_ikusei.jpg') no-repeat center bottom;
}
.meritList {
    margin:1.5em 5%;
    padding:1em 5%;
    border: double 10px #ddd;
    list-style:none;
    background:#fcfcfc;
}
.meritList li {
    text-indent:-4.5em;
    padding-left:4.5em;
}
.meritList li span {
    font-size:3em;
    color:#00a99d;
    line-height:1.2;
    font-family:'Roboto', sans-serif;
    font-style:italic;
    margin-right:.4em;
}
@media screen and (min-width: 560px), print {
    .kochikuFlowList {
        margin:1.5em 0;
    }
    .kochikuFlowList li div {
        margin-left:46%;
        padding-top:.55em;
    }
    .kochikuFlowList li div:first-child {
        width:40%;
        float:left;
        padding-top:.5em;
        margin-left:0;
    }
    .kochikuFlowList li:before {
        text-align:left;
        padding-left:20%;
    }
    .meritList {
        margin:1.5em 0;
    }
}