@charset "utf-8";
/* CSS Document */

* {
   box-sizing: border-box;
}

html{font-size: 62.5%; /* 16px × 62.5% = 10px */
    scroll-behavior: smooth;
}

body {
   margin: 0;
   padding: 70px 0 0;
   font-family: "ヒラギノ角ゴ Pro W3",sans-serif,游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif", "游明朝体", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial;
   background-color: #ffffff;
    -webkit-font-smoothing:antialiased; /*macで見た時にフォントが少し太くなるのを防ぐ*/
	-moz-osx-font-smoothing:grayscale;
    font-size: 1.6rem;
    -webkit-text-size-adjust: 100%;
}

img{
	width: 100%; /*横幅100％で伸縮*/
	height: auto; /*縦横比率を保ったまま*/
	vertical-align: middle; /*cssを指定していくと画像の上に数pxだけ余白が出てしまうことがあるので、その防止*/
}


a{text-decoration: none;
    color: #000000;
}



ul{list-style: none;
}





h4{display: flex;
    align-items: center;/* 垂直中心 */
    justify-content: center;/* 水平中心 */
font-size: 3rem;
    padding-top: 150px;
    margin-bottom: 100px;
}

h4:before, h4:after {
    border-top: 1px solid #00A040;
    content: "";
    width: 4em; /* 線の長さ */
}

h4:before {
  margin-right: 3em; /* 文字の右隣 */
}


h4:after {
  margin-left: 3em; /* 文字の左隣 */
}


h5{
font-size: 2.5rem;
    margin-top: 160px;
    margin-bottom: 50px;
    border-bottom:1px solid;
}



.font_h5{font-size: 3rem;
color: #00A040;
}

.back_gray{background-color: #F2F2F2;
}

.frame_dotted_1{border: dotted 1px #000000;
    max-width: 620px;
    padding: 10px;
    margin-top: 30px;
}

.frame_dotted_2{border: dotted 1px #000000;
    max-width: 780px;
    padding: 10px;
    margin-top: 30px;
}

.frame_dotted_3{border: dotted 1px #000000;
    max-width: 1200px;
    padding: 10px;
    margin-top: 30px;
}

.p_bold{
font-weight: bold;
}

.font_green{color: #00A040;
border-bottom: solid 1px #00A040;
}


.catchphrase{text-align: center;
font-size: 2rem;
line-height: 5rem;
margin-top: 100px;
}



.font_text{font-family: 'Noto Sans JP', sans-serif;
    font-weight: 600;
}

.font_text_1{font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
}



















/*トップ画像ー---------------------*/


.top_img {
  position: relative;
    background-image: url("../images/bg.jpg");
    height: 35vh;
    background-size: cover;
    background-position: center;
}

.top_img p {
  color: #fff;
  font-size: 30px;
  left: 20%;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
    text-align: center;
    text-shadow:1px 1px 0 #3f3126, -1px -1px 0 #3f3126,
              -1px 1px 0 #3f3126, 1px -1px 0 #3f3126,
              0px 1px 0 #3f3126,  0-1px 0 #3f3126,
              -1px 0 0 #3f3126, 1px 0 0 #3f3126;
}







/*メインー---------------------*/

.main_wrap{max-width: 1000px;
margin: 0 auto;
    width: 90%;
    font-size: 1.6rem;
}


.title_2{margin-top: 50px;
    margin-bottom: 50px;
}

.title_2 p{border-left: 5px solid #436240;
    padding: 10px;
    font-size: 1.8rem;
    line-height: 2rem;
    letter-spacing: 0.1rem;
    font-weight: bold;
}


/*---------------------*/



.text_list{padding-left:2em;/*2行目改行-*/
    text-indent:-2em;/*2行目改行-*/
    margin-top: 15px;
}


.text_right{text-align: right;
    margin-top: 80px;
}








/* タブレット用-------------------------- */

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

 

	
    /*タブレット用　メイン--------------*/ 
	
    
    .main_wrap{max-width: 1024px;
margin: 0px auto 0px;
    width: 90%;
    font-size: 1.6rem;
}
    
    
    
    
    
    
    



    
    
}






	/* スマホ用-------------------------- */


@media screen and (max-width: 599px) {
   
	
/*スマホ用　ヘッダー----------*/	
    
   
    
       h4{display: flex;
    align-items: center;/* 垂直中心 */
    justify-content: center;/* 水平中心 */
font-size: 2.4rem;
    padding-top: 100px;
    margin-bottom: 100px;
        letter-spacing: 0.08rem;
}

h4:before, h4:after {
    border-top: 1px solid #00A040;
    content: "";
    width: 1.8em; /* 線の長さ */
}

h4:before {
  margin-right: 1em; /* 文字の右隣 */
}


h4:after {
  margin-left: 1em; /* 文字の左隣 */
}
    




 
 
 

   
    
    /*トップ画像ー---------------------*/
    
    
    
    .top_img p {
  color: #fff;
  font-size: 25px;
  left: 10px;
  transform: translate(0%, -50%);
}

    
	 
 
    


    
    
    
}