/* ==========================================================
*
*  Module Setting
*
========================================================== */


@charset "UTF-8";


/* ==========================================================
*
*  Headline
*
========================================================== */
/********************************
 Headline 1
********************************/
#contents > h1{
    display:block;
    overflow:hidden;
    width:100%;
    height:160px;
    text-align:center;

    background: rgb(217,227,241);
    background: -moz-linear-gradient(top,  rgba(217,227,241,1) 0%, rgba(238,243,250,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(217,227,241,1) 0%,rgba(238,243,250,1) 100%);
    background: linear-gradient(to bottom,  rgba(217,227,241,1) 0%,rgba(238,243,250,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9e3f1', endColorstr='#eef3fa',GradientType=0 );
    /*background-color:#cccccc;
    background-repeat:no-repeat;
    background-position:0 50%;
    background-size:cover;*/
}


#contents > h1 > span{
    display:inline-block;
    /*overflow:hidden;*/
    font-size:26px;
    font-weight:bold;
    padding:0.75em 1.5em;
    color:#ffffff;
    background-color:#333333;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin-top:52px;
}

/* for Sp --------------------*/
@media screen and (max-width: 738px) {
     #contents > h1{
        height:80px;
    }
   #contents > h1 > span{
        font-size:18px;
        margin-top:16px;
    }
}


/********************************
 Headline 2
********************************/
h2{
	/*border-left:5px solid #333333;
	margin-bottom:1em;
	letter-spacing:0.5rem;
	font-size:1.8em;
	line-height:125%;*/
}

h2 > span{
	display:block;
	/*overflow:hidden;*/
	background-color:#cccccc;
	font-size:1.4em;
	padding:0.5em;
	text-align:center;
	margin-bottom:2em;
    line-height:125%;
}


/* for Sp --------------------*/
@media screen and (max-width: 738px) {
    h2 > span{
        font-size:1.4em;
        margin-bottom:1em;
    }
}


/********************************
 Headline 3
********************************/
#mainCol h3{
	padding-bottom:0.5em;
	border-bottom:3px solid #f0f0f0;
	margin-bottom:2em;
    clear:both;
}

h3 > span{
	display:block;
	/*overflow:hidden;*/
	border-left:5px solid #333333;
	/*letter-spacing:0.5rem;*/
	font-size:1.6em;
    line-height:125%;
	padding-left:0.5em;
}


/* for Sp --------------------*/
@media screen and (max-width: 738px) {
    h3 > span{
        font-size:1.4em;
    }
}


/********************************
 Headline 4
********************************/
h4{
    clear:both;
}

h4 > span{
	display:block;
	/*font-weight:bold;*/
	font-size:1.4em;
    line-height:125%;
	margin-bottom:1em;
    padding-left:0.5em;
}

/*二本線ver */
h4.wline{
    border-left:5px solid #333333;
}

h4.wline > span{
    display:block;
    /*border-left:5px solid #333333;*/
    font-size:1.4em;
    line-height:125%;
    /*margin-left:4px;*/
    margin-bottom:1em;
}


/* for Sp --------------------*/
@media screen and (max-width: 738px) {
    h4 > span{
        font-size:1.2em;
   }
}

/********************************
 Headline 5
********************************/
h5{
    clear:both;
}

h5 > span{
	display:block;
	font-weight:bold;
    font-size:1.3em;
    line-height:125%;
	margin-bottom:1em;
}
h5.sline > span{
	position: relative;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 10px;
}
h5.sline > span::after {
	content: '';
	position: absolute;
	bottom: -1px;
	left:0;
	width: 100px;
	height: 1px;
	background-color: #1a82b4;
}

/* for Sp --------------------*/
@media screen and (max-width: 738px) {
    h5 > span{
        font-size:1.2em;
    }
}


/********************************
 Headline 6
********************************/
h6{
    /**/
}

h6 > span{
    display:block;
    font-weight:bold;
    font-size:1.2em;
    line-height:125%;
    /*margin-bottom:1em;*/
}

/* for Sp --------------------*/
@media screen and (max-width: 738px) {
    h6 > span{
        font-size:1.0em;
    }
}


/* ==========================================================
*
* 本文 共通要素
*
========================================================== */
/********************************
 パンクズリスト
********************************/
#panList{
    display:block;
    overflow:hidden;
    margin:1em 0;
    letter-spacing: -.40em;
}

