@charset "utf-8";

/* --------------------
 base settings
-------------------- */
body{
    margin:0 !important;
}
#csr_responsive2 {
    margin: 0;
    padding: 30px 15px;
    box-sizing: border-box;
    color:#000;
    line-height:1.4;
    -webkit-text-size-adjust: 100%;
}
@media screen and (min-width:769px), print{
    #csr_responsive2 {
    width:1000px;
    padding: 40px 25px 20px;
    }
}
#csr_responsive2 * {
    margin: 0;
    padding: 0;
    box-sizing: inherit;
}
/* Bugfix for Android font-size
#csr_responsive2 * {max-height: 999999px;}
*/
#csr_responsive2 ol, #csr_responsive2 ul {
	list-style: none;
}
#csr_responsive2 img {
    height: auto;
    max-width: 100%;
    vertical-align: top;
}
#areaWrapper2 {
	width:100% !important;
}
/* --------------------
 shimajiro
-------------------- */
#shimajiro{
	font-family: "源ノ角ゴシック JP" , "モトヤLシーダ3等幅", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "helvetica", sans-serif;
  font-weight: 300;
}
#shimajiro section{
	position: relative;
}
#shimajiro .container{
	max-width: 1230px;
	width:100%;
	margin:0 auto;
}
/* --------------------
 shimajiro -mv
-------------------- */
#shimajiro .shimajiro_mv{
	margin: 0 auto;
}
#shimajiro .shimajiro-bg_mv{
    background-image:url("/library/contents/csr/shimajiro/kvbg.jpg");
    background-size: cover;
}
#shimajiro .shimajiro_mv_tittlelogo{
    background-color: #fff;
    max-width: 100%;
    width:100%;
    padding:20px 0;
    text-align: center;
}
#shimajiro .shimajiro_mv_tittlelogo img{
    width:500px;
}
@media screen and (max-width:769px){
    #shimajiro .shimajiro_mv_tittlelogo img{
        max-width: 375px;
        width:75%;
    }
}
/* --------------------
 shimajiro -outline
-------------------- */
#shimajiro .shimajiro_outline_bg{
    background-color: #fff;
    padding: 30px 20px 40px;
}
#shimajiro .shimajiro_outline_title{
    color:#14A83C;
    font-size: 3em;
    font-weight: 800;
    font-family: "平成丸ゴシック Std" , "モトヤLシーダ3等幅", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "helvetica", sans-serif;
}
#shimajiro .shimajiro_outline_text{
    font-size: 1.5em;
}
@media screen and (max-width:769px){
    #shimajiro .shimajiro_outline_title{
        font-size: min(7.5vw, 2rem);
    }
    #shimajiro .shimajiro_outline_text{
        font-size: min(4.6vw, 1.5rem);
    }
}
/* --------------------
 shimajiro -pamplet
-------------------- */
#shimajiro .shimajiro-pamplet_bg{
    background-color: #C3EC8D;
    background-image: url("/library/contents/csr/shimajiro/bg.svg");
    background-size: 860px 600px;
    padding: 75px 20px;
}
#shimajiro .shimajiro_pamplet_text{
    font-size: 1.5em;
    font-weight: bold;
}
#shimajiro .shimajiro_pamplet_img{
    max-width: 898px;
    width:100%;
    margin: 0 auto;
}
#shimajiro .shimajiro_pamplet_subtitle{
    max-width: 613px;
    width:100%;
    margin:0 auto;
}
#shimajiro .shimajiro_pamplet_quiz{
    max-width:1124px;
    width:100%;
    margin:0 auto;
}
@media screen and (max-width:769px){
    #shimajiro .shimajiro_pamplet_text{
        font-size: min(4.6vw, 1.5rem);
    }
    #shimajiro .shimajiro_pamplet_subtitle{
        width:75%;
    }
}
/* --------------------
 shimajiro -ecodane
-------------------- */
#shimajiro .shimajiro-ecodane_bg{
    background-image: url("/library/contents/csr/shimajiro/bg-green.svg");
    background-size: 860px 600px;
        padding: 120px 20px 75px;
}
#shimajiro .shimajiro-ecodane_title{
    font-size: 1.5em;
    position: relative;
}
#shimajiro .shimajiro-ecodane_title::before{
    content: "";
    position: absolute;
    height: 3px;
    width:100%;
    background-color:#7ABA2D ;
    left: 0;
    top:-2em;
}
#shimajiro .shimajiro-ecodane_title::after{
    content: "";
    position: absolute;
    height: 3px;
    width:100%;
    background-color:#7ABA2D ;
    left: 0;
    bottom:-2em;
}
#shimajiro .shimajiro-ecodane_subtitle{
    font-family: "平成丸ゴシック Std" , "モトヤLシーダ3等幅", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "helvetica", sans-serif;
    position: relative;
    color:#14A83C;
    font-size: 1.5em;
    font-weight: bold;
    padding:50px;
}
.shimajiro-ecodane_text{
    padding:0 20px;
}
#shimajiro .shimajiro-ecodane_subtitle.shimajiro-ecodane_icon h4{
    position: relative;
    padding:0 80px;
    display: inline-block;
}
#shimajiro .shimajiro-ecodane_subtitle.shimajiro-ecodane_icon h4::before{
    content: "";
    position: absolute;
    background-image: url(/library/contents/csr/shimajiro/icon.svg);
    top: 50%;
    transform: translateY(-50%);
    background-size: contain;
    background-repeat: no-repeat;
    left:10px;
    width:50px;
    height:50px;
}
#shimajiro .shimajiro-ecodane_subtitle.shimajiro-ecodane_icon h4::after{
    content: "";
    position: absolute;
    background-image: url(/library/contents/csr/shimajiro/icon.svg);
    top: 50%;
    transform: translateY(-50%);
    background-size: contain;
    background-repeat: no-repeat;
    right:10px;
    width:50px;
    height:50px;
}
#shimajiro .shimajiro-ecodane_col2{
    display: flex;
    flex-wrap: wrap;
    vertical-align: middle;
    justify-content: space-between;
}
#shimajiro .shimajiro-ecodane-item{
    width:calc(50% - 50px);
    margin:30px 20px;
}
@media screen and (max-width:769px){
    #shimajiro .shimajiro-ecodane_title{
        font-size: min(4.6vw, 1.5rem);
    }
    #shimajiro .shimajiro-ecodane_subtitle{
        font-size: min(4.6vw, 1.5rem);
        padding: 30px 0;
    }
    #shimajiro .shimajiro-ecodane_col2{
        display: block;
    }
    #shimajiro .shimajiro-ecodane-item{
        width:100%;
        margin:30px 0;
    }
}