@charset "UTF-8";

/***** reset *****/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {
	line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}

nav ul,
ul li{
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

/*change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

/* change colours to suit your needs */

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

/* change border colour to suit your needs
*/
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

input, select {
	vertical-align:middle;
}

/***** base *****/

*{
	box-sizing: border-box;
}

body{
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-size: 18px;
	color: #000;
	line-height: 1.8em;
}

a{
    color: #000;
    font-size: 18px;
}

a:hover{
    opacity: .8;
}

#wrapper{
    width: 100%;
    min-width: 1180px;
}

h2,h4{
    font-weight: normal;
}

h3{
    font-family: "Droid Serif", serif;
    color: #1279b7;
}


.bt1s{
    border-top: 1px solid #ededed;
}

.overh{
    overflow: hidden;
}

.pc-vew{
    display: none!important;
}

.sp-vew{
    display: inherit;
}

.hoverbtn:hover{
    opacity: .8;
}

.text-c {
  text-align: center;
}


/***** pull down *****/

.subbtn{
    position: relative;

}


.subbtn:hover .subnav{
	height: 150px;
	transition: .2s;
}


nav ul .subnav{
    position: absolute;
    z-index: 100;
    width: 100%;
    top: 60px;
    margin-top: 0px;
    overflow: hidden;
    height: 0;
    transition: .2s;
    transition-delay: .2s;
}

nav ul .subnav:hover{
	height: auto;
}



nav ul .subnav li{
    width: 100%!important;
    height: 50px!important;
    background: rgba(255,255,255,.9)!important;
    margin: 0!important;
    float: none;
    padding: 0 5px;
    border-top: 1px solid #ebebeb;
    line-height: 50px;
    font-size: 14px;
}


/***** header *****/

header{
    width: 100%;
    background: url("../img/bg-top-left.gif") no-repeat left top;
}

header .logo{
    width: 90%;
    min-width: 1000px;
    padding:45px 0 0 0;
    margin: 0 auto;
    overflow: hidden;
}

header h1{
    width: 500px;
}

header .r_conteiners ul li{
    float: left;
}


header .r_conteiners > *{
    float: left;
}

#textsize{
    margin: 0 20px;
    padding: 0 20px;
    border-left:1px #e6e6e6 solid;
    border-right:1px #e6e6e6 solid;
}

header .r_conteiners p{
    margin: 1px 10px 0;
}
header .r_conteiners p a {
	font-size: 14px;
}
.f2 header .r_conteiners p a {
	font-size: 16px;
}

header input[type="text"]{
    background-image: url("../img/search-ico.gif");
    background-repeat: no-repeat;
    background-position: 6px center;
    padding-left: 21px;
    border:1px #e6e6e6 solid;
    border-radius: 3px;
    width: 140px;
    height: 32px;
}

/***** text resize btn *****/

#textsize li a{
    width: 32px;
    height: 32px;
    border:1px #e6e6e6 solid;
    text-decoration: none;
    text-align: center;
    line-height: 32px;
    display: block;
    border-radius: 3px;
    font-size: 14px;
    color: #b3b3b3;
    position: relative;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#textsize li a:not(:target) {
		line-height: 37px;
	}
}


#textsize li a:after{
    content: '';
    width: 32px;
    height: 32px;
    border-bottom:2px solid #f4f4f4;
    position: absolute;
    border-radius: 3px;
    top: -1px;
    left: -1px;
}

#textsize li a.f1{
    color: #1279b7;
    font-size: 14px;
    background-image: url("../img/fontbtn-border.gif");
    background-repeat: no-repeat;
    background-position: center center;
}

#textsize li a.f2{
    font-size: 16px;
}

.f2 #textsize li a.f2{
    color: #1279b7;
    background-image: url("../img/fontbtn-border.gif");
    background-repeat: no-repeat;
    background-position: center center;
}


.f2 #textsize li a.f1{
    color: #b3b3b3;
    background: none;
}

/***** nav ******/

nav{
    width: 90%;
    height: 50px;
    min-width: 1000px;
    margin: 0 auto 25px;
}

nav ul{
    margin:20px auto;
    line-height: 1em;
}

nav ul li{
    display: inline-block;
    text-align: center;
}

nav ul li:nth-child(even){
    width: 14.6%;
}

nav ul li:nth-child(odd){
    width: 1px;
    height: 11px;
    background-color: #e6e6e6;
}

nav ul li:nth-child(2n+4){
    height: 60px;
}



nav ul li:nth-child(2){
    width: 3.8%;
    height: 14px;
}

nav ul li:last-child{
    float : right;
    margin-top: 20px;
}

nav ul li{
    display: inline-block;
    vertical-align: middle;
}

nav ul li{
    display: inline-block;
}

nav ul li img{
    margin-bottom: 7px;
}

nav ul li span{
    font-size: 11px;
    font-family: "Droid Serif", serif;
    color: #1279b7;
    margin-top: 8px;
    display: block;
}

nav ul li a{
    text-decoration: none;
    display: block;
	font-size: 17px;
}


/***** top *****/

.top > .image li{
    width: 100%;
    height: 0;
    padding-top: 1.8%;
    max-height: 540px;
    background-repeat: no-repeat;
    background-size: cover;
}
.top > .image li.slide02{
    background-image:url('../img/top-image02.jpg');
    background-repeat: no-repeat;
}
.top > .image li.slide01{
    background-image:url('../img/top-image.jpg');
    background-repeat: no-repeat;
}
.top .image img{
    width: 100%;
    height: auto;
}
.bx-wrapper {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: none;
    margin-bottom: 0;
}
.bx-wrapper .bx-pager{
    display: none;
}
.clearText {
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
}

/****** under *****/

.under{
    width: 1080px;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 70px;
    padding-top: 10px;
}

.top .under p{
    line-height: 2.53em;
    margin-top: -12px;
    font-feature-settings: inherit;
}


.under .lead01{
    width: 65%;
    margin-left: 10%;
    letter-spacing: .2px;
    text-align: justify;
}

.under .lead01 a {
	position: relative;
	margin-left: 15px;
}

.top .under .image{
    width: 25%;
}

.under .lead01 a:after {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	margin-top:-3px;
	left: -1em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #1279b7;
	border-bottom: 1px solid #1279b7;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/***** notice *****/

.notice{
    width: 100%;

}

.container{
    width: 1080px;
    margin: 0 auto;
    overflow: hidden;
}


.notice .under-contener{
    width: 50%;
    padding:58px 0 65px 0;
}

.notice ul li p{
    line-height: 2em;
}

.notice ul li p a{
    text-decoration: none;
}

.notice ul li p a:hover{
    text-decoration: underline;
}

.notice ul li p a[href$="pdf"]:after{
    content: url("../img/pdf-ico.gif");
    margin-left: 5px;
    display: inline-block;
    position: relative;
    top:4px;
}

/***** news ******/

.notice .news{
    border-right: 1px solid #ededed;
    padding-right: 48px;
}

.notice h2{
	font-size: 22px;
	display: inline;
	font-weight: normal;
}

.notice h3{
    font-size: 11px;
    font-weight: lighter;
}

.notice .title{
    overflow: hidden;
}

.notice .title p{
	position: relative;
	display: inline;
	float: right;
}

.notice .title p a:after {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -3.5px;
	left: -1em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #1279b7;
	border-bottom: 1px solid #1279b7;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.notice ul{
    margin-top: 36px;
}

.notice ul li{
    margin-bottom: 32px;
}


.days{
    font-size: 18px;
    color: #000;
}

.genre{
    font-size: 11px;
    color: #1279b7;
    text-align: center;
    width: 57px;
    height: 18px;
    text-align: center;
    display: inline-block;
    border: #1279b7 1px solid;
    padding: 2.5px;
    line-height: 1em;
    border-radius: 3px;
}



/****** uptdate ******/

.notice .update{
    border-left: 1px solid #ededed;
    margin-left:-1px;
    padding-left: 48px;
}

/***** CONTENTS ******/

.CONTENTS{

    padding: 70px 0 80px 0;
    background-color: #f7f7f7;

}

.CONTENTS h3{
    font-size: 12px;
    text-align: center;
}

.CONTENTS ul{
    margin: 0 -15px 0;
    overflow: hidden;
}

.CONTENTS ul li{
    width: 25%;
    float: left;
    margin-top: 30px;
    padding: 0 15px;
}

.CONTENTS .image{
    width: 100%;
    height: 94px;
    background: #fff url("../img/contents-bg.jpg") no-repeat left;
    border-bottom: 2px #eaeaea solid;
    position: relative;
}

.CONTENTS .image img{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 4px;
    margin: auto;
    max-height: calc(100% - 20px);
    max-width: calc(100% - 30px);
}

.CONTENTS h4{
    text-align: center;
    font-size: 15px;
    margin: 22px 0;
}

.CONTENTS p{
    font-size: 14px;
    line-height: 1.84em;
}

.CONTENTS .image p.text-logo{
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    margin:0 auto;
    color: #007e39;
}

.CONTENTS a{
    text-decoration: none;
}

img.evaluation{
    width: 200px;
    height: auto;
}

.image p.Obstetrics{
    color: #ff9fa8!important;
}


.image p.pharmacy{
    line-height: 1.22em;
    color: #0067b0!important;
    padding-top: 23px;
}

.CONTENTS .contact01{
    width: 418px;
    height: 64px;
    background-color: #0067b0;
    margin: 40px auto 0;
    border-bottom: 2px #eaeaea solid;
}

.CONTENTS .contact01 p{
    font-size: 17px;
    color: #fff;
    line-height: 64px;
    vertical-align: middle;
    display: inline-block;
}

.CONTENTS .contact01 a p:first-child{
    margin-left:5%;

}

.CONTENTS .contact01 a p:nth-child(2){
    width: 80%;
    text-align: center;
}


.CONTENTS .contact01 p > img{
    vertical-align: middle;
}


/****** other-contents ******/

.other-contents{
    padding: 84px 0 55px;
}


.other-contents ul li{
    width: 30%;
    float: left;
}


.other-contents ul li:hover{
    opacity: .8;
}

.other-contents ul li a:hover{
    opacity: 1;
}



.other-contents ul li:nth-child(2){
    margin:0 5%;
}

.other-contents ul li a{
    text-decoration: none;
}



.other-contents ul li img{
    padding: 35px 70px 0 0;
    width: 100%;
    height: auto;
}

.other-contents ul li:nth-child(2) img{
    padding: 0;
}

.other-contents ul li:nth-child(3) img{
    padding: 35px 0 0 70px;
}

.other-contents ul li:nth-child(3) h4{
    padding-left: 70px;
}



.other-contents li h4{
    font-size: 18px;
    margin-top: 25px;
}

.other-contents li h4 span{
    font-size: 11px;
    font-family: "Droid Serif", serif;
    color: #1279b7;
    vertical-align: middle;
    margin-left: 15px;
}

/****** link ******/

.link{
    padding-top:22px;
}

.link .container{
    text-align: center;

}

.link .container .box-l{
    width: 80%;
    height: 127px;
    padding-top:28px;
}

.link .container .box-r{
    width: 20%;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    height: 127px;
}

.link .box-l p{
    display: inline-block;
    vertical-align: middle;
}

.link .box-l p:nth-child(2){
    margin-left: 30px;
}


.link .box-wrapper{
    margin-bottom: 18px;
    overflow: hidden;
}

.site-map{
    background-color: #f7f7f7;
    width: 100%;
    height: 264px;
}

/****** sitemap ******/

.ul-wrapper {
    padding: 20px 0;
    overflow: hidden;
}

ul.site-map-list{
    height: 178px;
}

ul.site-map-list > li{
    width: 16.2%;
    padding:20px 2%;
    float: left;
    position: relative;
    padding-left: 2.25em;
    margin-left: 5px;
}



ul.site-map-list > li:first-child{
    margin-left: 1.5%;
}


ul.site-map-list > li:after{
    content:"";
    position: absolute;
    top: 35px;
    margin-top: -7.5px;
    left: 10px;
    width: 15px;
    height: 15px;
    background: #0067b0;
    border-radius: 50%;
    z-index: 1;
}

ul.site-map-list > li:before{
    content: "";
    position: absolute;
    top: 34px;
    left: 14px;
    width: 3px;
    height: 3px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 2;
}


ul.site-map-list > li:nth-child(n+2):nth-child(-n+5) {
    border-left:1px #e6e6e6 solid;
    border-right:1px #e6e6e6 solid;
}

ul.site-map-list > li:nth-child(n+3):nth-child(-n+5) {
    margin-left: -1px;
	padding-right: 0;
}


ul.site-map-list > li{
    font-size: 13px;
    color: #0067b0;

}

ul.site-map-list li ul li{
    font-size: 12px;
    list-style: none;
    color: #3e3a39;
    position: relative;
    padding-left: 8px;
}

ul.site-map-list li ul li:after{
    content:"";
    position: absolute;
    width: 4px;
    height: 4px;
    border-top: 1px solid #0067b0;
    border-right: 1px solid #0067b0;
    top:50%;
    left: 0;
    margin-top: -3px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);

}

