/* Document */
/* ----------------------------------------- */
/* コンテンツ（ページ全般で使用）            */
/* ----------------------------------------- */
body {
	margin:0;
	padding:0;
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium',YuGothic, meiryo, sans-serif;
}
#container { /* コンテンツ全体 */
	position:relative;
    width:100%;
    /*min-width:1240px;*/
	height:auto;
	margin:0 auto;
	z-index:0;
}
header {
    width: 100%;
    height: 50px;
    background: rgba(255, 255, 255, 1);
    z-index: 10;
}
#headerArea {
    position: relative;
    width:100%;
    /*min-width: 1050px;*/
    height:auto;
	margin:0 auto;
}
#headerArea h1 {
    margin:0;
    padding:0;
    font-size:1.1em;
}
#titleLogo {
	position: absolute;
	top: 15px;
	left: 15px;
    z-index: 10;
}
#topImage {
    z-index: -1;
}
.slides {}
.slides img {
    height:auto !important;
    object-fit: cover;
    object-position: 15% 50%;
}

main {
    width:100%;
    margin:0;
    padding-top:10px;
}
main article {
    float:inherit;
    width:1070px;
    margin:0 auto;
    padding:15px 35px;
}
main article img {
    max-width: 100%;
    height: auto;
}

main article section {
    margin:0;
    padding:0;
}
main article section p {
    font-size:1.1em;
    line-height:1.8;
}
main article h1 {
    font-size:2.0em;
    color:#008842;
    letter-spacing: 1px;
    line-height:1.6;
    margin:15px 0 10px 0;
}
main article h2 {
    font-size:1.4em;
    color:#808285;
    letter-spacing: 1em;
    line-height:1.6;
    /*background: #35b05a;*/
    margin:10px 0;
    padding:0;
    text-align: center;
}
main article h3 {
	font-size:1.3em;
	letter-spacing:0;
	line-height:1.5;
	margin:10px 5px 10px 0;
	padding:0;
    color:#ed6c00;
    border-bottom:2px solid #ed6c00;
}

#grouplink {
	position: absolute;
	top: 15px;
	right: 15px;
    z-index: 15;
}
#grouplink a {
    padding:5px 0 5px 35px;
    color:#35b05a;
    /*color:#fff;*/
    font-weight:bold;
    background: url(../images/img_ryokuzankaigroup_logo.png) 0 0 no-repeat;
    text-decoration: none;
}
#grouplink a:hover {
    color:#327428;
}



/* イントロダクション */
#introduction {
	font-weight:bold;
}
#introduction p {
	margin:0;
	padding:0 15px;
	font-size:13px;
	color:#fff;
	text-shadow: 1px 1px 1px #036; /* CSS3 */
	line-height:1.75;
}

footer {
    width:100%;
    margin:0;
    padding:20px 0 10px 0;
}

/* 二段組のレイアウト */
.column2 {
    display: grid;
  	grid-template-columns: minmax(400px, 75%) minmax(200px, 25%);
  	grid-template-rows: auto auto;
    grid-gap: 0.8em 1.5em; 
    margin:0;
    padding:0;
}
/* 三段組のレイアウト */
.column3 {
    display: grid;
  	grid-template-columns: minmax(200px, 33%) minmax(200px, 33%) minmax(200px, 33%);
  	grid-template-rows: auto auto auto;
    grid-gap: .8em .5em; 
    margin:20px 0 0 0;
    padding:0;
}
.col2 {
    padding-top:.5em;
}

/* コピーライト */
.copyright {
    display: block;
    clear:both;
	margin:-10px 0 0 0;
	padding:0 80px 0 0;
	font-size:82%;
	letter-spacing:0;
	color:#555;
	text-align:right;
}

/* ----------------------------------------- */
/* ページコンテンツ装飾（内容）              */
/* ----------------------------------------- */