#panList ul > li{
    display:inline-block;
    overflow:hidden;
    letter-spacing: normal;
}

#panList ul > li:after{
    content:">";
    margin:0.5em;
}

#panList ul > li:last-child::after{
    content:"";
}


/* for Sp --------------------*/
@media screen and (max-width: 738px) {

    #panList{
        display:none;
    }

}

/********************************
 コラムレイアウト
********************************/
#sideCol{
    display: block;
    overflow: hidden;
    width: 210px;
    float: left;
}

#mainCol{
    display: block;
    overflow: hidden;
    position:relative;
    width: 770px;
    float: right;
}

#mainCol a{
    text-decoration:underline;
}

#mainCol p.columTxt{
    margin:1em 0;
    line-height:175%;
}


/* for Sp --------------------*/
@media screen and (max-width: 738px) {

    #sideCol{
        width:100%;
        float:none;
    }

    #mainCol{
        width:100%;
        float:none;
        margin:25px 0;
        padding:0 20px;
    }
}


/* ==========================================================
*
*  サイドナビ
*
========================================================== */
#sideCol h2 {
    padding: 10px;
    font-size: 1.6rem;
    line-height: 100%;
    text-align: center;
    color: #ffffff;
    margin-bottom: 0;
    /* letter-spacing: initial; */
    border-left: none;
}

#sideNavi{
    display: block;
    overflow: hidden;
    border: 2px solid #333333;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom:2em;
}

.snaviBody{
    display: block;
    overflow: hidden;
    padding:0 25px 10px;
}

.snaviBody > h4{
    display: block;
    overflow: hidden;
    font-size:1.6rem;
    line-height:125%;
}

.snaviBody > h4 > a{
    pointer-events:none;
    display: block;
    padding:1em 0;
    overflow: hidden;
    text-decoration:none;
    color:inherit;
}

.snaviBody> ul{
    display:block;
    overflow:hidden;
}

.snaviBody > ul > li{
    display:block;
    /*overflow:hidden;*/
    clear:both;
    border-bottom:1px dotted #cccccc;
}
.snaviBody > ul > li:last-child{
    border-bottom:none;
}

.snaviBody ul > li > a{
    display:block;
    /*overflow:hidden;*/
    padding:1em 0;
    font-size:1.4rem;
    text-decoration:none;
    position:relative;
    line-height:125%;
    color:#000000;
}

.snaviBody ul > li > a:hover,
.snaviBody ul > li.current > a{
   opacity:0.5;
}


.snaviBody > ul > li > a{
    margin-left:1.5em;
    text-indent:-1.4em;
}

.snaviBody > ul > li > a:before {
    content: "\f138";
    font-size:1.4rem;
    margin-right:0.5em;
}

.snaviBody > ul > li  > ul{
    display:block;
    overflow:hidden;
    padding:0 0 10px;
}
.snaviBody > ul > li  > ul > li > a{
    padding-left:1.5em;
    text-indent:-1.2em;
}
.snaviBody > ul > li  > ul > li > a:before {
    content: "\f05b";
    font-size:1.4rem;
    margin-right:0.5em;
}


/* for Sp --------------------*/
@media screen and (max-width: 738px) {

    #sideCol h2 {
        padding: 10px;
        font-size: 1.6rem;
        line-height: 100%;
        text-align: center;
        color: #ffffff;
        margin-bottom: 0;
        /* letter-spacing: initial; */
        border-left: none;
    }

    #sideNavi{
        /*border: none;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;*/
        margin:0 20px 10px;
    }

    .snaviBody > h4 > a{
        pointer-events:initial;
        display: block;
    }

    .snaviBody > h4 > a > span{
        display:inline-block;
        overflow:hidden;
        float:right;
        font-size:1.2rem;
        color:#333333;
    }

    .snaviBody > h4 > a > span:after{
        content: "\f067";
        font-size:1.8rem;
        padding-left:0.5em;
        float:right;
    }

    .snaviBody.opened > h4 > a > span:after{
        content: "\f068";
    }

    .snaviBody > h4 + ul{
        display:none;
        /*
        height:0;
        -webkit-transition: height ease-out 1.75s;
        -moz-transition: height ease-out 0.75s;
        -ms-transition: height ease-out 0.75s;
        -o-transition: height ease-out 0.75s;
        transition: height ease-out 0.75s;
        */
    }

}