ul.site-map-list > li > a{
    font-size: 13px;
    color: #0067b0;
}



.site-map a{
    text-decoration: none;
    font-size: 14px;
    padding-bottom: 1px;
}

.site-map a:hover{
    text-decoration: underline;
}



img[src$="ISQua-logo.jpg"]{
    width: 133px;
    height: auto;
}

.sitemap02{
    margin: 0 auto;
    text-align: center;
}

.sitemap02:last-child{
    width: 70%;
}


.sitemap02 li{
    position: relative;
    padding-left: 1.25em;
    margin:0 20px 10px 0;
    display: inline-block;
}

.sitemap02 a{
    text-decoration: none;
    font-size: 13px;
}


.sitemap02 li:after{
    content:"";
    position: absolute;
    top: 50%;
    margin-top: -7.5px;
    left: 0;
    width: 15px;
    height: 15px;
    background: #0067b0;
    border-radius: 50%;
    z-index: 1;
}

.sitemap02 li:nth-child(4){
    margin-right: 0;
}

.sitemap02 li:last-child{
    margin-right: 0;
}

.sitemap02 li:nth-child(n+5){
    margin-bottom: 0;
}

.sitemap02 li:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 5px;
    margin-top: -2px;
    width: 3px;
    height: 3px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 2;
}


.site-map{
    height: auto;

}

.site-map .ul-wrapper:first-child{
    background: #eee;

}


/***** footer *****/

footer{
    width: 100%;
    height: 200px;
    padding-top: 50px;
}

footer .box02{
    overflow: hidden;
    width: 58%;
    margin-left: 5%;
    padding-top:20px;
    font-size:15px;
}
footer .box02 a {
	font-size:15px;
}
.f2 footer .box02 p, .f2 footer .box02 a {
	font-size: 16px;
}

footer .logo{
    width: 37%;
}

.copy{
    font-size: 15px;
    font-family: "Droid Serif", serif;
    padding-top: 30px;
}
.f2 .copy {
	font-size: 18px;
}

article a[href$="pdf"]:after{
    content: url("../img/pdf-ico.gif");
    margin-left: 5px;
    display: inline-block;
    position: relative;
    top:4px;
}

article a[href$="doc"]:after{
    content: url("../img/word-ico.gif");
    margin-left: 5px;
    display: inline-block;
    position: relative;
    top:4px;
}



/***** common-top *****/

.common-top img{
    width: 100%;
    height: auto;
}


.common-top{
    position: relative;
}

.common-top .title{
    position: absolute;
    top: 55%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: -28.55px auto 0;

}

.common-top .title p{
    text-align: center;
    line-height: 1.5em;
}

.common-top .title p img{
    width: auto;
}

.common-top .title h2, .title-en-top h2{
    font-size: 24px;
    letter-spacing: .2em;
    text-align: center;
}

.title-en-top{
	margin-bottom: 50px;
}

.common-top .title p:nth-child(2){
    font-size: 13px;
    color: #1279b7;
    font-family: "Droid Serif", serif;
}
.f2 .common-top .title p:nth-child(2) {
	font-size: 15px;
}


/***** FAQ *****/

.FAQ-list{
    border-bottom: 1px #f2f2f2 solid;
}

.FAQ-list ul{
    margin-bottom: 78px;
}

.FAQ-list ul li{
    width: 255px;
    height: 65px;
    background: #f2f2f2;
    text-align: center;
    font-size: 16px;
    line-height: 1.375em;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    display: flex;
    -webkit-box-align:center;/*--- Androidブラウザ用 ---*/
    -ms-flex-align:center;/*--- IE10 ---*/
    -webkit-align-items:center;/*--- safari（PC）用 ---*/
	align-items: center;
	-webkit-box-pack:center;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:center;/*--- IE10 ---*/
    -webkit-justify-content:center;/*--- safari（PC）用 ---*/
    justify-content: center;
    float: left;
    margin-left: 20px;
    position: relative;
    border-radius: 3px;
    cursor: pointer;
}

.FAQ-page .faq-content{
    display: none;
}

.FAQ-page .active{
    display: block;
}

.faq-link img{
    position: relative;
    top: 2px;
}

.faq-link a{
    font-size: 15px;
}



.FAQ-list ul li:hover{
    background: #1279b7;
    color: #fff;
    font-weight: bold;
}

.FAQ-list ul li.active{
    background: #1279b7;
    color: #fff;
    font-weight: bold;
}


.FAQ-list ul li:nth-child(-n+4){
    margin-bottom: 28px;
}

.FAQ-list ul li:nth-child(4n+1){
    margin-left: 0;
}


