@charset"UTF-8"  ;

/*
<p class="t03 gf15">タイトル3ああああああ</p>
<p class="t04 gf15">タイトル4ああああああ</p>
<p class="t05 gf15">タイトル5ああああああ</p>
<p class="t06 gf15">タイトル6ああああああ</p>
<p class="t07 gf15">タイトル7ああああああ</p>
*/
/*--------------------------------------------*/



/*-----------------------------------------------*/
.t02{font-size:3.2em ; line-height:1.2 ; color:#f99428 ; background:linear-gradient(transparent 50%, #fddfbf 50%) ; padding:0.2em 1em ; text-align:center ;}/*%で太さ指定*/
/*SPH*/@media screen and (max-width:560px){.t02{font-size:2.2em ; padding:0.2em 0.5em ; text-align:left ;}}
.t02g{font-size:3.2em ; line-height:1.2 ; color:#2fa431 ; background:linear-gradient(transparent 50%, #c2eac3 50%) ; padding:0.2em 1em ; text-align:center ;}/*%で太さ指定*/
/*SPH*/@media screen and (max-width:560px){.t02g{font-size:2.2em ; padding:0.2em 0.5em ; text-align:left ;}}

/*-----------------------------------------------*/
/*-----------------------------------------------*/
.t03{width:50% ; font-size:3.2em ; line-height:0.8 ; color:#f99428 ; border-top:1px #f99428 solid ; border-bottom:1px #f99428 solid ; box-shadow:0 10px 10px -10px #fbb469,0 -10px 10px -10px #fbb469 ; padding:0.7em 1em ; margin-left:auto ; margin-right:auto ; text-align:center ;}
.t03 span{font-size:0.5em ; line-height:1.0 ; color:#fbb469 ;}
/*SPH*/@media screen and (max-width:560px){.t03{width:90% ; font-size:2.4em ; padding:0.5em ;}}
/*-----------------------------------------------*/
/*-----------------------------------------------*/
.t04{font-size:2.2em ; line-height:1.1 ; color:#ffffff ; font-style:oblique ; text-shadow:0 0 3px #ae671c ; background:linear-gradient(105deg,#f99428,#fbb469) ; padding:0.5em 2em ; transform:skew(-15deg) ;}
/*SPH*/@media screen and (max-width:560px){.t04{font-size:1.8em ; padding:0.4em ;}}
.t04g{font-size:2.2em ; line-height:1.1 ; color:#ffffff ; font-style:oblique ; text-shadow:0 0 3px #1cae5a ; background:linear-gradient(105deg,#34b737,#71cd73) ; padding:0.5em 2em ; transform:skew(-15deg) ;}
/*SPH*/@media screen and (max-width:560px){.t04g{font-size:1.8em ; padding:0.4em ;}}

/*-----------------------------------------------*/
/*-----------------------------------------------*/
.t05{position:relative ; font-size:2.2em ; line-height:1.1 ; color:#ffffff ; background:#f99428 ; padding:0.5em 1em ; text-align:center ;}
.t05:after{width:0 ; height:0 ; position:absolute ; content:'' ; top:100% ; left:calc(50% - 15px) ; border:20px transparent solid ; border-top:15px #f99428 solid ;}
/*SPH*/@media screen and (max-width:560px){.t05{font-size:1.8em ; padding:0.4em ; text-align:left ;}}
.t05g{position:relative ; font-size:2.2em ; line-height:1.1 ; color:#ffffff ; background:#34b737 ; padding:0.5em 1em ; text-align:center ;}
.t05g:after{width:0 ; height:0 ; position:absolute ; content:'' ; top:100% ; left:calc(50% - 15px) ; border:20px transparent solid ; border-top:15px #34b737 solid ;}
/*SPH*/@media screen and (max-width:560px){.t05g{font-size:1.8em ; padding:0.4em ; text-align:left ;}}
/*-----------------------------------------------*/
/*-----------------------------------------------*/
.t06{width:15em ; font-size:2.4em ; line-height:1.1 ; color:#f99428 ; position:relative ; display:inline-block ; padding:0 calc(50% - 7.5em) ; text-align:center ;}
.t06:before,
.t06:after{content: '' ; position:absolute ; top:50% ; display:inline-block ; width:calc(50% - 7em) ; height:2px ; border-top:1px #fbb469 solid ; border-bottom:1px #fbb469 solid ;}
.t06:before{left:0 ;}
.t06:after{right:0 ;}
/*SPH*/@media screen and (max-width:560px){
.t06{width:16em ; font-size:1.8em ; padding:0 calc(50% - 8em) ;}
.t06:before,
.t06:after{content: '' ; width:calc(50% - 8em) ;}
}
/*-----------------------------------------------*/
/*-----------------------------------------------*/
.t06g{width:15em ; font-size:2.4em ; line-height:1.1 ; color:#2a922c ; position:relative ; display:inline-block ; padding:0 calc(50% - 7.5em) ; text-align:center ;}
.t06g:before,
.t06g:after{content: '' ; position:absolute ; top:50% ; display:inline-block ; width:calc(50% - 7em) ; height:2px ; border-top:1px #71cd73 solid ; border-bottom:1px #71cd73 solid ;}
.t06g:before{left:0 ;}
.t06g:after{right:0 ;}
/*SPH*/@media screen and (max-width:560px){
.t06g{width:16em ; font-size:1.8em ; padding:0 calc(50% - 8em) ;}
.t06g:before,
.t06g:after{content: '' ; width:calc(50% - 8em) ;}
}
/*-----------------------------------------------*/