/********************************
 診察受付時間
********************************/
#examTime,
#infoSection{
    display: block;
    overflow: hidden;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom:2em;
}

#examTime h2,
#infoSection h2 {
    padding: 10px;
    font-size: 1.6rem;
    line-height: 100%;
    text-align: center;
    color: #ffffff;
    margin-bottom: 0;
    /* letter-spacing: initial; */
    border-left: none;
}


#examTime h2 > a{
    color:inherit;
    text-decoration:none;
    pointer-events:none;
    display:block;
    /*overflow:hidden;*/
}

#examTime .infoTxt{
    display:block;
    overflow:hidden;
    padding:0 20px;
}

#examTime dl.examTxt{
    display:block;
    overflow:hidden;
}

#examTime dl.examTxt > dt,
#examTime dl.examTxt > dd{
    font-size:1.6rem;
    line-height:125%;
    letter-spacing:0.25rem;
}

#examTime dl.examTxt > dt{
    border-bottom:1px dotted #333333;
    padding:1em 0;
}

#examTime dl.examTxt > dd{
    font-size:1.6rem;
    padding:1em 0 1.5em;
    border-bottom:1px dotted #333333;
}

#examTime dl.examTxt{
    text-align:center;
    line-height:155%;
}

#examTime p{
    margin:1em 0 20px;
    font-size:1.3rem;
    line-height:155%;
    color:#333333;
}

#examTime p.bannerBox{
    display:none;
    overflow:hidden;
}

#examTime p.bannerBox a{
    display:block;
    overflow:hidden;
}

#examTime p.bannerBox a > img{
    width:100%;
    height:auto;
}


/* for Sp --------------------*/
@media screen and (max-width: 738px) {
    #examTime,
    #infoSection{
        border-radius:0;
        -webkit-border-radius:0;
        -moz-border-radius:0;
        margin-top:0;
        padding:20px;
    }

    #examTime h2{
        margin-bottom:5px;
    }

    #examTime h2 > a{
        pointer-events:initial;
    }

    #examTime h2 > a:after{
        content: "\f067";
        font-size:1.8rem;
        float:right;
    }

    #examTime.opened h2 > a:after{
        content: "\f068";
    }

    #examTime .infoTxt{
        margin:0 0;
        padding:0;
        display:none;
    }

    #examTime dl.examTxt{
        line-height:155%;
        padding:0;
        border-bottom:1px dotted #333333;
    }

    #examTime dl.examTxt > dt{
        clear:both;
        display:block;
        width:8em;
        float:left;
        border-bottom:none;
        border-top:1px dotted #333333;
    }
    #examTime dl.examTxt > dd{
        display:block;
        width:calc(100% - 8em);
        padding:1em 0;
        text-align:left;
        float:left;
        border-bottom:none;
        border-top:1px dotted #333333;
    }

    #examTime p{
        margin: 1em;
    }

    #examTime p.bannerBox{
        display:block;
    }

}

/********************************
 所在地・ご連絡先
********************************/
#infoSection{
    padding-bottom: 20px;
    text-align:center;
}

#infoSection .infoTxt{
    display:block;
    overflow:hidden;
    margin:20px 20px;
    border-bottom:1px dotted #333333;
}

#infoSection .infoTxt > p{
    display:block;
    overflow:hidden;
    line-height:155%;
}

#infoSection .infoTxt > p.addr{
    padding-bottom:20px;
    color:#333333;
    text-align:left;
}

#infoSection .infoTxt > p.tel{
    padding-bottom:10px;
    font-size:1.8rem;
}

#infoSection > a{
    display:inline-block;
    overflow:hidden;
    padding:0.5em 1em;
    font-size:1.4rem;
    color:#ffffff;
}

#infoSection > a:hover{
    opacity:0.5;
}

/* for Sp --------------------*/
@media screen and (max-width: 738px) {
    #infoSection{
        margin-bottom:0;
    }

    #infoSection .infoTxt{
        margin:20px 0;
    }

    #infoSection .infoTxt > p.addr{
        font-size:1.6rem;
        padding-bottom:10px;
        text-align:center;
    }

    #infoSection .infoTxt > p.tel{
        font-size:1.9rem;
    }

    #infoSection > a{
        padding:1em 5em;
    }
}


