@import url(https://fonts.googleapis.com/css?family=Pacifico);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans);
@import url(nav.css);
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
object,embed{vertical-align:top;}
legend{display:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img,abbr,acronym,fieldset{border:0;}

body{
	font: 11px/1.9 'Noto Sans JP', Arial, Verdana, 游ゴシック, YuGothic,'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo,sans-serif;
	font-weight: 300;
	-webkit-text-size-adjust:100%;
	overflow-x: hidden;
	color: #000;
}

a{
	color: #0066ff;
	text-decoration: none;
}

a:hover, .active{
  text-decoration: underline;
}

a:active, a:focus,input:active, input:focus{outline:0;}



/* ここから
------------------------------------------------------------*/



/* 共通
------------------------------------------------------------*/
h1, h2, ,h3 ,p{
	font-family: 'Josefin Sans', 'Noto Sans JP',serif;
}

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

section{clear:both;}

section h3{
	font-size: 18px;
	font-weight:normal;
	text-align: center;
        width:75%;
        bborder-left:solid 5px green;
       
}




/* すまほ対応
------------------------------------------------------------*/

@media only screen and (min-width: 641px){
}

@media only screen and (max-width: 440px){
}

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


section h2, h3{
	font-size: 14px;
	font-weight:normal;

}

/* すまほヘッダー
------------------------------------------------------------*/

#header{
    height:368px;

    background-image: url(../images/mainbc.jpg);

    background-position: center center;
   
  /* 画像をタイル状に繰り返し表示しない */
    background-repeat: no-repeat;
   
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
    background-attachment: fixed;
   
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
    background-size: cover;
   
  /* 背景画像が読み込まれる前に表示される背景のカラー */
    background-color: #464646;
zz-index:-10;

    filter: blur(0px);
     }

#header h1{
font-family: "游ゴシック", "Yu Gothic";
        position:absolute;
        top:190px;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
wwidth:85%;
	font-size: 20px;
	font-weight:Bold;
　　　　font-style: oblique;
       z-index:1;
        color:#fff;
    animation: fadeIn 7s ease 0s 1 normal;
    -webkit-animation: fadeIn 7s ease 0s 1 normal;
text-shadow: 1px 2px 5px #000000;
text-align:center;
bborder:solid 1px #000000;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}



/* すまほコンテンツ
------------------------------------------------------------*/

#co-2-0{margin-top:20px;
margin-bottom:30px;
}
#co-2-1{margin-top:20px;
margin-bottom:30px;
}
#co-2-2{margin-top:20px;
margin-bottom:30px;
}
#co-2-3{margin-top:20px;
margin-bottom:30px;
}
#co-2-4{margin-top:20px;
margin-bottom:30px;
}
#co-2-5{margin-top:20px;
margin-bottom:30px;
}
#co-2-6{margin-top:20px;
margin-bottom:30px;
}
#co-2-7{margin-top:20px;
margin-bottom:30px;
}
#co-2-8{margin-top:20px;
margin-bottom:30px;
}

#co-2-9{margin-top:20px;
margin-bottom:30px;
}

section  h2{
	font-size: 12px;
	font-weight:bold;
	text-align: left;
        width:85%;
        border-left:solid 5px green;
        margin:0 auto 5px;
        background:#99ff99;        
        color:green;
        text-shadow:1px 1px 3px #fff ;
        }

section  h3{
	font-size: 12px;
	font-weight:bold;
	text-align: left;
        width:85%;
        border-left:solid 5px green;
        margin:0 auto 5px;
        background:#fdf94c;        
        color:green;
        text-shadow:1px 1px 3px #fff ;
        }








#co-2 h2{
        mmargin-bottom:10px;
　　　　bborder:solid 1px #000000;
        }

         .co-2-0{
                display:flex;
flex-direction:column-reverse;
                width:100%;
                height:auto;
                padding-bottom:10px;
                bborder:solid 3px #000000;
                margin:auto;
              }






         .co-2{
                background:#f6f6f6;
                display:flex;
flex-direction:column-reverse;
                width:85%;
                height:auto;
                padding-bottom:10px;
                bborder:solid 3px #000000;
                margin:auto;
              }

        .cov-2{
                width:70%;
                height:40%;
                bborder:solid 1px #000000;
                padding:auto;
margin:auto; 
               overflow:hidden;
                }

     .cov-2-1 {
                width:80%;
                height:auto;
                left:0;
                right:0;
                margin: auto;
                padding:2%;
                }

     .cov-2-2 {
               display:none;
                }


        .cov-02{
                position:relative;
                display:block;
                width:100%;
                height:auto;
                bborder:solid 1px #7fff00;
                padding:;
                margin:auto;
                }

      .cov-02 p{ddisplay:block;
                pposition:absolute;
                font-size:13px;
                ttop:20px;
                width:100%;
                width:auto;
        	text-align: left;
                margin:1% 10%;
                bborder:solid #000000 1px;
                }
     .cov-s1 p{
                font-size:12px;
        	text-align: left;
                margin:0 10%;
                }
     .cov-s1 {
                margin-top:5px ;
                }


      .cov-b{display:block; 
                width:80%;
                margin:15px auto;
                bborder:solid #000000 1px;
                }



      .cov-s1{display:flex;
                justify-content: space-between;
                width:100%;
                height:auto;
                bborder:solid #000000 1px;
                }





      .cov-s1-2{
                width:35%;
                border-bottom:solid #bbbbbb 0.5px;
    text-indent: -1em;
    mmargin-left: 1em;
                }

      .cov-s2-2{
                width:60%;
                border-bottom:solid #bbbbbb 0.5px;
                }



