@charset "utf-8";

/* product setting
-------------------------------------------------------------------*/

.product_explain {
	margin-bottom:40px;
	padding-bottom:40px;
	border-bottom:#CCC 1px dotted;
	text-align:center;
}
.product_explain dt {
	margin-bottom:20px;
}

/**/

.product_explain_02 {
	margin-bottom:40px;
	text-align:center;
}
.product_explain_02 dt {
	margin-bottom:20px;
}
.product_explain_02 dd ul {
	padding:20px;
	background:#EEE;
}
.product_explain_02 dd ul li {
	margin:5px 0;
}


/**/
.product_bnr .left_area {
	float:left;
}
@media screen and (max-width:760px) {
.product_bnr .left_area {
	float:none;
	margin-bottom:20px;
}
}

.product_bnr .right_area {
	float:right;
}
@media screen and (max-width:760px) {
.product_bnr .right_area {
	float:none;
}
}

/**/

.product_box .left_area {
	float:left;
}
@media screen and (max-width:760px) {
.product_box .left_area {
	float:none;
	margin-bottom:20px;
}
}

.product_box .right_area {
	float:right;
	width:700px;
}
@media screen and (max-width:760px) {
.product_box .right_area {
	float:none;
	width:auto;
}
}

.product_box .right_area dl {
	margin-bottom:20px;
}
.product_box .right_area dl dt {
	margin-bottom:15px;
	padding-bottom:14px;
	border-bottom:#AAA 1px dotted;
	font-size:115%;
	font-weight:bold;
	color:#4557A3;
}
.product_box .right_area ul li {
	float:left;
	margin-right:40px;
}
.product_box .right_area ul.List li{float: none;margin-right: 0;}
@media screen and (max-width:760px) {
	body{max-width: 100%;overflow-x: hidden;}
	body *{box-sizing: border-box;}
.product_box .right_area ul li {
	float:none;
	margin-right:0;
	margin-bottom:10px;
	text-align:center;
}
.product_box .right_area ul.List li{text-align: left;}
}
@media screen and (min-width:761px) {
.thumbnail {
	max-width: 260px;
}
}

/* contact setting
-------------------------------------------------------------------*/
.contact_bnr {
	margin-bottom:40px;
	padding-bottom:40px;
	border-bottom:#AAA 1px dotted;
}

.contact_bnr li {
	float:left;
	margin-right:20px;
}
@media screen and (max-width:760px) {
.contact_bnr li {
	float:none;
	margin-right:0;
	margin-bottom:20px;
}
}

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

/**/

.form_submit {
	display:block;
	width:200px;
	margin:0 auto;
	padding:10px 0;
	text-align:center;
	font-family: Helvetica , "メイリオ" , "游ゴシック" , "Yu Gothic" , sans-serif;
	font-size:130%;
}

/* top setting
-------------------------------------------------------------------*/
#top_main {
	background:url(../image/top/bg_mainslide.jpg) repeat-x;
	background-size:auto 100%;
	padding:5px 0;
}
.bx-wrapper {
	box-shadow: 0 0 12px -2px rgba(0,0,0,.75);
}
.top_bnr {
	margin-bottom:40px;
}
.top_bnr li {
	float:left;
	width:320px;
	margin-right:20px;
}
@media screen and (max-width:760px) {
.top_bnr li {
	float:none;
	width:280px;
	margin-right:0;
	margin:0 auto 20px;
}
}


.top_bnr li:last-child {
	margin-right:0;
}
@media screen and (max-width:760px) {
.top_bnr li:last-child {
	margin:0 auto 20px;
}
}

.top_bnr li dl dt {
	margin-bottom:10px;
}

/**/
.information {
	width: 100%;
	height: 350px;
	overflow-y: scroll;
}
.information dl {
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:#AAA 1px dotted;
}
.information dl dt {
	float:left;
	margin-right: 1em;
}
.information h5 {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 15px
}
.information p {margin-bottom: 10px}
.information p._mb0 {margin-bottom: 0;}

@media screen and (max-width:760px) {
.information dl dt {
	float:none;
	width:auto;
}
}

