.center { text-align:center; }

div.w { max-width:960px; width:100%; margin:auto; }
div.content { padding:50px 0; }
div.content.bk_green { background-image:url("../images/2024/top/back.jpg"); }
div.content img { height:auto; max-width:100%; width:100%; }
div.top_section04_box01 img { background-color:transparent; }

h1.title01 { text-align:center; font-size:2rem; font-weight:800; color:#34951a; margin:0 0 20px 0; }
h1.title01 span { display:inline-block; padding:0px 5px; background-image:linear-gradient(0deg, #fdd000 35%, transparent 35%); }

div.about_block { margin:0 0 30px 0; }

div.about h2, div.about h3,  div.about p { line-height:1.85; }
div.about h2 { font-size:18px; font-weight:600; text-align:justify; margin:0 0 5px 0; }
div.about h2 span { display:block; padding:2px 5px; margin:5px 0; background-color:#34951a; color:#fff; }
div.about h3 { font-weight:600; margin:0 0 5px 0; }
div.about p.more::before { content:''; display:inline-block; margin:0 5px 0 0; background-size:contain; background-position:center center; background-repeat:no-repeat; background-image:url("../images/2024/top/about_yajirushi.svg"); height:16px; width:16px; }
div.about p.more { margin:0 0 10px 0; }

ul.slide-items li { text-align:center; }
ul.slide-items li img { aspect-ratio:400/600; object-fit:contain; margin:auto; max-width:600px; }

div.tomousa_bnr { aspect-ratio:16/9; background-image:url("../images/2024/bg.png"); box-sizing:border-box; border:1px solid rgba(0,0,0,0); margin:30px auto; padding:0; position:relative; z-index:1; overflow-y:auto; overflow-x:hidden; height:551px; width:980px; }

div.scroll_area img { max-width:360px; width:100%; }
div.scroll_area p.button img { width:250px; }

div.tomousa_logo { display:none; }
div.tomousa_second_content { background-color:#fff; padding:20px 0 50px 0; width:100%; }
div.tomousa_bnr div.scroll_area { background-color:#45ce71; position:relative; z-index:1; overflow-y:scroll; overflow-x:hidden; padding:0; margin:0 150px 0 auto; height:100%; width:360px; scrollbar-width:thin;  scrollbar-color:#008000; }
div.tomousa_bnr div.scroll_area::before { background-size:contain; background-position:top right; background-repeat:no-repeat; background-image:url("../images/2024/tomousa_top_sp.svg"); content:''; display:block; position:absolute; top:0; left:0; min-height:573px; height:100%; width:360px; z-index:2; }
div.tomousa_bnr div.scroll_area::-webkit-scrollbar { width:5px; }
div.tomousa_bnr div.scroll_area::-webkit-scrollbar-track { background-color:rgba(255,255,255,0.5); }
div.tomousa_bnr div.scroll_area::-webkit-scrollbar-thumb { background-color:#008000; border-radius:5px; }
div.tomousa_first { margin:110% 0 0 0; padding:0 20px; }
div.tomousa_first p { color:#fff; font-weight:600; margin:0 0 1rem 0; line-height:2; }
div.second_item { margin:0 auto 50px auto; height:531px; width:336px; }
div.second_item.item01 { background-image:url("../images/2024/second_01_bg.png"); }
div.second_item.item02 { background-image:url("../images/2024/second_02_bg.png"); }
div.second_item.item03 { background-image:url("../images/2024/second_03_bg.png"); }
div.second_item.item04 { background-image:url("../images/2024/second_04_bg.png"); }
div.second_item.item05 { background-image:url("../images/2024/second_05_bg.png"); }
div.tomousa_third { background-color:#ffecdc; position:relative; z-index:1; padding:0 0 20px 0; }
div.tomousa_third::before { background-color:#fff; border-radius:50% / 0 0 100% 100%; content:''; display:inline-block; top:0; left:0; height:100px; width:360px; }
div.tomousa_third p.genki { padding:30px 20px; }
div.tomousa_third p.genki img { max-width:100%; }
p.tomousa_movie { text-align:center; }
p.tomousa_movie img { margin:130px 0 0 0; width:280px; }
p.share img { width:200px; }
div.acc p { margin:0 0 50px 0; }
div.acc p img { width:275px; margin:auto; } 
div.tomousa_four { background-color:#fff; position:relative; z-index:1; }
div.tomousa_four::before { background-color:#ffecdc; border-radius:50% / 0 0 100% 100%;; content:''; display:inline-block; top:0; left:0; height:100px; width:360px; }
div.tomousa_four p.title { padding:30px; }
div.tomousa_five { background-color:#e8f6e0; position:relative; z-index:1; }
p.five_illust img { position:absolute; top:-100px; left:0; height:auto; width:220px; }
div.tomousa_five { border-radius:0 0 50% 50%; padding:0 0 50px 0; margin:0 0 50px 0; }
div.tomousa_five ul { display:flex; justify-content:space-around; align-items:flex-start; flex-wrap:wrap; }
div.tomousa_five ul li { text-align:center; margin:0 0 10px 0; width:50%; }
div.tomousa_five ul li img { height:auto; width:141px; }
div.tomousa_footer p { color:#fff; font-weight:600; line-height:1.8; }
ul.footer_sns_list { display:flex; justify-content:center; align-items:flex-start; margin:10px 0 0 0; }
ul.footer_sns_list li { padding:0 5px; }
ul.footer_content_list { display:flex; justify-content:space-around; align-items:flex-start; margin:30px 0; }
ul.footer_content_list li { padding:0 2.5px; }
div.tomousa_footer p.kakusan { margin:20px 0 0 0; }
div.tomousa_footer p.kakusan img { width:275px; }

p.bnr { text-align:center; padding:0 0 50px 0; }
p.bnr img { margin:auto; max-width:960px; width:100%; height:auto; }
p.bnr img.anata { margin:auto; max-width:100%; width:auto; height:auto; }

/* ページ */
div.page section { padding:0 0 50px 0; }
div.page { padding:0 10px; }
div.page h1 { font-weight:600; line-height:1.8; margin:0 0 20px 0; padding:5px; border-bottom:2px solid #008000; color:#008000; }
div.page h2 { font-weight:600; margin:20px 0; padding:10px 5px; border-bottom:2px solid #65ab31; color:#65ab31; }
div.page p { line-height:1.8; letter-spacing:0.05rem; text-align:justify; }
div.page div.index_box { margin:15px auto; padding:20px 25px; background-color:rgba(240,246,218,0.5); }
div.page div.index_box p::before { content:'● '; }
div.page div.index_box p a { pointer-events:auto; text-decoration:underline; }
div.page div.zuhyo { padding:20px 25px; margin:20px 0; border:1px solid #65ab31; }
div.txt div.ph { padding:0 0 10px 0; }
div.txt div.ph img { height:auto; max-width:100%; }

@media screen and (max-width:480px) { /* スマホ */

div.w { max-width:90%; width:100%; margin:0 auto; }

div.tomousa_bnr { aspect-ratio:auto; overflow-x:hidden; width:100%; }
div.tomousa_bnr div.scroll_area { margin:0 auto; }
div.tomousa_side { display:none; }
div.bnr_main { display:none; }

div.page section { max-width:90%; margin:auto; }
div.page p { font-size:14px; }
div.page h1 { font-size:18px; }
div.page h2 { font-size:18px; }
div.page div.index_box p { font-size:14px; }

}

@media screen and (min-width:481px) and (max-width:979px) { /* タブレット */

div.w { max-width:80%; width:100%; margin:auto; }

div.tomousa_bnr { aspect-ratio:auto; overflow-x:hidden; width:100%; }
div.tomousa_bnr div.scroll_area { margin:0 auto; }
div.tomousa_side { display:none; }
div.bnr_main { display:none; }

div.txt div.ph { float:right; padding:0 0 10px 15px; width:300px; max-width:200px; }
div.page section { max-width:80%; margin:0 auto; }
div.page h1 { font-size:20px; }
div.page h2 { font-size:20px; margin:15px 0; }
div.page div.index_box p { font-size:16px; }

}


@media screen and (min-width:980px) { /* PC */

 .top_section04::after,  .top_section04::before { background-image:none; }

div.about_block { margin:0 0 50px 0; }

div.top_flex { display:flex; justify-content:space-around; align-items:center; }
div.row_receive { flex-direction:row-reverse; }
div.top_flex_box { width:50%; }
div.box_text { transform:translate(30px,0); z-index:2; }
div.box_ph { transform:translate(-30px,0); z-index:1; }
div.row_receive div.box_text { transform:translate(-30px,0); z-index:2; }
div.row_receive div.box_ph { transform:translate(30px,0); z-index:1; }
div.row_receive p.more { text-align:right; }

div.tomousa_logo { display:inline-block; position:absolute; right:15px; bottom:10px; }
div.tomousa_logo img { height:auto; width:120px; }
div.tomousa_side { display:inline-block; position:absolute; top:50%; right:0; transform:translate(0,-50%); z-index:1; }
div.tomousa_side ul li { text-align:center; margin:0 0 10px 0; }
div.tomousa_side ul li.tomousa_side_kakusan img { height:150px; }
div.tomousa_side ul li.zureusa img { transform:translate(10px,0); height:auto; width:60px; }

div.bnr_main { background-size:contain; background-position:center center; background-repeat:no-repeat; background-image:url("../images/2024/pc_main.png"); display:inline-block; transform:translate(0,-60%); position:absolute; top:50%; left:40px; height:531px; width:360px; }
ul.bnr_main_button_list { display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; position:absolute; top:390px; width:360px; }
ul.bnr_main_button_list li { text-align:center; padding:3px; width:50%; }
ul.bnr_main_button_list li img { max-width:100%; }

div.top_section04_box01 { justify-content:center; flex-wrap:nowrap; max-width:960px; width:960px; }
div.top_section04_box01_block { padding:10px; }
div.top_section04_box01 img { background-color:transparent; }


div.txt div.ph { float:right; padding:0 0 10px 15px; max-width:300px; }
div.page section { max-width:960px; margin:0 auto; }
div.page h1 { font-size:20px; }
div.page h2 { font-size:20px; margin:15px 0; }

}