@charset "utf-8";
/*
Theme Name: 【2025年度こども家庭庁委託事業】不妊症・不育症におけるピアサポーター等養成研修の実施及びピアサポーター養成のための資材等作成業務
Theme URI: https://www.peersupporter.info
Author URI: https://www.peersupporter.info
Version: 1.0
License: (C)日本助産師会 All Rights Reserved.
License URI: https://www.peersupporter.info
*/

/* *********************************
000:RESET
001:BASIC
002:COMMON
003:TOPPAGE
004:PAGES
005:
006:
007:
008:
100:RESPONSIVE
200:DRAWER
888:EXAMPLE
999:CLEARFIX
*********************************** */
/* *********************************
/* 000:RESET
*********************************** */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video,hr{
margin:0;padding:0;border:0;font-style:normal;font-weight:500;font-size:100%;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block;}
html{overflow-y:scroll;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
input, textarea{margin:0;padding:0;}
ul{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
caption, th{text-align:left;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
input[type="button"],input[type="submit"] {-webkit-appearance: none;}
pre{overflow:auto;white-space:pre-wrap;word-wrap:break-word;}

/* *********************************
/* 001:COMMON
*********************************** */
body{margin:0 auto;text-align:center;font-size:14px;font-family: "Zen Maru Gothic", serif;font-weight: 700;font-style: normal;color:#000;padding:0;background: url(bg.jpg) no-repeat top center; background-size:100%;line-height: 1;-webkit-text-size-adjust: 100%;}
.rsp{width: 100%; height: auto;}
br.spNone{display: none;}
#header{width: 98%; max-width: 1024px; margin: 0 auto 16px;padding: 24px 0 0;}
#header h1 span{background: #52A154; display: inline-block; padding: 4px 16px;color: #FFF;text-shadow:none; border-radius: 10px;font-weight: 700;font-size: 13px;margin-bottom: 8px;}
#header h1{line-height: 1.6; font-size: 17px;font-weight: 700;margin-bottom: 16px;text-shadow: 2px 2px 8px #FFF,-2px 2px 8px #FFF,2px -2px 8px #FFF ,-2px -2px 8px #FFF;}
#header p{color: #444;font-weight: 700;line-height: 1.6; margin-bottom: 8px;text-align: left;}
#footer{padding-top: 16px;}
#footer .copy{font-size: 11px; padding-bottom:16px;color: #666;}

.lnkBox{background: linear-gradient(to right, #f8fddc 0%,#f6f2ea 100%);padding: 8px;border-radius: 16px;margin:0 auto 16px;width: 96%; max-width: 1024px;}
.lnkBox a{text-decoration: none; color: #444;}
.lnkBox .lnkInner{background: #FFF;border-radius: 12px;padding: 16px 16px 16px;text-align: left;}
.lnkBox a:hover .lnkInner{background: #FFF2F2;}
.lnkBox .lnkInner h2{color: #46884A;font-weight: 700;line-height: 1.4;font-size: 16px; margin-bottom: 4px;position: relative;display: inline-block;justify-content: center;align-items: center;}
.lnkBox .lnkInner p{font-weight: 700;line-height: 1.5; color: #666;}
.lnkBox .lnkInner h2:before,
.lnkBox .lnkInner h2:after{content: '';display: block;position: absolute;top: 50%;right: 0;height: 1px;background: #FF7373;}
.lnkBox .lnkInner h2:before{width: 16px;transform: translate(20px, 0px);}
.lnkBox .lnkInner h2:after{width: 6px;transform-origin: right center;transform: translate(20px, 0px) rotate(25deg);}


/* *********************************
/* 100:RESPONSIVE
*********************************** */
@media screen and (min-width: 480px) {
#header br.spNone{display: inherit;}
}
@media screen and (min-width: 660px) {
br.spNone{display: inherit;}
#header{padding: 40px 0 0;}
#header h1 span{padding: 4px 18px;font-size: 16px;margin-bottom: 16px;}
#header h1{font-size: 24px;margin-bottom: 32px;}
#header p{font-size: 16px; line-height: 1.8; margin-bottom: 8px;text-align: center;}
.lnkBox{padding: 12px;}
.lnkBox .lnkInner{background: #FFF;padding: 24px;}
.lnkBox .lnkInner h2{font-size: 18px;}
}

@media screen and (min-width: 940px) {
br.spNone{display: inherit;}
#header{padding: 60px 0 0;margin-bottom: 40px;}
#header h1 span{padding: 4px 18px;font-size: 24px;margin-bottom: 16px;}
#header h1{font-size: 34px;margin-bottom: 32px;}
#header p{font-size: 20px; line-height: 1.8; margin-bottom: 8px;}
.lnkBox{padding: 16px;}
.lnkBox .lnkInner{background: #FFF;padding:32px 28px;}


.lnkBox .lnkInner h2{font-size: 26px;}
.lnkBox .lnkInner p{font-size: 18px; line-height: 1.6;}
.lnkBox .lnkInner h2:before,
.lnkBox .lnkInner h2:after{height: 2px;}
.lnkBox .lnkInner h2:before{width: 24px;transform: translate(32px, 0px);}
.lnkBox .lnkInner h2:after{width: 8px;transform-origin: right center;transform: translate(32px, 0px) rotate(25deg);}
}

/* *********************************
/* 999:CLEARFIX
*********************************** */
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
.clearfix{min-height:1px;}
* html .clearfix{height:1px;}