.information dl dt span {
	display:block;
	padding-left:20px;
	background:url(../image/common/ico_arrow_01_01.gif) no-repeat left center;
	color:#243993;
	font-weight:bold;
}
.information dl dd {
	float:right;
	width:830px;
}
@media screen and (max-width:760px) {
.information dl dd {
	float:none;
	width:auto;
}
}

/**/

.facebook-tit img {
	width:auto;
	max-width:100%;
	height:auto;
}
.facebook_book {
	/*width:470px;
	margin:0 auto;*/
	padding:0 20px;
}
.fpc{
	display:block;
}
.fsp{
	display:none;
}
@media screen and (max-width:760px) {
.facebook-tit img {
	max-width:300px;
}
.fpc{
	display:none;
}
.fsp{
	display:block;
	width:300px;
	margin:0 auto;
}
.facebook_book {
	/*width:auto;
	margin:0 auto;*/
}

}

.facebook_book .left_area {
	float:left;
	width:470px;
}
@media screen and (max-width:760px) {
.facebook_book .left_area {
	float:none;
	width:auto;
	margin-bottom:30px;
}
}

.facebook_book .right_area {
	float:right;
	width:470px;
}
@media screen and (max-width:760px) {
.facebook_book .right_area {
	float:none;
	width:auto;
}
}

.facebook_book iframe {
	margin:0 auto;
}

@media screen and (max-width:760px) {
.facebook_book iframe {
	width:100%;
	height:250px;
}
}



/* cryo_treatment setting
-------------------------------------------------------------------*/
.ect_step {
	margin-bottom:40px;
}
.ect_step li {
	float:left;
	margin-right:40px;
}
@media screen and (max-width:760px) {
.ect_step li {
	float:none;
	margin-right:0;
	text-align:center;
	margin-bottom:20px;
}
}

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

/**/

.ect_process {
	padding:25px 5%;
	width:90%;
	display:table;
	text-align:center;
}
@media screen and (max-width:760px) {
.ect_process {
	width:inherit;
	padding:0;
	display:block;
}
}

.ect_process > p {
	display:table-cell;
	vertical-align:bottom;
	width:50%;
	text-align:center;
}

@media screen and (max-width:760px) {
.ect_process p {
	float:none;
	width:inherit;
	display:block;
	padding-top:15px;
}
}

/**/

.ect_point li {
	padding-left:20px;
	background:url(../image/common/ico_arrow_01_02.gif) no-repeat left center;
}

/* technical setting
-------------------------------------------------------------------*/
.technical_box {
	padding:20px;
	background:url(../image/common/bg_texture_02_01.gif) repeat;
	color:#FFF;
	font-weight:bold;
	line-height: 2em;
	overflow: hidden;
}
.technical_box figure {
	float: left;
	max-width: 240px;
	margin: 0 20px 0 0;
}
.technical_box figure img {
	max-width: 100%;
	height: auto;
}
.technical_box figure figcaption {
	text-align: center;
	font-weight: normal;
}
@media screen and (max-width:760px) {
	.technical_box figure {
		max-width: 100%;
		margin: 0 0 20px 0;
	}
}

/**/

.technical_box_02 {
	margin-bottom:40px;
	padding:20px 60px;
	border:#CCCCCC 5px solid;
	border-radius: 10px;
}
@media screen and (max-width:760px) {
.technical_box_02 {
	margin-bottom:40px;
	padding:10px;
}
}


.technical_box_02 .left_area {
	float:left;
	width:480px;
}
@media screen and (max-width:760px) {
.technical_box_02 .left_area {
	float:none;
	width:auto;
	margin-bottom:20px;
}
}

.technical_box_02 .right_area {
	float:right;
	width:328px;
}
@media screen and (max-width:760px) {
.technical_box_02 .right_area {
	float:none;
	width:auto;
}
}


/* usb setting
-------------------------------------------------------------------*/
.usb_box {
	padding:40px;
	background:url(../image/common/bg_texture_02_02.gif) repeat;
}