/* ==========================================================
*
*  装飾モジュール
*
========================================================== */
/********************************
装飾・配置
********************************/
/*a:hover > img{
	opacity:0.5;
}*/


.alCtr{
	text-align:center;
}
.alLft{
	text-align:left;
}
.alRit{
	text-align:right;
}


.lTxt{
	font-size:1.4em;
}

.sTxt{
	font-size:0.8em;
}


.colRed{
	color:#ff0000;
}

/*フロート処理*/
.fltRight{
    float:right;
}

.fltLeft{
    float:left;
}

.fltClear{
    clear:both;
}

/*テキストインデント*/
.idt{
	text-indent:-1.0em;
	padding-left:1.5em;
	/*line-height:200%;*/
}

/**/
.pchide{
	display:none;
}

strong{
    font-weight:bold;
}

.minTxt{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,Georgia,serif;
}


/* for Sp --------------------*/
@media screen and (max-width: 738px) {
	.pchide{
		display:initial;
	}

    img.fixImg{
        width:100%;
        height:auto;
    }
	  .sphide{
    display: none;
  }
}

/********************************
 ページ内リンク
********************************/
#pageLink{
	display:block;
	overflow:hidden;
	margin-bottom:2em;
    /*padding:0 5px;*/
}

#pageLink > ul{
	display:block;
	overflow:hidden;
}

#pageLink > ul > li{
	display:inline-block;
	overflow:hidden;
	margin-right:1em;
	margin-bottom:1em;
	/*padding:0.5em 0;
	border-bottom:1px solid #333333;*/

}

#pageLink > ul > li > a{
	display:block;
	overflow:hidden;
	font-size:1.0em;
	line-height:100%;
	text-decoration:none;

    padding:1em;
    border-radius: 5px;
    border:1px solid #333333;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color:#ffffff;    
}

ul.icnf-down > li > a:after{
	content:" \f078";
}

#pageLink > ul > li > a:hover{
    opacity:0.5;
}


/* for Sp --------------------*/
@media screen and (max-width: 738px) {
    #pageLink{
        padding:0 5px;
    }
    
	#pageLink > ul > li{
		/*display:block;*/
        margin-right:0;
        margin-bottom:4px;
	}

	#pageLink > ul > li > a{
        line-height:125%;
		/*display:inline-block;
        font-size:1.2em;*/
	}
}


/********************************
 セクションブロック
********************************/
div[id$='Section']{
	margin-bottom:60px;
}



/* for Sp --------------------*/
@media screen and (max-width: 738px) {

	div[id$='Section']{
		margin-bottom:30px;
	}
    
}



/* ==========================================================
*
* ボタン装飾
*
========================================================== */
/********************************
 角丸ボタン
********************************/
a.icnf-rbtn{
	display:inline-block;
	overflow:hidden;
	border-radius: 10px;
	padding:1em 1em 1em 2em;
	font-size:1.2em;
	line-height:125%;
	text-decoration:none!important;
	color:#ffffff!important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	background-color:#333333;
}

a.icnf-rbtn:after{
	content: "\f05b";
	line-height:100%;
	margin-left:1em;
	float:right;
}

a.icnf-rbtn:hover{
	opacity:0.5;
}


/* for Sp --------------------*/
@media screen and (max-width: 738px) {

}


/********************************
 角丸枠ボタン
********************************/
a.icnf-rfbtn{
    display:inline-block;
    overflow:hidden;
    border-radius: 10px;
    padding:1em;
    font-size:1.2em;
    line-height:125%;
    text-align:center;
    text-decoration:none!important;
    color:#000000;
    border-radius: 5px;
    border:1px solid #333333;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color:#ffffff;
}


a.icnf-rfbtn:hover{
    opacity:0.5;
}


/* for Sp --------------------*/
@media screen and (max-width: 738px) {
    a.icnf-rfbtn{
        display:block;
        width:90%;
        margin:0.5em auto;
    }
}


/* ==========================================================
*
* テーブル装飾
*
========================================================== */

/********************************
 Table
********************************/
.scrollTable,
.fitTable{
	display:block;
	overflow:hidden;
	margin:2em 0;
}

table{
	display:table;
    width: 100%;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    margin-bottom: 10px;
}

thead{
	/**/
}

tbody{
	/**/
}

tr{

}

th,td{
	padding:0.5em;
    border-top: 1px solid #333333;
    border-left: 1px solid #333333;
}

