@charset "UTF-8";


/*スマホ*/
@media screen and (max-width:768px){
body {font-family: "Hiragino Mincho ProN", "Yu Mincho", "游明朝", "MS PMincho", "Noto Serif JP", serif;}
.title2{color:#fff;font-size:160%;text-align: center;width:80%;margin: 70px auto 30px auto;}
.maintop {width: 100%;margin: 0px auto 0px auto; padding: 0px 0px 0px 0px;text-align:center;background-color:#009e73;}
.pcontainer2 {
width: 100%; text-align: center;padding: 20px 0px 20px; margin: 0px auto 0px auto;}

.img80{
width: 80%;margin: 30px 2% 0px 8%; text-align:center;margin: 30px auto 0px auto;}
.pcontainer3 {
width: 80%; text-align: center;padding: 50px 0px 50px;  margin: 0px auto 0px auto;
}

.left-column2 {
width: 80%;text-align: center; padding: 40px 20px;width: 80%; margin: 0px auto 0px auto;
}

.right-column3 {
width: 80%;text-align: left; padding: 40px 20px;width: 80%; margin: 0px auto 0px auto;
}

	
/* カラム共通スタイル */
.pcolumn {
    padding: 30px 0px;
    box-sizing: border-box;text-align:center; 
}

.titlebg {width:100%;padding:50px 0px 0px 0px;margin:0px auto 0px auto;background-color:#009e73;}
.titlebg2 {width:100%;padding:0px 0px 0px 0px;margin:0px auto 0px auto;background-color:#faf4e5;}
.titlebg3 {width:100%;padding:0px 0px 0px 0px;margin:0px auto 0px auto;background-color:#fff;}


.font11{;width:90%;font-size: clamp(0.6rem, 4vw, 1.4rem);line-height: 170%;color:#00a681;font-weight: 700;text-align:left;margin: 0px auto 0px auto;padding: 30px 5% 20px 5%;}
.font22{width:90%;font-size: clamp(0.6rem, 4vw, 1.6rem);line-height: 170%;color:#fff;font-weight: 700;text-align:left;margin: 0px auto 0px auto;padding: 30px 5% 30px 5%;background-color:#00a681;border-bottom: #FFFFFF solid 10px;border-top: #FFFFFF solid 10px;}
.font33{width:90%;font-size: clamp(0.6rem, 4vw, 1.6rem);line-height: 170%;font-weight: 700;text-align:left;margin: 0px auto 50px auto;padding: 30px 5% 30px 5%;background-color:#00a681;color:#fffcdb}
	
.font4{width:100%;font-size: clamp(0.6rem, 4vw, 1.6rem);line-height: 170%;color:#00a681;font-weight: 700;text-align:left;margin: 0px auto 0px auto;padding: 10px 0px 30px 0px;}
.fontcap{;width:100%;font-size: clamp(0.8rem, 3vw, 1.2rem);line-height: 170%;color:#00a681;font-weight: 700;text-align:left;margin: 0px auto 0px auto;padding: 10px 0% 0px 0%;}


}




/*PC*/
@media print, screen and (min-width:769px){
body {font-family: "Hiragino Mincho ProN", "Yu Mincho", "游明朝", "MS PMincho", "Noto Serif JP", serif;}
.maintop {width: 100%;margin: 0px auto 70px auto; padding: 0px 0px 0px 0px;text-align:center;background-color:#009e73;}
.pcontainer2 {
    width: 100%;      /* 基本の幅 */
    max-width: 1200px; /* 最大幅 */
    margin: 20px auto; /* 上下に20pxマージン、左右autoで中央寄せ */
    padding: 40px 0px;     /* コンテナ内の余白 */
    box-sizing: border-box; /* paddingを含めて幅計算 */
    display: flex;      /* Flexboxを有効化 */
    gap: 10px;          /* カラム間の隙間 */
}
	
.pcontainer3 {
    width: 100%; text-align: center;padding: 80px 0px 80px; 
}

.left-column2 {
    flex: var(--left-column-flex); /* CSS変数で指定された比率を適用 */
    min-width: 0; /* flexアイテムが縮小しすぎるのを防ぐ */text-align: left; padding: 40px 20px;
}

.right-column3 {
    flex: var(--right-column-flex); /* CSS変数で指定された比率を適用 */
    min-width: 0; /* flexアイテムが縮小しすぎるのを防ぐ */text-align: left; padding: 40px 20px;
}

	
/* カラム共通スタイル */
.pcolumn {
    padding: 15px;
    box-sizing: border-box;
}

.titlebg {max-width:1300px;width:100%;padding:150px 0px 0px 0px;margin:70px auto 0px auto;background-color:#009e73;}
.titlebg2 {max-width:1300px;width:100%;padding:0px 0px 0px 0px;margin:0px auto 0px auto;background-color:#faf4e5;}
.titlebg3 {max-width:1300px;width:100%;padding:0px 0px 0px 0px;margin:0px auto 0px auto;background-color:#fff;}

.fontcap{width:80%;font-size: clamp(0.8rem, 4vw, 2.2rem);line-height: 170%;color:#00a681;font-weight: 700;text-align:center;margin: 0px auto 0px auto;padding: 10px 0% 0px 0%;}

.font11{max-width:1300px;width:100%;font-size: clamp(1rem, 12vw, 3rem);line-height: 170%;color:#00a681;font-weight: 700;text-align:center;margin: 0px auto 0px auto;padding: 70px 0px 70px 0px;}
.font22{max-width:1300px;width:100%;font-size: clamp(1rem, 11vw, 2.8rem);line-height: 170%;color:#fff;font-weight: 700;text-align:center;margin: 0px auto 0px auto;padding: 70px 0px 70px 0px;background-color:#00a681;border-bottom: #FFFFFF solid 10px;border-top: #FFFFFF solid 10px;}
.font33{max-width:1300px;width:100%;font-size: clamp(1rem, 12vw, 3rem);line-height: 170%;font-weight: 700;text-align:center;margin: 0px auto 0px auto;padding: 70px 0px 70px 0px;background-color:#00a681;color:#fffcdb}
	
.font4{width:80%;font-size: clamp(1rem, 8vw, 2rem);line-height: 200%;color:#00a681;font-weight: 700;text-align:left;margin: 0px auto 0px auto;padding: 40px 0px 30px 0px;}
	

/* 基本的なスタイルリセット（任意） */
body, h1, h2, h3, p, div, img, a, button {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}}