.usb_box_02 {
	margin-bottom:20px;
	padding:20px 0;
	border-top:#000000 1px solid;
	border-bottom:#000000 1px solid;
	text-align:center;
}
.box30 {
    margin: 2em 0;
}
.box30 p {
    padding: 10px;
    margin: 0;
    color: #2c66a6;
}

.box30 {
    border:double #2c66a6 5px;
    border-radius: 4px;
    margin: 2em 0;
    padding: 2em 1em 1em;
    position: relative;
}
.box30::before {
    background-color: #fff;
    color: #2c66a6;
    content: "2008年「EXC-CD処理サービス」が池田市の奨励大賞・審査員特別賞を受賞";
    font-weight: bold;
    left: 15%;
    right: 15%;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
    text-align: center;
    font-size: 1.3em;
}
@media screen and (max-width: 760px) {
.box30::before {
    font-size: 1.0em;
    left: 5%;
    right: 5%;
}
}
.exc-cd01 {
    max-width: 300px !important;
    margin: 0 auto 30px !important;
}


/* Campaign
-------------------------------------------------------------------*/

/* top表示 */
.tulink {
	margin-top:20px;
}
.tulink p {
	width:1000px;
	box-sizing:border-box;
	text-align:left;
	font-size:15px;
	margin:5px auto;
	border:solid 10px #243993;
	padding:10px 25px;
}
.tulink img{
	max-width:100%;
}
.tulink p a{
	display:inline-block;
	padding:5px 10px;
	margin:10px 5px 5px;
}

/* page */

.camt01 {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:25px;
	margin:5px 0 20px;
	color:#da1313;
	letter-spacing:1px;
}
.camt02 > li{
	position:relative;
	margin-top:2px;
}

.outstanding {
    background: #243993;
    padding: 0.5em;
    color: white;
    border-radius: 0.5em;
    line-height: 2em;
}


.camt02 > li > dl{
	position:relative;
	background-color:#f1f1f1;
	padding:3px;
}
.camt02 > li > dl > dt{
	position:absolute;
	left:0;
	top:7px;
	width:270px;
	text-align:right;
}
.camt02 > li > dl > dt > span{
	display:inline-block;
	letter-spacing:1.5px;
}
.camt02 > li > dl > dd{
	margin-left:280px;
	padding:5px 20px;
	background-color:#fff;
}
.camt02 dd figcaption p {
    padding-left: 86px;
}
.camt02 dd img {
    display: block;
    margin: 10px 0 10px 75px;
    max-width: 325px;
}

@media screen and (max-width: 760px) {
.tulink p {
	width:inherit;
	margin:5px 0 25px;
	border:solid 5px #243993;
	padding:10px 2%;
	font-size:13px;
}
.tulink p a{
	width:80%;
	display:block;
	padding:5px 10px;
	margin:10px auto 5px;
	text-decoration:none;
	color:#fff;
	text-align:center;
	background-color:#243993;
}
.camt01 {
    font-size: 19px;
	text-align:center;
}
.camt01 br{
	display:none;
}
.camt02 > li > dl > dt{
	position:relative;
	width:inherit;
	text-align:center;
	top:inherit;
	padding:5px 0;
}
.camt02 > li > dl > dd{
	margin:0;
	padding:5px 4%;
}
.camt02 dd figcaption p{
	padding-left:0;
}
.camt02 > li > dl > dd a{
	display:inline-block;
	text-decoration:underline;
}
.camt02 dd img {
    display: block;
    margin: 10px auto;
    max-width: 90%;
}
}

/******************************************************/
/*2020/08 追加css*/
/******************************************************/
.effect li {
	list-style-type: decimal;
	margin: 0 0 10px 20px;
}
.effect li strong {
	color: #243992;
}

.hst {
	width: 100%;
	margin: 0 auto 25px;
}
.hst-img {
	width: 100%;
	max-width: 680px;
	margin: 0 auto 20px;
	overflow: hidden;
}
.hst-img img {
	max-width: 100%;
	height: auto;
}
.hst-img p {
	display: inline-block;
	float: right;
	background-color: #e3efff;
	padding: 0 1%;
	box-sizing: border-box;
}
.hst-txt p {
	line-height: 2em;
	margin-bottom: 15px;
}
.hst-txt p a {
	display: inline;
	color: #243993;
}