th{
	font-weight:bold;
	background-color:#cccccc;
	text-align:center;
}

td{

}


/* for Sp --------------------*/
@media screen and (max-width: 738px) {
	.scrollTable{
		overflow:initial;
		overflow-y:auto;
	}

	.scrollTable > table{
	    width:800px;
	}

    .fitTable{
        overflow:initial;
        overflow:none;
    }
    .fitTable > table{
        width:100%;
    }

}


/*********************************
 二列テーブル
********************************* */
dl[class^='dlCompact_']{
    display:block;
    overflow:hidden;
    margin:0.5em 0 2em;
    border-left:1px solid #333333;
    border-right:1px solid #333333;
    border-bottom:1px solid #333333;
    background-color:#cccccc;
    line-height:155%;
}

dl[class^='dlCompact_'] > dt{
    clear:both;
    display:block;
    overflow:hidden;
    width:6em;
    float:left;
    text-align:center;
    font-weight:bold;
    padding:0.5em 1em;
    border-top:1px solid #333333;
}

dl[class^='dlCompact_']> dd{
    display:block;
    overflow:hidden;
    width:calc(100% - 6em);
    float:left;
    padding:0.5em 1em;
    border-left:1px solid #333333;
    border-top:1px solid #333333;
    background-color:#ffffff;
}



/* for Sp --------------------*/
@media screen and (max-width: 738px) {

    dl[class^='dlCompact_']> dd{
        /*border-left:none!important;*/
    }

}


/********************************
タイトル幅4em
********************************/
dl.dlCompact_4m > dt{
    width:8em;
}

dl.dlCompact_4m > dd{
    width:calc(100% - 8em);
}


dl.dlCompact_6m > dt{
    width:10em;
}

dl.dlCompact_6m > dd{
    width:calc(100% - 10em);
}

dl.dlCompact_8m > dt{
    width:12em;
}

dl.dlCompact_8m > dd{
    width:calc(100% - 12em);
}


/* ==========================================================
*
* 画像装飾
*
========================================================== */

/********************************
 Photo Frame
********************************/
.photoBox{
	display:inline-block;
	overflow:hidden;
	vertical-align:top;
}

.photoBox.framed{
	/*padding:10px;
	border:1px solid #f0f0f0;*/
}

.photoBox > p{
	margin:0!important;
	padding:25px;
	border:1px solid #dedede;
}

.photoBox > span{
	display:block;
	overflow:hidden;
	font-size:1em;
	margin-top:5px;
	text-align:center;
}

.photoBox2{
	display:inline-block;
	overflow:hidden;
	padding:19px;
	vertical-align:top;
}

.photoBox2.framed{
	/*padding:10px;
	border:1px solid #f0f0f0;*/
}

.photoBox2 > p{
	margin:0!important;
	padding:6px;
	border:1px solid #dedede;
}

.photoBox2 > span{
	display:block;
	overflow:hidden;
	font-size:0.9em;
	margin-top:5px;
	text-align:center;
}


.photoBox3{
	display:inline-block;
	overflow:hidden;
	vertical-align:top;
float:right;
padding:5px 10px 5px 20px !important;
}

.photoBox3 > p{
	margin:0!important;
	padding:15px;
	border:1px solid #dedede;
}

.photoBox3 > span{
	display:block;
	overflow:hidden;
	font-size:1em;
	margin-top:5px;
	text-align:center;
}

.photoBox4{
	display:inline-block;
	overflow:hidden;
	vertical-align:top;
	float:right;
	padding:5px 10px 5px 20px !important;
}

.photoBox4 > p{
	margin:0!important;
	padding:5px;
	border:1px solid #dedede;
}

.photoBox4 > span{
	display:block;
	overflow:hidden;
	font-size:1em;
	margin-top:5px;
	text-align:center;
}


