@charset "UTF-8";
/**************************************************/
/* ページ個別CSS */
/**************************************************/

/* 非表示 */
#detail01,#detail04{display:none!important;}

/* オリジナル資材 */
.subtext{padding-top:40px;}
/* タイトル */
#pageTitle{background:url(../img/pageTitle_bg.jpg) no-repeat; background-size:100%;}
#pageTitle img{padding:7.7% 0;}

/* 左コンテンツ */
#leftContents{background:#FFF;}
.detailBox{display:block; width:auto; padding:80px 0; border-bottom:1px solid #cdcdcd; background-image:none;}

.detailBox .detailTitle{font-size:24px; width:auto; margin:0 auto 30px; border-bottom:2px solid #007a66; background-image:none;}
.detailBox .detailImage{width:auto; height:auto;}
.detailBox .detailImage img{width:100%; height:auto; border:none;}

.detailBox .detailDescription > div{margin-top:40px;}
.detailBox .floater:after{content:''; display:block; clear:both;}
.detailBox .leftBox1{float:left; margin-right:10px;}
.detailBox .leftBox2{float:left;}
.detailBox .leftBox2 li{list-style:none; position:relative; padding:7px 0 8px 1em; font-size:14px;}
.detailBox .leftBox2 li:before{content:'●'; display:inline-block; width:1em;position:absolute; left:0; color:#333;}

.detailBox .detailDescription .textHead{margin-bottom:15px; padding-bottom:10px; font-size:18px; font-weight:bold; background:url(../../img/border.png) repeat-x left bottom;}
.detailBox .detailDescription li{list-style:none; position:relative; padding:5px 0 5px 1.2em; font-size:14px;}
.detailBox .detailDescription li:before{content:'●'; display:inline-block; width:1em;position:absolute; left:0; color:#333;}

.detailBox .detailDescription table{width:100%; border-collapse:collapse;}
.detailBox .detailDescription table tr{border-bottom:1px solid #cdcdcd; border-right:1px solid #cdcdcd;}
.detailBox .detailDescription table th{width:33%; padding:1em; background:#e6e6e6; border-top:1px solid #cdcdcd; border-left:1px solid #cdcdcd; vertical-align:middle; text-align:center;}
.detailBox .detailDescription table td{padding:1em; border-left:1px solid #cdcdcd; vertical-align:middle; text-align:center;}

.detailBox .detailDescription .leftpad{padding-left:1em;}
.detailBox .detailDescription .list{padding-top:10px; padding-left:1.2em; position:relative;}
.detailBox .detailDescription .list span{position:absolute; left:0;}
.detailBox .detailDescription .backgreen{margin:10px auto; padding:10px; background:#cce4e0;}

.detailBox  .usedpoint{border:1px solid #007a66;}
.detailBox  .usedpoint p{padding:10px;}
.detailBox  .usedpoint ul{padding:0 10px;}
.detailBox  .usedpoint .usehead{background:#cce4e0;}
.detailBox  .usedpoint .list{position:relative; padding-left:2em; padding-bottom:0;}
.detailBox  .usedpoint span{position:absolute; left:10px;}
.detailBox  .usedpoint .green{color:#007a66;}

#detail01{padding-top:60px;}
#detail02{}
#detail03 p.list{padding-left:2em;}
#detail03 p.list span{left:10px;}
#detail04 li{padding:0 0 5px 1.2em;}
#detail04 .usedpoint ul{padding-top:10px; padding-bottom:5px;}
#detail05{}
#detail06 .detailDescription .leftpad{margin-bottom:20px; padding-left:10px;}
#detail07 table th,
#detail07 table td{width:25%;}


.detailBox .info{margin-top:40px;}
.detailBox .info li{list-style:none; position:relative; margin-bottom:15px; font-size:14px;}
.detailBox .info li span{position:absolute; left:0; padding:0 0.5em;}
.detailBox .info li a{text-decoration:underline;}

.info .textHead{margin-bottom:20px; padding:10px; font-size:16px; font-weight:bold;  border-left:5px solid #39899f; background:#ebf3f5;}

.info .lis01{padding-left:9.5em;}
.info .lis02{padding-left:14.5em;}
.info .lis03{padding-left:10.5em;}
.info .lis04{padding-left:10.5em;}
.info .lis05{padding-left:6.5em; margin-bottom:0;}

.info .lis01 span{background:#fbe2cc;}
.info .lis02 span{background:#e1f2cd;}
.info .lis03 span{background:#d7e7ec;}
.info .lis04 span{background:#cce6f5;}
.info .lis05 span{background:#fff4cf;}



/* スマホ版最適化 */
/* オリジナル資材 */
#spMode .subtext{padding-top:20px;}
/* タイトル */
#spMode #pageTitle{background:url(../img/pageTitle_bg.jpg) no-repeat; background-size:100%;}
#spMode #pageTitle img{padding:6.2% 0!important;}

/* 左コンテンツ */
#spMode .detailBox{display:block; width:auto; padding:50px 0; border-bottom:1px solid #cdcdcd; background-image:none;}

#spMode .detailBox .detailTitle{font-size:24px; width:auto; margin:0; padding-bottom:18px; border-bottom:2px solid #007a66; background-image:none;}
#spMode .detailBox .detailImage{width:100%; height:auto; margin:0; padding:30px 0 15px!important;}
#spMode .detailBox .detailImage img{width:100%; height:auto; margin:0!important; border:none;}

#spMode .detailBox .detailDescription > div{margin-top:25px;}
#spMode .detailBox .floater:after{content:none;}
#spMode .detailBox .leftBox1{float:none; margin:0 auto!important;}
#spMode .detailBox .leftBox2{float:none;}
#spMode .detailBox .leftBox2 ul{margin-left:0!important; margin-right:0!important;}
#spMode .detailBox .leftBox2 li{list-style:none; position:relative; padding:7px 0 8px 1em; font-size:14px;margin:0!important;}
#spMode .detailBox .leftBox2 li:before{content:'●'; display:inline-block; width:1em;position:absolute; left:0; color:#333;}

#spMode .detailBox .detailDescription .textHead{margin-bottom:15px!important; padding-bottom:10px; font-size:18px; font-weight:normal; background:url(../../img/border.png) repeat-x left bottom;}
#spMode .detailBox .detailDescription ul{margin-left:0!important; margin-right:0!important;}
#spMode .detailBox .detailDescription li{list-style:none; position:relative;margin:0!important; padding:5px 0 5px 1.2em; font-size:14px;}
#spMode .detailBox .detailDescription li:before{content:'●'; display:inline-block; width:1em;position:absolute; left:0; color:#333;}

#spMode .detailBox .detailDescription table{width:100%; font-size:14px; line-height:1.5em; border-collapse:collapse;}
#spMode .detailBox .detailDescription th{padding:10px;}
#spMode .detailBox .detailDescription td{padding:10px;}

#spMode .detailBox .detailDescription .leftpad{padding-left:1em;}
#spMode .detailBox .detailDescription .list{padding-top:10px; padding-left:1.2em; position:relative;}
#spMode .detailBox .detailDescription .list span{position:absolute; left:0;}
#spMode .detailBox .detailDescription .backgreen{margin:10px auto!important; padding:10px; background:#cce4e0;}

#spMode .detailBox  .usedpoint p{padding:10px;}
#spMode .detailBox  .usedpoint ul{padding:0 10px;}
#spMode .detailBox  .usedpoint .list{position:relative; padding-left:2em; padding-bottom:0;}
#spMode .detailBox  .usedpoint span{position:absolute; left:10px;}

#spMode #detail01{padding-top:30px;}
#spMode #detail02{}
#spMode #detail03 p.list{padding-left:2em;}
#spMode #detail03 p.list span{left:10px;}
#spMode #detail04 li{margin:0!important;padding:0 0 5px 1.2em;}
#spMode #detail04 .leftpad{padding-left:21px;}
#spMode #detail04 .usedpoint ul{padding:10px 15px 5px;}
#spMode #detail05{}
#spMode #detail06 .detailDescription .leftpad{margin-bottom:20px; padding-left:15px;}


#spMode .detailBox .info{margin-top:40px;}
#spMode .detailBox .info li{margin:0!important;list-style:none; position:static; margin-bottom:15px;}
#spMode .detailBox .info li span{position:static; padding:0 0.5em;}
#spMode .detailBox .info li p{margin-top:5px!important;}
#spMode .detailBox .info li a{text-decoration:underline;}

#spMode .info .textHead{font-size:16px; margin-bottom:20px!important; padding:10px; border-left:5px solid #39899f; background:#ebf3f5;}

#spMode .info .lis01{padding-left:0;}
#spMode .info .lis02{padding-left:0;}
#spMode .info .lis03{padding-left:0;}
#spMode .info .lis04{padding-left:0;}
#spMode .info .lis05{padding-left:0; margin-bottom:0;}

.info .lis01 span{background:#fbe2cc;}
#spMode .info .lis02 span{background:#e1f2cd;}
#spMode .info .lis03 span{background:#d7e7ec;}
#spMode .info .lis04 span{background:#cce6f5;}
#spMode .info .lis05 span{background:#fff4cf;}