/*
Theme Name: MediaPLANNING
Theme URI: https://mediaplanning.online/
Version: 1.0
Description: MediaPLANNING Official Site Theme
Author: メディアプラニング
*/


@charset "utf-8";


/* ress.css */
/*!
 * ress.css • v2.0.4
 * MIT License
 * github.com/filipelinhares/ress
 */html{box-sizing:border-box;-webkit-text-size-adjust:100%;word-break:normal;-moz-tab-size:4;tab-size:4}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}hr{overflow:visible;height:0}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}a{background-color:transparent}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}input{border-radius:0}[disabled]{cursor:default}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer;color:inherit}[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type="button"]{-webkit-appearance:button}button,input,select,textarea{background-color:transparent;border-style:none}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;white-space:normal;max-width:100%}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}img{border-style:none}progress{vertical-align:baseline}svg:not([fill]){fill:currentColor}@media screen{[hidden~=screen]{display:inherit}[hidden~="screen"]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}
/* ress.css end */


ul{list-style:none;list-style-type:none}
.fl{float:left}
.fr{float:right}
.cb{clear:both}
.bn{border:none!important}
/* font */
.fwb{font-weight:bold!important}.fwn{font-weight:normal!important}.fs70{font-size:70%!important}.fs75{font-size:75%!important}.fs80{font-size:80%!important}.fs85{font-size:85%!important}.fs90{font-size:90%!important}.fs120{font-size:120%!important}.fs150{font-size:150%!important}.fs200{font-size:200%!important}
/* end */
/* margin */
.mb0{margin-bottom:0px!important}.mb1em{margin-bottom:1em!important}
/* end */
/* padding */
/* end */
.dn{display:none!important}
.db{display:block!important}
.dib{display:inline-block!important}
.tdu{text-decoration:underline!important}
.tdn{text-decoration:none!important}
.tdudashed{text-decoration:underline dashed!important}
.tdudotted{text-decoration:underline dotted!important}
.tdudouble{text-decoration:underline double!important}
.tduwavy{text-decoration:underline wavy!important}
.w100{width:100%}
.bvh{-webkit-backface-visibility:hidden}
.tal{text-align:left}.tac{text-align:center}.tar{text-align:right}
h1,h2,h3,h4,h5,h6{font-weight:normalx;font-size:initial}
address{font-style:normal}
em{font-weight:bolder;font-style:normal}



.wrapper {
	padding: 300px 0;
}
body {
	font-family: 'Noto Serif JP', serif;
	font-size: 15px;
	line-height: 1.7;
	color: #333;
}

h1 {
	margin-bottom: 0.5em;
	font-size: 1.5em;
	font-weight: bold;
}
a {
	color: #333;
	text-decoration: none;
}
p {
	margin-bottom: 1em;
}
ul {
	margin-left: 1em;
	list-style-type: disc;
}
ol {
	margin-left: 1em;
}

/* header */
.mainlogobox {
	width: 100%;
	max-width: 1440px;
	padding: 0 15px 30px;
	margin: 0 auto;
}
.mainlogobox img {
	width: 100%;
}
/* header end */

/* main */
main {
	display: block;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}
.main {
	display: -webkit-flex;
	display: flex;
	width: 1440px;
	margin: 0 auto;
	background: url("images/1px333.png") 360px top repeat-y,url("images/1px333.png") 1079px top repeat-y ;
}

.L {
	order: 1;
	width: 360px;
}
.titlebox {
	padding: 45px 0;
	text-align: center;
}
.titlebox img {
	width: 72px;
	height: auto;
}
.titlebox img.fp-titlebox {
	width: 300px;
	height: auto;
}

.C {
	order: 2;
	width: 720px;
	padding: 90px 60px;
}
.en {
	display: inline-block;
	margin-left: 1rem;
	font-size: 0.75em;
}
/* contact */
.contact-form {
	padding: 60px 30px;
	background: #f7f7f7;
}
.cfiL, .cfiR {
	float: left;
}
.cfiL {
	width: 180px;
	min-height: 1px;
	font-weight: bold;
}
.cfiR {
	width: calc(100% - 180px);
}
.cfiR input[type="text"], .cfiR input[type="tel"], .cfiR input[type="email"], .cfiR textarea {
	width: 100%;
	padding: 3px 6px;
	border: 1px solid #eee;
	background-color: #fff;
}
.cfiR .soshin {
	display: block;
	width: 100%;
	padding-left: 18px;
	font-size: 24px;
	font-weight: bold;
	line-height: 60px;
	color: #fff;
	letter-spacing: 18px;
	background-color: #00a497;
	transition: background 0.4s;
}
.cfiR .soshin:hover {
	background-color: #00ccbb;
}
.must {
	font-size: 0.9em;
	color: #900;
}
/* contact end */

.R {
	order: 3;
	width: 360px;
	padding: 90px 60px;
}
.current-menu-item {
	font-weight: bold;
}

/* footer */
.copyright {
	padding: 15px;
	font-weight: bold;
	text-align: center;
}









@media (max-width: 1439px) {

.main {
	display: block;
	width: 100%;
	margin: 0 auto;
	background: none;
}
.L, .R {
	width: 100%;
}
.C {
	width: 100%;
}
.R {
	padding: 60px 15px;
}
.R .sidemenubox {
	width: -moz-fit-content;
	width: fit-content;
	margin: 0 auto;
}




}
@media (max-width: 719px) {

.cfiL, .cfiR {
	float: none;
	width: 100%;
}















}