/* for Sp --------------------*/
@media screen and (max-width: 738px) {
    .photoBox{
        margin-bottom: 1em;
        max-width:100%;
    }

    .photoBox img.fixImg{
        width:100%;
        height:auto;
    }
    .photoBox > span{
        font-size:0.8em;
        margin-top:2px;
    }

    .photoBox.boxHref{
        width:48%;
    }
    .photoBox.boxHref > p{
        padding:10px;
    }
    .photoBox.boxHref img{
        width:100%;
        height:auto;
    }
    
    .photoBox3{
	display:inline-block;
	overflow:hidden;
	vertical-align:top;
float:none;
padding:5px 10px 5px 10px !important;
}

.photoBox3 > p{
	margin:0!important;
	padding:15px;
	border:1px solid #dedede;
	}

    .photoBox4{
	display:inline-block;
	overflow:hidden;
	vertical-align:top;
	float:none;
	padding:5px 10px 5px 10px !important;
	}
	.photoBox4 > p{
	margin:0!important;
	padding:5px;
	border:1px solid #dedede;
	}

}


/********************************
大画像フレーム
********************************/
.pictFrame{
    display:block;
    overflow:hidden;
    border:1px solid #cccccc;
    text-align:center;
    padding:25px;
}

/* for Sp --------------------*/
@media screen and (max-width: 738px) {

    .pictFrame {
        padding:10px;
    }

    .pictFrame img{
        width:100%;
        height:auto;
    }

}
.pictFrame2{
    display:block;
    overflow:hidden;
    border:1px solid #cccccc;
    text-align:center;
    padding:5px;
}

/* for Sp --------------------*/
@media screen and (max-width: 738px) {

    .pictFrame2 {
        padding:10px;
    }

    .pictFrame2 img{
        width:100%;
        height:auto;
    }

}


/* ==========================================================
*
* リスト装飾
*
========================================================== */

/********************************
 注意書きリスト
********************************/
.cautionTxt{
	padding-left:1.0em;
	text-indent:-1.0em;
}

ul.cautionList{
	display:block;
	overflow:hidden;

}

ul.cautionList > li{
	padding-left:1.0em;
	text-indent:-1.0em;
	margin:0.5em 0;
}


/********************************
 ナンバリングリスト
********************************/
ol.numList{
	list-style-type: decimal;
}

ol.numList > li{
    margin:0.5em 0 0.5em 2.5em;
}


/********************************
 ディスクリスト
********************************/
ul.discList{
	/*list-style-type: disc;*/
	margin-left:1.25em;
}
ul.mgb1em{
	margin-bottom:1.5em;
}
ul.discList > li{
	margin:0.5em 0;
}

ul.discList > li:before{
    display:inline-block;
    overflow:hidden;
	/*content: '●';
    content: "\f111";*/
    content: "\0025CF";
    /*font-size:inherit;*/
    /*margin-top:0.1em;*/
	margin-left:-1.25em;
    /*margin-right:0.25em;*/
	/**/
    float:left;
	/*追加*/
	font-size:10px;
	margin-top:0.35em;
	margin-right:0.5em;
	
}
/********************************
リンクリスト
********************************/
ul.linkBtnList{
    display:block;
    overflow:hidden;
}
ul.linkBtnList > li{
    margin:1em 0;
}


/********************************
フローリスト
********************************/
ul.flowList{
    display:block;
    overflow:hidden;
    margin-bottom:2em;
}

ul.flowList > li{
    display:block;
    overflow:hidden;
    /*margin-bottom:1em;*/
}

ul.flowList > li > p{
    display:block;
    overflow:hidden;
    border:2px solid #1d7507;
    background-color:#e8f6e5;
    padding:1em;
    line-height:155%;
}

ul.flowList > li > .downArrow:before{
    display:block;
    overflow:hidden;
    width:50px;
    height:25px;
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 25px 0 25px;
    border-color: #1d7507 transparent transparent transparent;
    text-align:center;
    margin:5px auto;

}

ul.flowList > li > h6{
    font-size:1.2em;
    color: #1d7507
}


/********************************
一覧リスト
********************************/

div[class^='idxList'] > ul{
    display:block;
    overflow:hidden;
    margin:25px 0 50px;
}

div[class^='idxList'] > ul > li{
    display:block;
    /*overflow:hidden;*/
    min-width:33%;
    max-width:66%;
    float:left;
    padding:0.5em 1.0em 0.5em 1.2em ;
    /*padding-left:1.2em;
    padding-right:1.0em;*/
    text-indent:-1.1em;
}

div[class^='idxList'] > ul > li > a,
div[class^='idxList'] > ul > li > span{
    /*display:inline-block;
    overflow:hidden;*/
    color:#333333!important;
    font-size: 1.0em;
}

div[class^='idxList'] > ul > li > a{
    text-decoration: underline;
}