.FAQ-list ul li:after{
    content:"";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    bottom: -12px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-top: 12px solid #f2f2f2;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

.FAQ-list ul li:hover:after{
	border-top: 12px solid #1279b7;
}

.FAQ-list ul li.active:after{
	border-top: 12px solid #1279b7;
}


.FAQ-list ul:last-child:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.FAQ-page{
    width: 800px;
    margin: 50px auto 74.5px;
}

.FAQ-title{
    text-align: center;
    font-size: 18px;
    margin-bottom: 20px;
}

.FAQ-page dl{
    border-bottom: 1px #f2f2f2 solid;
    padding:30px 20px;
    font-size: 16px;
}


.FAQ-page dl a{
    font-size: 18px;
}


.FAQ-page dl dt,
.FAQ-page dl dd{
    position: relative;
    margin-left: 58px;
}

.FAQ-page dd{
    margin-top: 40px;
}

.FAQ-page dl dt:before,
.FAQ-page dl dd:before{
    content:"Q";
    color: #fff;
    width: 36px;
    height: 36px;
    background: #1279b7;
    position: absolute;
    top: 50%;
    left: -80px;
    margin-top: -18px;
    border-radius: 3px;
    font-family: "Droid Serif";
    font-size: 16px;
    padding:4px;
    text-align: center;
    box-sizing: border-box;
}

.FAQ-page dl dd:before{
    content:"A";
    background: #999;
    top:13px;
}

.FAQ-page dl dt:after,
.FAQ-page dl dd:after{
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 0;
    top: 50%;
    left: -45px;
    margin-top: -4px;
    border-left: 8px solid #1279b7;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

.FAQ-page dl dd:after{
    border-left:8px solid #999;
    top: 13px;
}

/***** update *****/

.article-list{
    width: 780px;
    float:left;
    min-height: 500px;
    margin-bottom: 50px;
}

.article-list h2.year{
    font-size: 20px;
    padding-left: 30px;
    position: relative;
}

.article-list h2.year:before{
    content:"";
    background: url('../img/list-mark03.png');
    width: 7px;
    height: 7px;
    position: absolute;
    top: 50%;
    margin-top: -3.5px;
    left: 16px;
}

.article-list dl{
    padding: 25px 20px;
    border-bottom: 1px solid #f2f2f2;
}

.article-list dt{
    font-size: 14px;
}

.article-list dd{
    font-size: 16px;
}



.year-box{
    float: right;
    margin-bottom: 50px;
}

.year-box:after{
    content: '.';
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.year-box div{
    width: 230px;
    height: 120px;
    background: #1279b7;
    background-image: url(../img/years.png);
    background-repeat: no-repeat;
    color: #fff;
    box-sizing: border-box;
    padding-top: 32px;

}

.year-box div img{
    width: 100%;
    height: auto;
}

.year-box p:first-child{
    font-family: 'Droid Serif';
    font-size: 11px;
    color: #bae3f9;
    height: 22px;
}

.year-box p{
    padding: 0 30px;
}

.year-box ul li{
    font-size: 16px;
    height: 55px;
    line-height: 55px;
    border-bottom: 1px #eeeeee solid;
    position: relative;
    background: #fcfcfc;
    padding-left: 25px;
}

.year-box ul li a{
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    background: transparent;
}


.year-box ul li:after{
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    background: url("../img/list-mark03.png");
    width: 7px;
    height: 7px;
    margin-top:-2.5px;
}


/***** news *****/

.detale {
    width: 780px;
    float: left;
}

.detale{
    margin-bottom: 50px;
}

.page-list{
    width: 100%;
    height: 55px;
    line-height: 55px;
    border-top: 1px #eeeeee solid;
    border-bottom: 1px #eeeeee solid;
    position: relative;
    background: #fcfcfc;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    display: flex;
}

.page-list p{
    box-sizing: border-box;
    padding:0 15px;
    width: 33.3333%;
}

.page-list p:nth-child(2){
    text-align: center;
}

.page-list p:last-child{
    text-align: right;
}

.page-list p a{
    text-decoration: none;
    position: relative;
    margin-left: 1em;
}

.page-list p:last-child a{
    margin: 0 1em 0 0;
}

.page-list p a:before{
    content: "";
    position: absolute;
    left: -10px;
    top: 50%;
    width: 5px;
    height: 5px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
}

.page-list p:first-child a:before{
    margin-top: -4px;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}

.page-list p:last-child a:before{
    margin-top: -3px;
    left: auto;
    right: -10px;
    -moz-transform: rotate(45deg);
    -webktit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.page-list p:nth-child(2) a:before{
    margin-top: -2.5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

p.tit03{
    font-size: 20px;
    padding: 0 37px 15px 37px;
    position: relative;
}

p.tit03:before{
    content:"";
    background: url('../img/list-mark02.png');
    width: 16px;
    height: 7px;
    position: absolute;
    top: 50%;
    margin-top: -11.5px;
    left:15px;
}

h3.tit03{
    font-size: 20px;
    padding: 0 37px 15px 37px;
    position: relative;
}

h3.tit03:before{
    content:"";
    background: url('../img/list-mark02.png');
    width: 16px;
    height: 7px;
    position: absolute;
    top: 50%;
    margin-top: -11.5px;
    left:15px;
}

.title-box{
    border-bottom: 1px solid #eee;
}

@media screen and (max-width: 768px){
    h3.tit03 {
        font-size: 15px;
        line-height: 1.25em;
        margin-top: 25px;
    }
    h3.tit03:before {
        content: "";
        background: url(../img/list-mark02.png);
        width: 16px;
        height: 7px;
        position: absolute;
        top: 50%;
        margin-top: -11.5px;
        left: 15px;
    }
}


/***** detale *****/

.detale-contents .detale{
    margin-top: 25px;
}

.detale-contents{
    margin: 30px 0;
}

.detale-contents .item p{
    margin-bottom: 10px;
    padding: 0 15px;
}

.detale .item{
    width: 96%;
    margin: 25px auto;
}

.detale table{
    margin: 20px auto;
    border: 1px #f2f2f2 solid;
    width: 100%;
}

.detale table td{
    padding:5px 10px;
    border: 1px #f2f2f2 solid;
}

.detale table td strong{
    text-align: center;
    width: 100%;
    display: inline-block;
}

.detale-contents .title,
.terms .title{
    border-bottom: 1px solid #eee;
}



/***** event list *****/

.event dl br{
    display: none;
}


.event .accepting,
.event .none,
.event .closed{
    padding-left: 110px;
    position:relative;
}

.event .title{
    padding-left: 0;
}

.event .title .tit03{
    margin-left: 30px;
}

.event p.tit03:before {
    content: "";
    background: url(../img/list-mark02.png);
    width: 16px;
    height: 7px;
    position: absolute;
    top: 63%;
    margin-top: -11.5px;
    left: 76px;
}


.event .accepting:before{
    content:"受付中";
    background: #f7931e;
    line-height: 58px;
    text-align: center;
    width: 72px;
    height: 58px;
    position:absolute;
    top: 50%;
    left: 15px;
    margin-top: -29px;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
}

.event .accepting:after{
    border-left: 8px solid #f7931e;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 0;
    top: 50%;
    left: 87px;
    margin-top: -4px;
}

.event .closed:before{
    content:"締切";
    background: #b3b3b3;
    line-height: 58px;
    text-align: center;
    width: 72px;
    height: 58px;
    position:absolute;
    top: 50%;
    left: 15px;
    margin-top: -29px;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;

}

.event .closed:after{
    border-left: 8px solid #b3b3b3;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 0;
    top: 50%;
    left: 87px;
    margin-top: -4px;
}

.event .none:before,
.event .none:after{
    display: none;
}

.event dt span{
    font-weight: normal;
    margin-left: 1em;
}


/****** event detaile ******/


.event .tit03{
	font-size: 20px;
	padding: 22px 37px 20px 105px;
	position: relative;
}

.event .title.none{
    padding-left: 0!important;
}

.event .none .tit03{
    margin-left: 0;
    padding-left: 55px;
}

.event .title.none p.tit03:before{
    left: 25px;
}

/****** about page *****/

.about .title h2{
    font-size: 18px;
    letter-spacing: .2em;
    text-align: center;
}


.about .title p:nth-child(2){
    font-size: 13px;
    color: #1279b7;
    font-family: "Droid Serif", serif;
    text-align: center;
}
.f2 .about .title p:nth-child(2) {
	font-size: 15px;
}

.about .title{
    margin-bottom: 30px;
}

.about .table-layout02 .linkmark a{
    font-size: 16px;
}

.linkmark{
    position: relative;
    padding-left: 15px;
}

.linkmark:after{
    content: "";
    position: absolute;
    top: 50%;
    left: 0px;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    border-top: 1px solid #0067b0;
    border-right: 1px solid #0067b0;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);

}

.station{
    margin-top: 30px;
    padding-bottom: 30px;
    overflow: hidden;
}

.station ul{
    float: left;
    width: 380px;
    text-align: center;
}

.station ul:first-child{
    margin-right: 40px;
}

.station ul li{
    height: 32px;
}

.station ul li:first-child{
    background-color: #f2f2f2;
    line-height: 32px;
}

.station ul li:last-child{
    font-size:16px;
    font-weight: bold;
    margin-top: 21px;
}

.station span{
    color: #f7931e;
}

.station strong{
    font-size: 26px;
}

.under01 .title{
    text-align: center;
    width: 100%;
}

.under01.title h2{
    font-size:18px;
}

.under01 .title p{
    font-size:11px;
    font-family: "Droid Serif";
    color: #1279b7;
}

.materials{
    padding: 80px 0 60px;
    border-top: 1px #ededed solid;
}


.materials ul{
    margin-top: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.materials ul:after {
    content:"";
    display: block;
    width:31%;
}


.history-box ul li,
.materials ul li{
    width: 31%;
    height: 75px;
    border: 1px solid #e6e6e6;
    display: inline-table;
    background:url("../img/contents-bg.jpg") no-repeat left;
    font-size: 15px;
    line-height: 1.4em;
    margin-bottom: 30px;
    border-bottom: 2px solid #e6e6e6;
}

.materials ul li{
    text-align: center;
    border-color: skyblue;
    margin: 0 0 30px;
    display: block;
}



.materials ul li:last-child {
    /*width: 65.2%;*/
}

.history-box ul li{
    display: inline-block;
    line-height: 75px;
}


.materials ul li:nth-child(2){
    /*margin: auto 2.5%;*/
}

.materials ul li:nth-child(5){
    /*margin-right: 31%;*/
}

.materials ul li:nth-child(7){
    /*margin-right: 31%;*/
}

.materials ul li:nth-child(2n+4){
    /*margin-right:  2.5%;*/
}



.history-box ul li a,
.materials ul li a{
    width: 100%;
    height: 100%;
    display: table-cell;
    text-decoration: none;
    box-sizing:border-box;
    padding-left: 33px;
    vertical-align: middle;
    font-size: 17px;
}

.materials ul li a{
    padding-left: 0;
    position: relative;
    /*left: -5px;*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.history-box ul li a{
    display: block;
}

.materials ul li a[href$="pdf"] {
    background: none;
    position: relative;
}


.materials ul li a[href$="pdf"]:after {
    content:"";
    background: url(../img/pdf-ico.gif) no-repeat right top;
    width: 17px;
    height: 20px;
    margin-top: -10px;
    margin-left: 10px;
}

/*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .materials ul li a[href$="pdf"]:not(:target):after{
        top: 100%;
        margin-top: 3px;
    }
}*/


.property{
    padding: 80px 0;
    border-top: 1px #ededed solid;
    text-align: center;
}

.property .title{
    margin-bottom: 35px;
}


.property .box{
    padding: 35px 30px;
    background-color: #f7f7f7;
    overflow: hidden;
    margin-top: 35px;
}

.property .box p{
    text-align: left;
    float: left;
    width: 850px;
}

.property .box p:first-child{
    width:130px;
}

.about .CONTENTS h4{
    color: #1279B7;
    font-size: 18px;
    margin: 20px 0 0;
}

.about .CONTENTS ul li p.minds02 img {
	max-width: 280px;
}

.about .CONTENTS ul li p:nth-child(3){
    text-align: center;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: bold;
}

.about .CONTENTS{
    background: none;
    padding: 10px 0;
}

.about .CONTENTS ul{
    margin-top: 0;
}


/* ggmap */

.ggmap {
	position: relative;
	width: 800px;
	height: 340px;
	overflow: hidden;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.about .box04,
.en .box04{
    width: 800px;
    margin: 0 auto;
}

.box04 p{
    width: 800px;
    text-align: right;
}

.box04 .linkmark:after{
    right: 160px;
    left: auto;
}

/****** genre icon *****/

.genre-icon{
    display: inline-block;
    width: 107px;
    height: 21px;
    font-size: 14px;
    text-align: center;
    line-height: 21px;
    margin-left: 5px;
    border-radius: 3px;
    border:1px solid #000;
    box-sizing: border-box;
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.genre-icon:not(:target) {
		line-height: 24px;
	}
}


.cat01{
    border:none;
	background: #736357;
    color: #fff;
}


.cat02{
    border:none;
	background: #246da0;
    color: #fff;
}

.cat03{
    border:none;
	background: #249154;
    color: #fff;
}

.cat04{
    border:none;
	background: #d37a8c;
    color: #fff;
}

.cat05{
    border:none;
	background: #8fa81e;
    color: #fff;
}


.cat06{
    border:none;
	background: #00653e;
    color: #fff;
}

.cat07{
    border:none;
	background: #26a1a5;
    color: #fff;
}

.cat08{
    border:none;
	background: #c67c00;
    color: #fff;
}

.cat0{
	background: #fff;
    color: #000;
}

.cat10{
    border:none;
	background: #824880;
    color: #fff;
}

/***** recruitment *****/


.recruitment .table-layout01 th{
    padding: 30px 0 20px 30px;
}

.recruitment .table-layout01 tr.no-information th{
    padding: 20px 0 20px 30px;
}

.recruitment .table-layout01 li{
    margin-left: 1.5em;
}

.recruitment .table-layout01 ul{
    margin-bottom: 10px;
}

.recruitment .red{
    color: #f00;
    line-height: 1.25em;
}

.recruitment_days{
    font-weight: normal;
}

/***** terms *****/

.terms .title{
    margin-bottom: 15px;
}

.terms .text p{
    width: 96%;
    margin: 0 auto 20px;
}

.terms .text p:last-child{
    margin-bottom: 0;
}


.terms .text p.tit03{
    padding-right: 10px;
}

.terms .text{
    margin-bottom: 50px;
}

.terms .table-layout01{
    margin-bottom: 0;
}

.terms .container{
    margin-bottom: 50px;
}

.terms .table-layout01 td {
    font-weight: bold;
}

.terms .privacylink{
    position: relative;
}

.terms .privacylink a{
    margin-left: 1em;
}

.terms .privacylink:before{
    content: "";
    width: 4px;
    height: 4px;
    border-top: 1px solid #0067b0;
    border-right: 1px solid #0067b0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -3px;
}



/***** privacy policy *****/

.terms .text b{
    margin-left: 1em;
}

.terms .text b + p{
    margin-bottom: 0px;
}

/***** contact *****/

.contact .under table{
    width: 100%;
    margin-bottom: 35px;
}

.contact .under table td{
    width: 50%;
    padding: 16px 0 0 0;
}

.contact input{
    width: 100%;
    height: 47px;
    border-radius: 3px;
    border: 1px solid #d1d1d2;
    padding: 0 15px;
    font-size: 15px;
}

.contact textarea {
    width: 100%;
    height: 152px;
    max-width: 100%;
    border-radius: 3px;
    resize: none;
    border: 1px solid #d1d1d2;
    padding: 10px 15px;
    font-size: 15px;

}

.contact select{
    width: 100%;
    height: 47px;
    background: transparent;
    border-radius: 3px;
    border: 1px solid #d1d1d2;
    font-size: 14px;
    line-height: 47px;
    padding-left: 10px;
    color: #999999;
    cursor: pointer;
}


.contact .select-wrap{
    position: relative;
    width: 100%;
}

.contact .select-wrap:before{
    content: "";
    width: 32px;
    height: 47px;
    background: linear-gradient(#ffffff,#d9d9d9);
    position: absolute;
    right: 0;
    border-radius: 0 3px 3px 0;
    border-left: 1px solid #d1d1d2;
    z-index: -2;
}

.contact .select-wrap:after{
    content: "";
	width: 0;
	height: 0;
	border: 3px solid transparent;
	border-top: 8px solid #b3b3b3;
	position: absolute;
	right: 13px;
	top: 21px;
	z-index: -1;
}

.contact select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.contact .box p:first-child{
    font-size: 14px;
    margin-bottom: 15px;
}

.contact .box{
    margin-top: 30px;
    padding: 60px;
    border: 3px solid #f2f2f2;
}



.contact .box span{
    color: #ed1c24;
    margin-left: .75em;
}

.contact .btnbox{
    padding:40px 0;
    background: #f7f7f7;
    text-align: center;

}

.contact .btnbox input{
    font-size: 17px;
    color: #fff;
    border-radius: 0;
    width: 300px;
    height: 64px;
}

.contact .btnbox .input_wrapper{
    position: relative;
    width: 300px;
    height: 64px;
    display: inline-block;
}

.contact .btnbox .input_wrapper:last-child{
    margin-left: 40px;
}




.contact .btnbox input{
    font-size: 17px;
    font-weight: lighter;
    background: #999999;
    cursor: pointer;
    border: none;
}

.contact .btnbox input:hover{
    opacity: .8;
}

.contact .btnbox .input_wrapper:last-child input{
    background: #0067b0;
}

.contact table td:nth-child(even){
    padding-left: 28px;
}

/****** contact confirmation *****/

.contact .text{
    width: 100%;
    background-color: #fae6e6;
    text-align: center;
    margin-bottom: 30px;
    display: table;
    padding: 10px;
}

.contact .text p{
    display: table-cell;
    line-height: 1.5em;
}

.contact .box td p:first-child{
    font-weight: bold;
}

.contact .linkbox p{
    width: 175px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    border:1px solid #ebebeb;
    border-radius: 3px;
    margin-top:20px;
}

.contact .linkbox p a{
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    background: #0067b0;
    color: #fff;
}
.f2 .contact .linkbox p a {
	font-size: 20px;
}


/***** ty *****/

.thanks .box .text .tit03{
    font-size:20px;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 30px;
    display: block;
}

.thanks .text,
.thanks .text p{
    display: block;
    text-align: left;
}

.thanks .text{
    background-color:#fff;
    margin-bottom: 0;
}

.thanks .box .text p:nth-child(n+2){
    width: 95%;
    margin: 0 auto;
}

.thanks .box .text p:last-child{
    margin-bottom: 30px;
}

/**** facebook *****/

.fblink .under{
    width:84%;
}

.fbpage .under{
    width:85%;
}


.fblink .common-top{
    background: url("../img/common-top.jpg") no-repeat center;
    background-size: cover;
}

.fblink .box{
    width: 100%;
    padding: 60px;
    border: 3px solid #f2f2f2;
    background: #fff;
    margin-top: 50px;
}

.fblink .box img{
    width: 16px;
    height: auto;
    position: relative;
    top: 2px;
    margin-left: 5px;
}

.fblink .tit03{
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 20px;
}

.fblink .box .fbtitle{
    margin-bottom: 20px;
    font-size: 22px;
}

.fblink .subtitle1 a{
    color: #0067b0;
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
}

.fblink ul{
    padding: 20px 15px 10px;
}

.fblink ul li{
    padding-left: 1em;
    text-indent: -1em;
}

.fblink ul li:before {
    content: url(../img/list-mark.gif);
    position: relative;
    top: -4px;
    margin-right: 5px;
}

.fblink p:nth-child(4){
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 10px;
    padding-bottom: 10px;
}


.fblink .linkbox a{
    color: #0067b0;
    text-decoration: none;
}

.fblink.fbpage ul li ol li{
    list-style-image: none;
    list-style-type: decimal;

}

.fblink.fbpage ul li ol li:before{
    content: "";
}

.fblink.fbpage p:nth-child(4){
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.fblink.fbpage ul li{
    line-height: 2em;
    list-style-image: none;
}

.fblink.fbpage ul li:before{
    content: url(../img/list-mark.gif);
    position: relative;
    top:-4px;
    margin-right: 5px;
}

.fblink.fbpage .tit03{
    margin-top: 20px;
}

.fblink.fbpage h2{
    font-size: 24px;
    text-align: center;
    margin-bottom: 10px;
}

.fblink.fbpage .days1{
    text-align: right;
}

.fblink.fbpage .box03{
    padding-bottom: 20px;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 10px;
}

.fblink.fbpage .tit03 {
    border-bottom: 1px solid #f2f2f2!important;
    margin-bottom: 20px!important;
    padding: 0 37px 15px 37px!important;
}

/***** GREETING & WORKS & HISTORY *****/

.page-text {
    width: 800px;
    margin: 0 auto 100px;
}
.page-text p {
    margin-bottom: 30px;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.riji-name {
    padding-right: 18px;
    margin-bottom: 0;
    font-weight: bold;
}
.table-layout01 {
	margin-bottom: 40px;
	width: 100%;
	margin-top: -10px;
	border-top: 60px #fff solid;
}
.table-layout01 tr {
    border-bottom: 60px #fff solid;
}
.value .list-layout01{
    padding: 0;
    margin-top: -5px;
}
.table-layout01 th {
    background: #d3edfb url(../img/bg-th02.png) no-repeat left top;
	padding: 30px 0 30px 30px;
	color: #0067b0;
	font-weight: normal;
	width: 240px;
	text-align: left;
	vertical-align: top;
}
.table-layout01 th a {
	font-size: inherit;
	color: inherit;
}
.table-layout01 td {
	padding: 15px 0 15px 40px;
	text-align: left;
	vertical-align: top;
}
.works-table td {
	height: 189px;
    padding: 0 0 0 40px;
}
.table-layout01 td p {
	margin-bottom: 20px;
}
.table-layout01 td p:last-child {
	margin-bottom: 0;
}
.table-layout01 th span {
	display: block;
	-webkit-font-smoothing: antialiased;
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 20px;
	font-family: Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif;
	color: #3e3a39;
}
.list-layout01 li {
	background: url(../img/list-mark03.png) no-repeat 0 center;
	background-size: 7px 7px;
	padding-left: 15px;
	line-height: 40px;
}
.text-deco01 {
    background: url(../img/text-deco.jpg) no-repeat 0 center;
    background-size: 12px 12px;
    padding-left: 20px;
    line-height: 40px;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
    /*font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, "Droid Serif", serif;*/
    color: #3e3a39;
}

.table-layout01 td p:last-child a{
    margin-bottom: 0;
    font-size: 18px;
}
.f2 .table-layout01 td p:last-child a {
	font-size: 20px;
}
.table-layout02 {
	width: 100%;
}
.table-layout02 tr {
	border-top: 1px solid #EDEDED;
	border-bottom: 1px solid #EDEDED;
}
.table-layout02 th {
	background: #F7F7F7;
	color: #3e3a39;
	padding: 15px 20px;
}
.table-layout02 td {
	padding-left: 20px;
}
.table-link {
	padding-left: 10px;
	background: url(../img/top-btn.gif) no-repeat 0 3px;
}
.history-table {
	margin-bottom: 60px;
	width: 100%;
}
.history-table .upper-border {
	border-top: 1px solid #F2F2F2;
}
.history-table td,.history-table th {
	padding: 15px;
	vertical-align: middle;
	font-weight: normal;
}
.history-table th {
  vertical-align: top;
}


.history-table th, .history-category {
	white-space: nowrap;
}
.container .history-table .history-category {
	padding-top: 19px;
  vertical-align: top;
}
.container .history-table .history-category span {
  margin-top: 2px;
}
.history-category-icon {
	display: block;
	margin: auto;
}
.year-cell,
.history-category-icon-sp {
	display: none;
}
.icon-description {
	border: 3px solid #f2f2f2;
	padding: 34px 40px 28px;
	margin-bottom: 100px;
	overflow: hidden;
	clear: both;
	width: 100%;
}
.icon-description h3 {
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 1.8;
	/*font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, "Droid Serif", serif;*/
}
.icon-description dl {
	float: left;
	width: 33.3333%;
	margin: 0 0 10px 0;
}
.icon-description dt {
	margin-right: 3px;
}
.icon-description dd {
	font-size: 14px;
}
.icon-description dt,.icon-description dd {
	display: inline-block;
}

/****** press ******/

.press .article-list h2.year {
	margin-bottom: 20px;
}
.press .article-list {
	min-height: inherit;
}
.press .history-table th {
  vertical-align: middle;
}
.press .history-table td {
	padding: 10px 20px 25px;
}
.press .history-table tr {
	padding-top:  20px;
	display: block;
}

.press .history-table tr:first-child {
	padding-top:  0px;
}

.press .history-table th {
	padding: 0 20px;
	display: inline;
}
.press .history-table .history-category {
	padding-top: 30px;
	position: relative;
	top: 1px;
}

.press .history-table td{
    display: block;
}

.press .history-table .history-category{
    display: inline-table;
}


/**** download *****/

.dl-list.FAQ-list .faq-btn {
	/*		width: 80%;*/
}
.dl-list.FAQ-list ul li {
	width: 346px;
}
.dl-list.FAQ-list p{
	width: 90%;
	margin: 0 auto;
}
.dl-list.FAQ-list ul li:nth-child(3n+1) {
	margin-left: 0;
}
.dl-list.FAQ-list ul li:nth-child(5n) {
	margin-left: 20px;
}
.FAQ-list ul li a {
	display: table;
	text-decoration: none;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	border-radius: 3px;
}
.FAQ-list ul li a span {
	display: table-cell;
	vertical-align: middle;
}
.FAQ-list ul li a:hover {
	background: #1279b7;
    color: #fff;
	font-weight: normal;
	opacity: 1;
}
.dl-page h3 {
	font-size: 20px;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	color: #3e3a39;
	font-weight: normal;
}
.dl-page .faq-content {
	margin-bottom: 50px;
}
.dl-page dl dt::before,.dl-page dl dt::after,
.dl-page dl dd::before,.dl-page dl dd::after{
	content: none;
	margin: 0;
}
.dl-page dl dt,.dl-page dl dd {
	margin: 0;
	overflow: hidden;
	padding: 0;
}
.dl-page dl dt {
	font-size: 20px;
	margin-bottom: 30px;
}
.dl-page dl dt span {
	display: block;
	font-size: 18px;
	padding-top: 4px;
}
.dl-page .faq-content .fl {
	width: 70%;
}
.dl-page .faq-content .fr {
	width: 30%;
}
.dl-page dd p {
	margin-bottom: 10px;
}
.dl-page dd p:last-child {
	margin-bottom: 0;
}
.dl-page dd, .dl-page dd a {
	font-size: 18px;
}
.dl-page dd ul a {
	font-size: 18px;
}
.dl-page dd li:first-child {
	margin-bottom: 15px;
}
.dl-cont {
	padding: 30px 20px;
	border-bottom: 1px #f2f2f2 solid;
}
.dl-page .dl-pdf-list dl dt{
	margin-bottom: 0px;
}
.FAQ-page .dl-pdf-list dl {
	padding:	 20px;
}
.FAQ-page .dl-cont dl {
	border: none;
	padding: 0;
	margin-top: 10px;
}
.dl-page .faq-content .dl-cont dl .fl {
	width: 15%;
	font-size: 15px;
}
.page-top {
	background: rgba(0,0,0,0.3);
	padding: 15px;
	color: #fff;
	text-decoration: none;
	position: fixed;
	right: 20px;
	bottom: 20px;
	border-radius: 2px;
	width: 50px;
	height: 50px;
	overflow: hidden;
	display: inline-block;
	text-indent: 100px;
}
.page-top::before,
.page-top::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.page-top::after{
	top: 5px;
	left: 18px;
	width: 10px;
	height: 10px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.work-head-text {
	margin-bottom: 30px;
	font-size: 18px;
}
#newsletter .FAQ-list {
  padding: 0 0 0 20px;
}
#newsletter .FAQ-list li{
    width: 30%;
}
#newsletter .FAQ-list li:nth-child(n+2) {
    margin-left: 3.333333333%;
}
#newsletter .FAQ-list li:nth-child(4){
    margin: 0 ;
}
#newsletter .faq-btn{
    margin: 30px auto;
}

#newsletter .FAQ-list ul li.active {
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    display: flex;
}

#newsletter .FAQ-list{
    border: none;
}

.bb0{
    border-bottom: none;
}

/***** search *****/

.search .under{
    padding-bottom: 30px;
    width: 84%;
}


.search .box{
    width: 100%;
    padding: 60px;
    border: 3px solid #f2f2f2;
    background: #fff;
}

.search .return{

    text-align: center;
    width: 418px;
    height: 64px;
    margin: 20px auto 50px;
    border-bottom: 2px #eaeaea solid;
}

.search .return a{
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #0067b0;
    color: #fff;
    font-size: 17px;
    line-height: 64px;
    position: relative;
}

.search .return a:hover{
    opacity:.8;
}

.search .return a:after{
    content:"";
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    top: 50%;
    left: 5%;
    margin-top: -5px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}



/***** english top *****/

.en .list-layout01 li{
    line-height: 1.5em;
    margin-bottom: 10px;
}

.en .ggmap{
    margin-top: 30px;
}

.en .map_print{
    text-align: right;
}

.en .text-logo{
    color: #0067b0!important;
}

.en nav ul li:nth-child(even){
    width: 23.5%!important;
}

.en nav{
    width: 80%;
    min-width: 900px;
}

.en .title{
    text-align: center;
    font-size: 20px;
}

.en nav ul li{
    vertical-align: baseline;
}

.en table td.under{
    padding-left: 0px;
}


.en nav ul li:nth-child(2n+4) {
	height: 35px;
}

.en nav ul li:nth-child(2) {
	width: 3.8%;
}

.en nav ul li:last-child {
	margin-top: 0px;
	float: none;
}

.en nav {
	height: 34px;
}

.en #textsize li a.f1 {
    font-size: 12px;
}
.en #textsize li a.f2 {
    font-size: 18px;
}
.en .value .list-layout01{
    margin-top: 0;
}
.en .value .list-layout01 li{
    background: none;
    padding-left: 15px;
    text-indent: -0.75em;
}
.en .value .list-layout01 li:before{
    content:url(../img/list-mark03.png);
    position: relative;
    top: -3px;
    display: inline;
    margin-right: 5px;
}


/****** en Document *****/

.en .table-layout01 th{
    padding: 30px 5px 30px 15px;
}

.en .table-layout01 td{
    vertical-align: middle;
}
.en .documents .table-layout01 td{
    vertical-align: top;
    padding-top: 5px;
}

.en .table-layout01 td p{
    margin-bottom: 10px;
}

.en .table-layout01 td p a[href$="html"]:after{
    content: "";
    width: 4px;
    height: 4px;
    border-top: 1px solid #000;
    border-right:  1px solid #000;
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
    position: relative;
    top: -2px;
    left: 2px;
}

.en .table-layout01 td p a[href$="php"]:after{
    content: "";
    width: 4px;
    height: 4px;
    border-top: 1px solid #000;
    border-right:  1px solid #000;
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
    position: relative;
    top: -2px;
    left: 2px;
}

.en-doc-title h3{
	margin-bottom: -20px;
}

.en-doc-title h3 a {
	color: inherit;
	font-size: inherit;
}

.documents-materials.materials {
	border: none;
	padding: 0 0;
}

.en footer .sitemap{
    background: #f7f7f7;
    width: 100%;
    margin-bottom: 30px;
}

.en footer .sitemap ul{
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    overflow: hidden;
    width: 80%;
    margin:  0 auto;
    min-width: 900px;
}

.en.top footer{
    padding-top: 0;
}


.en footer .sitemap ul li{
    display: inline-block;
}


.en footer .sitemap ul li:nth-child(even){
    text-align: center;
    width: 23.5%;
    height: 65px;
    padding-top:10px
}


.en footer .sitemap ul li:nth-child(odd){
    width: 1px;
    height: 11px;
    border-left: 1px #d9d9d9 solid;
    margin-bottom: 10px;
}


.en footer .sitemap ul li a{
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: block;
}

.en footer .sitemap ul li a:before{
    content: url(../img/list-mark.gif);
    position: relative;
    top: 2px;
}

.en .table-layout01 td p:last-child a {
    font-size: 14px;
}

/****** text resizer ******/

.f2 a {
	font-size: 20px;
}
.f2 nav ul li a{
    font-size: 19px;
}

.f2 nav ul li span{
    font-size: 14px;
}

.f2 .lead01 a{
    font-size:20px;
}

.f2 .lead01 a:after{
    top: .6em;
}

.f2 p {
    font-size:20px;
}

.f2 .CONTENTS h4{
    font-size: 18px;
}

.f2 .notice h3{
    font-size: 15px;
}

.f2 .notice ul li p a {
    font-size: 20px;
}

.f2 .notice a {
    font-size: 20px;
}


.f2 h2{
    font-size: 24px;
}

.f2 .days{
    font-size: 17px;
}

.f2 .CONTENTS h3{
    font-size: 22px;
}

.f2 ul.site-map-list > li {
    font-size: 15px;
}

.f2 ul.site-map-list li ul li {
    font-size: 15px;
}

.f2 .site-map a{
    font-size: 16px;
}


.f2 .CONTENTS .contact01 p {
    font-size: 22px;
}

.f2 .CONTENTS .contact01 p:after{
    left: 95px;
}

.f2 .other-contents li h4 {
    font-size: 22px;
}

.other-contents li h4 span {
    font-size: 15px;
}

.f2 .common-top .title h2{
    font-size:30px;
}


.f2 .common-top .title p:nth-child(3) {
    font-size: 16px;
}
.f2 .title-en-top h2 {
	font-size: 25px;
}


.f2 .FAQ-list ul li {
    font-size:18px;
}

.f2 .FAQ-page .FAQ-title p,
.f2 .FAQ-page dl{
    font-size: 22px;
}

.f2 .FAQ-page dl a{
    font-size: 22px;
}


.f2 .year-box ul li a {
    font-size:20px;
}

.f2 .article-list dt {
    font-size: 18px;
}

.f2 .article-list dd  a{
    font-size: 20px;
}

.f2 .article-list h2.year {
    font-size: 25px;
}

.f2 p.tit03 {
    font-size: 25px;
}

.f2 .page-list p a{
    font-size: 20px;
}

.f2 .detale b{
    font-size: 16px;
}

.f2 .detale b a{
    font-size: 16px;
}

.f2 .year-box p:first-child {
    font-size: 15px;
}

.f2 table{
    font-size: 18px;
}

.f2 .materials ul li a{
    font-size: 18px;
    padding-left: 0;
    position: relative;
    /*left: -10px;*/
}

.f2 .station ul li:last-child{
    font-size:22px;
}

.f2 .station strong{
    font-size: 30px;
}

.f2 .terms .text b {
    font-size:18px;
}

.f2 .contact .box p{
    font-size:18px;
}

.f2 .contact select {
    font-size: 18px;
}

.f2 .btnbox input{
    font-size: 20px;
}

.f2 .thanks .box .text .tit03{
    font-size: 24px;
}

.f2 .fblink ul li{
    font-size: 18px;
}

.f2 .contact input,
.f2 .contact textarea{
    font-size: 20px;
}

.f2 .fblink .linkbox a{
    font-size: 18px;
}

.f2 .contact .under a{
    font-size: 18px;
}

.f2 .en .title{
    font-size: 22px;
}

.f2 .table-layout01 tr,
.f2 .table-layout01 tr a,
.f2 .list-layout01,
.f2 .history-table,
.f2 .icon-description dt,
.f2 .icon-description dd,
.f2 .history-table td a,
.f2 .FAQ-list ul li a,
.f2 .dl-page dd,
.f2 .dl-page dd a,
.f2 .dl-page dt a,
.f2 .dl-page a,
.f2 .dl-page ul li a{
	font-size: 20px;
}

.f2 .table-layout01 th span {
	font-size: 15px;
}

.f2 .text-deco01 {
	font-size: 20px;
}

.f2 .icon-description h3,
.f2 .dl-page dl dt,
.f2 .dl-page h3,.f2 .work-head-text{
	font-size: 24px;
}

.f2 .icon-description dt {
	float: left;
}

.f2 .icon-description dd {
	display: block;
	padding-right: 10px;
}

.f2 .history-category-icon,
.f2 .icon-description .history-category-icon {
	font-size: 16px;
}

.f2 .en-doc-title h3 {
	font-size: 20px;;
}

.f2 .en footer .sitemap ul li a {
    font-size: 22px;
}

.f2 .search .return a{
    font-size: 21px;
}

.f2 .sitemap02 li a{
    font-size: 15px;
}

.f2 .about .table-layout02 .linkmark a{
    font-size: 18px;
}

.f2 .about .title h2 {
    font-size: 22px;
}


.f1 .works-table th br.f1-vew{
    display: none;
}

.en .f2 .table-layout01 td p:last-child a {
    font-size: 18px;
}


/***** sp-menu *****/

#navToggle {
    display:none;
    position: absolute;
    right: 10%;
    top: 50%;
    width: 34px;
    height: 26px;
    cursor: pointer;
    margin-top: -17px;
}


#navToggle span {
    display:block;
    position:absolute;
    width:100%;
    border-bottom:solid 2px #1279b7;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out}
#navToggle span:nth-child(1) {top:0}
#navToggle span:nth-child(2) {top:9px}
#navToggle span:nth-child(3) {top:18px}

#navToggle span.text {
    top:20px;
    position:absolute;
    border: none;
    font-size: 11px;
    font-family: "Droid Serif";
    color: #1279b7;
    line-height: 22px;
}

#nav-sp{
    display: none;
}