/* すまほ フッター
------------------------------------------------------------*/
#sec033{
        background:#000000;
        padding:1%;
        bborder:solid 1px #000000;
}
        .iinner{display:flex;
                justify-content: space-between;
                width:100%;
                height:auto;
                bborder:solid 1px #fff;
                margin:auto;
                }
                .col033-pc {
                        display: none;
 
                        }
        
        
                        .col034-s {
                                display: block;                                       
                                width:100%;
                                height:auto;
                                text-align:center;
                                margin:1% auto;
                                bborder:solid 1px #fff;               
                                }
                                
                      .col034-s p span{font-size: 15px;
                                color:green;
                                }
                
                      .col034-s p{
                                color:#fff;
                                }     


}


/* ここからPC設定
------------------------------------------------------------*/

@media only screen and (min-width: 1200px){
}


@media only screen and (min-width: 800px){

/* 　PCヘッダー
------------------------------------------------------------*/


#header{
    position: relative;
    overflow:hidden;
    width:100%;
    height:400px;


    background-image: url(../images/mainbc.jpg);

    background-position: center center;
   
  /* 画像をタイル状に繰り返し表示しない */
    background-repeat: no-repeat;
   
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
    background-attachment: fixed;
   
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
    background-size: cover;
   
  /* 背景画像が読み込まれる前に表示される背景のカラー */
    background-color: #464646;
    zz-index:-10;

    filter: blur(0px);
   }

#header h1{
font-family: "游ゴシック", "Yu Gothic";
        position:absolute;
        top:140px;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
	font-size: 60px;
	font-weight:Bold;
　　　　font-style: oblique;
       z-index:1;
        color:#fff;
    animation: fadeIn 7s ease 0s 1 normal;
    -webkit-animation: fadeIn 7s ease 0s 1 normal;
text-shadow: 1px 2px 5px #000000;
text-align:center;
bborder:solid 1px #000000;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}




section h3{
	font-size: 18px;
	font-weight:normal;
        width:75%;
        bborder-left:solid 5px green;
       
}





/* PCコンテンツ
------------------------------------------------------------*/




#co-2-1{margin-top:20px;
margin-bottom:30px;
}
#co-2-2{margin-top:20px;
margin-bottom:30px;
}
#co-2-3{margin-top:20px;
margin-bottom:30px;
}
#co-2-4{margin-top:20px;
margin-bottom:30px;
}
#co-2-5{margin-top:20px;
margin-bottom:30px;
}
#co-2-6{margin-top:20px;
margin-bottom:30px;
}
#co-2-7{margin-top:20px;
margin-bottom:30px;
}
#co-2-8{margin-top:20px;
margin-bottom:30px;
}

#co-2-9{margin-top:20px;
margin-bottom:30px;
}

section  h2{
	font-size: 18px;
	font-weight:bold;
	text-align: left;
        width:90%;
        border-left:solid 5px green;
        margin:auto;
        background:#99ff99;        
        color:green;
text-shadow:1px 1px 3px #fff ;
}

section  h3{
	font-size: 18px;
	font-weight:bold;
	text-align: left;
        width:90%;
        border-left:solid 5px green;
        margin:0 auto 5px;
        background:#fdf94c;        
        color:green;
        text-shadow:1px 1px 3px #fff ;
        }




#co-2 {
 
        }



#co-2 h2{
        mmargin-bottom:50px;
border:solid 1px #000000;
        }


.co-2-0{          position:relative;
                display:flex;
                justify-content: space-between;
align-items:center;
                width:70%;
                height:auto;
                margin:2% auto 1px;
                padding-bottom:10px;
}


.co-2{          position:relative;
                background:#f6f6f6;
                display:flex;
                justify-content: space-between;
align-items:center;
                width:90%;
                hheight:330px;
                height:auto;
                bborder:solid 1px #f5f5f5;
                margin:3px auto 1px;
                padding-bottom:10px;
}

        .cov-2{
                display:block;
                width:38%;
                height:380px;
                height:auto;
                bborder:solid 1px #000000;
                padding:2%;
                overflow:hidden;
                }

        .cov-2 img{
                width:100%;
                height:auto;
                }

        .cov-2-1{
                width:100%;
                hheight:100%;
                height:auto;
                bborder:solid 1px #f5f5f5;
                padding:;
                overflow:hidden;
                }

        .cov-2-2{
                display:flex;
                justify-content: space-between;
                width:100%;
                height:100px;
                bborder:solid 1px #f5f5f5;
                padding:;
                overflow:hidden;
                }