div[class^='idxList'] > ul > li > a:hover{
    opacity:0.5;
}

div[class^='idxList'] > ul > li:before,
div[class^='idxList'] > ul > li:before {
    content: "\f138";
    font-size: 1.4rem;
    margin-right: 0.5em;
}


/*
div[class^='idxList'] > ul > li > span{
    display:block;
    padding:0.5em 0 ;
    color:#333333!important;
    text-decoration:none!important;
}

div[class^='idxList'] > ul > li.nolink > span:before {
    content: "\f111";
    font-size: 1.4rem;
    margin-right: 0.5em;
}*/


.idxList_w ul > li{
    width:50%!important;
}


/* for Sp --------------------*/
@media screen and (max-width: 738px) {
    div[class^='idxList'] > ul > li{
        width:50%;
    }

    div[class^='idxList'] > ul > li > a,
    div[class^='idxList'] > ul > li > span{
        font-size: 1.4rem;
    }

}


/********************************
 定義リスト
********************************/
dl[class^='consuList']{
    display:block;
    /*overflow:hidden;*/
    margin:1em 0;
}

dl[class^='consuList'] > dt{
    display:block;
    /*overflow:hidden;*/
    font-weight:bold;
    font-size:1.2em;
    margin-bottom:0.5em;
    clear:both;
}

dl[class^='consuList'] > dd{
    display:block;
    overflow:hidden;
    line-height:155%;
    margin-bottom: 2em;
}

dl[class^='consuList'] > dd:last-child{
    margin-bottom:0;
}

/*インデントあり*/
dl.consuList_id2 > dd{
    padding: 0 2em;
}


/********************************
 FAQ定義リスト
********************************/
dl.faqList{
    display:block;
    /*overflow:hidden;*/
    line-height: 155%;
}

dl.faqList > dt{
    display:block;
    clear:both;
    /*overflow:hidden;
    font-weight:bold;*/
    margin-bottom:2em;
}

dl.faqList > dt:before{
    content:"Q";
    display:block;
    width:1em;
    float:left;
    font-size:2.8em;
}
dl.faqList > dt  > span{
    font-size:1.4em;
    padding-left:2.0em;
    display:block;
}


dl.faqList > dd{
    clear:both;
    display:block;
    /*overflow:hidden;*/
    margin-bottom:3em
}
dl.faqList > dd:before{
    content:"A";
    display:block;
    width:1em;
    float:left;
    font-size:3.0em;
    line-height: 100%;
    color:#a3460e;
}
dl.faqList > dd > span{
    padding-left:3.0em;
    display:block;
}


/* for Sp --------------------*/
@media screen and (max-width: 738px) {

    dl.faqList > dt{
        margin-bottom:1em;
    }

    dl.faqList > dt  > span{
        font-size:1.2em;
        padding-left:2.4em;
        /*padding-top: 0.5em;*/
    }

}


/* ==========================================================
*
* 切り替えタブ
*
========================================================== */

div[id^='docTab']{
    display:block;
    overflow:hidden;
    margin-bottom:25px;
}

div[id^='docTab'] > ul{
    display:block;
    overflow:hidden;
    /*letter-spacing: -.4em;*/
    line-height:100%;
}


div[id^='docTab'] > ul > li{
    display:block;
    letter-spacing: normal;
    text-align:center;
    width:33%;
    float:left;
}

div[id^='docTab'] > ul > li > a{
    display:block;
    overflow:hidden;
    text-decoration:none!important;
    color:#333333!important;
}

div[id^='docTab'] > ul > li > a:link{
    color:#333333;  
    text-decoration:none;
}


div[id^='docTab'] > ul > li > a > span{
    display:block;
    overflow:hidden;
    padding: 1em 0;
    height:45px;
    border:1px solid #333333;
}

div[id^='docTab']> ul > li:first-child > a > span{
    -webkit-border-radius: 5px 0 0 5px / 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px / 5px 0 0 5px;
    border-radius: 5px 0 0 5px / 5px 0 0 5px;
}

div[id^='docTab'] > ul > li:last-child > a > span{
    -webkit-border-radius: 0 5px 5px 0 / 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0 / 0 5px 5px 0;
    border-radius: 0 5px 5px 0 / 0 5px 5px 0;
}

div[id^='docTab'] > ul > li > a:hover,
div[id^='docTab'] > ul > li > a:hover > span:after,
div[id^='docTab'] > ul > li.current > a{
    color:#ffffff!important;

}

