@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic&display=swap');
body {
    font-family: "Zen Maru Gothic", serif;
    font-weight: 400;
    font-style: normal;
}
h2 {
	color: #d04255; /* 文字色 */
	padding: 10px 10px 10px 60px; /* 上・右・下・左の余白 */
	position: relative;
}
h2:before {
	content: '＊*'; /*花に見せかけるためのアスタリスク*/
	color: #fff; /* アスタリスクの色 */
	display: inline-block;
	font-size: 30px; /* アスタリスクの大きさ */
	font-weight: bold;
	position: absolute;
	top: 0px;
	left: 0px;
	transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	text-shadow: 0px 0px 6px #EAA8BF, 0px 0px 4px #EAA8BF, 0 0 0.5px #EAA8BF; /* アスタリスク周りの影 */
}
h2:after {
	border-bottom: 2px dotted #EAA8BF; /* 下線 */
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
}
/* リスト */
.list ul {
	padding: 0 0 0 1em;
}
.list ul li {
	list-style-type: none;
	padding: .1em .5em;
	position: relative;
} 
.list ul li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #ff9dac;	/* アイコンの色 */
	content: "\f004";
	position: absolute;
	top: .3em;	/* アイコンの上側位置調整 */
	left: -.8em;	/* アイコンの左側位置調整 */
}
.my-example{
    color: #f84d66;
    font-size: 0.8em ;
}
.title{
	text-align: center;
	color: #fff;
	text-shadow: 0 0 15px #FF6694;
	font-size: 58px;
	font-family: 'Hiragino Maru Gothic Pro','ヒラギノ丸ゴ Pro W4', sans-serif;
}