footer .box02 p br:last-child{
    display: none;
}

#nav-sp li{
    font-size: 11px;
    line-height: 2em;
    color: #fff;
}

#nav-sp #navToggle2{
    cursor: pointer;
    padding: 7px 22px;
    border-bottom: 0;
    position: relative;
}

#nav-sp #navToggle2:before{
    content: "";
    width: 4px;
    height: 4px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 11px;
    margin-top: -3px;
    transition: .2s;
}

#nav-sp #navToggle2.openNav3:before{
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);

}



#nav-sp ul .subnav_sp{
    height: 0;
    overflow-y: hidden;
    border: none;
    background: rgba(255,255,255,.5);
    padding: 0 12px;
    transition: .2s;
}

#nav-sp ul .subnav_sp li{
    font-size: 20px;
    line-height: 2em;
    color: #000;
}

#nav-sp ul .subnav_sp li a{
    color: #000;
}


#nav-sp ul .subnav_sp.openNav2{
    height: 128px;
    transition: .2s;
}




@media screen and (max-width: 768px) {

    /***** base *****/

	body {
		font-size: 14px;
	}
    nav,
    .r_conteiners,
    .site-map{
        display: none;
    }

    #wrapper,
    .image{
        width: 100%;
        min-width: inherit;
    }


    .container,
    nav,
    .under{
        width: 80%;
        min-width: inherit;
    }



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

    p,a{
        font-size:11px;
        line-height: 2em;
    }

    .notice h3{
        font-size: 10px;
    }


    .CONTENTS h3{
        font-size: 12px;
    }

    .fixed {
		position: fixed;
		width: 100%;
		height: 100%;
    }



    /***** header *****/

    #navToggle{
        display: block;
    }

    header{
		background: none;
		width:100%;
		height: 82px;
		z-index:2;
		position:fixed;
    }

    header .logo{
		position:relative;
		width: 100%;
		height: 100%;
		min-width: inherit;
		padding: 0 10%;
		background: url("../img/bg-top-sp.jpg") no-repeat left top #fff;
		background-size: contain;
		z-index: 3;
    }

    .scroll .logo {
        border-bottom: 1px solid #f4f4f4;
    }


    header .logo img{
        width: 80%;
        max-width: 370px;
    }


    header h1 {
		width: 100%;
		height: 100%;
		display:-webkit-box;/*--- Androidブラウザ用 ---*/
		display:-ms-flexbox;/*--- IE10 ---*/
		display: -webkit-flex;/*--- safari（PC）用 ---*/
		display: flex;
		justify-content: center;
		align-items: center;
    }



    /***** top *****/

    section{
		padding-top: 82px;
    }

    .sp-vew{
        display: none!important;
    }

    .pc-vew{
        display: inline-block!important;
    }

    .top .under .image{
        width: 67%;
    }

    .under .lead01 {
		width: 100%;
		margin-left: 0;
		margin-top: 24px;
    }

    .top .under p {
		margin-bottom: 8px;
    }

    .other-contents ul li:nth-child(1) img ,
    .other-contents ul li:nth-child(3) img {
		padding: 0;
    }
    .f2 .other-contents li:nth-child(3) h4 {
		padding-left: 0;
    }
    .f2 .other-contents li h4 {
		padding-left: 0;
    }

	.top > .image li.slide01{
		background-image:url('../img/top-image-sp01.jpg');
		padding-top: 3.5%;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top center;
    }
    .top > .image li.slide02{
		background-image:url('../img/top-image-sp02.jpg');
		padding-top: 3.5%;
		background-repeat: no-repeat;
		background-position: top center;
    }

    /***** notice *****/

    .notice .under-contener {
		width: 100%;
		padding: 25px 10%;
		border-right: none;
		border-bottom: 1px #e6e6e6 solid;
    }

    .notice .under-contener:last-child{
		border-bottom:none;
    }

    .notice .container {
		width: 100%;
		padding: 0;
    }

    .under{
        padding-bottom:35px;
    }

	.notice h2 {
		font-size: 18px;
	}
	.days {
		font-size: 11px;
	}

    .notice ul{
        margin-top: 25px;
    }

    .notice ul li{
        margin-bottom: 20px;
    }

    .notice ul li:last-child{
        margin-bottom: 0;
    }

    /***** contents ******/

    .CONTENTS{
        padding: 31px 0;
    }

    .CONTENTS ul{
        margin: 22px 0 0;
    }

    .CONTENTS ul li {
		width: 100%;
		margin-top: 10px!important;
		margin-bottom: 13.5px!important;
        padding: 0;
    }

    .CONTENTS ul li:nth-child(3n+2) {
		margin: 0;
    }

    .CONTENTS h4 {
		margin: 10px 0;
		font-size: 13px;
    }

    .CONTENTS .image{
        height: 52px;
    }

    .CONTENTS .image img {
        width: auto;
    }

    .CONTENTS .image p.minds img{
        width: auto;
    }

	.CONTENTS ul li p.minds02 img {
		max-width: 200px;
		height: auto;
	}

    .CONTENTS .image p.pt30{
        padding-top:15px!important;
    }

    .CONTENTS .image p.pt30{
        padding-top:15px!important;
    }

    .CONTENTS .image p.text-logo {
        font-size: 13px;
    }

    .CONTENTS ul li p{
        font-size: 11px;
    }

    .image p.pharmacy {
        padding-top: 12px;
    }

    .other-contents ul li {
		width: 100%;
    }

    .other-contents ul li:nth-child(2) {
		margin: 0;
    }

    .link .container .box-l {
		width: 100%;
		height: auto;
		padding-top: 28px;
    }

    .link .box-l p {
		width: 48%;
    }

    .link .box-l p:last-child {
		padding-left: 2%;
    }

    .link .box-wrapper{
		position: relative;
		height: 220px;
    }


    .link .container .box-r{
        width: 100%;
        text-align: center;
        border: none;
        position: absolute;
        top: 0;
    }

    .link .container .box-l{
        position: absolute;
        top: 100px;
    }


    .link .container .box-r img{
        width: 135px;
    }

    .link{
		border-bottom: 1px #e6e6e6 solid;
    }

    .link .box-wrapper {
		margin-bottom: 0;
    }


    .CONTENTS .contact01 {
        width: 100%;
        margin: 0 auto ;
    }

    .CONTENTS .contact01 p img{
        width: auto;
        margin-top: -3px;
    }

    .other-contents {
        padding: 34px 0;
    }

    .other-contents li h4 {
        font-size: 14px;
        vertical-align: middle;
        margin-top: 12px;
    }

    .other-contents li h4 span {
        font-size: 10px;
        margin-left: 9px;
        vertical-align: middle;
        line-height: 14px;
    }
	.other-contents ul li:nth-child(3) h4 {
		padding-left: 0;
	}

    .other-contents ul li:first-child{
        margin-bottom: 34px;
    }

    .other-contents ul li:nth-child(2) {
        margin-bottom: 34px;
    }



    /***** footer *****/

    footer{
        padding: 32px 0;
        overflow: hidden;
        height: auto;
    }

    footer .logo {
		width: 100%;
		margin: 0 auto;
		text-align: center;
    }


    footer .logo img{
		width: 100%;
		max-width: 240px;
		height: auto;
    }

    footer .box02 {
		width: 90%;
		text-align: center;
		padding-top: 15px;
    }

    footer .box02 p{
        margin-bottom: 17.5px;
        line-height: 1.583333em
    }


    footer .box02 p,
    footer .box02 a{
        width: 100%;
        font-size: 12px;

    }

    .copy{
        text-align: center;
        font-size: 9.5px;
        padding-top: 36px;
        line-height: 1.84210526em;
    }

    /***** nav-sp *****/

    header #nav-sp {
		position: absolute;
		left:0;
		top: -346px;
		background:rgba(62,58,57,.9);
		width:100%;
		-webkit-transition:.5s ease-in-out;
		-moz-transition:.5s ease-in-out;
		transition:.5s ease-in-out;
		text-align:left;
    }

    header #nav-sp a{
        color:#fff;
        text-decoration: none;
    }

    header #nav-sp a:hover{
		text-decoration: underline;
    }


    header ul {
        margin:0;
        border-bottom:2px solid #cecece;
    }
    header ul li {
        display:block;
        margin:0;
        border-bottom: 1px solid #999;
        line-height:3
    }
    header ul li a {
		padding:5px 12px;
		display:block}
    header ul li::after {content:''}
    header ul li:last-child {border-bottom:none}

    .openNav #navToggle span:nth-child(1) {
		top: 11px;
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		transform:rotate(-45deg)}

    .openNav #navToggle span:nth-child(2),
    .openNav #navToggle span:nth-child(3) {
		top: 11px;
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		transform:rotate(45deg)}

    .openNav #nav-sp {
		-moz-transform: translateY(428px);
		-webkit-transform: translateY(428px);
		transform: translateY(428px)}

    #nav-sp{
		display: block;
		z-index: 1;
    }

    /***** common page *****/


    /***** faq page*****/

    .common-top{
        margin-bottom: 15px;
    }

    .common-top .title h2, .title-en-top h2 {
        font-size: 18px;
    }

    .title-en-top{
		margin-bottom: 20px;
	}

    .faq-content img{
        width: auto;
    }

    .FAQ-list ul {
        margin-bottom: 15px;
    }

    .FAQ-list ul li{
        width: 100%;
        margin: 0 2% 5px 0;
        font-size: 12px;
        height: auto;
        padding: 5px;
        letter-spacing: 0em;
    }

    .FAQ-list ul li:nth-child(-n+4){
        margin-bottom:5px;
    }

    .FAQ-list ul li:nth-child(even){
        margin: 0 0 5px 0;
    }

    .FAQ-list ul li:after{
        display: none;
    }

    .FAQ-list ul li br{
        display: none;
    }

    .FAQ-page{
        width: 80%;
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .FAQ-title{
        margin-bottom: 0;
    }

    .FAQ-page dl{
        padding:20px 0;
        font-size: 12px;
        line-height: 1.75em;
    }

    .FAQ-page dl a{
		font-size: 12px;
    }


    .FAQ-page dl dt,
    .FAQ-page dl dd{
        padding-left: 50px;
        margin-left: 0;
    }

    .faq-content{
        width: 100%;
    }

    .FAQ-page dl dt:before,
    .FAQ-page dl dd:before{
        top: 0;
        left: 0;
        margin-top: 2px;
        padding: 7.5px;
    }

    .FAQ-page dl dt:after,
    .FAQ-page dl dd:after{
        top: 20.5px;
        left: 36px;
        vertical-align: middle;
    }

    /***** update *****/

	.genre-icon {
		font-size: 12px;
	}
    .article-list{
        width: 100%;
        float: none;
    }

    .article-list dl{
        padding: 15px 0;
    }

    .article-list h2.year {
        margin-left: 21px;
		font-size: 18px;
    }

    .year-box{
        float: none;
        margin-bottom: 35px;
    }

    .year-box p{
        padding: 10px;
    }

    .year-box p:first-child{
        display: none;
    }

    .year-box div{
        height: auto;
        width: 100%;
        padding-top: 0px;
        background-image: none;
    }

    .year-box ul li{
        width: 100%;
        height: auto;
        padding:2px 5px 2px 35px;
    }


    /***** news *****/
    .detale{
        width: 100%;
        margin-bottom: 25px;
        float: none;
    }

    .page-list{
        height: 25px;
        background: transparent;
    }

    .page-list p{
        font-size: 11px;
        padding:0;
        display: block;
        width: 100%;
        text-align: center!important;
    }

    .page-list p:first-child a,
    .page-list p:last-child a,
    .page-list p:nth-child(2) a
    {
        margin: 0;
    }

    .page-list p a:before{
        display: none!important;
    }

    .detale-contents{
        margin: 0;
    }

    p.tit03 {
        font-size: 15px;
        line-height: 1.25em;
        margin-top:25px;
    }

    .page-list:first-child{
        display: none;
    }

    .article-list{
		margin-bottom:20px;
		min-height: inherit;
    }

    /***** event *****/

    .article-list .event dl {
		padding-left: 0;
    }
    .article-list .event dl a{
		font-size: 14px;
    }

    .event .accepting:before,
    .event .closed:before{
		width: 50px;
		height: 20px;
		font-size: 11px;
		line-height: 20px;
		top: 40px;
		left: 0;
		border-radius:0;
    }

    .event .accepting:after{
		top: 20px;
		left: 50px;
		margin-top: -9px;
		border-left: 10px solid #f7931e;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
    }

    .event .closed:after {
		top: 20px;
		left: 50px;
		margin-top: -9px;
		border-left: 10px solid #b3b3b3;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
    }

    .event dl{
        padding-top: 40px;
    }

    .event .none{
        padding-top: 15px;
    }

    .event .title{
        padding-top: 18px;
    }

    .event .tit03{
        font-size: 15px;
        padding: 0 0 7px 0;
    }

    .detale-contents .item p{
        padding: 0;
    }

    .event .article-list dd a{
		font-size: 16px;
	}

    /***** detale *****/

    .detale .item,
    .detale .item p{
        width: 100%;
    }

    .detale .item table td{
        display: block;
        font-size: 12px;
        line-height: 1.25em;
    }

    /****** event detale ******/

    .event p.tit03:before {
		top: 50%;
		margin-top: -9px;
		left: -24px;
    }

    .event .title.none p.tit03:before {
		left: 15px;
    }

    .event .none .tit03{
		margin-top: 0px;
		padding-left: 45px;
    }

    .station{
        padding-bottom: 20px;
    }

    .station ul{
        width: 100%;
        margin-bottom: 10px;
    }

    .station ul li:first-child {
        font-size: 12px;
    }

    .value .list-layout01 li{
        line-height: 1.75em;
        margin-bottom:10px;
    }

    .materials,
    .property{
        padding:40px 0;
    }

    .property .box p {
        width: 100%;
    }

    .history-box ul li,
    .materials ul li{
        width: 100%;
        height: auto;
        margin: 0 0 10px!important;
        padding:10px 0;
    }

    .materials ul li:last-child{
        background-size: contain;
    }

    .materials ul li:last-child {
        width: 100%;
    }

    /***** recruitment *****/

    .recruitment .table-layout01 li{
		margin-left: 0em;
    }

    .table-layout01 td {
        font-size:13px;
    }

    .ggmap{
        width: 100%;
    }

    /***** terms *****/

    .terms .text p{
		width: 100%;
    }


    /***** plivacy policy *****/

    .terms .text b{
        margin-left: 0;
    }


    /***** contact *****/


    .contact .box{
        padding: 5%;
    }


    .contact table td{
        display: block;
        width: 100%!important;
        padding-left: 0!important;
        padding-top: 10px;
    }

    .contact tr:first-child td:first-child{
        padding-top: 0;
    }

    .contact input,
    .contact select,
    .contact .select-wrap{
        width: 100%!important;
        height: 35px;
    }

    .contact textarea{
        height: 125px;
    }

    .contact .btnbox input,
    .contact .btnbox .input_wrapper{
        width: 94%!important;
        height: 45px!important;
    }

    .contact select{
        font-size:12px;
        line-height: 35px;
    }

    .contact .select-wrap:before {
        height: 35px;
    }

    .contact .btnbox input {
        font-size: 12px;
    }


    .contact .input_wrapper{
        margin-left: 0!important;
    }

    .contact .btnbox{
        padding: 20px 0;
        margin-top: 30px;
    }

    .contact .btnbox .input_wrapper:after {
        left: 20px;
    }

    .contact .box p:first-child {
		margin-bottom: 5px;
    }

	.contact .select-wrap:after{
		top: 16px;
	}



    /***** contact confirmation *****/

    .contact .confirmation .text{
        margin-bottom: 15px;
    }

    .contact .confirmation .text p{
        font-size: 12px;
        text-align: left;
    }

    .contact .under table{
        margin-bottom: 5px;
    }

    .thanks .box .text .tit03{
        font-size:15px;
        font-weight: normal;
        margin-top: 10px;
        margin-bottom: 30px;
        padding: 0 0 15px 37px;
    }

    .thanks .box .text p:last-child {
		margin-bottom: 0;
    }

    .contact .thanks .btnbox {
		padding: 10px 0 18px;
    }

    .contact .linkbox p a{
        line-height: 45px;
    }

    /***** facebook link *****/

    .fblink .box{
        padding: 20px;
    }

    .fblink .box .tit03{
        padding:0 0px 15px 30px;
        margin-top: 10px;
        margin-bottom: 10px!important;
    }

    .fblink .box .tit03:before{
        left: 5px;
    }

    .fblink ul{
        padding-top: 10px;
    }

    .fblink ul li {
        font-size: 12px;
        line-height: 1.75em;
        margin-bottom: 10px;
    }


    .fblink .linkbox p,
    .fblink .linkbox p a{
        line-height: 1.5em;
    }

	/**** about *****/
	.page-text{
        width: 100%;
        margin-top: 10px;
        margin-bottom: 30px;
    }
	.history-table {
        margin-bottom: 30px;
        width: 100%;
		font-size: 12px;
		line-height: 1.5;
		margin-top: -20px;
	}
	.history-table td,.history-table th {
		padding: 10px 7px;
		vertical-align: top;
	}
	.history-table th, .history-category {
		white-space: normal;
		width: 100px;
		padding: 10px 0;
	}
	.container .history-table .history-category {
		padding-top: 11px;
	}
	.history-category {
		width: 65px;
	}
	.history-category-icon {
		font-size: 14px;
		line-height: 1.5;
		width: 107px;
		height: 21px;

	}

	.press .history-category-icon {
		position: relative;
		top: -3px;
	}

	.article-list h2.year {
		margin-left: 0px;
	}



	.press .history-table tr:first-child {
		padding-top: 20px;
	}

	.pc-year-cell {
		display: none;
	}
	.history-table .year-cell {
		display: table-row;
		width: 100%;
		border: 20px solid #fff;
		border-right: none;
		border-left: none;
	}
	.history-table .year-cell th {
		background: #0067b0;
		width: 100%;
		color: #fff;
	}
	.icon-description {
		padding: 15px;
		margin-bottom: 35px;
	}
	.icon-description h3 {
		margin-bottom: 10px;
		font-size: 15px;
	}
	.icon-description dl {
		float: none;
		width: 100%;
		margin: 0 0 10px 0;
		overflow: hidden;
	}
	.icon-description dd {
		font-size: 12px;
		display: block;
		padding-left: 43px;
		line-height: 1.5;
	}
	.icon-description dt {
		float: left;
	}
	.table-layout01 {
		margin-bottom: 20px;
	}
	.table-layout01 tr, .table-layout01 th,.table-layout01 td {
		width: 100%;
		display: block;
	}
	.table-layout01 th, .en .table-layout01 th {
		padding: 30px 20px 10px;
	}
	.table-layout01 th span {
		font-size: 10px;
		line-height: 1.4;
	}
	.table-layout01 td {
		padding: 20px 2px 0;
	}
	.works-table td {
		height: auto;
	}
	.table-layout02 th, .table-layout02 td, .en .table-layout02 th {
		padding: 7px 13px;
	}
	.table-layout02 {
		border: 1px solid #f2f2f2;
		border-right: none;
		border-left: none;
		font-size: 12px;
	}
	.table-layout01 .pc-vew {
		display: none!important;
	}
	.table-layout01 > tbody > tr {
		border-bottom: 30px #fff solid;
	}
	.list-layout01 {
		font-size: 12px;
	}
	.text-deco01 {
		font-size: 13px;
	}


	.about .title h2{
		font-size: 15px;
		letter-spacing: .2em;
		text-align: center;
	}


	.about .title p:nth-child(2){
		font-size: 11px;
		color: #1279b7;
		font-family: "Droid Serif", serif;
		text-align: center;
	}

	.about .table-layout02 .linkmark a{
		font-size: 13px;
	}

	.table-layout01 td.pt00{
		padding-top: 20px!important;
	}


	.materials ul li a[href$="pdf"]:after {
		right: 5px;
    position: absolute;
    top: 50%;
	}

	.materials ul li a {
		font-size: 15px;
	}

	/**** press & dl ****/
	.press .history-table td, .press .history-table th {
		padding: 14px 0;
	}
	.press .history-table th {
		padding: 14px 7px 14px 0;
		text-align: left;
		width: 55px;
		font-size: 14px;
	}
	.press .history-table a[href$="pdf"] {
		padding: 0;
		margin: 0;
		background: none;
		position: relative;
	}
	.press .history-table a[href$="pdf"]:after {
		content: '';
		width: 12px;
		height: 20px;
		background: url(../img/pdf-ico.gif) no-repeat right top;
		display: inline-block;
		margin: 0 0 -9px 5px;
		background-size: 12px auto;
	}
	.press .history-table .history-category {
		padding-top: 17px;
	}
	.press .history-table a {
		margin-top: -3px!important;
	}
	.press .article-list h2.year {
		margin-top: 10px;
	}
	.press .history-table td:last-child {
		padding-right: 0;
	}

	.press .pc-vew{
		display: none!important;
	}

	.dl-cont,.FAQ-page .dl-pdf-list dl {
		padding: 15px 0;
	}
	.dl-page dl dt, .dl-page dl dd,.dl-page dl dt span, .dl-page dd a,.dl-page dd ul a {
		font-size: 12px;
		padding-left: 0;
	}
	.dl-page dl dt {
		font-size: 14px;
		margin-bottom: 20px;
	}
	.dl-page .faq-content .dl-cont dl .fl {
		font-size: 12px;
		width: 100%;
		float: none!important;
		margin-bottom: 5px;
	}
	.FAQ-page .dl-cont dl {
		margin-top: 20px;
	}
	.dl-page .faq-content {
		margin-bottom: 30px;
	}
	.dl-page .faq-content .sp-lay-float .fl {
		float: none;
		width: 100%;
	}
	.dl-page .faq-content p.fl {
		padding-right: 5px;
	}
	.sp-auditee-img01 {
		width: 100%!important;
		height: auto;
	}
	.sp-auditee-img02 {
		display: block!important;
		text-align: center;
	}
	.dl-list.FAQ-list ul li {
		width: 100%;
		margin: 0 0 5px 0!important;
		padding: 0;
	}
	.dl-list.FAQ-list ul li a {
		padding: 5px;
	}


    /**** en ****/
    .en header .logo h1{
		/*text-align: center;*/
    }

    .en header .logo a{
        display: inline;
    }

    .fblink.fbpage .subtitle1 a {
		font-size:12px;
    }

    .fblink.fbpage .box img{
		top:4px;
    }

    .fblink.fbpage .box h2{
        font-size: 15px;
        line-height: 1.5em;
    }

    .fblink.fbpage .tit03{
        font-size: 12px;
        padding:0 5px 10px 25px!important;
    }

    .fblink.fbpage p,
    .fblink.fbpage li{
        line-height: 1.25em
    }

    .fblink.fbpage .subtitle1 {
		text-align: left;
    }

    .fblink.fbpage .box03{
        padding-bottom: 10px;
    }

    .en footer .sitemap ul{
        min-width: inherit;
        padding: 0;
        margin-bottom: 20px;
        width: 80%;
    }


    .en footer .sitemap ul li:nth-child(even){
		display: block;
		float:none;
		width: 100%;
    }

    .en footer .sitemap ul li:nth-child(odd){
        display: none;
    }


    .en footer .sitemap ul li{
        margin-top: 0;
        border-bottom: 1px #e6e6e6 solid;
    }

    .en footer .sitemap ul li:nth-child(8){
        border-bottom: 0!important;
        margin-bottom: 10px;
    }

    .en .title img{
        width: 16px;
        height: auto;
    }
    .en-doc-title h3 {
		font-size: 14px;
	}
	.work-head-text {
		margin-bottom: 20px;
		font-size: 13px;
		line-height: 1.8;
	}


    /***** search *****/

    .search .return{
        width: 100%;
        margin: 0px auto 40px;
    }

    .search .box{
        padding: 20px;
    }

    .search .under{
        margin-bottom: 10px;
        padding-bottom: 15px;
    }

    .about .box04,
    .en .box04{
		width: 100%;
		margin: 0 auto;
    }

    .about .box04 p,
    .en .box04 p{
		width: 100%;
    }

	.box04 .linkmark:after {
		right: 110px;
	}

    /***** PUBLICATION *****/

    #newsletter .FAQ-list {
      padding: 0;
    }

    #newsletter .FAQ-list li {
        width: 32%;
        margin: 0 0 5px 2%!important;
    }

    #newsletter .FAQ-list li:nth-child(3n+1){
        margin-left: 0!important;
    }

	/*add*/
	.table-layout01 td p:last-child a {
		font-size: 11px;
	}
	.table-layout01 td p:last-child a {
		font-size: 11px;
	}



}





@media screen and (max-width: 560px) {
    .link .box-wrapper {
		height: 195px;
    }

    .FAQ-list ul li:last-child br{
		display: block;
    }

    .event dl br{
        display: block;
    }

    .event dt span {
        margin-left: 0;
    }

    .event dt span.genre-icon {
		margin-left: 10px;
    }

    .fblink .subtitle1{
		text-align: center;
    }

	.press .history-category {
		display: none;
	}
}


@media screen and (max-width: 320px) {
	footer .box02 p br:last-child{
		display: block;
    }

    .contact select {
        font-size: 11px;
    }

}