.strong { /* 太字 */
    font-size:1.1em;
}
.red { /* 赤文字 */
    color:red;
}
.green { /* 緑文字 */
    color:green;
}
.darkgreen { /* 深緑文字 */
    color:#143018;
}
.blue { /* 青文字 */
    color:#004098;
}
.orange { /* 橙文字 */
	color:#ea5504;
}
.aquagreen { /*アクアグリーン */
    color:#009e96;
}
.pink {
    color:#e4007f;
}
.txt_s { /* テキスト（小） */
	font-size: 70%;
	padding: 0 0 3px 0;
}
.txt_ms { /* テキスト（やや小） */
  font-size: 86%;
  padding: 0 10px 3px 0;
}
.txt_m { /* テキスト(中) */
	font-size:110%;
} 
.txt_l { /* テキスト(大) */
    font-size:135%;
}
.txt_ll { /* テキスト(大2) */
    font-size:200%;
}
.wf-mplus1p {
    font-family: "M PLUS 1p";
}
.wf-notosansjapanese {
    font-family: "Noto Sans JP";
}
.wf-sawarabimincho {
    font-family: "Sawarabi Mincho";
}
.wf-notoserif {
    font-family: 'Noto Serif JP', serif;
}

/* テキスト右寄せ */
.t_left {
	text-align:left !important;
    margin-left:0;
}
/* テキスト右寄せ */
.t_right {
	text-align:right !important;
}
/* テキスト中央寄せ */
.t_center {
	text-align:center !important;
}
/* アンダーライン */
.u_line { border-bottom:#C00 1px solid; }

/* ----------------------------------------- */
/* 装飾（H1〜H6）の書式設定                  */
/* ----------------------------------------- */

h1 {
	margin:6px 0;
	padding:0;
}
/*
h2 {
	font-size:1.6em;
	margin:15px 0 5px 0;
	padding:5px 0 0 0;
	text-align:left;
	letter-spacing:5px;
	line-height:1.65;
	color:#29459f;
}

h3 {
	font-size:1.4em;
	letter-spacing:3px;
	line-height:1.5;
	margin:20px 0;
	padding:5px 0 2px 0;
    color:#f25024;
}
*/

h4 {
	font-size:1.2em;
	margin:18px 10px 5px 0px;
	/*color:#F63;*/
    color:#2e5994;
}

h5 {
	font-size:1.1em;
	padding:10px 0 10px 0;
	margin:0;
	/*color:#015f2d;*/
    color:#ed6c00;
}

/* ----------------------------------------- */
/* テーブル装飾                              */
/* ----------------------------------------- */

/* ----------------------------------------- */
/* リスト（ul）の書式設定                    */
/* ----------------------------------------- */

/* ----------------------------------------- */
/* イメージ書式設定                          */
/* ----------------------------------------- */

.img_n { /* 写真(枠付き) */
	margin:8px 0 8px 10px;
	border:1px solid #555;
}
a:hover .img_n {
	border:1px solid #FF0000;
}

.img_n0 { /* 写真(枠なし) */
	margin:8px 0 8px 5px;
	border:none;
}
.img_n1 { /* 写真(枠あり・横間隔小) */
    max-width: 100%;
    height: auto;
	margin:0 5px 8px 0;
	border:1px solid #555;
}
.img_n2 { /* 写真(枠あり・横縦間隔なし) */
	margin:0 5px 3px 0;
	border:1px solid #555;
}

.img_n3 { /* 写真(枠なし・横縦間隔なし) */
	margin:0 5px 3px 0;
	border:none;
}

a:hover .img_link {
    filter:alpha(opacity=85);
	opacity:0.85; white-space:nowrap;
}

.img_l { /* 写真のテキスト回り込み（左） */
 	float:left;
  	margin:0 20px 10px 10px;
}

.img_r { /* 写真のテキスト回り込み（右） */
    max-width: 100%;
    height: auto;
 	float:right;
  	margin:0 10px 20px 20px;
}

.img_mid { /* イメージ中央揃え */ 
	vertical-align:middle;
}

/* ----------------------------------------- */
/* その他                                    */
/* ----------------------------------------- */

.photo img {
    max-width: 100%;
    height: auto;
}

/* ----------------------------------------- */
/* 印刷時の処理                             */
/* ----------------------------------------- */

@media print{ 
    #container,header {
        width:100%;
        min-width:auto;
    }
    #headerArea {
        width:100%;
    }
    article {
        width:auto !important;
    }
}