.smal_1{width:33%;height:auto; overflow:hidden;border:solid #f6f6f6 2px;}
.smal_2{width:33%;height:auto; overflow:hidden;border:solid #f6f6f6 2px;}
.smal_3{width:33%;height:auto; overflow:hidden;border:solid #f6f6f6 2px;}






        .cov-02{
                position:relative;
                display:block;
                width:60%;

                height:auto;
                bborder:solid 1px #000000;
                padding:;
                mmargin:auto;
                }

      .cov-02 p{ddisplay:block;
                pposition:absolute;
                font-size:14px;
                ttop:20px;
                width:70%;
                width:auto;
        	text-align: left;
                margin:1% 10%;
                bborder:solid #000000 1px;
                }
     .cov-s1 p{
                font-size:12px;
        	text-align: left;
                margin:0 10%;
                bborder:solid #000000 1px;
                }
     .cov-s1 {
                margin-top:5px ;
                }


      .cov-b{display:block; 
                width:80%;
                margin:20px auto;
                bborder:solid #000000 1px;
                }



      .cov-s1{display:flex;
                justify-content: space-between;
                width:100%;
                height:auto;
                bborder:solid #000000 1px;
                }





      .cov-s1-2{
                width:35%;
                border-bottom:solid #bbbbbb 0.5px;
    text-indent: -1em;
    mmargin-left: 1em;
                }

      .cov-s2-2{
                width:60%;
                border-bottom:solid #bbbbbb 0.5px;
                }


/* 　PCフッター
------------------------------------------------------------*/

#sec033{height:auto;
                margin-top:70px;
                background:#000000;
}
        .iinner{display:flex;
                justify-content: space-between;
                width:65%;
                bborder:solid 1px red;
                margin:auto;
                }
                .col033-pc {
                        display: block;
                        width:100%;
                        height:auto;
                        text-align:center;
                        margin:1% auto;
                        bborder:solid 1px #fff;               
                        }
                        
              .col033-pc p span{font-size: 15px;
                        color:green;
                        }
        
              .col033-pc p{
                        color:#fff;
                        }
        
        
                        .col034-s {
                                display: none;                                       
                                }     

}

@media only screen and (min-width: 900px){

section  h2{
	font-size: 18px;
	font-weight:bold;
	text-align: left;
        width:80%;
        border-left:solid 5px green;
        margin:auto;
        background:#99ff99;        
        color:green;
text-shadow:1px 1px 3px #fff ;
}

section  h3{
	font-size: 18px;
	font-weight:bold;
	text-align: left;
        width:80%;
        border-left:solid 5px green;
        margin:0 auto 5px;
        background:#fdf94c;        
        color:green;
        text-shadow:1px 1px 3px #fff ;
        }



.co-2{          position:relative;
                background:#f6f6f6;
                display:flex;
                justify-content: space-between;
align-items:center;
                width:80%;
                hheight:330px;
                height:auto;
                bborder:solid 1px #f5f5f5;
                margin:3px auto 1px;
                padding-bottom:10px;
}

}



@media only screen and (min-width: 1000px){

section  h2{
	font-size: 18px;
	font-weight:bold;
	text-align: left;
        width:75%;
        border-left:solid 5px green;
        margin:auto;
        background:#99ff99;        
        color:green;
text-shadow:1px 1px 3px #fff ;
}

section  h3{
	font-size: 18px;
	font-weight:bold;
	text-align: left;
        width:75%;
        border-left:solid 5px green;
        margin:0 auto 5px;
        background:#fdf94c;        
        color:green;
        text-shadow:1px 1px 3px #fff ;
        }




.co-2{          position:relative;
                background:#f6f6f6;
                display:flex;
                justify-content: space-between;
align-items:center;
                width:75%;
                hheight:330px;
                height:auto;
                bborder:solid 1px #f5f5f5;
                margin:3px auto 1px;
                padding-bottom:10px;
}

}




@media only screen and (min-width: 1100px){

section  h2{
	font-size: 18px;
	font-weight:bold;
	text-align: left;
        width:70%;
        border-left:solid 5px green;
        margin:auto;
        background:#99ff99;        
        color:green;
text-shadow:1px 1px 3px #fff ;
}

section  h3{
	font-size: 18px;
	font-weight:bold;
	text-align: left;
        width:70%;
        border-left:solid 5px green;
        margin:0 auto 5px;
        background:#fdf94c;        
        color:green;
        text-shadow:1px 1px 3px #fff ;
        }





.co-2{          position:relative;
                background:#f6f6f6;
                display:flex;
                justify-content: space-between;
align-items:center;
                width:70%;
                hheight:330px;
                height:auto;
                bborder:solid 1px #f5f5f5;
                margin:3px auto 1px;
                padding-bottom:10px;
                }
}


@media only screen and (min-width: 1250px){
.wrap{
position:relative;
 width:1250px;
 margin:auto;
background:#fff;
zz-index:-9;
}
body{
background:#eeeeee;
}

}