body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,iframe{margin:0;padding:0;}

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@1,300;1,400&display=swap');

*{margin:0; padding:0;}

*, *:before, *:after {
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

html a,
.prevention,
.beginners,
.tab_item,
.box_2 a,
.flex_box5 a{
transition: all 0.2s ease;
}

#nav-drawer,
ul.menu_sp,
.sp{display:none;}

h1,h2,h3,h4,h5,h6{
font-weight:normal;
font-size:100%;
}

table{/* IE6用 */
font-size:100%;
line-height:170%;
}
table td{vertical-align:middle;}
th{text-align:left;}

a,
a:link,
a:active,
a:visited{
color:#595757;
text-decoration:none;
}
a:hover{
color:#58B5CB;
text-decoration:underline;
opacity: 0.6;
filter: alpha(opacity=60);
}

p a,
p a:link,
p a:active,
p a:visited{
color:#595757;
text-decoration: underline !important;
}

a:hover img {
opacity: 0.6;
filter: alpha(opacity=60);
}

strong{
	font-weight:bold !important;
}

img{
border:0;
vertical-align:top;
}


img.w100{max-width:100% !important;}
.img_w50{max-width:800px !important; width: 50%; margin-bottom: 2em !important;}
.w50_l{max-width:49%; float:left !important;}
.w50_r{max-width:49%; float:right !important;}

img.w50_c{
	max-width:50% !important;
	display:block !important;
	clear:both !important;
	margin:0 auto !important;
}


img.fl_l{
	max-width:200px;
	float:left !important;
	margin:0 1em 1em 0 !important;
	border-radius:8px;}
	
img.fl_r{
	max-width:200px;
	float:right !important;
	margin:0 0 1em 1em !important;
	border-radius:8px;}

li{list-style:none;}

table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
q:before,q:after{content:'';}
p{margin-bottom:0.75em;}

/*smartphone*/
/*------------------------------------------------------------------------------*/

html{-webkit-text-size-adjust:none;}
a{-webkit-tap-highlight-color:rgba(0,0,0,0.3);}

/*utility*/
/*------------------------------------------------------------------------------*/

section{
max-width:1100px;
width:95%;
height:auto;
margin:0 auto 3em;
clear:both;
display:block;
border:0px solid #ccc;
overflow:hidden;
}
@media only screen and ( max-width:950px ){
section{
margin:0 auto 2em;
}
}
ul.box{
max-width:1100px;
width:100%;
display:table;
table-layout:fixed;
margin:0 auto;
border-collapse:separate;
border-spacing:20px 0;
margin-left:-20px;
}

ul.box li{
width:240px;
display:table-cell;
vertical-align:middle;
background: #fff;
border:1px solid #ccc;
padding:1%
}

ul.atten,
ul.atten_purple,
ul.atten_r{margin-bottom:1em;}
.title + ul.atten,
.title + ul.atten_r{margin-top:-0.5em;}

ul.atten + ul.atten_purple{margin-top:2em;}

.atten li,
.atten_purple li,
.atten_r li{
display:block;
clear:both !important;
margin-bottom:0.5em;
padding-left:1.75em;
text-indent:-1.55em;
}

.atten_r li{text-align:right;}


.atten li:before,
.atten_purple li:before,
.atten_r li:before{
content:"\f2e7";
font-family:"Font Awesome 5 Free";
font-weight:900;
margin-right:0.75em;
color:#00909A;
}

.atten_purple li:before{color:#a855c3;}

table td ul.atten{margin:1em 0;}



.clear{clear:both;}

.no_bdr{border:none !important;}

.m5{margin-bottom:5px;}
.m10{margin-bottom:10px;}
.m15{margin-bottom:15px;}
.m20{margin-bottom:20px;}
.m25{margin-bottom:25px;}
.m30{margin-bottom:30px;}
.m35{margin-bottom:35px;}
.m40{margin-bottom:40px;}
.m45{margin-bottom:45px;}
.m50{margin-bottom:50px;}
.m55{margin-bottom:55px;}
.m60{margin-bottom:60px;}
.m70{margin-bottom:70px;}
.m80{margin-bottom:80px;}

@media only screen and ( max-width:780px ){
.m5,.m10,.m15{margin-bottom:1%;}
.m20,.m25{margin-bottom:2%;}
.m30,.m35{margin-bottom:3%;}
.m40,.m45{margin-bottom:4%;}
.m50,.m55{margin-bottom:5%;}
.m60{margin-bottom:6%;}
.m70{margin-bottom:7%;}
.m80{margin-bottom:8%;}
}

.m1em{margin-bottom:1em;}
.m1_5em{margin-bottom:1.5em;}
.m2em{margin-bottom:2em;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt80{margin-top:80px;}

@media only screen and ( max-width:780px ){
.mt5,.mt10,.mt15{margin-top:1%;}
.mt20,.mt25{margin-top:2%;}
.mt30,.mt35{margin-top:3%;}
.mt40,.mt45{margin-top:4%;}
.mt50{margin-top:5%;}
.mt60{margin-top:6%;}
.mt80{margin-top:8%;}
}

.mt1em{margin-top:1em;}
.mt1_5em{margin-top:1.5em;}
.mt2em{margin-top:2em;}
.mt4em{margin-top:4em;}
.mt6em{margin-top:6em;}
.mt8em{margin-top:8em;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.ml45{margin-left:45px;}
.ml50{margin-left:50px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr35{margin-right:35px;}
.mr40{margin-right:40px;}
.mr45{margin-right:45px;}
.mr50{margin-right:50px;}

.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}
.pt45{padding-top:45px;}
.pt50{padding-top:50px;}
.pt120{padding-top:120px;}
.pt200{padding-top:200px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb25{padding-bottom:25px;}
.pb30{padding-bottom:30px;}
.pb35{padding-bottom:35px;}
.pb40{padding-bottom:40px;}
.pb45{padding-bottom:45px;}
.pb50{padding-bottom:50px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl35{padding-left:35px;}
.pl40{padding-left:40px;}
.pl45{padding-left:45px;}
.pl50{padding-left:50px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr35{padding-right:35px;}
.pr40{padding-right:40px;}
.pr45{padding-right:45px;}
.pr50{padding-right:50px;}

.mtb10{margin:10px 0;}
.mtb20{margin:20px 0;}
.mtb30{margin:30px 0;}

.ptb10{padding:10px 0;}
.ptb20{padding:20px 0;}
.ptb30{padding:30px 0;}

.fl_l{float:left;clear:both;}
.fl_r{float:right;clear:both;}

.txt_l, td.txt_l, .txt_l td{text-align:left !important;}
.txt_r, td.txt_r, .txt_r td{text-align:right !important;}
.txt_c, td.txt_c, .txt_c td{text-align:center !important;}

.valign_t, td.valign_t, .valign_t td{vertical-align:top;}
.valign_m, td.valign_m, .valign_m td{vertical-align:middle;}
.valign_b, td.valign_b, .valign_b td{vertical-align:bottom;}

.clear{clear:both;}

.clearfix:before, .clearfix:after{content:""; display:block;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}

.nowrap{white-space: nowrap;}

.fs60{font-size:60%;}
.fs70{font-size:70%;}
.fs80{font-size:80%;}
.fs90{font-size:90%;}
.fs110{font-size:110%;}
.fs120{font-size:120%;}
.fs140{font-size:140%;}
.fs150{font-size:150%;}
.fs175{font-size:175%;}
.fs180{font-size:180%;}
.fs200{font-size:200%;}
.fs220{font-size:220%;}
.fs240{font-size:240%;}

.lh140{line-height:140%;}
.lh150{line-height:150%;}
.lh160{line-height:160%;}
.lh180{line-height:180%;}
.lh200{line-height:200%;}

.fs80b{font-size:80%; line-height:120%; font-weight:bold;}
.fs90b{font-size:90%; line-height:120%; font-weight:bold;}
.fs110b{font-size:110%; line-height:130%; font-weight:bold;}
.fs120b{font-size:120%; line-height:140%; font-weight:bold;}
.fs140b{font-size:140%; line-height:150%; font-weight:bold;}
.fs150b{font-size:150%; line-height:160%; font-weight:bold;}
.fs200b{font-size:200%; line-height:210%; font-weight:bold;}

.fwb{font-weight:bold;}

.red{color:#C25265 !important;}

.red_icon{color:#C25265; display:block; margin-bottom:0.5em;}
.red_icon:before{
content:"\f2e5";
font-family:"Font Awesome 5 Free";
font-weight:900;
margin-right:0.5em;
}
.red_bold{color:#C25265 !important; font-weight:bold !important;}
.bg_red{background:#C25265 !important;}

.green{color:#92B28A;}
.green_bold{color:#92B28A; font-weight:bold;}
.bg_green{background:#92B28A !important;}

.blue{color:#00909A;}
.blue_bold{color:#00909A; font-weight:bold;}
.bg_blue{background:#409ea4 !important;}

.orange{color:#FF9900;}
.orange_bold{color:#FF9900; font-weight:bold;}
.bg_orange{background:#D77613 !important;}

.grey{color:#666;}
.bg_grey{background:#666 !important;}

.purple{color:#a855c3 !important;}
.bg_purple{background:#a855c3 !important;}

.type_none li{list-style:none;}
.type_disc li{list-style-type:disc; margin-left:20px;}
.type_square li{list-style-type:square; margin-left:17px;}
.type_decimal li{list-style-type:decimal; margin-left:25px;}

.DL_button a {
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin: 2em auto;
width: fit-content;
padding: 10px 25px 10px 50px;
color: #fff;
transition: 0.3s ease-in-out;
font-weight: 600;
background: #00909A;
border-radius: 50px;
border: 3px solid #00909A;
z-index:0;
overflow: hidden;
}
.DL_button a:before {
font-family: "Font Awesome 5 Free";
content: "\f56d";
line-height: 1;
position: absolute;
left: 5px;
padding: 12px 11px 12px 20px;
z-index: 2;
}
.DL_button a:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 0;
display: block;
background: #ccc;
transition: .3s;
left:0;
}
.DL_button a:hover {
color: #00909A;
text-decoration: none;
}
.DL_button a:hover:after {
width: 100%;
z-index: -1;
background: #eee;
color: #313131;
}