@charset "UTF-8";
/*
Theme Name: Emanon Premium child
Theme URI: https://wp-emanon.jp/emanon-premium/
Author: 株式会社イノ・コード
Author URI: https://innocord.co.jp/
Description: Emanon Premiumnの子テーマです。
Template: emanon-premium
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:one-column, two-columns, three-columns, left-sidebar, right-sidebar, theme-options
*/


/* 汎用 */
.home.page .one-col .l-content__main,.l-content{width:100%;}
.outline_inner{width:100%;max-width:1100px;margin:0 auto;}
.main-visual{display:none;}
#main_01{position:relative;}

#lp_bg01{background:url(images/rec_bg01.png) no-repeat center fixed;background-size:cover;padding:1px 0;}
#lp_bg02{background:rgba(102,177,197,.25);padding:1px 0 7rem;margin:0;}
#lp_bg03{padding:4rem 0 10rem;}
#lp_bg05{background:url(images/bg_05.jpg) no-repeat top right;background-size:cover;padding:2rem 0;margin: 2rem auto 5rem;}
#lp_bg06{background:url(images/bg_06.jpg) no-repeat top right;background-size:cover;padding:2rem 0;margin: 2rem auto 5rem;}
#lp_bg07{background:url(images/bg_07.jpg) no-repeat top right;background-size:cover;padding:2rem 0;margin: 2rem auto 5rem;}
#lp_bg08{background:url(images/bg_08.jpg) no-repeat top right;background-size:cover;padding:2rem 0;margin: 2rem auto 5rem;}