div[id^='docTab'] > ul > li > a:hover > span,
div[id^='docTab'] > ul > li.current > a > span{
    background-color:#333333;
}

/*.pc div[id^='docTab']> ul > li.current > a:after{
    content:"";
    display:block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 10px 0 10px;
    border-color: #333333 transparent transparent transparent;
    margin:0 auto;
}*/


/********************************
 3つボタン版
********************************/
#docTab  > ul > li:nth-child(2){
    width:34%;
}
#docTab > ul > li:nth-child(2) > a > span{
    border-left:none;
    border-right:none;
}

/********************************
2つボタン版
********************************/
#docTab_w > ul > li{
    width:50%;
}

#docTab_w > ul > li:nth-child(2){
    width:50%;
}

/* for Sp --------------------*/
@media screen and (max-width: 738px) {
    div[id^='docTab'] > ul > li{
        padding:5px;
    }

    #docTab> ul > li:nth-child(1){
        width:50%;
    }
    #docTab > ul > li:nth-child(2){
        width:50%;
    }
    #docTab > ul > li:nth-child(3){
        width:100%;
    }

    #docTab > ul > li:nth-child(2) > a > span{
        border:1px solid #333333;
    }

    div[id^='docTab'] > ul > li > a > span{
        height:auto;
    }

    div[id^='docTab'] > ul > li:nth-child(1) > a > span,
    div[id^='docTab'] > ul > li:nth-child(2) > a > span,
    div[id^='docTab'] > ul > li:nth-child(3) > a > span{
        -webkit-border-radius: 5px;
        -webkit-border-radius: 5px;
        -webkit-border-radius: 5px;
    }
}



/* ==========================================================
*
* お知らせヘッドライン用窓
*
========================================================== */
#newsHeadline{
    display:block;
    overflow:hidden;
    padding:1em 2em 2em;
    margin-bottom:50px;
    border:1px solid #000000;
}

#newsHeadline > dl{
    display:block;
    overflow:hidden;
}

#newsHeadline > dl > dt,
#newsHeadline > dl > dd{
    display:block;
    overflow:hidden;
    float:left;
    margin-top:1em;
    padding-top:1em;
    border-top:1px dotted #333333;
}

#newsHeadline > dl > dt:nth-child(1),
#newsHeadline > dl > dd:nth-child(2){
    margin-top:0;
    border-top:none;
}


#newsHeadline > dl > dt{
    clear:both;
    width:7em;
}

#newsHeadline > dl > dd{
    width:calc(100% - 7em);
}


/* for Sp --------------------*/
@media screen and (max-width: 738px) {

    #newsHeadline{
        padding:1em 1em 2em;
    }

    #newsHeadline > dl > dt{
        width:100%;
    }

    #newsHeadline > dl > dd{
        margin-top:0;
        padding-top:0.5em;
        width:100%;
        border-top:none;
    }
}



/* ==========================================================
*
* 色付きBox
*
========================================================== */

.colerdBox{
	display:block;
	overflow:hidden;
	background-color:#cccccc;
	padding:2em;
}

.colerdBox > h5{
	font-weight:bold;
	color:#333333;
    font-size:1.4em;
    margin:0 0 1em!important;
}

.colerdBox > h6{
	font-weight:bold;
	color:#333333;
    font-size:1.2em;
    margin:0 0 1em!important;
}

/* for Sp --------------------*/
@media screen and (max-width: 738px) {

    .colerdBox{
        padding:1em;
    }

    .colerdBox > h5{
        line-height:125%;
    }
	
	.colerdBox > h6{
        line-height:125%;
    }
}

/* ==========================================================
*
* YouTube
*
========================================================== */

.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
  max-width: 560px;
}
.youtube::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

@media screen and (max-width: 738px) {
.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
}


/* ==========================================================
*
* YouTube2
*
========================================================== */

.ytFrame{
	display:block;
	overflow:hidden;
	width:580px;
	margin:0 auto;
	position:relative;
	padding:5px;
}

.ytFrame iframe{
	width:580px;
	height:326px;
}

/* for Sp --------------------*/
@media screen and (max-width: 738px) {

    .ytFrame{
    	width:320px;
    }
	 .ytFrame iframe{
		width:320px!important;
		height:186px!important;
	}  

}