.fifteenth {
	width: 100%;
	margin: 0 auto;
	background-color: #efefef;
	padding: 2%;
	box-sizing: border-box;
}
.fifteenth-inner {
	border: 3px solid #fff;
	padding: 2% 4%;
	box-sizing: border-box;
	text-align: center;
}
.fifteenth-inner h3 {
	font-size: 20px;
	font-weight: bold;
	line-height: 2em;
	margin: 0 auto 10px;
	color: #243993;
}
.fifteenth-inner h4 {
	font-size: 16px;
	line-height: 2em;
	margin: 0 auto 10px;
}
.fifteenth-inner h4 a {
	color: #243993;
}
.fifteenth-inner p {
	line-height: 2em;
	margin-bottom: 15px;
}
.fifteenth-inner ul {
	width: 100%;
	max-width: 780px;
	margin: 0 auto;
}
.fifteenth-inner ul li {
	max-width: 780px;
	margin: 0 0 10px 25px;
	text-align: left;
	list-style-type: disc;
	border-bottom: dashed 1px #333;
}
.fifteenth-inner ul li a {
	text-decoration: none;
}
.fifteenth-inner ul li a span {
	margin-left: 5px;
}
.fifteenth-inner ul li a span img {
	max-width: 25px;
	height: auto;
	vertical-align: text-bottom;
}
.cd-fifteen {
	border: 2px solid red;
	border-radius: 6px;
	padding: 2%;
	box-sizing: border-box;
	text-align: center;
	font-size: 1.2em;
	line-height: 2em;
}
.cd-fifteen strong {
	display: block;
	color: red;
	font-size: 1.2em;
	margin-bottom: 10px;
}
@media screen and (max-width: 760px) {
	.fifteenth-inner h3 {
		font-size: 16px;
	}
}


/******************************************************/
/*2021/09/07 追加css*/
/******************************************************/
.se-box{
	display: flex;
	justify-content: space-between;
}
/*.se-inner01{
	width: 65%;
}*/
.se-inner02{
	width: 30%;
}
.se-img01{
	text-align: center;
	margin-bottom: 1em;
}
/*.se-img01 img{
	width: 80%;
}*/

@media screen and (max-width: 760px){
	.se-box{
		display: block;
	}
	.se-inner01{
		width: 100%;
	}
	.se-inner02{
		width: 100%;
		margin-top: 2em;
	}
	.se-img01 img{
		width: 90%;
	}
}

/******************************************************/
/*2021/12/28 追加css*/
/******************************************************/
.se-box .se-inner03{
    width:40%;
}
.se-box .se-inner03 .se-img01{
    text-align: right;
}
.se-box .se-inner03 img{
    width:90%;
}

@media screen and (max-width: 760px){
    .se-box .se-inner03{
        width:100%;
    }
    .se-box .se-inner03 .se-img01{
        text-align: center;
    }
}


/****20220314******/
.se-inner01 h3 {
	text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 2em;
    margin: 0 auto 10px;
    color: #243993;
}
._color-blue {color: #243993;}
.se-inner01 h3._txtl {text-align: left;}
._txtr{text-align: right;}
ul.List{padding: 0;margin-right: auto;margin-left: auto;}
ul.List li{position: relative;padding: 0 0 0.25em 1.5em;text-align: left;}
ul.List li .coron{position: absolute;top:0;left:0;}
._mt60{margin-top: 60px !important;}
._mb20{margin-bottom: 20px !important;}._mb30{margin-bottom: 30px !important;}._mb60{margin-bottom: 60px !important;}
.border-bottom{border-bottom: 1px solid #000;}
._fwb{font-weight: bold;}
._fs150{font-size: 150%;}
._pb-1rem{padding-bottom: 1rem;}
._mb-1rem{margin-bottom: 1rem;}
time{color: #adadad;font-size: 12px;}
._list03{display: flex;flex-flow: row wrap;grid-column-gap: 2%;}
._list03 li {margin-top: 1em;width: calc(96% / 3);}