.line_01{border-bottom:1px solid #000;width:200%;max-width:100px;margin: 5rem auto 1rem;}
.line_02{border-bottom:1px solid #000;width:200%;max-width:100px;margin: 5rem auto 1rem;}

.flex_01{display:flex;justify-content:space-around;}
.flex_02{display:flex;justify-content:space-around;align-items: center;}
.flex_03{display:flex;}

.article-body ul:not([class*="wp-block-"]){list-style-type:none;}

.lp_01{width:100%;max-width:40vw;margin:4rem auto 0;}
.lp_02{margin:0 auto;width: 100%;max-width: 53%;}
.lp_02 span{display:block;margin:1rem 0 0;font-family: source-han-serif-japanese, serif;font-weight: 200;font-size: 25px;}
.lp_03{width:100%;max-width:49%;padding: 2rem;box-sizing: border-box;background: rgba(255,255,255,.5);}
.lp_04{}
.lp_04 span{display:block;font-family: source-han-serif-japanese, serif;font-weight: 200;font-size:18px;text-align:center;}

.lp_05{width: 100%;max-width: 900px;height: 230px;overflow: auto;margin: 2rem auto 8rem;border: 1px solid #e0e0e0;padding:1px 2rem 2rem;}
.lp_06{display: flex;justify-content: space-around;flex-direction: row-reverse;margin: 4rem auto 0;}
.lp_07{align-self:flex-end;margin: 0 0 3rem}
.lp_07 a{background: rgba(255,255,255,.8);padding: 1rem 4rem;font-size: 20px;font-weight: bold;border: 3px solid #004e8e;border-radius: 10px;}
.lp_09{text-shadow: 2px 2px 5px #fff, -2px -2px 5px #fff, 2px 2px 5px #fff, -2px -2px 5px #fff;}
.lp_10{width:100%;background:#fff;align-self: flex-start;box-sizing: border-box;padding: 1rem 2rem;position: relative;margin:0 auto 1rem;}
.lp_10:before{position:absolute;content:"";border-top: 30px solid #fff;border-right: 10px solid transparent;border-left: 10px solid transparent;top: 40%;left: -23px;transform: rotate(90deg);}

.lp_14{width: 100%;max-width: 65%;}


.adb_font{font-family: source-han-serif-japanese, serif;font-weight: 700;font-style: normal;}

/* タイポグラフィ */
.ctr{text-align:center;}

.mds h2{font-size:2.5vw;text-align:center;font-family: toppan-bunkyu-mincho-pr6n, serif;font-weight: 400;font-style: normal;}
.mds h2 span{display:block;font-size:1vw;}
.mds h3{font-size:2vw;text-align:center;font-family: toppan-bunkyu-mincho-pr6n, serif;font-weight: 400;font-style: normal;}
.mds h3 span{display:block;font-size:1vw;}

.mds_00{margin: 0 auto 0.5rem;}
.mds_00 h3{position: relative;padding: 0 0 0 2em;font-size: 30px;font-family: toppan-bunkyu-mincho-pr6n, serif;font-weight: 400;font-style:900;}
.mds_00 h3::before,.mds_00 h3::after {position: absolute;content: '';border-radius: 100%}
.mds_00 h3::before {top: .2em;left: .2em;z-index: 2;width: 18px;height: 18px;background:#680e4b;}
.mds_00 h3::after {top: .7em;left: .7em;width: 13px;height: 13px;background:#680e4b94}

.mds_01{margin:0 auto 0.5rem;}
.mds_01 h3{position: relative;padding: 0 0 0 2em;font-size: 30px;font-family: toppan-bunkyu-mincho-pr6n, serif;font-weight: 400;font-style:900;}
.mds_01 h3::before,.mds_01 h3::after {position: absolute;content: '';border-radius: 100%}
.mds_01 h3::before {top: .2em;left: .2em;z-index: 2;width: 18px;height: 18px;background:#002a49;}
.mds_01 h3::after {top: .7em;left: .7em;width: 13px;height: 13px;background:#5581a2;}

.mds_02{margin:0 auto 0.5rem;}
.mds_02 h3{position: relative;padding: 0 0 0 2em;font-size: 30px;font-family: toppan-bunkyu-mincho-pr6n, serif;font-weight: 400;font-style:900;}
.mds_02 h3::before,.mds_02 h3::after {position: absolute;content: '';border-radius: 100%}
.mds_02 h3::before {top: .2em;left: .2em;z-index: 2;width: 18px;height: 18px;background:#2b97f2;}
.mds_02 h3::after {top: .7em;left: .7em;width: 13px;height: 13px;background:#a8d7ff;}

.mds_03{margin:0 auto 0.5rem;}
.mds_03 h3{position: relative;padding: 0 0 0 2em;font-size: 30px;font-family: toppan-bunkyu-mincho-pr6n, serif;font-weight: 400;font-style:900;}
.mds_03 h3::before,.mds_03 h3::after {position: absolute;content: '';border-radius: 100%}
.mds_03 h3::before {top: .2em;left: .2em;z-index: 2;width: 18px;height: 18px;background:#66a5ad;}
.mds_03 h3::after {top: .7em;left: .7em;width: 13px;height: 13px;background:rgba(7,87,91,.9);}

.mds_04{margin:0 auto 0.5rem;}
.mds_04 h3{position: relative;padding: 0 0 0 2em;font-size:30px;font-family: toppan-bunkyu-mincho-pr6n, serif;font-weight: 400;font-style:900;}
.mds_04 h3::before,.mds_04 h3::after {position: absolute;content: '';border-radius: 100%}
.mds_04 h3::before {top: .2em;left: .2em;z-index: 2;width: 18px;height: 18px;background:#66b1c5;}
.mds_04 h3::after {top: .7em;left: .7em;width: 13px;height: 13px;background:#29c8f3;}

.mds_05{margin:2rem auto 1rem;}

.fa{color:#2e92e7;}

/* 問い合わせフォーム */
.tbl_ent{width:100%;max-width:900px;margin:3rem auto;}
.tbl_ent table{}
.tbl_ent table th,.tbl_ent table td{border:none;}
.tbl_ent table th{background:#fff;}
.tbl_ent table td span{}

.front_txt{ position: absolute;top: 50%;left:5rem;font-family: source-han-serif-japanese, serif;font-weight:200;font-size:60px;transform: translateY(-50%);-webkit- transform: translateY(-50%);text-shadow: 2px 2px 8px #fff, -2px -2px 8px #fff, 2px 2px 8px #fff, -2px -2px 8px #fff;}
.front_txt span{display:block;font-size:30px;margin:2rem 0 0;}



/* 1500px以下から
------------------------------------------------------------*/
@media only screen and (max-width:1500px){
	
}

/* 1280px以下から
------------------------------------------------------------*/
@media only screen and (max-width:1280px){
	.front_txt{font-size:47px;}
}

/* iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
	.front_txt{font-size:34px;}
	.front_txt span{font-size:25px;}
	.lp_01{max-width:60vw;}
	.outline_inner{max-width:900px;}
	.lp_03{max-width:51%;background: rgba(255,255,255,.8);}
	.lp_14{max-width:60%;}
	.lp_13{width:100%;max-width:33%;text-align: center;}
	.lp_03{max-width:80%;margin:0 auto;}
	.flex_01{flex-wrap:wrap;}
	.lp_07{margin: 3rem auto 1rem;}
}

/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px){
	.front_txt{font-size:28px;}
	.front_txt span,.lp_02 span{font-size:23px;}
	.outline_inner{max-width:95%;}
	.mds h2{font-size:30px;}
}

/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){
	.front_txt{left:1rem;font-size:18px;width: 100%;max-width: 220px;}
	.front_txt span, .lp_02 span{font-size:16px;}
	.front_txt span{margin:1rem 0 0;}
	.mds h2,.mds h3{font-size:20px;}
	#lp_bg03{padding:1rem 0;}
	.flex_02{flex-wrap:wrap-reverse;}
	.line_01{margin:2rem auto 1rem;}
	.lp_02,.lp_14,.lp_13{max-width:100%;}
	.lp_03{max-width:93%;padding: 1rem;}
	.mds h2 span,.mds h3 span{font-size: 16px;margin: 0 auto 1rem;}
	.lp_06{flex-wrap:wrap-reverse;justify-content:center;margin: 2rem auto 0;}
	.lp_10:before{content:none;}
	#lp_bg02{padding:1rem 0 3rem;}
	.lp_13{margin:0 auto 1rem;}
}


/* 幅360px以下から 微調節
------------------------------------------------------------*/
@media only screen and (max-width: 360px){
	
}